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/RepairOrderFaultAnalysisList.vue | 270 +++++++++++++++++++++++++++++++++--------------------- 1 files changed, 165 insertions(+), 105 deletions(-) diff --git a/src/views/eam/RepairOrderFaultAnalysisList.vue b/src/views/eam/RepairOrderFaultAnalysisList.vue index 33024a7..99fd6ac 100644 --- a/src/views/eam/RepairOrderFaultAnalysisList.vue +++ b/src/views/eam/RepairOrderFaultAnalysisList.vue @@ -1,8 +1,14 @@ <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> @@ -10,7 +16,10 @@ <!-- 鏌ヨ鍖哄煙-END --> <!-- 鎿嶄綔鎸夐挳鍖哄煙 --> - <div class="table-operator" v-if="mainId"> + <div + class="table-operator" + v-if="mainId" + > <!-- <a-button @click="handleAdd" type="primary" icon="plus">鏂板</a-button> <a-button type="primary" icon="download" @click="handleExportXls('鏁呴殰鍒嗘瀽')">瀵煎嚭</a-button> <a-upload @@ -24,7 +33,10 @@ </a-upload> --> <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-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> @@ -47,33 +59,63 @@ :dataSource="dataSource" :pagination="ipagination" :loading="loading" - @change="handleTableChange"> + @change="handleTableChange" + > <!-- :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" --> - <template slot="htmlSlot" slot-scope="text"> + <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 + 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> + <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)"> + @click="downloadFile(text)" + > 涓嬭浇 </a-button> </template> - <span slot="action" slot-scope="text, record"> + <span + slot="action" + slot-scope="text, record" + > <a @click="handleEdit(record)">缂栬緫</a> <a-divider type="vertical" /> - <a-popconfirm title="纭畾鍒犻櫎鍚�?" @confirm="() => handleDelete(record.id)"> + <a-popconfirm + title="纭畾鍒犻櫎鍚�?" + @confirm="() => handleDelete(record.id)" + > <a>鍒犻櫎</a> </a-popconfirm> </span> @@ -81,105 +123,123 @@ </a-table> </div> - <repairOrderFaultAnalysis-modal ref="modalForm" @ok="modalFormOk" :mainId="mainId"></repairOrderFaultAnalysis-modal> + <repairOrderFaultAnalysis-modal + ref="modalForm" + @ok="modalFormOk" + :mainId="mainId" + ></repairOrderFaultAnalysis-modal> </a-card> </template> <script> - import { JeecgListMixin } from '@/mixins/JeecgListMixin' - import RepairOrderFaultAnalysisModal from './modules/repairorder/RepairOrderFaultAnalysisModal' +import { JeecgListMixin } from '@/mixins/JeecgListMixin' +import RepairOrderFaultAnalysisModal from './modules/repairorder/RepairOrderFaultAnalysisModal' - export default { - name: "RepairOrderFaultAnalysisList", - mixins:[JeecgListMixin], - components: { RepairOrderFaultAnalysisModal }, - props:{ - mainId:{ - type:String, - default:'', - required:false - } - }, - watch:{ - mainId:{ - immediate: true, - handler(val) { - if(!this.mainId){ - this.clearList() - }else{ - this.queryParam['repairOrderId'] = 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: '鏁呴殰鍘熷洜', - dataIndex: 'faultCause', - align: "center", - scopedSlots: { customRender: 'faultCause' }, - width: 250, - }, - { - title: '鏁呴殰绫诲瀷', - dataIndex: 'faultTypeName', - align: "center", - scopedSlots: { customRender: 'faultType' }, - width: 250, - }, - { - title: '缁翠繚鏀硅繘鎰忚', - dataIndex: 'suggestion', - align: "center", - scopedSlots: { customRender: 'suggestion' }, - width: 250, - }, - ], - url: { - list: "/eam/repairOrder/listRepairOrderFaultAnalysisByMainId", - delete: "/eam/repairOrder/deleteRepairOrderFaultAnalysis", - deleteBatch: "/eam/repairOrder/deleteBatchRepairOrderFaultAnalysis", - exportXlsUrl: "/eam/repairOrder/exportRepairOrderFaultAnalysis", - importUrl: "/eam/repairOrder/importRepairOrderFaultAnalysis", - }, - dictOptions:{ - } - } - }, - 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: "RepairOrderFaultAnalysisList", + mixins: [JeecgListMixin], + components: { RepairOrderFaultAnalysisModal }, + props: { + mainId: { + type: String, + default: '', + required: false } + }, + watch: { + mainId: { + immediate: true, + handler(val) { + if (!this.mainId) { + this.clearList() + } else { + this.queryParam['repairOrderId'] = 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: '鏁呴殰鍘熷洜', + dataIndex: 'faultCause', + align: "center", + scopedSlots: { customRender: 'faultCause' }, + width: 250, + }, + { + title: '鏁呴殰绫诲瀷', + dataIndex: 'faultTypeName', + align: "center", + scopedSlots: { customRender: 'faultType' }, + width: 250, + }, + { + title: '鏁呴殰鍒嗘瀽', + dataIndex: 'faultCause', + align: 'center', + width: 150, + ellipsis: true, + }, + { + title: '缁翠慨鎺柦', + dataIndex: 'maintenanceMeasures', + align: 'center', + width: 150, + ellipsis: true, + }, + { + title: '缁翠繚鏀硅繘鎰忚', + dataIndex: 'suggestion', + align: "center", + scopedSlots: { customRender: 'suggestion' }, + width: 250, + }, + ], + url: { + list: "/eam/repairOrder/listRepairOrderFaultAnalysisByMainId", + delete: "/eam/repairOrder/deleteRepairOrderFaultAnalysis", + deleteBatch: "/eam/repairOrder/deleteBatchRepairOrderFaultAnalysis", + exportXlsUrl: "/eam/repairOrder/exportRepairOrderFaultAnalysis", + importUrl: "/eam/repairOrder/importRepairOrderFaultAnalysis", + }, + dictOptions: { + } + } + }, + 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