物料分类基本功能调通

src/api/classify/basic.js

@@ -23,3 +23,19 @@ export function add(data) {
     data: data
   })
 }
+// 删除物料基本分类
+export function delClassify(data) {
+  return request({
+    url:`/system/classify/delete`,
+    method: 'post',
+    data: data
+  })
+}
+// 修改物料基本分类
+export function edit(data) {
+  return request({
+    url:`/system/classify/edit`,
+    method: 'post',
+    data: data
+  })
+}

src/views/material/classify/index.vue

@@ -5,10 +5,10 @@
         <el-button type="primary" size="small" plain @click="addClassify">新增</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="primary" size="small" plain>修改</el-button>
+        <el-button type="primary" size="small" plain @click="editClassify">修改</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="primary" size="small" plain>删除</el-button>
+        <el-button type="primary" size="small" plain @click="deleteClassify">删除</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button type="primary" size="small" plain>启用</el-button>
@@ -46,13 +46,6 @@
           <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px" class="demo-ruleForm">
             <el-row :gutter="20">
               <el-col :span="12">
-                <el-form-item label="所属组织" prop="orgName">
-                  <el-input :disabled="disable" v-model="ruleForm.orgName"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
                 <el-form-item label="物料基本分类编码" prop="code">
                   <el-input :disabled="disable" v-model="ruleForm.code"></el-input>
                   <span>编码规则x-xxx-xxx-xxx</span>
@@ -66,30 +59,6 @@
             </el-row>
             <el-row :gutter="20">
               <el-col :span="12">
-                <el-form-item label="平均单价" prop="averageCost">
-                  <el-input :disabled="disable" v-model="ruleForm.averageCost"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="平均成本" prop="averagePrice">
-                  <el-input :disabled="disable" v-model="ruleForm.averagePrice"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="平均采购提前期" prop="averagePurchaseAdvance">
-                  <el-input :disabled="disable" v-model="ruleForm.averagePurchaseAdvance"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="平均生产提前期" prop="zuzhi">
-                  <el-input :disabled="disable" v-model="ruleForm.zuzhi"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
                 <el-form-item label="启用状态" prop="isEnable">
                   <el-select
                     v-model="ruleForm.isEnable"
@@ -107,18 +76,13 @@
                   </el-select>
                 </el-form-item>
               </el-col>
-              <el-col :span="12">
-                <el-form-item label="是否发生云彩" prop="zuzhi">
-                  <el-input :disabled="disable" v-model="ruleForm.zuzhi"></el-input>
-                </el-form-item>
-              </el-col>
             </el-row>
             <span class="title">辅助属性</span>
             <el-row :gutter="20">
               <el-col :span="12">
-                <el-form-item label="辅助属性结构" prop="delFlag">
+                <el-form-item label="辅助属性结构" prop="marasstframe">
                   <el-select
-                    v-model="ruleForm.delFlag"
+                    v-model="ruleForm.marasstframe"
                     placeholder="属性结构"
                     clearable
                     :disabled="disable"
@@ -139,11 +103,11 @@
                 <el-form-item label="" prop="name">
                   <el-checkbox-group :disabled="disable" v-model="checkList">
                   <el-checkbox label="库存状态"></el-checkbox>
-                  <el-checkbox label="项目"></el-checkbox>
+                  <!-- <el-checkbox label="项目"></el-checkbox>
                   <el-checkbox label="供应商"></el-checkbox>
                   <el-checkbox label="生产厂商"></el-checkbox>
                   <el-checkbox label="客户"></el-checkbox>
-                  <el-checkbox label="特征码"></el-checkbox>
+                  <el-checkbox label="特征码"></el-checkbox> -->
                   <el-checkbox label="产品批号"></el-checkbox>
                 </el-checkbox-group>
                 </el-form-item>
@@ -166,10 +130,10 @@
 </template>
 
 <script>
