Ver Fonte

基础信息:fix error tip

Michael Wang há 6 anos atrás
pai
commit
f04b773e4e
1 ficheiros alterados com 110 adições e 108 exclusões
  1. 110 108
      src/modules/basic/view/privilege_tree.vue

+ 110 - 108
src/modules/basic/view/privilege_tree.vue

@@ -21,69 +21,81 @@
           </div>
           </div>
 
 
           <!-- 新增权限 -->
           <!-- 新增权限 -->
-          <el-dialog title="新增权限" :visible.sync="addingDialog.show">
+          <el-dialog
+            title="新增权限"
+            width="450px"
+            :visible.sync="addingDialog.show"
+          >
             <el-form
             <el-form
               :model="addingDialog.privilege"
               :model="addingDialog.privilege"
+              inline
+              inline-message
               ref="addingForm"
               ref="addingForm"
               label-width="100px"
               label-width="100px"
               :rules="rules"
               :rules="rules"
             >
             >
               <el-form-item label="父权限名称" prop="parentName">
               <el-form-item label="父权限名称" prop="parentName">
-                <el-col>
-                  <el-input
-                    v-model="addingDialog.parentName"
-                    :readonly="true"
-                  ></el-input>
-                </el-col>
+                <el-input
+                  v-model="addingDialog.parentName"
+                  disabled
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="权限名称" prop="name">
               <el-form-item label="权限名称" prop="name">
-                <el-col>
-                  <el-input v-model="addingDialog.privilege.name"></el-input>
-                </el-col>
+                <el-input
+                  v-model="addingDialog.privilege.name"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="权限编码" prop="code">
               <el-form-item label="权限编码" prop="code">
-                <el-col>
-                  <el-input v-model="addingDialog.privilege.code"></el-input>
-                </el-col>
+                <el-input
+                  v-model="addingDialog.privilege.code"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="描述" prop="description">
               <el-form-item label="描述" prop="description">
-                <el-col>
-                  <el-input
-                    v-model="addingDialog.privilege.description"
-                  ></el-input>
-                </el-col>
+                <el-input
+                  v-model="addingDialog.privilege.description"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="权重" prop="weight">
               <el-form-item label="权重" prop="weight">
-                <el-col>
-                  <el-input v-model="addingDialog.privilege.weight"></el-input>
-                </el-col>
+                <el-input
+                  v-model="addingDialog.privilege.weight"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性1">
               <el-form-item label="属性1">
-                <el-col>
-                  <el-input v-model="addingDialog.privilege.ext1"></el-input>
-                </el-col>
+                <el-input
+                  v-model="addingDialog.privilege.ext1"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性2">
               <el-form-item label="属性2">
-                <el-col>
-                  <el-input v-model="addingDialog.privilege.ext2"></el-input>
-                </el-col>
+                <el-input
+                  v-model="addingDialog.privilege.ext2"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性3">
               <el-form-item label="属性3">
-                <el-col>
-                  <el-input v-model="addingDialog.privilege.ext3"></el-input>
-                </el-col>
+                <el-input
+                  v-model="addingDialog.privilege.ext3"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性4">
               <el-form-item label="属性4">
-                <el-col>
-                  <el-input v-model="addingDialog.privilege.ext4"></el-input>
-                </el-col>
+                <el-input
+                  v-model="addingDialog.privilege.ext4"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性5">
               <el-form-item label="属性5">
-                <el-col>
-                  <el-input v-model="addingDialog.privilege.ext5"></el-input>
-                </el-col>
+                <el-input
+                  v-model="addingDialog.privilege.ext5"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
-              <el-form-item>
+              <el-form-item class="d-flex justify-content-center">
                 <el-button type="primary" @click="addPrivilege">确定</el-button>
                 <el-button type="primary" @click="addPrivilege">确定</el-button>
                 <el-button @click="addingDialog.show = false">取消</el-button>
                 <el-button @click="addingDialog.show = false">取消</el-button>
               </el-form-item>
               </el-form-item>
