增加发运统计页面,修改websocket，增加消息推送

qingyiay

2023-04-14 0becab45282781f281ad5aa04202b83039ab275e

 pages/public-page/forward/forward.vue

@@ -3,16 +3,16 @@
   <view class="forward">
      <view v-if="roleType == 1"><u-notice-bar :text="text" :fontSize="30" mode="link"></u-notice-bar></view>
      <view v-else-if="roleType == 2"><u-notice-bar :text="text1" :fontSize="30" mode="link"></u-notice-bar></view>
      <view class="forward-card" v-for="(val, index) in jhOrderPlanForwardList">
      <view class="forward-card" v-for="(val, index) in jhOrderPlanForwardList" :key="index">
         <u--form labelPosition="top" :model="forwardForm" ref="form1">
            <u-form-item label="转发对象" labelWidth="20%" ref="item1" @click="forwardObjectClick(index)">
               <u--input v-model="val.name" placeholder="点击选择转发对象"></u--input>
               <u--input v-model="val.name" placeholder="点击选择转发对象" :readonly="true"></u--input>
            </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)">
                     <u-checkbox :customStyle="{ marginBottom: '8px' }" size="30" labelSize="30" label="全部转发" name="全部转发"></u-checkbox>
                     <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,27 +58,33 @@

export default {
   onLoad(params) {
      console.log(params, '转发页面的参数');
      // 客户
      this.cars2 = Number(params.cars2);
      this.carNumSurplus1 = Number(params.carNumSurplus1);
      // 货代
      this.carNum = Number(params.carNum);
      this.carNumSurplusHuodai = Number(params.carNumSurplusHuodai);
      if (params.carNumSurplus1 || params.carNumSurplusHuodai) {
         if (params.carNumSurplus1 != 0) {
            this.forwardSurplus = params.carNumSurplus1;
         } else if (params.carNumSurplusHuodai != 0) {
            this.forwardSurplus = params.carNumSurplusHuodai;
         }
      }
      this.carNumSurplusHuodai = this.forwardSurplus = Number(params.carNumSurplusHuodai);
      this.orderPlanId = params.orderPlanId;
      this.$reqGet('forwardList', { OrderPlanId: params.orderPlanId }).then(res => {
         if (res.data.length !== 0) {
         if (res.data.length !== 0 && this.roleType == 1) {
            this.jhOrderPlanForwardList = res.data.map(item => {
               return {
                  id: item.id,
                  orderPlanId: item.orderPlanId,
                  name: item.xsUserName === null ? item.fleetName : item.xsUserName,
                  carNum: item.carNum,
                  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 {
                  id: item.id,
                  orderPlanId: item.orderPlanId,
                  name: item.fleetName,
                  carNum: item.carNum,
                  xsUserId: item.xsUserId === null ? 0 : item.xsUserId,
                  fleetId: item.fleetId === null ? 0 : item.fleetId,
@@ -115,14 +125,7 @@
         index: '',
         checkboxValue1: '',
         selectPopupShow: false,
         list1: [
            {
               name: '车队'
            },
            {
               name: '货代'
            }
         ],
         list1: [{ name: '车队' }, { name: '货代' }],
         tabHuoDai: false,
         carNumSurplus1: '',
         cars2: '',
@@ -143,10 +146,10 @@
         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: {
@@ -164,109 +167,202 @@
               break;
         }
      },
      checkboxChange(value, index) {
         console.log('复选框变化', value, index);
         if (value.length != 0) {
            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) {
         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);
            }
            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;
               }
            });
         } 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) {
         if (v.id) {
         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('删除成功');
               } else if (res.code === 1) {
                  this.$u.toast(res.msg);
               }
            });
         } else {
            this.jhOrderPlanForwardList.splice(index, 1);
            this.$u.toast('删除成功');
         }
      },
      // 提交
      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('请输入合法数字');
               isPass = false;
               return isPass;
            } else if (Number(v.carNum) > Number(this.forwardSurplus)) {
               this.$u.toast('超过最大订单剩余量');
               isPass = false;
               return isPass;
            } else {
            }
            // else if (Number(v.carNum) > Number(this.forwardSurplus)) {
            //    this.$u.toast('超过最大订单剩余量');
            //    isPass = false;
            //    return isPass;
            // }
            else {
               isPass = true;
               return isPass;
            }
         });
         if (isPass) {
            this.$reqPost('forward', this.jhOrderPlanForwardList, 'json').then(res => {
               console.log(res, 'zh');
               if (res.code == 0) {
                  this.$u.toast('提交成功');
                  setTimeout(() => {
                     uni.navigateBack({ delta: 1 });
                  }, 1000);
               } else {
                  this.$u.toast(res.msg);
               }
            });
         }
      },
      tabClick(item) {
         console.log('tab点击', item);
         if (item.name == '货代') {
            this.tabHuoDai = true;
         } else {