天津双奇点-仓储物流模块-自定义产品列表增加产品图片预览功能

周宾

19 小时以前 e6d72c439e54ae561ab905a2bf92f3d6a2f01054

 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></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('')
@@ -205,6 +201,12 @@
   contentList.value = []
   getList()
}

const previewImg = (url) => {
   uni.previewImage({
      urls: [url]
   })
}
const deleteGoods = async (goods) => {
   uni.showModal({
      title: '提示',
@@ -216,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]
            }
@@ -235,6 +237,7 @@
      }
   })
}

const getList = async () => {
   let getListApi = null
   if (tabCurrent.value == 1) {
@@ -244,7 +247,7 @@
   }
   loading.value = true
   let params = pageParams
   if(productCategoryValue.value){
   if (productCategoryValue.value) {
      params.productCategory = productCategoryValue.value
   }
   let resp = await getListApi(params)
@@ -325,5 +328,6 @@
   box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
   z-index: 1000;
}

@import '@/styles/sales-common.scss';
</style>