fix

src/pages/authority/menus.vue

@@ -46,7 +46,7 @@
               <button v-else class="btn btn_act2" @click="nodePosition(1)">
                 <i class="el-icon-bottom"></i>&nbsp;下移
               </button>
-              <button v-if="mcHold&&ymHold" class="btn btn_act1" @click="saveNode()">
+              <button v-if="canSave" class="btn btn_act1" @click="saveNode()">
                 <i class="el-icon-check"></i>&nbsp;保存
               </button>
               <button v-else class="btn btn_dis">
@@ -66,22 +66,22 @@
               </button>
             </div>
             <div class="line"></div>
-            <el-form class="form_station" :model="formDetail" :rules="rules">
+            <el-form ref="formDetail" class="form_station" :model="formDetail" :rules="rules">
               <el-form-item prop="menu_name">
                 <div class="form_item_title">菜单名称：</div>
-                <el-input v-model="formDetail.menu_name"></el-input>
+                <el-input v-model="formDetail.menu_name" @input="changeSave"></el-input>
               </el-form-item>
               <el-form-item prop="visit_url">
                 <div class="form_item_title">菜单访问地址：</div>
-                <el-input v-model="formDetail.visit_url"></el-input>
+                <el-input v-model="formDetail.visit_url" @input="changeSave"></el-input>
               </el-form-item>
               <el-form-item prop="team_name">
                 <div class="form_item_title">菜单组别：</div>
-                <el-input v-model="formDetail.team_name"></el-input>
+                <el-input v-model="formDetail.team_name" @input="changeSave"></el-input>
               </el-form-item>
               <el-form-item prop="detail">
                 <div class="form_item_title">菜单描述：</div>
-                <el-input v-model="formDetail.detail"></el-input>
+                <el-input v-model="formDetail.detail" @input="changeSave"></el-input>
               </el-form-item>
               <el-form-item prop="menu_order">
                 <div class="form_item_title">菜单排序：</div>
@@ -111,7 +111,6 @@ export default {
       if (value != this.formContrast.menu_name) {
         this.reset = true;
       }
-      console.log(value);
       if (value == "") {
         this.mcHold = false;
         callback(new Error("请填写菜单名称"));
@@ -180,11 +179,11 @@ export default {
         create_date: ""
       },
       rules: {
-        menu_name: [{ validator: validateMenuName, trigger: "blur" }],
-        visit_url: [{ validator: validatePageUrl, trigger: "blur" }],
-        team_name: [{ validator: validateTeamName, trigger: "blur" }],
-        detail: [{ validator: validateDescribe, trigger: "blur" }],
-        menu_order: [{ validator: validateMenuOrder, trigger: "blur" }]
+        menu_name: [{ validator: validateMenuName, trigger: "input" }],
+        visit_url: [{ validator: validatePageUrl, trigger: "input" }],
+        team_name: [{ validator: validateTeamName, trigger: "input" }],
+        detail: [{ validator: validateDescribe, trigger: "input" }],
+        menu_order: [{ validator: validateMenuOrder, trigger: "input" }]
       },
       nodeId: "",
       previousSibling: false,
@@ -193,7 +192,8 @@ export default {
       ymHold: false,
       reset: false,
       newI: 0,
-      helper: helper
+      helper: helper,
+      canSave: false
     };
   },
   watch: {
@@ -210,7 +210,7 @@ export default {
       return data.label.indexOf(value) !== -1;
     },
     nodeClick(data, node) {
-      console.log(this.nodeId, this.formDetail);
+      this.canSave = false;
       if (this.nodeId.indexOf("new") > -1) {
         let result = this.formStaged.some(item => {
           if (item.id == this.nodeId) {
@@ -257,7 +257,7 @@ export default {
             this.formContrast = response.data.data;
           } else {
             this.ruleFormIcon.username = false;
-            this.message({
+            this.$message({
               message: response.data.errMsg,
               type: "error"
             });
@@ -307,44 +307,53 @@ export default {
       });
     },
     saveNode() {
-      console.log(this.formDetail);
-      let query = {
-        menu_id: this.nodeId,
-        menu_name: this.formDetail.menu_name,
-        detail: this.formDetail.detail,
-        visit_url: this.formDetail.visit_url,
-        team_name: this.formDetail.team_name,
-        issystem: 1,
-        menu_order: this.formDetail.menu_order
-      };
-      if (this.nodeId.substring(0, 3) == "new") {
-        let node = this.$refs.tree.getNode(this.nodeId);
-        console.log(node.parent);
-        query.parent_id = node.parent.data.menu_id;
-        this.$api.authority.addMenu(query).then(response => {
-          if (response.data.success == 1) {
-            this.message({
-              message: "插入菜单成功",
-              type: "success"
+      this.$refs.formDetail.validate(valid => {
+        if (valid) {
+          let query = {
+            menu_id: this.nodeId,
+            menu_name: this.formDetail.menu_name,
+            detail: this.formDetail.detail,
+            visit_url: this.formDetail.visit_url,
+            team_name: this.formDetail.team_name,
+            issystem: 1,
+            menu_order: this.formDetail.menu_order
+          };
+          if (this.nodeId.substring(0, 3) == "new") {
+            let node = this.$refs.tree.getNode(this.nodeId);
+            query.parent_id = node.parent.data.menu_id;
+            this.$api.authority.addMenu(query).then(response => {
+              if (response.data.success == 1) {
+                this.$message({
+                  message: "插入菜单成功",
+                  type: "success"
+                });
+                this.getTree();
+                this.emptyObject();
+              } else {
+                console.log(response.data.errMsg);
+              }
             });
-            this.getTree();
           } else {
-            console.log(response.data.errMsg);
-          }
-        });
-      } else {
-        this.$api.authority.editMenu(query).then(response => {
-          if (response.data.success == 1) {
-            this.message({
-              message: "修改菜单成功",
-              type: "success"
+            this.$api.authority.editMenu(query).then(response => {
+              if (response.data.success == 1) {
+                this.$message({
+                  message: "修改菜单成功",
+                  type: "success"
+                });
+                this.getTree();
+                this.emptyObject();
+              } else {
+                console.log(response.data.errMsg);
+              }
             });
-            this.getTree();
-          } else {
-            console.log(response.data.errMsg);
           }
-        });
-      }
+        } else {
+          this.$message({
+            message: "请完善信息",
+            type: "error"
+          });
+        }
+      });
     },
     deleteNode() {
       let params = {
@@ -352,11 +361,12 @@ export default {
       };
       this.$api.authority.delMenu(params).then(response => {
         if (response.data.success == 1) {
-          this.message({
+          this.$message({
             message: "删除菜单成功",
             type: "success"
           });
           this.getTree();
+          this.emptyObject();
         } else {
           console.log(response.data.errMsg);
         }
@@ -381,18 +391,26 @@ export default {
           }
         ]
       };
-      console.log(params);
       this.$api.authority.positionMenu(params).then(response => {
         if (response.data.success == 1) {
-          this.message({
+          this.$message({
             message: "更新菜单成功",
             type: "success"
           });
           this.getTree();
+          this.emptyObject();
         } else {
           console.log(response.data.errMsg);
         }
       });
+    },
+    changeSave() {
+      this.canSave = true;
+    },
+    emptyObject() {
+      for (var i in this.formDetail) {
+        this.formDetail[i] = "";
+      }
     }
   }
 };