|
|
|
|
@ -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; }
|
|
|
|
|
|