From 8611a1ba1696e76cced04ff5d658ba138a05dafd Mon Sep 17 00:00:00 2001 From: zenglf <18502938215@163.com> Date: 星期六, 19 八月 2023 14:37:32 +0800 Subject: [PATCH] 设备管理前端代码提交 截止 20230819 13:55 分 --- src/views/eam/modules/projectMaintenanceOrder/ProjectMaintenanceOrderDetailList.vue | 419 +++++++++++++++++++++++++++-------------------------------- 1 files changed, 194 insertions(+), 225 deletions(-) diff --git a/src/views/eam/modules/projectMaintenanceOrder/ProjectMaintenanceOrderDetailList.vue b/src/views/eam/modules/projectMaintenanceOrder/ProjectMaintenanceOrderDetailList.vue index 4a23bb9..63696d3 100644 --- a/src/views/eam/modules/projectMaintenanceOrder/ProjectMaintenanceOrderDetailList.vue +++ b/src/views/eam/modules/projectMaintenanceOrder/ProjectMaintenanceOrderDetailList.vue @@ -1,26 +1,18 @@ <template> - <a-card :bordered="false" :class="'cust-erp-sub-tab'"> + <a-card + :bordered="false" + :class="'cust-erp-sub-tab'" + > <!-- 鏌ヨ鍖哄煙 --> <div class="table-page-search-wrapper"> - <a-form layout="inline" @keyup.enter.native="searchQuery"> + <a-form + layout="inline" + @keyup.enter.native="searchQuery" + > <a-row :gutter="24"> </a-row> </a-form> </div> - <!-- 鏌ヨ鍖哄煙-END --> - - <!-- 鎿嶄綔鎸夐挳鍖哄煙 --> -<!-- <div class="table-operator" v-if="mainId"> - - <a-dropdown v-if="selectedRowKeys.length > 0"> - <a-menu slot="overlay"> - <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>鍒犻櫎</a-menu-item> - </a-menu> - <a-button style="margin-left: 8px"> 鎵归噺鎿嶄綔 <a-icon type="down" /></a-button> - </a-dropdown> - </div>--> - - <!-- table鍖哄煙-begin --> <div> <!-- <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;"> <i class="anticon anticon-info-circle ant-alert-icon"></i> 宸查�夋嫨 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>椤� @@ -32,231 +24,208 @@ size="middle" bordered rowKey="id" - :scroll="{x:true}" + :scroll="{ x: 'calc(1500px + 50%)', y: 900 }" :columns="columns" :dataSource="dataSource" :pagination="ipagination" :loading="loading" - @change="handleTableChange"> - - <template slot="htmlSlot" slot-scope="text"> - <div v-html="text"></div> - </template> - <template slot="imgSlot" slot-scope="text,record"> - <span v-if="!text" style="font-size: 12px;font-style: italic;">鏃犲浘鐗�</span> - <img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/> - </template> - <template slot="fileSlot" slot-scope="text"> - <span v-if="!text" style="font-size: 12px;font-style: italic;">鏃犳枃浠�</span> - <a-button - v-else - :ghost="true" - type="primary" - icon="download" - size="small" - @click="downloadFile(text)"> - 涓嬭浇 - </a-button> - </template> - - <span slot="action" slot-scope="text, record"> - <a @click="handleEdit(record)">缂栬緫</a> - <a-divider type="vertical" /> - <a-popconfirm title="纭畾鍒犻櫎鍚�?" @confirm="() => handleDelete(record.id)"> - <a>鍒犻櫎</a> - </a-popconfirm> - </span> + @change="handleTableChange" + > </a-table> </div> - <project-maintenance-order-detail-modal ref="modalForm" @ok="modalFormOk" :mainId="mainId"></project-maintenance-order-detail-modal> + <project-maintenance-order-detail-modal + ref="modalForm" + @ok="modalFormOk" + :mainId="mainId" + ></project-maintenance-order-detail-modal> </a-card> </template> <script> - import { JeecgListMixin } from '@/mixins/JeecgListMixin' - import ProjectMaintenanceOrderDetailModal from './ProjectMaintenanceOrderDetailModal' +import { JeecgListMixin } from '@/mixins/JeecgListMixin' +import ProjectMaintenanceOrderDetailModal from './ProjectMaintenanceOrderDetailModal' - export default { - name: "ProjectMaintenanceOrderDetailList", - mixins:[JeecgListMixin], - components: { ProjectMaintenanceOrderDetailModal }, - props:{ - mainId:{ - type:String, - default:'', - required:false - } - }, - watch:{ - mainId:{ - immediate: true, - handler(val) { - if(!this.mainId){ - this.clearList() - }else{ - this.queryParam['projectMaintenanceOrderId'] = val - this.loadData(1); - } - } - } - }, - data () { - return { - description: '椤圭洰鎬х淮淇〉闈�', - disableMixinCreated:true, - // 琛ㄥご - columns: [ - { - title: '#', - dataIndex: '', - key:'rowIndex', - width:60, - align:"center", - customRender:function (t,r,index) { - return parseInt(index)+1; - } - }, - { - title: '鐘舵��', - align: 'center', - dataIndex: 'typeStatus_dictText' - }, - { - title:'浠诲姟缂栫爜', - align:"center", - dataIndex: 'taskNum' - }, - { - title:'璁惧缂栫爜', - align:"center", - dataIndex: 'equipmentNum' - }, - /* { - title:'璧勪骇缂栫爜', - align:"center", - dataIndex: 'assetNumber' - },*/ - /* { - title:'鐗圭璁惧', - align:"center", - dataIndex: 'specificEquipment_dictText', - },*/ - { - title:'璁惧鍚嶇О', - align:"center", - dataIndex: 'equipmentName' - }, - { - title:'璁惧鍨嬪彿', - align:"center", - dataIndex: 'model' - }, - { - title:'璁惧瑙勬牸', - align:"center", - dataIndex: 'specification' - }, - { - title:'缁翠繚鏂瑰紡', - align:"center", - dataIndex: 'maintenanceMode_dictText' - }, - { - title:'椤圭洰鍐呭', - align:"center", - dataIndex: 'itemName' - }, - { - title:'绱ф�ョ▼搴�', - align:"center", - dataIndex: 'urgency_dictText' - }, - { - title:'璐d换鐝粍', - align:"center", - dataIndex: 'teamId_dictText', - - }, - { - title:'璐d换浜�', - align:"center", - dataIndex: 'userId_dictText', - - }, - { - title:'璁″垝寮�濮嬫椂闂�', - align:"center", - dataIndex: 'planStartTime', - // customRender:function (text) { - // return !text?"":(text.length>10?text.substr(0,10):text) - // } - - }, - { - title:'璁″垝缁撴潫鏃堕棿', - align:"center", - dataIndex: 'planEndTime', - // customRender:function (text) { - // return !text?"":(text.length>10?text.substr(0,10):text) - // } - }, - { - title:'瀹為檯寮�濮嬫椂闂�', - align:"center", - dataIndex: 'actualStartTime', - // customRender:function (text) { - // return !text?"":(text.length>10?text.substr(0,10):text) - // } - }, - { - title:'瀹為檯瀹屾垚鏃堕棿', - align:"center", - dataIndex: 'actualEndTime', - // customRender:function (text) { - // return !text?"":(text.length>10?text.substr(0,10):text) - // } - }, - // { - // title: '鎿嶄綔', - // dataIndex: 'action', - // align:"center", - // fixed:"right", - // width:147, - // scopedSlots: { customRender: 'action' }, - // } - ], - url: { - list: "/eam/projectMaintenanceOrder/listProjectMaintenanceOrderDetailByMainId", - delete: "/eam/projectMaintenanceOrder/deleteProjectMaintenanceOrderDetail", - deleteBatch: "/eam/projectMaintenanceOrder/deleteBatchProjectMaintenanceOrderDetail", - exportXlsUrl: "/eam/projectMaintenanceOrder/exportProjectMaintenanceOrderDetail", - importUrl: "/eam/projectMaintenanceOrder/importProjectMaintenanceOrderDetail", - }, - dictOptions:{ - auditStatus:[], - } - } - }, - created() { - }, - computed: { - importExcelUrl(){ - return `${window._CONFIG['domianURL']}/${this.url.importUrl}/${this.mainId}`; - } - }, - methods: { - clearList(){ - this.dataSource=[] - this.selectedRowKeys=[] - this.ipagination.current = 1 - } - +export default { + name: "ProjectMaintenanceOrderDetailList", + mixins: [JeecgListMixin], + components: { ProjectMaintenanceOrderDetailModal }, + props: { + mainId: { + type: String, + default: '', + required: false } + }, + watch: { + mainId: { + immediate: true, + handler(val) { + if (!this.mainId) { + this.clearList() + } else { + this.queryParam['projectMaintenanceOrderId'] = val + this.loadData(1); + } + } + } + }, + data() { + return { + description: '椤圭洰鎬х淮淇〉闈�', + disableMixinCreated: true, + // 琛ㄥご + columns: [ + { + title: '#', + dataIndex: '', + key: 'rowIndex', + width: 60, + align: "center", + customRender: function (t, r, index) { + return parseInt(index) + 1; + } + }, + { + title: '鐘舵��', + align: 'center', + dataIndex: 'typeStatus_dictText' + }, + { + title: '浠诲姟缂栫爜', + align: "center", + dataIndex: 'taskNum' + }, + { + title: '璁惧缂栫爜', + align: "center", + dataIndex: 'equipmentNum' + }, + /* { + title:'璧勪骇缂栫爜', + align:"center", + dataIndex: 'assetNumber' + },*/ + /* { + title:'鐗圭璁惧', + align:"center", + dataIndex: 'specificEquipment_dictText', + },*/ + { + title: '璁惧鍚嶇О', + align: "center", + dataIndex: 'equipmentName' + }, + { + title: '璁惧鍨嬪彿', + align: "center", + dataIndex: 'model' + }, + { + title: '璁惧瑙勬牸', + align: "center", + dataIndex: 'specification' + }, + { + title: '缁翠繚鏂瑰紡', + align: "center", + dataIndex: 'maintenanceMode_dictText' + }, + { + title: '椤圭洰鍐呭', + align: "center", + dataIndex: 'itemName' + }, + { + title: '绱ф�ョ▼搴�', + align: "center", + dataIndex: 'urgency_dictText' + }, + { + title: '璐d换鐝粍', + align: "center", + dataIndex: 'teamId_dictText', + + }, + { + title: '璐d换浜�', + align: "center", + dataIndex: 'userId_dictText', + + }, + { + title: '璁″垝寮�濮嬫椂闂�', + align: "center", + dataIndex: 'planStartTime', + // customRender:function (text) { + // return !text?"":(text.length>10?text.substr(0,10):text) + // } + + }, + { + title: '璁″垝缁撴潫鏃堕棿', + align: "center", + dataIndex: 'planEndTime', + // customRender:function (text) { + // return !text?"":(text.length>10?text.substr(0,10):text) + // } + }, + { + title: '瀹為檯寮�濮嬫椂闂�', + align: "center", + dataIndex: 'actualStartTime', + // customRender:function (text) { + // return !text?"":(text.length>10?text.substr(0,10):text) + // } + }, + { + title: '瀹為檯瀹屾垚鏃堕棿', + align: "center", + dataIndex: 'actualEndTime', + // customRender:function (text) { + // return !text?"":(text.length>10?text.substr(0,10):text) + // } + }, + // { + // title: '鎿嶄綔', + // dataIndex: 'action', + // align:"center", + // fixed:"right", + // width:147, + // scopedSlots: { customRender: 'action' }, + // } + ], + url: { + list: "/eam/projectMaintenanceOrder/listProjectMaintenanceOrderDetailByMainId", + delete: "/eam/projectMaintenanceOrder/deleteProjectMaintenanceOrderDetail", + deleteBatch: "/eam/projectMaintenanceOrder/deleteBatchProjectMaintenanceOrderDetail", + exportXlsUrl: "/eam/projectMaintenanceOrder/exportProjectMaintenanceOrderDetail", + importUrl: "/eam/projectMaintenanceOrder/importProjectMaintenanceOrderDetail", + }, + dictOptions: { + auditStatus: [], + } + } + }, + created() { + }, + computed: { + importExcelUrl() { + return `${window._CONFIG['domianURL']}/${this.url.importUrl}/${this.mainId}`; + } + }, + methods: { + clearList() { + this.dataSource = [] + this.selectedRowKeys = [] + this.ipagination.current = 1 + } + } +} </script> <style scoped> - @import '~@assets/less/common.less'; +@import '~@assets/less/common.less'; </style> -- Gitblit v1.9.3