@@ -91,64 +103,75 @@
           </el-dialog>
           </el-dialog>
 
 
           <!-- 修改权限 -->
           <!-- 修改权限 -->
-          <el-dialog title="修改权限" :visible.sync="updateDialog.show">
+          <el-dialog
+            title="修改权限"
+            width="450px"
+            :visible.sync="updateDialog.show"
+          >
             <el-form
             <el-form
               :model="updateDialog.privilege"
               :model="updateDialog.privilege"
+              inline
+              inline-message
               ref="updateForm"
               ref="updateForm"
               label-width="100px"
               label-width="100px"
               :rules="rules"
               :rules="rules"
             >
             >
               <el-form-item label="权限名称" prop="name">
               <el-form-item label="权限名称" prop="name">
-                <el-col>
-                  <el-input v-model="updateDialog.privilege.name"></el-input>
-                </el-col>
+                <el-input
+                  v-model="updateDialog.privilege.name"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="权限编码" prop="code">
               <el-form-item label="权限编码" prop="code">
-                <el-col>
-                  <el-input
-                    v-model="updateDialog.privilege.code"
-                    :readonly="true"
-                  ></el-input>
-                </el-col>
+                <el-input
+                  v-model="updateDialog.privilege.code"
+                  disabled
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="描述" prop="description">
               <el-form-item label="描述" prop="description">
-                <el-col>
-                  <el-input
-                    v-model="updateDialog.privilege.description"
-                  ></el-input>
-                </el-col>
+                <el-input
+                  v-model="updateDialog.privilege.description"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="权重" prop="weight">
               <el-form-item label="权重" prop="weight">
-                <el-col>
-                  <el-input v-model="updateDialog.privilege.weight"></el-input>
-                </el-col>
+                <el-input
+                  v-model="updateDialog.privilege.weight"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性1">
               <el-form-item label="属性1">
-                <el-col>
-                  <el-input v-model="updateDialog.privilege.ext1"></el-input>
-                </el-col>
+                <el-input
+                  v-model="updateDialog.privilege.ext1"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性2">
               <el-form-item label="属性2">
-                <el-col>
-                  <el-input v-model="updateDialog.privilege.ext2"></el-input>
-                </el-col>
+                <el-input
+                  v-model="updateDialog.privilege.ext2"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性3">
               <el-form-item label="属性3">
-                <el-col>
-                  <el-input v-model="updateDialog.privilege.ext3"></el-input>
-                </el-col>
+                <el-input
+                  v-model="updateDialog.privilege.ext3"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性4">
               <el-form-item label="属性4">
-                <el-col>
-                  <el-input v-model="updateDialog.privilege.ext4"></el-input>
-                </el-col>
+                <el-input
+                  v-model="updateDialog.privilege.ext4"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性5">
               <el-form-item label="属性5">
-                <el-col>
-                  <el-input v-model="updateDialog.privilege.ext5"></el-input>
-                </el-col>
+                <el-input
+                  v-model="updateDialog.privilege.ext5"
+                  class="input_width"
+                />
               </el-form-item>
               </el-form-item>
-              <el-form-item>
+              <el-form-item class="d-flex justify-content-center">
                 <el-button type="primary" @click="updatePrivilege"
                 <el-button type="primary" @click="updatePrivilege"
                   >确定</el-button
                   >确定</el-button
                 >
                 >
@@ -162,77 +185,53 @@
             <el-form :model="showDialog.privilege" label-width="100px">
             <el-form :model="showDialog.privilege" label-width="100px">
               <el-form-item label="权限名称">
               <el-form-item label="权限名称">
                 <el-col>
                 <el-col>
