From 4b74ae71c84d7c3a2fcc83d1ef75f11f8f8c05e0 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期二, 30 五月 2023 10:28:28 +0800
Subject: [PATCH] 增加新功能，修复bug
---
pages/customer-page/customer-my/customer-my.vue | 743 ++++++++++++++++++++++++++++++--------------------------
1 files changed, 400 insertions(+), 343 deletions(-)
diff --git a/pages/customer-page/customer-my/customer-my.vue b/pages/customer-page/customer-my/customer-my.vue
index 5867f1f..7d3cf26 100644
--- a/pages/customer-page/customer-my/customer-my.vue
+++ b/pages/customer-page/customer-my/customer-my.vue
@@ -1,11 +1,14 @@
<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">
<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,9 +16,18 @@
<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-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>
@@ -27,7 +39,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>
@@ -35,9 +48,18 @@
<view class="fleet-list">
<u-swipe-action>
<u-cell-group :border="false">
- <u-swipe-action-item :options="options1" v-for="(item, index) in fleetData" :key="item.id" :name="item.id" @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-swipe-action-item :options="options1"
+ v-for="(item, index) in fleetData"
+ :key="item.id"
+ :name="item.id"
+ @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>
@@ -49,412 +71,447 @@
</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="logout()"></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 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: [{
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');
+ }],
+ // 鍒犻櫎璐т唬妯℃�佹
+ 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();
+ },
+ // 鑾峰彇鐢ㄦ埛淇℃伅
+ getUserEntity() {
+ this.$reqGet('getUserEntity').then(res => {
+ this.userEntity = 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浠ｈ〃鐨勬槸璐т唬
+ });
+ },
+ // 娣诲姞杞﹂槦
+ 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;
+ },
+ logoutConfirm() {
+ redirectLogin();
+ },
+ logoutCancel() {
+ this.logoutShow = false;
+ },
+ // 璺宠浆鐢ㄦ埛绠＄悊椤甸潰
+ userManage() {
+ uni.navigateTo({
+ url: '/pages/customer-page/customer-my/userMange/userMange'
+ });
+ }
}
- },
- onShow() {
- this.init();
- },
- methods: {
- init() {
- this.getAllHuoDaiByCustomerId();
- this.getFleet();
- this.getUserEntity();
- },
- // 鑾峰彇鐢ㄦ埛淇℃伅
- getUserEntity() {
- this.$reqGet('getUserEntity').then(res => {
- this.userEntity = 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浠ｈ〃鐨勬槸璐т唬
- });
- },
- // 娣诲姞杞﹂槦
- 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();
- console.log(res, '鏂板缓杞﹂槦');
- if (res.code == 0) {
- this.$u.toast('娣诲姞鎴愬姛');
- } else {
- this.$u.toast(res.msg ? 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;
- },
- logoutConfirm() {
- redirectLogin();
- },
- logoutCancel() {
- this.logoutShow = false;
- },
- // 璺宠浆鐢ㄦ埛绠＄悊椤甸潰
- 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;
- 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;
+ }
+
+ .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;
+ }
}
}
}
}
-}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.9.1