产品结构加验证

components/page/productSelect1.vue

 <template>
   <Select v-model="dep" :placeholder="placeholdeinfo" clearable @on-clear="onClear">
-    <Option
-      :value="dep"
-      class="hide"
-    >
-    {{label}}
-    </Option>
+    <Option :value="dep" class="hide">{{label}}</Option>
     <Tree key="mytree" :data="data1" ref="mytree" :render="renderContent"></Tree>
   </Select>
 </template>
@@ -20,7 +15,7 @@ export default {
   data() {
     return {
       dep: "",
-      label:"",
+      label: "",
       list: [],
       data1: [],
       selectdata: [],
@@ -48,7 +43,7 @@ export default {
   },
   mounted() {},
   created() {
-    this.dep = this.value | "";
+    this.dep = this.value | -1;
     this.loadTree();
   },
   methods: {
@@ -68,19 +63,18 @@ export default {
       );
     },
     handleSelect(id) {
-        var roots =this.$u.findRoots(this.data1,id).reverse();
-        var listName=[]
+      var roots = this.$u.findRoots(this.data1, id).reverse();
+      var listName = [];
       var data;
-        listName=roots.map(u=>{
-          if(id==u.id){
-            data=u;
+      listName = roots.map(u => {
+        if (id == u.id) {
+          data = u;
         }
-          return u.name
-        })
-        this.dep=id;
-        this.label=listName.join(" / ");
-        this.$emit("on-change",id,data,listName,roots);
-     
+        return u.name;
+      });
+      this.dep = id + "";
+      this.label = listName.join(" / ");
+      this.$emit("on-change", id + "", data, listName, roots);
     },
 
     loadTree() {
@@ -89,7 +83,7 @@ export default {
       Api.getleveltree().then(r => {
         if (r.result) {
           this.data1 = r.result;
-          this.handleSelect(this.value)
+          this.handleSelect(this.value);
         } else {
           this.$Message.error("加载产品树失败!");
         }
@@ -105,10 +99,10 @@ export default {
   watch: {
     value: {
       handler(v, o) {
-        this.dep = v | "";
-        if(this.data1.length>0){          
-        this.handleSelect(v);
-        }
+        this.dep = v | -1;
+        // if (this.data1.length > 0) {
+        //   this.handleSelect(v);
+        // }
       },
       deep: true
     }

pages/technology/productMix/product/add.vue

@@ -96,7 +96,9 @@ export default {
       selectdata1: [],
       rules: {
         name: [{ required: true, message: "必填", trigger: "blur" }],
-        levelId: [{ required: true, message: "必填", trigger: "change" }]
+        levelId: [
+          { required: true, message: "必填", trigger: "change", type: "string" }
+        ]
       },
       parms: {
         app: "technology",
@@ -176,6 +178,7 @@ export default {
     },
 
     proChange(id, data, listName, roots) {
+      this.entity.levelId = id;
       this.entity.levelTitle = listName.join(" / ");
     },
     l(key) {

pages/technology/productMix/product/edit.vue

@@ -77,7 +77,9 @@ export default {
       selectdata1: [],
       rules: {
         name: [{ required: true, message: "必填", trigger: "blur" }],
-         levelId: [{ required: true, message: "必填", trigger: "change" }]
+        levelId: [
+          { required: true, message: "必填", trigger: "change", type: "string" }
+        ]
       },
       img: "",
       parms: {
@@ -142,10 +144,8 @@ export default {
         this.entity = r.result;
         this.img = this.entity.productUrl;
         this.componayId = r.result.madeCompany;
-        this.entity.levelTitle = r.result.levelTitle;
-        this.entity.levelId = r.result.levelId;
-        // this.$refs.edit.dep = r.result.levelId;
-        // this.$refs.edit.label = r.result.levelTitle;
+        this.$refs.edit.dep = r.result.levelId;
+        this.$refs.edit.label = r.result.levelTitle;
       });
     },
     handleSubmit() {