From 77b52c06afdb843ee67c6e938afab0458143d76f Mon Sep 17 00:00:00 2001 From: doum <doum> Date: 星期五, 05 九月 2025 10:48:48 +0800 Subject: [PATCH] 前端 --- small-program/pages/index/index.vue | 126 +++++++++++++++++++++++++---------------- 1 files changed, 76 insertions(+), 50 deletions(-) diff --git a/small-program/pages/index/index.vue b/small-program/pages/index/index.vue index 41ec7ff..119a4e7 100644 --- a/small-program/pages/index/index.vue +++ b/small-program/pages/index/index.vue @@ -21,55 +21,63 @@ </view> <view class="index-j-list"> <view class="index-list-item" v-if="orderList && orderList.length" v-for="(item, index) in orderList" :key="index"> - <view class="index-list-item-head"> - <view class="index-list-item-head-l"> - <view class="xoam"></view> - <text v-if="item.type === 0 && item.workType === 0">鐢ㄥ伐鍗� - 閲囨憳宸�</text> - <text v-else-if="item.type === 0 && item.workType === 1">鐢ㄥ伐鍗� - 鍒嗘嫞宸�</text> - <text v-else-if="item.type === 0 && item.workType === 2">鐢ㄥ伐鍗� - 鍖呰宸�</text> - <text v-else-if="item.type === 1">杩愯揣鍗�-{{item.categoryName}}</text> - <text v-else-if="item.type === 2">璁㈤鍗�</text> + <view @click="goOrderDetail(item.id)"> + <view class="index-list-item-head" > + <view class="index-list-item-head-l"> + <view class="xoam"></view> + <text v-if="item.type === 0 && item.workType === 0">鐢ㄥ伐鍗� - 閲囨憳宸�</text> + <text v-else-if="item.type === 0 && item.workType === 1">鐢ㄥ伐鍗� - 鍒嗘嫞宸�</text> + <text v-else-if="item.type === 0 && item.workType === 2">鐢ㄥ伐鍗� - 鍖呰宸�</text> + <text v-else-if="item.type === 1">杩愯揣鍗�-{{item.categoryName}}</text> + <text v-else-if="item.type === 2">璁㈤鍗�</text> + </view> + <view class="index-list-item-head-r">{{item.distance}}km</view> </view> - <view class="index-list-item-head-r">{{item.distance}}km</view> - </view> - <view class="index-list-item-info" v-if="item.type === 0 && item.workType === 0"> - {{item.categoryName}}锝渰{item.priceNum1}}鏂� - </view> - <view class="index-list-item-info" v-if="item.type === 0 && item.workType === 1"> - {{item.categoryName}}锝渰{item.priceNum1}}浜� - </view> - <view class="index-list-item-info" v-if="item.type === 0 && item.workType === 2"> - {{item.categoryName}}锝渰{item.priceNum1}}浜� - </view> - <view class="index-list-item-info" v-if="item.type === 1"> - {{item.carUnit}} | {{item.transportTypeName}} | {{item.transportNum}}{{item.transportUnit}}锝滅敤杞{item.priceNum1}}澶� - </view> - <view class="index-list-item-info" v-if="item.type === 2"> - {{item.wayInfoCopy}} - </view> - - <view class="address" v-if="item.type === 1"> - <view class="address-xian"></view> - <view class="address-row" v-if="item.wayInfo" v-for="(address, i) in item.wayInfo" :key="i"> - <image src="/static/icon/ic_qidian@2x.png" mode="widthFix" v-if="i === 0"></image> - <image src="/static/icon/ic_jingguo@2x.png" mode="widthFix" v-else-if="i !== 0 && i !== item.wayInfo.length - 1"></image> - <image src="/static/icon/ic_zhongdian@2x.png" mode="widthFix" v-else-if="i === item.wayInfo.length - 1"></image> - <text>{{item.location}}</text> + <view class="index-list-item-info" v-if="item.type === 0 && item.workType === 0"> + {{item.categoryName}}锝渰{item.priceNum1}}鏂� </view> - </view> - <template v-if="[0, 2].includes(item.type)"> - <view class="index-list-item-dz"> - <image src="/static/icon/order_ic_location@2x.png" mode="widthFix"></image> - <text>{{item.location}}</text> + <view class="index-list-item-info" v-if="item.type === 0 && item.workType === 1"> + {{item.categoryName}}锝渰{item.priceNum2}}浜� </view> - <view class="index-list-item-dz"> - <image src="/static/icon/order_ic_time@2x.png" mode="widthFix"></image> - <text>{{item.startDate}} 鑷� {{item.endDate}}锛坽{item.totalDays}}澶╋級</text> + <view class="index-list-item-info" v-if="item.type === 0 && item.workType === 2&& item.carType === 0"> + {{item.categoryName}}锝渰{item.priceNum1}}澶� 锝渰{item.priceNum2}}浜� </view> - </template> - <view class="index-list-item-price"> - <text>棰勪及锛�</text> - <text>楼{{item.estimatedAccount / 100}}</text> + <view class="index-list-item-info" v-if="item.type === 0 && item.workType === 2&& item.carType === 1"> + {{item.categoryName}}锝渰{item.priceNum1}}灏忔椂 锝渰{item.priceNum2}}浜� + </view> + <view class="index-list-item-info" v-if="item.type === 0 && item.workType === 2&& item.carType === 2"> + {{item.categoryName}}锝渰{item.priceNum1}}鏂� + </view> + <view class="index-list-item-info" v-if="item.type === 1"> + {{item.carUnit}} | {{item.transportTypeName}} | {{item.transportNum}}{{item.transportUnit}}锝滅敤杞{item.priceNum1}}{{item.carType === 0?"澶�":"娆�"}} + </view> + <view class="index-list-item-info" v-if="item.type === 2"> + {{item.wayInfoCopy}} + </view> + + <view class="address" v-if="item.type === 1"> + <view class="address-xian"></view> + <view class="address-row" v-if="item.wayInfo" v-for="(address, i) in item.wayInfo" :key="i"> + <image src="/static/icon/ic_qidian@2x.png" mode="widthFix" v-if="i === 0"></image> + <image src="/static/icon/ic_jingguo@2x.png" mode="widthFix" v-else-if="i !== 0 && i !== item.wayInfo.length - 1"></image> + <image src="/static/icon/ic_zhongdian@2x.png" mode="widthFix" v-else-if="i === item.wayInfo.length - 1"></image> + <text>{{item.location}}</text> + </view> + </view> + <template v-if="[0, 2].includes(item.type)"> + <view class="index-list-item-dz"> + <image src="/static/icon/order_ic_location@2x.png" mode="widthFix"></image> + <text>{{item.location}}</text> + </view> + <view class="index-list-item-dz"> + <image src="/static/icon/order_ic_time@2x.png" mode="widthFix"></image> + <text>{{item.startDate}} 鑷� {{item.endDate}}锛坽{item.totalDays}}澶╋級</text> + </view> + </template> + <view class="index-list-item-price"> + <text>棰勪及锛�</text> + <text>楼{{item.estimatedAccount / 100}}</text> + </view> </view> <view class="eidt"> <!-- <sunui-mverify @change="getaccept($event, item.id, index)"></sunui-mverify> --> @@ -82,7 +90,7 @@ </view> <!-- 鍙戝崟鏂� --> - <view class="index-c" v-if="!userInfo || userInfo.useIdentity === 0"> + <view class="index-c" v-if="!isLogin || !userInfo || userInfo.useIdentity === 0"> <view :style="{ width: '100%', height: statusbarHeight + 'px' }"></view> <view class="index-c-title" :style="{ height: navHeight + 'px' }" @click="selectAddress(-1)"> <text class="index-c-title-logo">杩戝揩</text> @@ -323,9 +331,12 @@ <view></view> <text>瀹㈡湇鐢佃瘽</text> </view> - <view class="phone-item" v-if="serverPhone" v-for="(item,index) in serverPhone" :key="item" @click="contactPhoneDo(item)"> - <view></view> - <text>{{item}}</text> + <view class="phone-item" v-if="serverPhone" v-for="(item,index) in serverPhone" :key="item" @click="contactPhoneDo(item)"> + <view> + <image src="/static/icon/ic_call@2x.png" mode="widthFix"></image> + <text>{{item}}</text> + </view> + <view class="line" v-if="index<serverPhone.length-1"></view> </view> <view style="width: 100%; height: 30rpx;"></view> <!-- <view class="phone-botton" @click="contactPhone()" >鍏抽棴</view> --> @@ -2033,12 +2044,27 @@ color: #222222; } } + + .phone > .phone-item:last-of-type { + /* 鏍峰紡 */ + border-bottom:none !important; + } .phone-item { width: 100%; text-align: center; justify-content: space-between; - border-bottom: 1rpx solid #eeeeee; + // border-bottom: 1rpx solid #eeeeee; line-height: 78rpx; + image{ + width: 28rpx; + height: 28rpx; + margin-right: 30rpx; + } + .line{ + width: 100%; + height: 1rpx; + background-color: #f2f2f2 + } text { font-weight: 500; font-size: 28rpx; -- Gitblit v1.9.3