调整样式
This commit is contained in:
parent
a4180eed1b
commit
0b42763e9d
@ -7,6 +7,9 @@
|
||||
</view>
|
||||
<view class="orderCardStatus">
|
||||
<view class="orderCardStatusData">
|
||||
<view v-if="orderData.rescueStatus == 2" class="orderCardSendOrders">
|
||||
系统正在派单中...
|
||||
</view>
|
||||
<template v-if="orderData.rescueStatus == 3">
|
||||
<image src="@/static/icons/homeOrderCard/dhjl.png" class="orderCardDistanceIcon" mode="aspectFit"></image>
|
||||
<text class="orderCardDistanceValue">{{orderData.distance / 1000 || 0}}KM</text>
|
||||
@ -23,9 +26,6 @@
|
||||
</text>
|
||||
</view>
|
||||
<view class="orderCardProcess">
|
||||
<view v-if="orderData.rescueStatus == 2" class="orderCardSendOrders">
|
||||
系统正在派单中...
|
||||
</view>
|
||||
<view v-if="orderData.rescueStatus > 2">
|
||||
<text class="orderCardDriver">{{ orderData.driverName || "" }}</text>
|
||||
驾驶
|
||||
@ -254,12 +254,13 @@
|
||||
|
||||
.orderCardProcess {
|
||||
|
||||
|
||||
}
|
||||
.orderCardSendOrders,
|
||||
.orderCardDriver,
|
||||
.orderCardCarNo {
|
||||
color: #317DFA;
|
||||
}
|
||||
}
|
||||
|
||||
.orderCardFooter {
|
||||
display: flex;
|
||||
|
||||
@ -3,15 +3,15 @@
|
||||
|
||||
<view class="box" :class="{active: aindex == 1}" @click="getgogo(1)" v-if="role == 'user' ">
|
||||
<view class="imgs">
|
||||
<image src="@/static/icons/tabbar/home.png" v-show="aindex != 1"></image>
|
||||
<image src="@/static/icons/tabbar/home-checked.png" v-show="aindex == 1"></image>
|
||||
<image mode="aspectFit" src="@/static/icons/tabbar/home.png" v-show="aindex != 1"></image>
|
||||
<image mode="aspectFit" src="@/static/icons/tabbar/home-checked.png" v-show="aindex == 1"></image>
|
||||
</view>
|
||||
<view class="">首页</view>
|
||||
</view>
|
||||
<view class="box" :class="{active: aindex == 8}" @click="getgogo(8)" v-if="role == 'police' ">
|
||||
<view class="imgs">
|
||||
<image src="@/static/icons/tabbar/home.png" v-show="aindex != 8"></image>
|
||||
<image src="@/static/icons/tabbar/home-checked.png" v-show="aindex == 8"></image>
|
||||
<image mode="aspectFit" src="@/static/icons/tabbar/home.png" v-show="aindex != 8"></image>
|
||||
<image mode="aspectFit" src="@/static/icons/tabbar/home-checked.png" v-show="aindex == 8"></image>
|
||||
</view>
|
||||
<view class="">首页</view>
|
||||
</view>
|
||||
@ -31,8 +31,8 @@
|
||||
<!-- #ifdef APP-PLUS || H5 -->
|
||||
<view class="box" :class="{active: aindex == 3}" @click="getgogo(3)">
|
||||
<view class="imgs">
|
||||
<image src="@/static/icons/tabbar/car.png" v-show="aindex != 3"></image>
|
||||
<image src="@/static/icons/tabbar/car-checked.png" v-show="aindex == 3"></image>
|
||||
<image mode="aspectFit" src="@/static/icons/tabbar/car.png" v-show="aindex != 3"></image>
|
||||
<image mode="aspectFit" src="@/static/icons/tabbar/car-checked.png" v-show="aindex == 3"></image>
|
||||
</view>
|
||||
<view class="">运力</view>
|
||||
</view>
|
||||
@ -40,8 +40,8 @@
|
||||
|
||||
<view class="box" :class="{active: aindex == 4}" @click="getgogo(4)">
|
||||
<view class="imgs">
|
||||
<image src="@/static/icons/tabbar/my.png" v-show="aindex != 4"></image>
|
||||
<image src="@/static/icons/tabbar/my-checked.png" v-show="aindex == 4"></image>
|
||||
<image mode="aspectFit" src="@/static/icons/tabbar/my.png" v-show="aindex != 4"></image>
|
||||
<image mode="aspectFit" src="@/static/icons/tabbar/my-checked.png" v-show="aindex == 4"></image>
|
||||
</view>
|
||||
<view class="">个人中心</view>
|
||||
</view>
|
||||
|
||||
@ -54,7 +54,7 @@
|
||||
<image :src=" baseUrl + detailsinfo.driverInfo.avatar " mode=""></image>
|
||||
</view>
|
||||
<view class="box-bs" v-if="detailsinfo.driverInfo != '' ">
|
||||
<view class="orderCardStatusData" v-if="detailsinfo.rescueInfo.rescueStatus > 2">
|
||||
<view class="orderCardStatusData" v-if="detailsinfo.rescueInfo.rescueStatus == 3">
|
||||
<image src="@/static/icons/homeOrderCard/dhjl.png" class="orderCardDistanceIcon" mode="aspectFit"></image>
|
||||
<text class="orderCardDistanceValue">{{detailsinfo.rescueInfo.distance / 1000 || 0}}KM</text>
|
||||
|
||||
@ -75,8 +75,8 @@
|
||||
|
||||
</view>
|
||||
<view class="box-bs-footer">
|
||||
<view class="box-bs-footer-btn cancelOrderBtn">取消订单</view>
|
||||
<view class="box-bs-footer-btn callDriverBtn" @click="gettel(detailsinfo.driverInfo.phonenumber)">联系司机
|
||||
<view v-if="detailsinfo.rescueInfo.rescueStatus <= 2" class="box-bs-footer-btn cancelOrderBtn">取消订单</view>
|
||||
<view v-if="detailsinfo.rescueInfo.rescueStatus > 2" class="box-bs-footer-btn callDriverBtn" @click="gettel(detailsinfo.driverInfo.phonenumber)">联系司机
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -236,6 +236,7 @@
|
||||
const jyJPush = uni.requireNativePlugin('JY-JPush');
|
||||
// #endif
|
||||
import OrderCard from '@/components/orderCard/OrderCard.vue'
|
||||
import {getWXStatusHeight} from '@/utils/utils.js'
|
||||
// import { getWeather } from'../../utils/Weather'
|
||||
export default {
|
||||
data() {
|
||||
|
||||
@ -3,10 +3,11 @@
|
||||
<view class="content">
|
||||
<view class="dil">
|
||||
<!-- 顶部 -->
|
||||
<view class="content-top" :style="{ paddingTop: homeHeaderPaddingTop + 'px' }">
|
||||
<view class="top-two">
|
||||
<view class="top-left">
|
||||
<view class="left1">
|
||||
<text>当前时间</text>
|
||||
<text>日期</text>
|
||||
</view>
|
||||
<view class="left2">
|
||||
<text>{{currentTime || ''}}</text>
|
||||
@ -14,13 +15,14 @@
|
||||
</view>
|
||||
<!-- #ifdef APP-PLUS || H5 -->
|
||||
<view class="top-right">
|
||||
<view class="">
|
||||
<uni-icons type="location-filled" color="#4282D8" size="16"></uni-icons>
|
||||
</view>
|
||||
<view class="">{{positionInfo}}</view>
|
||||
<view style="color: #fff;" class="">{{positionInfo}}</view>
|
||||
<!-- <view class=""> -->
|
||||
<image class="top-right-icon" src="@/static/icons/bottom.png" mode="aspectFit"></image>
|
||||
<!-- <uni-icons type="location-filled" color="#fff" size="16"></uni-icons> -->
|
||||
<!-- </view> -->
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 标签切换 -->
|
||||
@ -75,33 +77,67 @@
|
||||
<view class="ques" v-if="orderList.length== 0 ">
|
||||
<image src="../../static/quesheng.png" mode=""></image>
|
||||
</view>
|
||||
<view class="boxt" v-for="(item,index) in orderList" :key="index" >
|
||||
<view class="boxt-left" @click="godetail(item.id)">
|
||||
<view class="left-lan">
|
||||
<view class="">{{item.rescueTypeStr}}</view>
|
||||
<view class="boxtList">
|
||||
<view class="boxt" v-for="(item,index) in orderList" :key="index">
|
||||
<view class="orderCardHeader">
|
||||
<text class="orderCardType">{{item.rescueTypeStr}}</text> <text
|
||||
class="orderCardTitle">{{ item.rescuePosition }}</text>
|
||||
</view>
|
||||
<view class="text1">{{item.rescuePosition}}</view>
|
||||
<view class="" v-if="item.rescueStatus == 1">
|
||||
<!-- <view class="" v-if="item.rescueStatus == 1">
|
||||
<view class="lanzi" style="margin-left: 25px; margin-top: 10px;">预约单</view>
|
||||
<view class="text2" >{{item.rescueTime || ''}}</view>
|
||||
<view class="text2">{{item.rescueTime || ''}}</view>
|
||||
</view>
|
||||
<view class="" v-if="item.rescueStatus == 2">
|
||||
<view class="lanzi" style="margin-left: 25px; margin-top: 10px;">系统正在派单中...</view>
|
||||
<view class="text2" >{{item.rescueTime || ''}}</view>
|
||||
<view class="text2">{{item.rescueTime || ''}}</view>
|
||||
|
||||
</view> -->
|
||||
<view class="orderCardStatus">
|
||||
<view class="orderCardStatusData">
|
||||
<view v-if="item.rescueStatus == 2" class="orderCardSendOrders">
|
||||
系统正在派单中...
|
||||
</view>
|
||||
<template v-if="item.rescueStatus == 3">
|
||||
<image src="@/static/icons/homeOrderCard/dhjl.png" class="orderCardDistanceIcon" mode="aspectFit">
|
||||
</image>
|
||||
<text class="orderCardDistanceValue">{{item.distance / 1000 || 0}}KM</text>
|
||||
|
||||
<image src="@/static/icons/homeOrderCard/yjsj.png" class="orderCardPredictIcon"></image>
|
||||
<text class="orderCardPredictDate">{{item.needTime || 0}}分钟</text>
|
||||
到达
|
||||
</template>
|
||||
</view>
|
||||
<text :class="{ toRescued: item.rescueStatus <= 2, inRescue: item.rescueStatus > 2 }"
|
||||
class="orderCardFlag">
|
||||
<template v-if="item.rescueStatus <= 2">{{item.rescueStatusStr}}</template>
|
||||
<template v-if="item.rescueStatus > 2">{{item.rescueStatusStr}}</template>
|
||||
</text>
|
||||
</view>
|
||||
<view class="orderCardProcess">
|
||||
|
||||
<view class="" v-if="item.rescueStatus > 2">
|
||||
<view v-if="item.rescueStatus > 2">
|
||||
<text class="orderCardDriver">{{ item.driverName || "" }}</text>
|
||||
驾驶
|
||||
<text class="orderCardCarNo">{{ item.driverCarNum || "" }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="" v-if="item.rescueStatus > 2">
|
||||
<view class="text2">救援车辆距 <text class="lanzi"> {{item.distance / 1000 || 0}}KM</text> </view>
|
||||
<view class="text2">预计 <text class="lanzi">{{item.needTime || 0}}分钟</text> 到达</view>
|
||||
</view> -->
|
||||
<view class="orderCardFooter">
|
||||
<text class="orderCardDateTime">{{ item.rescueTime || "" }}</text>
|
||||
<view class="orderCardBtnGroup">
|
||||
<view v-if="role[0] == 'ddzx' && item.rescueStatus <= 2 " @click="getzhipai(item.id)"
|
||||
class="orderCardBtnGroupItem">指派司机</view>
|
||||
<view v-if="item.rescueStatus > 2" @click="gettel(item.driverPhoneNum)" class="orderCardBtnGroupItem">
|
||||
联系司机</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="boxt-right">
|
||||
<!-- <view class="boxt-right">
|
||||
<view class="zhtai">
|
||||
<view class="">{{item.rescueStatusStr}}</view>
|
||||
</view>
|
||||
<!-- v-if="role[0] == 'ddzx'" -->
|
||||
|
||||
<view class="dianhua" v-if="role[0] == 'ddzx' && item.rescueStatus <= 2 " @click="getzhipai(item.id)">
|
||||
|
||||
@ -113,10 +149,11 @@
|
||||
</view>
|
||||
<view class="">联系司机</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<!-- 一键救援 -->
|
||||
<!-- <view class="kou" v-if="role[0] == 'jjdd' " @click="getsx()">
|
||||
<image src="../../static/kou.png" mode=""></image>
|
||||
@ -131,41 +168,65 @@
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request';
|
||||
import tabBar from'../../components/tabBar/tabBar.vue'
|
||||
import tabBar from '../../components/tabBar/tabBar.vue'
|
||||
// import { getWeather } from'../../utils/Weather'
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
show:false,
|
||||
id:'',
|
||||
dqcNum:0,
|
||||
dzfNum:0,
|
||||
jyzNum:0,
|
||||
ywcNum:0,
|
||||
role:[],
|
||||
currentTime:'',
|
||||
cityName:'济南',
|
||||
positionInfo:'泸州',
|
||||
msg:'1',
|
||||
total:0,
|
||||
pageNum: 1,//第几页
|
||||
pageSize: 10,//一页多少张
|
||||
totalPages: 0,//总数
|
||||
orderList:[],
|
||||
sjlist:[],
|
||||
arrbox:[
|
||||
import {
|
||||
getWXStatusHeight
|
||||
} from '@/utils/utils.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// #ifdef MP
|
||||
homeHeaderPaddingTop: 0,
|
||||
homeHeaderMenuHeight: 0,
|
||||
homeHeaderMenuLeft: 0,
|
||||
// #endif
|
||||
// #ifdef APP || H5
|
||||
homeHeaderPaddingTop: uni.upx2px(90),
|
||||
homeHeaderMenuHeight: 50,
|
||||
homeHeaderMenuLeft: 0,
|
||||
// #endif
|
||||
show: false,
|
||||
id: '',
|
||||
dqcNum: 0,
|
||||
dzfNum: 0,
|
||||
jyzNum: 0,
|
||||
ywcNum: 0,
|
||||
role: [],
|
||||
currentTime: '',
|
||||
cityName: '济南',
|
||||
positionInfo: '泸州',
|
||||
msg: '8',
|
||||
total: 0,
|
||||
pageNum: 1, //第几页
|
||||
pageSize: 10, //一页多少张
|
||||
totalPages: 0, //总数
|
||||
orderList: [],
|
||||
sjlist: [],
|
||||
arrbox: [
|
||||
// {text:'待支付',id:1},
|
||||
// {text:'待评价',id:2},
|
||||
],
|
||||
columns: [
|
||||
|
||||
],
|
||||
one:true,
|
||||
one: true,
|
||||
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.role = uni.getStorageSync('role')
|
||||
// #ifdef MP
|
||||
const {
|
||||
barHeight,
|
||||
barTop,
|
||||
menuButtonLeft
|
||||
} = getWXStatusHeight()
|
||||
console.log('barHeight, barTop, menuButtonLeft: ', barHeight, barTop, menuButtonLeft);
|
||||
this.homeHeaderPaddingTop = barTop || 0
|
||||
this.homeHeaderMenuHeight = barHeight
|
||||
this.homeHeaderMenuLeft = menuButtonLeft - 6
|
||||
// #endif
|
||||
},
|
||||
onShow() {
|
||||
this.Fourhammers()
|
||||
@ -187,49 +248,49 @@
|
||||
this.getlist()
|
||||
}
|
||||
},
|
||||
components:{
|
||||
components: {
|
||||
tabBar,
|
||||
},
|
||||
methods:{
|
||||
gosg(){
|
||||
methods: {
|
||||
gosg() {
|
||||
uni.navigateTo({
|
||||
url:'/pages/rescue/PoliceOder'
|
||||
url: '/pages/rescue/PoliceOder'
|
||||
})
|
||||
},
|
||||
gettel(num){
|
||||
gettel(num) {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: num //仅为示例
|
||||
});
|
||||
},
|
||||
getsjlist(){
|
||||
getsjlist() {
|
||||
request({
|
||||
url: '/app/rescueInfo/driverInMap?searchValue=',
|
||||
method: 'get',
|
||||
}).then((res)=>{
|
||||
console.log('返回信息',res);
|
||||
}).then((res) => {
|
||||
console.log('返回信息', res);
|
||||
this.columns.push(res.data)
|
||||
|
||||
})
|
||||
},
|
||||
getzhipai(id){
|
||||
getzhipai(id) {
|
||||
this.id = id
|
||||
this.show = true
|
||||
},
|
||||
confirms(e){
|
||||
confirms(e) {
|
||||
console.log(e);
|
||||
let data = {
|
||||
rescueId:this.id,
|
||||
driverId:e.value[0].id
|
||||
rescueId: this.id,
|
||||
driverId: e.value[0].id
|
||||
}
|
||||
request({
|
||||
url: '/system/rescueInfo/designateDriver',
|
||||
method: 'post',
|
||||
params:data
|
||||
}).then((res)=>{
|
||||
console.log('确认司机',res);
|
||||
if(res.code == 200){
|
||||
params: data
|
||||
}).then((res) => {
|
||||
console.log('确认司机', res);
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title:'指派成功'
|
||||
title: '指派成功'
|
||||
})
|
||||
this.getlist()
|
||||
}
|
||||
@ -237,29 +298,29 @@
|
||||
})
|
||||
this.show = false
|
||||
},
|
||||
cancels(){
|
||||
cancels() {
|
||||
this.show = false
|
||||
},
|
||||
Fourhammers(){
|
||||
Fourhammers() {
|
||||
request({
|
||||
url: '/app/rescueInfo/getRescueStatistics',
|
||||
method: 'get',
|
||||
}).then((res)=>{
|
||||
console.log('四个',res);
|
||||
}).then((res) => {
|
||||
console.log('四个', res);
|
||||
this.dqcNum = res.data.dqcNum
|
||||
this.dzfNum = res.data.dzfNum
|
||||
this.jyzNum = res.data.jyzNum
|
||||
this.ywcNum = res.data.ywcNum
|
||||
})
|
||||
},
|
||||
getsxs(id){
|
||||
if(id==8){
|
||||
getsxs(id) {
|
||||
if (id == 8) {
|
||||
uni.navigateTo({
|
||||
url:'/pages/Detain/Detain'
|
||||
url: '/pages/Detain/Detain'
|
||||
})
|
||||
}else{
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url:'/pages/rescue/initiate?id='+id+'&isAppointment='+this.isAppointment
|
||||
url: '/pages/rescue/initiate?id=' + id + '&isAppointment=' + this.isAppointment
|
||||
})
|
||||
}
|
||||
},
|
||||
@ -300,22 +361,22 @@
|
||||
console.log(this.week);
|
||||
// return dateStr;
|
||||
},
|
||||
getlist(){
|
||||
getlist() {
|
||||
let data = {
|
||||
rescueStatus:1,
|
||||
pageSize:this.pageSize,
|
||||
pageNum:this.pageNum,
|
||||
rescueStatus: 1,
|
||||
pageSize: this.pageSize,
|
||||
pageNum: this.pageNum,
|
||||
}
|
||||
request({
|
||||
url: '/app/rescueInfo/getRescueList',
|
||||
method: 'get',
|
||||
params:data
|
||||
}).then((res)=>{
|
||||
console.log('首页',res);
|
||||
if(res.code == 200 ){
|
||||
params: data
|
||||
}).then((res) => {
|
||||
console.log('首页', res);
|
||||
if (res.code == 200) {
|
||||
if (this.pageNum != 1) {
|
||||
this.orderList = this.orderList.concat(res.rows)
|
||||
}else{
|
||||
} else {
|
||||
this.orderList = res.rows
|
||||
}
|
||||
let total = res.total
|
||||
@ -324,39 +385,39 @@
|
||||
|
||||
})
|
||||
},
|
||||
getone(){
|
||||
this.one =! this.one
|
||||
getone() {
|
||||
this.one = !this.one
|
||||
},
|
||||
//一键救援
|
||||
getyi(){
|
||||
getyi() {
|
||||
uni.navigateTo({
|
||||
url:'/pages/rescue/order'
|
||||
url: '/pages/rescue/order'
|
||||
})
|
||||
},
|
||||
goisAppointment(){
|
||||
goisAppointment() {
|
||||
uni.navigateTo({
|
||||
url:'/pages/rescue/order?isAppointment=1'
|
||||
url: '/pages/rescue/order?isAppointment=1'
|
||||
})
|
||||
},
|
||||
getsx(){
|
||||
getsx() {
|
||||
uni.navigateTo({
|
||||
url:'/pages/Detain/Detain'
|
||||
url: '/pages/Detain/Detain'
|
||||
})
|
||||
},
|
||||
//预约
|
||||
getyue(){
|
||||
getyue() {
|
||||
uni.navigateTo({
|
||||
url:'/pages/rescue/order'
|
||||
url: '/pages/rescue/order'
|
||||
})
|
||||
},
|
||||
godetail(id){
|
||||
godetail(id) {
|
||||
uni.navigateTo({
|
||||
url:'/pages/details/details?id='+id
|
||||
url: '/pages/details/details?id=' + id
|
||||
})
|
||||
},
|
||||
gohistory(){
|
||||
gohistory() {
|
||||
uni.navigateTo({
|
||||
url:'/pages/rescue/historylist?id=1'
|
||||
url: '/pages/rescue/historylist?id=1'
|
||||
})
|
||||
}
|
||||
}
|
||||
@ -365,37 +426,41 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.content{
|
||||
.content {
|
||||
width: 100%;
|
||||
height: calc(100vh);
|
||||
background-color: #F6F6F6;
|
||||
|
||||
}
|
||||
.dil{
|
||||
background-color: #F6F6F6;
|
||||
box-sizing: border-box;
|
||||
padding: 45px 12px;
|
||||
|
||||
.content-top {
|
||||
padding: 90rpx 40rpx 30rpx;
|
||||
background-color: #327DFB;
|
||||
}
|
||||
.top-two{
|
||||
|
||||
.top-two {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.top-left{
|
||||
width: 180px;
|
||||
height: 26px;
|
||||
|
||||
.top-left {
|
||||
height: 58rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 50px;
|
||||
background-color: #D1EDFF;
|
||||
// border-radius: 50px;
|
||||
// background-color: #D1EDFF;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
}
|
||||
.left1{
|
||||
width: 50%;
|
||||
background: linear-gradient(87deg, #B6E1FF 0%, #339DFF 100%);
|
||||
font-size: 13px;
|
||||
|
||||
.left1 {
|
||||
width: 112rpx;
|
||||
height: 58rpx;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 200rpx 0rpx 0rpx 200rpx;
|
||||
font-size: 26rpx;
|
||||
color: white;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
@ -403,10 +468,13 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.left2{
|
||||
width: 50%;
|
||||
background: #D1EDFF;
|
||||
font-size: 13px;
|
||||
|
||||
.left2 {
|
||||
width: 146rpx;
|
||||
height: 58rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0rpx 29rpx 29rpx 0rpx;
|
||||
font-size: 26rpx;
|
||||
color: #207EFE;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
@ -414,14 +482,118 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.top-right{
|
||||
|
||||
.top-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
font-size: 34rpx;
|
||||
font-weight: 400;
|
||||
color: #4282D8;
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
|
||||
.top-right-icon {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
}
|
||||
.four-box{
|
||||
}
|
||||
|
||||
.orderCardHeader {
|
||||
line-height: 1.5;
|
||||
|
||||
.orderCardType {
|
||||
background-color: #EAF1FE;
|
||||
color: #317DFA;
|
||||
padding: 4rpx 16rpx;
|
||||
border-radius: 16rpx 0 16rpx 0;
|
||||
font-size: 24rpx;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
.orderCardTitle {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.orderCardStatus {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.orderCardStatusData {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
column-gap: 4rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.orderCardDistanceIcon,
|
||||
.orderCardPredictIcon {
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
}
|
||||
|
||||
.orderCardDistanceValue {
|
||||
color: #919191;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
|
||||
.orderCardFlag {
|
||||
font-size: 24rpx;
|
||||
padding: 4rpx 16rpx;
|
||||
border-radius: 4rpx;
|
||||
|
||||
&.inRescue {
|
||||
background-color: #ECF8EA;
|
||||
color: #2FB821;
|
||||
}
|
||||
|
||||
&.toRescued {
|
||||
background-color: #FAE9E9;
|
||||
color: #D42424;
|
||||
}
|
||||
}
|
||||
|
||||
.orderCardProcess {}
|
||||
|
||||
.orderCardSendOrders,
|
||||
.orderCardDriver,
|
||||
.orderCardCarNo {
|
||||
color: #317DFA;
|
||||
}
|
||||
|
||||
.orderCardFooter {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.orderCardDateTime {
|
||||
color: #919191;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.orderCardBtnGroup {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
column-gap: 16rpx;
|
||||
}
|
||||
|
||||
.orderCardBtnGroupItem {
|
||||
background-color: #317DFA;
|
||||
color: #fff;
|
||||
border: 1px solid #317DFA;
|
||||
padding: 8rpx 16rpx;
|
||||
border-radius: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.dil {
|
||||
background-color: #F6F6F6;
|
||||
box-sizing: border-box;
|
||||
padding: 45px 12px;
|
||||
}
|
||||
.four-box {
|
||||
margin-top: 15px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@ -430,14 +602,17 @@
|
||||
|
||||
|
||||
}
|
||||
.ques{
|
||||
|
||||
.ques {
|
||||
width: 80%;
|
||||
margin: 10px auto;
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.boxf{
|
||||
|
||||
.boxf {
|
||||
margin-top: 6px;
|
||||
height: 84px;
|
||||
width: 49%;
|
||||
@ -449,7 +624,8 @@
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.boxf1{
|
||||
|
||||
.boxf1 {
|
||||
margin-top: 6px;
|
||||
height: 84px;
|
||||
width: 49%;
|
||||
@ -461,7 +637,8 @@
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.boxf2{
|
||||
|
||||
.boxf2 {
|
||||
margin-top: 6px;
|
||||
height: 84px;
|
||||
width: 49%;
|
||||
@ -473,7 +650,8 @@
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.boxf3{
|
||||
|
||||
.boxf3 {
|
||||
margin-top: 6px;
|
||||
height: 84px;
|
||||
width: 49%;
|
||||
@ -485,86 +663,99 @@
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.zi1{
|
||||
|
||||
.zi1 {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.zi2{
|
||||
|
||||
.zi2 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 26px;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.box-tap{
|
||||
|
||||
.box-tap {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 25px;
|
||||
}
|
||||
.tap-left{
|
||||
|
||||
.tap-left {
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.tap-right{
|
||||
|
||||
.tap-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.zi3{
|
||||
|
||||
.zi3 {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
}
|
||||
.left-img1{
|
||||
|
||||
.left-img1 {
|
||||
width: 65px;
|
||||
height: 15px;
|
||||
margin-right: 20px;
|
||||
|
||||
// smargin-bottom: 10px;
|
||||
image{
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.gang{
|
||||
|
||||
.gang {
|
||||
width: 60px;
|
||||
height: 5px;
|
||||
border-radius: 50px;
|
||||
margin-top: 6px;
|
||||
background: linear-gradient(87deg, #B6E1FF 0%, #339DFF 100%);
|
||||
}
|
||||
.tap-box{
|
||||
|
||||
.tap-box {
|
||||
margin-top: 24px;
|
||||
background-color: #F6F6F6;
|
||||
}
|
||||
.boxt{
|
||||
// height: 110px;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
border-radius: 6px;
|
||||
margin-top: 14px;
|
||||
overflow: hidden;
|
||||
|
||||
.boxtList {
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 15px;
|
||||
flex-direction: column;
|
||||
row-gap: 10px;
|
||||
}
|
||||
.boxt-left{
|
||||
|
||||
.boxt {
|
||||
background-color: #fff;
|
||||
padding: 24rpx;
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 22rpx;
|
||||
box-shadow: 2rpx 4rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.boxt-left {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
.left-lan{
|
||||
width: 50px;
|
||||
height: 25px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.left-lan {
|
||||
background-color: #207EFE;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
border-radius: 0px 0px 6px 0px;
|
||||
}
|
||||
.text1{
|
||||
|
||||
.text1 {
|
||||
margin-left: 24px;
|
||||
margin-top: 5px;
|
||||
color: #333333;
|
||||
@ -572,11 +763,13 @@
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
.lanzi{
|
||||
|
||||
.lanzi {
|
||||
font-weight: bold;
|
||||
color: #4C98FF;
|
||||
}
|
||||
.text2{
|
||||
|
||||
.text2 {
|
||||
margin-left: 24px;
|
||||
margin-top: 5px;
|
||||
color: #333333;
|
||||
@ -584,12 +777,14 @@
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
.boxt-right{
|
||||
|
||||
.boxt-right {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.zhtai{
|
||||
|
||||
.zhtai {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
@ -605,7 +800,8 @@
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
.zhtait{
|
||||
|
||||
.zhtait {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 10px;
|
||||
@ -621,7 +817,8 @@
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
.dianhua{
|
||||
|
||||
.dianhua {
|
||||
position: absolute;
|
||||
bottom: -110px;
|
||||
right: 10px;
|
||||
@ -631,18 +828,21 @@
|
||||
color: #3289FF;
|
||||
|
||||
}
|
||||
.ticon{
|
||||
|
||||
.ticon {
|
||||
|
||||
|
||||
width: 12px;
|
||||
height: 13px;
|
||||
margin-right: 5px;
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.yijian{
|
||||
|
||||
.yijian {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
@ -655,7 +855,8 @@
|
||||
color: #542F0E;
|
||||
margin-top: 22px;
|
||||
}
|
||||
.y-left{
|
||||
|
||||
.y-left {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -664,14 +865,16 @@
|
||||
border-radius: 10px;
|
||||
background: #FFE3AC;
|
||||
}
|
||||
.y-right{
|
||||
|
||||
.y-right {
|
||||
width: 30%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.kou{
|
||||
|
||||
.kou {
|
||||
position: fixed;
|
||||
right: 5px;
|
||||
bottom: 80px;
|
||||
@ -680,18 +883,21 @@
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
z-index: 99;
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.box{
|
||||
|
||||
.box {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.xz-box{
|
||||
|
||||
.xz-box {
|
||||
height: 80px;
|
||||
width: 48%;
|
||||
display: flex;
|
||||
@ -705,19 +911,24 @@
|
||||
margin-top: 20px;
|
||||
|
||||
}
|
||||
#y1{
|
||||
|
||||
#y1 {
|
||||
background-image: url('../../static/tc.png');
|
||||
}
|
||||
#y2{
|
||||
|
||||
#y2 {
|
||||
background-image: url('../../static/sy.png');
|
||||
}
|
||||
#y3{
|
||||
|
||||
#y3 {
|
||||
background-image: url('../../static/dd.png');
|
||||
}
|
||||
#y4{
|
||||
|
||||
#y4 {
|
||||
background-image: url('../../static/ht.png');
|
||||
}
|
||||
#y5{
|
||||
|
||||
#y5 {
|
||||
background-image: url('../../static/kc.png');
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user