no message

This commit is contained in:
zhujida 2021-01-15 09:45:32 +08:00
parent 3d957cadf2
commit b99c67a63b

View File

@ -2,50 +2,101 @@
<template> <template>
<div class="ProcessList"> <div class="ProcessList">
<div class="ProcessList-top"> <div class="ProcessList-top">
<div class="ProcessList-top-item" v-for="(i,index) in handleGetList(list)" :key="i.id"> <div
class="ProcessList-top-item"
v-for="(i,index) in handleGetList(list)"
:key="i.id"
>
<div class="itemH"> <div class="itemH">
<div v-if="i.id !==9999" @click="handleClick(i)" class="ProcessList-top-item-contant commonFont" :class="{active:i.isCick}"> <div
v-if="i.id !==9999"
@click="handleClick(i)"
class="ProcessList-top-item-contant commonFont"
:class="{active:i.isCick}"
>
<span>{{i.name}}</span> <span>{{i.name}}</span>
<span style="font-size:12px;">{{i.label || "---"}}</span> <span style="font-size:12px;">{{i.label || "---"}}</span>
<i @click.stop="handleDelete(i)" class="el-icon-close close"></i> <i
@click.stop="handleDelete(i)"
class="el-icon-close close"
></i>
</div> </div>
<div v-if="index+1!==handleGetList(list).length && handleGetList(list).length!==0" class="process-title-item-img"> <div
<img src="./imgs/right.png" alt=""> v-if="index+1!==handleGetList(list).length && handleGetList(list).length!==0"
class="process-title-item-img"
>
<img
src="./imgs/right.png"
alt=""
>
</div> </div>
</div> </div>
</div> </div>
<div class='addP'> <div class='addP'>
<i @click="handleAdd" class="el-icon-circle-plus-outline add"></i> <i
@click="handleAdd"
class="el-icon-circle-plus-outline add"
></i>
</div> </div>
</div> </div>
<!-- v-if="JSON.stringify(itemInfo) !== '{}'" --> <!-- v-if="JSON.stringify(itemInfo) !== '{}'" -->
<div v-if="JSON.stringify(itemInfo) !== '{}'" class="ProcessList-center"> <div
v-if="JSON.stringify(itemInfo) !== '{}'"
class="ProcessList-center"
>
<div class="ProcessList-center-zhixingren commonFont"> <div class="ProcessList-center-zhixingren commonFont">
<span>执行人</span> <span>执行人</span>
<el-radio-group v-model="itemInfo.isActive"> <el-radio-group v-model="itemInfo.isActive">
<el-radio :label="1">主管指定一级</el-radio> <el-radio :label="1">主管指定一级</el-radio>
<el-radio :label="0">指定成员</el-radio> <el-radio :label="0">指定成员</el-radio>
</el-radio-group> </el-radio-group>
<div v-if="itemInfo.isActive!==0 && itemInfo.isActive!==-1" style="padding:30px 0 0 20px;"> <div
v-if="itemInfo.isActive!==0 && itemInfo.isActive!==-1"
style="padding:30px 0 0 20px;"
>
<span>被考评人的</span> <span>被考评人的</span>
<el-select size="mini" style="width:100px;" v-model="itemInfo.optType" placeholder="请选择"> <el-select
size="mini"
style="width:100px;"
v-model="itemInfo.optType"
placeholder="请选择"
>
<el-option <el-option
v-for="item in options" v-for="item in options"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id"> :value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div v-if="itemInfo.isActive===0" style="padding:30px 0 0 20px;"> <div
<el-button size="mini" @click="itemInfo.isShow=true" plain>选择成员</el-button> v-if="itemInfo.isActive===0"
style="padding:30px 0 0 20px;"
>
<el-button
size="mini"
@click="itemInfo.isShow=true"
plain
>选择成员</el-button>
<span style="font-size:14px;padding:0 0 0 10px;">{{itemInfo.name}}</span> <span style="font-size:14px;padding:0 0 0 10px;">{{itemInfo.name}}</span>
</div> </div>
<getpersonl v-if="itemInfo.isShow" :value.sync='itemInfo.optIds' :isShow.sync='itemInfo.isShow' :showDataList.sync='itemInfo.list'/> <getpersonl
v-if="itemInfo.isShow"
:value.sync='itemInfo.optIds'
:isShow.sync='itemInfo.isShow'
:showDataList.sync='itemInfo.list'
/>
<div style="padding:20px 0 0 0 "> <div style="padding:20px 0 0 0 ">
<span>评分权重</span> <span>评分权重</span>
<div style="padding:10px 0 0 20px"> <div style="padding:10px 0 0 20px">
<el-input @blur="$handleBlur('itemInfo.weight1')" @input.native="$handleInputInt('itemInfo.weight1')" style="width:200px;" size="small" v-model="itemInfo.weight1"> <el-input
@blur="$handleBlur('itemInfo.weight1')"
@input.native="$handleInputInt('itemInfo.weight1')"
style="width:200px;"
size="small"
v-model="itemInfo.weight1"
>
<template slot="append">%</template> <template slot="append">%</template>
</el-input> </el-input>
</div> </div>
@ -59,15 +110,33 @@
</el-radio-group> </el-radio-group>
</div> </div>
</div> </div>
<div style="padding:20px 0 0 0 " v-for="i in itemInfo.roleDtos" :key="i.id"> <div
<el-checkbox v-if="i.roleGroupId === 0" @change="handleChang(i)" v-model="i.checked">{{i.roleName}}</el-checkbox> style="padding:20px 0 0 0 "
v-for="i in itemInfo.roleDtos"
:key="i.id"
>
<el-checkbox
v-if="i.roleGroupId === 0"
@change="handleChang(i)"
v-model="i.checked"
>{{i.roleName}}</el-checkbox>
<div v-else> <div v-else>
<el-checkbox @change="handleChang(i)" v-model="i.checked">{{i.roleName}}</el-checkbox> <el-checkbox
@change="handleChang(i)"
v-model="i.checked"
>{{i.roleName}}</el-checkbox>
<el-checkbox-group <el-checkbox-group
class="popup-menu-mange-group" class="popup-menu-mange-group"
v-model="i.checkMenu" v-model="i.checkMenu"
v-if="i.checked"> v-if="i.checked"
<el-checkbox v-for="b in i.roleDtos" :key="b.id" :label="b.roleId" @change="handleGroupItemChang(i, b)" v-model="b.checked">{{b.roleName}}</el-checkbox> >
<el-checkbox
v-for="b in i.roleDtos"
:key="b.id"
:label="b.roleId"
@change="handleGroupItemChang(i, b)"
v-model="b.checked"
>{{b.roleName}}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</div> </div>
</div> </div>
@ -200,7 +269,7 @@ export default {
// itemInfo.list.list.length===0?(itemInfo.list.title + '' + itemInfo.list.list.length + '' ):"" // itemInfo.list.list.length===0?(itemInfo.list.title + '' + itemInfo.list.list.length + '' ):""
}, },
handleGroupItemChang (group, item) { handleGroupItemChang (group, item) {
if (group.checkMenu.length == 0) { if (group.checkMenu.length === 0) {
group.checked = false group.checked = false
} }
}, },
@ -383,7 +452,7 @@ export default {
.ProcessList { .ProcessList {
.addP { .addP {
padding-bottom: 20px; padding-bottom: 20px;
.center() .center();
} }
&-top { &-top {
padding: 20px 0 0 0; padding: 20px 0 0 0;
@ -446,9 +515,7 @@ export default {
height: 100%; height: 100%;
} }
} }
} }
} }
&-center { &-center {
padding: 10px 0; padding: 10px 0;