From bb52e0d4baffe8e0486c951e525b6614bd4aaa28 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期一, 24 四月 2023 14:08:56 +0800
Subject: [PATCH] 修改样式，修复已知bug
---
pages/customer-page/customer-index/customer-index.vue | 145 +++++++++++++++++++++++++++++++++---------------
1 files changed, 100 insertions(+), 45 deletions(-)
diff --git a/pages/customer-page/customer-index/customer-index.vue b/pages/customer-page/customer-index/customer-index.vue
index 763db1e..64a521e 100644
--- a/pages/customer-page/customer-index/customer-index.vue
+++ b/pages/customer-page/customer-index/customer-index.vue
@@ -9,8 +9,8 @@
寮�
</view>
<view class="card-left__utils">
- <u-button @tap.stop="receiveClick(item)" text="棰嗗彇" type="primary" v-if="item.carNumSurplus != 0" shape="circle"></u-button>
- <u-button text="杞彂" type="primary" @tap.stop="forwardClick(item)" shape="circle" v-if="item.carNumSurplus1 != 0"></u-button>
+ <u-button @tap.stop="receiveClick(item)" text="棰嗗彇" type="primary" v-if="item.carNum - item.cars2 != 0" shape="circle"></u-button>
+ <u-button text="杞彂" type="primary" @tap.stop="forwardClick(item)" shape="circle"></u-button>
</view>
</template>
<template v-slot:right-top>
@@ -34,7 +34,7 @@
<text class="lingqu" @tap.stop="numInput(item.id)">{{ item.receiveNum || '_______' }}</text>
寮�
</view> -->
- <view v-if="item.cars == item.cars2 ? false : true">鍓╀綑{{ item.carNum - item.cars2 }}寮�</view>
+ <view v-if="item.carNum == item.cars2 ? false : true">鍓╀綑{{ item.carNum - item.cars2 }}寮�</view>
<view v-else>宸查瀹�</view>
</view>
</view>
@@ -49,26 +49,39 @@
<view class="history-numbers">
<combined-title title="鍘嗗彶鎻愮叅鍗�"></combined-title>
<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltolower="historyScrolltolower">
- <uni-table border stripe emptyText="鏆傛棤鏇村鏁版嵁" :loading="loading">
- <uni-tr>
- <uni-th width="100" align="center">鍙戣繍鏃ユ湡</uni-th>
- <uni-th width="100" align="center">鎵�灞炲崟浣�</uni-th>
- <uni-th align="center" width="150">鐓ゅ満鍚嶇О</uni-th>
- <uni-th align="center" width="100">鐓ょ鍚嶇О</uni-th>
- <uni-th align="center" width="150">璁㈠崟缂栧彿</uni-th>
- <uni-th align="center" width="100">璁㈠崟鍓╀綑閲�</uni-th>
- <uni-th align="center" width="80">鎻愮叅鍗曚釜鏁�</uni-th>
- </uni-tr>
- <uni-tr v-for="(item, index) in historyCoalData" :key="index">
- <uni-td align="center" @row-click="faYundetail(item)">{{ item.sendDate }}</uni-td>
- <uni-td align="left" @row-click="faYundetail(item)">{{ item.deptName }}</uni-td>
- <uni-td align="center" @row-click="faYundetail(item)">{{ item.filedName }}</uni-td>
- <uni-td align="center" @row-click="faYundetail(item)">{{ item.coalName }}</uni-td>
- <uni-td align="center" @row-click="faYundetail(item)">{{ item.orderCode }}</uni-td>
- <uni-td align="center" @row-click="faYundetail(item)">{{ item.carNumSurplus }}</uni-td>
- <uni-td align="center" @row-click="faYundetail(item)">{{ item.tmCount }}</uni-td>
- </uni-tr>
- </uni-table>
+ <view class="history-information" v-for="(item, index) in historyCoalData" :key="index" @click="faYundetail(item)">
+ <view class="history-sendate">
+ <text>鍙戣繍鏃ユ湡 {{ item.sendDate || '' }}</text>
+ <view class="view-more">
+ <text style="color: #449cfc;">璇︽儏</text>
+ <view class="arrow-right"><u-icon name="arrow-right" size="40" color="#449cfc"></u-icon></view>
+ </view>
+ </view>
+ <view class="history-main">
+ <view class="main-left">
+ <view class="history-body">
+ <text>鎵�灞炲崟浣� {{ item.deptName || '' }}</text>
+ </view>
+ <view class="history-body">
+ <text>鐓ゅ満鍚嶇О {{ item.filedName || '' }}</text>
+ </view>
+ <view class="history-body">
+ <text>鐓ょ鍚嶇О {{ item.coalName || '' }}</text>
+ </view>
+ </view>
+ <view class="main-right">
+ <view class="history-body">
+ <text style="word-break: break-all;">璁㈠崟缂栧彿 {{ item.orderCode || '' }}</text>
+ </view>
+ <view class="history-body">
+ <text>璁㈠崟鍓╀綑閲� {{ item.carNumSurplus || '' }}</text>
+ </view>
+ <view class="history-body">
+ <text>鎻愮叅鍗曚釜鏁� {{ item.tmCount || '' }}</text>
+ </view>
+ </view>
+ </view>
+ </view>
<view class="more_text" v-if="showMoreData && historyCoalData.length !== 0">娌℃湁鏁版嵁浜�...</view>
</scroll-view>
</view>
@@ -141,9 +154,7 @@
},
// 鑾峰彇鍙戣繍璁″垝鍒楄〃
GetOrderPlan() {
- uni.showLoading({
- title: '鍔犺浇涓�...'
- });
+ uni.showLoading({ title: '鍔犺浇涓�...' });
this.$reqGet('GetOrderPlan').then(res => {
if (res.data) {
this.orderPlanData = res.data;
@@ -156,16 +167,15 @@
this.loading = true;
this.$reqGet('getJhOrderPlanDataPage', { current: this.pageCurrent, size: this.pageSize }).then(res => {
if (res.data.records) {
+ this.total = res.data.total;
if (this.pageCurrent > 1) {
this.historyCoalData = this.historyCoalData.concat(res.data.records);
+ this.historyCoalData = this.ArrSet(this.historyCoalData, 'id');
this.loading = false;
} else {
this.historyCoalData = res.data.records;
this.loading = false;
}
- // this.historyCoalData = [...this.historyCoalData, ...res.data.records];
- // this.total = res.data.total;
- // this.loading = false;
}
});
},
@@ -175,12 +185,19 @@
this.pageCurrent++;
this.getJhOrderPlanDataPage();
},
+ //fix 鐐瑰嚮鎻愮叅鍗曡繑鍥炰細澧炲姞閲嶅鏁版嵁
+ ArrSet(Arr, id) {
+ var obj = {};
+ const arrays = Arr.reduce((setArr, item) => {
+ obj[item[id]] ? '' : (obj[item[id]] = true && setArr.push(item));
+ return setArr;
+ }, []);
+ return arrays;
+ },
popupDetermineClick() {
if (this.receiveNum) {
this.getOrderNum.num = this.receiveNum;
- uni.showLoading({
- title: '鍔犺浇涓�...'
- });
+ uni.showLoading({ title: '鍔犺浇涓�...' });
this.$reqPost('customerGet', this.getOrderNum, 'params').then(res => {
uni.hideLoading();
if (res.code == 0) {
@@ -192,7 +209,7 @@
duration: 1000
});
} else {
- this.$u.toast(res.data ? res.data : '棰嗗彇澶辫触');
+ this.$u.toast(res.msg ? res.msg : '棰嗗彇澶辫触');
}
});
} else {
@@ -230,21 +247,16 @@
cars2 = item.cars2;
}
});
- uni.navigateTo({
- url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${name}&code=${code}&cars2=${cars2}`
- });
+ uni.navigateTo({ url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${name}&code=${code}&cars2=${cars2}` });
},
// 鐐瑰嚮鍘嗗彶鎻愮叅鍗曚竴琛岃幏鍙栬鎯�
faYundetail(v) {
- uni.navigateTo({
- url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${v.id}&cars2=${v.cars2}`
- });
+ uni.navigateTo({ url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${v.id}&cars2=${v.cars2}` });
},
// 杞彂
forwardClick(obj) {
- uni.navigateTo({
- url: `/pages/public-page/forward/forward?orderPlanId=${obj.id}&carNumSurplus1=${obj.carNumSurplus1}&carNum=${obj.carNum}&cars2=${obj.cars2}`
- });
+ if (obj.cars2 == 0) return this.$u.toast('璇峰厛棰嗗彇鍚庡啀杞彂');
+ uni.navigateTo({ url: `/pages/public-page/forward/forward?orderPlanId=${obj.id}&carNumSurplus1=${obj.carNumSurplus1}&carNum=${obj.carNum}&cars2=${obj.cars2}` });
}
}
};
@@ -252,9 +264,52 @@
<style lang="scss" scoped>
.scroll-Y {
- height: 600rpx;
+ height: 900rpx;
+ background-color: #e2e2e2;
+ border-radius: vww(10);
+ .history-information {
+ width: 94%;
+ display: flex;
+ flex-direction: column;
+ border: 1px solid #e2e2e2;
+ background-color: #fff;
+ border-radius: vww(10);
+ margin: vww(10);
+ .history-sendate {
+ height: vww(40);
+ border-bottom: 1px solid #e2e2e2;
+ line-height: vww(40);
+ padding-left: vww(8);
+ position: relative;
+ .view-more {
+ display: flex;
+ width: vww(80);
+ position: absolute;
+ right: vww(10);
+ top: vww(-1);
+ .arrow-right {
+ position: absolute;
+ right: vww(27);
+ top: vww(12);
+ }
+ }
+ }
+ .history-main {
+ min-height: vww(120);
+ display: flex;
+ justify-content: space-between;
+ .main-left,
+ .main-right {
+ width: 45%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ padding: vww(4) vww(4);
+ }
+ }
+ }
.more_text {
- color: #999;
+ color: #333;
font-size: 24rpx;
text-align: center;
}
@@ -264,7 +319,7 @@
margin: 0 auto;
// 涓讳綋
.customer-index-body {
- margin-bottom: vww(56);
+ margin-bottom: vww(10);
.card-left__top {
margin-top: vww(26);
text-align: center;
--
Gitblit v1.9.1