From 0937a09b807ae3d615e2e13d7b254a952b9f99ce Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期二, 21 十一月 2023 16:00:50 +0800
Subject: [PATCH] 称重明细页面样式修改，更改入场增加跳转返回
---
pages/driver-page/driver-index/driver-index.vue | 86 ++++++++++++++++++++++++++++++++++++++----
1 files changed, 77 insertions(+), 9 deletions(-)
diff --git a/pages/driver-page/driver-index/driver-index.vue b/pages/driver-page/driver-index/driver-index.vue
index b196c50..4dc7c57 100644
--- a/pages/driver-page/driver-index/driver-index.vue
+++ b/pages/driver-page/driver-index/driver-index.vue
@@ -73,6 +73,15 @@
<view class="coal-name">{{ item.coalName }}</view>
</view>
</view>
+ <!-- 鍒涘缓鏃堕棿 -->
+ <view class="created-box">
+ <view class="clock-create">
+ <view class="time-icon"><u-icon name="clock"
+ color="#515151"
+ size="40"></u-icon></view>
+ <text class="create-date"> {{ item.createTime }}</text>
+ </view>
+ </view>
<view class="fourth-line"
@click.stop="qiangDanBtn(item)"
v-if="item.carNum - item.taskNum !== 0">
@@ -104,7 +113,7 @@
<view class="appointment-form-item"
v-for="(item, index) in driverBillOfLoadingData.list3"
:key="index"
- @click="list3CardIconClick(item)"
+ @click.stop="list3CardIconClick(item)"
>
<view class="main-divider"></view>
@@ -165,8 +174,17 @@
<!-- <view class="order-type">{{ item.orderType }}</view> -->
</view>
</view>
+ <!-- 鍒涘缓鏃堕棿 -->
+ <view class="created-box">
+ <view class="clock-create">
+ <view class="time-icon"><u-icon name="clock"
+ color="#515151"
+ size="40"></u-icon></view>
+ <text class="create-date"> {{ item.createTime }}</text>
+ </view>
+ </view>
<view class="fourth-line"
- @click="toAppointmentClick(item)">
+ @click.stop="toAppointmentClick(item)">
<view class="button-img">绔嬪嵆棰勭害</view>
</view>
</view>
@@ -231,6 +249,15 @@
size="40"></u-icon></view>
</view>
</view>
+ <!-- 鍒涘缓鏃堕棿 -->
+ <view class="created-box">
+ <view class="clock-create">
+ <view class="time-icon"><u-icon name="clock"
+ color="#515151"
+ size="40"></u-icon></view>
+ <text class="create-date"> {{ item.createTime }}</text>
+ </view>
+ </view>
<view class="status">
<u-tag :text="coalStatus[item.statusWeigh] || ''"
plain>
@@ -247,6 +274,8 @@
<view class="coal-name">{{ item.coalName || '' }}</view>
<!-- <view class="order-type">{{ item.orderType }}</view> -->
</view>
+ </view>
+ <view class="fourth-line" style="opacity: 0;">
</view>
</view>
</view>
@@ -269,7 +298,8 @@
import { onlineurl } from '@/api/request.js'
import { BaseUrl } from '@/api/publicInterface.js'
import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue';
- import { mapState } from 'vuex'
+ import { mapState } from 'vuex';
+ import { Debounce } from '../../../utils/util';
export default {
components: {
combinedTitle,
@@ -311,14 +341,16 @@
fleetId: '',
xsUserId: '',
customerId: '',
- coalStatus: ['鏈О閲�', '绉伴噸涓�', '楠岃川涓�', '绉伴噸瀹屾垚', '楠岃川瀹屾垚'],
+ coalStatus: ['鏈О閲�', '绉伴噸涓�', '楠岃川涓�', '绉伴噸瀹屾垚', '澶勭悊瀹屾垚'],
onlineurl,
phone: "",
isFirstLogin: true //鏄惁鏄涓�娆＄櫥褰�
};
},
- onLoad() {
- this.TourImgList = TourImgList
+ mounted() {
+ // this.TourImgList = TourImgList
+ this.getLogOn()
+
},
onShow() {
this.init();
@@ -334,7 +366,6 @@
},
init() {
this.qiangDanList();
- this.getLogOn()
},
// 鍙告満棣栭〉鍒楄〃
qiangDanList() {
@@ -347,7 +378,7 @@
});
},
// 鎶㈠崟鎸夐挳
- qiangDanBtn(value) {
+ qiangDanBtn:Debounce(function(value){
if (value.tmcCount == '0') {
this.qiangDan(value.orderPlanId, value.fleetId, value.customerId === null ? '0' : value.customerId,
value.xsUserId === null ? '0' : value.xsUserId);
@@ -359,7 +390,9 @@
this.qiangDanShow = true;
this.qiangDanContent = `宸叉姠${value.tmcCount}鍗曪紝纭畾鎶㈠崟锛焋;
}
- },
+ } ,500)
+
+ ,
// 鎶㈠崟妯℃�佹
qiangDanConfirm() {
this.qiangDanContent = '';
@@ -435,6 +468,24 @@
<style lang="scss"
scoped>
+ .created-box{
+ display: flex;
+ position: absolute;
+ bottom: 20rpx;
+ left: 35rpx;
+ .clock-create{
+ display: flex;
+ }
+ .create-date{
+ height: 24rpx;
+ line-height: 37rpx;
+ font-size: 28rpx;
+ font-weight: 300;
+ color: #515151;
+ margin-left: 28rpx;
+ }
+
+ }
@mixin formItem {
width: vww(345);
height: vww(150);
@@ -463,6 +514,16 @@
display: flex;
justify-content: space-between;
align-items: center;
+ .clock-create{
+ width: 100%;
+ height: 42rpx;
+ margin-right: 100rpx;
+ line-height: 42rpx;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ justify-content: flex-start;
+ }
.send-date {
width: 148rpx;
@@ -472,6 +533,13 @@
font-weight: 300;
color: #515151;
}
+ .create-date {
+ line-height: 24rpx;
+ font-size: 28rpx;
+ font-weight: 300;
+ margin-left: 28rpx;
+ color: #515151;
+ }
.havedclock {
width: 58% !important;
--
Gitblit v1.9.1