采购单
This commit is contained in:
parent
07b97d027a
commit
339a53714f
|
|
@ -4,7 +4,7 @@
|
|||
<view class="box">
|
||||
<view class="rel-left">
|
||||
<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="boxitem" v-for="(v,i) in plsbuy" :key='i'
|
||||
:class="{'yujing':v?.cgdType=='9','active':leftitem==i}"
|
||||
|
|
@ -42,25 +42,29 @@
|
|||
<view class="title">
|
||||
<view></view>采购单
|
||||
</view>
|
||||
<view class="cgdh brtop">
|
||||
<view>采购单号：<text>{{plsbuy[leftitem].cgdNo}}</text></view>
|
||||
<view>采购金额：<text>{{plsbuy[leftitem].totalPrice}}</text></view>
|
||||
<view class="cgdh brtop">
|
||||
<view>采购单号：<text>{{plsbuy[leftitem].cgdNo}}</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 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'>
|
||||
<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 style="height:3vw;width: 100%;display: flex;align-items: center;justify-content: center;">
|
||||
<u-loadmore :status="status" :loadText="{nomore:'暂无更多数据'}" v-if="InvoicingList.length>6"/>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
|
@ -347,7 +351,7 @@
|
|||
}
|
||||
const getmiddle = (item : any, i : number) => {
|
||||
let num = Math.ceil((i + 1))
|
||||
leftscrolltop.value = (num - 1) * 238.5;
|
||||
leftscrolltop.value = (num - 2) * 185;
|
||||
leftitem.value = i;
|
||||
shopitem.value = -1
|
||||
|
||||
|
|
@ -590,7 +594,8 @@
|
|||
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);
|
||||
|
|
@ -1416,6 +1421,7 @@
|
|||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
|
|
@ -1690,70 +1696,71 @@
|
|||
height: calc(92vh - 10vw);
|
||||
}
|
||||
|
||||
.fler {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
.fler {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.boxitem {
|
||||
width: 22vw;
|
||||
height: 10vw;
|
||||
background: rgba(192, 192, 192, 0.14);
|
||||
border-radius: 1.6vw;
|
||||
margin: 0 1vw 1.2vw 0;
|
||||
border: 2px dashed #fff;
|
||||
display: inline-block;
|
||||
padding: 1vw 1.6vw 0;
|
||||
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;
|
||||
.boxitem {
|
||||
width: 22vw;
|
||||
height: 10vw;
|
||||
background: rgba(192, 192, 192, 0.14);
|
||||
border-radius: 1.6vw;
|
||||
margin: 0 1vw 1.2vw 0;
|
||||
border: 2px dashed #fff;
|
||||
display: inline-block;
|
||||
padding: 1vw 1.6vw 0;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
&: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 {
|
||||
>view {
|
||||
&:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #333;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 2.5vw;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #333333;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 15vw;
|
||||
|
||||
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 {
|
||||
height: 4vw;
|
||||
|
|
|
|||
Loading…
Reference in New Issue