From 120cf05bfd146a9bd1c011c9dd0244a57d0dea64 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期五, 12 一月 2024 17:35:43 +0800 Subject: [PATCH] 1、优化代码:mdc全局页面表格区域内容若需滚动无需翻至最底部且部分页面竖向滚动会滚动整个页面调整为仅滚动表格区域,表格操作列右固定以满足不同分辨率下操作列始终显示不被遮挡 2、优化代码:mdc全局左侧树组件所在区域的滚动条将不再进行全部内容滚动,调整为仅只有树组件内容滚动 3、优化代码:报警分析、利用率走势分析以及利用率分段分析页面在浏览器窗口尺寸变化后重绘图表以适应页面新尺寸 4、设备综合效率分析页面取消分页器以便能一次性导出所有表格数据 5、mdc全局左侧树区域宽度增大,右侧数据展示区域宽度减小 --- src/views/mdc/base/modules/deviceRepair/DeviceRepairModel.vue | 35 ++++++++++++++++++++++++----------- 1 files changed, 24 insertions(+), 11 deletions(-) diff --git a/src/views/mdc/base/modules/deviceRepair/DeviceRepairModel.vue b/src/views/mdc/base/modules/deviceRepair/DeviceRepairModel.vue index 77685af..99823a2 100644 --- a/src/views/mdc/base/modules/deviceRepair/DeviceRepairModel.vue +++ b/src/views/mdc/base/modules/deviceRepair/DeviceRepairModel.vue @@ -19,7 +19,7 @@ <!--</a-form-item>--> <a-form-item label="璁惧缁�" :labelCol="labelColLong" :wrapperCol="wrapperColLong"> <a-input-search :readOnly="true" v-decorator="['equipmentIds', validatorRules.equipmentIds]" - @search="deviceSearch" enter-button/> + @search="deviceSearch" enter-button placeholder="璇烽�夋嫨璁惧"/> <!--<a-input :disabled="disableSubmit" :readOnly="disableSubmit" allow-clear placeholder="璇疯緭鍏ヨ澶囩紪鍙�"--> <!--v-decorator="['equipmentId',validatorRules.equipmentId]"/>--> </a-form-item> @@ -74,17 +74,13 @@ <!--</a-row>--> </a-form> </a-spin> - <device-repair-list-model ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows" - :selectedEquipmentIds="selectedEquipmentIds" - ></device-repair-list-model> - + <select-device-modal ref="selectDeviceModal" @selectFinished="selectOK" :title="'閫夋嫨璁惧'"/> </a-modal> </template> <script> import moment from 'moment' import pick from 'lodash.pick' - import DeviceRepairListModel from './DeviceRepairListModel' import JDate from './JDate' import { getAction, @@ -94,12 +90,12 @@ import { duplicateCheck } from '@/api/api' - import AFormItem from 'ant-design-vue/es/form/FormItem' import Vue from 'vue' + import SelectDeviceModal from '../../../../system/modules/SelectDeviceModal' export default { name: 'DeviceRepairModel', - components: { AFormItem, DeviceRepairListModel, JDate }, + components: { SelectDeviceModal, JDate }, props: { equipmentId: { type: String @@ -277,9 +273,10 @@ // }) }, deviceSearch() { - this.$refs.deviceRepairListModel.openPage() - this.$refs.deviceRepairListModel.title = '閫夋嫨璁惧' - this.$refs.deviceRepairListModel.disableSubmit = false + this.$refs.selectDeviceModal.visible = true + this.$refs.selectDeviceModal.selectedRowKeys = [] + this.$refs.selectDeviceModal.selectedRows = [] + this.$refs.selectDeviceModal.checkedKeys = this.form.getFieldValue('equipmentIds') ? this.form.getFieldValue('equipmentIds').split(',') : [] }, //绾ц仈妗唎nChange浜嬩欢 // onChange(value) { @@ -477,6 +474,22 @@ return { disabledSeconds: () => this.range(1, 60) } + }, + + /** + * 閫夋嫨宸叉湁璁惧鍚庣偣鍑荤‘瀹氭椂瑙﹀彂 + * @param data 宸查�夋嫨鐨勮澶� + */ + selectOK(data) { + // let params = {} + // params.equipmentIdList = [] + // for (var a = 0; a < data.length; a++) { + // params.equipmentIdList.push(data[a]) + // } + console.log('data=', data) + this.form.setFieldsValue({ + equipmentIds: data.join(',') + }) } } } -- Gitblit v1.9.3