feat:index.scss 增加 .yd-search-form 全局样式,并更新相应的 search-form.vue 们

This commit is contained in:
YunaiV
2025-12-19 20:07:06 +08:00
parent 40d4f7d05e
commit 56f967607b
15 changed files with 240 additions and 217 deletions

View File

@@ -11,16 +11,16 @@
<wd-popup
v-model="visible"
position="top"
custom-style="border-radius: 0 0 24rpx 24rpx;"
custom-style="border-radius: var(--yd-search-form-popup-radius);"
safe-area-inset-top
@close="visible = false"
>
<view class="p-32rpx">
<view class="mb-24rpx text-32rpx text-[#333] font-semibold">
<view class="yd-search-form-container">
<view class="yd-search-form-title">
搜索部门
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
部门名称
</view>
<wd-input
@@ -29,8 +29,8 @@
clearable
/>
</view>
<view class="mb-32rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
状态
</view>
<wd-radio-group v-model="formData.status" shape="button">
@@ -46,7 +46,7 @@
</wd-radio>
</wd-radio-group>
</view>
<view class="w-full flex justify-center gap-24rpx">
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">
重置
</wd-button>

View File

@@ -11,16 +11,16 @@
<wd-popup
v-model="visible"
position="top"
custom-style="border-radius: 0 0 24rpx 24rpx;"
custom-style="border-radius: var(--yd-search-form-popup-radius);"
safe-area-inset-top
@close="visible = false"
>
<view class="p-32rpx">
<view class="mb-24rpx text-32rpx text-[#333] font-semibold">
<view class="yd-search-form-container">
<view class="yd-search-form-title">
搜索菜单
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
菜单名称
</view>
<wd-input
@@ -29,8 +29,8 @@
clearable
/>
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
菜单状态
</view>
<wd-radio-group v-model="formData.status" shape="button">
@@ -39,7 +39,7 @@
</wd-radio>
</wd-radio-group>
</view>
<view class="w-full flex justify-center gap-24rpx">
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">
重置
</wd-button>

View File

@@ -11,16 +11,16 @@
<wd-popup
v-model="visible"
position="top"
custom-style="border-radius: 0 0 24rpx 24rpx;"
custom-style="border-radius: var(--yd-search-form-popup-radius);"
safe-area-inset-top
@close="visible = false"
>
<view class="p-32rpx">
<view class="mb-24rpx text-32rpx text-[#333] font-semibold">
<view class="yd-search-form-container">
<view class="yd-search-form-title">
搜索通知公告
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
公告标题
</view>
<wd-input
@@ -29,8 +29,8 @@
clearable
/>
</view>
<view class="mb-32rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
公告状态
</view>
<wd-radio-group v-model="formData.status" shape="button">
@@ -46,7 +46,7 @@
</wd-radio>
</wd-radio-group>
</view>
<view class="w-full flex justify-center gap-24rpx">
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">
重置
</wd-button>

View File

