制造成本分析修改

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

@@ -0,0 +1,87 @@
+<template>
+  <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>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="规格" prop="code">
+          <el-input v-model="form.code"></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-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+// import { getGroupClasses, updateGroupClasses, createGroupClasses, getCode } from '@/api/base/groupClasses'
+export default {
+  name: 'ProductInfoAdd',
+  data() {
+    return {
+      form: {
+        id: '',
+        name: '',
+        code: '',
+        daySpan:'',
+      },
+      isEdit: false, //是否是编辑
+      rules: {
+        name: [{ required: true, message: '请输入产品名称', trigger: 'blur' }],
+        code: [{ required: true, message: '请输入产品编码', trigger: 'blur' }],
+        daySpan: [{ required: true, message: '请选择工艺', trigger: 'change' }],
+      }
+    }
+  },
+  methods: {
+    init(id) {
+      if (id) {
+        this.isEdit = true
+        this.form.id = id
+        // getGroupClasses(id).then((res) => {
+        //   if (res.code === 0) {
+        //     this.form = res.data
+        //   }
+        // })
+      }
+    },
+    submitForm() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          if (this.isEdit) {
+            //编辑
+            updateGroupClasses({ ...this.form }).then((res) => {
+              if (res.code === 0) {
+                this.$modal.msgSuccess("操作成功");
+                this.$emit('successSubmit')
+              }
+            })
+          } else {
+            createGroupClasses({ ...this.form }).then((res) => {
+              if (res.code === 0) {
+                this.$modal.msgSuccess("操作成功");
+                this.$emit('successSubmit')
+              }
+            })
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    formClear() {
+      this.$refs.form.resetFields()
+      this.isEdit = false
+    }
+  }
+}
+</script>