采购单

This commit is contained in:
wangweidong 2025-10-31 17:24:05 +08:00
parent 07b97d027a
commit 339a53714f
1 changed files with 87 additions and 80 deletions

View File

@ -4,7 +4,7 @@
<view class="box"> <view class="box">
<view class="rel-left"> <view class="rel-left">
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="leftscrolltop" class="scroll-Y" <scroll-view scroll-y="true" scroll-with-animation :scroll-top="leftscrolltop" class="scroll-Y"
@scrolltolower="plsbuytolower" :lower-threshold="200"> @scrolltolower="plsbuytolower" :lower-threshold="400">
<view class="margin-height"></view> <view class="margin-height"></view>
<view class="boxitem" v-for="(v,i) in plsbuy" :key='i' <view class="boxitem" v-for="(v,i) in plsbuy" :key='i'
:class="{'yujing':v?.cgdType=='9','active':leftitem==i}" :class="{'yujing':v?.cgdType=='9','active':leftitem==i}"
@ -42,25 +42,29 @@
<view class="title"> <view class="title">
<view></view>采购单 <view></view>采购单
</view> </view>
<view class="cgdh brtop"> <view class="cgdh brtop">
<view>采购单号<text>{{plsbuy[leftitem].cgdNo}}</text></view> <view>采购单号<text>{{plsbuy[leftitem].cgdNo}}</text></view>
<view>采购金额<text>{{plsbuy[leftitem].totalPrice}}</text></view> <view>采购金额<text>{{plsbuy[leftitem].totalPrice}}</text></view>
</view>
<view class="cgdh">
<view>采购人{{plsbuy[leftitem].createBy_dictText}} </view>
<view>采购日期{{plsbuy[leftitem].qgDate}}</view>
<view>供应商{{plsbuy[leftitem].gysId_dictText}}</view>
</view>
<scroll-view scroll-y="true" class="cgdscroll" scroll-with-animation>
<view class="fler">
<view class="boxitem" v-for="(f,l) in InvoicingList" :key='l' @scrolltolower="scrolltolower"
:lower-threshold="200">
<view>{{f.wlName}}</view>
<view style="white-space: nowrap;">规格型号{{f.wlSpecificationModel}}</view>
<view>采购金额{{f.procurementPrice}}</view>
<view>采购数量{{f.purchaseQuantity}}</view>
</view> </view>
<view class="cgdh"> </view>
<view>采购人{{plsbuy[leftitem].createBy_dictText}} </view> <view style="height:3vw;width: 100%;display: flex;align-items: center;justify-content: center;">
<view>采购日期{{plsbuy[leftitem].qgDate}}</view> <u-loadmore :status="status" :loadText="{nomore:'暂无更多数据'}" v-if="InvoicingList.length>6"/>
<view>供应商{{plsbuy[leftitem].gysId_dictText}}</view> </view>
</view> </scroll-view>
<scroll-view scroll-y="true" class="cgdscroll" scroll-with-animation>
<view class="fler">
<view class="boxitem" v-for="(f,l) in InvoicingList" :key='l'>
<view>{{f.wlName}}</view>
<view style="white-space: nowrap;">规格型号{{f.wlSpecificationModel}}</view>
<view>采购金额{{f.procurementPrice}}</view>
<view>采购数量{{f.purchaseQuantity}}</view>
</view>
</view>
</scroll-view>
</view> </view>
</view> </view>
@ -347,7 +351,7 @@
} }
const getmiddle = (item : any, i : number) => { const getmiddle = (item : any, i : number) => {
let num = Math.ceil((i + 1)) let num = Math.ceil((i + 1))
leftscrolltop.value = (num - 1) * 238.5; leftscrolltop.value = (num - 2) * 185;
leftitem.value = i; leftitem.value = i;
shopitem.value = -1 shopitem.value = -1
@ -590,7 +594,8 @@
detailform.wlId = InvoicingList.value[0].wlId detailform.wlId = InvoicingList.value[0].wlId
status.value = res.result.total == InvoicingList.value.length ? 'nomore' : 'loadmore' status.value = res.result.total == InvoicingList.value.length ? 'nomore' : 'loadmore';
}) })
} }
const saveleftgo = ref(0); const saveleftgo = ref(0);
@ -1416,6 +1421,7 @@
height: 100%; height: 100%;
} }
} }
.box { .box {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
@ -1690,70 +1696,71 @@
height: calc(92vh - 10vw); height: calc(92vh - 10vw);
} }
.fler { .fler {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
.boxitem { .boxitem {
width: 22vw; width: 22vw;
height: 10vw; height: 10vw;
background: rgba(192, 192, 192, 0.14); background: rgba(192, 192, 192, 0.14);
border-radius: 1.6vw; border-radius: 1.6vw;
margin: 0 1vw 1.2vw 0; margin: 0 1vw 1.2vw 0;
border: 2px dashed #fff; border: 2px dashed #fff;
display: inline-block; display: inline-block;
padding: 1vw 1.6vw 0; padding: 1vw 1.6vw 0;
position: relative; position: relative;
>view {
&:nth-child(1) {
font-weight: bold;
font-size: 1.4vw;
color: #333;
white-space: nowrap;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
max-width: 15vw;
} >view {
&:nth-child(1) {
&:nth-child(2) { font-weight: bold;
font-weight: 400; font-size: 1.4vw;
font-size: 1.1vw; color: #333;
color: #555555; white-space: nowrap;
margin-top: .6vw; overflow: hidden;
}
&:nth-child(3),
&:nth-child(4) {
font-weight: 400;
font-size: 1.1vw;
color: #666666;
margin-top: .2vw;
}
}
}
.cgdh {
width: 100%; width: 100%;
height: 2.5vw; text-overflow: ellipsis;
display: flex; max-width: 15vw;
justify-content: space-between;
align-items: center;
color: #333333;
view {
font-size: 1.1vw;
}
text {
font-size: 1.2vw;
font-weight: bold;
}
} }
&:nth-child(2) {
font-weight: 400;
font-size: 1.1vw;
color: #555555;
margin-top: .6vw;
}
&:nth-child(3),
&:nth-child(4) {
font-weight: 400;
font-size: 1.1vw;
color: #666666;
margin-top: .2vw;
}
}
}
.cgdh {
width: 100%;
height: 2.5vw;
display: flex;
justify-content: space-between;
align-items: center;
color: #333333;
view {
font-size: 1.1vw;
}
text {
font-size: 1.2vw;
font-weight: bold;
}
}
.title { .title {
height: 4vw; height: 4vw;