From f1950b48fec6421b50580f2a8899b360b314b73c Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期四, 10 四月 2025 15:29:33 +0800
Subject: [PATCH] feat：增加车牌号，和规格Bug修改
---
pages/driver-page/driver-index/driver-index.vue | 2382 ++++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 1,448 insertions(+), 934 deletions(-)
diff --git a/pages/driver-page/driver-index/driver-index.vue b/pages/driver-page/driver-index/driver-index.vue
index 2e15b18..e54fbe8 100644
--- a/pages/driver-page/driver-index/driver-index.vue
+++ b/pages/driver-page/driver-index/driver-index.vue
@@ -1,951 +1,1465 @@
<template>
- <view class="">
- <view class="driver-index">
- <view class="driver-index-body">
- <!-- 寰呴鍙栭�氱煡鍗� -->
- <view class="wait-collection"
- :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/diverbanner.png)`, backgroundSize: 'contain', backgroundRepeat: 'no-repeat' }">
- </view>
- <!-- 寮曞椤� -->
- <view class="noob-tour"
- v-if="roleType===3&&isFirstLogin">
- <combined-title title="鎿嶄綔鎸囧紩"></combined-title>
- <u-cell-group>
- <u-cell title="鏂版墜鎸囧紩"
- name='1'
- :clickable="true"
- @click="noobTour">
- <u-badge type="primary"
- value="01"
- slot='icon'></u-badge>
- <u-icon slot="value"
- name="arrow-right"
- size="30"
- color="#b8b8b8"></u-icon>
- </u-cell>
- </u-cell-group>
- </view>
- <view class="collection-form">
- <view class="collection-form-item"
- v-for="(item, index) in driverBillOfLoadingData.list1"
- :key="index">
- <view class="main-divider"></view>
- <view class="first-line">
- <view class="main-information">
- <view class="sign">瑁�</view>
- <view class="filedname exceedHide">
- <text
- v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">{{ item.deptName|| '' }}</text>
- <text
- v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘' ">{{ item.customerId?item.customerName:item.customerNameCopy|| '' }}</text>
- <text v-else-if="item.orderType == '杞嚭'|| item.orderType == '杞叆'">{{item.filedName}}
+ <div
+ class="warp"
+ :style="{
+ backgroundImage: `url(${onlineurl}/appimg/image/banner/diverbanner.png)`,
+ backgroundSize: 'contain',
+ backgroundRepeat: 'no-repeat',
+ }"
+ >
+ <div class="warp-box">
+ <!-- 褰撳墠鐨勮鍗� -->
+ <!-- 鍗犱綅 -->
+ <!-- 淇敼鏍峰紡瀹瑰櫒鍖呰９棣栭〉 -->
+ <view class="indexPageDiv">
+ <div class="ingOrderDiv">
+ <div
+ class="ingOrder"
+ v-for="(item, i) in (driverBillOfLoadingData.list2 )"
+ :key="i"
+ v-if="i == 0"
+ @click="list3CardIconClick(item)"
+ >
+ <!-- 绗竴琛� -->
+ <div class="firstLine">
+ <div class="leftIcon">
+ <div class="leftOneDiv">
+ <span class="leftOne">瑁�</span>
+ </div>
+ <div class="leftLine"></div>
+ <div class="rightDiv">
+ <span class="rightone">鍗�</span>
+ </div>
+ </div>
+ <div class="centerTitle">
+ <view class="filedname exceedHide">
+ <text
+ v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'"
+ >{{ item.deptName }}</text
+ >
+ <text
+ v-else-if="
+ item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'
+ "
+ >{{ item.customerName }}</text
+ >
+ <text
+ v-else-if="
+ item.orderType == '杞嚭' || item.orderType == '杞叆'
+ "
+ >
+ {{ item.filedName }}
+ </text>
+ </view>
+ <p class="centerLine"></p>
+ <view class="filedname exceedHide">
+ <text
+ v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'"
+ >{{ item.customerName }}</text
+ >
+ <text
+ v-else-if="
+ item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'
+ "
+ >{{ item.deptName }}</text
+ >
+ <text
+ v-else-if="
+ item.orderType == '杞嚭' || item.orderType == '杞叆'
+ "
+ >
+ {{ item.toFiledName }}
+ </text>
+ </view>
+ </div>
+ <div class="rightIcon">
+ <u-icon
+ name="map"
+ color="#4978F0"
+ @click.stop="skipMap(item)"
+ size="40"
+ ></u-icon>
+ <u-icon
+ @click.stop="skipMap(item)"
+ name="map"
+ color="#4978F0"
+ size="40"
+ ></u-icon>
+ </div>
+ </div>
+ <div class="statusBox">
+ <div class="twoleft">
+ <view class="time-icon"
+ ><u-icon name="clock" color="#515151" size="25"></u-icon
+ ></view>
+ <view
+ class="send-date"
+ style="font-size: 13px; color: #1f4978f0"
+ >{{ item.yuYueSection || item.yuYueTime }}</view
+ >
+ </div>
+ <view class="status">
+ <u-tag :text="coalStatus[item.statusWeigh] || ''" plain>
+ </u-tag>
+ </view>
+ </div>
- </text>
- </view>
- </view>
- <view class="point-number">
- <text class="residue">{{ item.carNum - item.taskNum }}</text>
- <text>/{{ item.carNum }}</text>
- </view>
- </view>
- <view class="first-extra">
- <view class="main-information">
- <view class="sign">鍗�</view>
- <view class="filedname exceedHide">
- <text v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">
- {{ item.customerNameCopy ? item.customerNameCopy : item.customerName|| '' }}
- </text>
- <text
- v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘' ">{{ item.deptName|| '' }}</text>
- <text
- v-else-if="item.orderType == '杞嚭'|| item.orderType == '杞叆'">{{item.toFiledName}}
+ <div class="twoLine">
+ <div class="twoRight">
+ <view>
+ <u-tag :text="item.coalName" plain> </u-tag>
+ </view>
+ <view style="margin-left: 10rpx">
+ <u-tag :text="item.orderType" plain> </u-tag>
+ </view>
+ </div>
+ </div>
+ <div class="threeLine">
+ <span class="more" @click="todoHistory">鏇村>></span>
+ </div>
+ </div>
+ </div>
- </text>
- </view>
- </view>
- </view>
- <view class="third-line">
- <view class="time-icon"><u-icon name="clock"
- color="#515151"
- size="40"></u-icon></view>
- <view class="send-date">{{ item.sendDate }}</view>
- <view class="type">
- <view class="coal-name">{{ item.coalName }}</view>
- </view>
- </view>
- <view class="fourth-line"
- @click.stop="qiangDanBtn(item)"
- v-if="item.carNum - item.taskNum !== 0">
- <view class="button-img">绔嬪嵆鎶㈠崟</view>
- </view>
- </view>
- </view>
- <!-- 鎶㈠崟鎻愮ず妯℃�佹 -->
- <view class="qianDanModel">
- <u-modal :show="qiangDanShow"
- :title="qiangDanTitle"
- showCancelButton
- :content="qiangDanContent"
- @confirm="qiangDanConfirm"
- @cancel="qiangDanCancel"></u-modal>
- </view>
+ <!-- 涔濆鏍� -->
+ <view class="gridBoxBg no-right no-left">
+ <view class="gridBox">
+ <u-grid :border="false" col="4" v-if="!loading">
+ <u-grid-item
+ v-for="(listItem, listIndex) in list"
+ :key="listIndex"
+ >
+ <u--image
+ :showLoading="true"
+ :src="listItem.src"
+ width="50px"
+ height="50px"
+ @click="gridClick(listItem)"
+ ></u--image>
+ <text class="grid-text">{{ listItem.title }}</text>
+ </u-grid-item>
+ </u-grid>
+ </view>
+ </view>
- <!-- 寰呴绾﹂�氱煡鍗� -->
- <view class="wait-appointment">
- <combined-title title="寰呴绾﹂�氱煡鍗�"></combined-title>
- <u-empty mode="data"
- icon="http://cdn.uviewui.com/uview/empty/data.png"
- textSize="30"
- iconSize="1000"
- v-if="driverBillOfLoadingData.list3 ? (driverBillOfLoadingData.list3.length == 0 ? true : false) : true"></u-empty>
+ <!-- 绔嬪嵆鎶㈠崟 -->
+ <div
+ class="orderGrabbing"
+ v-for="(item, i) in driverBillOfLoadingData.list1"
+ :key="i"
+ >
+ <!-- 绗竴琛� -->
+ <div class="firstLine">
+ <div class="leftIcon">
+ <div class="leftOneDiv">
+ <span class="leftOne">瑁�</span>
+ </div>
+ <div class="leftLine"></div>
+ <div class="rightDiv">
+ <span class="rightone">鍗�</span>
+ </div>
+ </div>
+ <div class="centerTitle">
+ <view class="filedname exceedHide">
+ <text
+ v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'"
+ >{{ item.deptName || "" }}</text
+ >
+ <text
+ v-else-if="
+ item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'
+ "
+ >{{
+ item.customerId
+ ? item.customerName
+ : item.customerNameCopy || ""
+ }}</text
+ >
+ <text
+ v-else-if="
+ item.orderType == '杞嚭' || item.orderType == '杞叆'
+ "
+ >{{ item.filedName }}
+ </text>
+ </view>
+ <p class="centerLine"></p>
+ <view class="filedname exceedHide">
+ <text
+ v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'"
+ >
+ {{
+ item.customerNameCopy
+ ? item.customerNameCopy
+ : item.customerName || ""
+ }}
+ </text>
+ <text
+ v-else-if="
+ item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'
+ "
+ >{{ item.deptName || "" }}</text
+ >
+ <text
+ v-else-if="
+ item.orderType == '杞嚭' || item.orderType == '杞叆'
+ "
+ >{{ item.toFiledName }}
+ </text>
+ </view>
+ </div>
+ <div class="rightIcon">
+ <div>
+ <span
+ style="color: #f81414; font-size: 40rpx; font-weight: 400"
+ >{{ item.carNum - item.taskNum }}</span
+ >
+ <span style="font-size: 24rpx; color: #c78a64; font-weight: 400"
+ >/</span
+ >
+ <span
+ style="font-size: 24rpx; color: #c78a64; font-weight: 400"
+ >{{ item.carNum }}</span
+ >
+ </div>
+ </div>
+ </div>
+ <div class="twoLine">
+ <div class="twoleft">
+ <span>{{ item.coalName }}</span>
+ <span>|</span>
+ <span>{{ item.orderType }}</span>
+ </div>
+ </div>
+ <div class="threeLine">
+ <div class="date">
+ <view class="time-icon"
+ ><u-icon name="clock" color="#515151" size="30"></u-icon
+ ></view>
+ <view class="send-date">{{ item.createTime }}</view>
+ </div>
+ <span class="more">
+ <div @click.stop="qiangDanBtn(item)" class="qiangdanBtn">
+ 绔嬪嵆鎶㈠崟
+ </div>
+ </span>
+ </div>
+ </div>
+ <!-- 寰呴绾︽彁鐓ゅ崟 -->
+ <combined-title title="寰呴绾﹂�氱煡鍗�"></combined-title>
+ <div
+ class="pendingAppointment"
+ v-for="(item, i) in driverBillOfLoadingData.list3"
+ :key="i"
+ @click.stop="list3CardIconClick(item)"
+ >
+ <div class="firstLine">
+ <div class="leftIcon">
+ <div class="leftOneDiv">
+ <span class="leftOne">瑁�</span>
+ </div>
+ <div class="leftLine"></div>
+ <div class="rightDiv">
+ <span class="rightone">鍗�</span>
+ </div>
+ </div>
+ <div class="centerTitle">
+ <view class="filedname exceedHide">
+ <text
+ v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'"
+ >{{ item.deptName || "" }}</text
+ >
+ <text
+ v-else-if="
+ item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'
+ "
+ >{{
+ item.customerId
+ ? item.customerName
+ : item.customerNameCopy || ""
+ }}</text
+ >
+ <text
+ v-else-if="
+ item.orderType == '杞嚭' || item.orderType == '杞叆'
+ "
+ >{{ item.filedName }}
+ </text>
+ </view>
+ <p class="centerLine"></p>
+ <view class="filedname exceedHide">
+ <text
+ v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'"
+ >
+ {{
+ item.customerNameCopy
+ ? item.customerNameCopy
+ : item.customerName || ""
+ }}
+ </text>
+ <text
+ v-else-if="
+ item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'
+ "
+ >{{ item.deptName || "" }}</text
+ >
+ <text
+ v-else-if="
+ item.orderType == '杞嚭' || item.orderType == '杞叆'
+ "
+ >{{ item.toFiledName }}
+ </text>
+ </view>
+ </div>
+ <div class="rightIcon">
+ <!-- <div>
+ <span style="color: #F81414;font-size: 40rpx;font-weight: 400">3</span>
+ <span style="font-size: 24rpx;color: #C78A64;font-weight: 400;">/</span>
+ <span style="font-size: 24rpx;color: #C78A64;font-weight: 400;">18</span>
+ </div> -->
+ </div>
+ </div>
+ <div class="twoLine">
+ <div class="twoleft">
+ <span>{{ item.coalName }}</span>
+ <span>|</span>
+ <span>{{ item.orderType }}</span>
+ </div>
+ </div>
+ <div class="threeLine">
+ <div class="date">
+ <view class="time-icon"
+ ><u-icon name="clock" color="#515151" size="30"></u-icon
+ ></view>
+ <view class="send-date"> {{ item.createTime }}</view>
+ </div>
+ <span class="more">
+ <div class="qiangdanBtn" @click.stop="toAppointmentClick(item)">
+ 绔嬪嵆棰勭害
+ </div>
+ </span>
+ </div>
+ </div>
+ <!-- <div v-if="!driverBillOfLoadingData.list3.length"><u-empty
+ mode="data"
+ icon="http://cdn.uviewui.com/uview/empty/data.png"
+ textSize="30"></u-empty></div> -->
+ <!-- 閫氱煡閫氬憡 -->
+ <combined-title title="閫氱煡鍏憡"></combined-title>
+ <div class="tongzhi">
+ <u-list
+ style="height:auto"
+ v-if="noticeList && noticeList.length"
+ height='540'
+ scrollable='false'
+ >
+ <u-list-item v-for="(item, index) in noticeList" :key="index">
+ <div class="listItem" @click="todoNotice(item)">
+ <div class="listItemTop">
+ <u-avatar
+ slot="icon"
+ shape="square"
+ size="35"
+ :src="item.url"
+ customStyle="margin: -3px 5px -3px 0"
+ ></u-avatar>
+ <div v-html="item.title"></div>
+ </div>
- <view class="appointment-form">
- <view class="appointment-form-item"
- v-for="(item, index) in driverBillOfLoadingData.list3"
- :key="index">
- <view class="main-divider"></view>
- <view class="first-line">
- <view class="main-information">
- <view class="sign">瑁�</view>
- <view class="filedname exceedHide">
- <text
- v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">{{ item.deptName }}</text>
- <text
- v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘' ">{{ item.customerName }}</text>
- <text
- v-else-if="item.orderType == '杞嚭'|| item.orderType == '杞叆'">{{item.filedName}}
- </text>
- </view>
- </view>
- <view class="map-icon"
- @click.stop="skipMap(item)">
- <view><u-icon name="map"
- color="#4978F0"
- size="40"></u-icon></view>
- </view>
- </view>
- <view class="first-extra">
- <view class="main-information">
- <view class="sign">鍗�</view>
- <view class="filedname exceedHide">
- <text
- v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">{{ item.customerName }}</text>
- <text
- v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘' ">{{ item.deptName }}</text>
- <text
- v-else-if="item.orderType == '杞嚭'|| item.orderType == '杞叆'">{{item.toFiledName}}</text>
- </view>
- </view>
- <view class="map-icon"
- @click.stop="skipMap(item)">
- <view><u-icon name="map"
- color="#4978F0"
- size="40"></u-icon></view>
- </view>
- </view>
- <!-- <view class="status">
- <u-tag :text="coalStatus[item.statusWeigh] || ''"
- plain>
- </u-tag>
- </view> -->
- <view class="third-line">
- <view class="clock">
- <view class="time-icon"><u-icon name="clock"
- color="#515151"
- size="40"></u-icon></view>
- <view class="send-date">{{ item.sendDate }}</view>
- </view>
- <view class="type">
- <view class="coal-name">{{ item.coalName }}</view>
- <!-- <view class="order-type">{{ item.orderType }}</view> -->
- </view>
- </view>
- <view class="fourth-line"
- @click="toAppointmentClick(item)">
- <view class="button-img">绔嬪嵆棰勭害</view>
- </view>
- </view>
- </view>
- </view>
+ <span class="listDate">{{ item.createTime }}</span>
+ </div>
+ </u-list-item>
+ </u-list>
+ <u-empty
+ v-if="!noticeList.length"
+ mode="data"
+ icon="http://cdn.uviewui.com/uview/empty/data.png"
+ textSize="30"
+ ></u-empty>
+ </div>
+ <!-- 寮曞椤� -->
+ <view class="noob-tour" v-if="roleType === 3 && isFirstLogin">
+ <!-- <combined-title title="鎿嶄綔鎸囧紩"></combined-title> -->
+ <u-cell-group>
+ <u-cell
+ title="鏂版墜鎸囧紩"
+ name="1"
+ :clickable="true"
+ @click="noobTour"
+ >
+ <u-badge type="primary" value="01" slot="icon"></u-badge>
+ <u-icon
+ slot="value"
+ name="arrow-right"
+ size="30"
+ color="#b8b8b8"
+ ></u-icon>
+ </u-cell>
+ </u-cell-group>
+ </view>
+ </view>
+ </div>
+ <!-- 鎶㈠崟鎻愮ず妯℃�佹 -->
+ <view class="qianDanModel">
+ <u-modal
+ :show="qiangDanShow"
+ :title="qiangDanTitle"
+ showCancelButton
+ :content="qiangDanContent"
+ @confirm="qiangDanConfirm"
+ @cancel="qiangDanCancel"
+ ></u-modal>
+ </view>
+ <!-- 鍥剧墖棰勮寮瑰嚭妗� -->
+ <view class="previewImage-container">
+ <previewImage
+ ref="previewImage"
+ :imgs="driverTourImgList"
+ :saveBtn="false"
+ ></previewImage>
+ </view>
+ <!-- 閫氱煡鍏憡 -->
+ <u-modal
+ :show="noticeModelShow"
+ :title="notice.title"
+ @confirm="noticConfirm"
+ >
+ <div v-html="notice.content"></div>
+ </u-modal>
+ <!-- 澶栭攢鎶㈠崟閫夋嫨杞︾墝 -->
+ <u-modal :show="show"
+ showCancelButton
+ @confirm="showConFirm(activeObj)"
+ @cancel="showCancel"
+ :title="title" >
+ <view class="slot-content">
+ <view style="text-align: left;">
+ <u-radio-group
+ v-model="paramsCarNo"
+ placement="column"
+ >
+ <u-radio
+ :iconSize="40"
+ :labelSize="40"
+ :size="40"
+ :customStyle="{marginBottom: '8px'}"
+ v-for="(item, index) in paramsArr"
+ :key="index"
+ :label="item.carNo + '--' + item.name"
+ :name="item.carNo"
+ @change="radioChange"
+ >
+ </u-radio>
+
- <!-- 宸查绾﹂�氱煡鍗� -->
- <view class="Reserved">
- <combined-title title="宸查绾﹂�氱煡鍗�"></combined-title>
- <u-empty mode="data"
- icon="http://cdn.uviewui.com/uview/empty/data.png"
- textSize="30"
- iconSize="1000"
- v-if="driverBillOfLoadingData.list2 ? (driverBillOfLoadingData.list2.length == 0 ? true : false) : true"></u-empty>
- <view class="appointment-form">
- <view class="appointment-form-item"
- v-for="(item, index) in driverBillOfLoadingData.list2"
- :key="index"
- @click="list3CardIconClick(item)">
- <view class="main-divider"></view>
- <view class="first-line">
- <view class="main-information">
- <view class="sign">瑁�</view>
- <view class="filedname exceedHide">
- <text
- v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">{{ item.deptName }}</text>
- <text
- v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘' ">{{ item.customerName }}</text>
- <text v-else-if="item.orderType == '杞嚭'||item.orderType == '杞叆'">
- {{item.filedName}}
-
- </text>
- </view>
- </view>
- <view class="map-icon"
- @click.stop="skipMap(item)">
- <view><u-icon name="map"
- color="#4978F0"
- size="40"></u-icon></view>
- </view>
- </view>
- <view class="second-line">
- <view class="main-information">
- <view class="sign">鍗�</view>
- <view class="filedname exceedHide">
- <text
- v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">{{ item.customerName }}</text>
- <text
- v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'">{{ item.deptName }}</text>
- <text v-else-if="item.orderType == '杞嚭'||item.orderType == '杞叆'">
- {{item.toFiledName}}
-
- </text>
- </view>
- </view>
- <view class="map-icon"
- @click.stop="skipMap(item)">
- <view><u-icon name="map"
- color="#4978F0"
- size="40"></u-icon></view>
- </view>
- </view>
- <view class="status">
- <u-tag :text="coalStatus[item.statusWeigh] || ''"
- plain>
- </u-tag>
- </view>
- <view class="third-line">
- <view class="clock havedclock">
- <view class="time-icon"><u-icon name="clock"
- color="#515151"
- size="40"></u-icon></view>
- <view class="send-date">{{ item.yuYueSection|| '' }}</view>
- </view>
- <view class="type">
- <view class="coal-name">{{ item.coalName || '' }}</view>
- <!-- <view class="order-type">{{ item.orderType }}</view> -->
- </view>
- </view>
- </view>
- </view>
- <view class="white-block"></view>
- </view>
- <!-- 鍥剧墖棰勮寮瑰嚭妗� -->
- <view class="previewImage-container">
- <previewImage ref="previewImage"
- :imgs="TourImgList"
- :saveBtn='false'></previewImage>
- </view>
- </view>
+ </u-radio-group>
</view>
- </view>
+ </view>
+ </u-modal>
+ </div>
</template>
-
<script>
- import { customerId } from '@/utils/status';
- import combinedTitle from '@/components/combined-title/combined-title.vue';
- import { onlineurl } from '@/api/request.js'
- import { BaseUrl } from '@/api/publicInterface.js'
- import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue';
- export default {
- components: {
- combinedTitle,
- previewImage
- },
- props: {
- indexdriverBillOfLoadingData: {
- type: Object,
- default: {}
- }
- },
- watch: {
- indexdriverBillOfLoadingData: {
- handler(v) {
- this.driverBillOfLoadingData = v;
- },
- deep: true,
- immediate: true
- },
- },
- computed: {
- roleType() {
- return uni.getStorageSync('roleType');
- },
- },
- data() {
- return {
- driverBillOfLoadingData: {
- list1: [],
- list2: [],
- list3: []
- },
- // 鎶㈠崟妯℃�佹
- qiangDanShow: false,
- qiangDanTitle: '鎶㈠崟鎻愮ず',
- qiangDanContent: '',
- qiangDanOrderPlanId: null,
- fleetId: '',
- xsUserId: '',
- customerId: '',
- coalStatus: ['鏈О閲�', '绉伴噸涓�', '楠岃川涓�', '绉伴噸瀹屾垚', '楠岃川瀹屾垚'],
- onlineurl,
- TourImgList: ['https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj1.jpg',
- 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj2.jpg',
- 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj3.jpg',
- 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj4.jpg',
- 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj5.jpg',
- 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj6.jpg',
- 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj7.jpg'
- ],
- phone: "",
- isFirstLogin: true //鏄惁鏄涓�娆＄櫥褰�
- };
- },
- onShow() {
- this.init();
- },
- methods: {
- // 璺宠浆鍦板浘
- skipMap(val) {
- uni.navigateTo({
- url: `/pages/public-page/mapRoute/mapRoute?customerId=${val.customerId}&filedId=${val.filedId}&orderType=${val.orderType}${
- val.toFiledId ? `&toFiledId=${val.toFiledId}&filedId=${val.filedId}` : ''
- }`
- });
- },
- init() {
- this.qiangDanList();
- this.getLogOn()
- },
- // 鍙告満棣栭〉鍒楄〃
- qiangDanList() {
- uni.showLoading({
- title: '鍔犺浇涓�...'
- });
- this.$reqGet('qiangDanList').then(res => {
- uni.hideLoading();
- this.driverBillOfLoadingData = res.data;
- });
- },
- // 鎶㈠崟鎸夐挳
- qiangDanBtn(value) {
- if (value.tmcCount == '0') {
- this.qiangDan(value.orderPlanId, value.fleetId, value.customerId === null ? '0' : value.customerId,
- value.xsUserId === null ? '0' : value.xsUserId);
- } else {
- this.qiangDanOrderPlanId = value.orderPlanId;
- this.fleetId = value.fleetId;
- this.customerId = value.customerId === null ? '0' : value.customerId;
- this.xsUserId = value.xsUserId === null ? '0' : value.xsUserId;
- this.qiangDanShow = true;
- this.qiangDanContent = `宸叉姠${value.tmcCount}鍗曪紝纭畾鎶㈠崟锛焋;
- }
- },
- // 鎶㈠崟妯℃�佹
- qiangDanConfirm() {
- this.qiangDanContent = '';
- this.qiangDanShow = false;
- this.qiangDan(this.qiangDanOrderPlanId, this.fleetId, this.customerId, this.xsUserId);
- },
- qiangDanCancel() {
- this.qiangDanShow = false;
- },
- // 鎶㈠崟璇锋眰
- qiangDan(id, fleetId, customerId, xsUserId) {
- this.$reqPost('qiangDan', {
- orderPlanId: id,
- fleetId: fleetId,
- customerId: customerId,
- xsUserId: xsUserId
- }, 'params')
- .then(res => {
- if (res.code == 0) {
- this.$u.toast('鎶㈠崟鎴愬姛');
- } else {
- this.$u.toast(res.msg ? res.msg : '鎶㈠崟澶辫触');
- }
- })
- .then(() => {
- setTimeout(() => {
- this.qiangDanList();
- }, 1000);
- });
- },
- list3CardIconClick(value) {
- uni.navigateTo({
- url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${value.id}&yyId=${value.yyId}`
- });
- },
- // 閫氱煡鍗曡鎯�
- cardBodyClick(name) {
- uni.navigateTo({
- url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${name}`
- });
- },
- // 鍘婚绾�
- toAppointmentClick(value) {
- uni.navigateTo({
- url: `/pages/driver-page/appointment/appointment?takeCoalId=${value.id}&filedId=${value.filedId}&deptId=${value.deptId}&sendDate=${value.sendDate}`
- });
- },
- noobTour() {
- this.$refs.previewImage.open('https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj1.jpg')
- },
- getLogOn() {
- this.$reqGet('getUserEntity').then(res => {
- this.phone = res.data.phone
- }).then(() => {
- uni.request({
- url: `${BaseUrl}/admin/log/getLogOnType?phone=${this.phone}`,
- success: res => {
- // res.data.data 涓�1 浠ｈ〃绗竴娆＄櫥褰� 涓�0鍙栨秷瀛︿範鎸囧紩 涓�2 浠ｈ〃瀛樺湪
- if (res.data.data === 1) {
- this.noobTour()
- } else if (res.data.data === 2) {
- this.isFirstLogin = true
- } else {
- this.isFirstLogin = false
- }
- }
- });
- })
- },
+import { onlineurl } from "@/api/request.js";
+import { BaseUrl } from "@/api/publicInterface.js";
+import combinedTitle from "@/components/combined-title/combined-title.vue";
+import previewImage from "@/components/kxj-previewImage/kxj-previewImage.vue";
+import { mapState } from "vuex";
+import { Debounce } from "../../../utils/util";
+export default {
+ components: {
+ combinedTitle,
+ previewImage,
+ },
+ props: {
+ indexdriverBillOfLoadingData: {
+ type: Object,
+ default: {},
+ },
+ },
+ watch: {
+ indexdriverBillOfLoadingData: {
+ handler(v) {
+ this.driverBillOfLoadingData = v;
+ },
+ deep: true,
+ immediate: true,
+ },
+ },
+ computed: {
+ ...mapState(["driverTourImgList"]),
+ roleType() {
+ return uni.getStorageSync("roleType");
+ },
+ },
+ data() {
+ return {
+ labaIcon: `${onlineurl}/appimg/image/aboutUs/laba.jpg`,
+ newIcon: `${onlineurl}/appimg/image/aboutUs/labaHeight.jpg`,
+ markFlag: "none",
+ activeObj:{},
+ noticeModelShow: false,
+ garidInitTop: "", //鍏冪礌鍒濆璺濈椤堕儴鐨勯珮搴�
+ screenHeight: "",
+ show:false,
+ paramsArr:[],
+ paramsCarNo:'',
+ title:'閫夋嫨杞︾墝',
+ notice: {
+ title: "",
+ content: "",
+ },
+ noticeList: [],
+ urls: [
+ "https://cdn.uviewui.com/uview/album/1.jpg",
+ "https://cdn.uviewui.com/uview/album/2.jpg",
+ "https://cdn.uviewui.com/uview/album/3.jpg",
+ "https://cdn.uviewui.com/uview/album/4.jpg",
+ "https://cdn.uviewui.com/uview/album/5.jpg",
+ "https://cdn.uviewui.com/uview/album/6.jpg",
+ "https://cdn.uviewui.com/uview/album/7.jpg",
+ "https://cdn.uviewui.com/uview/album/8.jpg",
+ "https://cdn.uviewui.com/uview/album/9.jpg",
+ "https://cdn.uviewui.com/uview/album/10.jpg",
+ ],
+ list: [
+ {
+ src: "/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/缁� 15.jpg",
+ title: "鍚堜綔鍩哄湴",
+ },
+ {
+ src: "/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/缁� 15(1).jpg",
+ title: "鍘嗗彶璁㈠崟",
+ },
+ // {
+ // src: '/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/缁� 15(2).jpg',
+ // title: '璐ㄦ'
+ // },
+ // {
+ // src: '/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/缁� 15(3).jpg',
+ // title: '杞﹂槦绠＄悊'
+ // },
+ {
+ src: "/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/缁� 15(4).jpg",
+ title: "鍏充簬鎴戜滑",
+ },
+ {
+ src: "/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/缁� 14.jpg",
+ title: "娑堟伅",
+ },
+ {
+ src: "/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/缁� 32.jpg",
+ title: "鎿嶄綔鎸囧崡",
+ },
+ {
+ src: "/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/缁� 15(5).jpg",
+ title: "鏁版嵁缁熻",
+ },
+ ],
+ driverBillOfLoadingData: {
+ list1: [],
+ list2: [],
+ list3: [],
+ },
+ // 鎶㈠崟妯℃�佹
+ qiangDanShow: false,
+ noticePage: {
+ current: 1,
+ page: 5,
+ size:5,
+ },
+
+ qiangDanTitle: "鎶㈠崟鎻愮ず",
+ qiangDanContent: "",
+ qiangDanOrderPlanId: null,
+ fleetId: "",
+ xsUserId: "",
+ customerId: "",
+ coalStatus: ["鏈О閲�", "绉伴噸涓�", "楠岃川涓�", "绉伴噸瀹屾垚", "澶勭悊瀹屾垚"],
+ onlineurl,
+ phone: "",
+ loading: true,
+ isFirstLogin: true, //鏄惁鏄涓�娆＄櫥褰�
+ };
+ },
+ mounted() {
+ // this.TourImgList = TourImgList
+ this.getLogOn();
+ this.getNoticeList();
+ this.watchScrollFun();
+ },
+ onShow() {
+ this.init();
+ },
+ methods: {
+ // 璺宠浆鍦板浘
+ skipMap(val) {
+ uni.navigateTo({
+ url: `/pages/public-page/mapRoute/mapRoute?customerId=${
+ val.customerId
+ }&filedId=${val.filedId}&orderType=${val.orderType}${
+ val.toFiledId
+ ? `&toFiledId=${val.toFiledId}&filedId=${val.filedId}`
+ : ""
+ }`,
+ });
+ },
+ gridClick(item) {
+ console.log(item, "1231");
+ switch (item.title) {
+ case "鍏充簬鎴戜滑":
+ uni.navigateTo({
+ url: `/pages/public-page/aboutus/index`,
+ });
+ break;
+
+ case "鏁版嵁缁熻":
+ uni.navigateTo({
+ url: `/pages/public-page/dataStatistics/index`,
+ });
+ break;
+
+ case "鍘嗗彶璁㈠崟":
+ uni.navigateTo({
+ url: `/pages/public-page/historicalOrders/index?historyData=${JSON.stringify(
+ this.driverBillOfLoadingData.list2
+ )}`,
+ });
+ break;
+
+ case "鎿嶄綔鎸囧崡":
+ this.noobTour();
+ break;
+ case "娑堟伅":
+ uni.navigateTo({
+ url: "/pages/public-page/message/message",
+ });
+ break;
+
+ case "鍚堜綔鍩哄湴":
+ uni.navigateTo({
+ url: "/pages/public-page/cooperationBase/index",
+ });
+ break;
+
+ default:
+ break;
+ }
+ },
+ onScroll(e) {
+ // 鐩戝惉椤甸潰鍚戜笂婊氬姩浜嬩欢
+ // let query = uni.createSelectorQuery().in(this);
+ // query.select('.gridBox').boundingClientRect(data => {
+ // if(this.garidInitTop && (this.garidInitTop > data.top)){
+ // // console.log(data,data.top, query.select('.mark'));
+ // this.$nextTick(() => {
+ // this.markFlag = 'block'; //鏄剧ず
+ // });
+ // }else{
+ // this.$nextTick(() => {
+ // this.markFlag = 'none'; //闅愯棌
+ // });
+ // }
+ // }).exec();
+ },
+ init() {
+ this.qiangDanList();
+ },
+ scrolltolower() {
+ this.loadmore();
+ },
+ loadmore() {
+ this.noticePage.current++;
+ this.getNoticeList();
+ },
+ watchScrollFun() {
+ //鍒濆鍖栬幏鍙栧睆骞曢珮搴�
+ const res = uni.getSystemInfoSync();
+ let query = uni.createSelectorQuery().in(this);
+ query
+ .select(".gridBox")
+ .boundingClientRect((data) => {
+ this.garidInitTop = data.top;
+ })
+ .exec();
+ this.screenHeight = res.screenHeight;
+ },
+ getNoticeList() {
+ this.$reqGet("noticeList", { ...this.noticePage, isNotice: "1" }).then(
+ (res) => {
+ console.log(res, "resresres");
+ if (res.code == 0) {
+ let result = res.data.records;
+ if (result.length) {
+ this.noticeList = this.noticeList.concat(result);
+ } else {
+ //鍚﹀垯灏辨槸绌�
+ }
+
+ let arr = this.noticeList.sort((a, b) => {
+ return new Date(a) - new Date(b);
+ });
+ console.log(arr);
+ this.noticeList = arr.map((item, i) => {
+ if (i == 0) {
+ item.url = this.newIcon;
+ } else {
+ item.url = this.labaIcon;
+ }
+ return item;
+ });
+ }
+ }
+ );
+ },
+ // 鍙告満棣栭〉鍒楄〃
+ qiangDanList() {
+ uni.showLoading({
+ title: "鍔犺浇涓�...",
+ });
+ this.$reqGet("qiangDanList")
+ .then((res) => {
+ uni.hideLoading();
+ this.driverBillOfLoadingData = res.data;
+ this.loading = false;
+ })
+ .finally(() => {
+ this.loading = false;
+ });
+ },
+ // 鎶㈠崟鎸夐挳
+ qiangDanBtn: Debounce(function (value) {
+ console.log(value,'value')
+ this.activeObj = value;
+ if(value.orderType === '澶栭攢'){
+ this.$reqPost('getCarNosByFleetId',{fleetId:value.fleetId},'params').then(res=>{
+ console.log(res,'ress')
+ this.paramsArr = res.data;
+ this.show = true;
+ // if (value.tmcCount == "0") {
+ // this.qiangDan(
+ // value.orderPlanId,
+ // value.fleetId,
+ // value.customerId === null ? "0" : value.customerId,
+ // value.xsUserId === null ? "0" : value.xsUserId
+ // );
+ // } else {
+ // this.qiangDanOrderPlanId = value.orderPlanId;
+ // this.fleetId = value.fleetId;
+ // this.customerId = value.customerId === null ? "0" : value.customerId;
+ // this.xsUserId = value.xsUserId === null ? "0" : value.xsUserId;
+ // this.qiangDanShow = true;
+ // this.qiangDanContent = `宸叉姠${value.tmcCount}鍗曪紝纭畾鎶㈠崟锛焋;
+ // }
+ })
+ }else{
+ if (value.tmcCount == "0") {
+ this.qiangDan(
+ value.orderPlanId,
+ value.fleetId,
+ value.customerId === null ? "0" : value.customerId,
+ value.xsUserId === null ? "0" : value.xsUserId
+ );
+ } else {
+ this.qiangDanOrderPlanId = value.orderPlanId;
+ this.fleetId = value.fleetId;
+ this.customerId = value.customerId === null ? "0" : value.customerId;
+ this.xsUserId = value.xsUserId === null ? "0" : value.xsUserId;
+ this.qiangDanShow = true;
+ this.qiangDanContent = `宸叉姠${value.tmcCount}鍗曪紝纭畾鎶㈠崟锛焋;
+ }
}
- };
+
+
+ }, 500),
+ showConFirm(value){
+ if (value.tmcCount == "0") {
+ this.qiangDan(
+ value.orderPlanId,
+ value.fleetId,
+ value.customerId === null ? "0" : value.customerId,
+ value.xsUserId === null ? "0" : value.xsUserId
+ );
+ } else {
+ this.qiangDanOrderPlanId = value.orderPlanId;
+ this.fleetId = value.fleetId;
+ this.customerId = value.customerId === null ? "0" : value.customerId;
+ this.xsUserId = value.xsUserId === null ? "0" : value.xsUserId;
+ this.qiangDanShow = true;
+ this.qiangDanContent = `宸叉姠${value.tmcCount}鍗曪紝纭畾鎶㈠崟锛焋;
+ }
+ this.show =false;
+
+ },
+ showCancel(){
+ this.show = false;
+
+ },
+
+ // 鎶㈠崟妯℃�佹
+ qiangDanConfirm() {
+ this.qiangDanContent = "";
+ this.qiangDanShow = false;
+ this.qiangDan(
+ this.qiangDanOrderPlanId,
+ this.fleetId,
+ this.customerId,
+ this.xsUserId
+ );
+ },
+ qiangDanCancel() {
+ this.qiangDanShow = false;
+ },
+ // 鎶㈠崟璇锋眰
+ qiangDan(id, fleetId, customerId, xsUserId) {
+ console.log(this.paramsCarNo,'paramsCarNo')
+ this.$reqPost(
+ "qiangDan",
+ {
+ orderPlanId: id,
+ fleetId: fleetId,
+ customerId: customerId,
+ xsUserId: xsUserId,
+ carNo:this.paramsCarNo ? this.paramsCarNo : '',
+ },
+ "params"
+ )
+ .then((res) => {
+ if (res.code == 0) {
+ this.paramsCarNo = '';
+ this.$u.toast("鎶㈠崟鎴愬姛");
+ } else {
+ this.$u.toast(res.msg ? res.msg : "鎶㈠崟澶辫触");
+ }
+ })
+ .then(() => {
+ setTimeout(() => {
+ this.qiangDanList();
+ }, 1000);
+ });
+ },
+ list3CardIconClick(value) {
+ uni.navigateTo({
+ url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${value.id}&yyId=${value.yyId}`,
+ });
+ },
+ // 閫氱煡鍗曡鎯�
+ cardBodyClick(name) {
+ uni.navigateTo({
+ url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${name}`,
+ });
+ },
+ // 鍘婚绾�
+ toAppointmentClick(value) {
+ uni.navigateTo({
+ url: `/pages/driver-page/appointment/appointment?takeCoalId=${value.id}&filedId=${value.filedId}&deptId=${value.deptId}&sendDate=${value.sendDate}`,
+ });
+ },
+ noobTour() {
+ this.$refs.previewImage.open(
+ "https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj1.jpg"
+ );
+ },
+ getLogOn() {
+ this.$reqGet("getUserEntity")
+ .then((res) => {
+ this.phone = res.data.phone;
+ })
+ .then(() => {
+ uni.request({
+ url: `${BaseUrl}/admin/log/getLogOnType?phone=${this.phone}`,
+ success: (res) => {
+ // res.data.data 涓�1 浠ｈ〃绗竴娆＄櫥褰� 涓�0鍙栨秷瀛︿範鎸囧紩 涓�2 浠ｈ〃瀛樺湪
+ if (res.data.data === 1) {
+ this.noobTour();
+ } else if (res.data.data === 2) {
+ this.isFirstLogin = true;
+ } else {
+ this.isFirstLogin = false;
+ }
+ },
+ });
+ });
+ },
+ todoHistory() {
+ uni.navigateTo({
+ url: `/pages/public-page/historicalOrders/index?historyData=${JSON.stringify(
+ this.driverBillOfLoadingData.list2
+ )}`,
+ });
+ },
+ todoNotice(item) {
+ console.log(item, "item");
+ if (item) {
+ this.noticeModelShow = true;
+ this.notice = item;
+ }
+ },
+ noticConfirm() {
+ this.noticeModelShow = false;
+ },
+ },
+};
</script>
+<style lang="scss" scoped>
+.indexPageDiv{
+ width: 100%;
+ position: absolute;
+ height: calc(100vh - 100rpx);
+ top: 280rpx;
+ left: 0;
+}
+.warp {
+ .page {
+ z-index: 999;
+ }
+ width: 100%;
+ height: 100%;
+ display: flex;
+ margin: 0 auto;
+ flex: 1;
+ flex-direction: column;
+ padding-top: calc(var(--window-top) + 20px);
+ background-position: 0rpx 0rpx;
+ background-size: 100% 600rpx;
+ .warp-box {
+ width: 100%;
+ height: calc(100vh - 73px);
+ // z-index: 9;
+ display: flex;
+ position: relative;
+ flex-direction: column;
+ // overflow-y: auto;
+ margin: 0 auto;
+ background-color: unset;
+ // padding-bottom: 100rpx;
-<style lang="scss"
- scoped>
- @mixin formItem {
- width: vww(345);
- height: vww(150);
- margin-top: vww(5);
- background: #ffffff;
- box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
- border-radius: 20rpx;
- position: relative;
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- }
+ .ingOrderDiv {
+ width: 100%;
+ // min-height: 630rpx;
+ margin: 0 auto;
+ }
+ .ingOrder {
+ width: 94%;
+ height: 370rpx;
+ margin: 0 auto;
+ 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;
+ padding-top: 20rpx;
+ .statusBox {
+ width: 94%;
+ margin: 0 auto;
+ margin-top: 20rpx;
+ display: flex;
+ justify-content: space-between;
+ .twoleft {
+ display: flex;
+ justify-items: center;
+ align-items: center;
+ .time-icon {
+ margin-right: 10rpx;
+ display: flex;
+ align-items: center;
+ }
+ }
+ }
+ .status {
+ display: flex;
+ width: 150rpx;
+ }
- @mixin firstLine {
- width: 94%;
- height: vww(68);
- margin: vww(18) vww(16) 0 vww(16);
- display: flex;
- justify-content: space-between;
- }
+ .firstLine {
+ flex: 0 1 60%;
+ width: 92%;
+ margin: 0 auto;
+ display: flex;
+ justify-content: space-between;
+ .rightIcon {
+ display: flex;
+ height: 150rpx;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+ .leftIcon {
+ display: flex;
+ height: 150rpx;
+ flex-direction: column;
+ justify-content: space-between;
+ .leftOneDiv {
+ width: 46rpx;
+ height: 46rpx;
+ background: #035cfb;
+ box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(255, 255, 255, 0.85);
+ border-radius: 5rpx;
+ text-align: center;
+ .leftOne {
+ width: 31rpx;
+ height: 31rpx;
+ font-size: 30rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #ffffff;
+ }
+ }
+ .rightDiv {
+ width: 46rpx;
+ height: 46rpx;
+ background: #f1333c;
+ box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(255, 255, 255, 0.85);
+ border-radius: 5rpx;
+ text-align: center;
+ .rightone {
+ width: 29rpx;
+ height: 31rpx;
+ font-size: 30rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #ffffff;
+ }
+ }
+ .leftLine {
+ width: 2rpx;
+ height: 43rpx;
+ border-right: 2px dotted #303030;
+ transform: translateX(15rpx);
+ }
+ }
+ }
+ .centerTitle {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
- @mixin thirdLine {
- width: 30%;
- height: vww(68);
- margin-left: vww(15);
- display: flex;
- justify-content: space-between;
- align-items: center;
+ height: 150rpx;
+ .centerLine {
+ width: 510rpx;
+ height: 1rpx;
+ border-bottom: solid 1px #ccc;
+ }
+ }
- .send-date {
- width: 148rpx;
- height: 24rpx;
- line-height: 24rpx;
- font-size: 28rpx;
+ .twoLine {
+ flex: 0 1 25%;
+ width: 92%;
+ margin: 20rpx auto;
+ display: flex;
+ justify-content: space-between;
+ .twoleft {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ .send-date {
+ font-size: 25rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ color: #515151;
+ }
+ span {
+ color: #515151;
+ font-size: 30rpx;
+ font-weight: 300;
+ }
+ }
+ .twoRight {
+ display: flex;
+ justify-content: space-around;
+ }
+ }
+ .threeLine {
+ flex: 0 1 25%;
+ display: flex;
+ justify-content: flex-end;
+ height: 100rpx;
+ .more {
+ width: 106rpx;
+ height: 20rpx;
+ font-size: 24rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ color: #494949;
+ margin-right: 20rpx;
+ }
+ }
+ }
+ .gridBox {
+ width: 100%;
+ height: 270rpx;
+ margin: 0 auto;
+ margin-top: 30rpx;
+ margin-bottom: 30rpx;
+ .grid-text {
+ font-size: 28rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ color: #494949;
+ }
+ }
+ .orderGrabbing {
+ width: 690rpx;
+ height: 351rpx;
+ background: #ffffff;
+ box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
+ border-radius: 20rpx;
+ margin: 30rpx auto;
+ padding-top: 20rpx;
+ .firstLine {
+ flex: 0 1 60%;
+ width: 92%;
+ margin: 0 auto;
+ display: flex;
+ .rightIcon {
+ display: flex;
+ height: 150rpx;
+ flex-direction: column;
+ justify-content: space-between;
+ position: absolute;
+ right: 20px;
+ }
+ .leftIcon {
+ display: flex;
+ height: 150rpx;
+ flex-direction: column;
+ justify-content: space-between;
+ .leftOneDiv {
+ width: 46rpx;
+ height: 46rpx;
+ background: #035cfb;
+ box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(255, 255, 255, 0.85);
+ border-radius: 5rpx;
+ text-align: center;
+ .leftOne {
+ width: 31rpx;
+ height: 31rpx;
+ font-size: 30rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #ffffff;
+ }
+ }
+ .rightDiv {
+ width: 46rpx;
+ height: 46rpx;
+ background: #f1333c;
+ box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(255, 255, 255, 0.85);
+ border-radius: 5rpx;
+ text-align: center;
+ .rightone {
+ width: 29rpx;
+ height: 31rpx;
+ font-size: 30rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #ffffff;
+ }
+ }
+ .leftLine {
+ width: 2rpx;
+ height: 43rpx;
+ border-right: 2px dotted #303030;
+ transform: translateX(15rpx);
+ }
+ }
+ }
+ .centerTitle {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ height: 150rpx;
+ text-indent: 15px;
+ .centerLine {
+ width: 510rpx;
+ height: 1rpx;
+ margin-left: 15px;
+ border-bottom: solid 1px #ccc;
+ }
+ }
+
+ .twoLine {
+ flex: 0 1 25%;
+ width: 92%;
+ margin: 0 auto;
+ margin-top: 35rpx;
+ display: flex;
+ justify-content: space-between;
+ .twoleft {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ .send-date {
+ font-size: 28rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ color: #515151;
+ }
+ }
+ .twoRight {
+ width: 210rpx;
+ display: flex;
+ justify-content: space-around;
+ }
+ }
+ .threeLine {
+ flex: 0 1 25%;
+ display: flex;
+ width: 92%;
+ margin: 0 auto;
+ height: 100rpx;
+ justify-content: space-between;
+ align-items: center;
+ .date {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ .send-date {
+ font-size: 28rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ color: #515151;
+ }
+ }
+ .more {
+ font-size: 24rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ margin-right: 20rpx;
+
+ .qiangdanBtn {
+ width: 230rpx;
+ height: 60rpx;
+ font-weight: 300;
+ font-size: 28rpx;
+ color: #ffffff;
font-weight: 300;
- color: #515151;
- }
+ background: url("@/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/鐭╁舰 4.jpg")
+ no-repeat;
+ background-position: center center;
+ background-color: linear-gradient(90deg, rgba(73,123,251,0.32), rgba(72,16,255,0.32));
+ box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43,98,239,0.5), 0rpx 0rpx 9rpx 0rpx rgba(247,250,253,0.29);
+ text-align: center;
+ line-height: 60rpx;
+ font-family: Microsoft YaHei;
+ border-radius: 40rpx;
+ margin-bottom: 30rpx;
+ }
+ }
+ }
+ }
+ .pendingAppointment {
+ width: 690rpx;
+ height: 351rpx;
+ background: #ffffff;
+ box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
+ border-radius: 20rpx;
+ margin: 30rpx auto;
+ padding-top: 20rpx;
+ .firstLine {
+ flex: 0 1 60%;
+ width: 95%;
+ margin: 0 auto;
+ display: flex;
+ .rightIcon {
+ display: flex;
+ height: 150rpx;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+ .leftIcon {
+ display: flex;
+ height: 150rpx;
+ flex-direction: column;
+ justify-content: space-between;
+ .leftOneDiv {
+ width: 46rpx;
+ height: 46rpx;
+ background: #035cfb;
+ box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(255, 255, 255, 0.85);
+ border-radius: 5rpx;
+ text-align: center;
+ .leftOne {
+ width: 31rpx;
+ height: 31rpx;
+ font-size: 30rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #ffffff;
+ }
+ }
+ .rightDiv {
+ width: 46rpx;
+ height: 46rpx;
+ background: #f1333c;
+ box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(255, 255, 255, 0.85);
+ border-radius: 5rpx;
+ text-align: center;
+ .rightone {
+ width: 29rpx;
+ height: 31rpx;
+ font-size: 30rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #ffffff;
+ }
+ }
+ .leftLine {
+ width: 2rpx;
+ height: 43rpx;
+ border-right: 2px dotted #303030;
+ transform: translateX(15rpx);
+ }
+ }
+ }
+ .centerTitle {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ height: 150rpx;
+ text-indent: 20px;
+ .centerLine {
+ width: 510rpx;
+ margin-left: 20px;
+ height: 1rpx;
+ border-bottom: solid 1px #ccc;
+ }
+ }
- .havedclock {
- width: 58% !important;
- margin-right: 0 !important;
-
- .send-date {
- width: 100%;
- margin-left: vww(12);
- }
- }
- }
-
- @mixin flex {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- @mixin fourthLine {
- width: 34%;
- height: vww(68);
- display: flex;
- align-items: center;
- position: relative;
- left: vww(203);
- bottom: vww(3);
-
- .button-img {
- width: 100%;
- height: 100%;
- background: url('https://mx.jzeg.cn:9095/appimg/image/banner/button.png') no-repeat;
- background-size: cover;
- font-size: 28rpx;
- font-weight: 300;
- color: #ffffff;
- text-align: center;
- line-height: vww(40);
- }
- }
-
- .fade-enter-active,
- .fade-leave-active {
- transition: opacity 0.5s;
- }
-
- .fade-enter,
- .fade-leave-to {
- opacity: 0;
- }
-
- .exceedHide {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- ::v-deep.driver-index {
- width: 100%;
- margin: 0 auto;
-
- // 涓讳綋
- .driver-index-body {
-
- // margin-bottom: vww(56);
- // 寰呴鍙栭�氱煡鍗�
- .wait-collection {
- width: 100%;
- height: 600rpx;
- }
-
- .collection-form {
- width: vww(345);
- margin: 0 vww(15);
- position: relative;
- top: vww(-120);
-
- .collection-form-item {
- width: vww(345);
- height: vww(195);
- margin-top: vww(5);
- background: #ffffff;
- box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
- border-radius: 20rpx;
- position: relative;
- display: flex;
- flex-direction: column;
- justify-content: space-around;
-
- .main-divider {
- width: 560rpx;
- height: 2rpx;
- background: #e3e3e3;
- position: absolute;
- top: 122rpx;
- left: 128rpx;
- }
-
- .first-line {
- width: 94%;
- height: vww(68);
- margin: vww(18) vww(16) 0 vww(16);
- display: flex;
- justify-content: space-between;
-
- .main-information {
- width: 88%;
- height: vww(28);
- display: flex;
- justify-content: flex-start;
- align-items: center;
-
- .sign {
- width: vww(28);
- height: vww(28);
- line-height: vww(28);
- text-align: center;
- background: url('https://mx.jzeg.cn:9095/appimg/image/banner/blueblock.png') no-repeat;
- background-size: contain;
- font-size: 30rpx;
- font-weight: 400;
- color: #ffffff;
- margin-right: vww(20);
- }
- }
-
- .point-number {
- position: absolute;
- right: 0;
- width: 15%;
-
- text {
- font-size: 24rpx;
- font-weight: 400;
- color: #c78a64;
- }
-
- .residue {
- font-size: 40rpx;
- font-weight: 400;
- color: #f81414;
- }
- }
- }
-
- .first-extra {
- @include firstLine;
-
- .main-information {
- width: 100%;
- height: vww(28);
- display: flex;
- justify-content: flex-start;
- align-items: center;
-
- .sign {
- width: vww(28);
- height: vww(28);
- line-height: vww(28);
- text-align: center;
- background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat;
- background-size: contain;
- font-size: 30rpx;
- font-weight: 400;
- color: #ffffff;
- margin-right: vww(20);
- }
- }
- }
-
- .second-line {
- width: 100%;
- height: vww(68);
- margin-left: vww(21);
- display: flex;
- justify-content: flex-start;
- align-items: center;
-
- .coal-name {
- @include flex;
- min-width: vww(50);
- height: 100%;
- font-size: 30rpx;
- font-weight: 300;
- color: #515151;
- position: relative;
- display: flex;
- justify-content: flex-start;
- }
-
- .black-block {
- min-width: vww(50);
- height: 30rpx;
- font-size: 30rpx;
- font-weight: 300;
- color: #515151;
- position: relative;
- top: vww(2);
- display: flex;
- justify-content: center;
- align-items: center;
-
- .black-bar {
- width: 2rpx;
- height: 30rpx;
- background: #515151;
- }
- }
-
- .coal-type {
- min-width: vww(50);
- height: 30rpx;
- font-size: 30rpx;
- font-weight: 300;
- color: #515151;
- text-align: center;
- }
- }
-
- .third-line {
- width: 100%;
- height: vww(68);
- margin-left: vww(21);
- display: flex;
- justify-content: flex-start;
- align-items: center;
-
- .send-date {
- width: 148rpx;
- height: 24rpx;
- margin-left: vww(14);
- margin-right: vww(56);
- line-height: 24rpx;
- font-size: 28rpx;
- font-weight: 300;
- color: #515151;
- }
-
- .type {
- flex: 1;
- margin-right: vww(10);
- display: flex;
- justify-content: center;
- align-items: center;
-
- .coal-name {
- width: 120rpx;
- height: 42rpx;
- line-height: 42rpx;
- border: 2px solid #035cfb;
- border-radius: 4rpx;
- font-size: 28rpx;
- font-weight: 300;
- color: #035cfb;
- text-align: center;
- padding: vww(3) vww(11);
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- }
- }
-
- .fourth-line {
- width: 30%;
- height: vww(68);
- margin-left: vww(15);
- display: flex;
- justify-content: flex-end;
- position: relative;
- left: vww(203);
- bottom: vww(3);
-
- .button-img {
- width: 100%;
- height: 100%;
- background: url('https://mx.jzeg.cn:9095/appimg/image/banner/button.png') no-repeat;
- background-size: cover;
- font-size: 28rpx;
- font-weight: 300;
- color: #ffffff;
- text-align: center;
- line-height: vww(33);
- }
- }
- }
- }
-
- .wait-appointment,
- .Reserved {
- position: relative;
- top: vww(-120);
- }
-
- .appointment-form {
- width: vww(345);
- margin: 0 vww(15);
-
- .appointment-form-item {
- @include formItem;
- height: vww(220);
- justify-content: space-between;
- overflow: hidden;
-
- .main-divider {
- width: 560rpx;
- height: 1rpx;
- background: #e3e3e3;
- position: absolute;
- top: 122rpx;
- left: 128rpx;
- }
-
- .first-line {
- position: relative;
- @include firstLine;
-
- .main-information {
- width: 100%;
- height: vww(28);
- display: flex;
- justify-content: flex-start;
- align-items: center;
-
- .sign {
- width: vww(28);
- height: vww(28);
- line-height: vww(28);
- text-align: center;
- background: url('https://mx.jzeg.cn:9095/appimg/image/banner/blueblock.png') no-repeat;
- background-size: contain;
- font-size: 30rpx;
- font-weight: 400;
- color: #ffffff;
- margin-right: vww(20);
- }
- }
- }
-
- .first-extra {
- @include firstLine;
-
- .main-information {
- width: 100%;
- height: vww(28);
- display: flex;
- justify-content: flex-start;
- align-items: center;
-
- .sign {
- width: vww(28);
- height: vww(28);
- line-height: vww(28);
- text-align: center;
- background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat;
- background-size: contain;
- font-size: 30rpx;
- font-weight: 400;
- color: #ffffff;
- margin-right: vww(20);
- }
- }
- }
-
- .second-line {
- @include firstLine;
- margin: 0;
- margin-left: vww(16);
-
- .main-information {
- width: 100%;
- height: vww(28);
- display: flex;
- justify-content: flex-start;
- align-items: center;
-
- .sign {
- width: vww(28);
- height: vww(28);
- line-height: vww(28);
- text-align: center;
- background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat;
- background-size: contain;
- font-size: 30rpx;
- font-weight: 400;
- color: #ffffff;
- margin-right: vww(20);
- }
- }
- }
-
- .status {
- @include thirdLine;
- }
-
- .third-line {
- @include thirdLine;
- width: 94%;
- justify-content: flex-start;
- margin-left: vww(18);
-
- .clock {
- width: 40%;
- height: vww(21);
- margin-right: vww(50);
- line-height: vww(21);
- @include flex;
- justify-content: flex-start;
-
- .send-date {
- margin-left: vww(14);
- }
- }
-
- .type {
- flex: 1;
- margin-right: vww(10);
- display: flex;
- justify-content: center;
- align-items: center;
-
- .order-type,
- .coal-name {
- width: 120rpx;
- height: 42rpx;
- line-height: 42rpx;
- border: 2px solid #035cfb;
- border-radius: 4rpx;
- font-size: 28rpx;
- font-weight: 300;
- color: #035cfb;
- text-align: center;
- padding: vww(3) vww(11);
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- }
- }
-
- .fourth-line {
- @include fourthLine;
- }
- }
- }
-
- .Reserved {
- .white-block {
- width: 100%;
- height: vww(50);
- line-height: vww(50);
- text-align: center;
- color: #333;
- margin-top: vww(10);
- }
- }
-
- .noob-tour {
- margin-bottom: vww(10);
- position: relative;
- top: -240rpx;
- }
-
- .u-popup {
- .u-transition {
- .u-popup__content {
- .editDriverPopup-container-box {}
-
- //closeIcon
- .u-popup__content__close--top-right {
- .u-icon {
- .u-icon__icon {
- font-size: vww(20) !important;
- }
- }
- }
- }
- }
- }
- }
- }
-</style>
\ No newline at end of file
+ .twoLine {
+ flex: 0 1 25%;
+ width: 92%;
+ margin: 0 auto;
+ margin-top: 35rpx;
+ display: flex;
+ justify-content: space-between;
+ .twoleft {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ .send-date {
+ font-size: 28rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ color: #515151;
+ }
+ span {
+ font-size: 28rpx;
+ margin-left: 10rpx;
+ }
+ }
+ .twoRight {
+ width: 210rpx;
+ display: flex;
+ justify-content: space-around;
+ }
+ }
+ .threeLine {
+ flex: 0 1 25%;
+ display: flex;
+ width: 92%;
+ margin: 0 auto;
+ height: 100rpx;
+ justify-content: space-between;
+ align-items: center;
+ .date {
+ width: 300rpx;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ .send-date {
+ width: 260rpx;
+ font-size: 25rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ color: #515151;
+ }
+ }
+ .more {
+ font-size: 24rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ margin-right: 20rpx;
+ .qiangdanBtn {
+ width: 230rpx;
+ height: 60rpx;
+ font-weight: 300;
+ font-size: 28rpx;
+ color: #ffffff;
+ background: url("@/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/鐭╁舰 4.jpg")
+ no-repeat;
+ background-position: center center;
+ background-color: linear-gradient(90deg, rgba(73,123,251,0.32), rgba(72,16,255,0.32));
+ box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43,98,239,0.5), 0rpx 0rpx 9rpx 0rpx rgba(247,250,253,0.29);
+ text-align: center;
+ line-height: 60rpx;
+ font-family: Microsoft YaHei;
+ border-radius: 40rpx;
+ margin-bottom: 30rpx;
+ }
+ }
+ }
+ }
+ .tongzhi {
+ width: 94%;
+ margin: 0 auto;
+ // height: 280rpx;
+ // background-color: #fff;
+ 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;
+ transform: translateY(-10rpx);
+ padding-bottom: 100rpx;
+ .u-list{
+ height: auto !important;
+ }
+ }
+ .listItem {
+ display: flex;
+ align-items: center;
+ height: 80rpx;
+ width: 94%;
+ justify-content: space-between;
+ border-bottom: solid 1px #e3e3e3;
+ margin: 0 auto;
+ margin-top: 20rpx;
+ .listDate {
+ font-size: 24rpx;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ color: #6e6e6e;
+ }
+ .listItemTop {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ font-size: 28rpx;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
+ }
+ }
+}
+.gridBoxBg {
+ // box-shadow:0 0 10px 10px #9fb1c5;
+ width: 90%;
+ margin: 20rpx auto 10rpx;
+}
+.mark {
+ height: calc(100vh - 60vh);
+ background-color: #ccc;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ left: 0;
+ z-index: 1;
+ opacity: 0.6;
+ transition: 2.5s all;
+}
+// .no-right {
+// /* .left-top, .left-bottom 缁勫悎 */
+// box-shadow: -5px -5px 10px -4px #fff, -5px 5px 10px -4px #fff;
+// }
+// .no-left {
+// /* .right-bottom, .right-top 缁勫悎 */
+// box-shadow: 5px 5px 10px -4px #fff, 5px -5px 10px -4px #fff;
+// }
+</style>
--
Gitblit v1.9.1