增加新功能，修复bug

qingyiay

2023-05-30 4b74ae71c84d7c3a2fcc83d1ef75f11f8f8c05e0

 pages/customer-page/customer-my/customer-my.vue

@@ -1,11 +1,14 @@
<template>
   <view class="customer-my">
      <view class="driver-banner"><view class="navgation">我的</view></view>
      <view class="driver-banner">
         <view class="navgation">我的</view>
      </view>
      <view class="personal-information">
         <view class="personal-information-block">
            <view class="block-main">
               <view class="huodai">
                  <combined-title title="我的货代" @rightText="addHuoDai">
                  <combined-title title="我的货代"
                     @rightText="addHuoDai">
                     <template v-slot:rightText>
                        <text>添加</text>
                     </template>
@@ -13,9 +16,18 @@
                  <view class="huodai-list">
                     <u-swipe-action>
                        <u-cell-group :border="false">
                           <u-swipe-action-item :options="options1" v-for="(item, index) in huoDaiData" :key="item.userId" :name="item.userId" @click="deleteHuoDaiClick">
                              <u-cell :title="item.name" value="详情" @click="toFreightForwarderDetails(item.userId)">
                                 <u-icon name="arrow-right" color="#999999" size="30" slot="right-icon"></u-icon>
                           <u-swipe-action-item :options="options1"
                              v-for="(item, index) in huoDaiData"
                              :key="item.userId"
                              :name="item.userId"
                              @click="deleteHuoDaiClick">
                              <u-cell :title="item.name"
                                 value="详情"
                                 @click="toFreightForwarderDetails(item.userId)">
                                 <u-icon name="arrow-right"
                                    color="#999999"
                                    size="30"
                                    slot="right-icon"></u-icon>
                              </u-cell>
                           </u-swipe-action-item>
                        </u-cell-group>
@@ -27,7 +39,8 @@
         <view class="personal-information-block">
            <view class="block-main">
               <view class="fleet-container">
                  <combined-title title="我的车队" @rightText="addFleet">
                  <combined-title title="我的车队"
                     @rightText="addFleet">
                     <template v-slot:rightText>
                        <text>添加</text>
                     </template>
@@ -35,9 +48,18 @@
                  <view class="fleet-list">
                     <u-swipe-action>
                        <u-cell-group :border="false">
                           <u-swipe-action-item :options="options1" v-for="(item, index) in fleetData" :key="item.id" :name="item.id" @click="deleteFleetClick">
                              <u-cell :title="item.name" :value="item.userSijisum + '辆'" @click="tofleetDetails(item.id)">
                                 <u-icon name="arrow-right" color="#999999" size="30" slot="right-icon"></u-icon>
                           <u-swipe-action-item :options="options1"
                              v-for="(item, index) in fleetData"
                              :key="item.id"
                              :name="item.id"
                              @click="deleteFleetClick">
                              <u-cell :title="item.name"
                                 :value="item.userSijisum + '辆'"
                                 @click="tofleetDetails(item.id)">
                                 <u-icon name="arrow-right"
                                    color="#999999"
                                    size="30"
                                    slot="right-icon"></u-icon>
                              </u-cell>
                           </u-swipe-action-item>
                        </u-cell-group>
