维修休班管理页面按照新需求优化功能
1、编辑机床维修时间的日期选择器选择时间时取消秒针选择以及将分钟选择步距调整为5分钟
2、点击左侧树组件中的具体设备名称后点击新增按钮时可将树组件选择的设备反填到设备组选项中(个人优化将已选择的设备组反选在选择设备弹窗中的多选框中)
3、编辑机床维修时间的日期选择器的可选时间修改为最早可以选到当日前一天,目前为最早选到当日
| | |
| | | </a-table> |
| | | </div> |
| | | <!-- table区域-end --> |
| | | <device-repair-model ref="modalForm" @ok="modalFormOk"></device-repair-model> |
| | | <device-repair-model ref="modalForm" :equipmentId="queryParams.equipmentId" @ok="modalFormOk"></device-repair-model> |
| | | <!--<device-repair-model-add ref="modalFormadd" @ok="modalFormOk"></device-repair-model-add>--> |
| | | <device-repair-model-edit ref="modalFormedit" @ok="modalFormOk"></device-repair-model-edit> |
| | | <!--<repair-model ref="repairModelFrom" @ok="modalFormOk">0</repair-model>--> |
| | |
| | | this.queryParamEquip.equipmentId = val.equipmentId |
| | | } else { |
| | | this.queryParamEquip.parentId = val.key |
| | | this.queryParams.equipmentId = '' |
| | | this.queryParams.equipmentId ='' |
| | | } |
| | | this.searchQuery() |
| | | }else{ |
| | | this.queryParams.equipmentId='' |
| | | this.queryParamEquip.parentId = "" |
| | | } |
| | | this.searchQuery() |
| | | }, |
| | | nodePeople(val){ |
| | | if (JSON.stringify(val) != '{}') { |
| | |
| | | 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 = []; |
| | |
| | | <div> |
| | | <a-table ref="table" size="middle" bordered rowKey="id" :scroll="{ y: 400 }" :columns="columns" |
| | | :dataSource="dataSource" :pagination="ipagination" :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange,getCheckboxProps:getCheckboxProps,selections: true,}" |
| | | @change="handleTableChange"> |
| | | </a-table> |
| | | </div> |
| | |
| | | status: { |
| | | type: Number, |
| | | default: 1 |
| | | }, |
| | | selectedEquipmentIds:{ |
| | | type:String |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | this.selectionRows = selectionRows |
| | | // this.SelectedList =[...this.SelectedList,...selectionRows]; |
| | | // console.log(this.SelectedList); |
| | | console.log('selectedRowKeys',selectedRowKeys) |
| | | console.log('selectionRows',selectionRows) |
| | | |
| | | }, |
| | | handleTableChange(pagination, filters, sorter) { |
| | | // this.onClearSelected() |
| | |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | |
| | | initGroupOptions() { |
| | | getAction(this.url.loadProductionOptions).then(res => { |
| | | if (res.success) { |
| | |
| | | }); |
| | | } |
| | | }) |
| | | }, |
| | | /** |
| | | * 每次加载列表时判断已选中设备编号数组是否包含表格数据中的设备编号,如果包含则选中 |
| | | * @param record |
| | | * @returns {{props: {defaultChecked: boolean}}} |
| | | */ |
| | | getCheckboxProps(record){ |
| | | if(this.selectedEquipmentIds){ |
| | | let selectedEquipmentIdsArr=this.selectedEquipmentIds.split(',') |
| | | return { |
| | | props:{ |
| | | defaultChecked: selectedEquipmentIdsArr.includes(record.equipmentId) |
| | | } |
| | | } |
| | | }else{ |
| | | return { |
| | | props:{ |
| | | defaultChecked:false |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | } |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="24"> |
| | | <!--<a-form-item label="设备编号" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-input-search :readOnly="true" v-decorator="['equipmentId', validatorRules.equipmentId]"--> |
| | | <!--@search="deviceSearch" enter-button/>--> |
| | | <!--<!–<a-input :disabled="disableSubmit" :readOnly="disableSubmit" allow-clear placeholder="请输入设备编号"–>--> |
| | | <!--<!–v-decorator="['equipmentId',validatorRules.equipmentId]"/>–>--> |
| | | <!--<a-input-search :readOnly="true" v-decorator="['equipmentId', validatorRules.equipmentId]"--> |
| | | <!--@search="deviceSearch" enter-button/>--> |
| | | <!--<!–<a-input :disabled="disableSubmit" :readOnly="disableSubmit" allow-clear placeholder="请输入设备编号"–>--> |
| | | <!--<!–v-decorator="['equipmentId',validatorRules.equipmentId]"/>–>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :span="12">--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :span="12">--> |
| | | <!--<a-form-item label="设备名称" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-input :disabled="disableSubmit" :readOnly="readOnly" allow-clear placeholder="请输入设备名称"--> |
| | | <!--v-decorator="['equipmentName',validatorRules.equipmentName]"/>--> |
| | | <!--<a-input :disabled="disableSubmit" :readOnly="readOnly" allow-clear placeholder="请输入设备名称"--> |
| | | <!--v-decorator="['equipmentName',validatorRules.equipmentName]"/>--> |
| | | <!--</a-form-item>--> |
| | | <a-form-item label="设备组" :labelCol="labelColLong" :wrapperCol="wrapperColLong"> |
| | | <a-input-search :readOnly="true" v-decorator="['equipmentIds', validatorRules.equipmentIds]" |
| | |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | <a-row :gutter="24" > |
| | | <a-row :gutter="24"> |
| | | <a-col :span="24"> |
| | | <a-form-item label="维修类型" :labelCol="labelColLong" :wrapperCol="wrapperColLong"> |
| | | <a-radio-group v-decorator="['mdcRepairType', validatorRules.mdcRepairType]"> |
| | |
| | | 维修 |
| | | </a-radio> |
| | | <a-radio :value="2"> |
| | | 休班 |
| | | 休班 |
| | | </a-radio> |
| | | </a-radio-group> |
| | | </a-form-item> |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss')}" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择开始时间" |
| | | :disabledDate="disabledDate" class="query-group-cust" v-decorator="['startTime', validatorRules.startTime]"></j-date> |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss'),minuteStep:5,hideDisabledOptions:true}" |
| | | date-format="YYYY-MM-DD HH:mm:ss" |
| | | placeholder="请选择开始时间" |
| | | :disabledDate="disabledDate" class="query-group-cust" |
| | | v-decorator="['startTime', validatorRules.startTime]" :disabledTime="disabledDateTime"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="结束时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss')}" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择结束时间" |
| | | :disabledDate="disabledDate" class="query-group-cust" v-decorator="['endTime', validatorRules.endTime]"></j-date> |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss'),minuteStep:5,hideDisabledOptions:true}" |
| | | date-format="YYYY-MM-DD HH:mm:ss" |
| | | placeholder="请选择结束时间" |
| | | :disabledDate="disabledDate" class="query-group-cust" |
| | | v-decorator="['endTime', validatorRules.endTime]" :disabledTime="disabledDateTime"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <!--<a-row :gutter="24">--> |
| | | <!--<a-col :span="12">--> |
| | | <!--<a-form-item v-show="this.mesag == 1" label="维修类型" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-input :disabled="disableSubmit" :readOnly="readOnly" placeholder="请选择设备类型"--> |
| | | <!--:triggerChange="true"--> |
| | | <!--v-decorator="['mdcRepairType', validatorRules.mdcRepairType]"/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :span="12">--> |
| | | <!--<a-form-item v-show="this.mesag == 1" label="维修类型" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-input :disabled="disableSubmit" :readOnly="readOnly" placeholder="请选择设备类型"--> |
| | | <!--:triggerChange="true"--> |
| | | <!--v-decorator="['mdcRepairType', validatorRules.mdcRepairType]"/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--</a-row>--> |
| | | </a-form> |
| | | </a-spin> |
| | | <device-repair-list-model ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></device-repair-list-model> |
| | | <device-repair-list-model ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows" |
| | | :selectedEquipmentIds="selectedEquipmentIds" |
| | | ></device-repair-list-model> |
| | | |
| | | </a-modal> |
| | | </template> |
| | |
| | | duplicateCheck |
| | | } from '@/api/api' |
| | | import AFormItem from 'ant-design-vue/es/form/FormItem' |
| | | import Vue from 'vue' |
| | | |
| | | export default { |
| | | name: 'DeviceRepairModel', |
| | | components: { AFormItem, DeviceRepairListModel,JDate}, |
| | | props: {}, |
| | | components: { AFormItem, DeviceRepairListModel, JDate }, |
| | | props: { |
| | | equipmentId: { |
| | | type: String |
| | | } |
| | | }, |
| | | |
| | | data() { |
| | | return { |
| | | mesag:21, |
| | | readOnly:true, |
| | | mesag: 21, |
| | | readOnly: true, |
| | | title: '', |
| | | visible: false, |
| | | show: false, |
| | | model: {}, |
| | | checked: false, |
| | | startData:"", |
| | | endData:"", |
| | | startData: '', |
| | | endData: '', |
| | | labelCol: { |
| | | xs: { |
| | | span: 24 |
| | |
| | | confirmLoading: false, |
| | | form: this.$form.createForm(this), |
| | | validatorRules: { |
| | | equipmentIds:{ |
| | | rules:[ |
| | | equipmentIds: { |
| | | rules: [ |
| | | { |
| | | required:true, |
| | | message: "请选择设备" |
| | | }, |
| | | required: true, |
| | | message: '请选择设备' |
| | | } |
| | | ], |
| | | initialValue: '' |
| | | }, |
| | | equipmentName:{ |
| | | rules:[ |
| | | equipmentName: { |
| | | rules: [ |
| | | { |
| | | required:true, |
| | | message: "" |
| | | }, |
| | | ], |
| | | required: true, |
| | | message: '' |
| | | } |
| | | ] |
| | | }, |
| | | mdcRepairType:{ |
| | | rules:[ |
| | | mdcRepairType: { |
| | | rules: [ |
| | | { |
| | | required:true, |
| | | message: "" |
| | | }, |
| | | required: true, |
| | | message: '' |
| | | } |
| | | ], |
| | | initialValue: 1 |
| | | }, |
| | | startTime:{ |
| | | rules:[ |
| | | startTime: { |
| | | rules: [ |
| | | { |
| | | required:true, |
| | | message: "请选择开始时间" |
| | | }, |
| | | ], |
| | | required: true, |
| | | message: '请选择开始时间' |
| | | } |
| | | ] |
| | | }, |
| | | endTime:{ |
| | | rules:[ |
| | | endTime: { |
| | | rules: [ |
| | | { |
| | | required:true, |
| | | message: "请选择结束时间" |
| | | }, |
| | | ], |
| | | }, |
| | | required: true, |
| | | message: '请选择结束时间' |
| | | } |
| | | ] |
| | | } |
| | | }, |
| | | |
| | | url: { |
| | |
| | | disableSubmit: true, |
| | | partCategoryCascade: [], |
| | | cascadeDefaultValue: [], |
| | | selectedEquipmentIds: '' |
| | | } |
| | | |
| | | }, |
| | | created() { |
| | | }, |
| | | |
| | | watch: { |
| | | // 监控设备编号,当改变树中选项时将值赋值给新增弹窗的设备组选项 |
| | | equipmentId: function(val) { |
| | | this.validatorRules.equipmentIds.initialValue = val |
| | | }, |
| | | // 监控弹窗显示,如果关闭则清空已选择的多选,如果开启则将树中已选择项赋值给已选择多选 |
| | | visible: function(val) { |
| | | if (!val) { |
| | | this.selectedEquipmentIds = '' |
| | | } else { |
| | | this.selectedEquipmentIds = this.validatorRules.equipmentIds.initialValue |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | disabledDate(current){ |
| | | disabledDate(current) { |
| | | //Can not slect days before today and today |
| | | // return current && current < moment().endOf("day"); |
| | | return current < moment().subtract(+1, 'day')//今天之前的年月日不可选,不包括今天 |
| | | return current < moment().subtract(+2, 'day')//前一天之前的年月日不可选,不包括前一天 |
| | | }, |
| | | moment, |
| | | // onChange(dates) { |
| | |
| | | // // this.endData = dateStrings[1]; |
| | | // // console.log(this.startData,this.endData); |
| | | // }, |
| | | onChangeEnd(dates, dateStrings){ |
| | | this.endTime = dateStrings[0]; |
| | | onChangeEnd(dates, dateStrings) { |
| | | this.endTime = dateStrings[0] |
| | | }, |
| | | getDeviceRows(val) { |
| | | var equipmentIds; |
| | | for(var i = 0;i<val.length;i++){ |
| | | // var equipmentIds |
| | | // for (var i = 0; i < val.length; i++) { |
| | | // if (i == 0) { |
| | | // equipmentIds = val[i].equipmentId |
| | | // } else { |
| | | // equipmentIds = equipmentIds + ',' + val[i].equipmentId |
| | | // } |
| | | // } |
| | | // // console.log("========",equipmentIds); |
| | | // this.form.setFieldsValue({ |
| | | // equipmentIds: equipmentIds |
| | | // }) |
| | | for (var i = 0; i < val.length; i++) { |
| | | if (i == 0) { |
| | | equipmentIds = val[i].equipmentId; |
| | | this.selectedEquipmentIds = val[i].equipmentId |
| | | } else { |
| | | equipmentIds = equipmentIds + "," + val[i].equipmentId; |
| | | this.selectedEquipmentIds = this.selectedEquipmentIds + ',' + val[i].equipmentId |
| | | } |
| | | } |
| | | // console.log("========",equipmentIds); |
| | | this.form.setFieldsValue({ |
| | | equipmentIds: equipmentIds, |
| | | equipmentIds: this.selectedEquipmentIds |
| | | }) |
| | | // this.form.setFieldsValue({ |
| | | // equipmentId: val.equipmentId, |
| | | // equipmentName: val.equipmentName, |
| | | // equipmentModel: val.equipmentModel, |
| | | // equipmentIp: val.equipmentIp, |
| | | // dataPort: val.dataPort, |
| | | // driveType: val.driveType |
| | | // }) |
| | | }, |
| | | // 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.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, 'equipmentIds', 'equipmentName', 'mdcRepairType', 'startTime', 'endTime' |
| | | )) |
| | | }) |
| | | }, |
| | | close() { |
| | |
| | | if (!err) { |
| | | that.confirmLoading = true |
| | | let formData = Object.assign(this.model, values) |
| | | let start = moment(formData.startTime).format('YYYY-MM-DD HH:mm:ss'); |
| | | let end = moment(formData.endTime).format('YYYY-MM-DD HH:mm:ss'); |
| | | let startOne = start.replace(/:/g,''); |
| | | let endOne = end.replace(/:/g,''); |
| | | var data = new Date(); |
| | | let stertDate = moment(data).format("YYYY-MM-DD HH:mm:ss"); |
| | | let dataStart = stertDate.replace(/:/g,''); |
| | | if(startOne < dataStart){ |
| | | // that.$message.warning("开始时间不能小于当前时间") |
| | | let start = moment(formData.startTime).format('YYYY-MM-DD HH:mm:ss') |
| | | let end = moment(formData.endTime).format('YYYY-MM-DD HH:mm:ss') |
| | | let startOne = start.replace(/:/g, '') |
| | | let endOne = end.replace(/:/g, '') |
| | | var data = new Date() |
| | | let stertDate = moment(data).format('YYYY-MM-DD HH:mm:ss') |
| | | let dataStart = stertDate.replace(/:/g, '') |
| | | // if (startOne < dataStart) { |
| | | // // that.$message.warning("开始时间不能小于当前时间") |
| | | // that.$notification.warning({ |
| | | // message: '消息', |
| | | // description: '开始时间不能小于当前时间' |
| | | // }) |
| | | // that.confirmLoading = false |
| | | // } else { |
| | | // if (startOne >= endOne) { |
| | | // // that.$message.warning("结束时间不能小于开始时间"); |
| | | // that.$notification.warning({ |
| | | // message: '消息', |
| | | // description: '结束时间不能小于开始时间' |
| | | // }) |
| | | // // console.log(this.model) |
| | | // // this.endTime = '' |
| | | // that.confirmLoading = false |
| | | // } else { |
| | | // let obj |
| | | // if (!this.model.id) { |
| | | // obj = postAction(this.url.add, formData) |
| | | // } else { |
| | | // obj = requestPut(this.url.edit, formData, { |
| | | // id: this.model.id |
| | | // }) |
| | | // } |
| | | // obj.then((res) => { |
| | | // if (res.success) { |
| | | // // that.$message.success("添加成功") |
| | | // that.$notification.success({ |
| | | // message: '消息', |
| | | // description: '添加成功' |
| | | // }) |
| | | // // that.$message.success(res.message) |
| | | // that.$emit('ok', res.result) |
| | | // } else { |
| | | // // that.$message.warning(res.message) |
| | | // that.$notification.warning({ |
| | | // message: '消息', |
| | | // description: res.message |
| | | // }) |
| | | // } |
| | | // }).finally(() => { |
| | | // that.confirmLoading = false |
| | | // that.close() |
| | | // }) |
| | | // } |
| | | // } |
| | | if (startOne >= endOne) { |
| | | // that.$message.warning("结束时间不能小于开始时间"); |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:"开始时间不能小于当前时间" |
| | | }); |
| | | message: '消息', |
| | | description: '结束时间不能小于开始时间' |
| | | }) |
| | | // console.log(this.model) |
| | | // this.endTime = '' |
| | | that.confirmLoading = false |
| | | }else{ |
| | | if(startOne>=endOne){ |
| | | // that.$message.warning("结束时间不能小于开始时间"); |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:"结束时间不能小于开始时间" |
| | | }); |
| | | // console.log(this.model) |
| | | // this.endTime = '' |
| | | that.confirmLoading = false |
| | | }else{ |
| | | let obj |
| | | if (!this.model.id) { |
| | | obj = postAction(this.url.add, formData) |
| | | } else { |
| | | obj = requestPut(this.url.edit, formData, { |
| | | id: this.model.id |
| | | }) |
| | | } |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("添加成功") |
| | | that.$notification.success({ |
| | | message:'消息', |
| | | description:"添加成功" |
| | | }); |
| | | // that.$message.success(res.message) |
| | | that.$emit('ok', res.result) |
| | | } else { |
| | | // that.$message.warning(res.message) |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false |
| | | that.close() |
| | | } else { |
| | | let obj |
| | | if (!this.model.id) { |
| | | obj = postAction(this.url.add, formData) |
| | | } else { |
| | | obj = requestPut(this.url.edit, formData, { |
| | | id: this.model.id |
| | | }) |
| | | } |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("添加成功") |
| | | that.$notification.success({ |
| | | message: '消息', |
| | | description: '添加成功' |
| | | }) |
| | | // that.$message.success(res.message) |
| | | that.$emit('ok', res.result) |
| | | } else { |
| | | // that.$message.warning(res.message) |
| | | that.$notification.warning({ |
| | | message: '消息', |
| | | description: res.message |
| | | }) |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false |
| | | that.close() |
| | | }) |
| | | } |
| | | |
| | | } |
| | | }) |
| | | }, |
| | |
| | | checkboxChange(e) { |
| | | this.checked = e.target.checked |
| | | }, |
| | | /** |
| | | * 禁用日期选择器中的时间选择 |
| | | * @returns {{disabledSeconds: (function(): number[])}} |
| | | */ |
| | | disabledDateTime() { |
| | | return { |
| | | disabledSeconds: () => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59] |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择开始时间" :disabledDate="disabledDate" |
| | | class="query-group-cust" v-decorator="['startTime', validatorRules.startTime]"></j-date> |
| | | <j-date :show-time="{minuteStep:5,hideDisabledOptions:true}" date-format="YYYY-MM-DD HH:mm:ss" |
| | | placeholder="请选择开始时间" :disabledDate="disabledDate" |
| | | class="query-group-cust" v-decorator="['startTime', validatorRules.startTime]" |
| | | :disabledTime="disabledDateTime"></j-date> |
| | | </a-form-item> |
| | | |
| | | </a-col> |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="结束时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择结束时间" :disabledDate="disabledDate" |
| | | class="query-group-cust" v-decorator="['endTime', validatorRules.endTime]"></j-date> |
| | | <j-date :show-time="{minuteStep:5,hideDisabledOptions:true}" date-format="YYYY-MM-DD HH:mm:ss" |
| | | placeholder="请选择结束时间" |
| | | :disabledDate="disabledDate" |
| | | class="query-group-cust" v-decorator="['endTime', validatorRules.endTime]" |
| | | :disabledTime="disabledDateTime"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | |
| | | </a-form> |
| | | </a-spin> |
| | | <!--<device-repair-list-model ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></device-repair-list-model>--> |
| | | <device-repair-edit-list-model ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></device-repair-edit-list-model> |
| | | <device-repair-edit-list-model ref="deviceRepairListModel" |
| | | @sendSelectionRows="getDeviceRows"></device-repair-edit-list-model> |
| | | </a-modal> |
| | | </template> |
| | | |
| | |
| | | |
| | | export default { |
| | | name: 'DeviceRepairModelEdit', |
| | | components: {DeviceRepairListModel,JDate,DeviceRepairEditListModel}, |
| | | components: { DeviceRepairListModel, JDate, DeviceRepairEditListModel }, |
| | | props: {}, |
| | | data() { |
| | | return { |
| | | readOnly:true, |
| | | readOnly: true, |
| | | title: '', |
| | | visible: false, |
| | | show: false, |
| | | model: {}, |
| | | checked: false, |
| | | startData:"", |
| | | endData:"", |
| | | startData: '', |
| | | endData: '', |
| | | labelCol: { |
| | | xs: { |
| | | span: 24 |
| | |
| | | confirmLoading: false, |
| | | form: this.$form.createForm(this), |
| | | validatorRules: { |
| | | equipmentId:{ |
| | | rules:[ |
| | | equipmentId: { |
| | | rules: [ |
| | | { |
| | | required:true, |
| | | message: "" |
| | | }, |
| | | ], |
| | | required: true, |
| | | message: '' |
| | | } |
| | | ] |
| | | }, |
| | | equipmentName:{ |
| | | rules:[ |
| | | equipmentName: { |
| | | rules: [ |
| | | { |
| | | required:true, |
| | | message: "" |
| | | }, |
| | | ], |
| | | required: true, |
| | | message: '' |
| | | } |
| | | ] |
| | | }, |
| | | startTime:{ |
| | | rules:[ |
| | | startTime: { |
| | | rules: [ |
| | | { |
| | | required:true, |
| | | message: "请选择开始时间" |
| | | }, |
| | | ], |
| | | required: true, |
| | | message: '请选择开始时间' |
| | | } |
| | | ] |
| | | }, |
| | | endTime:{ |
| | | rules:[ |
| | | endTime: { |
| | | rules: [ |
| | | { |
| | | required:true, |
| | | message: "请选择结束时间" |
| | | }, |
| | | ], |
| | | }, |
| | | required: true, |
| | | message: '请选择结束时间' |
| | | } |
| | | ] |
| | | } |
| | | // mdcRepairType:{ |
| | | // rules:[ |
| | | // { |
| | |
| | | disableSubmit: true, |
| | | partCategoryCascade: [], |
| | | cascadeDefaultValue: [], |
| | | editStart:'' |
| | | editStart: '' |
| | | } |
| | | }, |
| | | created() { |
| | | }, |
| | | |
| | | methods: { |
| | | disabledDate(current){ |
| | | disabledDate(current) { |
| | | //Can not slect days before today and today |
| | | // return current && current < moment().endOf("day"); |
| | | return current < moment().subtract(+1, 'day')//今天之前的年月日不可选,不包括今天 |
| | | return current < moment().subtract(+2, 'day')//前一天之前的年月日不可选,不包括前一天 |
| | | }, |
| | | moment, |
| | | // onChange(dates) { |
| | |
| | | // // this.endData = dateStrings[1]; |
| | | // // console.log(this.startData,this.endData); |
| | | // }, |
| | | onChangeEnd(dates, dateStrings){ |
| | | this.endTime = dateStrings[0]; |
| | | onChangeEnd(dates, dateStrings) { |
| | | this.endTime = dateStrings[0] |
| | | }, |
| | | getDeviceRows(val) { |
| | | this.form.setFieldsValue({ |
| | | equipmentId: val.equipmentId, |
| | | equipmentName: val.equipmentName, |
| | | // // equipmentModel: val.equipmentModel, |
| | | // // equipmentIp: val.equipmentIp, |
| | | // // dataPort: val.dataPort, |
| | | // // driveType: val.driveType |
| | | equipmentName: val.equipmentName |
| | | // // equipmentModel: val.equipmentModel, |
| | | // // equipmentIp: val.equipmentIp, |
| | | // // dataPort: val.dataPort, |
| | | // // driveType: val.driveType |
| | | }) |
| | | // var equipmentIds; |
| | | // for(var i = 0;i<val.length;i++){ |
| | |
| | | edit(record) { |
| | | this.form.resetFields() |
| | | this.model = Object.assign({}, record) |
| | | this.editStart = (this.model.startTime).replace(/:/g,''); |
| | | this.editStart = (this.model.startTime).replace(/:/g, '') |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | this.form.setFieldsValue(pick(this.model, 'tierType', 'parentName', 'equipmentId', 'equipmentName','startTime', 'endTime', |
| | | this.form.setFieldsValue(pick(this.model, 'tierType', 'parentName', 'equipmentId', 'equipmentName', 'startTime', 'endTime' |
| | | )) |
| | | }) |
| | | }, |
| | |
| | | if (!err) { |
| | | that.confirmLoading = true |
| | | let formData = Object.assign(this.model, values) |
| | | let start = moment(formData.startTime).format('YYYY-MM-DD HH:mm:ss'); |
| | | let end = moment(formData.endTime).format('YYYY-MM-DD HH:mm:ss'); |
| | | let startOne = start.replace(/:/g,''); |
| | | let endOne = end.replace(/:/g,''); |
| | | var data = new Date(); |
| | | let stertDate = moment(data).format("YYYY-MM-DD HH:mm:ss"); |
| | | let dataStart = stertDate.replace(/:/g,''); |
| | | if(this.editStart != startOne){ |
| | | if(startOne < dataStart) { |
| | | // that.$message.warning("开始时间不能小于当前时间") |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:"开始时间不能小于当前时间" |
| | | }); |
| | | that.confirmLoading = false |
| | | }else{ |
| | | if(startOne>=endOne){ |
| | | // that.$message.warning("结束时间不能小于开始时间"); |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:"结束时间不能小于当前时间" |
| | | }); |
| | | // console.log(this.model) |
| | | // this.endTime = '' |
| | | that.confirmLoading = false |
| | | |
| | | }else{ |
| | | |
| | | let obj |
| | | if (!this.model.id) { |
| | | obj = postAction(this.url.add, formData) |
| | | } else { |
| | | |
| | | obj = requestPut(this.url.edit, formData, { |
| | | id: this.model.id |
| | | }) |
| | | let shijian = startOne |
| | | } |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("修改成功") |
| | | // that.$message.success(res.message) |
| | | that.$notification.success({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | that.$emit('ok', res.result) |
| | | } else { |
| | | // that.$message.warning(res.message) |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false |
| | | that.close() |
| | | }) |
| | | } |
| | | } |
| | | }else{ |
| | | if(startOne>=endOne){ |
| | | // that.$message.warning("结束时间不能小于开始时间"); |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:"结束时间不能小于开始时间" |
| | | }); |
| | | // console.log(this.model) |
| | | // this.endTime = '' |
| | | that.confirmLoading = false |
| | | |
| | | }else{ |
| | | let obj |
| | | if (!this.model.id) { |
| | | obj = postAction(this.url.add, formData) |
| | | } else { |
| | | |
| | | obj = requestPut(this.url.edit, formData, { |
| | | id: this.model.id |
| | | }) |
| | | let shijian = startOne |
| | | } |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("修改成功") |
| | | // that.$message.success(res.message) |
| | | that.$notification.success({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | that.$emit('ok', res.result) |
| | | } else { |
| | | // that.$message.warning(res.message) |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false |
| | | that.close() |
| | | let start = moment(formData.startTime).format('YYYY-MM-DD HH:mm:ss') |
| | | let end = moment(formData.endTime).format('YYYY-MM-DD HH:mm:ss') |
| | | let startOne = start.replace(/:/g, '') |
| | | let endOne = end.replace(/:/g, '') |
| | | var data = new Date() |
| | | let stertDate = moment(data).format('YYYY-MM-DD HH:mm:ss') |
| | | let dataStart = stertDate.replace(/:/g, '') |
| | | // if (this.editStart != startOne) { |
| | | // if (startOne < dataStart) { |
| | | // // that.$message.warning("开始时间不能小于当前时间") |
| | | // that.$notification.warning({ |
| | | // message: '消息', |
| | | // description: '开始时间不能小于当前时间' |
| | | // }) |
| | | // that.confirmLoading = false |
| | | // } else { |
| | | // if (startOne >= endOne) { |
| | | // // that.$message.warning("结束时间不能小于开始时间"); |
| | | // that.$notification.warning({ |
| | | // message: '消息', |
| | | // description: '结束时间不能小于当前时间' |
| | | // }) |
| | | // // console.log(this.model) |
| | | // // this.endTime = '' |
| | | // that.confirmLoading = false |
| | | // |
| | | // } else { |
| | | // let obj |
| | | // if (!this.model.id) { |
| | | // obj = postAction(this.url.add, formData) |
| | | // } else { |
| | | // |
| | | // obj = requestPut(this.url.edit, formData, { |
| | | // id: this.model.id |
| | | // }) |
| | | // let shijian = startOne |
| | | // } |
| | | // obj.then((res) => { |
| | | // if (res.success) { |
| | | // // that.$message.success("修改成功") |
| | | // // that.$message.success(res.message) |
| | | // that.$notification.success({ |
| | | // message: '消息', |
| | | // description: res.message |
| | | // }) |
| | | // that.$emit('ok', res.result) |
| | | // } else { |
| | | // // that.$message.warning(res.message) |
| | | // that.$notification.warning({ |
| | | // message: '消息', |
| | | // description: res.message |
| | | // }) |
| | | // } |
| | | // }).finally(() => { |
| | | // that.confirmLoading = false |
| | | // that.close() |
| | | // }) |
| | | // } |
| | | // } |
| | | // } else { |
| | | // if (startOne >= endOne) { |
| | | // // that.$message.warning("结束时间不能小于开始时间"); |
| | | // that.$notification.warning({ |
| | | // message: '消息', |
| | | // description: '结束时间不能小于开始时间' |
| | | // }) |
| | | // // console.log(this.model) |
| | | // // this.endTime = '' |
| | | // that.confirmLoading = false |
| | | // |
| | | // } else { |
| | | // let obj |
| | | // if (!this.model.id) { |
| | | // obj = postAction(this.url.add, formData) |
| | | // } else { |
| | | // |
| | | // obj = requestPut(this.url.edit, formData, { |
| | | // id: this.model.id |
| | | // }) |
| | | // let shijian = startOne |
| | | // } |
| | | // obj.then((res) => { |
| | | // if (res.success) { |
| | | // // that.$message.success("修改成功") |
| | | // // that.$message.success(res.message) |
| | | // that.$notification.success({ |
| | | // message: '消息', |
| | | // description: res.message |
| | | // }) |
| | | // that.$emit('ok', res.result) |
| | | // } else { |
| | | // // that.$message.warning(res.message) |
| | | // that.$notification.warning({ |
| | | // message: '消息', |
| | | // description: res.message |
| | | // }) |
| | | // } |
| | | // }).finally(() => { |
| | | // that.confirmLoading = false |
| | | // that.close() |
| | | // }) |
| | | // } |
| | | // } |
| | | if (startOne >= endOne) { |
| | | // that.$message.warning("结束时间不能小于开始时间"); |
| | | that.$notification.warning({ |
| | | message: '消息', |
| | | description: '结束时间不能小于开始时间' |
| | | }) |
| | | // console.log(this.model) |
| | | // this.endTime = '' |
| | | that.confirmLoading = false |
| | | } else { |
| | | let obj |
| | | if (!this.model.id) { |
| | | obj = postAction(this.url.add, formData) |
| | | } else { |
| | | obj = requestPut(this.url.edit, formData, { |
| | | id: this.model.id |
| | | }) |
| | | } |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("添加成功") |
| | | that.$notification.success({ |
| | | message: '消息', |
| | | description: '修改成功' |
| | | }) |
| | | // that.$message.success(res.message) |
| | | that.$emit('ok', res.result) |
| | | } else { |
| | | // that.$message.warning(res.message) |
| | | that.$notification.warning({ |
| | | message: '消息', |
| | | description: res.message |
| | | }) |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false |
| | | that.close() |
| | | }) |
| | | } |
| | | |
| | | |
| | | } |
| | | }) |
| | | }, |
| | |
| | | }, |
| | | checkboxChange(e) { |
| | | this.checked = e.target.checked |
| | | }, |
| | | /** |
| | | * 禁用日期选择器中的时间选择 |
| | | * @returns {{disabledSeconds: (function(): number[])}} |
| | | */ |
| | | disabledDateTime() { |
| | | return { |
| | | disabledSeconds: () => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59] |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | this.hiding = true |
| | | this.currSelected = {} |
| | | this.selectedKeys = [] |
| | | console.log('发送') |
| | | // console.log('发送') |
| | | // this.$bus.$emit('treeClearSelected','重置列表') |
| | | this.$emit('sendSelectBaseTree', '') |
| | | }, |
| | |
| | | let record = e.node.dataRef |
| | | this.currSelected = Object.assign({}, record) |
| | | this.selectedKeys = [record.key] |
| | | console.log('选中树中项',this.selectedKeys) |
| | | this.$emit('sendSelectBaseTree', this.selectedKeys) |
| | | }, |
| | | handleEdit(entity) { |