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 | 204 +++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 181 insertions(+), 23 deletions(-)
diff --git a/pages/customer-page/customer-index/customer-index.vue b/pages/customer-page/customer-index/customer-index.vue
index 3fb5769..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.cars2 != item.carNum" shape="circle"></u-button>
- <u-button text="杞彂" type="primary" @tap.stop="forwardClick(item)" shape="circle" v-if="item.carNum != item.carNumSurplus1"></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>
@@ -46,7 +46,45 @@
</template>
</card>
</view>
-
+ <view class="history-numbers">
+ <combined-title title="鍘嗗彶鎻愮叅鍗�"></combined-title>
+ <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltolower="historyScrolltolower">
+ <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>
<!-- 棰嗗彇寮瑰嚭妗� -->
<u-popup :show="show" @close="close" @open="open" mode="center" round="10">
<view class="receiverPopup">
@@ -60,11 +98,27 @@
<script>
import card from '@/components/card/card.vue';
+import combinedTitle from '@/components/combined-title/combined-title.vue';
import { customerId } from '@/utils/status';
-import { todayDate } from '@/utils/util.js';
export default {
+ props: {
+ orderPlanDataStore: {
+ type: Array,
+ default: []
+ }
+ },
components: {
- card
+ card,
+ combinedTitle
+ },
+ watch: {
+ orderPlanDataStore: {
+ handler(v) {
+ this.orderPlanData = v;
+ },
+ deep: true,
+ immediate: true
+ }
},
data() {
return {
@@ -74,32 +128,76 @@
getOrderNum: {
num: '',
id: null
- }
+ },
+ historyCoalData: [],
+ // 琛ㄦ牸鍔犺浇鐘舵��
+ loading: false,
+ scrollTop: 0,
+ // 姣忛〉鏁版嵁閲�
+ pageSize: 10,
+ // 褰撳墠椤�
+ pageCurrent: 1,
+ // 鏁版嵁鎬婚噺
+ total: 0,
+ // 鏄惁鏄剧ず鏇村鏁版嵁
+ showMoreData: false
};
},
+ onLoad() {},
onShow() {
this.init();
},
methods: {
init() {
this.GetOrderPlan();
+ this.getJhOrderPlanDataPage();
},
// 鑾峰彇鍙戣繍璁″垝鍒楄〃
GetOrderPlan() {
- uni.showLoading({
- title: '鍔犺浇涓�...'
- });
+ uni.showLoading({ title: '鍔犺浇涓�...' });
this.$reqGet('GetOrderPlan').then(res => {
- this.orderPlanData = res.data;
- uni.hideLoading();
+ if (res.data) {
+ this.orderPlanData = res.data;
+ uni.hideLoading();
+ }
});
+ },
+ // 鑾峰彇鍘嗗彶鎻愮叅鍗�
+ getJhOrderPlanDataPage() {
+ 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;
+ }
+ }
+ });
+ },
+ // 涓婃媺鍔犺浇
+ historyScrolltolower() {
+ if (this.pageCurrent * this.pageSize >= this.total) return (this.showMoreData = true);
+ 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) {
@@ -111,7 +209,7 @@
duration: 1000
});
} else {
- this.$u.toast(res.data ? res.data : '棰嗗彇澶辫触');
+ this.$u.toast(res.msg ? res.msg : '棰嗗彇澶辫触');
}
});
} else {
@@ -140,28 +238,88 @@
},
// 鎻愮叅鍗曡鎯�
cardBodyClick(name) {
- console.log('鎻愮叅鍗曡鎯�', name);
- uni.navigateTo({
- url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${name}`
+ console.log(name, 'name');
+ let code = null;
+ let cars2 = null;
+ this.orderPlanData.forEach(item => {
+ if (item.id == name) {
+ code = item.code;
+ cars2 = item.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}` });
},
// 杞彂
forwardClick(obj) {
- uni.navigateTo({
- url: `/pages/public-page/forward/forward?orderPlanId=${obj.id}&carNumSurplus1=${obj.carNumSurplus1}`
- });
+ 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}` });
}
}
};
</script>
<style lang="scss" scoped>
+.scroll-Y {
+ 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: #333;
+ font-size: 24rpx;
+ text-align: center;
+ }
+}
::v-deep.customer-index {
width: 94%;
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