feat:转发bug

yangan

2024-06-12 6efa94990672ea4c1d83b6f0e7cb5b66d020bc2d

 pages/customer-page/addTo-freightForwarder-driver/addTo-freightForwarder-driver.vue

@@ -2,115 +2,190 @@
   <!-- 添加货代或司机 -->
   <view class="addTo-freightForwarder-drvier">
      <view class="addForm">
         <u--form labelPosition="top" ref="form1">
            <u-form-item labelWidth="20%" label="姓名" ref="item1"><u--input v-model="name" :customStyle="{ border: '1px solid #dddddd' }"></u--input></u-form-item>
            <u-form-item labelWidth="25%" label="手机号" ref="item1"><u--input v-model="phone" :customStyle="{ border: '1px solid #dddddd' }"></u--input></u-form-item>
            <u-form-item labelWidth="25%" label="汽车车牌号" ref="item1" v-if="role == 2">
               <u--input v-model="carNo" :customStyle="{ border: '1px solid #dddddd' }"></u--input>
         <u--form labelPosition="top"
            ref="form1">
            <u-form-item labelWidth="20%"
               label="姓名"
               v-if="role == 1"
               ref="item1"><u--input v-model="name"
                  :customStyle="{ border: '1px solid #dddddd' }"></u--input></u-form-item>
            <u-form-item labelWidth="25%"
               label="手机号"
               v-if="role == 1"
               ref="item1"><u--input v-model="phone"
                  :customStyle="{ border: '1px solid #dddddd' }"></u--input></u-form-item>
                  <view><u-alert 
                     fontSize="25"
                     showIcon
                     type = "warning"
                     :title="text1" v-if="role== 2"></u-alert></view>
            <u-form-item labelWidth="25%"
               label="汽车车牌号"
               ref="item1"
               v-if="role == 2">
               <u--textarea  
               :height="200" v-model="carNo"
               placeholder="请按照 司机车牌号,司机车牌号 格式创建,并使用逗号分隔"
                  :customStyle="{ border: '1px solid #dddddd' }"></u--textarea>
            </u-form-item>
         </u--form>
      </view>
      <view class="addBtn"><u-button text="邀请" type="primary" @click="addToHuoDaiOrDriver"></u-button></view>
      <div v-show="noneDriverList.length!==0" class="abnormal-block">
        <view style="font-size: 18px;display: flex;">以下<b>{{ noneDriverList.length }}</b>位司机存在异常</view>
        <div v-for="(item,i) in noneDriverList" :key="i" class="abnormal-list">
          {{ item }}
        </div>
      </div>
      <view class="else-invite"
         @click="elseInvite">
         +从其他车队选择
      </view>
      <view class="addBtn"><u-button text="邀请"
            type="primary"
            @click="addToHuoDaiOrDriver"
            :loading="loading"></u-button></view>
   </view>
</template>

