From fe7c43f16b81a6352b74d3cac84c891000f41659 Mon Sep 17 00:00:00 2001 From: zhangherong <571457620@qq.com> Date: 星期二, 04 三月 2025 15:38:34 +0800 Subject: [PATCH] art: 所有设备 台账 增加点检工单Tab页签 --- src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue | 64 ++++++++++++++++++++++++-------- 1 files changed, 48 insertions(+), 16 deletions(-) diff --git a/src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue b/src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue index 92f7e39..faa9c8b 100644 --- a/src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue +++ b/src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue @@ -16,13 +16,13 @@ :maxTagCount="1" @change="selectChange($event,'equipmentType')" > - <a-select-option v-for="item in equipmentTypeList" :value="item.value"> + <a-select-option v-for="(item,index) in equipmentTypeList" :value="item.value" :key="index"> {{item.label}} </a-select-option> </a-select> </a-form-item> </a-col> - <a-col :md="5" :sm="5"> + <a-col :md="6" :sm="6"> <a-form-item label="椹卞姩绫诲瀷"> <a-select :value="queryParams.driveType" @@ -32,13 +32,13 @@ :maxTagCount="1" @change="selectChange($event,'driveType')" > - <a-select-option v-for="item in driveTypeList" :value="item.value"> + <a-select-option v-for="(item,index) in driveTypeList" :value="item.value" :key="index"> {{item.label}} </a-select-option> </a-select> </a-form-item> </a-col> - <a-col :md="4" :sm="4"> + <a-col :md="6" :sm="6"> <a-form-item label="鏃堕棿"> <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" v-model="dates" :allowClear="false"/> @@ -54,23 +54,38 @@ :maxTagCount="1" @change="selectChange($event,'deviceLevel')" > - <a-select-option v-for="item in device_level_list" :value="item.value"> + <a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index"> {{item.label}} </a-select-option> </a-select> </a-form-item> </a-col> + <a-col :md="2" :sm="2"> + <a + @click="toggleSearchStatus=!toggleSearchStatus" + @selectstart="$event.preventDefault()" + style="display: inline-block;height: 32px;line-height: 32px" + > + {{ toggleSearchStatus ? '鏀惰捣' : '灞曞紑' }} + <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/> + </a> + </a-col> + </a-row> + + <a-row :gutter="24" v-if="toggleSearchStatus"> + <a-col :md="5" :sm="5" :xs="5"> - <a-form-item label="璁惧绉嶇被"> + <a-form-item label="閲嶈绋嬪害"> <a-select - :value="queryParams.deviceCategory" + :value="queryParams.deviceImportanceLevel" mode="multiple" - placeholder="璇烽�夋嫨璁惧绉嶇被" + placeholder="璇烽�夋嫨璁惧閲嶈绋嬪害" allow-clear :maxTagCount="1" - @change="selectChange($event,'deviceCategory')" + @change="selectChange($event,'deviceImportanceLevel')" > - <a-select-option v-for="item in device_category_list" :value="item.value"> + <a-select-option v-for="(item,index) in device_importance_level_list" :value="item.value" + :key="index"> {{item.label}} </a-select-option> </a-select> @@ -129,6 +144,8 @@ </th> <th class="thgu dong6 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;">璁惧绫诲瀷 </th> + <th class="thgu dong7 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">璁惧鍨嬪彿 + </th> <!--<th rowspan="2">缁勫埆</th>--> <template v-for="(tableHead, index) in tableHeads"> <th class="timeth" :colspan="checkedList.length">{{tableHead}}</th> @@ -136,7 +153,7 @@ </tr> <tr class="thead notfixed gudingth"> <template v-for="(tableHead, index) in tableHeads"> - <th v-if="checkedList.indexOf('lyl') > -1">鍒╃敤鐜�(%)</th> + <th v-if="checkedList.indexOf('lyl') > -1">TEEP(%)</th> <th v-if="checkedList.indexOf('kjl') > -1">寮�鏈虹巼(%)</th> <th v-if="checkedList.indexOf('kjsj') > -1">寮�鏈烘椂闂�(灏忔椂)</th> <th v-if="checkedList.indexOf('jgsj') > -1">鍔犲伐鏃堕棿(灏忔椂)</th> @@ -173,11 +190,12 @@ {{item.equipmentName}} </td> <td class="tdgu5 kaitou">{{item.equipmentType}}</td> + <td class="tdgu6 kaitou">{{item.equipmentModel}}</td> </template> <!--鍚堣涓庡钩鍧囧�煎尯鍩�--> <template v-else> - <td colspan="6" class="tdgu kaitou">{{item.level1}}</td> + <td colspan="7" class="tdgu kaitou">{{item.level1}}</td> </template> <template v-for="(tableHead, index) in item.dataList"> @@ -243,12 +261,13 @@ equipmentType: [], driveType: [], deviceLevel: [], - deviceCategory: [] + deviceCategory: [], + deviceImportanceLevel: [] }, queryParamEquip: {}, queryParamPeople: {}, efficiencyOptions: [ - { label: '鍒╃敤鐜�', value: 'lyl' }, + { label: 'TEEP', value: 'lyl' }, { label: '寮�鏈虹巼', value: 'kjl' }, { label: '寮�鏈烘椂闂�', value: 'kjsj' }, { label: '鍔犲伐鏃堕棿', value: 'jgsj' }, @@ -270,7 +289,8 @@ processLongRowAverage: '', waitLongRowAverage: '', closeLongRowAverage: '', - spinning: false + spinning: false, + toggleSearchStatus: false } }, props: { nodeTree: '', Type: '', nodePeople: '' }, @@ -285,6 +305,7 @@ this.getDriveTypeByApi() this.initDictData('device_level') this.initDictData('device_category') + this.initDictData('device_importance_level') }, mounted() { window.addEventListener('resize', this.handleWindowResize) @@ -483,7 +504,7 @@ $('#Efficiency').table2excel({ exclude: '.noExl', name: 'Excel Document Name', - filename: '璁惧鍒╃敤鐜�', + filename: '璁惧TEEP', exclude_img: true, fileext: '.xls', exclude_links: true, @@ -677,6 +698,12 @@ z-index: 2; } + .table tbody tr .tdgu6 { + position: sticky; + left: 512px; + z-index: 2; + } + .table2 thead tr .timeth, .table2 thead tr .thgu { position: sticky; @@ -724,6 +751,11 @@ left: 412px; } + .table2 thead .equipname .dong7 { + z-index: 5; + left: 512px; + } + #Efficiency { overflow: hidden; } -- Gitblit v1.9.3