修改样式，修复已知bug

qingyiay

2023-04-24 bb52e0d4baffe8e0486c951e525b6614bd4aaa28

 pages/public-page/forward/forward.vue

@@ -11,8 +11,8 @@
            <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 :customStyle="{ marginBottom: '8px' }" size="30" labelSize="30" label="全部转发" name="全部转发"></u-checkbox>
                  <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>
            </u-form-item>
@@ -32,14 +32,18 @@
               <view class="" v-if="!tabHuoDai">
                  <u-cell-group>
                     <u-cell v-for="(item, index) in fleetData" :key="index" :title="item.name">
                        <view class="cell-util" slot="value"><u-button @click="forwardFleetObjectSelect(item)" text="选择" type="primary" size="mini"></u-button></view>
                        <view class="cell-util" slot="value">
                           <u-button @click="forwardFleetObjectSelect(item, index)" text="选择" type="primary" size="mini"></u-button>
                        </view>
                     </u-cell>
                  </u-cell-group>
               </view>
               <view class="" v-else-if="tabHuoDai">
                  <u-cell-group>
                     <u-cell v-for="(item, index) in huoDaiData" :key="index" :title="item.name">
                        <view class="cell-util" slot="value"><u-button @click="forwardHuoDaiObjectSelect(item)" text="选择" type="primary" size="mini"></u-button></view>
                        <view class="cell-util" slot="value">
                           <u-button @click="forwardHuoDaiObjectSelect(item, index)" text="选择" type="primary" size="mini"></u-button>
                        </view>
                     </u-cell>
                  </u-cell-group>
               </view>
@@ -54,6 +58,7 @@

export default {
   onLoad(params) {
      console.log(params, '转发页面的参数');
      // 客户
      this.cars2 = Number(params.cars2);
      this.carNumSurplus1 = Number(params.carNumSurplus1);
@@ -120,20 +125,15 @@
         index: '',
         checkboxValue1: '',
         selectPopupShow: false,
         list1: [
            {
               name: '车队'
            },
            {
               name: '货代'
            }
         ],
         list1: [{ name: '车队' }, { name: '货代' }],
         tabHuoDai: false,
         carNumSurplus1: '',
         cars2: '',
         carNum: '',
         carNumSurplusHuodai: '',
         formNum: 1
         formNum: 1,
         // 个人转发数据
         personalForward: {}
      };
   },
   onShow() {
@@ -148,15 +148,14 @@
         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();
@@ -169,66 +168,153 @@
               break;
         }
      },
      checkboxChange(value, index) {
         console.log('复选框变化', value, index);
         if (value.length != 0) {
            console.log(this.forwardSurplus, '货代转发全部数量');
            this.jhOrderPlanForwardList[index].carNum = this.forwardSurplus;
      allrelay(x, y) {
         let a = 0;
         if (y != 0) {
            a = Number(x) + Number(y);
            return a;
         } else {
            this.jhOrderPlanForwardList[index].carNum = null;
            return Number(x);
         }
      },
      allrelayto(x, y) {
         let a = 0;
         if (y != 0) {
            a = Number(x) - Number(y);
            return a;
         } else {
            return Number(x);
         }
      },
      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;
            let jhorderplanforward = () => {
               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;
               });
            };
            jhorderplanforward();
            // 选择一个后其余禁止复选
            this.jhOrderPlanForwardList.forEach((v, i) => {
               if (i !== index) {
                  v.ischecked = 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.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);
               if (this.jhOrderPlanForwardList[index].carNum <= 0) {
                  this.jhOrderPlanForwardList[index].carNum = 0;
               }
            }
         }
      },
      // 获取货代列表
      getAllHuoDaiByCustomerId() {
         this.$reqGet('getAllHuoDaiByCustomerId').then(res => {
            this.huoDaiData = res.data;
            console.log('货代列表', res);
         });
      },
      // 获取车队列表
      getFleet() {
         this.$reqGet('getFleet').then(res => {
            this.fleetData = res.data;
            console.log('车队列表', res);
         });
      },
      // 转发
      forwardObjectClick(index) {
         this.selectPopupShow = true;
         this.index = index;
         console.log(this.huoDaiData, this.fleetData, '转发');
      },
      selectPopupClose() {
         this.selectPopupShow = false;
      },
      selectPopupOpen() {
         console.log('弹出框打开了');
      },
      selectPopupOpen() {},
      // 转发选择货代
      forwardHuoDaiObjectSelect(item) {
         this.selectPopupShow = false;
         this.jhOrderPlanForwardList[this.index].xsUserId = item.userId;
         this.jhOrderPlanForwardList[this.index].name = item.name;
         this.jhOrderPlanForwardList[this.index].fleetId = 0;
         console.log('货代选择', this.jhOrderPlanForwardList[this.index]);
      forwardHuoDaiObjectSelect(item, index) {
         this.$nextTick(() => {
            let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
            if (isableAdd.length > 0) {
               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;
            }
         });
      },
      // 转发选择车队
      forwardFleetObjectSelect(item) {
         this.selectPopupShow = false;
         this.jhOrderPlanForwardList[this.index].fleetId = item.id;
         this.jhOrderPlanForwardList[this.index].name = item.name;
         this.jhOrderPlanForwardList[this.index].xsUserId = 0;
         console.log('车队选择', this.jhOrderPlanForwardList[this.index]);
      },
      addForm() {
         this.jhOrderPlanForwardList.push({
            orderPlanId: this.orderPlanId,
            name: '',
            carNum: 0,
            xsUserId: 0,
            fleetId: 0,
            checkboxValue1: ''
      forwardFleetObjectSelect(item, index) {
         this.$nextTick(() => {
            let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
            if (isableAdd.length > 0) {
               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;
            }
         });
      },
      // 添加一组表单
      addForm() {
         // 判断是否有一个复选，如果有则禁止新加的复选，没有则不禁止
         let ischeck = this.jhOrderPlanForwardList.some(v => v.ischecked == true);
         if (!ischeck) {
            this.jhOrderPlanForwardList.push({
               orderPlanId: this.orderPlanId,
               name: '',
               carNum: 0,
               xsUserId: 0,
               fleetId: 0,
               checkboxValue1: '',
               ischecked: false
            });
         } else {
            this.jhOrderPlanForwardList.push({
               orderPlanId: this.orderPlanId,
               name: '',
               carNum: 0,
               xsUserId: 0,
               fleetId: 0,
               checkboxValue1: '',
               ischecked: true
            });
         }
      },
      // 删除一组表单
      deleteGroup(index, v) {
@@ -250,6 +336,9 @@
      // 提交
      submitForm() {
         let isPass = false;
         if (this.jhOrderPlanForwardList.length === 0) {
            this.$u.toast('请至少选择一组转发对象');
         }
         this.jhOrderPlanForwardList.forEach(v => {
            if (isNaN(Number(v.carNum)) || Number(v.carNum) <= 0) {
               this.$u.toast('请输入合法数字');
@@ -281,7 +370,6 @@
         }
      },
      tabClick(item) {
         console.log('tab点击', item);
         if (item.name == '货代') {
            this.tabHuoDai = true;
         } else {