From e22b9321aae0322de93d50c0e21407f3cb514659 Mon Sep 17 00:00:00 2001 From: wk Date: 星期二, 13 八月 2024 17:30:20 +0800 Subject: [PATCH] feat:供货商 --- pages/customer-page/customer-my/customer-my.vue | 918 +++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 573 insertions(+), 345 deletions(-) diff --git a/pages/customer-page/customer-my/customer-my.vue b/pages/customer-page/customer-my/customer-my.vue index 9c4b348..89df8e2 100644 --- a/pages/customer-page/customer-my/customer-my.vue +++ b/pages/customer-page/customer-my/customer-my.vue @@ -1,11 +1,69 @@ <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" 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> + </view> + <view class="huodai-list"> + <view class="buylist"> + <view v-for="(item, index) in BuyCardData" :key="index" class="buylists"> + <view >{{item.productName}}</view> + <view >{{item.buyTotal}}/{{item.surplus}}</view> + <view >{{item.endDate}}</view> + <view >{{item.status==0?'寰呯敓鏁�':item.status==1?'鐢熸晥':'搴熷純'}}</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"> + <combined-title title="鎴戠殑鎵胯繍鍟�" + @rightText="addHuoDai"> <template v-slot:rightText> <text>娣诲姞</text> </template> @@ -13,15 +71,19 @@ <view class="huodai-list"> <u-swipe-action> <u-cell-group :border="false"> - <u-swipe-action-item - :options="options1" + <u-swipe-action-item :options="options1" v-for="(item, index) in huoDaiData" - :index="index" + :key="item.userId" :name="item.userId" - :key="index" - @click="deleteHuoDaiClick" - > - <u-cell :title="item.name" value="璇︽儏" @click="toFreightForwarderDetails(item.userId)"></u-cell> + @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> @@ -32,7 +94,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> @@ -40,15 +103,19 @@ <view class="fleet-list"> <u-swipe-action> <u-cell-group :border="false"> - <u-swipe-action-item - :options="options1" + <u-swipe-action-item :options="options1" v-for="(item, index) in fleetData" - :index="index" + :key="item.id" :name="item.id" - :key="index" - @click="deleteFleetClick" - > - <u-cell :title="item.name" :value="item.userSijisum + '杈�'" @click="tofleetDetails(item.id)"></u-cell> + @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> @@ -59,404 +126,565 @@ </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="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: '鏄惁纭閫�鍑�', - // 鐢ㄦ埛淇℃伅瀵硅薄 - userEntity: {} - }; - }, - computed: { - roleType() { - return uni.getStorageSync('roleType'); - } - }, - onShow() { - this.init(); - }, - methods: { - init() { - this.getAllHuoDaiByCustomerId(); - this.getFleet(); - this.getUserEntity(); + }], + // 鍒犻櫎鎵胯繍鍟嗘ā鎬佹 + deleteHuoDaiId: null, // 鍒犻櫎鎵胯繍鍟唅d + deleteHuoDaiShow: false, + deleteHuoDaiTitle: '', + deleteHuoDaiContent: '', + // 鍒犻櫎杞﹂槦妯℃�佹 + deleteFleetId: null, // 鍒犻櫎杞﹂槦id + deleteFleetShow: false, + deleteFleetTitle: '', + deleteFleetContent: '', + // 閫�鍑烘ā鎬佹 + logoutShow: false, + logoutTitle: '鎻愮ず', + logoutContent: '鏄惁纭閫�鍑�', + // 鐢ㄦ埛淇℃伅瀵硅薄 + userEntity: {}, + initPwdShow: false, + modifyPwdShow: false, + passwordModified: '', + phoneList:[] + }; }, - // 鑾峰彇鐢ㄦ埛淇℃伅 - getUserEntity() { - this.$reqGet('getUserEntity').then(res => { - this.userEntity = res.data; - }); + computed: { + roleType() { + return uni.getStorageSync('roleType'); + } }, - // 鑾峰彇璐т唬鍒楄〃 - 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浠h〃鐨勬槸璐т唬 - }); - }, - // 娣诲姞杞﹂槦 - 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.msg ? res.msg : '娣诲姞澶辫触'); - } - }); - 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('鍒犻櫎鎴愬姛'); - } else { - this.$u.toast(res.msg ? res.msg : '鍒犻櫎澶辫触'); - } - uni.hideLoading(); + methods: { + checkRadio(e){ + this.radio=e + this.getBuyCardList() + }, + init() { + this.getAllHuoDaiByCustomerId(); 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; - }, - logoutConfirm() { - redirectLogin(); - }, - logoutCancel() { - this.logoutShow = false; - }, - // 璺宠浆鐢ㄦ埛绠$悊椤甸潰 - userManage() { - uni.navigateTo({ - url: '/pages/customer-page/customer-my/userMange/userMange' - }); + this.getUserEntity(); + uni.request({ + url: `${BaseUrl}/admin/dict/page`, + method: 'GET', + data: { + dictType:'phone' + }, + 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 => { + this.phoneList=res.data.data.records + }, + 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浠h〃鐨勬槸鎵胯繍鍟� + }); + }, + // 娣诲姞璐拱璇� + addGouMai(){ + 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, '鎵胯繍鍟唅d'); + 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(){ + let data=[] + this.phoneList.map(item=>{ + item.value.split(',').map(ite=>{ + data.push(ite) + }) + }) + uni.showActionSheet({ + itemList: Array.from(new Set(data)), + success: (res) => { + uni.makePhoneCall({ + phoneNumber:Array.from(new Set(data))[res.tapIndex + 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> -@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: 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%; +<style lang="scss" + scoped> + @mixin flex { display: flex; + justify-content: space-between; align-items: center; - justify-content: space-around; - flex-direction: column; + } + .buylist{ + width: 100%; + height: 80%; + } + .buylists { 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; + 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); + + .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; + + .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; - justify-content: space-between; - margin-top: vww(8); - .block-main { - width: 636rpx; - margin: vww(10) vww(14); + 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 { - .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; + .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-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: 280rpx; + height: 50rpx; + display: flex; + justify-content: space-between; + align-items: center; + } +</style> \ No newline at end of file -- Gitblit v1.9.1