wangyifang
/
tiantian-care-wx
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up

Browse Source
master
DESKTOP-L29QSFC\THINK 2 years ago
parent bbe095352b
commit 2048fae75e
7 changed files with 381 additions and 20 deletions
Show Stats Download Patch File Download Diff File

233
packages/packagesPro/pages/proBuy/proBuy.vue
Unescape View File

@ -1,8 +1,241 @@
<template>
<view class="container">
<view class="header">
<text>已选择信息</text>
</view>
<view class="box">
<view class="boxHeader">
<view class="headerItem">
<text class="headerItemInfo">{{buyInfo.selectedProject}}</text>
<text class="headerItemInfo">{{buyInfo.selectArea}}</text>
<text class="headerItemInfo">{{buyInfo.selectbed}}</text>
</view>
</view>
</view>
<view class="box">
<view class="boxHeader">
<text>陪护天数</text>
</view>
<view class="boxContent">
<view class="boxForm">
<view class="boxFormItem">
<view class="boxFormItemLeft">
开始日期
</view>
<view class="boxFormItemRight" @click="showSDate=true">
<text>{{from_date==""?"请选择开始日期 >":from_date}}</text>
<u-picker v-model="showSDate" @confirm="toGetDate" mode="time"></u-picker>
</view>
</view>
<view class="boxFormItem">
<view class="boxFormItemLeft">
天数
</view>
<view class="boxFormItemRight">
<u-number-box :min="1" :max="100" v-model="days" @change="toChangeDays"></u-number-box>
</view>
</view>
<view class="boxFormItem">
<view class="boxFormItemLeft">
结束日期
</view>
<view class="boxFormItemRight">
<text>{{to_date==""?"请选择开始日期 >":to_date}}</text>
</view>
</view>
</view>
</view>
<view class="boxFooter">
<view class="btn">下一步</view>
</view>
</view>
<view class="footer">
<view class="footerLeft">
<text>预付金额：￥{{selectPrice==0?buyInfo.selectProduct.minPrice:selectPrice}}/ 天</text>
</view>
<view class="footerRight" @click="toStep" :class="{footerRightOn:buyInfo.paramedic_id!=''}">
<text>确认下单</text>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
showSDate: false,
from_date: "",
to_date: "",
days: 1,
buyInfo: {
"selectArea": "住院部 一楼（51急诊病区）",
"selectbed": "101-31床",
"selectbedID": 3348,
"selectAreaID": 63,
"selectSex": {
"sex": 0,
"isChecked": true,
"selectImg": "/static/resource/icon/icon_boy_on.png",
"img": "/static/resource/icon/icon_boy.png",
"text": "男"
},
"selectFactors": [{
"id": 5,
"factor_item_id": 18
}, {
"id": 6,
"factor_item_id": 25
}, {
"id": 18,
"factor_item_id": 107
}],
"selectProduct": {
"id": 3,
"name": "院内陪护",
"minPrice": "100.00",
"maxPrice": 440
},
"selectProjectID": 3,
"selectedProject": "五金中医院",
"paramedic_id": ""
}
}
},
onShareAppMessage() {},
onLoad() {
},
onReady() {},
onHide() {},
methods: {
toGetDate(e) {
this.from_date = e.year + "-" + e.month + "-" + e.day
this.to_date = this.$moment(this.from_date).add(this.days-1, 'd').format("YYYY-MM-DD");
},
toChangeDays(){
this.to_date = this.$moment(this.from_date).add(this.days-1, 'd').format("YYYY-MM-DD");
}
}
}
</script>
<style>
view {
box-sizing: border-box;
}
.container {
background-color: rgb(231, 245, 244) !important;
height: 100vh;
overflow: hidden;
padding: 30rpx;
}
.header {
font-weight: 300;
font-size: 32rpx;
color: #303233;
}
.box {
background: #fff;
width: 100%;
border-radius: 8rpx 8rpx 8rpx 8rpx;
margin: 30rpx auto;
padding: 43rpx 20rpx;
}
.boxContent {}
.headerItem {
display: flex;
flex-wrap: wrap;
}
text.headerItemInfo {
background: #E7F5F4;
border-radius: 4rpx 4rpx 4rpx 4rpx;
padding: 10rpx 20rpx;
margin-right: 10rpx;
margin-bottom: 20rpx;
font-size: 32rpx;
color: #303233;
}
.footer {
width: 750rpx;
height: 92rpx;
background: #FFFFFF;
position: fixed;
bottom: 0;
left: 0;
display: flex;
}
.footerLeft {
width: 60%;
line-height: 92rpx;
font-weight: 600;
font-size: 30rpx;
color: #F7723F;
padding: 0rpx 67rpx;
}
.footerRight {
width: 40%;
height: 100%;
line-height: 92rpx;
text-align: center;
background: #ccc;
color: #fff;
}
.footerRightOn {
background: linear-gradient(90deg, #0ee2ba, #0CC7A4);
}
.boxForm {
display: flex;
flex-direction: column;
margin-top: 30rpx;
}
.boxFormItem {
display: flex;
justify-content: space-between;
margin-bottom: 30rpx;
font-size: 28rpx;
}
.boxFormItemRight {
font-size: 24rpx;
}
.boxHeader {
font-size: 32rpx;
color: #303233;
}
.btn {
width: 347rpx;
height: 72rpx;
background: linear-gradient(90deg, #0ee2ba, #67F7DC);
border-radius: 36rpx 36rpx 36rpx 36rpx;
line-height: 72rpx;
text-align: center;
color: #fff;
font-weight: 300;
font-size: 26rpx;
margin: 20rpx auto;
}
</style>

16
packages/packagesPro/pages/proCarerInfo/info.vue
Unescape View File

@ -2,6 +2,22 @@
</template>
<script>
export default {
data() {
return {
}
},
onShareAppMessage() {},
onLoad() {
},
onReady() {},
onHide() {},
methods: {
}
}
</script>
<style>

17
packages/packagesPro/pages/proCarerList/list.vue
Unescape View File

@ -1,7 +1,22 @@
<template>
</template>
<script>
<script>export default {
data() {
return {
}
},
onShareAppMessage() {},
onLoad() {
},
onReady() {},
onHide() {},
methods: {
}
}
</script>
<style>

59
packages/packagesPro/pages/proService/index.vue
Unescape View File

@ -17,8 +17,8 @@
<view class="boxTitle">当日预定
</view>
<view class="boxContentList">
<view class="boxItem" :class="{ boxItem_on: mod.isChecked}" @click="toChange" data-type="t" :data-item="mod" :data-index="index"
v-for="(mod,index) in list.t" :key="index">
<view class="boxItem" :class="{ boxItem_on: mod.isChecked}" @click="toChange" data-type="t"
:data-item="mod" :data-index="index" v-for="(mod,index) in list.t" :key="index">
<view class="boxItemLeft">
<image style="width: 149rpx;height: 149rpx;border-radius: 149rpx;" :src="mod.avatar_url">
</view>
@ -45,12 +45,15 @@
</view>
</view>
<view class="boxContentFooter" @click="toMore">
<view class="boxContentFooterBtn">查看更多 > </view>
</view>
<view class="boxTitle">明日预定
</view>
<view class="boxContentList">
<view class="boxItem" :class="{ boxItem_on: mod.isChecked}" @click="toChange" :data-item="mod" :data-index="index" data-type="n"
v-for="(mod,index) in list.n" :key="index">
<view class="boxItem" :class="{ boxItem_on: mod.isChecked}" @click="toChange" :data-item="mod"
:data-index="index" data-type="n" v-for="(mod,index) in list.n" :key="index">
<view class="boxItemLeft">
<image style="width: 149rpx;height: 149rpx;border-radius: 149rpx;" :src="mod.avatar_url">
</view>
@ -78,14 +81,16 @@
</view>
<view class="boxContentFooter" @click="toMore">
<view class="boxContentFooterBtn">查看更多 > </view>
</view>
</view>
</view>
<view class="footer">
<view class="footerLeft">
<text>单价：￥180/ 天</text>
<text>单价：￥{{selectPrice==0?buyInfo.selectProduct.minPrice:selectPrice}}/ 天</text>
</view>
<view class="footerRight">
<view class="footerRight" @click="toStep" :class="{footerRightOn:buyInfo.paramedic_id!=''}">
<text>继续</text>
</view>
</view>
@ -102,6 +107,7 @@
t: [],
n: []
},
selectPrice: 0,
buyInfo: {
"selectArea": "住院部 一楼（51急诊病区）",
"selectbed": "101-31床",
@ -131,7 +137,8 @@
"maxPrice": 440
},
"selectProjectID": 3,
"selectedProject": "五金中医院"
"selectedProject": "五金中医院",
"paramedic_id": ""
}
}
},
@ -143,6 +150,21 @@
onReady() {},
onHide() {},
methods: {
toStep() {
if (this.buyInfo.paramedic_id != "") {
uni.redirectTo({
url: "/packages/packagesPro/pages/proBuy/proBuy"
})
}
else{
util.alert("请选择护工")
}
},
toMore() {
uni.navigateTo({
url: "/packages/packagesPro/pages/proCarerList/list"
})
},
toChange(t) {
var i = t.currentTarget.dataset.index;
var type = t.currentTarget.dataset.type;
@ -153,6 +175,8 @@
mod.isChecked = false;
}
this.list[type][i].isChecked = true;
this.selectPrice = this.list[type][i].price;
this.buyInfo.paramedic_id = this.list[type][i].id;
this.$forceUpdate()
},
loadParamedics: function(x) {
@ -246,13 +270,17 @@
.footerRight {
width: 40%;
background: linear-gradient(90deg, #0ee2ba, #0CC7A4);
height: 100%;
line-height: 92rpx;
text-align: center;
background: #ccc;
color: #fff;
}
.footerRightOn {
background: linear-gradient(90deg, #0ee2ba, #0CC7A4);
}
.headerPrice {
font-size: 32rpx;
color: #303233;
@ -318,4 +346,17 @@
color: #303233;
margin: 30rpx 0rpx;
}
.boxContentFooterBtn {
width: 347rpx;
height: 72rpx;
background: linear-gradient(90deg, #0ee2ba, #67F7DC);
border-radius: 36rpx 36rpx 36rpx 36rpx;
line-height: 72rpx;
text-align: center;
color: #fff;
font-weight: 300;
font-size: 26rpx;
margin: 20rpx auto;
}
</style>

9
pages.json
Unescape View File

@ -37,6 +37,15 @@
"path": "pages/find/index",
"style": {}
},
{
"path": "pages/index/admin",
"style": {
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#0cc7a4",
"navigationBarTitleText": "院办登录",
"navigationBarTextStyle": "white"
}
},
{
"path": "pages/login/login",
"style": {}

20
pages/index/admin.vue
Unescape View File

@ -0,0 +1,20 @@
<template>
<web-view :src="Host"></web-view>
</template>
<script>
import util from "../../utils/util.js";
export default {
data() {
return {
Host:"",
}
},
onLoad() {
this.Host=util.HOST+"admin"
}
}
</script>
<style>
</style>

33
pages/index/index.vue
Unescape View File

@ -16,7 +16,7 @@
</view>
<view class="boxItem">
<view class="boxItembox">
<view class="boxItemboxItem">
<view class="boxItemboxItem" @click="tofind">
<view>
<text class="htitle">找住院护工</text>
<text>平台保证</text>
@ -25,7 +25,7 @@
<image src="../../static/resource/icon/icon_hospital.png"></image>
</view>
</view>
<view class="boxItemboxItem">
<view class="boxItemboxItem" @click="toShowNone">
<view>
<text class="htitle">找居家护工</text>
@ -47,7 +47,7 @@
height: 31rpx;" src="../../static/resource/imgs/zhishititle.png"></image>
</view>
<view class="newsContent">
<view class="newsItem" v-for="(item,index) of news" :key="index">
<view @click="toDetail(item.id)" class="newsItem" v-for="(item,index) of news" :key="index">
<view class="newsImg">
<image style="width: 219rpx;height: 152rpx;width: 219rpx;
height: 152rpx;" :src="item.poster"></image>
@ -59,6 +59,7 @@ height: 152rpx;" :src="item.poster"></image>
</view>
</view>
</view>
<view @click="toAdmin" class="btnadmin">院办登录</view>
<tabbar :current-page="0"></tabbar>
<u-popup mode="center" v-model="showHospital" width="90%" closeable="true" border-radius="14">
<view class="popbox">
@ -155,6 +156,21 @@ height: 152rpx;" :src="item.poster"></image>
onReady() {},
onHide() {},
methods: {
toDetail(id) {
uni.navigateTo({
url: '/packages/packagesInfo/pages/detail/index?id=' + id,
});
},
tofind() {
uni.switchTab({
url: "/pages/find/index"
})
},
toAdmin() {
uni.navigateTo({
url: "/pages/index/admin"
})
},
getGeoCoder() {
var that = this;
const tMap = new QQMapWX({
@ -311,6 +327,17 @@ height: 152rpx;" :src="item.poster"></image>
border-radius: 0rpx 0rpx 80rpx 0rpx;
}
.btnadmin {
background: #0EE2BA;
color: #fff;
width: 690rpx;
margin: 20rpx auto;
text-align: center;
font-size: 36rpx;
padding: 20rpx;
}
.boxItembox {
padding: 0rpx 51rpx;
display: flex;

Write Preview
Loading…
Cancel
Save