驾驶舱&基础信息配置

src/views/home/basicInfoConfiguration/components/productInfoAdd.vue

@@ -2,20 +2,19 @@
   <el-form ref="form" :rules="rules" label-width="110px" :model="form">
     <el-row>
       <el-col :span="24">
-        <el-form-item label="产品名称" prop="name">
-          <el-input v-model="form.name"></el-input>
+        <el-form-item label="产品名称" prop="product">
+          <el-input v-model="form.product"></el-input>
         </el-form-item>
       </el-col>
       <el-col :span="24">
-        <el-form-item label="规格" prop="code">
-          <el-input v-model="form.code"></el-input>
+        <el-form-item label="规格" prop="spec">
+          <el-input v-model="form.spec"></el-input>
         </el-form-item>
       </el-col>
       <el-col :span="24">
-        <el-form-item label="工艺" prop="daySpan">
-          <el-select v-model="form.daySpan" placeholder="请选择" style="width: 100%;">
-            <el-option label="否" :value= '0' ></el-option>
-            <el-option label="是" :value= '1' ></el-option>
+        <el-form-item label="工艺" prop="process">
+          <el-select v-model="form.process" placeholder="请选择" style="width: 100%;">
+            <el-option v-for='item in processList' :key='item.value' :label="item.label" :value= 'item.value' ></el-option>
           </el-select>
         </el-form-item>
       </el-col>
@@ -23,23 +22,23 @@
   </el-form>
 </template>
 <script>
-// import { getGroupClasses, updateGroupClasses, createGroupClasses, getCode } from '@/api/base/groupClasses'
+import { addProductConfig, updateProductConfig, getProductConfig } from '@/api/basicInfoConfig'
+import {getDictDatas } from '@/utils/dict'
 export default {
   name: 'ProductInfoAdd',
   data() {
     return {
       form: {
         id: '',
-        name: '',
-        code: '',
-        daySpan:'',
+        product: '',
+        spec: '',
+        process:'',
       },
       isEdit: false, //是否是编辑
       rules: {
-        name: [{ required: true, message: '请输入产品名称', trigger: 'blur' }],
-        code: [{ required: true, message: '请输入产品规格', trigger: 'blur' }],
-        daySpan: [{ required: true, message: '请选择工艺', trigger: 'change' }],
-      }
+        product: [{ required: true, message: '请输入产品名称', trigger: 'blur' }]
+      },
+      processList:getDictDatas('process')
     }
   },
   methods: {
@@ -47,11 +46,13 @@ export default {
       if (id) {
         this.isEdit = true
         this.form.id = id
-        // getGroupClasses(id).then((res) => {
-        //   if (res.code === 0) {
-        //     this.form = res.data
-        //   }
-        // })
+        getProductConfig({id}).then((res) => {
+          if (res.code === 0) {
+            this.form = res.data
+          }
+        })
+      }else{
+        this.form.id = ''
       }
     },
     submitForm() {
@@ -59,14 +60,14 @@ export default {
         if (valid) {
           if (this.isEdit) {
             //编辑
-            updateGroupClasses({ ...this.form }).then((res) => {
+            updateProductConfig({ ...this.form }).then((res) => {
               if (res.code === 0) {
                 this.$modal.msgSuccess("操作成功");
                 this.$emit('successSubmit')
               }
             })
           } else {
-            createGroupClasses({ ...this.form }).then((res) => {
+            addProductConfig({ ...this.form }).then((res) => {
               if (res.code === 0) {
                 this.$modal.msgSuccess("操作成功");
                 this.$emit('successSubmit')