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

build : 流程演示

Browse Source
This commit is contained in:
clay
2024-05-12 14:23:34 +08:00
parent 72210306b6
commit 416fa2ed53
6 changed files with 45 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/workflow/process/common/AvatarEllipsis.vue
View File

@@ -38,6 +38,10 @@ const props = defineProps({
userInfo: {
type: Array,
default: []
},
mode: {
type: String,
default: 'design'
}
})

22
src/views/workflow/process/nodes/Node.vue
View File

@@ -17,24 +17,28 @@
</el-icon>
<template v-if="selectUser.show && mode === 'view'">
<div class="avatar_button">
<avatar-ellipsis :row="3" v-if="userInfo.length > 0" :user-info="userInfo"/>
<avatar-ellipsis :row="3" v-if="userInfo.length > 0" :mode="mode" :user-info="userInfo"/>
<el-button type="primary" :icon="Plus" circle/>
</div>
</template>
<template v-else-if="showAvatar">
<span class="placeholder" v-if="userInfo.length === 0">{{ placeholder }}</span>
<div v-else v-for="item in userInfo" class="circle-user">
<span>{{ item.name }}</span>
<el-button v-if="item.state==='RUNNING'" type="warning" loading circle class="circle-icon"></el-button>
<el-button v-else-if="item.state==='UNACTIVATED'" type="info" :icon="More" circle
class="circle-icon"></el-button>
<el-button v-else type="success" :icon="Check" circle class="circle-icon"></el-button>
</div>
<avatar-ellipsis :row="3" v-if="userInfo.length > 0" :mode="mode" :user-info="userInfo"/>
<!-- <div v-else v-for="item in userInfo" class="circle-user">-->
<!-- <span>{{ item.name }}</span>-->
<!-- <el-button v-if="item.state==='RUNNING'" type="warning" loading circle class="circle-icon"></el-button>-->
<!-- <el-button v-else-if="item.state==='UNACTIVATED'" type="info" :icon="More" circle-->
<!-- class="circle-icon"></el-button>-->
<!-- <el-button v-else type="success" :icon="Check" circle class="circle-icon"></el-button>-->
<!-- </div>-->
<!-- <avatar-ellipsis :row="3" :user-info="userInfo"/>-->
</template>
<template v-else>
<span class="placeholder" v-if="(content || '').trim() === ''">{{ placeholder }}</span>
<ellipsis :row="3" :content="content" v-else/>
<ellipsis :row="3" :content="content" :mode="mode" v-else/>
</template>
</div>
<div class="node-error" v-if="showError">