linweidong
/
besure_app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style：设备模块-筛选框位置调整

Browse Source
master
黄伟杰 4 days ago
parent e2af9d1719
commit 61dbd60a35
4 changed files with 52 additions and 52 deletions
Show Stats Download Patch File Download Diff File

26
src/pages_function/pages/equipmentInspectionRecord/index.vue
Unescape Escape View File

@ -3,18 +3,6 @@
<NavBar :title="t('equipmentInspectionRecord.moduleName')" />
<view class="filter-bar">
<view class="filter-row quick-row">
<view class="line-filter" @click="openLineCascader">
<text :class="['line-filter-text', selectedLineId === '' ? 'placeholder' : '']">{{ selectedLineLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
<picker mode="selector" :range="jobStatusLabels" :value="jobStatusIndex" @change="onJobStatusChange">
<view class="status-filter">
<text :class="['status-filter-text', selectedJobStatus === '' ? 'placeholder' : '']">{{ currentJobStatusLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
</picker>
</view>
<view class="filter-row search-row">
<view class="keyword-wrap">
<input
@ -34,6 +22,18 @@
<uni-icons type="settings" size="24" color="#7b8491"></uni-icons>
</view>
</view>
<view class="filter-row quick-row">
<view class="line-filter" @click="openLineCascader">
<text :class="['line-filter-text', selectedLineId === '' ? 'placeholder' : '']">{{ selectedLineLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
<picker mode="selector" :range="jobStatusLabels" :value="jobStatusIndex" @change="onJobStatusChange">
<view class="status-filter">
<text :class="['status-filter-text', selectedJobStatus === '' ? 'placeholder' : '']">{{ currentJobStatusLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
</picker>
</view>
</view>
<scroll-view scroll-y class="list-scroll" :scroll-top="scrollTop" @scroll="onScroll" @scrolltolower="loadMore" :lower-threshold="80">
<view class="list-wrap">
@ -560,7 +560,7 @@ function formatDateTime(value) {
.page-container { min-height: 100vh; background: #f4f5f7; }
.filter-bar { padding: 18rpx 14rpx 20rpx; background: #f4f5f7; }
.filter-row { display: flex; align-items: center; gap: 18rpx; }
.search-row { margin-top: 18rpx; }
.quick-row { margin-top: 18rpx; }
.quick-row > picker { min-width: 0; flex: 1; }
.keyword-wrap,
.status-filter,

26
src/pages_function/pages/equipmentInspectionTasks/index.vue
Unescape Escape View File

@ -3,18 +3,6 @@
<NavBar :title="t('equipmentInspectionTasks.moduleName')" />
<view class="filter-bar">
<view class="filter-row quick-row">
<view class="line-filter" @click="openLineCascader">
<text :class="['line-filter-text', selectedLineId === '' ? 'placeholder' : '']">{{ selectedLineLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
<picker mode="selector" :range="taskTypeLabels" :value="taskTypeIndex" @change="onTaskTypeChange">
<view class="status-filter">
<text :class="['status-filter-text', selectedTaskType === '' ? 'placeholder' : '']">{{ currentTaskTypeLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
</picker>
</view>
<view class="filter-row search-row">
<view class="keyword-wrap">
<input
@ -34,6 +22,18 @@
<uni-icons type="settings" size="24" color="#7b8491"></uni-icons>
</view>
</view>
<view class="filter-row quick-row">
<view class="line-filter" @click="openLineCascader">
<text :class="['line-filter-text', selectedLineId === '' ? 'placeholder' : '']">{{ selectedLineLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
<picker mode="selector" :range="taskTypeLabels" :value="taskTypeIndex" @change="onTaskTypeChange">
<view class="status-filter">
<text :class="['status-filter-text', selectedTaskType === '' ? 'placeholder' : '']">{{ currentTaskTypeLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
</picker>
</view>
</view>
<scroll-view scroll-y class="list-scroll" :scroll-top="scrollTop" @scroll="onScroll" @scrolltolower="loadMore" :lower-threshold="80">
@ -613,7 +613,7 @@ function formatDate(value) {
.page-container { min-height: 100vh; background: #f4f5f7; }
.filter-bar { padding: 18rpx 14rpx 20rpx; background: #f4f5f7; }
.filter-row { display: flex; align-items: center; gap: 18rpx; }
.search-row { margin-top: 18rpx; }
.quick-row { margin-top: 18rpx; }
.quick-row > picker { min-width: 0; flex: 1; }
.keyword-wrap,
.status-filter,

26
src/pages_function/pages/equipmentLedger/index.vue
Unescape Escape View File

@ -3,6 +3,18 @@
<NavBar :title="t('equipmentLedger.moduleName')" />
<view class="filter-bar">
<view class="filter-row search-row">
<view class="keyword-wrap">
<input id="equipment-ledger-keyword-input" v-model="searchKeyword" class="keyword-input" type="text"
:placeholder="t('equipmentLedger.searchPlaceholder')" confirm-type="search" @confirm="handleSearch" />
</view>
<view class="icon-filter-btn" @click="resetFilters">
<uni-icons type="refresh" size="24" color="#7b8491"></uni-icons>
</view>
<view class="icon-filter-btn" @click="openFilterDrawer">
<uni-icons type="settings" size="24" color="#7b8491"></uni-icons>
</view>
</view>
<view class="filter-row quick-row">
<view class="line-filter" @click="openLineCascader">
<text :class="[
@ -21,18 +33,6 @@
</view>
</picker>
</view>
<view class="filter-row search-row">
<view class="keyword-wrap">
<input id="equipment-ledger-keyword-input" v-model="searchKeyword" class="keyword-input" type="text"
:placeholder="t('equipmentLedger.searchPlaceholder')" confirm-type="search" @confirm="handleSearch" />
</view>
<view class="icon-filter-btn" @click="resetFilters">
<uni-icons type="refresh" size="24" color="#7b8491"></uni-icons>
</view>
<view class="icon-filter-btn" @click="openFilterDrawer">
<uni-icons type="settings" size="24" color="#7b8491"></uni-icons>
</view>
</view>
</view>
<view class="list-scroll">
<view class="list-wrap">
@ -653,7 +653,7 @@ function formatDateValue(value) {
gap: 18rpx;
}
.search-row {
.quick-row {
margin-top: 18rpx;
}

26
src/pages_function/pages/equipmentMaintenance/index.vue
Unescape Escape View File

@ -3,18 +3,6 @@
<NavBar :title="t('equipmentMaintenance.moduleName')" />
<view class="filter-bar">
<view class="filter-row quick-row">
<view class="line-filter" @click="openLineCascader">
<text :class="['line-filter-text', selectedLineId === '' ? 'placeholder' : '']">{{ selectedLineLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
<picker :range="statusLabels" :value="statusPickerIndex" @change="onStatusFilterChange">
<view class="status-filter">
<text :class="['status-filter-text', selectedStatus === '' ? 'placeholder' : '']">{{ selectedStatusLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
</picker>
</view>
<view class="filter-row search-row">
<view class="keyword-wrap">
<input
@ -35,6 +23,18 @@
<uni-icons type="settings" size="24" color="#7b8491"></uni-icons>
</view>
</view>
<view class="filter-row quick-row">
<view class="line-filter" @click="openLineCascader">
<text :class="['line-filter-text', selectedLineId === '' ? 'placeholder' : '']">{{ selectedLineLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
<picker :range="statusLabels" :value="statusPickerIndex" @change="onStatusFilterChange">
<view class="status-filter">
<text :class="['status-filter-text', selectedStatus === '' ? 'placeholder' : '']">{{ selectedStatusLabel }}</text>
<uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
</view>
</picker>
</view>
</view>
<scroll-view
@ -671,7 +671,7 @@ function textValue(value) {
gap: 18rpx;
}
.search-row {
.quick-row {
margin-top: 18rpx;
}

Write Preview
Loading…
Cancel
Save