update

gaosp

2024-01-19 5b9a1d6cb3a7d59c8f2de83c495bba1a069b2723

 src/container/machineList/Manage-add-update.vue

@@ -1,52 +1,62 @@
<template>
   <div>
      <el-dialog :title="!dataForm.id ? '新建' : '编辑'" :close-on-click-modal="false" width="80%" :visible.sync="addVisible">
      <el-dialog :title="!dataForm.id ? '新建' : '编辑'" :close-on-click-modal="false" width="80%" :visible.sync="addVisible" @close="cancel">
         <!-- 添加内容-->
         <el-form :model="dataForm" label-width="100px" ref="dataForm">
            <el-row :gutter="20">
               <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6">
                  <el-form-item label="机床名称" prop="machineName">
                  <!-- <el-form-item label="机床名称" prop="machineName">
                     <el-input v-model="dataForm.machineName" placeholder="机床名称" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="机床" prop="id">
                  </el-form-item> -->
                  <!-- <el-form-item label="机床" prop="id">
                     <el-select  class="value" v-model="dataForm.id" placeholder="请选择">
                        <el-option v-for="item in accountList" :key="item.machineId" :label="item.uuid"
                           :value="item.machineId">
                        </el-option>
                     </el-select>
                  </el-form-item>
                  </el-form-item> -->
                  <el-form-item label="IP" prop="ip">
                     <el-input v-model="dataForm.ip" placeholder="IP" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="dnc名称" prop="dncName">
                     <el-input v-model="dataForm.dncName" placeholder="dncName" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="端口" prop="port">
                     <el-input v-model="dataForm.port" placeholder="端口" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="程序传输模式" prop="transMode">
                     <el-select class="value" v-model="dataForm.transMode" placeholder="请选择" clearable>
                        <el-option v-for="item in transModeList" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                     </el-select>
                  </el-form-item>
                  <el-form-item label="车间" prop="workshopId">
                     <el-select class="value" v-model="dataForm.workshopId" @change="changewsl" placeholder="请选择">
                     <el-select class="value" v-model="dataForm.workshopId" @change="changewsl" placeholder="请选择" clearable>
                        <el-option v-for="item in workshopList" :key="item.id" :label="item.name" :value="item.id">
                        </el-option>
                     </el-select>
                  </el-form-item>
						
                  <el-form-item label="工段" prop="sectionId">
                     <el-select class="value" v-model="dataForm.sectionId" placeholder="请选择">
                     <el-select class="value" v-model="dataForm.sectionId" placeholder="请选择" clearable>
                        <el-option v-for="item in sectionIds" :key="item.id" :label="item.name" :value="item.id">
                        </el-option>
                     </el-select>
                  </el-form-item>
                  <el-form-item label="协议" prop="protocolId">
                     <el-select class="value" v-model="dataForm.protocolId" placeholder="请选择">
                     <el-select class="value" v-model="dataForm.protocolId" placeholder="请选择" clearable>
                        <el-option v-for="item in protocolList" :key="item.id" :label="item.name" :value="item.id">
                        </el-option>
                     </el-select>
                  </el-form-item>
                  <el-form-item label="是否采集" prop="isCollect">
                     <el-radio-group class="value" v-model="dataForm.isCollect">
                     <el-radio-group class="value" v-model="dataForm.isCollect" clearable>
                        <el-radio :label="0">否</el-radio>
                        <el-radio :label="1">是</el-radio>
                     </el-radio-group>
                  </el-form-item>
                  <el-form-item label="班制" prop="shiftType">
                     <el-select class="value" v-model="dataForm.shiftType" placeholder="请选择">
                     <el-select class="value" v-model="dataForm.shiftType" placeholder="请选择" clearable>
                        <el-option v-for="item in shiftTypes" :key="item.value" :label="item.label"
                           :value="item.value">
                        </el-option>
@@ -91,7 +101,6 @@
         workshopList: [],
         accountList: [],
         dataForm: {
            machineName: '',
            id: '',
            ip: '',
            port: '',
@@ -100,33 +109,58 @@
            protocolId: '',
            isCollect: '',
            shiftType: '',
            dncName: '',
            transMode: ''
         },

         transModeList: [
            {
               label: 'com口',
               value: 0
            },
            {
               label: '享文件夹',
               value: 1
            },
            {
               label: '网口',
               value: 2
            },
         ]
      }
   },
   watch: {
      machineid: {
         handler(val) {
            if (val) {
               setTimeout(() => {
                  getRequest('machineQuery', { size: 10, machineId: val }).then(res => {
                     this.changewsl(res.data.records[0].workshopId)
                     this.$nextTick(() => {
                        try {
                           Object.keys(this.addInfo).forEach(item => {
                              this.addInfo[item] = res.data.records[0][item]
                           })
                           // this.addInfo.id = res.data.records[0].id
                        } catch (error) {
                           console.error(error)
                        }
                     })
                  })
               }, 1000)
      // machineid: {
      //    handler(val) {
      //       if (val) {
      //          setTimeout(() => {
      //             getRequest('machineQuery', { size: 10, machineId: val }).then(res => {
      //                this.changewsl(res.data.records[0].workshopId)
      //                this.$nextTick(() => {
      //                   try {
      //                      Object.keys(this.addInfo).forEach(item => {
      //                         this.addInfo[item] = res.data.records[0][item]
      //                      })
      //                      // this.addInfo.id = res.data.records[0].id
      //                   } catch (error) {
      //                      console.error(error)
      //                   }
      //                })
      //             })
      //          }, 1000)

            }
      //       }
      //    },
      //    immediate: true
      // }
      row: {
         handler (val)  {
            Object.keys(this.dataForm).forEach(item => {
               this.dataForm[item] = val[item]
            })
				
         },
         immediate: true
         immediate: true,
         deep: true,
      }
   },
   created() {