From 585fb0bbd4a7bc7f8f333ecba7c5fecd2ee5cbc2 Mon Sep 17 00:00:00 2001 From: qushaowei <qushaowei@163.com> Date: 星期四, 28 三月 2024 09:46:44 +0800 Subject: [PATCH] Merge branch 'master' of http://117.34.109.166:18448/r/vue_mdc_430 into develop --- src/views/mdc/base/modules/mdcPassRate/mdcPassRateList.vue | 181 +++++++++++++++++++++++++++++++++++---------- 1 files changed, 140 insertions(+), 41 deletions(-) diff --git a/src/views/mdc/base/modules/mdcPassRate/mdcPassRateList.vue b/src/views/mdc/base/modules/mdcPassRate/mdcPassRateList.vue index 03de38d..1a9d6b2 100644 --- a/src/views/mdc/base/modules/mdcPassRate/mdcPassRateList.vue +++ b/src/views/mdc/base/modules/mdcPassRate/mdcPassRateList.vue @@ -1,30 +1,36 @@ <template> - <a-card :bordered="false" class="device_list"> + <div :bordered="false" class="device_list"> <!-- 鏌ヨ鍖哄煙 --> <div style="width: 100%; background-color: #fff" class="table-page-search-wrapper"> <a-form layout="inline" @keyup.enter.native="searchQuery"> - <a-row :gutter="24"> + <a-row :gutter="24" style="width: 100%;"> <a-col :md="7" :sm="7"> <a-form-item label="鏃堕棿"> <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD"/> </a-form-item> </a-col> - <a-col :md="4" :sm="4"> + <a-col :md="5" :sm="5"> <a-form-item label="璁惧缂栧彿"> <a-input placeholder="杈撳叆璁惧缂栧彿鏌ヨ" v-model="queryParams.equipmentId"></a-input> </a-form-item> </a-col> - <a-col :md="4" :sm="4" :xs="4"> + <a-col :md="5" :sm="5" :xs="5"> <a-form-item label="璁惧鍚嶇О"> <a-input placeholder="杈撳叆璁惧鍚嶇О鏌ヨ" v-model="queryParams.equipmentName"></a-input> </a-form-item> </a-col> - <a-col :md="2" :sm="3" :xs="3"> - <a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button> - </a-col> <a-col :md="2" :sm="2" :xs="2"> - <a-button type="primary" @click="searchReset" icon="reload">閲嶇疆</a-button> + <a-space> + <a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button> + <a-button type="primary" @click="searchReset" icon="reload">閲嶇疆</a-button> + </a-space> </a-col> + <!--<a-col :md="2" :sm="3" :xs="3">--> + <!--<a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button>--> + <!--</a-col>--> + <!--<a-col :md="2" :sm="2" :xs="2">--> + <!--<a-button type="primary" @click="searchReset" icon="reload">閲嶇疆</a-button>--> + <!--</a-col>--> <!--<a-col :lg="2" :md="3" :sm="3" :xs="3">--> <!--<a-button type="primary" @click="exportExcel" icon="download">瀵煎嚭</a-button>--> <!--</a-col>--> @@ -35,10 +41,13 @@ <div class="table-operator" style="display: inline;"> <a-button @click="handleAdd" type="primary" icon="plus">鏂板 </a-button> + <a-button type="primary" icon="download" @click="importTemplate('鍚堟牸鐜囨ā鏉�')">瀵煎叆妯℃澘</a-button> <a-button type="primary" icon="download" @click="handleExportXls('鍚堟牸鐜囩鐞�')">瀵煎嚭</a-button> <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> <a-button type="primary" icon="import">瀵煎叆</a-button> </a-upload> + <a-button type="primary" icon="printer" v-print="'#DeviceList'" v-has="'passRate:print'">鎵撳嵃</a-button> + <a-dropdown v-if="selectedRowKeys.length > 0"> <a-menu slot="overlay"> <a-menu-item key="1" @click="batchDel"> @@ -53,9 +62,9 @@ </div> <!-- table鍖哄煙-begin --> - <div id="DeviceList"> + <div id="DeviceList" style="flex: 1;overflow: hidden"> <a-table ref="table" bordered size="middle" rowKey="id" :columns="columns" - :scroll="{x:1000}" :dataSource="dataSource" :pagination="ipagination" :loading="loading" + :scroll="{x:'max-content',y:scrollY}" :dataSource="dataSource" :pagination="ipagination" :loading="loading" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" @change="handleTableChange"> @@ -84,7 +93,7 @@ <!--<device-repair-model></device-repair-model>--> <mdc-pass-rate-modal ref="modalForm" @ok="modalFormOk"></mdc-pass-rate-modal> <mdc-pass-rate-edit ref="modalFormedit" @ok="modalFormOk"></mdc-pass-rate-edit> - </a-card> + </div> </template> <script> @@ -100,8 +109,6 @@ } from '@/api/manage' import mdcPassRateModal from './mdcPassRateModal' import mdcPassRateEdit from './mdcPassRateEdit' - // import DeviceRepairModelAdd from './DeviceRepairModelAdd' - // import DeviceRepairModelEdit from './DeviceRepairModelEdit' import '@/components/table2excel/table2excel' import { JeecgListMixin @@ -110,6 +117,7 @@ import JEllipsis from '@/components/jeecg/JEllipsis' import Tooltip from 'ant-design-vue/es/tooltip' import { ajaxGetDictItems, getDictItemsFromCache, duplicateCheck } from '@/api/api' + export default { name: 'mdcPassRateList', mixins: [JeecgListMixin], @@ -117,8 +125,6 @@ Tooltip, mdcPassRateModal, mdcPassRateEdit, - // DeviceRepairModelAdd, - // DeviceRepairModelEdit, JDictSelectTag, JInput, JDate, @@ -138,16 +144,31 @@ queryParamEquip:{}, queryParamPeople:{}, dataStartsoucre:[], + scrollY:465, + /* 鍒嗛〉鍙傛暟 */ + ipagination:{ + current: 1, + pageSize: 30, + pageSizeOptions: ['30', '50', '100'], + showTotal: (total, range) => { + return range[0] + "-" + range[1] + " 鍏�" + total + "鏉�" + }, + showQuickJumper: true, + showSizeChanger: true, + total: 0 + }, columns: [ { title: '璁惧缂栧彿', align: 'center', - dataIndex: 'equipmentId' + dataIndex: 'equipmentId', + width:200 }, { title: '璁惧鍚嶇О', align: 'center', dataIndex: 'equipmentName', + width:200 // defaultSortOrder:'descend', // sorter: (a, b) => {return a.equipmentName>b.equipmentName?1:-1} }, @@ -155,6 +176,7 @@ title: '鏃ユ湡', align: 'center', dataIndex: 'efficientDate', + width:200 // scopedSlots:{customRender:'startTime'}, // customRender:(text,row,index) => { // return moment(text).format("YYYY-MM-DD HH:mm:ss") @@ -163,30 +185,35 @@ { title: '鍔犲伐鏁伴噺', align: 'center', - dataIndex: 'processQuantity' + dataIndex: 'processQuantity', + width:150 }, { title: '涓嶅悎鏍兼暟閲�', align: 'center', - dataIndex: 'unqualifiedQuantity' + dataIndex: 'unqualifiedQuantity', + width:150 }, { title: '鍚堟牸鐜�', align: 'center', dataIndex: 'passRate', - scopedSlots:{customRender:'discount1'} + scopedSlots:{customRender:'discount1'}, + width:150 }, { title: '澶囨敞', align: 'center', - dataIndex: 'remark' + dataIndex: 'remark', + width:200 }, { title: '鎿嶄綔', dataIndex: 'action', scopedSlots: {customRender: 'action'}, align: "center", + fixed:'right', width: 150 } ], @@ -195,8 +222,8 @@ delete: '/mdc/mdcPassRate/delete', deleteBatch: '/mdc/mdcPassRate/deleteBatch', getEquipmentByPid: '/mdc/mdcequipment/getEquipmentByPid', - exportXlsUrl: "/mdc/mdcStandardProcessDuration/exportXls", - importExcelUrl: "/mdc/mdcStandardProcessDuration/importExcel", + exportXlsUrl: "/mdc/mdcPassRate/exportXls", + importExcelUrl: "/mdc/mdcPassRate/importExcel", } } }, @@ -239,6 +266,15 @@ }, }, methods: { + importTemplate(fileName){ + var a = document.createElement("a"); + a.href = "/static/鍚堟牸鐜囩鐞�.xls"; + a.download = "鍚堟牸鐜囩鐞�.xls"; + a.style.display = "none"; + document.body.appendChild(a); + a.click(); + a.remove(); + }, dateParamChange(v1, v2) { // console.log(v1,v2) this.queryParam.startTime = v2[0] @@ -318,7 +354,11 @@ } //update-end---author:zhangyafei Date:20201118 for锛氶�傞厤涓嶅垎椤电殑鏁版嵁鍒楄〃------------ }else{ - this.$message.warning(res.message) + // this.$message.warning(res.message) + this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }).finally(() => { this.loading = false @@ -363,7 +403,11 @@ this.ipagination.total = 0; } }else{ - this.$message.warning(res.message) + // this.$message.warning(res.message) + this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }).finally(() => { this.loading = false @@ -401,7 +445,11 @@ this.ipagination.total = 0; } }else{ - this.$message.warning(res.message) + // this.$message.warning(res.message) + this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }).finally(() => { this.loading = false @@ -430,8 +478,10 @@ param.field = this.getQueryField(); param.parentId = this.queryParams.parentId; param.equipmentId = this.queryParams.equipmentId; - param.startTime = this.queryParam.startTime; - param.endTime = this.queryParam.endTime; + if(this.queryParam.startTime && this.queryParam.endTime){ + param.startTime = this.queryParam.startTime; + param.endTime = this.queryParam.endTime; + } // console.log(param); getAction(this.url.list,param).then((res) => { if(res.success){ @@ -443,7 +493,11 @@ this.ipagination.total = 0; } }else{ - this.$message.warning(res.message) + // this.$message.warning(res.message) + this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }).finally(() => { this.loading = false @@ -477,7 +531,11 @@ } //update-end---author:zhangyafei Date:20201118 for锛氶�傞厤涓嶅垎椤电殑鏁版嵁鍒楄〃------------ }else{ - this.$message.warning(res.message) + // this.$message.warning(res.message) + this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }).finally(() => { this.loading = false @@ -499,10 +557,18 @@ if (res.success) { //閲嶆柊璁$畻鍒嗛〉闂 that.reCalculatePage(1) - that.$message.success(res.message); + // that.$message.success(res.message); + that.$notification.success({ + message:'娑堟伅', + description:res.message + }); that.searchQuery(); } else { - that.$message.warning(res.message); + // that.$message.warning(res.message); + that.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }); }, @@ -512,7 +578,11 @@ return } if (this.selectedRowKeys.length <= 0) { - this.$message.warning('璇烽�夋嫨涓�鏉¤褰曪紒'); + // this.$message.warning('璇烽�夋嫨涓�鏉¤褰曪紒'); + this.$notification.warning({ + message:'娑堟伅', + description:"璇烽�夋嫨涓�鏉¤褰�" + }); return; } else { var ids = ""; @@ -529,11 +599,19 @@ if (res.success) { //閲嶆柊璁$畻鍒嗛〉闂 that.reCalculatePage(that.selectedRowKeys.length) - that.$message.success(res.message); + // that.$message.success(res.message); + that.$notification.success({ + message:'娑堟伅', + description:res.message + }); that.loadData(); that.onClearSelected(); } else { - that.$message.warning(res.message); + // that.$message.warning(res.message); + that.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }).finally(() => { that.loading = false; @@ -572,7 +650,11 @@ _this.equipment = res.result _this.searchQuery() } else { - _this.$message.warning('璇烽厤缃澶囷紒') + // _this.$message.warning('璇烽厤缃澶囷紒') + _this.$notification.warning({ + message:'娑堟伅', + description:'璇疯仈绯荤鐞嗗憳锛屽紑鏀捐澶囨潈闄愶紒' + }); } } }) @@ -591,7 +673,7 @@ param.equipmentId = this.queryParams.equipmentId; param.startTime = this.queryParam.startTime; param.endTime = this.queryParam.endTime; - console.log("瀵煎嚭鍙傛暟",param) + // console.log("瀵煎嚭鍙傛暟",param) downFile(this.url.exportXlsUrl,param).then((data)=>{ if (!data) { this.$message.warning("鏂囦欢涓嬭浇澶辫触") @@ -623,9 +705,25 @@ exclude_inputs: true }); }, + + /** + * 褰撴祻瑙堝櫒鍙绐楀彛灏哄鍙戠敓鏀瑰彉鏃惰Е鍙� + */ + handleWindowResize(){ + const boxHeight = +window.getComputedStyle(document.getElementById('DeviceList')).height.slice(0,-2) + const tableHeadHeight = +window.getComputedStyle(document.querySelector('.ant-table-thead th')).height.slice(0,-2) + this.scrollY = boxHeight - tableHeadHeight - 50 + } }, created() { this.queryParam.typeTree = "1" + }, + mounted(){ + window.addEventListener('resize',this.handleWindowResize) + this.handleWindowResize() + }, + beforeDestroy(){ + window.removeEventListener('resize',this.handleWindowResize) } } </script> @@ -633,34 +731,35 @@ <style lang="less" scoped> @import '~@assets/less/common.less'; + .device_list{ + overflow: hidden; + display: flex; + flex-direction: column; + } + @media screen and (min-width: 1920px){ .device_list{ height: 811px!important; - overflow: scroll; } } @media screen and (min-width: 1680px) and (max-width: 1920px){ .device_list{ height: 811px!important; - overflow: scroll; } } @media screen and (min-width: 1400px) and (max-width: 1680px){ .device_list{ height: 663px!important; - overflow: scroll; } } @media screen and (min-width: 1280px) and (max-width: 1400px){ .device_list{ height: 564px!important; - overflow: scroll; } } @media screen and (max-width: 1280px){ .device_list{ height: 564px!important; - overflow: scroll; } } </style> -- Gitblit v1.9.3