From 22fd33c839969a5c14de0d994701876407385d7f Mon Sep 17 00:00:00 2001
From: 小小儁爺 <1694218219@qq.com>
Date: 星期二, 06 一月 2026 14:00:00 +0800
Subject: [PATCH] 1.页面优化
---
pages/zlgl/wgjy.vue | 118 +++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 74 insertions(+), 44 deletions(-)
diff --git a/pages/zlgl/wgjy.vue b/pages/zlgl/wgjy.vue
index d3b9ed4..23388a0 100644
--- a/pages/zlgl/wgjy.vue
+++ b/pages/zlgl/wgjy.vue
@@ -34,19 +34,22 @@
</view>
- <u-alert :title="alertTitle" type="info"></u-alert>
+ <u-alert :title="'宸ュ崟鏁伴噺锛�'+total+'锛�'" type="info"></u-alert>
<!-- 鎶樺彔闈㈡澘 -->
<!-- <u-collapse @change="change" @close="close" @open="open"> -->
<!-- @change="collapseChange" -->
- <u-collapse style="max-height: 65vh;overflow: auto;">
+
+
+ <u-collapse style="max-height: 62vh;overflow: auto;">
<!-- :value='parseFloat(item.ordergoodqty)+"/"+parseFloat(item.orderqty)' -->
<scroll-view scroll-y :style="{height: 590 + 'px'}" @scrolltolower="loadMore">
<u-collapse-item style="position: relative;" :title="item.ordercode" :name='item.ordercode'
- v-if='item.children.length!==0' :value='parseFloat(item.ordergoodqty)+"/"+parseFloat(item.orderqty)'
+ v-if='item.children.length!==0'
+ :value='parseFloat(item.ordergoodqty)+parseFloat(item.orderngqty)+parseFloat(item.orderlaborbadqty)+parseFloat(item.ordermaterielbadqty)+"/"+parseFloat(item.orderqty)'
:label="item.children.length===0?'鏈淳鍙�':''" :disabled='item.children.length===0'
- v-for="item in collapseArr" :key="item.ordercode">
+ v-for="(item,index) in collapseArr" :key="item.ordercode+index">
<view style="position: absolute;left: 30rpx;top:34px;font-size: 24rpx;color: #999;">
@@ -54,10 +57,11 @@
</view>
<!-- <view style="position: absolute;width: 26%;left: 44%;top:16px;"> -->
- <view style="position: absolute;width: 120px;left: 44%;top:16px;color:#0659ff"
- @click="progressClick(item.ordercode)">
+ <view style="position: absolute;width: 120px;left: 44%;top:16px;color:#0659ff">
+ <!-- @click="progressClick(item.ordercode)" -->
<!-- {{item.partname}}{{item.partspec}} -->
- <u-line-progress :percentage="parseFloat((item.ordergoodqty*100/item.orderqty).toFixed(2))"
+ <u-line-progress
+ :percentage="parseFloat(((parseFloat(item.ordergoodqty)+parseFloat(item.orderngqty)+parseFloat(item.orderlaborbadqty)+parseFloat(item.ordermaterielbadqty))*100/item.orderqty).toFixed(2))"
inactiveColor="#d1d6f5" height="10" activeColor="#0659ff"></u-line-progress>
</view>
@@ -97,18 +101,22 @@
<!-- <u--text class="u-collapse-content"> -->
<u-steps :current="-1" inactiveColor='#0659FF' direction="column">
<view v-for="(it,ind) in item.children" :key="item.ordercode+it.name+ind"
- @click="gotoPage(item.ordercode,it.code)" style="display: flex;align-items: center;">
+ @click="gotoPage(item.ordercode,it.code,it)" style="display: flex;align-items: center;">
<!-- <u-steps-item :title="it.code+'/'+it.name+it.spec"></u-steps-item> -->
<u-steps-item :title="it.code+'/'+it.name"></u-steps-item>
<view class="" style="width: 100px;">
- <u-line-progress :percentage="parseFloat((it.goodqty*100/it.planqty).toFixed(2))"
+ <u-line-progress
+ :percentage="parseFloat(((parseFloat(it.goodqty)+parseFloat(it.ngqty)+parseFloat(it.laborbadqty)+parseFloat(it.materielbadqty))*100/it.planqty).toFixed(2))"
inactiveColor="#d1d6f5" height="10" activeColor="#0659ff"></u-line-progress>
</view>
<view style="width: 30%;text-align: right;">
<view class="" style="display: flex;justify-content: flex-end;">
<view style="color: #0659ff;">
{{parseFloat(it.goodqty)}}
+ </view>
+ <view style="color: #ff0000;">
+ +{{parseFloat(it.ngqty)+parseFloat(it.laborbadqty)+parseFloat(it.materielbadqty)}}
</view>
<view>
/{{ parseFloat(it.planqty)}}
@@ -125,10 +133,15 @@
</scroll-view>
</u-collapse>
+
+
+
+
<view class="uni-pagination-box">
<uni-pagination show-icon :page-size="pageSize" :current="currentpage" :total="total"
@change="pageChange" />
</view>
+
<!-- 寮瑰嚭灞� -->
<!-- closeIconPos='top-left' closeOnClickOverlay closeable='true' -->
@@ -209,9 +222,13 @@
<!-- 鎮诞鐞� -->
- <view @click="scan2">
+ <!-- <view @click="scan2">
<drag-ball :x='300' :y="600"></drag-ball>
- </view>
+ </view> -->
+
+
+ <scan-code></scan-code>
+
</view>
</template>
@@ -220,7 +237,12 @@
import {
ProductOrderSearch
} from '../../config/api.js';
+ import scanCode from '@/components/scan-code/scan-code.vue'
+
export default {
+ components: {
+ scanCode
+ },
onLoad(option) {
const _this = this
uni.$off('scancodedate') // 姣忔杩涙潵鍏� 绉婚櫎鍏ㄥ眬鑷畾涔変簨浠剁洃鍚櫒
@@ -228,9 +250,6 @@
console.log("鎵弿鍒扮殑鍐呭涓�:", content)
_this.getCheckScanDeviceQrCodeData(content)
})
-
-
- console.log(option, 8)
},
onPullDownRefresh() {
@@ -300,7 +319,7 @@
], //宸查�変腑鐨勪骇鍝佹爣绛�
order: '', //鍗曞彿
placeholder2: '鐢熶骇璁㈠崟',
- total: 10,
+ total: 0,
currentpage: 1, //绗嚑椤�
pageSize: 10, //姣忛〉鏄剧ず澶氬皯鏉�
@@ -311,7 +330,7 @@
let that = this
uni.startPullDownRefresh({
success() {
- that.getProductOrderSearch()
+ that.getProductOrderSearch(that.currentpage)
uni.showToast({
title: "涓嬫媺鍒锋柊",
icon: 'none'
@@ -334,10 +353,6 @@
init() {
uni.stopPullDownRefresh();
},
- // 椤垫暟鏀瑰彉鏃� 鍒嗛〉瑙﹀彂
- pageChange(e) {
- this.getProductOrderSearch(e.current)
- },
gotoPage(p1, p2) {
let orderstep = null
@@ -349,7 +364,7 @@
uni.navigateTo({
- url: './wgjy1?orderstep=' + orderstep
+ url: './wgjy1?orderstep=' + orderstep + '¤tpage=' + this.currentpage
})
},
@@ -364,25 +379,31 @@
})
},
+ // 椤垫暟鏀瑰彉鏃� 鍒嗛〉瑙﹀彂
+ pageChange(e) {
+ this.currentpage = e.current
+ this.getProductOrderSearch(e.current)
+ },
+
// 鎺ュ彛鑾峰彇
async getProductOrderSearch(current) {
let ordertype = '' // SO锛氶攢鍞鍗� MO锛氱敓浜ц鍗� PO锛氱敓浜у伐鍗�
switch (this.radiovalue) {
case '鐢熶骇宸ュ崟':
- this.alertTitle = '宸ュ崟鏁伴噺锛堝叡/涓級'
- this.placeholder = '璇疯緭鍏ュ伐鍗曚俊鎭�'
+ // this.alertTitle = '宸ュ崟鏁伴噺锛堝叡/涓級'
+ // this.placeholder = '璇疯緭鍏ュ伐鍗曚俊鎭�'
ordertype = 'PO'
break
case '鐢熶骇璁㈠崟':
// this.alertTitle = '鐢熶骇璁㈠崟鏁伴噺锛堝叡/涓級'
- this.alertTitle = '宸ュ崟鏁伴噺锛堝叡/涓級'
- this.placeholder = '璇疯緭鍏ョ敓浜ц鍗曚俊鎭�'
+ // this.alertTitle = '宸ュ崟鏁伴噺锛堝叡/涓級'
+ // this.placeholder = '璇疯緭鍏ョ敓浜ц鍗曚俊鎭�'
ordertype = 'MO'
break
case '閿�鍞鍗�':
// this.alertTitle = '閿�鍞鍗曟暟閲忥紙鍏�/涓級'
- this.alertTitle = '宸ュ崟鏁伴噺锛堝叡/涓級'
- this.placeholder = '璇疯緭鍏ラ攢鍞鍗曚俊鎭�'
+ // this.alertTitle = '宸ュ崟鏁伴噺锛堝叡/涓級'
+ // this.placeholder = '璇疯緭鍏ラ攢鍞鍗曚俊鎭�'
ordertype = 'SO'
break
}
@@ -394,17 +415,21 @@
ordercode: this.order,
Ratetime: '',
// Ratetime: this.calendarRange,
+
page: current,
rows: this.pageSize,
prop: 'lm_date',
sortorder: 'desc'
+
}
const res = await ProductOrderSearch(data)
+
this.total = res.count
+
this.collapseArr = res.data
this.collapseArrAll = res.data
- this.alertTitle = this.alertTitle.split('/')[0] + this.total + this.alertTitle.split('/')[
- 1]
+ // this.alertTitle = this.alertTitle.split('/')[0] + this.total + this.alertTitle.split('/')[
+ // 1]
},
loadMore() {
@@ -413,21 +438,27 @@
//杈撳叆妗嗗洖杞︾‘璁や簨浠�
confirmInputBoxValue(val) {
- this.collapseArr = this.collapseArrAll.filter((p) => {
- return p.ordercode.indexOf(val) !== -1
- })
+ this.order = val
+ this.currentpage = 1
+ this.getProductOrderSearch(1)
+ // this.collapseArr = this.collapseArrAll.filter((p) => {
+ // return p.ordercode.indexOf(val) !== -1
+ // })
- switch (this.radiovalue) {
- case '鐢熶骇宸ュ崟':
- this.alertTitle = '宸ュ崟鏁伴噺锛堝叡' + this.total + '涓級'
- break
- case '鐢熶骇璁㈠崟':
- this.alertTitle = '宸ュ崟鏁伴噺锛堝叡' + this.total + '涓級'
- break
- case '閿�鍞鍗�':
- this.alertTitle = '宸ュ崟鏁伴噺锛堝叡' + this.total + '涓級'
- break
- }
+
+ // switch (this.radiovalue) {
+ // case '鐢熶骇宸ュ崟':
+ // this.alertTitle = '宸ュ崟鏁伴噺锛堝叡' + this.total + '涓級'
+ // break
+ // case '鐢熶骇璁㈠崟':
+ // this.alertTitle = '宸ュ崟鏁伴噺锛堝叡' + this.total + '涓級'
+ // break
+ // case '閿�鍞鍗�':
+ // this.alertTitle = '宸ュ崟鏁伴噺锛堝叡' + this.total + '涓級'
+ // break
+ // }
+
+
// this.alertTitle = this.alertTitle.split('/')[0] + this.collapseArr.length + this.alertTitle.split('/')[
// 1]
@@ -679,7 +710,6 @@
::v-deep .u-cell__body {
padding-bottom: 40rpx;
}
-
.uni-pagination-box {
height: 4vh;
--
Gitblit v1.9.3