天津双奇点-仓储物流-修正搜索

周宾

8 小时以前 a83420e3b5f33e983000617dc8e638602608e2b7

 src/pages/inventoryManagement/dispatchLog/index.vue

@@ -4,13 +4,7 @@
      <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" clearable @change="reloadPage" />
            </view>
            <view class="filter-button" @click="reloadPage">
               <up-icon name="search" size="24" color="#999"></up-icon>
@@ -58,7 +52,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 +65,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 +102,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>
@@ -120,8 +117,8 @@
</template>

<script setup>
import { ref, reactive, computed } from 'vue'
import { listPage, listPageByCustom,stockmanagementDel } from '@/api/inventoryManagement/dispatchLog.js'
import { ref, reactive, computed, nextTick } from 'vue'
import { listPage, listPageByCustom, stockmanagementDel } from '@/api/inventoryManagement/dispatchLog.js'
import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
import config from '@/config'
const productCategoryValue = ref('')
@@ -137,12 +134,15 @@
   productCategoryValue.value = ''
   reloadPage()
}

// 返回上一页
const goBack = () => {
   uni.navigateBack()
}

const previewImg = (url) => {
   uni.previewImage({
      urls: [url]
   })
}
// 分页相关
const pageParams = reactive({
   size: 10,
@@ -170,12 +170,13 @@
   pageParams.current += 1
   getList()
}
const reloadPage = () => {
const reloadPage = async() => {
   await nextTick()
   pageParams.current = 1
   contentList.value = []
   getList()
}
const deleteGoods = async (goods) => { 
const deleteGoods = async (goods) => {
   uni.showModal({
      title: '提示',
      content: '确定要删除该商品的出库台账吗？',
@@ -184,7 +185,7 @@
            uni.showLoading({
               title: '删除中...'
            })
            let params = {ids:[goods.id]}
            let params = { ids: [goods.id] }
            stockmanagementDel(params).then(res => {
               uni.hideLoading()
               reloadPage()
@@ -201,8 +202,8 @@
      getListApi = listPage
   }
   loading.value = true
   let params = pageParams
   if(productCategoryValue.value){
   let params = {...pageParams}
   if (productCategoryValue.value) {
      params.productCategory = productCategoryValue.value
   }
   let resp = await getListApi(params)
@@ -242,7 +243,8 @@
   color: #999;
   font-size: 14px;
}
.item-box{

.item-box {
   box-sizing: border-box;
   margin: 20rpx;
   padding: 20rpx;
@@ -266,6 +268,7 @@
      }
   }
}

// 浮动按钮样式
.fab-button {
   position: fixed;
@@ -281,5 +284,6 @@
   box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
   z-index: 1000;
}

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