From e6d72c439e54ae561ab905a2bf92f3d6a2f01054 Mon Sep 17 00:00:00 2001
From: 周宾 <2802492122@qq.com>
Date: 星期一, 29 十二月 2025 11:07:48 +0800
Subject: [PATCH] 天津双奇点-仓储物流模块-自定义产品列表增加产品图片预览功能
---
src/pages/inventoryManagement/issueManagement/index.vue | 87 ++++++++++++++++++++++++++++++++++++++++---
1 files changed, 80 insertions(+), 7 deletions(-)
diff --git a/src/pages/inventoryManagement/issueManagement/index.vue b/src/pages/inventoryManagement/issueManagement/index.vue
index 73243c8..d64202d 100644
--- a/src/pages/inventoryManagement/issueManagement/index.vue
+++ b/src/pages/inventoryManagement/issueManagement/index.vue
@@ -1,13 +1,69 @@
<template>
- <view>
+ <view class="sales-account">
<PageHeader title="鍑哄簱绠＄悊" @back="goBack" />
+ <view class="search-section">
+ <view class="search-bar">
+ <view class="search-input">
+ <up-input class="search-text" placeholder="璇疯緭鍏ヤ骇鍝佸悕绉版悳绱�" v-model="productCategoryValue"
+ @change="reloadPage" clearable />
+ </view>
+ <view class="filter-button" @click="reloadPage">
+ <up-icon name="search" size="24" color="#999"></up-icon>
+ </view>
+ </view>
+ </view>
<view class="tabs">
<uni-segmented-control :current="tabCurrent" :values="tabItems" @clickItem="switchTab" />
</view>
<view v-if="contentList?.length !== 0" class="content">
<view v-if="tabCurrent === 0">
<block v-for="item in contentList" :key="item.id">
- <view class="item-box item-box0"></view>
+ <view class="item-box item-box0">
+ <view class="item">
+ <view class="label">鍏ュ簱鏃堕棿</view>
+ <view class="value">{{ item.inboundDate }}</view>
+ </view>
+ <view class="item">
+ <view class="label">浜у搧鍚嶇О</view>
+ <view class="value">{{ item.productCategory }}</view>
+ </view>
+ <view class="item">
+ <view class="label">浜у搧楂樺害</view>
+ <view class="value">{{ item.specificationModel }}{{ item.unit }}</view>
+ </view>
+ <view class="item">
+ <view class="label">鍏ュ簱鏁伴噺/浠�</view>
+ <view class="value">{{ item.inboundNum }}</view>
+ </view>
+ <view class="item">
+ <view class="label">搴撳瓨鏁伴噺/浠�</view>
+ <view class="value">{{ item.inboundNum0 }}</view>
+ </view>
+ <view class="item">
+ <view class="label">姣忎欢鏁伴噺/鏀�</view>
+ <view class="value">{{ item.boxNum }}</view>
+ </view>
+ <view class="item">
+ <view class="label">鍗曚环锛堝厓锛�/浠�</view>
+ <view class="value">{{ item.taxInclusiveUnitPrice }}</view>
+ </view>
+ <view class="item">
+ <view class="label">鍗曚环锛堢編鍏冿級/浠�</view>
+ <view class="value">{{ item.dollarPrice }}</view>
+ </view>
+ <view class="item">
+ <view class="label">绾哥瑙勬牸</view>
+ <view class="value">{{ item.cartonSpecifications }}cm</view>
+ </view>
+ <view class="item">
+ <view class="label">鍏ュ簱浜�</view>
+ <view class="value">{{ item.createBy }}</view>
+ </view>
+ <view class="item" style="justify-content: flex-end;">
+ <button class="mini-btn" type="primary" size="mini" style="margin-left: 0;margin-right: 0;"
+ @click="openForm(item, 'edit')">棰嗙敤</button>
+ </view>
+ </view>
</block>
<uni-load-more :status="loadMoreStatus"></uni-load-more>
</view>
@@ -17,7 +73,8 @@
<view class="item">
<view class="label">浜у搧鍥剧墖</view>
<view class="value">
- <image class="img" :src="baseUrl + item.url" mode="aspectFill鈥�" lazy-load></image>
+ <image class="img" :src="baseUrl + item.url" mode="aspectFill鈥�" lazy-load
+ @click="previewImg(baseUrl + item.url)"></image>
</view>
</view>
<view class="item">
@@ -45,8 +102,12 @@
<view class="value">{{ item.boxNum }}</view>
</view>
<view class="item">
- <view class="label">鍗曚环锛堝厓锛�/鏀�</view>
+ <view class="label">鍗曚环锛堝厓锛�/浠�</view>
<view class="value">{{ item.taxInclusiveUnitPrice }}</view>
+ </view>
+ <view class="item">
+ <view class="label">鍗曚环锛堢編鍏冿級/浠�</view>
+ <view class="value">{{ item.dollarPrice }}</view>
</view>
<view class="item">
<view class="label">绾哥瑙勬牸</view>
@@ -76,7 +137,8 @@
import { listPage, listPageByCustom } from '@/api/inventoryManagement/issueManagement.js'
import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
import config from '@/config'
-const baseUrl = config.baseUrl
+const productCategoryValue = ref('')
+const baseUrl = config.imgUrl
// tab鐩稿叧
const tabItems = reactive(['閲囪喘鍑哄簱', '鎴愬搧鍑哄簱'])
const tabCurrent = ref(0)
@@ -85,6 +147,7 @@
if (tabCurrent.value !== e.currentIndex) {
tabCurrent.value = e.currentIndex
}
+ productCategoryValue.value = ''
reloadPage()
}
@@ -140,7 +203,11 @@
getListApi = listPage
}
loading.value = true
- let resp = await getListApi(pageParams)
+ let params = pageParams
+ if (productCategoryValue.value) {
+ params.productCategory = productCategoryValue.value
+ }
+ let resp = await getListApi(params)
loading.value = false
if (resp.code != 200 || !resp.data) {
contentList.value = []
@@ -148,8 +215,12 @@
return
}
contentList.value = [...contentList.value, ...resp.data.records]
- console.log(resp.data.records)
totalSize.value = resp.data.total
+}
+const previewImg = (url) => {
+ uni.previewImage({
+ urls: [url]
+ })
}
onReachBottom(() => {
@@ -218,4 +289,6 @@
box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
z-index: 1000;
}
+
+@import '@/styles/sales-common.scss';
</style>
\ No newline at end of file
--
Gitblit v1.9.3