|
|
|
|
@ -297,16 +297,16 @@
|
|
|
|
|
<div class="dept-columns g_flex_row_start">
|
|
|
|
|
<div class="dept-column" style="width: 100%; min-width: 100%; max-width: 100%; border-right: none;">
|
|
|
|
|
<div class="">
|
|
|
|
|
<div class="g_flex_row_between g_pt_16 g_pb_16" style="border-bottom: 1px solid #ddd;" v-for="(role, roleIndex) in roleList" :key="role.id" @click="handleRoleClick(role)">
|
|
|
|
|
<div class="g_ell_1 g_flex_1" :style="{ color: '#333', fontSize: '17px', flex: 1, marginRight: '8px', padding: '0 0 0 10px' }">
|
|
|
|
|
<div class="g_flex_row_between g_pt_16 g_pb_16" style="border-bottom: 1px solid #ddd;" v-for="(role, roleIndex) in roleList" :key="role.id" @click="!role.disabled && handleRoleClick(role)">
|
|
|
|
|
<div class="g_ell_1 g_flex_1" :style="{ color: role.disabled ? '#999' : '#333', fontSize: '17px', flex: 1, marginRight: '8px', padding: '0 0 0 10px' }">
|
|
|
|
|
{{ role.roleName }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_column_center g_flex_none" style="margin-right: 10px;">
|
|
|
|
|
<div class="g_flex_column_center g_flex_none" style="margin-right: 10px;" v-if="role.disabled">
|
|
|
|
|
<i
|
|
|
|
|
class="iconfont icon-a-duigoubeifen2"
|
|
|
|
|
style="font-size: 24px"
|
|
|
|
|
:style="{
|
|
|
|
|
color: isRoleSelected(role.id) ? '#6A81FF' : '#fff',
|
|
|
|
|
color: role.disabled ? '#ddd' : (isRoleSelected(role.id) ? '#6A81FF' : '#fff'),
|
|
|
|
|
}"
|
|
|
|
|
></i>
|
|
|
|
|
</div>
|
|
|
|
|
|