|
|
@@ -1,9 +1,6 @@
|
|
|
<template>
|
|
|
<div class="processPermission">
|
|
|
- <div
|
|
|
- class="processPermission_show_box"
|
|
|
- v-if=" powers.some((i) => i == '001')"
|
|
|
- >
|
|
|
+ <div class="processPermission_show_box" v-if="powers.some((i) => i == '001')">
|
|
|
<ul class="role-list fl">
|
|
|
<p class="role-list__title">角色列表</p>
|
|
|
<p
|
|
|
@@ -27,30 +24,34 @@
|
|
|
<div class="rule-list">
|
|
|
<el-row v-for="(item, index) in perActionList" :key="'menu' + item.id + index">
|
|
|
<el-col class="title" :span="24">
|
|
|
- <el-checkbox
|
|
|
- v-model="item.checkAll"
|
|
|
- @change="handleCheckAllChange($event, index, item)"
|
|
|
- :indeterminate="indeterminateCheck(item)"
|
|
|
- :disabled="!powers.some((it) => it == '008')"
|
|
|
- >全选</el-checkbox
|
|
|
- >
|
|
|
- <span style="padding: 0 0 0 30px">{{ item.process_name }}</span>
|
|
|
+ <span>{{ item.process_name }}</span>
|
|
|
</el-col>
|
|
|
- <el-col class="main" :span="24">
|
|
|
- <el-checkbox-group
|
|
|
- v-model="item.checkList"
|
|
|
- @change="handleCheckedGroupChange($event, index, item)"
|
|
|
- :disabled="!powers.some((it) => it == '008')"
|
|
|
- >
|
|
|
+ <el-col class="main clear" :span="24">
|
|
|
+ <div class="main-title fl">
|
|
|
<el-checkbox
|
|
|
- @change="handleCheckedChange($event, subitem.id, index, item)"
|
|
|
- v-for="(subitem, subIndex) in item.child"
|
|
|
- :key="'checkItem' + subitem.id"
|
|
|
- :label="subitem.id"
|
|
|
- >{{ subitem.status_name }}</el-checkbox
|
|
|
+ v-model="item.checkAll"
|
|
|
+ @change="handleCheckAllChange($event, index, item)"
|
|
|
+ :indeterminate="indeterminateCheck(item)"
|
|
|
+ :disabled="!powers.some((it) => it == '008')"
|
|
|
+ >全选</el-checkbox
|
|
|
>
|
|
|
- </el-checkbox-group></el-col
|
|
|
- >
|
|
|
+ </div>
|
|
|
+ <div class="main-item fl">
|
|
|
+ <el-checkbox-group
|
|
|
+ v-model="item.checkList"
|
|
|
+ @change="handleCheckedGroupChange($event, index, item)"
|
|
|
+ :disabled="!powers.some((it) => it == '008')"
|
|
|
+ >
|
|
|
+ <el-checkbox
|
|
|
+ @change="handleCheckedChange($event, subitem.id, index, item)"
|
|
|
+ v-for="(subitem, subIndex) in item.child"
|
|
|
+ :key="'checkItem' + subitem.id"
|
|
|
+ :label="subitem.id"
|
|
|
+ >{{ subitem.status_name }}</el-checkbox
|
|
|
+ >
|
|
|
+ </el-checkbox-group>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -362,12 +363,18 @@ export default {
|
|
|
padding: 18px 18px 12px 18px;
|
|
|
border-bottom: 1px dashed #dfe6ec;
|
|
|
font-size: 15px;
|
|
|
- color: #97a8be;
|
|
|
+ color: #000;
|
|
|
}
|
|
|
.main {
|
|
|
padding: 18px 18px 12px 18px;
|
|
|
border-bottom: 1px solid #dfe6ec;
|
|
|
}
|
|
|
+ .main-title {
|
|
|
+ width: 80px;
|
|
|
+ }
|
|
|
+ .main-item {
|
|
|
+ width: calc(100% - 80px);
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.rule-bottom {
|
