sky/starwork-uniapp
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 优化审批流程UI

Browse Source
This commit is contained in:
范鹏 2025-01-17 15:48:07 +08:00
parent 76d427f84c
commit 8bee2be96d
1 changed files with 53 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/pages/approval/components/ApprovalCreate.vue
View File

@ -24,7 +24,49 @@
class="h-10 w-10 rounded-2"
mode="aspectFill"
></image>
<view class="mx-2">xxx</view>
<view
class="w-10 text-center break-all overflow-hidden text-ellipsis line-clamp-1"
>
213321123321312213321123
</view>
</view>
</view>
</view>
</template>
</wd-step>
<wd-step>
<template v-slot:icon>
<view class="bg-#f0801e w-5 h-5 rounded-50% flex flex-items-center flex-justify-center">
<image src="/static/images/icon_approval.png" class="w-3 h-3"></image>
</view>
</template>
<template v-slot:title>
<view class="custom-color-black text-3.5">
<view class="flex-items-center flex">
<view>审批节点</view>
</view>
<view class="pt-2 color-#7e807f text-3">1人通过即可</view>
<view class="my-2 flex flex-wrap">
<view class="mb-2 w-fit mr-2">
<view
class="h-10 w-10 rounded-2 border-#255cf7 border-1 border-solid flex flex-items-center flex-justify-center box-border"
>
<wd-icon name="add" size="22px" color="#255cf7"></wd-icon>
</view>
</view>
<view v-for="item in 8" :key="item" class="mb-2 w-fit mr-2">
<view class="border-0">
<image
src="https://file.hikmall.com/prod/image/4921b7596d2344088f8611f503b011dc.png"
class="h-10 w-10 rounded-2"
mode="aspectFill"
></image>
<view
class="w-10 text-center break-all overflow-hidden text-ellipsis line-clamp-1"
>
xxx
</view>
</view>
</view>
</view>
</view>
@ -50,7 +92,11 @@
class="h-10 w-10 rounded-2"
mode="aspectFill"
></image>
<view class="mx-2">xxx</view>
<view
class="w-10 text-center break-all overflow-hidden text-ellipsis line-clamp-1"
>
xxx
</view>
</view>
</view>
</view>
@ -76,7 +122,11 @@
class="h-10 w-10 rounded-2"
mode="aspectFill"
></image>
<view class="mx-2">xxx</view>
<view
class="w-10 text-center break-all overflow-hidden text-ellipsis line-clamp-1"
>
xxx
</view>
</view>
</view>
</view>