更新审批流程显示方式及多个视图页面,优化了审批体验。

This commit is contained in:
zmj 2024-05-30 09:21:09 +08:00
parent ad04087cc1
commit 307cfcb79b
2 changed files with 16 additions and 19 deletions

5
d111
View File

@ -1,5 +0,0 @@
* main
remotes/origin/HEAD -> origin/main
remotes/origin/dev
remotes/origin/main
remotes/origin/zhangwei

View File

@ -1,6 +1,6 @@
<template>
<div class="flex content">
<el-card style="flex:2" class="mr-5 left">
<el-card style="flex:1" class="mr-5 left">
<template #header>
审批新申请
</template>
@ -8,15 +8,13 @@
{{ item.name }}
<div class="tit-content">
<div v-for="(e, i) in item.children" :key="i" class="tit-li" @click="handleEdit(e.id, e.title)">
<!-- <el-icon :size="30">
<Share />
</el-icon> -->
<p> {{ e.title }}</p>
<icon :name="e.icon" color="#FF8F4A" :size="20" />
<p class="mt-2"> {{ e.title }}</p>
</div>
</div>
</div>
</el-card>
<el-card style="flex:8">
<el-card style="flex:5">
<template #header>
审批列表
</template>
@ -171,22 +169,26 @@ getTypeList()
.tit-content {
display: flex;
// justify-content: space-between;
flex-wrap: wrap;
justify-content: space-between;
.tit-li {
// min-width: 60px;
// padding: 0 5px;
width: 60px;
background: #FF8F4A;
color: white;
width: 100px;
text-align: center;
height: 60px;
line-height: 60px;
height: 100px;
cursor: pointer;
margin-bottom: 5px;
margin-right: 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.tit-li:hover {
background-color: #FFF4ED;
}
}