feat:液氯瓶装同步pvc

yangan

2024-10-15 5211e91aa2a919a9026b1db61bc1740c97d78c51

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

@@ -1,349 +1,915 @@
<template>
   <view class="customer-my">
      <view class="huodai">
         <combined-title title="我的货代" @rightText="addHuoDai">
            <template v-slot:rightText>
               <text>添加</text>
            </template>
         </combined-title>
         <view class="huodai-list">
            <u-swipe-action>
               <u-cell-group :border="false">
                  <u-swipe-action-item :options="options1" v-for="(item, index) in huoDaiData" :index="index" :name="item.userId" :key="index" @click="deleteHuoDaiClick">
                     <u-cell :title="item.name" value="详情" @click="toFreightForwarderDetails(item.id)"></u-cell>
                  </u-swipe-action-item>
               </u-cell-group>
            </u-swipe-action>
      <view class="driver-banner">
         <view class="navgation">我的</view>
      </view>
      <view class="personal-information">
         <view class="personal-information-block" v-if="userInfo.isBuyFlag=='1'?true:false">
            <view class="block-main">
               <view class="huodai">
                  <combined-title title="我的购买证"
                     @rightText="addGouMai">
                     <template v-slot:rightText>
                        <text>添加</text>
                     </template>
                  </combined-title>
                  <view class="chage">
                     <u-tag text="待生效"
                        :type="radio==0?'primary':'info'"
                        plain
                        size="mini"
                        class="tags"
                        @click="checkRadio(0)"></u-tag>
                     <u-tag text="生效"
                        :type="radio==1?'primary':'info'"
                        plain
                        size="mini"
                        class="tags"
                        @click="checkRadio(1)"></u-tag>
                     <u-tag text="过期"
                        :type="radio==2?'primary':'info'"
                        plain
                        size="mini"
                        class="tags"
                        @click="checkRadio(2)"></u-tag>
                     <u-tag text="拒绝"
                        :type="radio==3?'primary':'info'"
                        plain
                        size="mini"
                        class="tags"
                        @click="checkRadio(3)"></u-tag>
                     </view>
                  <view class="huodai-list">
                     <view class="buylist">
                        <view v-for="(item, index) in BuyCardData" :key="index" class="buylists" @click=addGouMai(item)>
                           <view >{{item.productName}}</view>
                           <view >{{item.buyTotal}}/{{item.surplus}}</view>
                           <view >{{item.endDate}}</view>
                           <view >{{item.status==0?'待生效':item.status==1?'生效':item.status==2?'废弃':'拒绝'}}</view>
                        </view>
                     </view>
                     <!-- <u-swipe-action>
                        <u-cell-group :border="false">
                           <u-swipe-action-item :options="options1"
                              v-for="(item, index) in BuyCardData"
                              :key="item.userId"
                              :name="item.productName">
                              <u-cell :title="item.productName"
                                 :value="
                                 >
                              </u-cell>
                           </u-swipe-action-item>
                        </u-cell-group>
                     </u-swipe-action> -->
                  </view>
               </view>
            </view>
         </view>
         <!-- <view class="personal-information-block">
            <view class="block-main">
               <view class="huodai">
                  <combined-title title="我的承运商"
                     @rightText="addHuoDai">
                     <template v-slot:rightText>
                        <text>添加</text>
                     </template>
                  </combined-title>
                  <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-cell>
                           </u-swipe-action-item>
                        </u-cell-group>
                     </u-swipe-action>
                  </view>
               </view>
            </view>
         </view> -->
         <view class="information-block">
         <view class="personal-information">
            <view class="personal-information-block">
               <view class="block-main">
                  <view class="information-line">
                     <view class="line-label">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png"
                           mode="widthFix"></image>
                        <view class="label-text">手机号</view>
                     </view>
                     <view class="information-value">
                        {{ userInfo.phone || '' }}
                     </view>
                  </view>
                  <view class="information-line">
                     <view class="line-label">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/carnum.png"
                           mode="widthFix"></image>
                        <view class="label-text">姓名</view>
                     </view>
                     <view class="information-value">
                        {{ userInfo.name || '' }}
                     </view>
                  </view>
                  <view class="information-line">
                     <view class="line-label">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/carnum.png"
                           mode="widthFix"></image>
                        <view class="label-text">角色</view>
                     </view>
                     <view class="information-value">
                        {{  '客户' }}
                     </view>
                  </view>
                  <!-- <view class="information-line"
                     @click="">
                     <view class="line-label">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/personalicon.png"
                           mode="widthFix"></image>
                        <view class="label-text">身份证号</view>
                     </view>
                     <view class="information-value">
                        {{ idCard || '' }}
                     </view>
                  </view> -->
					
                  <!-- <view class="information-line">
                     <view class="line-label">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/weighnum.png"
                           mode="widthFix"></image>
                        <view class="label-text">体重</view>
                     </view>
                     <view class="information-value">
                        {{ userInfo.weight || '' }}
                     </view>
                  </view> -->
                     <!-- 由于是自定义icon  非设计图icon 所以要加上这个style="margin-left: 1.5%;"
                       icon 下载格式为18x18-->
                  <!-- <view class="information-line"
                     @click="modifyPrint">
						
                     <view class="line-label"
                        style="margin-left: 1.5%;">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/printer.png"
                           mode="widthFix"
                           style="width: 18px;"></image>
                        <view class="label-text">磅单样式</view>
                     </view>
                     <view class="information-value">
                        <view class="">
                           {{ currentSelectedPrintStyle===1?'一页两联':'一页四联'}}
                        </view>
                        <u-icon name="arrow-right"
                           size="36"></u-icon>
                     </view>
                  </view> -->
                  <!-- <view class="information-line"
                     @click="addressManageHandle">
                     <view class="line-label"
                        style="margin-left: 1.5%;">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.png"
                           mode="widthFix"
                           style="width: 18px;"></image>
                        <view class="label-text"
                           style="width:220rpx ;">送货客户管理</view>
                     </view>
                     <view class="">
                        <u-icon name="arrow-right"
                           size="36"></u-icon>
                     </view>
                  </view> -->
                  <!-- <view class="information-line"
                     @click="scoreDetail">
                     <view class="line-label"
                        style="margin-left: 1.5%;">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/score.png"
                           mode="widthFix"
                           style="width: 36rpx;position: relative;left: 8rpx;"></image>
                        <view class="label-text">我的积分</view>
                     </view>
                     <view class="information-value">
                        <view class="">
                           {{ userInfo.integral || '' }}
                        </view>
                        <view class="">
                           <u-icon name="arrow-right"
                              size="36"></u-icon>
                        </view>
                     </view>
                  </view> -->
                  <!-- <view class="information-line last"
                     @click="scoreCert">
                     <view class="line-label"
                        style="margin-left: 1.5%;">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/score.png"
                           mode="widthFix"
                           style="width: 36rpx;position: relative;left: 8rpx;"></image>
                        <view class="label-text">剧毒化学品道路运输通行证</view>
                     </view>
                     <view class="information-value">
                        <view class="">
                           {{ '' }}
                        </view>
                        <view class="">
                           <u-icon name="arrow-right"
                              size="36"></u-icon>
                        </view>
                     </view>
                  </view> -->
               </view>
            </view>
         </view>
      </view>
      <view class="fleet-container">
         <combined-title title="我的车队" @rightText="addFleet">
            <template v-slot:rightText>
               <text>添加</text>
            </template>
         </combined-title>
         <view class="fleet-list">
            <u-swipe-action>
               <u-cell-group :border="false">
                  <u-swipe-action-item :options="options1" v-for="(item, index) in fleetData" :index="index" :name="item.id" :key="index" @click="deleteFleetClick">
                     <u-cell :title="item.name" :value="item.userSijisum + '辆'" @click="tofleetDetails(item.id)"></u-cell>
                  </u-swipe-action-item>
               </u-cell-group>
            </u-swipe-action>
         <view class="personal-information-block">
            <view class="block-main">
               <view class="fleet-container">
                  <combined-title title="我的车队"
                     @rightText="addFleet">
                     <template v-slot:rightText>
                        <text>添加</text>
                     </template>
                  </combined-title>
                  <view class="fleet-list">
                     <u-swipe-action>
                        <u-cell-group :border="false" style="z-index: 0;">
                           <u-swipe-action-item :options="options1"
                              v-for="(item, index) in fleetData"
                              :key="item.id"
                              :name="item.id"
                              style="z-index: 0;"
                              @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>
                     </u-swipe-action>
                  </view>
               </view>
            </view>
         </view>
      </view>

      <view class="logout"><u-button text="退出登录" type="primary" @click="logout()"></u-button></view>

      <view class="utils-button">
         <view class="statistics"><u-button text="用户管理"
               type="primary"
               @click="userManage"
               v-if="roleType == 1 && userInfo.isHostUser === 0"></u-button></view>
         <view class="logout"><u-button text="修改密码"
               type="primary"
               @click="modifyPwd"></u-button></view>
         <!-- <view class="logout"><u-button text="重置密码"
               type="primary"
               @click="initPwd"></u-button></view> -->
         <view class="logout"><u-button text="退出登录"
               type="primary"
               @click="logout()"></u-button></view>
         <view class="logout"><u-button text="联系我们"
               type="primary"
               @click="contactUs()"></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>

