| | |
| | | <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> |
| | |
| | | <view class="item-box item-box0"> |
| | | <view class="item"> |
| | | <view class="label">入库时间</view> |
| | | <view class="value">{{ item.inboundDate }}</view> |
| | | <view class="value">{{ item.createTime }}</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;" |
| | | <button class="mini-btn" type="primary" size="mini" style="margin-left: 0;margin-right: 0;" :disabled="!item.inboundNum0" |
| | | @click="openForm(item, 'edit')">领用</button> |
| | | </view> |
| | | </view> |
| | |
| | | <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"> |
| | | <view class="label">入库时间</view> |
| | | <view class="value">{{ item.inboundDate }}</view> |
| | | <view class="value">{{ item.createTime }}</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;" |
| | | <button class="mini-btn" type="primary" size="mini" style="margin-left: 0;margin-right: 0;" :disabled="!item.inboundNum0" |
| | | @click="openForm(item, 'edit')">领用</button> |
| | | </view> |
| | | </view> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { ref, reactive, computed } from 'vue' |
| | | import { ref, reactive, computed, nextTick } from 'vue' |
| | | import { listPage, listPageByCustom } from '@/api/inventoryManagement/issueManagement.js' |
| | | import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app' |
| | | import config from '@/config' |
| | |
| | | pageParams.current += 1 |
| | | getList() |
| | | } |
| | | const reloadPage = () => { |
| | | const reloadPage = async() => { |
| | | await nextTick() |
| | | pageParams.current = 1 |
| | | contentList.value = [] |
| | | getList() |
| | |
| | | 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) |
| | |
| | | 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(() => { |
| | |
| | | box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3); |
| | | z-index: 1000; |
| | | } |
| | | |
| | | @import '@/styles/sales-common.scss'; |
| | | </style> |