mkm/engineering_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
d111
View File

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

30
src/views/oa_Initiate/index.vue
View File

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