feat:通行证

wk

2024-09-14 0bd15917637362c104eb157d5163f65bf9503780

 pages/freight-forwarder-page/freightForwarder-my/freightForwarder-my.vue

@@ -3,6 +3,45 @@
      <view class="driver-banner">
         <view class="navgation">我的</view>
      </view>
      <view class="information-block-box">
         <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>
            </view>
         </view>
      </view>
      <view class="personal-information">
         <view class="personal-information-block">
            <view class="block-main">
@@ -75,9 +114,18 @@

      <!-- <view class="statistics"><u-button text="发运统计" type="primary" @click="statistics"></u-button></view> -->
      <view class="utils-button">
         <view class="utils"><u-button text="修改密码"
               type="primary"
               @click="modifyPwd"></u-button></view>
         <!-- <view class="utils"><u-button text="重置密码"
               type="primary"
               @click="initPwd"></u-button></view> -->
         <view class="utils"><u-button text="退出登录"
               type="primary"
               @click="logout"></u-button></view>
         <view class="utils"><u-button text="联系我们"
               type="primary"
               @click="contactUs"></u-button></view>
      </view>

      <!-- 删除车队模态框 -->
@@ -100,11 +148,36 @@
            @confirm="logoutConfirm"
            @cancel="logoutCancel"></u-modal>
      </view>
      <!-- 重置密码弹出框 -->
      <!-- <view class="initPwdModal">
         <u-modal :show="initPwdShow"
            title="重置密码"
            showCancelButton
            content="初始密码将变更为123456,是否确认重置"
            @confirm="initPwdConfirm"
            @cancel="initPwdCancel"></u-modal>
      </view> -->
      <!-- 修改密码弹出框 -->
      <!-- <view class="modifyPwdModal">
         <u-modal :show="modifyPwdShow"
            title="修改密码"
            showCancelButton
            @confirm="modifyPwdConfirm"
            @cancel="modifyPwdCancel">
            <view class="modifyPwd">
               <u-input v-model="passwordModified"
                  placeholder="请输入修改后的密码"
                  border="surround"
                  type="password"></u-input>
            </view>
         </u-modal>
      </view> -->
   </view>
</template>

<script>
   import { redirectLogin } from '@/utils/status';
   import { BaseUrl } from '@/api/publicInterface.js'
   export default {
      data() {
         return {
@@ -126,23 +199,89 @@
            // 退出模态框
            logoutShow: false,
            logoutTitle: '提示',
            logoutContent: '是否确认退出'
            logoutContent: '是否确认退出',
            initPwdShow: false,
            modifyPwdShow: false,
            passwordModified: '',
            // 用户信息对象
            userInfo: {},
            phoneList:[]
         };
      },
      onShow() {
      onLoad() {
         this.init();
      },
      methods: {
         init() {
            this.getFleet();
            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 => {
               }
               })
         },
         // 获取车队
         getFleet() {
            // this.$reqGet('getFleet', { wxUserId: this.addGroupForm.wxUserId }).then(res => {
            this.$reqGet('getFleet').then(res => {
               console.log('货代1车队', res);
               console.log('承运商1车队', res);
               this.fleetData = res.data;
            });
         },
         contactUs(){
            uni.showActionSheet({
               itemList: this.phoneList,
               success: (res) => {
               uni.makePhoneCall({
                  phoneNumber:this.phoneList[res.tapIndex].split(":")[1]
               })
            },
            fail: (err) => {
               console.log('弹窗取消');
            }
            });
         },
         getUserEntity() {
            uni.showLoading({
               title: '加载中...'
            });
            this.$reqGet('getUserEntity').then(res => {
               uni.hideLoading()
               this.userInfo = res.data;
            })
         },
         // 添加车队
         addFleet() {
@@ -205,6 +344,13 @@
               url: `/pages/customer-page/fleet-management/fleet-management?id=${id}`
            });
         },
         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}`
            })
         },
         logout() {
            this.logoutShow = true;
         },
@@ -250,6 +396,79 @@
         }
      }
   }
   .information-block-box {
         width: 100%;

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

            &-block {
               width: 690rpx;
               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;

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

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

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

                     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;
                  }
               }
            }
         }
      }

   ::v-deep.freightForwarder-my {
      width: 100%;
@@ -348,5 +567,10 @@
            }
         }
      }

      .modifyPwd {
         width: 100%;
         border: 1rpx solid rgb(220, 223, 230);
      }
   }
</style>