weipengfei
/
purchase-let
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

采购列表添加分页

This commit is contained in:
lewis 2025-02-10 11:09:30 +08:00
parent c3562058cd
commit 78ac2275f0
1 changed files with 91 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

159
pageQuota/purchase_product_offer/index.vue
View File

@ -4,53 +4,51 @@
<view class="content"> <view class="content">
<up-transition :show="true" mode="slide-left"> <up-transition :show="true" mode="slide-left">
<view v-if="goodsList1.length>0"> <view v-if="goodsList1.length>0">
<view class="card" v-for="(item,index) in goodsList1" :key='index'> <up-list @scrolltolower="getGoodsList">
<view class="head"> <up-list-item v-for="(item, index) in goodsList1" :key="index">
<!-- <text> {{orer_sn}}</text> --> <view class="card">
<!-- <text style="color: #989898;">{{time}}</text> --> <view class="card-content">
</view> <view class="card-content-l" style="width: 152rpx;height: 152rpx;">
<view class="card-content"> <image style="width: 152rpx;height: 152rpx;" :src="item.image" mode=""></image>
<view class="card-content-l" style="width: 152rpx;height: 152rpx;">
<image style="width: 152rpx;height: 152rpx;" :src="item.image" mode=""></image>
</view>
<view class="card-content-r">
<view class="title ellipsis">
编号:{{item.order_id}}|{{item.store_name}}
</view>
<view>
单位:{{item.unit_name}}
</view>
<view>
规格:{{item.store_info}}
</view>
<view style="color: red;">
需求量： {{item.need_num}}
</view>
<view>
<view class="">
采购备注：
</view> </view>
<view v-for="value in item.source_order_info" style="display: flex;"> <view class="card-content-r">
<view class="title ellipsis">
编号:{{item.order_id}}|{{item.store_name}}
</view>
<view> <view>
数量：{{value.need_num}} 单位:{{item.unit_name}}
</view> </view>
<view style="margin-left: 8rpx;"> <view>
备注：{{value.mark}} 规格:{{item.store_info}}
</view>
<view style="color: red;">
需求量： {{item.need_num}}
</view>
<view>
<view class="">
采购备注：
</view>
<view v-for="value in item.source_order_info" style="display: flex;">
<view>
数量：{{value.need_num}}
</view>
<view style="margin-left: 8rpx;">
备注：{{value.mark}}
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="card-footer">
<up-button size="small" type="primary" shape="circle" @click="cancleOrder(item)"
v-if="item.buyer_confirm==0">确认已采购</up-button>
<up-button size="small" type="success" shape="circle" v-else
@click="cancleOrder(item)">修改采购信息</up-button>
</view>
<up-line style="margin-top: 30rpx;" color="#F3F3F3"></up-line>
</view> </view>
</up-list-item>
</view> </up-list>
<view class="card-footer">
<up-button size="small" type="primary" shape="circle" @click="cancleOrder(item)"
v-if="item.buyer_confirm==0">确认已采购</up-button>
<up-button size="small" type="success" shape="circle" v-else @click="cancleOrder(item)"
>修改采购信息</up-button>
</view>
<up-line style="margin-top: 30rpx;" color="#F3F3F3"></up-line>
</view>
</view> </view>
<up-empty @click='test2' v-else mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png"> <up-empty @click='test2' v-else mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</up-empty> </up-empty>
@ -58,29 +56,25 @@
<up-modal :show="show" title="采购确认" showCancelButton @cancel="show=false" @confirm="offerUpdate()"> <up-modal :show="show" title="采购确认" showCancelButton @cancel="show=false" @confirm="offerUpdate()">
<up-form labelPosition="left"> <up-form labelPosition="left">
<up-form-item label="供应商" labelWidth='auto'> <up-form-item label="供应商" labelWidth='auto'>
<!-- <up-input @click="showSupplier = true"> <!-- <up-input @click="showSupplier = true">
<template #suffix> <template #suffix>
<span>{{supplierText}}</span> <span>{{supplierText}}</span>
</template> </template>
</up-input> --> </up-input> -->
<next-search-select <next-search-select :multiple="false" :list="supplierList" label-key="mer_name" value-key="id"
:multiple="false" placeholder=" 请选择供应商" title="选择供应商" v-model:value="formData.supplier_id"
:list="supplierList" @change="changeCallback" @search="getSupplierList" clearable></next-search-select>
label-key="mer_name"
value-key="id"
placeholder=" 请选择供应商"
title="选择供应商"
v-model:value="formData.supplier_id"
@change="changeCallback"
@search="getSupplierList"
clearable
></next-search-select>
</up-form-item> </up-form-item>
<up-form-item label="名称"> <up-form-item label="名称">
<up-input v-model="formData.store_name" border="none" disabled=""></up-input> <up-input v-model="formData.store_name" border="none" disabled=""></up-input>
</up-form-item> </up-form-item>
<up-form-item label="数量"> <up-form-item label="需求数量">
<up-input v-model="formData.buyer_nums" @change='changeInputPrice' readonly> <template #suffix> <up-input v-model="formData.need_num" disabled> <template #suffix>
<span>{{formData.unit_name}}</span>
</template></up-input>
</up-form-item>
<up-form-item label="采购数量">
<up-input v-model="formData.buyer_nums" @change='changeInputPrice'> <template #suffix>
<span>{{formData.unit_name}}</span> <span>{{formData.unit_name}}</span>
</template></up-input> </template></up-input>
</up-form-item> </up-form-item>
@ -147,7 +141,8 @@
supplier_id: '', supplier_id: '',
purchase: '', purchase: '',
total_price: '', total_price: '',
buyer_nums: 0, buyer_nums: '',
need_num: 0,
package: '', package: '',
store_info: '', store_info: '',
marques: '', marques: '',
@ -156,8 +151,14 @@
source_order_info: [] source_order_info: []
}) })
// tabsindex // tabsindex
const radiolist1=ref([{name:'赊账', value: 1},{name:'现金', value: 2}]) const radiolist1 = ref([{
const radio_value=ref('赊账') name: '赊账',
value: 1
}, {
name: '现金',
value: 2
}])
const radio_value = ref('赊账')
const tabIndex = ref(1) const tabIndex = ref(1)
const { const {
windowWidth windowWidth
@ -176,20 +177,37 @@
const goodsList = ref([]) const goodsList = ref([])
const goodsList1 = ref([]) const goodsList1 = ref([])
const where = ref({ const where = ref({
buyer_confirm: 0 buyer_confirm: 0,
page_no: 0,
page_size: 15
}) })
const loadEnd = ref(false)
const getGoodsList = async () => { const getGoodsList = async () => {
if (loadEnd.value) {
return
}
where.value.page_no++
let res = await purchaseProductOfferLists(where.value) let res = await purchaseProductOfferLists(where.value)
goodsList1.value = res.data.lists if (where.value.page_no == 1) {
goodsList1.value = res.data.lists
} else {
goodsList1.value.push(...res.data.lists)
}
if (res.data.lists.length < where.value.page_size) {
loadEnd.value = true
}
} }
const supplierList = ref([]) const supplierList = ref([])
const getSupplierList = (val='') => { const getSupplierList = (val = '') => {
supplierListApi({mer_name:val}).then(res => { supplierListApi({
supplierList.value =res.data.lists mer_name: val
}).then(res => {
supplierList.value = res.data.lists
}) })
} }
function changeCallback(item) { function changeCallback(item) {
console.log("选中的item：", item) console.log("选中的item：", item)
} }
const supplierConfirm = (e) => { const supplierConfirm = (e) => {
showSupplier.value = false showSupplier.value = false
@ -207,7 +225,8 @@
formData.value.store_name = item['store_name'] formData.value.store_name = item['store_name']
formData.value.id = item['id'] formData.value.id = item['id']
formData.value.bhoid = item.order_id formData.value.bhoid = item.order_id
formData.value.buyer_nums = item['need_num'] formData.value.need_num = item['need_num']
formData.value.buyer_nums = ''
formData.value.product_id = item['product_id'] formData.value.product_id = item['product_id']
formData.value.unit_name = item['unit_name'] formData.value.unit_name = item['unit_name']
formData.value.package = item.package formData.value.package = item.package
@ -230,7 +249,7 @@
} else { } else {
formData.value.purchase = '' formData.value.purchase = ''
formData.value.total_price = formData.value.total_price =
formData.value.supplier_id = '' formData.value.supplier_id = ''
formData.value.pay_type = 1 formData.value.pay_type = 1
supplierText.value = '' supplierText.value = ''
radio_value.value = '赊账' radio_value.value = '赊账'
@ -249,6 +268,8 @@
} }
} }
const sectionChange = (index) => { const sectionChange = (index) => {
loadEnd.value = false
where.value.page_no = 0
where.value.buyer_confirm = index where.value.buyer_confirm = index
goodsList1.value = [] goodsList1.value = []
getGoodsList() getGoodsList()
@ -265,10 +286,10 @@
columns.value = res.data columns.value = res.data
}) })
} }
const radioChange=(e)=>{ const radioChange = (e) => {
if(e=='赊账'){ if (e == '赊账') {
formData.value.pay_type = 1 formData.value.pay_type = 1
}else{ } else {
formData.value.pay_type = 2 formData.value.pay_type = 2
} }
} }