<template>
|
<view class="customer-my">
|
<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>
|
<u-tag text="拒绝"
|
:type="radio==3?'primary':'info'"
|
plain
|
size="mini"
|
class="tags"
|
@click="checkRadio(3)"></u-tag>
|
</view>
|
<view class="huodai-list">
|
<view class="buylist">
|
<view v-for="(item, index) in BuyCardData" :key="index" class="buylists" @click=addGouMai(item)>
|
<view >{{item.productName}}</view>
|
<view >{{item.buyTotal}}/{{item.surplus}}</view>
|
<view >{{item.endDate}}</view>
|
<view >{{item.status==0?'待生效':item.status==1?'生效':item.status==2?'废弃':'拒绝'}}</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">
|
<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"
|
: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>
|
</u-swipe-action>
|
</view>
|
</view>
|
</view>
|
</view> -->
|
<view class="information-block">
|
<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 class="information-line"
|
@click="">
|
<view class="line-label">
|
<image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/personalicon.png"
|
mode="widthFix"></image>
|
<view class="label-text">身份证号</view>
|
</view>
|
<view class="information-value">
|
{{ idCard || '' }}
|
</view>
|
</view> -->
|
|
<!-- <view class="information-line">
|
<view class="line-label">
|
<image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/weighnum.png"
|
mode="widthFix"></image>
|
<view class="label-text">体重</view>
|
</view>
|
<view class="information-value">
|
{{ userInfo.weight || '' }}
|
</view>
|
</view> -->
|
<!-- 由于是自定义icon 非设计图icon 所以要加上这个style="margin-left: 1.5%;"
|
icon 下载格式为18x18-->
|
<!-- <view class="information-line"
|
@click="modifyPrint">
|
|
<view class="line-label"
|
style="margin-left: 1.5%;">
|
<image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/printer.png"
|
mode="widthFix"
|
style="width: 18px;"></image>
|
<view class="label-text">磅单样式</view>
|
</view>
|
<view class="information-value">
|
<view class="">
|
{{ currentSelectedPrintStyle===1?'一页两联':'一页四联'}}
|
</view>
|
<u-icon name="arrow-right"
|
size="36"></u-icon>
|
</view>
|
</view> -->
|
<!-- <view class="information-line"
|
@click="addressManageHandle">
|
<view class="line-label"
|
style="margin-left: 1.5%;">
|
<image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.png"
|
mode="widthFix"
|
style="width: 18px;"></image>
|
<view class="label-text"
|
style="width:220rpx ;">送货客户管理</view>
|
</view>
|
<view class="">
|
<u-icon name="arrow-right"
|
size="36"></u-icon>
|
</view>
|
</view> -->
|
<!-- <view class="information-line"
|
@click="scoreDetail">
|
<view class="line-label"
|
style="margin-left: 1.5%;">
|
<image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/score.png"
|
mode="widthFix"
|
style="width: 36rpx;position: relative;left: 8rpx;"></image>
|
<view class="label-text">我的积分</view>
|
</view>
|
<view class="information-value">
|
<view class="">
|
{{ userInfo.integral || '' }}
|
</view>
|
<view class="">
|
<u-icon name="arrow-right"
|
size="36"></u-icon>
|
</view>
|
</view>
|
</view> -->
|
<!-- <view class="information-line last"
|
@click="scoreCert">
|
<view class="line-label"
|
style="margin-left: 1.5%;">
|
<image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/score.png"
|
mode="widthFix"
|
style="width: 36rpx;position: relative;left: 8rpx;"></image>
|
<view class="label-text">剧毒化学品道路运输通行证</view>
|
</view>
|
<view class="information-value">
|
<view class="">
|
{{ '' }}
|
</view>
|
<view class="">
|
<u-icon name="arrow-right"
|
size="36"></u-icon>
|
</view>
|
</view>
|
</view> -->
|
</view>
|
</view>
|
</view>
|
</view>
|
<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" style="z-index: 0;">
|
<u-swipe-action-item :options="options1"
|
v-for="(item, index) in fleetData"
|
:key="item.id"
|
:name="item.id"
|
style="z-index: 0;"
|
@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="utils-button">
|
<view class="statistics"><u-button text="用户管理"
|
type="primary"
|
@click="userManage"
|
v-if="roleType == 1 && userInfo.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>
|
<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-item>
|
</u--form>
|
</view>
|
<view class="addCarButton"><u-button text="添加"
|
type="primary"
|
@click="addNewGroupClick"></u-button></view>
|
</u-popup>
|
</view>
|
<!-- 删除承运商模态框 -->
|
<view class="deleteHuoDaiModal">
|
<u-modal :show="deleteHuoDaiShow"
|
:title="deleteHuoDaiTitle"
|
@close="deleteHuoDaiClose"
|
@cancel="deleteHuoDaiCancel"
|
@confirm="deleteHuoDaiConfirm"
|
:closeOnClickOverlay="true"
|
:showCancelButton="true">
|
<view class="slot-content"><rich-text :nodes="deleteHuoDaiContent"></rich-text></view>
|
</u-modal>
|
</view>
|
<!-- 删除车队模态框 -->
|
<view class="deleteFleetModal">
|
<u-modal :show="deleteFleetShow"
|
:title="deleteFleetTitle"
|
@close="deleteFleetClose"
|
@cancel="deleteFleetCancel"
|
@confirm="deleteFleetConfirm"
|
:closeOnClickOverlay="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>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
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: {},
|
initPwdShow: false,
|
modifyPwdShow: false,
|
passwordModified: '',
|
phoneList:[]
|
};
|
},
|
computed: {
|
roleType() {
|
return uni.getStorageSync('roleType');
|
},
|
userInfo(){
|
return uni.getStorageSync('userInfo');
|
}
|
},
|
methods: {
|
checkRadio(e){
|
this.radio=e
|
this.getBuyCardList()
|
},
|
init() {
|
this.getAllHuoDaiByCustomerId();
|
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 => {
|
}
|
})
|
},
|
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代表的是承运商
|
});
|
},
|
// 添加购买证
|
addGouMai(data){
|
if(data){
|
if(data.status==3){
|
uni.navigateTo({
|
url: '/subPages/addTo-freightForwarder-purchasePermit/addTo-freightForwarder-purchasePermit?data='+encodeURIComponent(JSON.stringify(data))
|
});
|
}
|
}else{
|
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, '承运商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;
|
},
|
contactUs(){
|
uni.showActionSheet({
|
itemList: this.phoneList,
|
success: (res) => {
|
uni.makePhoneCall({
|
phoneNumber:this.phoneList[res.tapIndex].split(":")[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;
|
}
|
.buylist{
|
width: 100%;
|
height: 80%;
|
}
|
.buylists {
|
position: relative;
|
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;
|
:v-deep .u-cell-group__wrapper{
|
z-index: 0!important;
|
}
|
|
.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: 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;
|
margin-top: vww(8);
|
|
.block-main {
|
width: 636rpx;
|
margin: vww(10) vww(14);
|
}
|
}
|
}
|
.information-block {
|
width: 100%;
|
|
.personal-information {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
position: relative;
|
top: vww(-10);
|
|
&-block {
|
width: 690rpx;
|
height: 350rpx;
|
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;
|
height: vww(45);
|
border-bottom: 1rpx solid #f0f1f6;
|
|
.line-label {
|
width: 50%;
|
height: 90rpx;
|
@include flex;
|
|
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;
|
}
|
}
|
}
|
}
|
}
|
.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-cell-group__wrapper {
|
z-index: 0;
|
}
|
.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%;
|
|
.title {
|
width: 100%;
|
text-align: center;
|
font-size: 20px;
|
|
.u-text {
|
.u-text__value {}
|
}
|
}
|
|
.addCarForm {
|
width: 80%;
|
margin: 0 auto vww(30);
|
}
|
|
.addCarButton {
|
width: 40%;
|
margin: 0 auto;
|
}
|
}
|
}
|
}
|
|
.modifyPwd {
|
width: 100%;
|
border: 1rpx solid rgb(220, 223, 230);
|
}
|
}
|
.chage{
|
width: 400rpx;
|
height: 50rpx;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
</style>
|
