hant/wanyu_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 细节优化

Browse Source
This commit is contained in:
gcd 2025-05-07 22:04:39 +08:00
parent 159996ad1c
commit b38f0975b1
5 changed files with 33 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/order/arrived-on-site.vue
View File

@ -13,7 +13,7 @@
<view class="imgs-ctr"> <view class="imgs-ctr">
<view class="img-item" v-for="(imgUrl, index) in images" :key="index"> <view class="img-item" v-for="(imgUrl, index) in images" :key="index">
<view @click="helpers.previewImage(imgUrl)" class="img-ctr" :style="{marginRight: (index+1) % 4 === 0 ? '0' : '55rpx'}"> <view @click="helpers.previewImage(imgUrl)" class="img-ctr" :style="{marginRight: (index+1) % 4 === 0 ? '0' : '55rpx'}">
<image class="img" mode="aspectFill" :src="imgUrl"></image> <image class="img" mode="aspectFit" :src="imgUrl"></image>
</view> </view>
<view class="del" @click="delImg(index)"> <view class="del" @click="delImg(index)">
<me-icon class="icon" type="icon-close-circle-fill" color="var(--importantColor)" size="40rpx"></me-icon> <me-icon class="icon" type="icon-close-circle-fill" color="var(--importantColor)" size="40rpx"></me-icon>

4
pages/order/complete-service.vue
View File

@ -13,7 +13,7 @@
<view class="imgs-ctr"> <view class="imgs-ctr">
<view class="img-item" v-for="(imgUrl, index) in submitData.complete_images" :key="index"> <view class="img-item" v-for="(imgUrl, index) in submitData.complete_images" :key="index">
<view @click="helpers.previewImage(imgUrl)" class="img-ctr" :style="{marginRight: (index+1) % 4 === 0 ? '0' : '55rpx'}"> <view @click="helpers.previewImage(imgUrl)" class="img-ctr" :style="{marginRight: (index+1) % 4 === 0 ? '0' : '55rpx'}">
<image class="img" mode="aspectFill" :src="imgUrl"></image> <image class="img" mode="aspectFit" :src="imgUrl"></image>
</view> </view>
<view class="del" @click="delImg(index)"> <view class="del" @click="delImg(index)">
<me-icon class="icon" type="icon-close-circle-fill" color="var(--importantColor)" size="40rpx"></me-icon> <me-icon class="icon" type="icon-close-circle-fill" color="var(--importantColor)" size="40rpx"></me-icon>
@ -67,7 +67,7 @@
</view> </view>
<view v-else class="img-item"> <view v-else class="img-item">
<view @click="helpers.previewImage(submitData.payment_image)" class="img-ctr"> <view @click="helpers.previewImage(submitData.payment_image)" class="img-ctr">
<image class="img" mode="aspectFill" :src="submitData.payment_image"></image> <image class="img" mode="aspectFit" :src="submitData.payment_image"></image>
</view> </view>
<view class="del" @click="delPaymentImg()"> <view class="del" @click="delPaymentImg()">
<me-icon class="icon" type="icon-close-circle-fill" color="var(--importantColor)" size="40rpx"></me-icon> <me-icon class="icon" type="icon-close-circle-fill" color="var(--importantColor)" size="40rpx"></me-icon>

38
pages/order/order-info.vue
View File

