diff --git a/pages/Warehouse/purchaseorder.vue b/pages/Warehouse/purchaseorder.vue index f83a211..eebdcb1 100644 --- a/pages/Warehouse/purchaseorder.vue +++ b/pages/Warehouse/purchaseorder.vue @@ -4,7 +4,7 @@ + @scrolltolower="plsbuytolower" :lower-threshold="400"> 采购单 - - 采购单号:{{plsbuy[leftitem].cgdNo}} - 采购金额:{{plsbuy[leftitem].totalPrice}} + + 采购单号:{{plsbuy[leftitem].cgdNo}} + 采购金额:{{plsbuy[leftitem].totalPrice}} + + + 采购人:{{plsbuy[leftitem].createBy_dictText}} + 采购日期:{{plsbuy[leftitem].qgDate}} + 供应商:{{plsbuy[leftitem].gysId_dictText}} + + + + + {{f.wlName}} + 规格型号:{{f.wlSpecificationModel}} + 采购金额:{{f.procurementPrice}} + 采购数量:{{f.purchaseQuantity}} - - 采购人:{{plsbuy[leftitem].createBy_dictText}} - 采购日期:{{plsbuy[leftitem].qgDate}} - 供应商:{{plsbuy[leftitem].gysId_dictText}} - - - - - {{f.wlName}} - 规格型号:{{f.wlSpecificationModel}} - 采购金额:{{f.procurementPrice}} - 采购数量:{{f.purchaseQuantity}} - - - + + + + + @@ -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;