@@ -11,16 +11,16 @@
<wd-popup
v-model="visible"
position="top"
custom-style="border-radius: 0 0 24rpx 24rpx;"
custom-style="border-radius: var(--yd-search-form-popup-radius);"
safe-area-inset-top
@close="visible = false"
>
<view class="p-32rpx">
<view class="mb-24rpx text-32rpx text-[#333] font-semibold">
<view class="yd-search-form-container">
<view class="yd-search-form-title">
搜索操作日志
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
操作人
</view>
<UserPicker
@@ -30,8 +30,8 @@
placeholder="请选择操作人员"
/>
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
操作模块
</view>
<wd-input
@@ -40,8 +40,8 @@
clearable
/>
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
操作名
</view>
<wd-input
@@ -50,8 +50,8 @@
clearable
/>
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
操作内容
</view>
<wd-input
@@ -60,23 +60,19 @@
clearable
/>
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
操作时间
</view>
<view class="flex items-center gap-16rpx">
<view class="yd-search-form-date-range-container">
<view class="flex-1" @click="visibleCreateTime[0] = true">
<view
class="h-72rpx flex items-center justify-center rounded-8rpx bg-[#f5f5f5] px-24rpx text-28rpx"
>
<view class="yd-search-form-date-range-picker">
{{ formatDate(formData.createTime?.[0]) || '开始日期' }}
</view>
</view>
<text class="text-28rpx text-[#999]"></text>
-
<view class="flex-1" @click="visibleCreateTime[1] = true">
<view
class="h-72rpx flex items-center justify-center rounded-8rpx bg-[#f5f5f5] px-24rpx text-28rpx"
>
<view class="yd-search-form-date-range-picker">
{{ formatDate(formData.createTime?.[1]) || '结束日期' }}
</view>
</view>
@@ -87,7 +83,7 @@
type="date"
:columns-height="200"
/>
<view v-if="visibleCreateTime[0]" class="mt-16rpx flex justify-end gap-16rpx">
<view v-if="visibleCreateTime[0]" class="yd-search-form-date-range-actions">
<wd-button size="small" plain @click="handleCreateTime0Cancel">
取消
</wd-button>
@@ -101,7 +97,7 @@
type="date"
:columns-height="200"
/>
<view v-if="visibleCreateTime[1]" class="mt-16rpx flex justify-end gap-16rpx">
<view v-if="visibleCreateTime[1]" class="yd-search-form-date-range-actions">
<wd-button size="small" plain @click="handleCreateTime1Cancel">
取消
</wd-button>
@@ -110,8 +106,8 @@
</wd-button>
</view>
</view>
<view class="mb-32rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
业务编号
</view>
<wd-input
@@ -120,7 +116,7 @@
clearable
/>
</view>
<view class="w-full flex justify-center gap-24rpx">
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">
重置
</wd-button>
@@ -224,6 +220,4 @@ function handleReset() {
visible.value = false
emit('reset')
}
</script>

View File

@@ -11,16 +11,16 @@
<wd-popup
v-model="visible"
position="top"
custom-style="border-radius: 0 0 24rpx 24rpx;"
custom-style="border-radius: var(--yd-search-form-popup-radius);"
safe-area-inset-top
@close="visible = false"
>
<view class="p-32rpx">
<view class="mb-24rpx text-32rpx text-[#333] font-semibold">
<view class="yd-search-form-container">
<view class="yd-search-form-title">
搜索岗位
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
岗位名称
</view>
<wd-input
@@ -29,8 +29,8 @@
clearable
/>
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
岗位编码
</view>
<wd-input
@@ -39,8 +39,8 @@
clearable
/>
</view>
<view class="mb-32rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
状态
</view>
<wd-radio-group v-model="formData.status" shape="button">
@@ -56,7 +56,7 @@
</wd-radio>
</wd-radio-group>
</view>
<view class="w-full flex justify-center gap-24rpx">
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">
重置
</wd-button>

View File

@@ -11,16 +11,16 @@
<wd-popup
v-model="visible"
position="top"
custom-style="border-radius: 0 0 24rpx 24rpx;"
custom-style="border-radius: var(--yd-search-form-popup-radius);"
safe-area-inset-top
@close="visible = false"
>
<view class="p-32rpx">
<view class="mb-24rpx text-32rpx text-[#333] font-semibold">
<view class="yd-search-form-container">
<view class="yd-search-form-title">
搜索角色
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
角色名称
</view>
<wd-input
@@ -29,8 +29,8 @@
clearable
/>
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
角色标识
</view>
<wd-input
@@ -39,8 +39,8 @@
clearable
/>
</view>
<view class="mb-32rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
状态
</view>
<wd-radio-group v-model="formData.status" shape="button">
@@ -56,7 +56,7 @@
</wd-radio>
</wd-radio-group>
</view>
<view class="w-full flex justify-center gap-24rpx">
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">
重置
</wd-button>

View File

@@ -11,16 +11,16 @@
<wd-popup
v-model="visible"
position="top"
custom-style="border-radius: 0 0 24rpx 24rpx;"
custom-style="border-radius: var(--yd-search-form-popup-radius);"
safe-area-inset-top
@close="visible = false"
>
<view class="p-32rpx">
<view class="mb-24rpx text-32rpx text-[#333] font-semibold">
<view class="yd-search-form-container">
<view class="yd-search-form-title">
搜索用户
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
用户名称
</view>
<wd-input
@@ -29,8 +29,8 @@
clearable
/>
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-28rpx text-[#666]">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
用户昵称
</view>
<wd-input
@@ -39,7 +39,7 @@
clearable
/>
</view>
<view class="w-full flex justify-center gap-24rpx">
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">
重置
</wd-button>