-import { getTree, getDetail, add } from '@/api/classify/basic';
+import { getTree, getDetail, add, delClassify, edit} from '@/api/classify/basic';
 export default {
   name:'classify',
-  dicts: ['material_enable'],
+  dicts: ['material_enable', 'sys_assist_condtion'],
   data() {
     return {
       filterText: '',
@@ -179,24 +143,23 @@ export default {
           label: 'materialType'
       },
       ruleForm: {
-        orgName:'',
         code: '',
         materialType: '',
-        averageCost: '',
-        averagePrice: '',
-        averagePurchaseAdvance: '',
-        isEnable: '',
+        isEnable: '0',
         delFlag: '',
-        zuzhi: ''
+        marasstframe: '',
       },
       rules: {
-        orgName:[{ required: true, message: '请输入所属组织', trigger: 'blur' }],
         code:[{ required: true, message: '请输入物料基本分类编码', trigger: 'blur' }],
         materialType:[{ required: true, message: '请输入物料基本分类名称', trigger: 'blur' }],
       },
       checkList: [],
       disable: true,
-      biao: 0
+      biao: {parentId: 0},
+      // 删除节点id
+      delId: '',
+      // 判断是新增还是修改
+      isAdd: true
     }
   },
   created() {
@@ -231,18 +194,53 @@ export default {
     },
     clickTree(data){
       console.log('data', data)
-      // 如果点击新增时选择了树形节点，则不回显数据
+      // 如果点击新增时选择了树形节点，则不回显数据,且需要清空ruleForm内的数据
       if (this.disable) {
         this.getDetailData(data.id)
+      } else {
+        this.$refs['ruleForm'].resetFields();
       }
       // 标记是否为树形结构最外层
-      this.biao = data.id
+      this.biao.parentId = data.id
+      // 将节点id用作删除id
+      this.delId = data.id
     },
     submitForm(formName) {
         this.$refs[formName].validate((valid) => {
           if (valid) {
-            alert('submit!');
-            alert(this.biao)
+            if(this.isAdd) { //判断是走新增还是修改
+              console.log('add!');
+              console.log(this.biao.parentId)
+              console.log(this.ruleForm)
+              let params = {...this.ruleForm, ...this.biao}
+              console.log('params',params)
+              add(params).then(res => {
+                if(res.code === 200) {
+                  this.$message({
+                    message: res.msg,
+                    type: 'success'
+                  });
+                  this.getTreeData()
+                  // this.$refs['ruleForm'].resetFields();
+                  this.disable = true
+                }
+              })
+            } else { //修改
+              console.log('edit')
+              let ids = {id: this.biao.parentId}
+              console.log('ids', ids)
+              let params = {...this.ruleForm, ...ids}
+              console.log('params', params)
+              edit(params).then(res => {
+                if(res.code === 200) {
+                  this.$message({
+                    message: res.msg,
+                    type: 'success'
+                  });
+                  this.disable = true
+                }
+              })
+            }
           } else {
             console.log('error submit!!');
             return false;
@@ -251,17 +249,56 @@ export default {
       },
     resetForm(formName) {
       console.log(formName)
-      this.$refs[formName].resetFields();
-      this.disable = true
+      if(this.isAdd) {
+        this.$refs[formName].resetFields();
+        this.disable = true
+      } else {
+        this.disable = true
+      }
     },
     // 点击新增按钮
     addClassify() {
       // console.log('值呢：', this.ruleForm)
       // 如果点击了树形节点后再点击新增，则清空数据再填写
-      if(this.biao !== 0) {
+      if(this.biao.parentId !== 0) {
         this.$refs['ruleForm'].resetFields();
       }
       this.disable = false
+      this.isAdd = true
+    },
+    // 删除按钮
+    deleteClassify() {
+      
+      if(this.biao.parentId == 0) {
+        this.$message({
+          message: '请选择删除节点',
+          type: 'warning'
+        });
+      } else {
+        console.log('删除', this.delId)
+        delClassify({id: this.delId}).then(res => {
+          if (res.code === 200) {
+            this.$message({
+              message: '删除成功',
+              type: 'success'
+            });
+            this.getTreeData()
+          }
+        })
+      }
+    },
+    // 修改按钮
+    editClassify() {
+      if(this.biao.parentId == 0) {
+        this.$message({
+          message: '请选择修改节点',
+          type: 'warning'
+        });
+      } else {
+        console.log('修改')
+        this.disable = false
+        this.isAdd = false
+      }
     }
   },
 }