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

订单详情

Browse Source
This commit is contained in:
gcd 2025-03-27 00:46:45 +08:00
parent be0cd4e504
commit b7f1679ffd
4 changed files with 172 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
pages.json
View File

@ -1,5 +1,13 @@
{
"pages": [
{
"path" : "pages/index/index",
"style" :
{
"navigationBarTitleText" : "接单大厅",
"navigationStyle": "custom"
}
},
{
"path" : "pages/user/user",
"style" :
@ -16,14 +24,6 @@
"navigationStyle": "custom"
}
},
{
"path" : "pages/index/index",
"style" :
{
"navigationBarTitleText" : "接单大厅",
"navigationStyle": "custom"
}
},
{
"path" : "pages/user/login",
"style" :
@ -31,6 +31,13 @@
"navigationBarTitleText" : "登录",
"disableScroll": true
}
},
{
"path" : "pages/order/order-info",
"style" :
{
"navigationBarTitleText" : "工单详情"
}
}
],
"globalStyle": {

7
pages/index/index.vue
View File

@ -12,7 +12,7 @@
<view class="price flex-r">平台已收款</view>
</view>
<view class="content flex-sb">
<view class="left">
<view class="left" @click="toDetail(1)">
<view class="address-name flex-l">
金城花园(天府二街)
</view>
@ -112,11 +112,16 @@ import MeIcon from "../../components/me-icon/me-icon";
import MeButton from "../../components/me-button/me-button";
import MeEmptySpace from "../../components/me-empty-space/me-empty-space.vue";
import MeTop from "../../components/me-top/me-top.vue";
import helpers from "../../utils/helpers";
const listMarginTop = computed(() => {
return (inject('globalData').statusBarH + (inject('globalData').customBarH - inject('globalData').statusBarH)) * 2
})
const toDetail = (id) => {
helpers.jumpToPage('order-info', `id=${id}`)
}
</script>
<style lang="scss" scoped>

149
pages/order/order-info.vue Normal file
View File

@ -0,0 +1,149 @@
<template>
<view class="ctr">
<view class="price-ctr">
<view class="price flex-c">平台已收款</view>
<view class="desc flex-c">服务价格</view>
</view>
<view class="info">
<view class="item-row flex-sb line-after">
<view class="title flex-l">当前状态</view>
<view class="value flex-r order-status">
<text>待接单</text>
</view>
</view>
<view class="item-row flex-sb line-after">
<view class="title flex-l">服务类型</view>
<view class="value flex-r">
<text>日常保洁</text>
</view>
</view>
<view class="item-row flex-sb line-after">
<view class="title flex-l">客户姓名</view>
<view class="value flex-r">
<text>倪运昊</text>
</view>
</view>
<view class="item-row flex-sb">
<view class="title flex-l">客户电话</view>
<view class="value flex-r value-theme">
<me-icon class="icon" type="icon-call" color="var(--themeColor)" size="40rpx"></me-icon>
<text>18628195903</text>
</view>
</view>
<view class="item-row flex-sb line-after">
<view class="title flex-l">预约上门时间</view>
<view class="value flex-r">
<text>2025年03月22日21:01</text>
</view>
</view>
<view class="item-multi-line line-after">
<view class="title flex-l">客户地址</view>
<view class="value flex-l">浙江省瑞安市迎宾路58号海洋家属楼506号517房</view>
</view>
<view class="item-multi-line">
<view class="title flex-l">客户备注</view>
<view class="value flex-l">千古江山，英雄无觅孙仲谋处。舞榭歌台，风流总被雨打风吹去。斜阳草树，寻常巷陌，人道寄奴曾住。想当年，金戈铁马，气吞万里如虎。</view>
</view>
</view>
<me-empty-space height="376"></me-empty-space>
<view class="bottom">
<me-button @click="" active-color="var(--contentBgColor)" text="拒 绝" width="686rpx" text-color="var(--titleColor)"></me-button>
<me-button @click="" text="确认接单" width="686rpx" icon-type="icon-flashlight" margin-top="32rpx"></me-button>
</view>
</view>
</template>
<script setup>
import MeIcon from "../../components/me-icon/me-icon.vue";
import MeEmptySpace from "../../components/me-empty-space/me-empty-space.vue";
import MeButton from "../../components/me-button/me-button.vue";
</script>
<style lang="scss" scoped>
.ctr {
padding: 0 32rpx;
box-sizing: border-box;
height: 100vh;
.price-ctr {
height: 200rpx;
width: 100%;
padding: 32rpx 20rpx;
box-sizing: border-box;
.price {
width: 100%;
height: 80rpx;
font-weight: 500;
font-size: 36rpx;
color: var(--titleColor);
}
.desc {
width: 100%;
height: 56rpx;
font-size: 28rpx;
color: var(--summaryColor);
}
}
.info {
width: 100%;
background: var(--containerBgColor);
border-radius: 16rpx;
padding: 20rpx;
box-sizing: border-box;
.item-row {
width: 100%;
height: 80rpx;
position: relative;
.title {
width: 200rpx;
height: 100%;
font-size: 30rpx;
color: var(--summaryColor);
}
.value {
width: 446rpx;
height: 100%;
font-size: 30rpx;
color: var(--titleColor);
.icon {
margin-right: 8rpx;
}
}
.order-status {
color: #E18F00 !important;
}
.value-theme {
color: var(--themeColor) !important;
}
}
.item-multi-line {
width: 100%;
position: relative;
padding-bottom: 8rpx;
box-sizing: border-box;
.title {
width: 100%;
height: 80rpx;
font-size: 30rpx;
color: var(--summaryColor);
}
.value {
width: 100%;
font-size: 30rpx;
color: var(--titleColor);
line-height: 48rpx;
}
}
}
.bottom {
width: 100%;
padding-top: 20rpx;
padding-bottom: 68rpx;
background: var(--pageBgColor);
box-sizing: border-box;
position: fixed;
bottom: 0;
}
}
</style>

2
utils/helpers.js
View File

@ -15,6 +15,8 @@ class helpers {
let paths = {
//登录页
'login': '/pages/user/login',
//订单详情
'order-info': '/pages/order/order-info',
}
url = paths[pathName]