周宾
14 小时以前 e6d72c439e54ae561ab905a2bf92f3d6a2f01054
天津双奇点-仓储物流模块-自定义产品列表增加产品图片预览功能
已修改4个文件
103 ■■■■ 文件已修改
src/pages/inventoryManagement/dispatchLog/index.vue 37 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/pages/inventoryManagement/issueManagement/index.vue 21 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/pages/inventoryManagement/receiptManagement/index.vue 25 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/pages/inventoryManagement/stockManagement/index.vue 20 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/pages/inventoryManagement/dispatchLog/index.vue
@@ -4,13 +4,8 @@
        <view class="search-section">
            <view class="search-bar">
                <view class="search-input">
                    <up-input
                        class="search-text"
                        placeholder="请输入产品名称搜索"
                        v-model="productCategoryValue"
                        @change="reloadPage"
                        clearable
                    />
                    <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>
@@ -58,7 +53,8 @@
                            <view class="value">{{ item.createBy }}</view>
                        </view>
                        <view class="item" style="justify-content: flex-end;">
                            <button class="mini-btn" type="warn" size="mini" style="margin-left: 0;margin-right: 0;" @click="deleteGoods(item)">删除</button>
                            <button class="mini-btn" type="warn" size="mini" style="margin-left: 0;margin-right: 0;"
                                @click="deleteGoods(item)">删除</button>
                        </view>
                    </view>
                </block>
@@ -70,7 +66,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">
@@ -106,7 +103,8 @@
                            <view class="value">{{ item.createBy }}</view>
                        </view>
                        <view class="item" style="justify-content: flex-end;">
                            <button class="mini-btn" type="warn" size="mini" style="margin-left: 0;margin-right: 0;" @click="deleteGoods(item)">删除</button>
                            <button class="mini-btn" type="warn" size="mini" style="margin-left: 0;margin-right: 0;"
                                @click="deleteGoods(item)">删除</button>
                        </view>
                    </view>
                </block>