@@ -49,59 +71,81 @@
      </view>

      <view class="utils-button">
         <view class="statistics"><u-button text="用户管理" type="primary" @click="userManage" v-if="roleType == 1 && userEntity.isHostUser === '0'"></u-button></view>
         <view class="logout"><u-button text="退出登录" type="primary" @click="logout()"></u-button></view>
         <view class="statistics"><u-button text="用户管理"
               type="primary"
               @click="userManage"
               v-if="roleType == 1 && userEntity.isHostUser === '0'"></u-button></view>
         <view class="logout"><u-button text="退出登录"
               type="primary"
               @click="logout()"></u-button></view>
      </view>

      <u-toast ref="uToast"></u-toast>
      <!-- 新建车队弹出框 -->
      <view class="addNewGroup">
         <u-popup :show="updateGroupShow" @close="addNewFleetPopupClose" @open="addNewFleetPopupOpen" mode="center">
            <view class="title"><u--text text="新建车队" size="30" lineHeight="80" align="center"></u--text></view>
         <u-popup :show="updateGroupShow"
            @close="addNewFleetPopupClose"
            @open="addNewFleetPopupOpen"
            mode="center">
            <view class="title"><u--text text="新建车队"
                  size="30"
                  lineHeight="80"
                  align="center"></u--text></view>
            <view class="addCarForm">
               <u--form labelPosition="left" :model="addGroupForm" ref="form1" labelAlign="center">
                  <u-form-item label="组名" borderBottom ref="groupName" labelWidth="100">
                     <u--input v-model="addGroupForm.name" border="none" placeholder="请输入车队名称"></u--input>
               <u--form labelPosition="left"
                  :model="addGroupForm"
                  ref="form1"
                  labelAlign="center">
                  <u-form-item label="组名"
                     borderBottom
                     ref="groupName"
                     labelWidth="100">
                     <u--input v-model="addGroupForm.name"
                        border="none"
                        placeholder="请输入车队名称"></u--input>
                  </u-form-item>
                  <!-- <u-form-item label="车牌" borderBottom ref="cars" labelWidth="80">
              <u--textarea maxlength="2000" v-model="addGroupForm.carNums" placeholder="请输入车牌" height="150"></u--textarea>
            </u-form-item> -->
               </u--form>
            </view>
            <view class="addCarButton"><u-button text="添加" type="primary" @click="addNewGroupClick"></u-button></view>
            <view class="addCarButton"><u-button text="添加"
                  type="primary"
                  @click="addNewGroupClick"></u-button></view>
         </u-popup>
      </view>

      <!-- 删除货代模态框 -->
      <view class="deleteHuoDaiModal">
         <u-modal
            :show="deleteHuoDaiShow"
         <u-modal :show="deleteHuoDaiShow"
            :title="deleteHuoDaiTitle"
            @close="deleteHuoDaiClose"
            @cancel="deleteHuoDaiCancel"
            @confirm="deleteHuoDaiConfirm"
            :closeOnClickOverlay="true"
            :showCancelButton="true"
         >
            :showCancelButton="true">
            <view class="slot-content"><rich-text :nodes="deleteHuoDaiContent"></rich-text></view>
         </u-modal>
      </view>
      <!-- 删除车队模态框 -->
      <view class="deleteFleetModal">
         <u-modal
            :show="deleteFleetShow"
         <u-modal :show="deleteFleetShow"
            :title="deleteFleetTitle"
            @close="deleteFleetClose"
            @cancel="deleteFleetCancel"
            @confirm="deleteFleetConfirm"
            :closeOnClickOverlay="true"
            :showCancelButton="true"
         >
            :showCancelButton="true">
            <view class="slot-content"><rich-text :nodes="deleteFleetContent"></rich-text></view>
         </u-modal>
      </view>

      <view class="logoutModel">
         <u-modal :show="logoutShow" :title="logoutTitle" showCancelButton :content="logoutContent" @confirm="logoutConfirm" @cancel="logoutCancel"></u-modal>
         <u-modal :show="logoutShow"
            :title="logoutTitle"
            showCancelButton
            :content="logoutContent"
            @confirm="logoutConfirm"
            @cancel="logoutCancel"></u-modal>
      </view>
   </view>
</template>
@@ -123,11 +167,9 @@
            name: ''
         },
         updateGroupShow: false,
         options1: [
            {
            options1: [{
               text: '删除'
            }
         ],
            }],
         // 删除货代模态框
         deleteHuoDaiId: null, // 删除货代id
         deleteHuoDaiShow: false,
@@ -211,12 +253,19 @@
         this.$reqPost('saveFleet', this.addGroupForm, 'params')
            .then(res => {
               uni.hideLoading();
               console.log(res, '新建车队');
               if (res.code == 0) {
                  this.$u.toast('添加成功');
                  let v = res.code == 0
                  if (v) {
                     this.$refs.uToast.show({
                        type: 'default',
                        message: "添加成功",
                     })
               } else {
                  this.$u.toast(res.msg ? res.msg : '添加失败');
                     this.$refs.uToast.show({
                        type: 'error',
                        message: res.msg ? res.msg : '添加失败',
                     })
               }
                  console.log(res.msg, '新建车队');
            })
            .then(r => {
               this.getFleet();
@@ -325,18 +374,22 @@
};
</script>

<style lang="scss" scoped>
<style lang="scss"
   scoped>
@mixin flex {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.utils-button {
   margin-top: vww(35);

   .statistics,
   .logout {
      margin-top: vww(10);
      margin-bottom: vww(10);

      /deep/ .u-button {
         width: 631rpx;
         height: 74rpx;
@@ -351,6 +404,7 @@
::v-deep.customer-my {
   width: 100%;
   margin: vww(90) auto;

   .driver-banner {
      width: 100%;
      height: 430rpx;
@@ -358,6 +412,7 @@
      background-size: contain;
      position: fixed;
      top: 0;

      .navgation {
         width: 80rpx;
         height: 37rpx;
@@ -368,6 +423,7 @@
         margin: vww(60) auto;
      }
   }

   .personal-information {
      width: 100%;
      display: flex;
@@ -376,6 +432,7 @@
      flex-direction: column;
      position: relative;
      top: vww(20);

      &-block {
         width: 690rpx;
         min-height: 478rpx;
@@ -386,6 +443,7 @@
         flex-direction: column;
         justify-content: space-between;
         margin-top: vww(8);

         .block-main {
            width: 636rpx;
            margin: vww(10) vww(14);
@@ -439,8 +497,7 @@
               font-size: 20px;

               .u-text {
                  .u-text__value {
                  }
                     .u-text__value {}
               }
            }