Augcl
/
pet-front
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

2.20

pull/1/head
15576629987 2 months ago
parent
4134da1201
commit
cb1e5df0aa
3 changed files with 548 additions and 200 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -1
      manifest.json
  2. +343
    -0
      otherPages/orderTakingManage/detail/index.vue
  3. +203
    -199
      pages.json

+ 2
- 1
manifest.json View File

@ -53,7 +53,8 @@
"appid" : "wx01f0f43759922fda",
"setting" : {
"urlCheck" : false,
"postcss" : true
"postcss" : true,
"minified" : true
},
"usingComponents" : true,
"mergeVirtualHostAttributes" : true


+ 343
- 0
otherPages/orderTakingManage/detail/index.vue View File

@ -0,0 +1,343 @@
<template>
<!-- <div>订单详情</div> -->
<view class="box">
<view class="top" :style="{ borderRadius: '8px' }">
<view class="money" :style="{ borderRadius: '8px' }">
<view class="top_left">
<view class="">
<u--text text="客户实际支付" size="10px"></u--text>
<u--text text="¥ 45" color="#FE4E41" size="15px" lineHeight="21px"></u--text>
</view>
<u-line color="#FFBF60" direction="col" length="30px"></u-line>
<view class="">
<u--text text="分成比例" size="10px"></u--text>
<u--text text="20%" color="#FE4E41" size="15px" lineHeight="21px"></u--text>
</view>
<u-line color="#FFBF60" direction="col" length="30px"></u-line>
<view class="">
<u--text text="本单酬劳" size="10px"></u--text>
<u--text text="¥ 9" color="#FE4E41" size="15px" lineHeight="21px"></u--text>
</view>
</view>
</view>
<view class="top_bottom">
<u--text text="订单为系统派发，请确认订单信息后再抢单" size="10px" color="#707070"></u--text>
</view>
<view class="top-button" :style="{ borderRadius: '27px' }">
<u--text text=" 系统派单" size="10px" color="#FFBF60" align="center" line-height="28px"></u--text>
</view>
</view>
<view class="information" :style="{ borderRadius: '8px' }">
<view class="text1">
<u-line color="#FFBF60" direction="col" length="15px" bold></u-line>
<u--text text="基本信息" size="15px" color="#000000"></u--text>
</view>
<u-divider text="" :hairline="true" lineColor="#F5F5F5"></u-divider>
<view class="time">
<u--text text="服务日期" size="13px" color="#000000"></u--text>
<u--text text="12-0，12-08" size="13px" color="#000000"></u--text>
</view>
<u-divider text="" :hairline="true" lineColor="#F5F5F5"></u-divider>
<view class="time">
<u--text text="服务地址" size="13px" color="#000000"></u--text>
<u--text text="湖南省长沙市雨花区人民东路" size="13px" color="#000000"></u--text>
</view>
</view>
<view class="service" :style="{ borderRadius: '8px' }">
<view class="horizontal_distribution">
<view class="text1">
<u-line color="#FFBF60" direction="col" length="15px"></u-line>
<u--text text="服务内容和酬劳" size="15px" color="#000000"></u--text>
</view>
<view class="text2">
<u--text text="查看宠物信息" size="10px" color="#F5F5F5"></u--text>
<u-icon name="arrow-right-double" color="#F5F5F5" size="10"></u-icon>
</view>
</view>
<u-divider text="" :hairline="true" lineColor="#F5F5F5"></u-divider>
<view class="pet_information">
<u--image
src="https://k.sinaimg.cn/n/sinakd20118/751/w690h861/20240406/8eda-d4d56e3bface126bd5806ff981a09314.jpg/w700d1q75cms.jpg"
shape="circle" width="50px" height="50px"></u--image>
<view class="">
<view class="flex">
<u--text text="小咪" size="14px" color="#000000"></u--text>
<u-icon name="woman" color="#F77293" size="10"></u-icon>
</view>
<u--text text="中华田园犬（小型犬）" size="14px" color="#707070"></u--text>
</view>
</view>
<u-divider text="" :hairline="true" lineColor="#F5F5F5"></u-divider>
<view class="flex">
<u--text text="12-14" size="14px" color="#707070"></u--text>
<u--text text="专业喂养" size="14px" color="#000000"></u--text>
<u--text text="上门1次" size="14px" color="#707070"></u--text>
</view>
<u-divider text="" :hairline="true" lineColor="#F5F5F5"></u-divider>
<view class="horizontal_distribution money_total">
<view>
<u--text text="合计" size="14px" color="#707070"></u--text>
</view>
<view>
<u--text text="¥ 45" size="14px" color="#FE4E41"></u--text>
</view>
</view>
</view>
<view class="other_information">
<view class="text1">
<u-line color="#FFBF60" direction="col" length="15px"></u-line>
<u--text text="其他信息" size="15px" color="#000000"></u--text>
</view>
<u-divider text="" :hairline="true" lineColor="#F5F5F5"></u-divider>
<view class="horizontal_distribution">
<view>
<u--text text="订单编号：" size="14px" color="#000000"></u--text>
</view>
<view>
<u--text text="fe34521532513256" size="14px" color="#000000"></u--text>
</view>
</view>
<u-divider text="" :hairline="true" lineColor="#F5F5F5"></u-divider>
<view class="horizontal_distribution">
<view>
<u--text text="下单时间：" size="14px" color="#000000"></u--text>
</view>
<view>
<u--text text="2024-12-45 12:32:41" size="14px" color="#000000"></u--text>
</view>
</view>
<u-divider text="" :hairline="true" lineColor="#F5F5F5"></u-divider>
<view class="horizontal_distribution">
<view>
<u--text text="支付时间：" size="14px" color="#000000"></u--text>
</view>
<view>
<u--text text="2024-12-45 12:32:41" size="14px" color="#000000"></u--text>
</view>
</view>
</view>
<view class="bottom">
<view class="bottom_button" :style="{ borderRadius: '41px' }">
<u--text text="立即抢单" size="15px" color="#FFFFFF" align="center" line-height="60px"></u--text>
</view>
</view>
<view>
<u-popup :show="show" mode="center" @close="close" @open="open">
<view class="success">
<view class="pop_top">
</view>
<u--text text="请立即添加服务顾问，并提供订单编码" size="12px" color="#707070" align="center"></u--text>
<view class="pop_image">
<u--image src="https://xxx.com/album/1.jpg" shape="square" width="100px"
height="100px"></u--image>
</view>
<view class="code" :style="{ borderRadius: '6px' }">
<!-- <u--input type="number" border="surround" v-model="value" @change="change"></u--input> -->
</view>
<view class="copy" :style="{ borderRadius: '40px' }">
<u--text text="复制订单编号" size="12px" color="#FFFFFF" align="center" line-height="50px"></u--text>
</view>
<view class="cancel" :style="{ borderRadius: '50px' }">
<u-icon name="close-circle" color="#707070" size="40"></u-icon>
</view>
</view>
</u-popup>
<u-button @click="show = true">打开</u-button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
show: false
}
},
methods: {
open() {
// console.log('open');
},
close() {
this.show = false
// console.log('close');
}
}
}
// export default {
// data() {
// return {
// value: ''
// }
// },
// methods: {
// change(e) {
// console.log('change', e);
// }
// }
// }
</script>
<style lang="scss">
.box {
width: 100%;
height: 100%;
background-color: #F5F5F5;
}
.top {
width: 350px;
height: 100px;
background-color: #FFFFFF;
margin: 14px 20px 0 20px;
}
.money {
width: 250px;
height: 80px;
}
.top_left {
width: 220px;
height: 26px;
display: flex;
padding: 25px 0 0 20px;
justify-content: space-between;
}
.top_bottom {
width: 200px;
height: 26px;
// background-color: aqua;
margin-left: 20px;
}
.top-button {
width: 66px;
height: 28px;
border: 1px solid #FFBF60;
position: absolute;
top: 30px;
right: 30px;
}
.information {
width: 350px;
height: 130px;
background-color: #FFFFFF;
margin: 10px 20px 0 20px;
padding: 25px;
}
.text1 {
width: 120px;
height: 20px;
display: flex;
}
.time {
width: 300px;
height: 30px;
// background-color: gray;
display: flex;
justify-content: space-between;
}
.service {
width: 350px;
height: 190px;
background-color: #FFFFFF;
margin: 10px 20px 0 20px;
padding: 27px;
}
.horizontal_distribution {
display: flex;
justify-content: space-between;
}
.flex {
display: flex;
}
.text2 {
width: 100px;
height: 20px;
display: flex;
}
.pet_information {
width: 300px;
height: 50px;
// background-color: red;
display: flex;
}
.money_total {
width: 300px;
}
.other_information {
width: 350px;
height: 190px;
background-color: #FFFFFF;
margin: 10px 20px 0 20px;
padding: 27px 0 0 27px;
}
.bottom {
width: 100%;
height: 60px;
background-color: #FFFFFF;
margin-top: 20px;
padding: 20px 50px;
}
.bottom_button {
width: 300px;
height: 60px;
background-color: #FFBF60;
}
.success {
width: 310px;
height: 370px;
background-color: #FFFFFF;
}
.pop_top {
width: 310px;
height: 100px;
background-image: linear-gradient(to bottom, #FFBF60, #FFD494)
}
.code {
width: 250px;
height: 50px;
background-color: #F3F3F3;
margin: 30px 0 0 30px;
}
.pop_image {
display: grid;
place-items: center;
margin-top: 20px;
}
.copy {
width: 260px;
height: 50px;
background-color: #FFBF60;
margin: 30px 0 0 25px;
}
.cancel {
width: 40px;
height: 40px;
background-color: #FFFFFF;
position: absolute;
top: -20px;
right: -17px;
}
</style>

+ 203
- 199
pages.json View File

@ -1,201 +1,205 @@
{
"easycom": {
"autoscan": true,
// 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175
"custom": {
"^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
"^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
"^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
}
},
"pages": [
"easycom": {
"autoscan": true,
// 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175
"custom": {
"^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
"^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
"^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
}
},
"pages": [
{
"path": "pages/workbenchManage/index",
"style": {
"navigationBarTitleText": "工作台"
}
},
{
"path": "pages/orderTakingManage/index",
"style": {
"navigationBarTitleText": "接单大厅"
}
},
{
"path": "pages/myOrdersManage/index",
"style": {
"navigationBarTitleText": "我的订单"
}
},
{
"path": "pages/userManage/index",
"style": {
"navigationBarTitleText": "我的"
}
},
{
"path": "pages/login/index",
"style": {
"navigationBarTitleText": "登录"
}
}
],
"subPackages": [
{
"root": "otherPages/orderTakingManage",
// 接单大厅
"pages": [
{
"path": "list/index"
}
]
},
{
"root": "otherPages/myOrdersManage",
// 我的订单
"pages": [
{
"path": "list/index"
}
]
},
{
"root": "otherPages/workbenchManage",
// 工作台
"pages": [
{
"path": "bindUser/index",
"style": {
"navigationBarTitleText": "绑定用户"
}
},
{
"path": "myUser/index",
"style": {
"navigationBarTitleText": "我的用户"
}
},
{
"path": "myLevel/index",
"style": {
"navigationBarTitleText": "我的等级"
}
},
//喂养员工作台
{
"path": "feedingStaff/index",
"style": {
"navigationBarTitleText": "喂养员认证"
}
},
{
"path": "examNotice/index",
"style": {
"navigationBarTitleText": "养宠经验考试须知"
}
},
{
"path": "startExam/index",
"style": {
"navigationBarTitleText": "基础考试"
}
},
{
"path": "trainingExamination/index",
"style": {
"navigationBarTitleText": "考试培训"
}
} ,
{
"path": "shortAnswer/index",
"style": {
"navigationBarTitleText": "培训考试"
}
} ,
{
"path": "queryResults/index",
"style": {
"navigationBarTitleText": "考试结果"
}
}
]
},
{
"root": "otherPages/userManage",
// 我的
"pages": [
{
"path": "list/index"
}
]
}
],
// 分包预载配置
"preloadRule": {
// 当我们进入了pages/orderTakingManage/index页面以后就会预下载otherPages/orderTakingManage分包
"pages/orderTakingManage/index": {
"network": "all",
//在指定网络下预下载，可选值为：all（不限网络）、wifi（仅wifi下预下载）
"packages": [
"otherPages/orderTakingManage"
]
//进入页面后预下载分包
},
"pages/myOrdersManage/index": {
"network": "all",
"packages": [
"otherPages/myOrdersManage"
]
},
"pages/workbenchManage/index": {
"network": "all",
"packages": [
"otherPages/workbenchManage"
]
},
"pages/userManage/index": {
"network": "all",
"packages": [
"otherPages/userManage"
]
}
},
"tabBar": {
"color": "#999",
"selectedColor": "#333",
"borderStyle": "white",
"backgroundColor": "#ffffff",
"list": [
{
"pagePath": "pages/workbenchManage/index",
"iconPath": "./static/images/tabBar/home.png",
"selectedIconPath": "./static/images/tabBar/home_.png",
"text": "工作台"
},
{
"pagePath": "pages/orderTakingManage/index",
"iconPath": "./static/images/tabBar/home.png",
"selectedIconPath": "./static/images/tabBar/home_.png",
"text": "接单大厅"
},
{
"pagePath": "pages/myOrdersManage/index",
"iconPath": "./static/images/tabBar/mine.png",
"selectedIconPath": "./static/images/tabBar/mine_.png",
"text": "我的订单"
},
{
"pagePath": "pages/userManage/index",
"iconPath": "./static/images/tabBar/mine.png",
"selectedIconPath": "./static/images/tabBar/mine_.png",
"text": "我的"
}
]
},
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#FFBF60"
}
}
{
"path": "pages/workbenchManage/index",
"style": {
"navigationBarTitleText": "工作台"
}
},
{
"path": "pages/orderTakingManage/index",
"style": {
"navigationBarTitleText": "接单大厅"
}
},
{
"path": "pages/myOrdersManage/index",
"style": {
"navigationBarTitleText": "我的订单"
}
},
{
"path": "pages/userManage/index",
"style": {
"navigationBarTitleText": "我的"
}
},
{
"path": "pages/test/index",
"style": {
"navigationBarTitleText": "测试"
}
},
{
"path": "pages/login/index",
"style": {
"navigationBarTitleText": "登录"
}
}
],
"subPackages": [{
"root": "otherPages/orderTakingManage",
// 接单大厅
"pages": [{
"path": "list/index"
},
{
"path": "detail/index",
"style": {
"navigationBarTitleText": "订单详情"
}
}
]
},
{
"root": "otherPages/myOrdersManage",
// 我的订单
"pages": [{
"path": "list/index"
}]
},
{
"root": "otherPages/workbenchManage",
// 工作台
"pages": [{
"path": "bindUser/index",
"style": {
"navigationBarTitleText": "绑定用户"
}
},
{
"path": "myUser/index",
"style": {
"navigationBarTitleText": "我的用户"
}
},
{
"path": "myLevel/index",
"style": {
"navigationBarTitleText": "我的等级"
}
},
//喂养员工作台
{
"path": "feedingStaff/index",
"style": {
"navigationBarTitleText": "喂养员认证"
}
},
{
"path": "examNotice/index",
"style": {
"navigationBarTitleText": "养宠经验考试须知"
}
},
{
"path": "startExam/index",
"style": {
"navigationBarTitleText": "基础考试"
}
},
{
"path": "trainingExamination/index",
"style": {
"navigationBarTitleText": "考试培训"
}
},
{
"path": "shortAnswer/index",
"style": {
"navigationBarTitleText": "培训考试"
}
},
{
"path": "queryResults/index",
"style": {
"navigationBarTitleText": "考试结果"
}
}
]
},
{
"root": "otherPages/userManage",
// 我的
"pages": [{
"path": "list/index"
}]
}
],
// 分包预载配置
"preloadRule": {
// 当我们进入了pages/orderTakingManage/index页面以后就会预下载otherPages/orderTakingManage分包
"pages/orderTakingManage/index": {
"network": "all",
//在指定网络下预下载，可选值为：all（不限网络）、wifi（仅wifi下预下载）
"packages": [
"otherPages/orderTakingManage"
]
//进入页面后预下载分包
},
"pages/myOrdersManage/index": {
"network": "all",
"packages": [
"otherPages/myOrdersManage"
]
},
"pages/workbenchManage/index": {
"network": "all",
"packages": [
"otherPages/workbenchManage"
]
},
"pages/userManage/index": {
"network": "all",
"packages": [
"otherPages/userManage"
]
}
},
"tabBar": {
"color": "#999",
"selectedColor": "#333",
"borderStyle": "white",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/workbenchManage/index",
"iconPath": "./static/images/tabBar/home.png",
"selectedIconPath": "./static/images/tabBar/home_.png",
"text": "工作台"
},
{
"pagePath": "pages/orderTakingManage/index",
"iconPath": "./static/images/tabBar/home.png",
"selectedIconPath": "./static/images/tabBar/home_.png",
"text": "接单大厅"
},
{
"pagePath": "pages/myOrdersManage/index",
"iconPath": "./static/images/tabBar/mine.png",
"selectedIconPath": "./static/images/tabBar/mine_.png",
"text": "我的订单"
},
{
"pagePath": "pages/userManage/index",
"iconPath": "./static/images/tabBar/mine.png",
"selectedIconPath": "./static/images/tabBar/mine_.png",
"text": "我的"
}
]
},
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#FFBF60"
}
}

Write Preview
Loading…
Cancel
Save