From 79993be468244e6cc16ce9c1d7e8736bd359c600 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期五, 05 五月 2023 14:48:51 +0800 Subject: [PATCH] 样式全面修改,所有页面焕然一新 --- pages/public-page/forward/forward.vue | 241 ++++++++++++++++++++++++++---------------------- 1 files changed, 131 insertions(+), 110 deletions(-) diff --git a/pages/public-page/forward/forward.vue b/pages/public-page/forward/forward.vue index 885473b..e1a090f 100644 --- a/pages/public-page/forward/forward.vue +++ b/pages/public-page/forward/forward.vue @@ -11,7 +11,7 @@ <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)"> + <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> @@ -54,18 +54,18 @@ </template> <script> -import { customerId } from '@/utils/status' +import { customerId } from '@/utils/status'; 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.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 +77,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 +89,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 { @@ -131,156 +131,177 @@ cars2: '', carNum: '', carNumSurplusHuodai: '', - formNum: 1 - } + formNum: 1, + // 涓汉杞彂鏁版嵁 + personalForward: {} + }; }, 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) + checkboxChange(value, index, v) { + uni.setStorageSync('allrelay', this.jhOrderPlanForwardList[index].carNum); this.jhOrderPlanForwardList = this.jhOrderPlanForwardList.map((v, i) => { return { ...v, ischecked: false - } - }) + }; + }); if (value.length != 0) { - let tempforwardSurplus = this.forwardSurplus - let tempcarNumSurplus1 = this.carNumSurplus1 - // 璁$畻鍏ㄩ儴杞彂鏁� - // 瀹㈡埛 - if (this.roleType == 1) { - this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.jhOrderPlanForwardList[index].carNum, tempcarNumSurplus1) + 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); + } + 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, this.carNumSurplus1); + } + tempcarNumSurplus1 = 0; + if (this.roleType == 2) { + this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.jhOrderPlanForwardList[index].carNum, this.forwardSurplus); + } + tempforwardSurplus = 0; } - tempcarNumSurplus1 = 0 - // 璐т唬 - if (this.roleType == 2) { - this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.jhOrderPlanForwardList[index].carNum, tempforwardSurplus) - } - tempforwardSurplus = 0 // 閫夋嫨涓�涓悗鍏朵綑绂佹澶嶉�� this.jhOrderPlanForwardList.forEach((v, i) => { if (i !== index) { - v.ischecked = true + v.ischecked = true; } - }) + }); } else { - let tempforwardSurplus = this.forwardSurplus - let tempcarNumSurplus1 = this.carNumSurplus1 + let tempforwardSurplus = this.forwardSurplus; + let tempcarNumSurplus1 = this.carNumSurplus1; // 璐т唬 if (this.roleType == 2) { - this.jhOrderPlanForwardList[index].carNum = this.allrelayto(this.jhOrderPlanForwardList[index].carNum, this.forwardSurplus) + this.jhOrderPlanForwardList[index].carNum = this.allrelayto(this.jhOrderPlanForwardList[index].carNum, this.forwardSurplus); + if (this.jhOrderPlanForwardList[index].carNum <= 0) { + this.jhOrderPlanForwardList[index].carNum = 0; + } } // 瀹㈡埛 if (this.roleType == 1) { - this.jhOrderPlanForwardList[index].carNum = this.allrelayto(this.jhOrderPlanForwardList[index].carNum, this.carNumSurplus1) + this.jhOrderPlanForwardList[index].carNum = this.allrelayto(this.jhOrderPlanForwardList[index].carNum, this.carNumSurplus1); + if (this.jhOrderPlanForwardList[index].carNum <= 0) { + this.jhOrderPlanForwardList[index].carNum = 0; + } } } }, // 鑾峰彇璐т唬鍒楄〃 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; } - }) + }); }, // 娣诲姞涓�缁勮〃鍗� 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, @@ -290,7 +311,7 @@ fleetId: 0, checkboxValue1: '', ischecked: false - }) + }); } else { this.jhOrderPlanForwardList.push({ orderPlanId: this.orderPlanId, @@ -300,37 +321,37 @@ fleetId: 0, checkboxValue1: '', ischecked: true - }) + }); } }, // 鍒犻櫎涓�缁勮〃鍗� 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.$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.$u.toast('鍒犻櫎鎴愬姛'); } }, // 鎻愪氦 submitForm() { - let isPass = false + let isPass = false; if (this.jhOrderPlanForwardList.length === 0) { - this.$u.toast('璇疯嚦灏戦�夋嫨涓�缁勮浆鍙戝璞�') + this.$u.toast('璇疯嚦灏戦�夋嫨涓�缁勮浆鍙戝璞�'); } this.jhOrderPlanForwardList.forEach(v => { if (isNaN(Number(v.carNum)) || Number(v.carNum) <= 0) { - this.$u.toast('璇疯緭鍏ュ悎娉曟暟瀛�') - isPass = false - return isPass + this.$u.toast('璇疯緭鍏ュ悎娉曟暟瀛�'); + isPass = false; + return isPass; } // else if (Number(v.carNum) > Number(this.forwardSurplus)) { // this.$u.toast('瓒呰繃鏈�澶ц鍗曞墿浣欓噺'); @@ -338,33 +359,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