From 36e8795b59c7f7393758ca96e0c2438eddaee8be Mon Sep 17 00:00:00 2001 From: zhangherong <571457620@qq.com> Date: 星期五, 07 三月 2025 16:14:41 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/views/mdc/base/modules/comparativeAnalysis/comparativeAnalysismain.vue | 830 ++++++++++++++++++++++++----------------------------------- 1 files changed, 336 insertions(+), 494 deletions(-) diff --git a/src/views/mdc/base/modules/comparativeAnalysis/comparativeAnalysismain.vue b/src/views/mdc/base/modules/comparativeAnalysis/comparativeAnalysismain.vue index 87b3561..998f657 100644 --- a/src/views/mdc/base/modules/comparativeAnalysis/comparativeAnalysismain.vue +++ b/src/views/mdc/base/modules/comparativeAnalysis/comparativeAnalysismain.vue @@ -1,186 +1,219 @@ <template> - <a-card :bordered="false" class="device_list"> + <div :bordered="false" class="device_list"> <div class="com_box"> - <!-- 鏌ヨ鍖哄煙 --> - <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-col :md="5" :sm="5"> - <a-form-item label="鍚嶇О"> - <a-input placeholder="杈撳叆璁惧鍚嶇О鏌ヨ" :readOnly="readOnly" v-model="queryParam.tierName"></a-input> - </a-form-item> - </a-col> - <!--<a-col :md="4" :sm="4">--> - <!--<a-form-model-item label="椹卞姩绫诲瀷" :labelCol="labelCol" :wrapperCol="wrapperCol">--> - <!--<j-dict-select-tag :disabled="true" :readOnly="disableSubmit" placeholder="璇烽�夋嫨椹卞姩绫诲瀷"--> - <!--:triggerChange="true" dictCode="mdc_driveType"--> - <!--v-model="model.driveType" allow-clear/>--> - <!--</a-form-model-item>--> - <!--</a-col>--> - <a-col :md="9" :sm="9" :xs="4"> - <a-form-item label="鏃堕棿"> - <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD"/> - </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-col> - </a-row> - </a-form> + <!-- 鏌ヨ鍖哄煙 --> + <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-col :md="5" :sm="5"> + <a-form-item label="璁惧"> + <a-input-search readOnly v-model="queryParam.equipmentId" @search="deviceSearch" + placeholder='璇烽�夋嫨璁惧'/> + </a-form-item> + </a-col> + + <a-col :md="5" :sm="5"> + <a-form-item label="璁惧绫诲瀷"> + <a-select + :value="queryParam.equipmentType" + mode="multiple" + placeholder="璇烽�夋嫨璁惧绫诲瀷" + allow-clear + :maxTagCount="1" + @change="selectChange($event,'equipmentType')" + > + <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="6" :sm="6"> + <a-form-item label="椹卞姩绫诲瀷"> + <a-select + :value="queryParam.driveType" + mode="multiple" + placeholder="璇烽�夋嫨椹卞姩绫诲瀷" + allow-clear + :maxTagCount="1" + @change="selectChange($event,'driveType')" + > + <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="6" :sm="6" :xs="6"> + <a-form-item label="鏃堕棿"> + <a-range-picker @change="dateParamChange" v-model="dates" format="YYYYMMDD"/> + </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-select + :value="queryParam.deviceLevel" + mode="multiple" + placeholder="璇烽�夋嫨璁惧绾у埆" + allow-clear + :maxTagCount="1" + @change="selectChange($event,'deviceLevel')" + > + <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="5" :sm="5" :xs="5"> + <a-form-item label="閲嶈绋嬪害"> + <a-select + v-model="queryParam.deviceImportanceLevel" + placeholder="璇烽�夋嫨璁惧閲嶈绋嬪害" + allow-clear + > + <a-select-option v-for="(item,index) in device_importance_level_list" :value="item.value" + :key="index"> + {{item.label}} + </a-select-option> + </a-select> + </a-form-item> + </a-col> + </a-row> + + <a-row :gutter="24"> + <a-col :md="2" :sm="2" :xs="2"> + <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-row> + </a-form> + </div> + <!-- table鍖哄煙-begin --> + <div id="DeviceList"> + <a-tabs :activeKey="activeKey" @change="tabChange" tabPosition="top"> + <a-tab-pane key="1" tab="鍥惧舰"> + <comparative-analysis-bar ref="AnalysisBar" :dataList='AnalysisBarList'></comparative-analysis-bar> + </a-tab-pane> + <a-tab-pane key="2" tab="浠〃" forceRender> + <comparative-analysis-gauge ref="AnalysisGauge" :dataList="AnalysisGauge"></comparative-analysis-gauge> + </a-tab-pane> + <a-tab-pane key="3" tab="楗煎浘" forceRender> + <conparative-analysis-pie ref="AnalysisPie" :dataList="AnalysisPie"></conparative-analysis-pie> + </a-tab-pane> + </a-tabs> + </div> + <!-- table鍖哄煙-end --> </div> - <!-- table鍖哄煙-begin --> - <div id="DeviceList"> - <a-tabs :activeKey="activeKey" @change="tabChange" tabPosition="top"> - <a-tab-pane key="1" tab="鍥惧舰" force-render> - <comparative-analysis-bar></comparative-analysis-bar> - <!--<log-list :dataList='normalList' ref="logList" :loadingequip='loadingstayus'></log-list>--> - </a-tab-pane> - <a-tab-pane key="2" tab="浠〃"> - <comparative-analysis-gauge></comparative-analysis-gauge> - <!--<work-log-list :dataList='runList' ref="workLogList" :loadingrun="loadingrunStatus"></work-log-list>--> - </a-tab-pane> - <a-tab-pane key="3" tab="楗煎浘"> - <conparative-analysis-pie></conparative-analysis-pie> - <!--<alarm-log-list :dataList='waringList' ref="alarmLogList" :loadingwarn="loadingwarnStatus"></alarm-log-list>--> - </a-tab-pane> - </a-tabs> - </div> - <!-- table鍖哄煙-end --> - </div> - </a-card> + + <SelectDeviceDrawer ref="selectDeviceDrawer" @selectFinished="selectOK" :title="'閫夋嫨璁惧'"></SelectDeviceDrawer> + </div> </template> <script> import moment from 'moment' - import $ from 'jquery' import JDictSelectTag from '@/components/dict/JDictSelectTag' import JDate from '../../../../../components/jeecg/JDate' - import { - requestPut, - deleteAction, - getAction - } from '@/api/manage' + import { requestPut, deleteAction, getAction } from '@/api/manage' import comparativeAnalysisBar from './comparativeAnalysisBar' - import comparativeAnalysisGauge from'./comparativeAnalysisGauge' + import comparativeAnalysisGauge from './comparativeAnalysisGauge' import conparativeAnalysisPie from './conparativeAnalysisPie' import '@/components/table2excel/table2excel' - import { - JeecgListMixin - } from '@/mixins/JeecgListMixin' import JInput from '@/components/jeecg/JInput' import JEllipsis from '@/components/jeecg/JEllipsis' - import Tooltip from 'ant-design-vue/es/tooltip' import { ajaxGetDictItems, getDictItemsFromCache, duplicateCheck } from '@/api/api' + import api from '@/api/mdc' + import SelectDeviceDrawer from '../../../../system/modules/SelectDeviceDrawer.vue' + export default { name: 'comparativeAnalysismain', - mixins: [JeecgListMixin], components: { - Tooltip, comparativeAnalysisBar, comparativeAnalysisGauge, conparativeAnalysisPie, JDictSelectTag, JInput, JDate, - JEllipsis + JEllipsis, + SelectDeviceDrawer }, - props: { nodeTree: '', Type:'',nodePeople: '' }, + props: { nodeTree: '', Type: '', nodePeople: '' }, data() { return { activeKey: '1', - typeTree:"", - typeParent:1, - typeEquipment:1, + typeTree: '', + typeParent: 1, + typeEquipment: 1, + AnalysisBarList: [], + AnalysisGauge: [], + AnalysisPie: [], dates: [], - xianshi:"", - readOnly:true, - queryParam: {}, - queryParams:{}, - queryParamEquip:{}, - queryParamPeople:{}, - dataStartsoucre:[], - columns: [ - { - title: '璁惧缂栧彿', - align: 'center', - dataIndex: 'equipmentId' - }, - { - title: '璁惧鍚嶇О', - align: 'center', - dataIndex: 'equipmentName', - defaultSortOrder:'descend', - sorter: (a, b) => {return a.equipmentName>b.equipmentName?1:-1} - }, - { - title: '缁翠慨绫诲瀷', - align: 'center', - dataIndex: 'mdcRepairTypeDictText' - }, - { - title: '寮�濮嬫椂闂�', - align: 'center', - dataIndex: 'startTime', - // scopedSlots:{customRender:'startTime'}, - // customRender:(text,row,index) => { - // return moment(text).format("YYYY-MM-DD HH:mm:ss") - // } - }, - { - title: '缁撴潫鏃堕棿', - align: 'center', - dataIndex: 'endTime' - }, - { - title: '鎿嶄綔', - dataIndex: 'action', - scopedSlots: {customRender: 'action'}, - align: "center", - width: 150 - } - ], + queryParam: { + equipmentId: '', + equipmentType: [], + driveType: [], + deviceLevel: [] + }, + queryParams: {}, + queryParamEquip: {}, + queryParamPeople: {}, url: { - list: '/mdc/mdcEquipmentRepair/pageList', - deleteBatch: '/mdc/mdcEquipmentRepair/delete', - getEquipmentByPid: '/mdc/mdcequipment/getEquipmentByPid', - getBaseTree: '/mdc/mdcEquipment/queryTreeListByProduction', - } + comparativeAnalysis: '/mdc/efficiencyReport/comparativeAnalysis', + queryEquipmentType: '/mdc/mdcEquipmentType/queryEquipmentType' + }, + AnalysisList: {}, + equipmentTypeList: [], + driveTypeList: [], + device_level_list: [], + device_importance_level_list: [], + toggleSearchStatus: '' } }, - watch:{ - Type(valmath){ - this.dataList = []; + watch: { + Type(valmath) { + this.dataList = [] this.queryParams.typeTree = valmath - // console.log(this.queryParams.typeTree) }, nodeTree(val) { //鐩戝惉currSelected 鍙樺寲锛屽皢鍙樺寲鍚庣殑鏁板�间紶閫掔粰 getCurrSelected 浜嬩欢 if (JSON.stringify(val) != '{}') { if (val.equipmentId) { - this.$set(this.queryParam, 'tierName', val.title) - this.queryParamEquip.parentId = "" - this.queryParams.equipmentId = val.equipmentId + this.queryParamEquip.parentId = '' + this.queryParam.equipmentId = val.equipmentId this.queryParamEquip.equipmentId = val.equipmentId } else { - this.$set(this.queryParam, 'tierName', val.title) this.queryParamEquip.parentId = val.key this.queryParams.equipmentId = '' + this.queryParam.equipmentId = '' } this.searchQuery() } }, - nodePeople(val){ + nodePeople(val) { if (JSON.stringify(val) != '{}') { if (val.equipmentId) { - this.$set(this.queryParam, 'tierName', val.title) - this.queryParamEquip.parentId = "" + this.queryParamEquip.parentId = '' this.queryParams.equipmentId = val.equipmentId this.queryParamEquip.equipmentId = val.equipmentId } else { - this.$set(this.queryParam, 'tierName', val.title) - this.queryParamPeople.parentId = val.key + this.queryParamEquip.parentId = val.key this.queryParams.equipmentId = '' } this.searchQuery() @@ -188,357 +221,162 @@ } }, methods: { - initEquipmentNode(id) { - let _this = this - getAction(this.url.getBaseTree).then((res) => { + queryGroup() { + getAction(this.url.queryEquipmentType).then(res => { if (res.success) { - // console.log(res.result[0].entity.tierName) - _this.$set(this.queryParam, 'tierName', res.result[0].title) - _this.$set(this.queryParams, 'parentId', res.result[0].key) - // _this.queryStatistical() + this.equipmentTypeList = res.result.map(item => { + return { + label: item.equipmentTypeName, + value: item.equipmentTypeName + } + }) } else { - this.$message.warn(res.message) + this.$notification.warning({ + message: '娑堟伅', + description: res.message + }) + } + }) + }, + + loadAnalysis(queryParam) { + getAction(this.url.comparativeAnalysis, queryParam).then(res => { + if (res.success) { + this.AnalysisList = res.result + this.AnalysisBarList = res.result.graphics + this.AnalysisGauge = res.result.meters + this.AnalysisPie.push(res.result.pieCharts) + } else { + this.$notification.warning({ + message: '娑堟伅', + description: res.message + }) } }).finally(() => { this.loading = false - this.cardLoading = false }) - // getAction(this.url.getEquipmentByPid, { pid: id }).then((res) => { - // if (res.success) { - // if (res.result) { - // _this.$set(this.queryParam, 'tierName', res.result.tierName) - // _this.$set(this.queryParam, 'equipmentId', res.result.equipmentId) - // // _this.quip = res.result - // _this.searchQuery() - // } else { - // _this.$message.warning('璇烽厤缃澶囷紒') - // } - // } - // }) }, + + searchQuery() { + if (this.dates && this.dates.length > 0) { + this.AnalysisList = [] + this.AnalysisBarList = [] + this.AnalysisGauge = [] + this.AnalysisPie = [] + this.queryParams.parentId = this.queryParamEquip.parentId + //鑾峰彇鏌ヨ鏉′欢 + this.queryParam.parentId = this.queryParams.parentId + this.queryParam.typeTree = this.queryParams.typeTree + + const queryParam = Object.assign({}, this.queryParam) + Object.keys(queryParam).forEach(item => { + if (Array.isArray(queryParam[item])) { + queryParam[item] = queryParam[item].join() + // 姝ゅ涓轰繚璇佹帴鍙e弬鏁颁笉澶氫綑锛屽彲鐪佺暐 + if (queryParam[item].length === 0) delete queryParam[item] + } + }) + this.loadAnalysis(queryParam) + } else { + this.$notification.warning({ + message: '鎻愮ず', + description: '璇烽�夋嫨鏃堕棿' + }) + } + + }, + + searchReset() { + this.AnalysisList = [] + this.AnalysisBarList = [] + this.AnalysisGauge = [] + this.AnalysisPie = [] + this.typeTree = this.queryParams.typeTree + this.typeParent = this.queryParams.parentId + this.typeEquipment = this.queryParams.equipmentId + this.queryParams = {} + this.queryParam = { + equipmentType: [], + driveType: [], + deviceLevel: [] + } + this.dates = [moment().subtract('days', 7), moment().subtract('days', 0)] + this.queryParam.startTime = moment(this.dates[0]).format('YYYYMMDD') + this.queryParam.endTime = moment(this.dates[1]).format('YYYYMMDD') + this.queryParams.typeTree = this.typeTree + this.queryParams.parentId = this.typeParent + if (this.queryParams.parentId != '') { + this.queryParams.equipmentId = '' + } else { + if (this.queryParams.equipmentId == this.queryParamEquip.equipmentId) { + this.queryParams.equipmentId = this.typeEquipment + } else { + this.queryParams.equipmentId = this.queryParamEquip.equipmentId + } + } + this.loadAnalysis(this.queryParam) + }, + + // 璋冪敤鎺ュ彛鑾峰彇鎺у埗绯荤粺绫诲瀷 + getDriveTypeByApi() { + api.getDriveTypeApi().then((res) => { + if (res.success) this.driveTypeList = res.result + }) + }, + + initDictData(dictCode) { + // //浼樺厛浠庣紦瀛樹腑璇诲彇瀛楀吀閰嶇疆 + if (getDictItemsFromCache(dictCode)) { + this[dictCode + '_list'] = getDictItemsFromCache(dictCode) + return + } + //鏍规嵁瀛楀吀Code, 鍒濆鍖栧瓧鍏告暟缁� + ajaxGetDictItems(dictCode, null).then((res) => { + if (res.success) { + this[dictCode + '_list'] = res.result + return + } + }) + }, + + deviceSearch() { + this.$refs.selectDeviceDrawer.visible = true + this.$refs.selectDeviceDrawer.selectedRowKeys = [] + this.$refs.selectDeviceDrawer.selectedRows = [] + this.$refs.selectDeviceDrawer.checkedKeys = this.queryParam.equipmentId.split(',') + }, + + /** + * 閫夋嫨宸叉湁璁惧鍚庣偣鍑荤‘瀹氭椂瑙﹀彂 + * @param data 宸查�夋嫨鐨勮澶� + */ + selectOK(data) { + this.queryParam.equipmentId = data.join(',') + }, + + selectChange(value, key) { + this.queryParam[key] = value + }, + tabChange(val) { this.activeKey = val }, + dateParamChange(v1, v2) { - // console.log(v1,v2) this.queryParam.startTime = v2[0] this.queryParam.endTime = v2[1] - // console.log(v2[0],v2[1]) - }, - onChange(value, dateString) { - // console.log('Selected Time: ', value); - // console.log('Formatted Selected Time: ', dateString); - }, - onOk(value) { - console.log('onOk: ', value); - }, - searchReset() { - if(this.queryParams.typeTree == "1"){ - this.typeTree = this.queryParams.typeTree - this.typeParent = this.queryParams.parentId - this.typeEquipment = this.queryParams.equipmentId - this.queryParams = {} - this.queryParam = {} - this.dates = [] - this.queryParams.typeTree = this.typeTree - this.queryParams.parentId = this.typeParent - if(this.queryParams.parentId != ""){ - this.queryParams.equipmentId = "" - }else{ - if(this.queryParams.equipmentId == this.queryParamEquip.equipmentId){ - this.queryParams.equipmentId = this.typeEquipment - }else{ - this.queryParams.equipmentId = this.queryParamEquip.equipmentId - } - - } - - this.ipagination.current = 1 - this.ResetloadData(); - }else{ - this.typeTree = this.queryParams.typeTree - this.typeParent = this.queryParams.parentId - // this.typeEquipment = this.queryParams.equipmentId - this.queryParams = {} - this.queryParam = {} - this.dates = [] - this.queryParams.typeTree = this.typeTree - this.queryParams.parentId = this.typeParent - // this.queryParams.equipmentId = this.typeEquipment - this.ipagination.current = 1 - this.ResetloadData(); - } - - }, - ResetloadData() { - if(!this.url.list){ - this.$message.error("璇疯缃畊rl.list灞炴��!") - return - } - //鍔犺浇鏁版嵁 鑻ヤ紶鍏ュ弬鏁�1鍒欏姞杞界涓�椤电殑鍐呭 - var params = this.getQueryParams();//鏌ヨ鏉′欢 - if(!params){ - return false; - } - params.typeTree = this.queryParams.typeTree - params.parentId = this.queryParams.parentId - params.equipmentId = this.queryParams.equipmentId - this.loading = true; - getAction(this.url.list, params).then((res) => { - if (res.success) { - this.dataSource = res.result.records||res.result; - // this.initDeviceType(this.dataSource) - //update-begin---author:zhangyafei Date:20201118 for锛氶�傞厤涓嶅垎椤电殑鏁版嵁鍒楄〃------------ - // this.dataSource = res.result.records||res.result; - if(res.result.total) - { - this.ipagination.total = res.result.total; - }else{ - this.ipagination.total = 0; - } - //update-end---author:zhangyafei Date:20201118 for锛氶�傞厤涓嶅垎椤电殑鏁版嵁鍒楄〃------------ - }else{ - this.$message.warning(res.message) - } - }).finally(() => { - this.loading = false - }) - }, - handleEdit: function (record) { - this.$refs.modalFormedit.edit(record); - this.$refs.modalFormedit.title = "缂栬緫"; - this.$refs.modalFormedit.disableSubmit = false; - }, - handleTableChange(pagination, filters, sorter) { - this.dataSource = [] - //鍒嗛〉銆佹帓搴忋�佺瓫閫夊彉鍖栨椂瑙﹀彂 - //TODO 绛涢�� - // console.log(pagination) - if (Object.keys(sorter).length > 0) { - this.isorter.column = sorter.field; - this.isorter.order = "ascend" == sorter.order ? "asc" : "desc" - } - this.ipagination = pagination; - //鑾峰彇鏌ヨ鏉′欢 - let sqp = {} - if(this.superQueryParams){ - sqp['superQueryParams']=encodeURI(this.superQueryParams) - sqp['superQueryMatchType'] = this.superQueryMatchType - } - var param = Object.assign(sqp, this.queryParams, this.isorter ,this.filters); - param.pageNo = this.ipagination.current; - param.pageSize = this.ipagination.pageSize; - param.field = this.getQueryField(); - param.parentId = this.queryParams.parentId; - param.equipmentId = this.queryParams.equipmentId; - param.startTime = this.queryParam.startTime; - param.endTime = this.queryParam.endTime; - getAction(this.url.list,param).then((res) => { - if(res.success){ - this.dataSource = res.result.records||res.result; - if(res.result.total) - { - this.ipagination.total = res.result.total; - }else{ - this.ipagination.total = 0; - } - }else{ - this.$message.warning(res.message) - } - }).finally(() => { - this.loading = false - }) - }, - searchQueryEdit(){ - if(this.queryParams.typeTree == "1"){ - this.queryParams.parentId = this.queryParamEquip.parentId - }else{ - this.queryParams.parentId = this.queryParamPeople.parentId - this.queryParams.equipmentIds = "" - } - this.dataSource = []; - //鑾峰彇鏌ヨ鏉′欢 - let sqp = {} - if(this.superQueryParams){ - sqp['superQueryParams']=encodeURI(this.superQueryParams) - sqp['superQueryMatchType'] = this.superQueryMatchType - } - var param = Object.assign(sqp, this.queryParams, this.isorter ,this.filters); - param.pageNo = this.ipagination.current; - param.pageSize = this.ipagination.pageSize; - param.field = this.getQueryField(); - param.parentId = this.queryParams.parentId; - param.equipmentId = this.queryParams.equipmentId; - param.startTime = this.queryParam.startTime; - param.endTime = this.queryParam.endTime; - getAction(this.url.list,param).then((res) => { - if(res.success){ - this.dataSource = res.result.records||res.result; - if(res.result.total) - { - this.ipagination.total = res.result.total; - }else{ - this.ipagination.total = 0; - } - }else{ - this.$message.warning(res.message) - } - }).finally(() => { - this.loading = false - }) - }, - searchQuery(){ - if(this.queryParams.typeTree == "1"){ - this.queryParams.parentId = this.queryParamEquip.parentId - // this.queryParams.equipmentId = this.queryParamEquip.equipmentId - - }else{ - this.queryParams.parentId = this.queryParamPeople.parentId - - // this.queryParams.equipmentId = "" - } - this.dataSource = []; - //鑾峰彇鏌ヨ鏉′欢 - let sqp = {} - if(this.superQueryParams){ - sqp['superQueryParams']=encodeURI(this.superQueryParams) - sqp['superQueryMatchType'] = this.superQueryMatchType - } - var param = Object.assign(sqp, this.queryParams, this.isorter ,this.filters); - param.pageNo = 1; - param.pageSize = this.ipagination.pageSize; - param.field = this.getQueryField(); - param.parentId = this.queryParams.parentId; - param.equipmentId = this.queryParams.equipmentId; - param.startTime = this.queryParam.startTime; - param.endTime = this.queryParam.endTime; - // console.log(param); - getAction(this.url.list,param).then((res) => { - if(res.success){ - this.dataSource = res.result.records||res.result; - if(res.result.total) - { - this.ipagination.total = res.result.total; - }else{ - this.ipagination.total = 0; - } - }else{ - this.$message.warning(res.message) - } - }).finally(() => { - this.loading = false - }) - }, - loadData(arg) { - if(!this.url.list){ - this.$message.error("璇疯缃畊rl.list灞炴��!") - return - } - //鍔犺浇鏁版嵁 鑻ヤ紶鍏ュ弬鏁�1鍒欏姞杞界涓�椤电殑鍐呭 - if (arg === 1) { - this.ipagination.current = 1; - } - var params = this.getQueryParams();//鏌ヨ鏉′欢 - if(!params){ - return false; - } - this.loading = true; - getAction(this.url.list, params).then((res) => { - if (res.success) { - this.dataSource = res.result.records||res.result; - // this.initDeviceType(this.dataSource) - //update-begin---author:zhangyafei Date:20201118 for锛氶�傞厤涓嶅垎椤电殑鏁版嵁鍒楄〃------------ - // this.dataSource = res.result.records||res.result; - if(res.result.total) - { - this.ipagination.total = res.result.total; - }else{ - this.ipagination.total = 0; - } - //update-end---author:zhangyafei Date:20201118 for锛氶�傞厤涓嶅垎椤电殑鏁版嵁鍒楄〃------------ - }else{ - this.$message.warning(res.message) - } - }).finally(() => { - this.loading = false - }) - }, - modalFormOk(val) { - // 鏂板/淇敼 鎴愬姛鏃讹紝閲嶈浇鍒楄〃 - this.searchQueryEdit(); - // this.$emit('openBasetree','') - this.selectedRowKeys = [] - }, - handleDelete: function (id) { - if(!this.url.deleteBatch){ - this.$message.error("璇疯缃畊rl.delete灞炴��!") - return - } - var that = this; - deleteAction(that.url.deleteBatch, {id: id}).then((res) => { - if (res.success) { - //閲嶆柊璁$畻鍒嗛〉闂 - that.reCalculatePage(1) - that.$message.success(res.message); - that.searchQuery(); - } else { - that.$message.warning(res.message); - } - }); - }, - handleAdd() { - this.$refs.modalForm.add(this.node) - this.$refs.modalForm.title = '鏂板' - this.$refs.modalForm.disableSubmit = false - }, - handleAddXIU() { - this.$refs.modalFormadd.add() - this.$refs.modalFormadd.title = '鏂板' - this.$refs.modalFormadd.disableSubmit = false - }, - pQuery(parentId) { - this.queryParam.parentId = parentId[0] - if(this.selectedRowKeys.length >= 1) { - this.selectedRowKeys.length = 0 - } - this.loadData() - }, - onSelectChange(selectedRowKeys) { - this.selectedRowKeys = selectedRowKeys - }, - initEquipment(id) { - let _this = this - getAction(this.url.getEquipmentByPid, { pid: id }).then((res) => { - if (res.success) { - if (res.result) { - _this.$set(this.queryParams, 'equipmentName', res.result.equipmentName) - _this.$set(this.queryParams, 'equipmentId', res.result.equipmentId) - _this.equipment = res.result - _this.searchQuery() - } else { - _this.$message.warning('璇烽厤缃澶囷紒') - } - } - }) - }, - exportExcel() { - $("#DeviceList").table2excel({ - exclude: ".noExl", - name: "Excel Document Name", - filename: "璁惧缁翠慨璇︽儏", - exclude_img: true, - fileext: ".xls", - exclude_links: true, - exclude_inputs: true - }); - }, + } }, created() { this.dates = [moment().subtract('days', 7), moment().subtract('days', 0)] this.queryParam.startTime = moment(this.dates[0]).format('YYYYMMDD') this.queryParam.endTime = moment(this.dates[1]).format('YYYYMMDD') - this.queryParam.typeTree = "1"; - this.initEquipmentNode() + this.queryParam.typeTree = '1' + this.loadAnalysis(this.queryParam) + this.getDriveTypeByApi() + this.queryGroup() + this.initDictData('device_level') + this.initDictData('device_importance_level') } } </script> @@ -546,54 +384,58 @@ <style lang="less" scoped> /*@import '~@assets/less/common.less';*/ - @media screen and (min-width: 1920px){ - .device_list{ - height: 811px!important; + @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; + + @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; + + @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; + + @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; + + @media screen and (max-width: 1280px) { + .device_list { + height: 564px !important; overflow: scroll; } } + /*.device_list{*/ - /*display: flex;*/ + /*display: flex;*/ /*}*/ /*.device_list .table-page-search-wrapper{*/ - /**/ + /**/ /*}*/ - /deep/ .ant-card-body{ - height: 100%!important; + /deep/ .ant-card-body { + height: 100% !important; } - .device_list .com_box{ - display: flex!important; - height: 100%!important; - flex-direction: column!important; + + .device_list .com_box { + display: flex !important; + height: 100% !important; + flex-direction: column !important; } - .device_list .table-page-search-wrapper{ - height: 6%!important; - } - .device_list #DeviceList{ - height: 90%!important; + + .device_list #DeviceList { + height: 90% !important; } </style> -- Gitblit v1.9.3