From 6e5dddd39f051cfe564c32ae5608729ad9260409 Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期二, 13 八月 2024 15:26:07 +0800 Subject: [PATCH] feat:申请入场改为修改预约时间 --- pages/doorkeeper-page/doorkeeper-index/exit-index.vue | 138 ++++++++++++++++++++++++++++------------------ 1 files changed, 84 insertions(+), 54 deletions(-) diff --git a/pages/doorkeeper-page/doorkeeper-index/exit-index.vue b/pages/doorkeeper-page/doorkeeper-index/exit-index.vue index 18f018d..c28a9d6 100644 --- a/pages/doorkeeper-page/doorkeeper-index/exit-index.vue +++ b/pages/doorkeeper-page/doorkeeper-index/exit-index.vue @@ -1,10 +1,10 @@ <template> <view class="appointment"> <view class="searchview"> - <u-search @change="change" :searchIconSize="40" placeholder="璇疯緭鍏ヨ溅鐗屽彿" height="80" clearabled v-model="carNo" @search="search" @custom="custom" @clear="clear" > + <u-search @change="change" :searchIconSize="40" placeholder="璇疯緭鍏ヨ溅鐗屽彿" height="60" clearabled v-model="carNo" @search="search" @custom="custom" @clear="clear" > </u-search > </view> - <view style="position: relative;top: -120px;"> + <view style="position: relative;top: -40px;"> <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" textSize="30" @@ -18,32 +18,30 @@ :key="index"> <view class="first-line"> <view class="dispatch-receive"> - <view class="dispatch-dept">{{ item.carNo || '' }}</view> + <view class="dispatch-dept">{{ item.code || '' }}</view> <view class="black-bar"></view> - <view class="dispatch">{{ item.driver ||'' }}</view> + <view class="dispatch">{{ item.customerName ||'' }}</view> </view> <view class="point-number"> - <text class="residue">{{ item.productNames || '' }}</text> + <text class="order-type">{{ item.productNames || '' }}</text> </view> </view> <view class="second-line"> <view class="coal-name"> + <view class="dispatch-dept">{{ item.carNo || '' }}</view> + <view class="black-bar"></view> + <view class="dispatch">{{ item.driver ||'' }}</view> + <view class="black-bar"></view> <text>{{ item.phone || '' }}</text> </view> </view> <view class="third-line"> - <view class="time-icon"> - <view - style="width: 24rpx;height: 24rpx;li ne-height: 24rpx;background: url('https://mx.jzeg.cn:9096/appimg/image/banner/clock.png') no-repeat;background-size: cover"> - </view> - </view> - <view class="send-date">{{ item.sendDate }} {{ item.startTime || '' }}-{{item.endTime || ""}}</view> + <view class="send-date">{{ item.isEmptyCar?item.isEmptyCar=='0'?'闈炵┖杞﹀嚭鍦�':'绌鸿溅鍑哄満':'闈炵┖杞﹀嚭鍦�' }}</view> </view> <view class="fourth-line"> - <view class="buttons"> - <u-button text="妫�鏌�" - type="primary" - @click="yuYueBtnClick(item)"></u-button> + <view class="forward" + @click.stop="yuYueBtnClick(item)"> + <view class="button-image">妫�鏌�</view> </view> </view> </view> @@ -225,7 +223,7 @@ <style lang="scss" scoped> .searchview{ margin: 20rpx 0; - height: 200rpx; + height: 100rpx; u-search{ width: 100rpx; } @@ -261,31 +259,6 @@ margin-left: vww(5); color: #252525; } - } - @mixin fourthLine { - width: 64%; - height: vww(68); - display: flex; - align-items: center; - position: relative; - left: vww(102); - bottom: vww(3); - - .button-img { - width: vww(122); - height: vww(41); - background: url('https://mx.jzeg.cn:9096/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); - - } - } - .fourth-line { - @include fourthLine; } // 琛ㄦ牸 @@ -334,7 +307,7 @@ } .collection-form-item { margin: 0 vww(15); - width: 690rpx; + width: 95%; height: 370rpx; background: #ffffff; box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15); @@ -380,19 +353,24 @@ } .point-number { - width: 15%; + width: 33%; - text { - font-size: 24rpx; - font-weight: 400; - color: #c78a64; + .order-type { + color: #035cfb; + border-radius: 4rpx; + text-align: center; } + // text { + // font-size: 24rpx; + // font-weight: 400; + // color: #c78a64; + // } - .residue { - font-size: 40rpx; - font-weight: 400; - color: #f81414; - } + // .residue { + // font-size: 40rpx; + // font-weight: 400; + // color: #f81414; + // } } } @@ -418,7 +396,7 @@ width: 2rpx; height: 30rpx; background: #515151; - margin-left: vww(12); + margin: 0 vww(12) ; } .coal-type { @@ -439,7 +417,6 @@ justify-content: flex-start; align-items: center; .send-date { - margin-left: vww(14); height: 24rpx; line-height: 24rpx; font-size: 28rpx; @@ -447,5 +424,58 @@ color: #515151; } } + .fourth-line { + width: 100%; + height: vww(30); + @include flex; + justify-content: flex-start; + position: relative; + bottom: vww(10); + left: 25%; + + .receive, + .forward { + width: vww(123); + height: vww(48); + @include flex; + justify-content: center; + color: #ffffff; + font-size: 28rpx; + position: absolute; + + .button-image { + width: 100%; + height: 100%; + background: url('../../../static/image/banner/button.png') no-repeat; + background-size: cover; + font-size: 28rpx; + font-weight: 300; + color: #ffffff; + text-align: center; + line-height: vww(45); + } + } + + .receive { + left: vww(20); + } + + .forward { + width: vww(106); + left: vww(140); + + .button-image { + width: 100%; + height: 100%; + background: url('../../../static/image/banner/transpartent.png') no-repeat; + background-size: cover; + font-size: 28rpx; + font-weight: 300; + color: #3b56eb; + text-align: center; + line-height: vww(45); + } + } + } } </style> \ No newline at end of file -- Gitblit v1.9.1