fix : 修复抄送人回显及取消箭头
This commit is contained in:
@@ -58,7 +58,7 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="title==='apply'||title==='check'">
|
||||
<el-form-item label="分管领导" :required="true" prop=""
|
||||
<el-form-item label="分管领导"
|
||||
label-width="125">
|
||||
<el-button color="#DED0B2" style="margin-right: 10px" @click="handleShowOptionalChargeLeadershipPicker">
|
||||
{{ optionalChargeLeadershipList.length !== 0 ? '更改' : getOptionalChargeLeadershipList(optionalChargeLeadershipList) ? '更改' : '请选择' }}
|
||||
|
||||
@@ -246,7 +246,7 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="分管领导" :required="true" prop=""
|
||||
<el-form-item label="分管领导"
|
||||
label-width="125">
|
||||
<el-button color="#DED0B2" style="margin-right: 10px" @click="handleShowOptionalChargeLeadershipPicker">
|
||||
{{ optionalChargeLeadershipList.length !== 0 ? '更改' : '请选择' }}
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</el-icon>
|
||||
</div>
|
||||
</div>
|
||||
<div class="arrow" v-if="(index+1)%3!==0&&userInfo.length!==1&&(index+1)!==userInfo.length">
|
||||
<div class="arrow" v-if="(index+1)%3!==0&&userInfo.length!==1&&(index+1)!==userInfo.length&&showArrow">
|
||||
<el-icon size="20">
|
||||
<Right/>
|
||||
</el-icon>
|
||||
@@ -49,6 +49,11 @@ const props = defineProps({
|
||||
mode: {
|
||||
type: String,
|
||||
default: 'design'
|
||||
},
|
||||
//是否显示箭头
|
||||
showArrow: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
@@ -1,18 +1,20 @@
|
||||
<template>
|
||||
<el-button size="mini" icon="Plus" type="primary" @click="selectUser" round>选择抄送人</el-button>
|
||||
<!-- <div class="option">-->
|
||||
<!-- <el-checkbox label="允许发起人添加抄送人" v-model="shouldAdd"></el-checkbox>-->
|
||||
<!-- </div>-->
|
||||
<el-button size="mini" icon="Plus" type="primary" @click="selectUser" round style="margin-bottom: 10px">选择抄送人
|
||||
</el-button>
|
||||
<!-- <div class="option">-->
|
||||
<!-- <el-checkbox label="允许发起人添加抄送人" v-model="shouldAdd"></el-checkbox>-->
|
||||
<!-- </div>-->
|
||||
<!-- <org-items v-model="select"/>-->
|
||||
<avatar-ellipsis :row="3" :user-info="assignedUser"/>
|
||||
<user-picker title="请选择抄送人" multiple ref="userPicker" :v-model="assignedUser" @ok="selectedUser"/>
|
||||
<avatar-ellipsis :row="3" :user-info="assignedUser" :showArrow="false" />
|
||||
<user-picker title="请选择抄送人" multiple ref="userPicker" v-model:value="assignedUser" @ok="selectedUser"/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {computed, defineProps} from 'vue'
|
||||
import UserPicker from "../common/UserPicker.vue";
|
||||
import AvatarEllipsis from "../common/AvatarEllipsis.vue";
|
||||
const userPicker=ref()
|
||||
|
||||
const userPicker = ref()
|
||||
const props = defineProps({
|
||||
config: {
|
||||
type: Object,
|
||||
@@ -41,16 +43,16 @@ const selectUser = () => {
|
||||
userPicker.value.showUserPicker()
|
||||
}
|
||||
const selectedUser = (select) => {
|
||||
let userInfoList = []
|
||||
for (let val of select) {
|
||||
let userInfo = {
|
||||
id: val.id,
|
||||
name: val.name,
|
||||
avatar: val.avatar,
|
||||
}
|
||||
userInfoList.push(userInfo)
|
||||
}
|
||||
assignedUser.value = userInfoList
|
||||
// let userInfoList = []
|
||||
// for (let val of select) {
|
||||
// let userInfo = {
|
||||
// id: val.id,
|
||||
// name: val.name,
|
||||
// avatar: val.avatar,
|
||||
// }
|
||||
// userInfoList.push(userInfo)
|
||||
// }
|
||||
assignedUser.value = select
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<node :title="config.name" :show-error="showError" :select-user="selectUser" :mode="mode" :content="content" :node-id="config.id"
|
||||
:error-info="errorInfo" :show-avatar="true" :user-info="config.props.assignedUser"
|
||||
:error-info="errorInfo" :show-avatar="true" :user-info="config.props.assignedUser" nodeType="carbonCopyRecipient"
|
||||
@selected="emit('selected')" @delNode="emit('delNode')" @insertNode="type => emit('insertNode', type)"
|
||||
placeholder="请设置抄送人" :header-bgc="headerBgc" :header-icon="Promotion"/>
|
||||
</template>
|
||||
|
||||
@@ -18,12 +18,12 @@
|
||||
<template v-if="selectUser.show && mode === 'view'">
|
||||
<div class="avatar_button">
|
||||
<avatar-ellipsis :row="3" v-if="userInfo.length > 0" :mode="mode" :user-info="userInfo"/>
|
||||
<el-button type="primary" :icon="Plus" circle/>
|
||||
<!-- <el-button type="primary" :icon="Plus" circle/>-->
|
||||
</div>
|
||||
</template>
|
||||
<template v-else-if="showAvatar">
|
||||
<span class="placeholder" v-if="userInfo.length === 0">{{ placeholder }}</span>
|
||||
<avatar-ellipsis :row="3" v-if="userInfo.length > 0" :user-info="userInfo" :mode="mode"/>
|
||||
<avatar-ellipsis :row="3" v-if="userInfo.length > 0" :user-info="userInfo" :mode="mode" :show-arrow="nodeType!=='carbonCopyRecipient'"/>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span class="placeholder" v-if="(content || '').trim() === ''">{{ placeholder }}</span>
|
||||
@@ -146,6 +146,11 @@ const props = defineProps({
|
||||
mode: {
|
||||
type: String,
|
||||
default: 'design'
|
||||
},
|
||||
//节点类型,例如抄送人(区别该节点,去掉抄送人之间的箭头)
|
||||
nodeType: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
Reference in New Issue
Block a user