From 01e96c8855927df67ac8a6831e345b6cb33140d1 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期二, 09 五月 2023 18:49:40 +0800
Subject: [PATCH] 样式修改
---
pages/customer-page/customer-my/customer-my.vue | 181 +++++++++++++++++++++++++++++++++++----------
1 files changed, 141 insertions(+), 40 deletions(-)
diff --git a/pages/customer-page/customer-my/customer-my.vue b/pages/customer-page/customer-my/customer-my.vue
index 6be882c..0b8994f 100644
--- a/pages/customer-page/customer-my/customer-my.vue
+++ b/pages/customer-page/customer-my/customer-my.vue
@@ -1,40 +1,67 @@
<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.userId)"></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="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.userId)"></u-cell>
+ </u-swipe-action-item>
+ </u-cell-group>
+ </u-swipe-action>
+ </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">
+ <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>
+ </view>
+ </view>
</view>
</view>
- <!-- <view class="statistics"><u-button text="鍙戣繍缁熻" type="primary" @click="statistics"></u-button></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 && userEntity.isHostUser === '0'"></u-button></view>
+ <view class="logout"><u-button text="閫�鍑虹櫥褰�" type="primary" @click="logout()"></u-button></view>
+ </view>
<!-- 鏂板缓杞﹂槦寮瑰嚭妗� -->
<view class="addNewGroup">
@@ -124,8 +151,15 @@
// 閫�鍑烘ā鎬佹
logoutShow: false,
logoutTitle: '鎻愮ず',
- logoutContent: '鏄惁纭閫�鍑�'
+ logoutContent: '鏄惁纭閫�鍑�',
+ // 鐢ㄦ埛淇℃伅瀵硅薄
+ userEntity: {}
};
+ },
+ computed: {
+ roleType() {
+ return uni.getStorageSync('roleType');
+ }
},
onShow() {
this.init();
@@ -134,6 +168,13 @@
init() {
this.getAllHuoDaiByCustomerId();
this.getFleet();
+ this.getUserEntity();
+ },
+ // 鑾峰彇鐢ㄦ埛淇℃伅
+ getUserEntity() {
+ this.$reqGet('getUserEntity').then(res => {
+ this.userEntity = res.data;
+ });
},
// 鑾峰彇璐т唬鍒楄〃
getAllHuoDaiByCustomerId() {
@@ -276,10 +317,10 @@
logoutCancel() {
this.logoutShow = false;
},
- // 璺宠浆鍙戣繍缁熻椤甸潰
- statistics() {
+ // 璺宠浆鐢ㄦ埛绠＄悊椤甸潰
+ userManage() {
uni.navigateTo({
- url: '/pages/customer-page/customer-my/faYunstatistics/faYunstatistics'
+ url: '/pages/customer-page/customer-my/userMange/userMange'
});
}
}
@@ -287,13 +328,73 @@
</script>
<style lang="scss" scoped>
-.statistics {
- margin-top: vww(10);
- margin-bottom: vww(10);
+@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;
+ border: 2px solid #3b56eb;
+ background-color: #fff;
+ color: #3b56eb;
+ border-radius: 37rpx 37rpx 37rpx 37rpx;
+ }
+ }
+}
+
::v-deep.customer-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-family: Adobe Heiti Std;
+ 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);
+ }
+ }
+ }
.huodai {
.huodai-list {
--
Gitblit v1.9.1