From 14df401b50272890dc910bbd95d98a8b6caf48d3 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期三, 10 五月 2023 20:32:44 +0800
Subject: [PATCH] 样式修改,引入字体，修改逻辑
---
pages/public-page/forward/forward.vue | 305 ++++++++++++++++++++++++++++++--------------------
1 files changed, 185 insertions(+), 120 deletions(-)
diff --git a/pages/public-page/forward/forward.vue b/pages/public-page/forward/forward.vue
index 885473b..40d8611 100644
--- a/pages/public-page/forward/forward.vue
+++ b/pages/public-page/forward/forward.vue
@@ -10,8 +10,15 @@
</u-form-item>
<u-form-item label="杈撳叆鏁伴噺" labelWidth="20%" ref="item1">
<view class="forward-card-amount">
- <view class="forward-card-amount-input"><u--input v-model="val.carNum" placeholder="璇疯緭鍏ヨ浆鍙戞暟閲�"></u--input></view>
- <u-checkbox-group v-model="val.checkboxValue1" placement="column" @change="v => checkboxChange(v, index)">
+ <view class="forward-card-amount-input">
+ <u--input
+ v-model="val.carNum"
+ placeholder="璇疯緭鍏ヨ浆鍙戞暟閲�"
+ @input="debouncecarNumInput(index, val.carNum)"
+ @blur="blurInput(index, val.carNum)"
+ ></u--input>
+ </view>
+ <u-checkbox-group v-model="val.checkboxValue1" placement="column" @change="v => checkboxChange(v, index, val)">
<u-checkbox :customStyle="{ marginBottom: '8px' }" size="30" labelSize="30" label="鍏ㄩ儴杞彂" name="鍏ㄩ儴杞彂" :disabled="val.ischecked"></u-checkbox>
</u-checkbox-group>
</view>
@@ -20,9 +27,11 @@
</u--form>
</view>
<!-- 澧炲姞鎸夐挳 -->
- <view class="AdddBtn"><u-button text="娣诲姞" :hairline="false" type="primary" :customStyle="{ marginBottom: '8px' }" @click="addForm"></u-button></view>
+ <view class="AdddBtn">
+ <u-button text="娣诲姞" :hairline="false" type="primary" :customStyle="{ marginBottom: '8px' }" @click="addForm" :disabled="whetherClick"></u-button>
+ </view>
<!-- 鎸夐挳 -->
- <view class="forwardBtn"><u-button text="鎻愪氦" :hairline="false" type="warning" @click="submitForm"></u-button></view>
+ <view class="forwardBtn"><u-button text="鎻愪氦" :hairline="false" type="warning" @click="submitForm" :disabled="whetherClick1"></u-button></view>
<!-- 閫夋嫨璐т唬鎴栬溅闃熷脊鍑烘 -->
<view class="selectHuoDaiOrFleet-container">
@@ -54,18 +63,19 @@
</template>
<script>
-import { customerId } from '@/utils/status'
+import { customerId } from '@/utils/status';
+import toast from '../../../uni_modules/uview-ui/libs/config/props/toast';
export default {
onLoad(params) {
- console.log(params, '杞彂椤甸潰鐨勫弬鏁�')
+ console.log(params, '杞彂椤甸潰鐨勫弬鏁�');
// 瀹㈡埛
- this.cars2 = Number(params.cars2)
- this.carNumSurplus1 = Number(params.carNumSurplus1)
+ this.cars2 = Number(params.cars2);
+ this.tempcarNumSurplus1 = this.carNumSurplus1 = Number(params.carNumSurplus1);
// 璐т唬
- this.carNum = Number(params.carNum)
- this.carNumSurplusHuodai = this.forwardSurplus = Number(params.carNumSurplusHuodai)
- this.orderPlanId = params.orderPlanId
+ this.carNum = Number(params.carNum);
+ this.carNumSurplusHuodai = this.forwardSurplus = Number(params.carNumSurplusHuodai);
+ this.orderPlanId = params.orderPlanId;
this.$reqGet('forwardList', { OrderPlanId: params.orderPlanId }).then(res => {
if (res.data.length !== 0 && this.roleType == 1) {
this.jhOrderPlanForwardList = res.data.map(item => {
@@ -77,8 +87,8 @@
xsUserId: item.xsUserId === null ? 0 : item.xsUserId,
fleetId: item.fleetId === null ? 0 : item.fleetId,
checkboxValue1: ''
- }
- })
+ };
+ });
} else if (res.data.length !== 0 && this.roleType == 2) {
this.jhOrderPlanForwardList = res.data.map(item => {
return {
@@ -89,19 +99,19 @@
xsUserId: item.xsUserId === null ? 0 : item.xsUserId,
fleetId: item.fleetId === null ? 0 : item.fleetId,
checkboxValue1: ''
- }
- })
+ };
+ });
} else {
this.jhOrderPlanForwardList = this.jhOrderPlanForwardList.map(v => {
if (!v.orderPlanId) {
return {
...v,
orderPlanId: params.orderPlanId
- }
+ };
}
- })
+ });
}
- })
+ });
},
data() {
return {
@@ -128,209 +138,264 @@
list1: [{ name: '杞﹂槦' }, { name: '璐т唬' }],
tabHuoDai: false,
carNumSurplus1: '',
+ tempcarNumSurplus1: '',
cars2: '',
carNum: '',
carNumSurplusHuodai: '',
- formNum: 1
- }
+ formNum: 1,
+ // 涓汉杞彂鏁版嵁
+ personalForward: {},
+ whetherClick: false,
+ whetherClick1: false
+ };
},
onShow() {
- this.init()
+ this.init();
if (this.roleType == 2) {
- this.list1.splice(1, 1)
- this.tabHuoDai = false
+ this.list1.splice(1, 1);
+ this.tabHuoDai = false;
}
},
computed: {
roleType() {
- return uni.getStorageSync('roleType')
+ return uni.getStorageSync('roleType');
},
text() {
- return `宸查鍙�${this.cars2}寮犳彁鐓ゅ崟,鍓╀綑${this.carNumSurplus1}寮犳彁鐓ゅ崟`
+ return `宸查鍙�${this.cars2}寮犳彁鐓ゅ崟,鍓╀綑${this.carNumSurplus1}寮犳彁鐓ゅ崟`;
},
text1() {
- return `宸叉嫢鏈�${this.carNum}寮犳彁鐓ゅ崟,鍓╀綑${this.carNumSurplusHuodai}寮犳彁鐓ゅ崟`
+ return `宸叉嫢鏈�${this.carNum}寮犳彁鐓ゅ崟,鍓╀綑${this.carNumSurplusHuodai}寮犳彁鐓ゅ崟`;
}
},
methods: {
init() {
- console.log('roleType', this.roleType)
switch (this.roleType) {
case 1:
- this.getAllHuoDaiByCustomerId()
- this.getFleet()
- break
+ this.getAllHuoDaiByCustomerId();
+ this.getFleet();
+ break;
case 2:
- this.getFleet()
- break
+ this.getFleet();
+ break;
default:
- break
+ break;
}
},
allrelay(x, y) {
- let a = 0
+ let a = 0;
if (y != 0) {
- a = Number(x) + Number(y)
- return a
+ a = Number(x) + Number(y);
+ return a;
} else {
- return Number(x)
+ return Number(x);
}
},
allrelayto(x, y) {
- let a = 0
+ let a = 0;
if (y != 0) {
- a = Number(x) - Number(y)
- return a
+ a = Number(x) - Number(y);
+ return a;
} else {
- return Number(x)
+ return Number(x);
}
},
- checkboxChange(value, index) {
- uni.setStorageSync('allrelay', this.jhOrderPlanForwardList[index].carNum)
- this.jhOrderPlanForwardList = this.jhOrderPlanForwardList.map((v, i) => {
+ checkboxChange(value, index, v) {
+ this.jhOrderPlanForwardList = this.jhOrderPlanForwardList.map(v => {
return {
...v,
ischecked: false
- }
- })
+ };
+ });
if (value.length != 0) {
- let tempforwardSurplus = this.forwardSurplus
- let tempcarNumSurplus1 = this.carNumSurplus1
- // 璁＄畻鍏ㄩ儴杞彂鏁�
- // 瀹㈡埛
+ let tempforwardSurplus = this.forwardSurplus;
+ let tempcarNumSurplus1 = this.carNumSurplus1;
+ // if (v.id) {
+ // this.$reqGet('jhorderplanforward', { forwardId: v.id }).then(res => {
+ // this.personalForward = res.data;
+ // // 璁＄畻鍏ㄩ儴杞彂鏁�
+ // // 瀹㈡埛
+ // if (this.roleType == 1) {
+ // this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.personalForward.carNum, tempcarNumSurplus1);
+ // this.calculate(this.jhOrderPlanForwardList);
+ // if (tempcarNumSurplus1 == 0) {
+ // this.jhOrderPlanForwardList[index].carNum = this.allrelay(0, this.carNumSurplus1);
+ // }
+ // }
+ // tempcarNumSurplus1 = 0;
+ // // 璐т唬
+ // if (this.roleType == 2) {
+ // this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.personalForward.carNum, tempforwardSurplus);
+ // }
+ // tempforwardSurplus = 0;
+ // });
+ // } else { }
+
if (this.roleType == 1) {
- this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.jhOrderPlanForwardList[index].carNum, tempcarNumSurplus1)
+ this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.carNumSurplus1, this.jhOrderPlanForwardList[index].carNum);
+ this.calculate(this.jhOrderPlanForwardList);
}
- tempcarNumSurplus1 = 0
- // 璐т唬
if (this.roleType == 2) {
- this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.jhOrderPlanForwardList[index].carNum, tempforwardSurplus)
+ this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.forwardSurplus, this.jhOrderPlanForwardList[index].carNum);
+ this.calculate(this.jhOrderPlanForwardList);
}
- tempforwardSurplus = 0
// 閫夋嫨涓�涓悗鍏朵綑绂佹澶嶉��
this.jhOrderPlanForwardList.forEach((v, i) => {
if (i !== index) {
- v.ischecked = true
+ v.ischecked = true;
}
- })
+ });
+ this.whetherClick = true;
} else {
- let tempforwardSurplus = this.forwardSurplus
- let tempcarNumSurplus1 = this.carNumSurplus1
- // 璐т唬
- if (this.roleType == 2) {
- this.jhOrderPlanForwardList[index].carNum = this.allrelayto(this.jhOrderPlanForwardList[index].carNum, this.forwardSurplus)
- }
- // 瀹㈡埛
- if (this.roleType == 1) {
- this.jhOrderPlanForwardList[index].carNum = this.allrelayto(this.jhOrderPlanForwardList[index].carNum, this.carNumSurplus1)
- }
+ this.jhOrderPlanForwardList[index].carNum = 0;
+ this.calculate(this.jhOrderPlanForwardList);
}
},
// 鑾峰彇璐т唬鍒楄〃
getAllHuoDaiByCustomerId() {
this.$reqGet('getAllHuoDaiByCustomerId').then(res => {
- this.huoDaiData = res.data
- })
+ this.huoDaiData = res.data;
+ });
},
// 鑾峰彇杞﹂槦鍒楄〃
getFleet() {
this.$reqGet('getFleet').then(res => {
- this.fleetData = res.data
- })
+ this.fleetData = res.data;
+ });
},
// 杞彂
forwardObjectClick(index) {
- this.selectPopupShow = true
- this.index = index
+ this.selectPopupShow = true;
+ this.index = index;
},
selectPopupClose() {
- this.selectPopupShow = false
+ this.selectPopupShow = false;
},
selectPopupOpen() {},
// 杞彂閫夋嫨璐т唬
forwardHuoDaiObjectSelect(item, index) {
this.$nextTick(() => {
- let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name)
+ let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
if (isableAdd.length > 0) {
- this.$u.toast('瀛樺湪閲嶅娣诲姞')
- this.selectPopupShow = true
+ this.$u.toast('瀛樺湪閲嶅娣诲姞');
+ this.selectPopupShow = true;
} else {
- this.selectPopupShow = false
- this.jhOrderPlanForwardList[this.index].xsUserId = item.userId
- this.jhOrderPlanForwardList[this.index].name = item.name
- this.jhOrderPlanForwardList[this.index].fleetId = 0
+ this.selectPopupShow = false;
+ this.jhOrderPlanForwardList[this.index].xsUserId = item.userId;
+ this.jhOrderPlanForwardList[this.index].name = item.name;
+ this.jhOrderPlanForwardList[this.index].fleetId = 0;
}
- })
+ });
},
// 杞彂閫夋嫨杞﹂槦
forwardFleetObjectSelect(item, index) {
this.$nextTick(() => {
- let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name)
+ let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
if (isableAdd.length > 0) {
- this.$u.toast('瀛樺湪閲嶅娣诲姞')
- this.selectPopupShow = true
+ this.$u.toast('瀛樺湪閲嶅娣诲姞');
+ this.selectPopupShow = true;
} else {
- this.selectPopupShow = false
- this.jhOrderPlanForwardList[this.index].fleetId = item.id
- this.jhOrderPlanForwardList[this.index].name = item.name
- this.jhOrderPlanForwardList[this.index].xsUserId = 0
+ this.selectPopupShow = false;
+ this.jhOrderPlanForwardList[this.index].fleetId = item.id;
+ this.jhOrderPlanForwardList[this.index].name = item.name;
+ this.jhOrderPlanForwardList[this.index].xsUserId = 0;
}
- })
+ });
+ },
+ // 璁＄畻鎻愮叅鍗曟暟閲忥紝娣诲姞鎴栧垹闄ゆ椂璋冪敤
+ calculate(arr) {
+ let total = arr.reduce((prev, cur) => {
+ return cur.carNum + prev;
+ }, 0);
+ console.log(total, '鎻愮叅鍗曚竴鍏辩殑鏁版嵁');
+ if (this.roleType == 1) {
+ if (this.cars2 >= total) {
+ this.carNumSurplus1 = this.cars2 - total;
+ this.whetherClick = false;
+ this.whetherClick1 = false;
+ } else {
+ this.carNumSurplus1 = 0;
+ this.$u.toast('鍓╀綑鎻愮叅鍗曟暟閲忎笉瓒�');
+ this.whetherClick = true;
+ this.whetherClick1 = true;
+ }
+ }
+ return total;
+ },
+ debouncecarNumInput(index, value) {
+ let time;
+ let that = this;
+ return (function() {
+ if (!time) {
+ time = setTimeout(() => {
+ that.$set(that.jhOrderPlanForwardList[index], 'carNum', Number(value));
+ that.calculate(that.jhOrderPlanForwardList);
+ time = null;
+ }, 800);
+ }
+ })();
+ },
+ blurInput(index, value) {
+ this.$set(this.jhOrderPlanForwardList[index], 'carNum', Number(value));
+ this.calculate(this.jhOrderPlanForwardList);
},
// 娣诲姞涓�缁勮〃鍗�
addForm() {
// 鍒ゆ柇鏄惁鏈変竴涓閫夛紝濡傛灉鏈夊垯绂佹鏂板姞鐨勫閫夛紝娌℃湁鍒欎笉绂佹
- let ischeck = this.jhOrderPlanForwardList.some(v => v.ischecked == true)
+ let ischeck = this.jhOrderPlanForwardList.some(v => v.ischecked == true);
if (!ischeck) {
this.jhOrderPlanForwardList.push({
orderPlanId: this.orderPlanId,
name: '',
- carNum: 0,
+ carNum: null,
xsUserId: 0,
fleetId: 0,
checkboxValue1: '',
ischecked: false
- })
+ });
} else {
this.jhOrderPlanForwardList.push({
orderPlanId: this.orderPlanId,
name: '',
- carNum: 0,
+ carNum: null,
xsUserId: 0,
fleetId: 0,
checkboxValue1: '',
ischecked: true
- })
+ });
}
+ this.calculate(this.jhOrderPlanForwardList);
},
// 鍒犻櫎涓�缁勮〃鍗�
deleteGroup(index, v) {
- let tempcarNum = v.carNum
+ let tempcarNum = v.carNum;
if (v.id && this.jhOrderPlanForwardList[index].carNum !== tempcarNum) {
this.$reqPost('deleteForward', { id: v.id }, 'params').then(res => {
if (res.code === 0) {
- this.jhOrderPlanForwardList.splice(index, 1)
- this.$u.toast('鍒犻櫎鎴愬姛')
+ this.jhOrderPlanForwardList.splice(index, 1);
+ this.calculate(this.jhOrderPlanForwardList);
+ this.$u.toast('鍒犻櫎鎴愬姛');
} else if (res.code === 1) {
- this.$u.toast(res.msg)
+ this.$u.toast(res.msg);
}
- })
+ });
} else {
- this.jhOrderPlanForwardList.splice(index, 1)
- this.$u.toast('鍒犻櫎鎴愬姛')
+ this.jhOrderPlanForwardList.splice(index, 1);
+ this.calculate(this.jhOrderPlanForwardList);
+ this.$u.toast('鍒犻櫎鎴愬姛');
}
},
// 鎻愪氦
submitForm() {
- let isPass = false
+ let isPass = false;
if (this.jhOrderPlanForwardList.length === 0) {
- this.$u.toast('璇疯嚦灏戦�夋嫨涓�缁勮浆鍙戝璞�')
+ this.$u.toast('璇疯嚦灏戦�夋嫨涓�缁勮浆鍙戝璞�');
}
+ let reg = /^[1-9]\d*$/;
this.jhOrderPlanForwardList.forEach(v => {
- if (isNaN(Number(v.carNum)) || Number(v.carNum) <= 0) {
- this.$u.toast('璇疯緭鍏ュ悎娉曟暟瀛�')
- isPass = false
- return isPass
+ if (!reg.test(v.carNum) || Number(v.carNum) <= 0) {
+ this.$u.toast('璇疯緭鍏ュ悎娉曟暟瀛�');
+ isPass = false;
+ return isPass;
}
// else if (Number(v.carNum) > Number(this.forwardSurplus)) {
// this.$u.toast('瓒呰繃鏈�澶ц鍗曞墿浣欓噺');
@@ -338,33 +403,33 @@
// return isPass;
// }
else {
- isPass = true
- return isPass
+ isPass = true;
+ return isPass;
}
- })
+ });
if (isPass) {
this.$reqPost('forward', this.jhOrderPlanForwardList, 'json').then(res => {
- console.log(res, 'zh')
+ console.log(res, 'zh');
if (res.code == 0) {
- this.$u.toast('鎻愪氦鎴愬姛')
+ this.$u.toast('鎻愪氦鎴愬姛');
setTimeout(() => {
- uni.navigateBack({ delta: 1 })
- }, 1000)
+ uni.navigateBack({ delta: 1 });
+ }, 1000);
} else {
- this.$u.toast(res.msg)
+ this.$u.toast(res.msg);
}
- })
+ });
}
},
tabClick(item) {
if (item.name == '璐т唬') {
- this.tabHuoDai = true
+ this.tabHuoDai = true;
} else {
- this.tabHuoDai = false
+ this.tabHuoDai = false;
}
}
}
-}
+};
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.1