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 | 95 +++++++++++++++++++++++++++++++++++------------ 1 files changed, 70 insertions(+), 25 deletions(-) diff --git a/src/views/mdc/base/modules/mdcPassRate/mdcPassRateList.vue b/src/views/mdc/base/modules/mdcPassRate/mdcPassRateList.vue index 30e763b..1a9d6b2 100644 --- a/src/views/mdc/base/modules/mdcPassRate/mdcPassRateList.vue +++ b/src/views/mdc/base/modules/mdcPassRate/mdcPassRateList.vue @@ -3,28 +3,34 @@ <!-- 鏌ヨ鍖哄煙 --> <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>--> @@ -40,6 +46,8 @@ <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"> @@ -54,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"> @@ -101,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 @@ -111,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], @@ -118,8 +125,6 @@ Tooltip, mdcPassRateModal, mdcPassRateEdit, - // DeviceRepairModelAdd, - // DeviceRepairModelEdit, JDictSelectTag, JInput, JDate, @@ -139,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} }, @@ -156,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") @@ -164,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 } ], @@ -452,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){ @@ -677,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> @@ -687,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