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 | 180 ++++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 109 insertions(+), 71 deletions(-)
diff --git a/src/views/mdc/base/modules/OvertimeManagement/OvertimeManagementModal.vue b/src/views/mdc/base/modules/OvertimeManagement/OvertimeManagementModal.vue
index 6d49fa1..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]"/>
+ 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]"/>
+ 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 {
@@ -73,7 +86,7 @@
span: 24
},
sm: {
- span: 6
+ span: 8
}
},
wrapperCol: {
@@ -81,7 +94,7 @@
span: 24
},
sm: {
- span: 18
+ span: 16
}
},
labelColLong: {
@@ -89,7 +102,7 @@
span: 24
},
sm: {
- span: 3
+ span: 4
}
},
wrapperColLong: {
@@ -97,17 +110,49 @@
span: 24
},
sm: {
- span: 21
+ span: 20
}
},
confirmLoading: false,
form: this.$form.createForm(this),
validatorRules: {
- equipmentIds:{
+ equipmentId:{
rules:[
{
required:true,
message: "璇烽�夋嫨璁惧"
+ },
+ ],
+ },
+ // calendarId:{
+ // rules:[
+ // {
+ // required:true,
+ // message: "璇烽�夋嫨鐝"
+ // },
+ // ],
+ // },
+ theDate:{
+ rules:[
+ {
+ required:true,
+ message: "璇烽�夋嫨鍔犵彮鏃ユ湡"
+ },
+ ],
+ },
+ startTime:{
+ rules:[
+ {
+ required:true,
+ message: "璇烽�夋嫨鍔犵彮寮�濮嬫椂闂�"
+ },
+ ],
+ },
+ endTime:{
+ rules:[
+ {
+ required:true,
+ message: "璇烽�夋嫨鍔犵彮缁撴潫鏃堕棿"
},
],
},
@@ -145,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) {
@@ -203,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',
))
})
},
@@ -212,19 +258,6 @@
this.visible = false
this.show = false
},
- fun(obj) {
- if(obj){
- if (obj = obj.split("T")) {
- var tim = obj[1];
- if(tim = tim.split(".")){
- var tim0 = tim[0];
- }
- var dd = tim0
- return dd;
- }
- }
-
- },
handleOk() {
const that = this
// 瑙﹀彂琛ㄥ崟楠岃瘉
@@ -232,28 +265,17 @@
if (!err) {
that.confirmLoading = true
let formData = Object.assign(this.model, values)
- let start = moment(formData.startTime).format('HH:mm:ss');
- let end = moment(formData.endTime).format('HH:mm:ss');
- let startOne = start.replace(/:/g,'');
- let endOne = end.replace(/:/g,'');
- // var data = new Date();
- // let stertDate = moment(data).format("HH:mm:ss");
- // let dataStart = stertDate.replace(/:/g,'');
- // if(startOne < dataStart){
- // that.$message.warning("寮�濮嬫椂闂翠笉鑳藉皬浜庡綋鍓嶆椂闂�")
- // that.confirmLoading = false
- // }else{
+ let startOne = formData.startTime.replace(/:/g,'');
+ let endOne = formData.endTime.replace(/:/g,'')
if(startOne>=endOne){
- that.$message.warning("缁撴潫鏃堕棿涓嶈兘灏忎簬寮�濮嬫椂闂�");
- // console.log(this.model)
- // this.endTime = ''
+ that.$notification.warning({
+ message:'娑堟伅',
+ description:"缁撴潫鏃堕棿涓嶈兘灏忎簬寮�濮嬫椂闂�"
+ });
that.confirmLoading = false
}else{
let obj
-
if (!this.model.id) {
- formData.startTime = this.fun(JSON.stringify(formData.startTime));
- formData.endTime = this.fun(JSON.stringify(formData.endTime))
obj = postAction(this.url.add, formData)
} else {
obj = requestPut(this.url.edit, formData, {
@@ -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