From c5488b34876f863558219f998e75c798c34af3cd Mon Sep 17 00:00:00 2001 From: yangys <y_ys79@sina.com> Date: 星期二, 16 一月 2024 22:10:32 +0800 Subject: [PATCH] 修改标题错误 --- src/container/maintenance/dailyMAdd.vue | 256 ++++++++++++++++---------------------------------- 1 files changed, 84 insertions(+), 172 deletions(-) diff --git a/src/container/maintenance/dailyMAdd.vue b/src/container/maintenance/dailyMAdd.vue index f5d5a95..002885f 100644 --- a/src/container/maintenance/dailyMAdd.vue +++ b/src/container/maintenance/dailyMAdd.vue @@ -7,44 +7,24 @@ :visible.sync="dialogVisibleAdd" class="role-select"> <!-- 鏌ヨ琛ㄥ崟 --> <el-form :model="dataForm" ref="dataForm" label-width="150px" style="margin-top:10px;"> - <el-row> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="缁熶竴缂栧彿" prop="uuid"> - <el-input type="text" v-model="dataForm.uuid" autocomplete="off"></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> + <el-row :gutter="24"> + <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> <el-form-item label="璁惧鍚嶇О" prop="machineName"> - <el-select v-model="dataForm.machineName" placeholder="---璇烽�夋嫨---"> + <el-select v-model="dataForm.machineId" placeholder="---璇烽�夋嫨---"> <el-option - v-for="item in machineName" + v-for="item in machineList" :key="item.id" - :label="item.label" - :value="item.value"> + :label="item.machineName" + :value="item.id"> </el-option> </el-select> </el-form-item> </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="璁惧鍨嬪彿" prop="type"> - <el-input size="mini" type="text" v-model="dataForm.type"></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="璁惧瑙勬牸" prop="specification"> - <el-input size="mini" type="text" v-model="dataForm.specification" @input="getMachineInfo"></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="瀹夎鍦扮偣" prop="location"> - <el-input size="mini" type="text" v-model="dataForm.location"></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> + <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> <el-form-item label="浣跨敤閮ㄩ棬" prop="department"> <el-select v-model="dataForm.department" placeholder="---璇烽�夋嫨---" clearable > <el-option - v-for="item in department" + v-for="item in departmentlist" :key="item.value" :label="item.label" :value="item.value"> @@ -52,11 +32,11 @@ </el-select> </el-form-item> </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> + <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> <el-form-item label="淇濆吇鑰�" prop="maintainPerson"> <el-select v-model="dataForm.maintainPerson" placeholder="---璇烽�夋嫨---" clearable > <el-option - v-for="item in maintainPerson" + v-for="item in userList" :key="item.id" :label="item.label" :value="item.value"> @@ -64,27 +44,7 @@ </el-select> </el-form-item> </el-col> - <!-- <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="淇濆吇鍛ㄦ湡" prop="maintainPeriod"> - <el-input size="mini" type="text" v-model="dataForm.maintainPeriod"></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="鎶曚骇鏃ユ湡" prop="productionDate"> - <el-input size="mini" type="text" v-model="dataForm.productionDate"></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="鐢熶骇鍘傚" prop="manufacturer"> - <el-input size="mini" type="text" v-model="dataForm.manufacturer"></el-input> - </el-form-item> - </el-col> --> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="璁″垝鐘舵��" prop="planStatus"> - <el-input size="mini" type="text" v-model="dataForm.planStatus" readonly></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> + <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> <el-form-item label="鏄惁鍚堟牸" prop="isQualified"> <el-select v-model="dataForm.isQualified" placeholder="---璇烽�夋嫨---" clearable > <el-option @@ -96,35 +56,37 @@ </el-select> </el-form-item> </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> + <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> + <el-form-item label="淇濆吇鍐呭涓庡瓨鍦ㄩ棶棰�" prop="detail"> + <el-input size="mini" type="text" v-model="dataForm.detail"></el-input> + </el-form-item> + </el-col> + <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> + </el-col> + <el-col :xs="24":sm="10":md="10":lg="10":xl="10"> <el-form-item label="璁″垝寮�濮嬫棩鏈�" prop="planStartDate"> <el-date-picker format="yyyy 骞� MM 鏈� dd 鏃�" value-format="yyyy-MM-dd" v-model="dataForm.planStartDate" - type="daterange" range-separator="鑷�" + type="daterange" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡"> </el-date-picker> </el-form-item> </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> + <el-col :xs="24":sm="10":md="10":lg="10":xl="10"> <el-form-item label="璁″垝瀹屾垚鏃ユ湡" prop="planFinishDate"> <el-date-picker format="yyyy 骞� MM 鏈� dd 鏃�" value-format="yyyy-MM-dd" v-model="dataForm.planFinishDate" - type="daterange" range-separator="鑷�" + type="daterange" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡"> </el-date-picker> - </el-form-item> - </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="淇濆吇鍐呭涓庡瓨鍦ㄩ棶棰�" prop="detail"> - <el-input size="mini" type="text" v-model="dataForm.detail"></el-input> </el-form-item> </el-col> </el-row> @@ -140,33 +102,21 @@ <script> // import { getMachineList, maintainCreate, maintainUpdate, deviceManage, userList, departmentGet } from '@/api/MdcApi' import { getMachineList, maintainCreate, maintainUpdate, userList, departmentGet } from '@/api/MdcApi' +import { getRequest } from '@/api/Api' export default { - props: ['styles'], + props: ['styleName','styles','styleValue', 'departmentlist','machineList','userList'], data() { return { dataForm: { - style: '鏃ュ父淇濆吇', - state: 1, - machineName: '', // 璁惧鍚嶇О - uuid: '', // 鍚屾剰缂栫爜 - type: '', // 璁惧绫诲瀷 - specification: '', // 璁惧瑙勬牸 - location: '', // 瀹夎浣嶇疆 - department: '', // 浣跨敤鍗曚綅 - maintainPerson: '', // 淇濆吇鑰� - productionDate: '', // 鎶曚骇鏃ユ湡 - manufacturer: '', // 鐢熶骇鍘傚 - planStatus: '1', // 璁″垝鐘舵�� - isQualified: '鍚堟牸', - planStartDate: '', - planFinishDate: '', - detail: '' // 淇濆吇鍐呭涓庡瓨鍦ㄩ棶棰� + machineId: '', + department: '', + maintainPerson: '', + isQualified: '', + detail: '', + style: '', }, dialogVisibleAdd: false, // 涓嬫媺妗� - machineName: [], // 璁惧鍚嶇О - department: [], // 浣跨敤閮ㄩ棬 - maintainPerson: [], // 璁惧鍚嶇О isQualified: [{ // 鏄惁鍚堟牸 label: '鍚堟牸', value: '鍚堟牸' @@ -184,47 +134,23 @@ init(n, data) { this.data = data this.no = n - if (this.styles === '1') { - this.dataForm.style = '鏃ュ父淇濆吇' - } else if (this.styles === '2') { - this.dataForm.style = '涓�绾т繚鍏�' - } else if (this.styles === '3') { - this.dataForm.style = '浜岀骇淇濆吇' - } else { - this.dataForm.style = '涓夌骇淇濆吇' - } + if (n === 1) { - this.title = '鏂板' + this.dataForm.style - this.dataForm.machineName = '' - this.dataForm.uuid = '' - this.dataForm.type = '' - this.dataForm.specification = '' - this.dataForm.location = '' - this.dataForm.department = '' - this.dataForm.maintainPerson = '' - this.dataForm.productionDate = '' - this.dataForm.manufacturer = '' - this.dataForm.planStartDate = '' - this.dataForm.planFinishDate = '' - this.dataForm.isQualified = '鍚堟牸' - this.dataForm.detail = '' + this.title = '鏂板' + this.styleName + Object.keys(this.dataForm).forEach(key => { + this.dataForm[key] = '' + }) + this.dataForm['style'] = '' } else { - this.title = '淇敼' + this.dataForm.styles - this.dataForm.machineName = this.data.machineName - this.dataForm.uuid = this.data.uuid - this.dataForm.type = this.data.type - this.dataForm.specification = this.data.specification - this.dataForm.location = this.data.location - this.dataForm.department = this.data.department - this.dataForm.maintainPerson = this.data.userName - this.dataForm.isQualified = this.data.isQualified === '0' ? '涓嶅悎鏍�' : '鍚堟牸' - this.dataForm.manufacturer = this.data.manufacturer - this.dataForm.detail = this.data.detail + this.title = '淇敼' + this.style + Object.keys(this.dataForm).forEach(key => { + this.dataForm[key] = data[key] + }) } this.dialogVisibleAdd = true this.machineName = [] this.maintainPerson = [] - this.initDevices() // 鍒濆鍖栨暟鎹� + // this.initDevices() // 鍒濆鍖栨暟鎹� }, // 淇濆瓨 savedata() { @@ -236,12 +162,25 @@ const completeDateTo = this.dataForm.planFinishDate[1] const isQualified = this.dataForm.isQualified === '鍚堟牸' ? 1 : 0 if (this.no === 1) { - maintainCreate( - this.styles, this.dataForm.uuid, this.dataForm.machineName, this.dataForm.type, - this.dataForm.specification, this.dataForm.department, this.dataForm.location, - startDateFrom, startDateTo, completeDateFrom, completeDateTo, isQualified, - this.dataForm.state, this.dataForm.detail - ).then(res => { + console.log({ + ...this.dataForm, + startDateFrom, + startDateTo, + completeDateFrom, + completeDateTo, + isQualified, + styles: this.style + }) + // return + getRequest('maintainCreate',{ + ...this.dataForm, + startDateFrom, + startDateTo, + completeDateFrom, + completeDateTo, + isQualified, + style: this.styleValue + }).then(res => { if (res.result === 'SUCCESS') { this.$message({ type: 'success', @@ -258,17 +197,23 @@ } }) } else { - // 淇敼淇濆瓨 - maintainUpdate(this.styles, this.data.id, this.dataForm.uuid, this.dataForm.machineName, this.dataForm.type, - this.dataForm.specification, this.dataForm.department, this.dataForm.location, - startDateFrom, startDateTo, completeDateFrom, completeDateTo, isQualified, - this.dataForm.state, this.dataForm.detail).then(res => { + getRequest('maintainUpdate',{ + ...this.dataForm, + startDateFrom, + startDateTo, + completeDateFrom, + completeDateTo, + isQualified, + style: this.styleValue + }).then(res => { if (res.result === 'SUCCESS') { this.$message({ type: 'success', message: '淇濆瓨鎴愬姛!' }) this.$emit('reflash') + // const that = this + this.dialogVisibleAdd = false } else { this.$message({ type: 'error', @@ -281,63 +226,30 @@ /** * 鍒濆鍖栧凡鏈夋満搴� */ - initDevices() { - this.machineName = [] - this.maintainPerson = [] - this.department = [] - // 璁惧鍚嶇О - getMachineList().then(res => { - res.list.map(item => { - this.machineName.push({ - label: item.name, - value: item.name, - id: item.id - }) - }) - }) - // 浣跨敤鍗曚綅 - userList().then(res => { - res.list.map(elem => { - this.maintainPerson.push({ - label: elem.user, - value: elem.user, - id: elem.id - }) - // .split('_')[1] - }) - }) - // 鑾峰彇閮ㄩ棬 - departmentGet().then(res => { - res.list.map(elem => { - this.department.push({ - label: elem.name, - value: elem.name, - id: elem.id - }) - }) - }) - }, - // 璁惧鍚嶇О甯﹀嚭 - getMachineInfo() { - // deviceManage(this.dataForm.machineName, this.dataForm.type, this.dataForm.specification).then(res => { - // - // }) - }, // 閲嶇疆 resetForm() { this.$refs.dataForm.resetFields() } }, created() { - this.initDevices() + // this.initDevices() } } </script> - +<style lang="scss"> +.el-form-item__content { + .el-select,.el-input { + width: 100%; + } + } + .el-dialog__body { + overflow: hidden; + } +</style> <style scoped> - .el-table__body .cell{padding:3px;} + /* .el-table__body .cell{padding:3px;} .el-input__icon{line-height: 30px;} .el-input__inner{height:30px;line-height: 30px;} .el-form-item__content{line-height: 40px;} - .el-col{height:36px;} + .el-col{height:36px;} */ </style> -- Gitblit v1.9.3