<script>
import { customerId } from '@/utils/status.js';
export default {
   onLoad(params) {
      this.role = params.role;
      if (params.fleetId) {
         this.fleetId = params.fleetId;
      }
   },
   data() {
      return {
         role: null, // 决定添加货代司机，还是车队司机
         fleetId: null,
         name: '',
         phone: '',
         carNo: '',
         customerId
      };
   },
   methods: {
      init() {},
      addToHuoDaiOrDriver() {
         switch (this.role) {
            case '1':
               if (this.name == '' || this.phone == '') {
                  uni.showToast({
                     title: '请规范输入！',
                     icon: 'error',
                     duration: 2000
                  });
               } else {
                  this.bindHuoDai();
               }
               break;
            case '2':
               if (this.name == '' || this.phone == '' || this.carNo == '') {
                  uni.showToast({
                     title: '请规范输入！',
                     icon: 'error',
                     duration: 2000
                  });
               } else {
                  this.bindUserFleet();
               }
            default:
               break;
   import { customerId } from '@/utils/status.js';
   export default {
      onLoad(params) {
         this.role = params.role;
         if (params.fleetId) {
            this.fleetId = params.fleetId;
         }
      },
      // 邀请货代
      bindHuoDai() {	
         // this.$reqPost('bindHuoDai', { customerId: this.customerId, name: this.name, phone: this.phone }, 'params').then(res => {
         this.$reqPost('bindHuoDai', { name: this.name, phone: this.phone }).then(res => {
            if (res.code == 0) {
               this.$u.toast(res.msg ? res.msg : res.data);
               setTimeout(() => {
                  uni.navigateBack({
                     delta: 1
                  });
               }, 1000);
            }
            console.log('邀请货代', res);
         });
      data() {
         return {
            role: null, // 决定添加货代司机，还是车队司机
            fleetId: null,
            text1:'请核实信息慎重添加，以免后续出现承运风险',
            name: '',
            phone: '',
            carNo: '',
            noneDriverList:[],
            customerId,
            loading: false
         };
      },
      // 邀请司机
      bindUserFleet() {
         this.$reqPost('bindUserFleet', { fleetId: this.fleetId, name: this.name, phone: this.phone, carNo: this.carNo }, 'params').then(res => {
            console.log('邀请司机', res);
            if (res.code == 0) {
               this.$u.toast(res.data?res.data:'操作成功');
               uni.navigateBack({
                  delta: 1
               });
            } else {
               uni.showToast({
                  title: res.msg,
                  icon: 'null',
                  duration: 2000
               });
      methods: {
         init() {},
         addToHuoDaiOrDriver() {
            switch (this.role) {
               case '1':
                  if (this.name == '' || this.phone == '') {
                     uni.showToast({
                        title: '请规范输入！',
                        icon: 'error',
                        duration: 2000
                     });
                  } else {
                     this.bindHuoDai();
                  }
                  break;
               case '2':
                  if (this.carNo == '') {
                     uni.showToast({
                        title: '请规范输入！',
                        icon: 'error',
                        duration: 2000
                     });
                  } else {
                     this.bindUserFleet();
                  }
               default:
                  break;
            }
         });
         },
         // 邀请货代
         bindHuoDai() {
            this.loading = true
            this.$reqPost('bindHuoDai', { name: this.name, phone: this.phone }, 'params').then(res => {
               this.loading = false
               if (res.code == 0) {
                  this.$u.toast('添加成功');
                  setTimeout(() => {
                     uni.navigateBack()
                     uni.$emit('needRefresh')
                     // uni.switchTab({
                     //    url: '/pages/tabbar-page/myPage-tabbar/myPage-tabbar'
                     // });
                  }, 1000);
               } else {
                  this.$u.toast(res.msg ? res.msg : '未成功添加');
               }
            }).catch(e => {
               this.loading = false
            })
         },
         // 邀请司机
         bindUserFleet() {
            this.loading = true
            this.$reqPost('bindUserFleet', {
               fleetId: this.fleetId,
               text: this
                  .carNo
            },'params').then(res => {
               console.log('邀请司机', res);
               this.loading = false
               if (res.code == 0) {
                  this.noneDriverList = res.data;
                  if(this.noneDriverList.length){
                     this.$u.toast( '输入司机车牌号异常');

                  }else{
                     this.$u.toast(res.msg ? res.msg : '操作成功');
                  setTimeout(() => {
                     uni.navigateBack()
                     uni.$emit('needRefresh')
                     // uni.switchTab({
                     //    url: '/pages/tabbar-page/myPage-tabbar/myPage-tabbar'
                     // });
                  }, 1000)
                  }
						
               } else {
                  uni.showToast({
                     title: res.msg ? res.msg : '操作失败',
                     duration: 2000
                  });
               }
            }).catch(e => {
               this.loading = false
            })
         },
         elseInvite() {
            uni.navigateTo({
               url: `/pages/public-page/selectFleet/selectFleet?fleetId=${this.fleetId}`
            })
         }
      }
   }
};
   };
</script>

<style lang="scss" scoped>
::v-deep.addTo-freightForwarder-drvier {
   width: 90%;
   margin: 0 auto;
   .addForm {
      margin: 0 auto;
   }
   .addBtn {
<style lang="scss"
   scoped>
   ::v-deep.addTo-freightForwarder-drvier {
      width: 90%;
      position: fixed;
      bottom: vww(48);
      margin: 0 auto;

      .addForm {
         margin: 0 auto;
      }

      .else-invite {
         width: vww(150);
         margin: 0 auto;
         color: #3c9cff;
         margin-top: vww(40);
      }

      .addBtn {
         width: 90%;
         position: fixed;
         bottom: vww(48);
         margin: 0 auto;
      }
   }
}
</style>
</style>