From cab9769e9a5ffd647f8cda8b55fbf990dde4238e Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期五, 26 七月 2024 17:37:55 +0800 Subject: [PATCH] feat:上榜计量删除 --- pages/doorkeeper-page/doorkeeper-index/exit-index.vue | 136 ++++++++++++++++++++++++++++----------------- 1 files changed, 84 insertions(+), 52 deletions(-) diff --git a/pages/doorkeeper-page/doorkeeper-index/exit-index.vue b/pages/doorkeeper-page/doorkeeper-index/exit-index.vue index 18f018d..dad71be 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; } // 琛ㄦ牸 @@ -382,17 +355,24 @@ .point-number { width: 15%; - text { - font-size: 24rpx; - font-weight: 400; - color: #c78a64; + .order-type { + color: #035cfb; + border: 2px solid #035cfb; + border-radius: 4rpx; + padding: vww(2) vww(4); + 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 +398,7 @@ width: 2rpx; height: 30rpx; background: #515151; - margin-left: vww(12); + margin: 0 vww(12) ; } .coal-type { @@ -439,7 +419,6 @@ justify-content: flex-start; align-items: center; .send-date { - margin-left: vww(14); height: 24rpx; line-height: 24rpx; font-size: 28rpx; @@ -447,5 +426,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