采购单
This commit is contained in:
parent
07b97d027a
commit
339a53714f
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue