From 697082adae9e0225bf5ab20b33353970dd8b3f3a Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期一, 04 三月 2024 16:59:31 +0800
Subject: [PATCH] 1、用户管理页面表单填写界面新增选择设备功能 2、避免命名冲突，更改原选择设备组件名称为selectDeviceDrawer，用户管理页面选择设备组件名称为selectDeviceModal
---
src/views/mdc/base/modules/OvertimeManagement/OvertimeManagementModal.vue | 116 ++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 77 insertions(+), 39 deletions(-)
diff --git a/src/views/mdc/base/modules/OvertimeManagement/OvertimeManagementModal.vue b/src/views/mdc/base/modules/OvertimeManagement/OvertimeManagementModal.vue
index 0ed4b81..a0810d5 100644
--- a/src/views/mdc/base/modules/OvertimeManagement/OvertimeManagementModal.vue
+++ b/src/views/mdc/base/modules/OvertimeManagement/OvertimeManagementModal.vue
@@ -4,10 +4,22 @@
<a-spin :spinning="confirmLoading">
<a-form :form="form">
<a-row :gutter="24">
- <a-col :span="24">
- <a-form-item label="鐝閫夋嫨" :labelCol="labelColLong" :wrapperCol="wrapperColLong">
- <a-input-search :readOnly="true" v-decorator="['calendarId', validatorRules.calendarId]"
- @search="deviceSearch" enter-button/>
+ <!--<a-col :span="24">-->
+ <!--<a-form-item label="鐝閫夋嫨" :labelCol="labelColLong" :wrapperCol="wrapperColLong">-->
+ <!--<a-input-search :readOnly="true" v-decorator="['calendarId', validatorRules.calendarId]"-->
+ <!--@search="deviceSearch" enter-button/>-->
+ <!--</a-form-item>-->
+ <!--</a-col>-->
+ <a-col :span="12">
+ <a-form-item label="璁惧缁�" :labelCol="labelCol" :wrapperCol="wrapperCol">
+ <a-input-search :readOnly="true" v-decorator="['equipmentId', validatorRules.equipmentId]"
+ @search="deviceSearch" enter-button placeholder="璇烽�夋嫨璁惧"/>
+ </a-form-item>
+ </a-col>
+ <a-col :span="12">
+ <a-form-item label="鏃ユ湡" :labelCol="labelCol" :wrapperCol="wrapperCol">
+ <a-date-picker :disabled="disableSubmit" :readOnly="disableSubmit"
+ v-decorator="['theDate',validatorRules.theDate]" format="YYYYMMDD" valueFormat="YYYYMMDD" style="width: 100%" placeholder="璇烽�夋嫨鍔犵彮鏃ユ湡"/>
</a-form-item>
</a-col>
</a-row>
@@ -15,27 +27,27 @@
<a-col :span="12">
<a-form-item label="鍔犵彮寮�濮嬫椂闂�" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-time-picker :disabled="disableSubmit" :readOnly="disableSubmit" allow-clear
- v-decorator="['startTime',validatorRules.startTime]" valueFormat="HH:mm:ss"/>
+ v-decorator="['startTime',validatorRules.startTime]" valueFormat="HH:mm:ss" style="width: 100%"/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="鍔犵彮缁撴潫鏃堕棿" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-time-picker :disabled="disableSubmit" :readOnly="disableSubmit"
- v-decorator="['endTime',validatorRules.endTime]" valueFormat="HH:mm:ss"/>
+ v-decorator="['endTime',validatorRules.endTime]" valueFormat="HH:mm:ss" style="width: 100%"/>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="24">
<a-form-item label="澶囨敞" :labelCol="labelColLong" :wrapperCol="wrapperColLong">
- <a-textarea :maxLength="20" v-decorator="['remark', validatorRules.remark]" placeholder="璇疯緭鍏ュ娉�" ></a-textarea>
+ <a-textarea :maxLength="20" v-decorator="['remark', validatorRules.remark]" placeholder="璇疯緭鍏ュ娉�"></a-textarea>
</a-form-item>
</a-col>
</a-row>
</a-form>
</a-spin>
- <torqueconfiguration-modal-list ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></torqueconfiguration-modal-list>
-
+ <!--<torqueconfiguration-modal-list ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></torqueconfiguration-modal-list>-->
+ <select-device-drawer ref="selectDeviceDrawer" @selectFinished="selectOK" :title="'閫夋嫨璁惧'"/>
</a-modal>
</template>
@@ -52,10 +64,11 @@
import {
duplicateCheck
} from '@/api/api'
+ import SelectDeviceDrawer from '../../../../system/modules/SelectDeviceDrawer'
export default {
name: 'TorqueconfigurationModal',
- components: {TorqueconfigurationModalList},
+ components: { SelectDeviceDrawer, TorqueconfigurationModalList},
props: {},
data() {
return {
@@ -103,7 +116,7 @@
confirmLoading: false,
form: this.$form.createForm(this),
validatorRules: {
- equipmentIds:{
+ equipmentId:{
rules:[
{
required:true,
@@ -111,11 +124,19 @@
},
],
},
- calendarId:{
+ // calendarId:{
+ // rules:[
+ // {
+ // required:true,
+ // message: "璇烽�夋嫨鐝"
+ // },
+ // ],
+ // },
+ theDate:{
rules:[
{
required:true,
- message: "璇烽�夋嫨鐝"
+ message: "璇烽�夋嫨鍔犵彮鏃ユ湡"
},
],
},
@@ -169,32 +190,33 @@
onChangeEnd(dates, dateStrings){
this.endTime = dateStrings[0];
},
- getDeviceRows(val) {
- var calendarId;
- for(var i = 0;i<val.length;i++){
- if (i == 0) {
- calendarId = val[i].id;
- } else {
- calendarId = calendarId + "," + val[i].id;
- }
- }
- // console.log("========",equipmentIds);
- this.form.setFieldsValue({
- calendarId: calendarId,
- })
- // this.form.setFieldsValue({
- // equipmentId: val.equipmentId,
- // equipmentName: val.equipmentName,
- // equipmentModel: val.equipmentModel,
- // equipmentIp: val.equipmentIp,
- // dataPort: val.dataPort,
- // driveType: val.driveType
- // })
- },
+ // getDeviceRows(val) {
+ // var calendarId;
+ // for(var i = 0;i<val.length;i++){
+ // if (i == 0) {
+ // calendarId = val[i].id;
+ // } else {
+ // calendarId = calendarId + "," + val[i].id;
+ // }
+ // }
+ // // console.log("========",equipmentIds);
+ // this.form.setFieldsValue({
+ // calendarId: calendarId,
+ // })
+ // // this.form.setFieldsValue({
+ // // equipmentId: val.equipmentId,
+ // // equipmentName: val.equipmentName,
+ // // equipmentModel: val.equipmentModel,
+ // // equipmentIp: val.equipmentIp,
+ // // dataPort: val.dataPort,
+ // // driveType: val.driveType
+ // // })
+ // },
deviceSearch() {
- this.$refs.deviceRepairListModel.openPage()
- this.$refs.deviceRepairListModel.title = '閫夋嫨璁惧'
- this.$refs.deviceRepairListModel.disableSubmit = false
+ this.$refs.selectDeviceDrawer.visible = true
+ this.$refs.selectDeviceDrawer.selectedRowKeys = []
+ this.$refs.selectDeviceDrawer.selectedRows = []
+ this.$refs.selectDeviceDrawer.checkedKeys = this.form.getFieldValue('equipmentId') ? this.form.getFieldValue('equipmentId').split(',') : []
},
//绾ц仈妗唎nChange浜嬩欢
// onChange(value) {
@@ -227,7 +249,7 @@
this.model = Object.assign({}, record)
this.visible = true
this.$nextTick(() => {
- this.form.setFieldsValue(pick(this.model, 'equipmentIds', 'equipmentName', 'mdcRepairType', 'startTime', 'endTime',
+ this.form.setFieldsValue(pick(this.model, 'equipmentId', 'equipmentName', 'mdcRepairType', 'startTime', 'endTime',
))
})
},
@@ -322,6 +344,22 @@
},
checkboxChange(e) {
this.checked = e.target.checked
+ },
+
+ /**
+ * 閫夋嫨宸叉湁璁惧鍚庣偣鍑荤‘瀹氭椂瑙﹀彂
+ * @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({
+ equipmentId: data.join(',')
+ })
}
}
}
--
Gitblit v1.9.3