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-20 10:07:36 +08:00
parent 3f47f8bffe
commit f854489e89
10 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -148,4 +148,8 @@
:deep(.wd-step__line) { :deep(.wd-step__line) {
background: #255cf7; background: #255cf7;
} }
:deep(.wd-step.is-vertical .wd-step__content) {
padding-bottom: 0;
}
</style> </style>

2
src/pages/approval/components/DatetimePicker.vue
View File

@ -17,7 +17,7 @@
<view v-if="required" class="color-#f62933 pos-absolute left--2 mt-1">*</view> <view v-if="required" class="color-#f62933 pos-absolute left--2 mt-1">*</view>
<view>{{ title }}</view> <view>{{ title }}</view>
</view> </view>
<view class="py-2" @click="openDialog"> <view class="pt-2" @click="openDialog">
<view class="flex flex-items-center flex-justify-between"> <view class="flex flex-items-center flex-justify-between">
<view :class="[text ? 'custom-color-black' : 'color-#bfbfbf']"> <view :class="[text ? 'custom-color-black' : 'color-#bfbfbf']">
{{ text || placeholder }} {{ text || placeholder }}

2
src/pages/approval/components/Description.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="px-2 text-3.5 pb-2"> <view class="px-2 text-3 pb-2">
<view class="break-all">{{ title }}</view> <view class="break-all">{{ title }}</view>
</view> </view>
</template> </template>

2
src/pages/approval/components/Form.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="pb-3 mb-2"> <view class="pb-3 mb-2">
<Visitor></Visitor> <Visitor></Visitor>
<view class="bg-white mx-4 p-2 rounded-2 shadow-sm"> <view class="bg-white mx-4 px-2 pt-3 pb-4 rounded-2 shadow-sm">
<Input <Input
:id="0" :id="0"
value="单行" value="单行"

4
src/pages/approval/components/Images.vue
View File

@ -58,4 +58,8 @@
:deep(.wd-upload__picture) { :deep(.wd-upload__picture) {
border-radius: 12rpx; border-radius: 12rpx;
} }
:deep(.wd-upload__evoke) {
margin-bottom: 0;
}
</style> </style>

1
src/pages/approval/components/Input.vue
View File

@ -104,6 +104,7 @@
} }
:deep(.wd-input__inner) { :deep(.wd-input__inner) {
height: var(--wot-input-inner-height, 24px);
font-size: 0.875rem; font-size: 0.875rem;
} }
</style> </style>

2
src/pages/approval/components/NavigatorSelector.vue
View File

@ -15,7 +15,7 @@
<view v-if="required" class="color-#f62933 pos-absolute left--2 mt-1">*</view> <view v-if="required" class="color-#f62933 pos-absolute left--2 mt-1">*</view>
<view>{{ title }}</view> <view>{{ title }}</view>
</view> </view>
<view class="py-2" @click="toSelect"> <view class="pt-2" @click="toSelect">
<view class="flex flex-items-center flex-justify-between"> <view class="flex flex-items-center flex-justify-between">
<view :class="[text ? 'custom-color-black' : 'color-#bfbfbf']"> <view :class="[text ? 'custom-color-black' : 'color-#bfbfbf']">
{{ text || placeholder }} {{ text || placeholder }}

2
src/pages/approval/components/SelectPicker.vue
View File

@ -92,7 +92,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
:deep(.wd-select-picker__cell) { :deep(.wd-select-picker__cell) {
padding: var(--wot-cell-wrapper-padding, 10px) 0; padding: 0;
background-color: transparent; background-color: transparent;
} }

2
src/pages/approval/components/VisitDuration.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="px-2 text-3.5"> <view class="px-2 text-3.5">
<view v-if="inline"> <view v-if="inline">
<view class="flex flex-items-center pos-relative pb-1.5" @click="toSelect"> <view class="flex flex-items-center pos-relative" @click="toSelect">
<view v-if="required" class="color-#f62933 pos-absolute left--2 mt-1">*</view> <view v-if="required" class="color-#f62933 pos-absolute left--2 mt-1">*</view>
<view>{{ title }}</view> <view>{{ title }}</view>
<view class="ml-a mr-2" :class="[text ? 'custom-color-black' : 'color-#bfbfbf']"> <view class="ml-a mr-2" :class="[text ? 'custom-color-black' : 'color-#bfbfbf']">

6
src/pages/approval/components/Visitor.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="bg-white mx-4 p-2 rounded-2 mb-2 shadow-sm"> <view class="bg-white mx-4 px-2 pb-3 pt-4.5 rounded-2 mb-2 shadow-sm">
<Input :id="0" title="访客姓名" :required="true" @change="inputChange" inline></Input> <Input :id="0" title="访客姓名" :required="true" @change="inputChange" inline></Input>
<wd-divider color="#bcbfbe"></wd-divider> <wd-divider color="#bcbfbe"></wd-divider>
<Input <Input
@ -16,10 +16,10 @@
<wd-divider color="#bcbfbe"></wd-divider> <wd-divider color="#bcbfbe"></wd-divider>
<NavigatorSelector :id="3" title="通行门禁点" type="accessControl" inline></NavigatorSelector> <NavigatorSelector :id="3" title="通行门禁点" type="accessControl" inline></NavigatorSelector>
</view> </view>
<view class="bg-white mx-4 p-2 rounded-2 mb-2 shadow-sm"> <view class="bg-white mx-4 px-2 py-3 rounded-2 mb-2 shadow-sm">
<Keyboard :id="4" title="车牌号码" type="car" :maxlength="8" inline></Keyboard> <Keyboard :id="4" title="车牌号码" type="car" :maxlength="8" inline></Keyboard>
</view> </view>
<view class="bg-white mx-4 p-2 rounded-2 mb-2 shadow-sm"> <view class="bg-white mx-4 px-2 pt-3 pb-2 rounded-2 mb-2 shadow-sm">
<DatetimePicker <DatetimePicker
:id="5" :id="5"
ref="startDatetimePicker" ref="startDatetimePicker"