style:产品入库、产品出库、盘点状态筛选框调整

master
黄伟杰 4 days ago
parent 1b6301a01a
commit 9bc94b6816

@ -1400,6 +1400,7 @@ export default {
selectPalletTitle: 'Select Pallet',
createPalletTitle: 'New Pallet',
all: 'All',
inboundStatus: 'Inbound Status',
reset: 'Reset',
clear: 'Clear',
loading: 'Loading...',
@ -1637,6 +1638,7 @@ export default {
selectProductTitle: 'Select Product',
selectPalletTitle: 'Select Pallet',
all: 'All',
outboundStatus: 'Outbound Status',
reset: 'Reset',
clear: 'Clear',
loading: 'Loading...',

@ -1403,6 +1403,7 @@ export default {
selectPalletTitle: '选择托盘',
createPalletTitle: '新增托盘',
all: '全部',
inboundStatus: '入库状态',
reset: '重置',
clear: '清空',
loading: '加载中...',
@ -1640,6 +1641,7 @@ export default {
selectProductTitle: '选择产品',
selectPalletTitle: '选择托盘',
all: '全部',
outboundStatus: '出库状态',
reset: '重置',
clear: '清空',
loading: '加载中...',

@ -18,7 +18,7 @@
/>
</view>
<view class="status-box" @click="openStatusPicker">
<text class="status-box-text">{{ selectedStatusLabel || t('productCheck.all') }}</text>
<text class="status-box-text">{{ selectedStatusLabel || t('productCheck.checkStatus') }}</text>
<uni-icons type="bottom" size="14" color="#9ca3af" />
</view>
<view class="reset-filter-btn" @click="resetFilters">{{ t('productCheck.reset') }}</view>
@ -155,7 +155,6 @@ const selectedStatus = ref('')
const searchKeyword = ref('')
const statusPickerRef = ref(null)
const statusOptions = computed(() => [
{ label: t('productCheck.all'), value: '' },
{ label: t('productCheck.statusDraft'), value: '0' },
{ label: t('productCheck.statusAuditing'), value: '10' },
{ label: t('productCheck.statusApproved'), value: '20' },
@ -526,7 +525,7 @@ onUnload(() => clearSearchTimer())
<style lang="scss" scoped>
.page-container { min-height: 100vh; background: #f4f5f7; }
.filter-bar { display: grid; grid-template-columns: minmax(0, 1fr) 150rpx 96rpx; align-items: center; gap: 14rpx; padding: 18rpx 28rpx 20rpx; }
.filter-bar { display: grid; grid-template-columns: minmax(0, 1fr) 188rpx 96rpx; align-items: center; gap: 14rpx; padding: 18rpx 28rpx 20rpx; }
.keyword-box,
.status-box,
.reset-filter-btn { height: var(--app-form-control-height, 70rpx); background: #ffffff; border: 1rpx solid #d9dde5; box-sizing: border-box; display: flex; align-items: center; }
@ -535,7 +534,7 @@ onUnload(() => clearSearchTimer())
.status-box { justify-content: space-between; padding: 0 18rpx; }
.status-box-text,
.placeholder { font-size: 26rpx; }
.status-box-text { color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status-box-text { flex: 1; min-width: 0; color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reset-filter-btn { justify-content: center; font-size: 24rpx; color: #4b5563; }
.list-scroll { height: calc(100vh - 194rpx); }
.list-wrap { padding: 0 24rpx 60rpx; }

@ -18,7 +18,7 @@
/>
</view>
<view class="status-box" @click="openStatusPicker">
<text class="status-box-text">{{ selectedStatusLabel || t('productInbound.all') }}</text>
<text class="status-box-text">{{ selectedStatusLabel || t('productInbound.inboundStatus') }}</text>
<uni-icons type="bottom" size="14" color="#9ca3af" />
</view>
<view class="reset-filter-btn" @click="resetFilters">{{ t('productInbound.reset') }}</view>
@ -150,7 +150,6 @@ const selectedStatus = ref('')
const searchKeyword = ref('')
const statusPickerRef = ref(null)
const statusOptions = computed(() => [
{ label: t('productInbound.all'), value: '' },
{ label: t('productInbound.statusPending'), value: '0' },
{ label: t('productInbound.statusAuditing'), value: '10' },
{ label: t('productInbound.statusStored'), value: '20' }
@ -418,7 +417,7 @@ onUnload(() => clearSearchTimer())
<style lang="scss" scoped>
.page-container { min-height: 100vh; background: #f4f5f7; }
.filter-bar { display: grid; grid-template-columns: minmax(0, 1fr) 150rpx 96rpx; align-items: center; gap: 14rpx; padding: 18rpx 28rpx 20rpx; }
.filter-bar { display: grid; grid-template-columns: minmax(0, 1fr) 188rpx 96rpx; align-items: center; gap: 14rpx; padding: 18rpx 28rpx 20rpx; }
.keyword-box,
.status-box,
.reset-filter-btn { height: var(--app-form-control-height, 70rpx); background: #ffffff; border: 1rpx solid #d9dde5; box-sizing: border-box; display: flex; align-items: center; }
@ -427,7 +426,7 @@ onUnload(() => clearSearchTimer())
.status-box { justify-content: space-between; padding: 0 18rpx; }
.status-box-text,
.placeholder { font-size: 26rpx; }
.status-box-text { color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status-box-text { flex: 1; min-width: 0; color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reset-filter-btn { justify-content: center; font-size: 24rpx; color: #4b5563; }
.list-scroll { height: calc(100vh - 194rpx); }
.list-wrap { padding: 0 24rpx 60rpx; }

@ -18,7 +18,7 @@
/>
</view>
<view class="status-box" @click="openStatusPicker">
<text class="status-box-text">{{ selectedStatusLabel || t('productOutbound.all') }}</text>
<text class="status-box-text">{{ selectedStatusLabel || t('productOutbound.outboundStatus') }}</text>
<uni-icons type="bottom" size="14" color="#9ca3af" />
</view>
<view class="reset-filter-btn" @click="resetFilters">{{ t('productOutbound.reset') }}</view>
@ -150,7 +150,6 @@ const selectedStatus = ref('')
const searchKeyword = ref('')
const statusPickerRef = ref(null)
const statusOptions = computed(() => [
{ label: t('productOutbound.all'), value: '' },
{ label: t('productOutbound.statusPending'), value: '0' },
{ label: t('productOutbound.statusAuditing'), value: '10' },
{ label: t('productOutbound.statusStored'), value: '20' },
@ -420,7 +419,7 @@ onUnload(() => clearSearchTimer())
<style lang="scss" scoped>
.page-container { min-height: 100vh; background: #f4f5f7; }
.filter-bar { display: grid; grid-template-columns: minmax(0, 1fr) 150rpx 96rpx; align-items: center; gap: 14rpx; padding: 18rpx 28rpx 20rpx; }
.filter-bar { display: grid; grid-template-columns: minmax(0, 1fr) 188rpx 96rpx; align-items: center; gap: 14rpx; padding: 18rpx 28rpx 20rpx; }
.keyword-box,
.status-box,
.reset-filter-btn { height: var(--app-form-control-height, 70rpx); background: #ffffff; border: 1rpx solid #d9dde5; box-sizing: border-box; display: flex; align-items: center; }
@ -429,7 +428,7 @@ onUnload(() => clearSearchTimer())
.status-box { justify-content: space-between; padding: 0 18rpx; }
.status-box-text,
.placeholder { font-size: 26rpx; }
.status-box-text { color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status-box-text { flex: 1; min-width: 0; color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reset-filter-btn { justify-content: center; font-size: 24rpx; color: #4b5563; }
.list-scroll { height: calc(100vh - 194rpx); }
.list-wrap { padding: 0 24rpx 60rpx; }

Loading…
Cancel
Save