feat: base menu页面优化

src/views/ops/menu.vue

@@ -53,9 +53,9 @@
     <el-form :model="addForm" :rules="rules" ref="addForm" label-width="100px" label-position="right">
       <el-form-item label="类型" prop="type">
         <el-radio-group v-model="addForm.type">
-          <el-radio :label="10">模块</el-radio>
+          <el-radio :value="10">模块</el-radio>
-          <el-radio :label="20">页面</el-radio>
+          <el-radio :value="20">页面</el-radio>
-          <el-radio :label="30">接口</el-radio>
+          <el-radio :value="30">接口</el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item label="名称" prop="name">
@@ -86,6 +86,11 @@
 
 <script>
 import { genTree } from "@/utils/verificate";
+const dForm = {
+        codes: [],
+        type: 10,
+        sort: 1,
+      };
 export default {
   name: "dept",
   data() {
@@ -109,14 +114,7 @@ export default {
       },
 
       //表单数据
-      addForm: {
+      addForm: this.dForm,
-        id: "",
-        name: "",
-        codes: [],
-        type: 10,
-        sort: 1,
-        parent: null,
-      },
       //验证规则
       rules: {
         name: [{ required: true, message: "请输入名称" }],
@@ -154,7 +152,7 @@ export default {
       this.type = "add";
       this.limitedVisible = true;
       this.$nextTick(() => {
-        this.$refs.addForm.resetFields();
+        this.addForm = Object.assign({}, dForm);
       });
     },
     //编辑
@@ -182,7 +180,6 @@ export default {
         //	debugger;
         if (valid) {
           this.isSaveing = true;
-          var res;
           if (this.type === "add") {
             this.$API.system.permission.create
               .req(that.addForm)