odjbin/mosr-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : 细节优化

Browse Source
This commit is contained in:
odjbin
2024-03-26 14:37:38 +08:00
parent 60f3c41124
commit 45f95fa297
10 changed files with 79 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/workflow/form/components/UserPicker.vue
View File

@@ -12,22 +12,25 @@
<user-picker :multiple="multiple" ref="userPicker" title="请选择人员" v-model:value="userList" @ok="selected"/>
<span class="placeholder"> {{ placeholder }}</span>
<div style="display: flex;">
<div class="userStyle" v-for="(user, i) in userList" :key="i">
<span @click="delDept(i)">×</span>
<el-avatar :src="user.avatar"/>
<el-tooltip class="item" effect="dark" :content="user.name" placement="bottom-start">
<span>{{ user.name }}</span>
</el-tooltip>
</div>
<role-items v-model="userList"/>
<!-- <div class="userStyle" v-for="(user, i) in userList" :key="i">-->
<!-- <span @click="delDept(i)">×</span>-->
<!--&lt;!&ndash; <el-avatar :src="user.avatar"/>&ndash;&gt;-->
<!-- <el-tooltip class="item" effect="dark" :content="user.name" placement="bottom-start">-->
<!-- <span>{{ user.name }}</span>-->
<!-- </el-tooltip>-->
<!-- </div>-->
</div>
</template>
<template v-else-if="perm === 'R'">
<div style="display: flex;">
<div v-for="(user, i) in userList" :key="i" class="view_user">
<el-avatar :src="user.avatar"/>
<el-tooltip effect="dark" :content="user.name" placement="bottom-start">
<span>{{ user.name }}</span>
</el-tooltip>
<!-- class="view_user"-->
<div v-for="(user, i) in userList" :key="i" >
<!-- <el-avatar :src="user.avatar"/>-->
<el-tag>{{ user.name }}</el-tag>
<!-- <el-tooltip effect="dark" :content="user.name" placement="bottom-start">-->
<!-- <span>{{ user.name }}</span>-->
<!-- </el-tooltip>-->
</div>
</div>
</template>
@@ -37,7 +40,8 @@
</template>
<script setup>
import UserPicker from "../../process/common/UserPicker.vue";
import UserPicker from "@/views/workflow/process/common/UserPicker.vue";
import RoleItems from "@/views/workflow/process/common/RoleItems.vue";
import {computed, defineProps} from "vue";
const emit = defineEmits(["input"])
const showPickerSelect = ref(false)