|
@@ -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>
|