@@ -121,7 +119,7 @@
<script setup>
import { ref, reactive, computed } from 'vue'
import { listPage, listPageByCustom,stockmanagementDel } from '@/api/inventoryManagement/dispatchLog.js'
import { listPage, listPageByCustom, stockmanagementDel } from '@/api/inventoryManagement/dispatchLog.js'
import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
import config from '@/config'
const productCategoryValue = ref('')
@@ -142,7 +140,11 @@
const goBack = () => {
    uni.navigateBack()
}
const previewImg = (url) => {
    uni.previewImage({
        urls: [url]
    })
}
// 分页相关
const pageParams = reactive({
    size: 10,
@@ -175,7 +177,7 @@
    contentList.value = []
    getList()
}
const deleteGoods = async (goods) => {
const deleteGoods = async (goods) => {
    uni.showModal({
        title: '提示',
        content: '确定要删除该商品的出库台账吗?',
@@ -184,7 +186,7 @@
                uni.showLoading({
                    title: '删除中...'
                })
                let params = {ids:[goods.id]}
                let params = { ids: [goods.id] }
                stockmanagementDel(params).then(res => {
                    uni.hideLoading()
                    reloadPage()
@@ -202,7 +204,7 @@
    }
    loading.value = true
    let params = pageParams
    if(productCategoryValue.value){
    if (productCategoryValue.value) {
        params.productCategory = productCategoryValue.value
    }
    let resp = await getListApi(params)
@@ -242,7 +244,8 @@
    color: #999;
    font-size: 14px;
}
.item-box{
.item-box {
    box-sizing: border-box;
    margin: 20rpx;
    padding: 20rpx;
@@ -266,6 +269,7 @@
        }
    }
}
// 浮动按钮样式
.fab-button {
    position: fixed;
@@ -281,5 +285,6 @@
    box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
    z-index: 1000;
}
@import '@/styles/sales-common.scss';
</style>
src/pages/inventoryManagement/issueManagement/index.vue
@@ -4,13 +4,8 @@
        <view class="search-section">
            <view class="search-bar">
                <view class="search-input">
                    <up-input
                        class="search-text"
                        placeholder="请输入产品名称搜索"
                        v-model="productCategoryValue"
                        @change="reloadPage"
                        clearable
                    />
                    <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>
@@ -78,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">
@@ -208,7 +204,7 @@
    }
    loading.value = true
    let params = pageParams
    if(productCategoryValue.value){
    if (productCategoryValue.value) {
        params.productCategory = productCategoryValue.value
    }
    let resp = await getListApi(params)
@@ -219,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(() => {
@@ -289,5 +289,6 @@
    box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
    z-index: 1000;
}
@import '@/styles/sales-common.scss';
</style>
src/pages/inventoryManagement/receiptManagement/index.vue
@@ -4,13 +4,8 @@
        <view class="search-section">
            <view class="search-bar">
                <view class="search-input">
                    <up-input
                        class="search-text"
                        placeholder="请输入产品名称搜索"
                        v-model="productCategoryValue"
                        @change="reloadPage"
                        clearable
                    />
                    <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>
@@ -77,7 +72,8 @@
                        <view class="item">
                            <view class="label">产品图片</view>
                            <view class="value">
                                <image class="img" :src="baseUrl + item.url" mode="aspectFill‌" lazy-load @click="previewImg(baseUrl + item.url)"></image>
                                <image class="img" :src="baseUrl + item.url" mode="aspectFill‌" lazy-load
                                    @click="previewImg(baseUrl + item.url)"></image>
                            </view>
                        </view>
                        <view class="item">
@@ -138,7 +134,7 @@
<script setup>
import { ref, reactive, computed } from 'vue'
import { listPage, listPageByCustom, deleteCustom,stockinDel } from '@/api/inventoryManagement/receiptManagement.js'
import { listPage, listPageByCustom, deleteCustom, stockinDel } from '@/api/inventoryManagement/receiptManagement.js'
import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
import config from '@/config'
const productCategoryValue = ref('')
@@ -206,7 +202,7 @@
    getList()
}
const previewImg = (url)=>{
const previewImg = (url) => {
    uni.previewImage({
        urls: [url]
    })
@@ -222,13 +218,13 @@
                })
                let params = {}
                let deleteApi = ''
                if(tabCurrent.value == 0){
                if (tabCurrent.value == 0) {
                    deleteApi = stockinDel
                    params = {
                        ids:[goods.id],
                        ids: [goods.id],
                        type: 1
                    }
                }else{
                } else {
                    deleteApi = deleteCustom
                    params = [goods.id]
                }
@@ -251,7 +247,7 @@
    }
    loading.value = true
    let params = pageParams
    if(productCategoryValue.value){
    if (productCategoryValue.value) {
        params.productCategory = productCategoryValue.value
    }
    let resp = await getListApi(params)
@@ -332,5 +328,6 @@
    box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
    z-index: 1000;
}
@import '@/styles/sales-common.scss';
</style>
src/pages/inventoryManagement/stockManagement/index.vue
@@ -4,13 +4,8 @@
        <view class="search-section">
            <view class="search-bar">
                <view class="search-input">
                    <up-input
                        class="search-text"
                        placeholder="请输入产品名称搜索"
                        v-model="productCategoryValue"
                        @change="reloadPage"
                        clearable
                    />
                    <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>
@@ -74,7 +69,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">
@@ -151,6 +147,11 @@
const goBack = () => {
    uni.navigateBack()
}
const previewImg = (url) => {
    uni.previewImage({
        urls: [url]
    })
}
// 打开编辑/新增
const openForm = (goods, type) => {
@@ -200,7 +201,7 @@
    }
    loading.value = true
    let params = pageParams
    if(productCategoryValue.value){
    if (productCategoryValue.value) {
        params.productCategory = productCategoryValue.value
    }
    let resp = await getListApi(params)
@@ -281,5 +282,6 @@
    box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
    z-index: 1000;
}
@import '@/styles/sales-common.scss';
</style>