<script>
import combinedTitle from '@/components/combined-title/combined-title.vue';
import { customerId, redirectLogin } from '@/utils/status';
export default {
   components: {
      combinedTitle
   },
   data() {
      return {
         huoDaiData: [],
         fleetData: [],
         // 新建车队
         addGroupForm: {
            customerId,
            name: ''
         },
         updateGroupShow: false,
         options1: [
            {
   import { BaseUrl } from '@/api/publicInterface.js'
   import combinedTitle from '@/components/combined-title/combined-title.vue';
   import { customerId, redirectLogin } from '@/utils/status';
   export default {
      components: {
         combinedTitle
      },
      data() {
         return {
            radio:'1',
            userInfo: {},
            huoDaiData: [],
            BuyCardData:[],
            fleetData: [],
            // 新建车队
            addGroupForm: {
               customerId,
               name: ''
            },
            updateGroupShow: false,
            options1: [{
               text: '删除'
            }
         ],
         // 删除货代模态框
         deleteHuoDaiId: null, // 删除货代id
         deleteHuoDaiShow: false,
         deleteHuoDaiTitle: '',
         deleteHuoDaiContent: '',
         // 删除车队模态框
         deleteFleetId: null, // 删除车队id
         deleteFleetShow: false,
         deleteFleetTitle: '',
         deleteFleetContent: '',
         // 退出模态框
         logoutShow: false,
         logoutTitle: '提示',
         logoutContent: '是否确认退出'
      };
   },
   onShow() {
      this.init();
   },
   methods: {
      init() {
         this.getAllHuoDaiByCustomerId();
         this.getFleet();
            }],
            // 删除承运商模态框
            deleteHuoDaiId: null, // 删除承运商id
            deleteHuoDaiShow: false,
            deleteHuoDaiTitle: '',
            deleteHuoDaiContent: '',
            // 删除车队模态框
            deleteFleetId: null, // 删除车队id
            deleteFleetShow: false,
            deleteFleetTitle: '',
            deleteFleetContent: '',
            // 退出模态框
            logoutShow: false,
            logoutTitle: '提示',
            logoutContent: '是否确认退出',
            // 用户信息对象
            userEntity: {},
            initPwdShow: false,
            modifyPwdShow: false,
            passwordModified: '',
            phoneList:[]
         };
      },
      // 获取货代列表
      getAllHuoDaiByCustomerId() {
         uni.showLoading({
            title: '加载中...'
         });
         this.$reqGet('getAllHuoDaiByCustomerId').then(res => {
            uni.hideLoading();
            this.huoDaiData = res.data;
         });
      computed: {
         roleType() {
            return uni.getStorageSync('roleType');
         },
         userInfo(){
               return uni.getStorageSync('userInfo');
         }
      },
      // 获取车队列表
      getFleet() {
         uni.showLoading({
            title: '加载中...'
         });
         this.$reqGet('getFleet').then(res => {
            uni.hideLoading();
            this.fleetData = res.data;
         });
      },
      // 添加货代
      addHuoDai() {
         uni.navigateTo({
            url: '/pages/customer-page/addTo-freightForwarder-driver/addTo-freightForwarder-driver?role=1' // 1代表的是货代
         });
      },
      // 添加车队
      addFleet() {
         this.updateGroupShow = true;
      },
      addNewFleetPopupClose() {
         this.updateGroupShow = false;
      },
      addNewFleetPopupOpen() {
         console.log('添加车队打开');
      },
      // 确认新建车队按钮
      addNewGroupClick() {
         uni.showLoading({
            title: '加载中...'
         });
         // 新建车队
         this.$reqPost('saveFleet', this.addGroupForm, 'params').then(res => {
            uni.hideLoading();
            if (res.code == 0) {
               this.$u.toast('添加成功');
               this.getFleet();
            } else {
               this.$u.toast(res.data ? res.data : '添加失败');
            }
         });
         this.updateGroupShow = false;
      },
      // 删除货代
      deleteHuoDaiClick(args) {
         console.log(args, '货代id');
         this.deleteHuoDaiId = args.name;
         this.deleteHuoDaiShow = true;
         this.huoDaiData.forEach(item => {
            if (item.userId == this.deleteHuoDaiId) {
               this.deleteHuoDaiContent = '确认删除货代' + item.name + '吗？';
            }
         });
      },
      deleteHuoDaiClose() {
         this.deleteHuoDaiShow = false;
      },
      deleteHuoDaiCancel() {
         this.deleteHuoDaiShow = false;
      },
      deleteHuoDaiConfirm() {
         this.deleteHuoDaiShow = false;
         uni.showLoading({
            title: '加载中...'
         });
         this.$reqPost('deleteHuoDai', { id: this.deleteHuoDaiId }, 'params').then(res => {
            uni.hideLoading();
            if (res.code == 0) {
               if (res.data) {
                  this.$u.toast('删除成功');
                  this.getAllHuoDaiByCustomerId();
               } else {
                  this.$u.toast('删除失败');
               }
            }
         });
      },
      // 删除车队
      deleteFleetClick(args) {
         console.log(args.name, '车队id');
         this.deleteFleetId = args.name;
         this.deleteFleetShow = true;
         this.fleetData.forEach(item => {
            if (item.id == this.deleteFleetId) {
               this.deleteFleetContent = '确认删除车队' + item.name;
            }
         });
      },
      deleteFleetClose() {
         this.deleteFleetShow = false;
      },
      deleteFleetCancel() {
         this.deleteFleetShow = false;
      },
      deleteFleetConfirm() {
         this.deleteFleetShow = false;
         uni.showLoading({
            title: '加载中...'
         });
         this.$reqPost('deleteFleet', { id: this.deleteFleetId }, 'params').then(res => {
            console.log('删除车队', res);
            if (res.code == 0) {
               this.$u.toast('删除成功');
            }
            uni.hideLoading();
      methods: {
         checkRadio(e){
            this.radio=e
            this.getBuyCardList()
         },
         init() {
            this.getAllHuoDaiByCustomerId();
            this.getFleet();
         });
      },
      // 货代详情
      toFreightForwarderDetails(id) {
         uni.navigateTo({
            url: `/pages/customer-page/freight-forwarder-details/freight-forwarder-details`
         });
      },
      // 车队详情
      tofleetDetails(id) {
         uni.navigateTo({
            url: `/pages/customer-page/fleet-management/fleet-management?id=${id}`
         });
      },
      logout() {
         this.logoutShow = true;
      },
      logoutConfirm() {
         redirectLogin();
      },
      logoutCancel() {
         this.logoutShow = false;
            this.getUserEntity();
            uni.request({
               url:  `${BaseUrl}/admin/dict/page`,
               method: 'GET',
               data: {
                  dictType:'Setings'
               },
               header: {
                  Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'),
                  clientToc: 'Y',
                  'CLIENT_TOC': 'Y',
               },
               success: res => {
                  let dictId=res.data.data?.records[0].id
                  uni.request({
                     url:  `${BaseUrl}/admin/dict/item/page`,
                     method: 'GET',
                     data: {
                        dictId:dictId
                     },
                     header: {
                        Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'),
                        clientToc: 'Y',
                        'CLIENT_TOC': 'Y',
                     },
                     success: res => {
                        res.data.data.records.forEach(item=>{
                           if(item.description.includes('联系')){
                              this.phoneList=item.value.split(',')
                           }
                        })
                     },
                     fail: err => {
                     }
                  })
               },
               fail: err => {
               }
               })
         },
         getUserEntity() {
            uni.showLoading({
               title: '加载中...'
            });
            this.$reqGet('getUserEntity').then(res => {
               this.userInfo = res.data;
               this.getBuyCardList();
            })
         },
         getBuyCardList() {
            uni.showLoading({
               title: '加载中...'
            });
            this.$reqGet('getBuyCardList',{customerId: this.userInfo.customerid,status:this.radio}).then(res => {
               uni.hideLoading();
               this.BuyCardData = res.data;
            });
         },
         // 获取承运商列表
         getAllHuoDaiByCustomerId() {
            uni.showLoading({
               title: '加载中...'
            });
            this.$reqGet('getAllHuoDaiByCustomerId').then(res => {
               uni.hideLoading();
               this.huoDaiData = res.data;
            });
         },
         // 获取车队列表
         getFleet() {
            uni.showLoading({
               title: '加载中...'
            });
            this.$reqGet('getFleet').then(res => {
               uni.hideLoading();
               this.fleetData = res.data;
            });
         },
         // 添加承运商
         addHuoDai() {
            uni.navigateTo({
               url: '/pages/customer-page/addTo-freightForwarder-driver/addTo-freightForwarder-driver?role=1' // 1代表的是承运商
            });
         },
         // 添加购买证
         addGouMai(data){
            if(data){
               if(data.status==3){
                  uni.navigateTo({
                     url: '/subPages/addTo-freightForwarder-purchasePermit/addTo-freightForwarder-purchasePermit?data='+encodeURIComponent(JSON.stringify(data))
                  });
               }
            }else{
               uni.navigateTo({
                  url: '/subPages/addTo-freightForwarder-purchasePermit/addTo-freightForwarder-purchasePermit'
               });
            }
         },
         // 添加车队
         addFleet() {
            this.updateGroupShow = true;
         },
         addNewFleetPopupClose() {
            this.updateGroupShow = false;
         },
         addNewFleetPopupOpen() {
            console.log('添加车队打开');
         },
         // 确认新建车队按钮
         addNewGroupClick() {
            uni.showLoading({
               title: '加载中...'
            });
            // 新建车队
            this.$reqPost('saveFleet', this.addGroupForm, 'params')
               .then(res => {
                  uni.hideLoading();
                  let v = res.code == 0
                  if (v) {
                     this.$refs.uToast.show({
                        type: 'default',
                        message: "添加成功",
                     })
                  } else {
                     this.$refs.uToast.show({
                        type: 'error',
                        message: res.msg ? res.msg : '添加失败',
                     })
                  }
                  console.log(res.msg, '新建车队');
               })
               .then(r => {
                  this.getFleet();
               });
            this.updateGroupShow = false;
         },
         // 删除承运商
         deleteHuoDaiClick(args) {
            console.log(args, '承运商id');
            this.deleteHuoDaiId = args.name;
            this.deleteHuoDaiShow = true;
            this.huoDaiData.forEach(item => {
               if (item.userId == this.deleteHuoDaiId) {
                  this.deleteHuoDaiContent = '确认删除承运商' + item.name + '吗？';
               }
            });
         },
         deleteHuoDaiClose() {
            this.deleteHuoDaiShow = false;
         },
         deleteHuoDaiCancel() {
            this.deleteHuoDaiShow = false;
         },
         deleteHuoDaiConfirm() {
            this.deleteHuoDaiShow = false;
            uni.showLoading({
               title: '加载中...'
            });
            this.$reqPost('deleteHuoDai', { id: this.deleteHuoDaiId }, 'params')
               .then(res => {
                  uni.hideLoading();
                  if (res.code == 0) {
                     this.$u.toast('删除成功');
                  } else {
                     this.$u.toast(res.msg ? res.msg : '删除失败');
                  }
               })
               .then(r => {
                  this.getAllHuoDaiByCustomerId();
               });
         },
         // 删除车队
         deleteFleetClick(args) {
            console.log(args.name, '车队id');
            this.deleteFleetId = args.name;
            this.deleteFleetShow = true;
            this.fleetData.forEach(item => {
               if (item.id == this.deleteFleetId) {
                  this.deleteFleetContent = '确认删除车队' + item.name;
               }
            });
         },
         deleteFleetClose() {
            this.deleteFleetShow = false;
         },
         deleteFleetCancel() {
            this.deleteFleetShow = false;
         },
         deleteFleetConfirm() {
            this.deleteFleetShow = false;
            uni.showLoading({
               title: '加载中...'
            });
            this.$reqPost('deleteFleet', { id: this.deleteFleetId }, 'params')
               .then(res => {
                  console.log('删除车队', res);
                  if (res.code == 0) {
                     this.$u.toast('删除成功');
                  } else {
                     this.$u.toast(res.msg ? res.msg : '删除失败');
                  }
                  uni.hideLoading();
               })
               .then(() => {
                  this.getFleet();
               });
         },
         // 承运商详情
         toFreightForwarderDetails(userId) {
            uni.navigateTo({
               url: `/pages/customer-page/freight-forwarder-details/freight-forwarder-details?userId=${userId}`
            });
         },
         // 车队详情
         tofleetDetails(id) {
            uni.navigateTo({
               url: `/pages/customer-page/fleet-management/fleet-management?id=${id}`
            });
         },
         logout() {
            this.logoutShow = true;
         },
         contactUs(){
            uni.showActionSheet({
               itemList: this.phoneList,
               success: (res) => {
               uni.makePhoneCall({
                  phoneNumber:this.phoneList[res.tapIndex].split(":")[1]
               })
            },
            fail: (err) => {
               console.log('弹窗取消');
            }
            });
         },
         logoutConfirm() {
            redirectLogin();
            this.$store.commit('changeisLogin', false)
            this.$store.dispatch('websocketOnClose')
         },
         logoutCancel() {
            this.logoutShow = false;
         },
         modifyPwd() {
            this.$store.commit('changeisLogin', false)
            this.$store.dispatch('websocketOnClose')
            uni.reLaunch({
               url: `/pages/login/resetPassword/resetPassword?phone=${this.userInfo.phone}&idCard=${this.userInfo.idCard}`
            })
         },
         // 跳转用户管理页面
         userManage() {
            uni.navigateTo({
               url: '/pages/customer-page/customer-my/userMange/userMange'
            });
         }
      }
   }
};
   };
</script>

<style lang="scss" scoped>
::v-deep.customer-my {
   width: 94%;
   margin: 0 auto;
<style lang="scss"
   scoped>
   @mixin flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
   .buylist{
      width: 100%;
      height: 80%;
   }
   .buylists {
      position: relative;
      overflow: hidden;
      @include flex;
      align-items: center;
      font-size: 15px;
      height: 80rpx;
      border-bottom: 1rpx solid rgb(220, 223, 230);
   }
   .utils-button {
      margin-top: vww(35);

   .huodai {
      .huodai-list {
         .u-swipe-action {
            .u-swipe-action-item {
               .u-swipe-action-item__right {
                  .u-swipe-action-item__right__button {
                     .u-swipe-action-item__right__button__wrapper {
                        background-color: #f56c6c !important;
      .statistics,
      .logout {
         margin-top: vww(10);
         margin-bottom: vww(10);

         /deep/ .u-button {
            width: 631rpx;
            height: 74rpx;
            border: 2px solid #3b56eb;
            background-color: #fff;
            color: #3b56eb;
            border-radius: 37rpx 37rpx 37rpx 37rpx;
         }
      }
   }

   ::v-deep.customer-my {
      width: 100%;
      margin: vww(90) auto;
      :v-deep .u-cell-group__wrapper{
         z-index: 0!important;
      }

      .driver-banner {
         width: 100%;
         height: 430rpx;
         background: linear-gradient(0deg, #ffffff 0%, #0055fe 100%);
         background-size: contain;
         position: fixed;
         top: 0;

         .navgation {
            width: 80rpx;
            height: 37rpx;
            font-size: 40rpx;
            font-weight: normal;
            color: #ffffff;
            line-height: 69rpx;
            margin: vww(60) auto;
         }
      }

      .personal-information {
         width: 100%;
         display: flex;
         align-items: center;
         justify-content: space-around;
         flex-direction: column;
         position: relative;
         top: vww(20);

         &-block {
            width: 690rpx;
            min-height: 300rpx;
            background: #ffffff;
            box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
            border-radius: 20rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-top: vww(8);

            .block-main {
               width: 636rpx;
               margin: vww(10) vww(14);
            }
         }
      }
      .information-block {
         width: 100%;

         .personal-information {
            width: 100%;
            display: flex;
            justify-content: center;
            position: relative;
            top: vww(-10);

            &-block {
               width: 690rpx;
               height: 350rpx;
               background: #ffffff;
               box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
               border-radius: 20rpx;
               display: flex;
               flex-direction: column;
               justify-content: space-between;

               .block-main {
                  width: 636rpx;
                  margin: vww(10) vww(14);
               }

               .information-line {
                  @include flex;
                  width: 636rpx;
                  height: vww(45);
                  border-bottom: 1rpx solid #f0f1f6;

                  .line-label {
                     width: 50%;
                     height: 90rpx;
                     @include flex;

                     image {
                        width: 50rpx;
                        height: 50rpx;
                     }

                     .label-text {
                        flex: 0.8;
                        font-size: 30rpx;
                        font-weight: 400;
                        color: #000000;
                        line-height: 32rpx;
                        text-align: left;
                     }
                  }

                  .information-value {
                     min-width: vww(125);
                     @include flex;
                     font-size: 30rpx;
                     font-weight: 400;
                     color: #000000;
                     line-height: 85rpx;
                  }
               }

               .last {
                  border-bottom: 0;

                  .information-value {
                     justify-content: space-between;
                  }
               }
            }
         }
      }
      .huodai {
         .huodai-list {
            .u-swipe-action {
               .u-swipe-action-item {
                  .u-swipe-action-item__right {
                     .u-swipe-action-item__right__button {
                        .u-swipe-action-item__right__button__wrapper {
                           background-color: #f56c6c !important;
                        }
                     }
                  }
               }
            }
         }
      }
   }

   .fleet-container {
      .fleet-list {
         .u-swipe-action {
            .u-swipe-action-item {
               .u-swipe-action-item__right {
                  .u-swipe-action-item__right__button {
                     .u-swipe-action-item__right__button__wrapper {
                        background-color: #f56c6c !important;
      .fleet-container {
         .fleet-list {
            .u-swipe-action {
                .u-cell-group__wrapper {
                  z-index: 0;
               }
               .u-swipe-action-item {
                  .u-swipe-action-item__right {
                     .u-swipe-action-item__right__button {
                        .u-swipe-action-item__right__button__wrapper {
                           background-color: #f56c6c !important;
                        }
                     }
                  }
               }
            }
         }
      }
   }

   // 新建车队
   .addNewGroup {
      .u-popup {
         .u-popup__content {
            width: 94%;
            height: vww(160);
            border-radius: 1%;
      // 新建车队
      .addNewGroup {
         .u-popup {
            .u-popup__content {
               width: 94%;
               height: vww(160);
               border-radius: 1%;

            .title {
               width: 100%;
               text-align: center;
               font-size: 20px;
               .title {
                  width: 100%;
                  text-align: center;
                  font-size: 20px;

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

            .addCarForm {
               width: 80%;
               margin: 0 auto vww(30);
            }
               .addCarForm {
                  width: 80%;
                  margin: 0 auto vww(30);
               }

            .addCarButton {
               width: 40%;
               margin: 0 auto;
               .addCarButton {
                  width: 40%;
                  margin: 0 auto;
               }
            }
         }
      }

      .modifyPwd {
         width: 100%;
         border: 1rpx solid rgb(220, 223, 230);
      }
   }
}
</style>
   .chage{
      width: 400rpx;
      height: 50rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
</style>