From db79f0019d3f6ed98e9983de6b91d08212683c86 Mon Sep 17 00:00:00 2001
From: gaosp <gaosp>
Date: 星期五, 19 一月 2024 00:34:41 +0800
Subject: [PATCH] update
---
src/container/maintenance/dailyMAdd.vue | 514 ++++++++++++++++++++++++--------------------------------
1 files changed, 222 insertions(+), 292 deletions(-)
diff --git a/src/container/maintenance/dailyMAdd.vue b/src/container/maintenance/dailyMAdd.vue
index 13ae2c0..0af8beb 100644
--- a/src/container/maintenance/dailyMAdd.vue
+++ b/src/container/maintenance/dailyMAdd.vue
@@ -1,309 +1,239 @@
<!-- 鏃ュ父淇濆吇 缂栬緫 -->
<template>
- <!-- 鏂板寮规 -->
- <el-dialog
- :title="title"
- width="80%"
- :visible.sync="dialogVisibleAdd" class="role-select">
- <!-- 鏌ヨ琛ㄥ崟 -->
- <el-form :model="dataForm" ref="dataForm" label-width="150px" style="margin-top:10px;">
- <el-row :gutter="20">
- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
- <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="6":md="6":lg="6":xl="6">
- <el-form-item label="璁惧鍚嶇О" prop="machineName">
- <el-select v-model="dataForm.machineName" placeholder="---璇烽�夋嫨---">
- <el-option
- v-for="item in machineName"
- :key="item.id"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
- <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="6":md="6":lg="6":xl="6">
- <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="6":md="6":lg="6":xl="6">
- <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="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 departmentlist"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <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"
- :key="item.id"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
- <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="6":md="6":lg="6":xl="6">
- <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="6":md="6":lg="6":xl="6">
- <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="6":md="6":lg="6":xl="6">
- <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="6":md="6":lg="6":xl="6">
- <el-form-item label="鏄惁鍚堟牸" prop="isQualified">
- <el-select v-model="dataForm.isQualified" placeholder="---璇烽�夋嫨---" clearable >
- <el-option
- v-for="item in isQualified"
- :key="item.id"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
- <el-form-item label="璁″垝寮�濮嬫棩鏈�" prop="planStartDate">
- <el-date-picker
- format="yyyy 骞� MM 鏈� dd 鏃�"
- value-format="yyyy-MM-dd"
- v-model="dataForm.planStartDate"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡">
- </el-date-picker>
- </el-form-item>
- </el-col>
- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
- <el-form-item label="璁″垝瀹屾垚鏃ユ湡" prop="planFinishDate">
- <el-date-picker
- format="yyyy 骞� MM 鏈� dd 鏃�"
- value-format="yyyy-MM-dd"
- v-model="dataForm.planFinishDate"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡">
- </el-date-picker>
- </el-form-item>
- </el-col>
- <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-row>
- </el-form>
- <div style="display: flex;justify-content: center;align-items: center;margin-top:15px;">
- <el-button size="mini" type="primary" @click="savedata()" plain>淇濆瓨</el-button>
- <el-button size="mini" type="warning" @click="resetForm()" plain>閲嶇疆</el-button>
- </div>
+ <!-- 鏂板寮规 -->
+ <el-dialog :title="title" width="80%" :visible.sync="dialogVisibleAdd" class="role-select">
+ <!-- 鏌ヨ琛ㄥ崟 -->
+ <el-form :model="dataForm" ref="dataForm" label-width="150px" style="margin-top:10px;">
+ <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.machineId" placeholder="---璇烽�夋嫨---" clearable>
+ <el-option v-for="item in machineList" :key="item.id" :label="item.machineName"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <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 departmentlist" :key="item.value" :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6">
+ <el-form-item label="淇濆吇鑰�" prop="maintainPerson">
+ <el-select v-model="dataForm.userId" placeholder="---璇烽�夋嫨---" clearable>
+ <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <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 v-for="item in isQualified" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <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" clearable></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"
+ range-separator="鑷�" clearable type="daterange" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ </el-col>
+ <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" range-separator="鑷�" clearable type="daterange"
+ start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <div style="display: flex;justify-content: center;align-items: center;margin-top:15px;">
+ <el-button size="mini" type="primary" @click="savedata()" plain>淇濆瓨</el-button>
+ <el-button size="mini" type="warning" @click="resetForm()" plain>閲嶇疆</el-button>
+ </div>
- </el-dialog>
+ </el-dialog>
</template>
<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', 'departmentlist'],
- data() {
- return {
- dataForm: {
- style: '鏃ュ父淇濆吇',
- state: 1,
- machineName: '', // 璁惧鍚嶇О
- uuid: '', // 鍚屾剰缂栫爜
- type: '', // 璁惧绫诲瀷
- specification: '', // 璁惧瑙勬牸
- location: '', // 瀹夎浣嶇疆
- department: '', // 浣跨敤鍗曚綅
- maintainPerson: '', // 淇濆吇鑰�
- productionDate: '', // 鎶曚骇鏃ユ湡
- manufacturer: '', // 鐢熶骇鍘傚
- planStatus: '1', // 璁″垝鐘舵��
- isQualified: '鍚堟牸',
- planStartDate: '',
- planFinishDate: '',
- detail: '' // 淇濆吇鍐呭涓庡瓨鍦ㄩ棶棰�
- },
- dialogVisibleAdd: false,
- // 涓嬫媺妗�
- machineName: [], // 璁惧鍚嶇О
- department: [], // 浣跨敤閮ㄩ棬
- maintainPerson: [], // 璁惧鍚嶇О
- isQualified: [{ // 鏄惁鍚堟牸
- label: '鍚堟牸',
- value: '鍚堟牸'
- }, {
- label: '涓嶅悎鏍�',
- value: '涓嶅悎鏍�'
- }], // 璁惧鍚嶇О
- title: '鏂板',
- data: null, // 缂栬緫鏁版嵁鍥炲～
- no: null
- }
- },
- methods: {
- // 鍒濆鍖�
- 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 = ''
- } 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.dialogVisibleAdd = true
- this.machineName = []
- this.maintainPerson = []
- // this.initDevices() // 鍒濆鍖栨暟鎹�
- },
- // 淇濆瓨
- savedata() {
- // 鏂板淇濆瓨
- // const style = 1
- const startDateFrom = this.dataForm.planStartDate[0]
- const startDateTo = this.dataForm.planStartDate[1]
- const completeDateFrom = this.dataForm.planFinishDate[0]
- const completeDateTo = this.dataForm.planFinishDate[1]
- const isQualified = this.dataForm.isQualified === '鍚堟牸' ? 1 : 0
- if (this.no === 1) {
- getRequest('maintainCreate',{})
- // 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 => {
- // if (res.result === 'SUCCESS') {
- // this.$message({
- // type: 'success',
- // message: '淇濆瓨鎴愬姛!'
- // })
- // this.$emit('reflash')
- // // const that = this
- // this.dialogVisibleAdd = false
- // } else {
- // this.$message({
- // type: 'error',
- // message: res.result
- // })
- // }
- // })
- } else {
- getRequest('maintainUpdate',{})
- // 淇敼淇濆瓨
- // 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 => {
- // if (res.result === 'SUCCESS') {
- // this.$message({
- // type: 'success',
- // message: '淇濆瓨鎴愬姛!'
- // })
- // this.$emit('reflash')
- // } else {
- // this.$message({
- // type: 'error',
- // message: res.result
- // })
- // }
- // })
- }
- },
- /**
- * 鍒濆鍖栧凡鏈夋満搴�
- */
- // 閲嶇疆
- resetForm() {
- this.$refs.dataForm.resetFields()
- }
- },
- created() {
- this.initDevices()
- }
+ props: ['styleName', 'styles', 'styleValue', 'departmentlist', 'machineList', 'userList'],
+ data() {
+ return {
+ dataForm: {
+ id: '',
+ machineId: '',
+ department: '',
+ userId: '',
+ isQualified: '',
+ detail: '',
+ style: '',
+ planStartDate: [],
+ planFinishDate: []
+ },
+ dialogVisibleAdd: false,
+ // 涓嬫媺妗�
+ isQualified: [{ // 鏄惁鍚堟牸
+ label: '鍚堟牸',
+ value: true
+ }, {
+ label: '涓嶅悎鏍�',
+ value: false
+ }], // 璁惧鍚嶇О
+ title: '鏂板',
+ data: null, // 缂栬緫鏁版嵁鍥炲～
+ no: null,
+ }
+ },
+ methods: {
+ // 鍒濆鍖�
+ init(n, data) {
+ this.data = data
+ this.no = n
+ if (n === 1) {
+ this.title = '鏂板' + this.styleName
+ Object.keys(this.dataForm).forEach(key => {
+ this.dataForm[key] = ''
+ })
+ this.dataForm['style'] = ''
+ } else {
+ this.title = '淇敼' + this.styleName
+ Object.keys(this.dataForm).forEach(key => {
+ this.dataForm[key] = data[key]
+ })
+ try {
+ this.dataForm.planStartDate = [(data.startDateFrom || ''),(data.startDateTo || '')]
+ this.dataForm.planFinishDate = [(data.completeDateFrom || ''),(data.completeDateTo || '')]
+ } catch (error) {
+
+ }
+
+ }
+ this.dialogVisibleAdd = true
+ // this.initDevices() // 鍒濆鍖栨暟鎹�
+ },
+ // 淇濆瓨
+ savedata() {
+ // 鏂板淇濆瓨
+ // const style = 1
+ let startDateFrom
+ let startDateTo
+ let completeDateFrom
+ let completeDateTo
+ try {
+ startDateFrom = this.dataForm.planStartDate[0]
+ startDateTo = this.dataForm.planStartDate[1]
+ completeDateFrom = this.dataForm.planFinishDate[0]
+ completeDateTo = this.dataForm.planFinishDate[1]
+ } catch (error) {
+
+ }
+
+ if (this.no === 1) {
+ console.log({
+ ...this.dataForm,
+ startDateFrom,
+ startDateTo,
+ completeDateFrom,
+ completeDateTo,
+ styles: this.style
+ })
+ // return
+ getRequest('maintainCreate', {
+ ...this.dataForm,
+ startDateFrom,
+ startDateTo,
+ completeDateFrom,
+ completeDateTo,
+ 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',
+ message: res.result
+ })
+ }
+ })
+ } else {
+ getRequest('maintainUpdate', {
+ ...this.dataForm,
+ startDateFrom,
+ startDateTo,
+ completeDateFrom,
+ completeDateTo,
+ 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',
+ message: res.result
+ })
+ }
+ })
+ }
+ },
+ /**
+ * 鍒濆鍖栧凡鏈夋満搴�
+ */
+ // 閲嶇疆
+ resetForm() {
+ Object.keys(this.dataForm).forEach(key => {
+ this.dataForm[key] = ''
+ })
+ }
+ },
+ created() {
+ }
}
</script>
<style lang="scss">
.el-form-item__content {
- .el-select,.el-input {
- width: 100%;
- }
- }
- .el-dialog__body {
- overflow: hidden;
- }
+
+ .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;}
--
Gitblit v1.9.3