| | |
| | | <template> |
| | | <view class="freightForwarder-my"> |
| | | <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="driver-banner"><view class="navgation">我的</view></view> |
| | | <view class="personal-information"> |
| | | <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"> |
| | | <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-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="addCarButton"><u-button text="添加" type="primary" @click="addNewGroupClick"></u-button></view> |
| | | </u-popup> |
| | | </view> |
| | | <view class="utils"><u-button text="退出登录" type="primary" @click="logout"></u-button></view> |
| | | |
| | | <!-- <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="logout"></u-button></view> |
| | | </view> |
| | | |
| | | <!-- 删除车队模态框 --> |
| | | <view class="deleteFleetModal"> |
| | | <u-modal |
| | |
| | | console.log('删除车队', res); |
| | | if (res.code == 0) { |
| | | this.$u.toast('删除成功'); |
| | | } else { |
| | | this.$u.toast(res.msg ? res.msg : '删除失败'); |
| | | } |
| | | uni.hideLoading(); |
| | | this.getFleet(); |
| | |
| | | }, |
| | | logoutCancel() { |
| | | this.logoutShow = false; |
| | | }, |
| | | // 跳转发运统计页面 |
| | | statistics() { |
| | | uni.navigateTo({ |
| | | url: '/pages/customer-page/customer-my/faYunstatistics/faYunstatistics' |
| | | }); |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .statistics { |
| | | margin-top: vww(10); |
| | | margin-bottom: vww(10); |
| | | } |
| | | .utils-button { |
| | | margin-top: vww(35); |
| | | .utils { |
| | | 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.freightForwarder-my { |
| | | width: 94%; |
| | | margin: 0 auto; |
| | | |
| | | width: 100%; |
| | | margin: vww(90) auto; |
| | | .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: 478rpx; |
| | | 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); |
| | | } |
| | | } |
| | | } |
| | | // 新建车队 |
| | | .addNewGroup { |
| | | .u-popup { |