-                  <el-input
-                    v-model="showDialog.privilege.name"
-                    :readonly="true"
-                  ></el-input>
+                  <el-input v-model="showDialog.privilege.name" disabled />
                 </el-col>
                 </el-col>
               </el-form-item>
               </el-form-item>
               <el-form-item label="权限编码">
               <el-form-item label="权限编码">
                 <el-col>
                 <el-col>
-                  <el-input
-                    v-model="showDialog.privilege.code"
-                    :readonly="true"
-                  ></el-input>
+                  <el-input v-model="showDialog.privilege.code" disabled />
                 </el-col>
                 </el-col>
               </el-form-item>
               </el-form-item>
               <el-form-item label="描述">
               <el-form-item label="描述">
                 <el-col>
                 <el-col>
                   <el-input
                   <el-input
                     v-model="showDialog.privilege.description"
                     v-model="showDialog.privilege.description"
-                    :readonly="true"
-                  ></el-input>
+                    disabled
+                  />
                 </el-col>
                 </el-col>
               </el-form-item>
               </el-form-item>
               <el-form-item label="权重">
               <el-form-item label="权重">
                 <el-col>
                 <el-col>
-                  <el-input
-                    v-model="showDialog.privilege.weight"
-                    :readonly="true"
-                  ></el-input>
+                  <el-input v-model="showDialog.privilege.weight" disabled />
                 </el-col>
                 </el-col>
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性1">
               <el-form-item label="属性1">
                 <el-col>
                 <el-col>
-                  <el-input
-                    v-model="showDialog.privilege.ext1"
-                    :readonly="true"
-                  ></el-input>
+                  <el-input v-model="showDialog.privilege.ext1" disabled />
                 </el-col>
                 </el-col>
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性2">
               <el-form-item label="属性2">
                 <el-col>
                 <el-col>
-                  <el-input
-                    v-model="showDialog.privilege.ext2"
-                    :readonly="true"
-                  ></el-input>
+                  <el-input v-model="showDialog.privilege.ext2" disabled />
                 </el-col>
                 </el-col>
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性3">
               <el-form-item label="属性3">
                 <el-col>
                 <el-col>
-                  <el-input
-                    v-model="showDialog.privilege.ext3"
-                    :readonly="true"
-                  ></el-input>
+                  <el-input v-model="showDialog.privilege.ext3" disabled />
                 </el-col>
                 </el-col>
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性4">
               <el-form-item label="属性4">
                 <el-col>
                 <el-col>
-                  <el-input
-                    v-model="showDialog.privilege.ext4"
-                    :readonly="true"
-                  ></el-input>
+                  <el-input v-model="showDialog.privilege.ext4" disabled />
                 </el-col>
                 </el-col>
               </el-form-item>
               </el-form-item>
               <el-form-item label="属性5">
               <el-form-item label="属性5">
                 <el-col>
                 <el-col>
-                  <el-input
-                    v-model="showDialog.privilege.ext5"
-                    :readonly="true"
-                  ></el-input>
+                  <el-input v-model="showDialog.privilege.ext5" disabled />
                 </el-col>
                 </el-col>
               </el-form-item>
               </el-form-item>
-              <el-form-item>
+              <el-form-item class="d-flex justify-content-center">
                 <el-button @click="showDialog.show = false">关闭</el-button>
                 <el-button @click="showDialog.show = false">关闭</el-button>
               </el-form-item>
               </el-form-item>
             </el-form>
             </el-form>
@@ -426,7 +425,6 @@ export default {
             });
             });
         },
         },
         openUpdateDialog(store, data) {
         openUpdateDialog(store, data) {
-            console.log(data);
             this.store = store;
             this.store = store;
             this.data = data;
             this.data = data;
             this.getPrivilege(data.id, "for-update");
             this.getPrivilege(data.id, "for-update");
@@ -547,4 +545,8 @@ export default {
 };
 };
 </script>
 </script>
 
 
-<style scoped></style>
+<style scoped>
+.input_width {
+  width: 200px;
+}
+</style>