@ -38,10 +38,13 @@
</view> </view>
<view class="item-row flex-sb line-after"> <view class="item-row flex-sb line-after">
<view class="title flex-l">客户电话</view> <view class="title flex-l">客户电话</view>
<view class="value flex-r value-theme" @click="helpers.makePhoneCall(data.order_info.tel)"> <view v-if="data.status === enums.ORDER_DISPATCH_STATUS.STATUS_FINISH" class="value flex-r">
<me-icon class="icon" type="icon-call" color="var(--themeColor)" size="40rpx"></me-icon>
<text>{{ data.order_info.tel }}</text> <text>{{ data.order_info.tel }}</text>
</view> </view>
<view v-else class="value flex-r value-theme" @click="helpers.makePhoneCall(data.order_info.tel)">
<text>{{ data.order_info.tel }}</text>
<me-icon class="icon" type="icon-call" color="var(--themeColor)" size="40rpx"></me-icon>
</view>
</view> </view>
</template> </template>
<view class="item-row flex-sb line-after"> <view class="item-row flex-sb line-after">
@ -52,13 +55,21 @@
</view> </view>
<view class="item-multi-line line-after"> <view class="item-multi-line line-after">
<view class="title flex-l">客户地址</view> <view class="title flex-l">客户地址</view>
<view class="value flex-l">{{helpers.removeCommas(data.order_info.area.merge_name) + data.order_info.address}}</view> <view class="value flex-l">{{helpers.removeCommas(data.order_info.area.merge_name)}}<template v-if="data.status !== enums.ORDER_DISPATCH_STATUS.STATUS_FINISH">{{ data.order_info.address }}</template></view>
</view> </view>
<view class="item-multi-line"> <view class="item-multi-line line-after">
<view class="title flex-l">详情</view> <view class="title flex-l">详情</view>
<view class="value flex-l">{{data.order_info.detail ? data.order_info.detail : '暂无详情'}}</view> <view class="value flex-l">{{data.order_info.detail ? data.order_info.detail : '暂无详情'}}</view>
</view> </view>
<view class="item-multi-line"> <view class="images line-after" v-if="data.order_info.images.length > 0">
<view class="title flex-l">图片</view>
<view class="imgs-ctr">
<view @click="helpers.previewImage(imgUrl)" v-for="(imgUrl, index) in data.order_info.images" :key="index" class="img-ctr" :style="{marginRight: (index+1) % 4 === 0 ? '0' : '55rpx'}">
<image class="img" mode="aspectFit" :src="imgUrl"></image>
</view>
</view>
</view>
<view class="item-multi-line line-after">
<view class="title flex-l">客户备注</view> <view class="title flex-l">客户备注</view>
<view class="value flex-l">{{data.order_info.remark ? data.order_info.remark : '无备注信息'}}</view> <view class="value flex-l">{{data.order_info.remark ? data.order_info.remark : '无备注信息'}}</view>
</view> </view>
@ -90,7 +101,7 @@
<view class="title flex-l">上门图片</view> <view class="title flex-l">上门图片</view>
<view class="imgs-ctr"> <view class="imgs-ctr">
<view @click="helpers.previewImage(imgUrl)" v-for="(imgUrl, index) in data.arrive_images" :key="index" class="img-ctr" :style="{marginRight: (index+1) % 4 === 0 ? '0' : '55rpx'}"> <view @click="helpers.previewImage(imgUrl)" v-for="(imgUrl, index) in data.arrive_images" :key="index" class="img-ctr" :style="{marginRight: (index+1) % 4 === 0 ? '0' : '55rpx'}">
<image class="img" mode="aspectFill" :src="imgUrl"></image> <image class="img" mode="aspectFit" :src="imgUrl"></image>
</view> </view>
</view> </view>
</view> </view>
@ -98,11 +109,17 @@
<!-- 已完成 --> <!-- 已完成 -->
<view class="info" v-if="data.status === enums.ORDER_DISPATCH_STATUS.STATUS_FINISH"> <view class="info" v-if="data.status === enums.ORDER_DISPATCH_STATUS.STATUS_FINISH">
<view class="item-row flex-sb line-after">
<view class="title flex-l">完成时间</view>
<view class="value flex-r">
<text>{{data.finish_time}}</text>
</view>
</view>
<view :class="[data.order_info.receive_type === 1 ? 'line-after' : '', 'images']"> <view :class="[data.order_info.receive_type === 1 ? 'line-after' : '', 'images']">
<view class="title flex-l">完成图片</view> <view class="title flex-l">完成图片</view>
<view class="imgs-ctr"> <view class="imgs-ctr">
<view @click="helpers.previewImage(imgUrl)" v-for="(imgUrl, index) in data.images" :key="index" class="img-ctr" :style="{marginRight: (index+1) % 5 === 0 ? '0' : '36rpx'}"> <view @click="helpers.previewImage(imgUrl)" v-for="(imgUrl, index) in data.images" :key="index" class="img-ctr" :style="{marginRight: (index+1) % 5 === 0 ? '0' : '36rpx'}">
<image class="img" mode="aspectFill" :src="imgUrl"></image> <image class="img" mode="aspectFit" :src="imgUrl"></image>
</view> </view>
</view> </view>
</view> </view>
@ -129,7 +146,7 @@
<view class="title flex-l">收款凭证</view> <view class="title flex-l">收款凭证</view>
<view class="imgs-ctr"> <view class="imgs-ctr">
<view @click="helpers.previewImage(data.image)" :key="index" class="img-ctr"> <view @click="helpers.previewImage(data.image)" :key="index" class="img-ctr">
<image class="img" mode="aspectFill" :src="data.image"></image> <image class="img" mode="aspectFit" :src="data.image"></image>
</view> </view>
</view> </view>
</view> </view>
@ -151,8 +168,8 @@
<!-- 待上门--> <!-- 待上门-->
<view class="bottom" v-if="data.status === enums.ORDER_DISPATCH_STATUS.STATUS_PLANIT"> <view class="bottom" v-if="data.status === enums.ORDER_DISPATCH_STATUS.STATUS_PLANIT">
<me-button @click="helpers.openLocation(data.order_info.lat, data.order_info.lng)" active-color="var(--contentBgColor)" icon-type="icon-navigation" text="到达现场" width="686rpx" text-color="var(--titleColor)" custom-icon-color="var(--titleColor)"></me-button> <me-button @click="helpers.openLocation(data.order_info.lat, data.order_info.lng)" active-color="var(--contentBgColor)" icon-type="icon-navigation" text="导航至客户地址" width="686rpx" text-color="var(--titleColor)" custom-icon-color="var(--titleColor)"></me-button>
<me-button @click="arrivedOnSite()" text="完成上门" width="686rpx" icon-type="icon-arrow-right-circle" margin-top="32rpx"></me-button> <me-button @click="arrivedOnSite()" text="到达现场" width="686rpx" icon-type="icon-arrow-right-circle" margin-top="32rpx"></me-button>
</view> </view>
<!-- 完成服务--> <!-- 完成服务-->
@ -392,6 +409,7 @@ const getOrderStatusText = (status) => {
.report-order-exception { .report-order-exception {
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
margin-top: 20rpx;
.report-ctr { .report-ctr {
width: 198rpx; width: 198rpx;
height: 64rpx; height: 64rpx;

2
pages/user/login.vue
View File

@ -3,7 +3,7 @@
<view class="info"> <view class="info">
<view class="top flex-c"> <view class="top flex-c">
<view class="icon-container flex-c"> <view class="icon-container flex-c">
<image class="img" mode="aspectFill" :src="inject('globalData').appIcon"></image> <image class="img" mode="aspectFit" :src="inject('globalData').appIcon"></image>
</view> </view>
</view> </view>
<view class="bottom">超邦手工单系统</view> <view class="bottom">超邦手工单系统</view>

2
pages/workbench/workbench-skeleton.vue
View File

@ -7,7 +7,7 @@
<view class="status-bar top--status-bar data-v-e4d1a339 top--data-v-e4d1a339" style="height:47px"></view> <view class="status-bar top--status-bar data-v-e4d1a339 top--data-v-e4d1a339" style="height:47px"></view>
<view class="capsule top--capsule flex-c top--flex-c data-v-e4d1a339 top--data-v-e4d1a339" style="height:40px"> <view class="capsule top--capsule flex-c top--flex-c data-v-e4d1a339 top--data-v-e4d1a339" style="height:40px">
<view class="icon-ctr top--icon-ctr flex-c top--flex-c data-v-e4d1a339 top--data-v-e4d1a339"> <view class="icon-ctr top--icon-ctr flex-c top--flex-c data-v-e4d1a339 top--data-v-e4d1a339">
<image class="icon top--icon data-v-e4d1a339 top--data-v-e4d1a339 sk-image" mode="aspectFill"></image> <image class="icon top--icon data-v-e4d1a339 top--data-v-e4d1a339 sk-image" mode="aspectFit"></image>
</view> </view>
<text class="title top--title data-v-e4d1a339 top--data-v-e4d1a339 sk-transparent sk-text-14-2857-32 sk-text">工作台</text> <text class="title top--title data-v-e4d1a339 top--data-v-e4d1a339 sk-transparent sk-text-14-2857-32 sk-text">工作台</text>
</view> </view>