Merge remote-tracking branch 'origin/jihan_0223_个人中心和客服功能会员APP开发分支'
# Conflicts: # pages.json # pages/Personal/Personal.vue # pages/classification/classification.vue # pages/shopping/shopping.vue
This commit is contained in:
曹辉
commit
acdd67ea30
8
api/Healthknowledge/index.js
Normal file
8
api/Healthknowledge/index.js
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
import request from "../request.js"
|
||||||
|
|
||||||
|
export function getHeathHousingList(pageNum, pageSize) {
|
||||||
|
return request({
|
||||||
|
url: `/nurseApplet/nearbyNursingStation/getHeathHousingList?pageNum=${pageNum}&pageSize=${pageSize}&informationCategoryType=HEALTH_NOUS`,
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -2,7 +2,7 @@ import request from "../request.js"
|
|||||||
|
|
||||||
export function getAppStationItemInfo(stationId, stationItemId, stationItemPriceId) {
|
export function getAppStationItemInfo(stationId, stationItemId, stationItemPriceId) {
|
||||||
return request({
|
return request({
|
||||||
url: `/nurseApp/login/getAppStationItemInfo?stationId=${stationId}&stationItemId=${stationItemId}&stationItemPriceId=${stationItemPriceId}`,
|
url: `/nurseApplet/login/getStationItemInfo?stationId=${stationId}&stationItemId=${stationItemId}&stationItemPriceId=${stationItemPriceId}`,
|
||||||
method: 'GET'
|
method: 'GET'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@ -22,4 +22,14 @@ export function submitAppointment(data) {
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
// 小程序预约服务支付接口
|
||||||
|
|
||||||
|
export function appletAppointmentOrderPay(data) {
|
||||||
|
return request({
|
||||||
|
url: `/nurseApp/weChatPayment/appletAppointmentOrderPay`,
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
// var baseurl = "http://192.168.16.30:8080";
|
// var baseurl = "http://192.168.16.30:8080";
|
||||||
var baseurl = "http://192.168.16.49:8081";
|
var baseurl = "http://192.168.16.30:8088";
|
||||||
// var baseurl = "http://192.168.16.76:8080";
|
// var baseurl = "http://192.168.16.76:8080";
|
||||||
export default baseurl
|
export default baseurl
|
||||||
|
|||||||
9
api/homepage/index.js
Normal file
9
api/homepage/index.js
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
import request from "../request.js"
|
||||||
|
|
||||||
|
export function getPoserInfoListByType() {
|
||||||
|
return request({
|
||||||
|
url: `/nurseApplet/nearbyNursingStation/getPoserInfoListByType?moduleType=HOME_PAGE_MODULE`,
|
||||||
|
method: 'GET'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@ -9,9 +9,9 @@ export function introductionList(id) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
export function itemList(id,pageSize,pageNum) {
|
export function itemList(id,pageSize,pageNum,nurseClassifyInfoId) {
|
||||||
return request({
|
return request({
|
||||||
url: `/nurseApplet/nearbyNursingStation/itemList?pageSize=${pageSize}&pageNum=${pageNum}&nurseStationId=${id}`,
|
url: `/nurseApplet/nearbyNursingStation/itemList?pageSize=${pageSize}&pageNum=${pageNum}&nurseStationId=${id}&nurseClassifyInfoId=${nurseClassifyInfoId}`,
|
||||||
method: 'GET'
|
method: 'GET'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,14 +1,12 @@
|
|||||||
import request from "../request.js"
|
import request from "../request.js"
|
||||||
|
|
||||||
|
export function nearbyList(pageSize, pageNum, longitude, latitude,ClassifyInfoId,itemClassId,searchName) {
|
||||||
|
|
||||||
|
|
||||||
export function nearbyList(pageSize,pageNum,longitude, latitude) {
|
|
||||||
return request({
|
return request({
|
||||||
url: `/nurseApplet/nearbyNursingStation/nearbyList?pageSize=${pageSize}&pageNum=${pageNum}&homeLongitude=${longitude}&homeLatitude=${latitude}`,
|
url: `/nurseApplet/nearbyNursingStation/nearbyList?pageSize=${pageSize}&pageNum=${pageNum}&homeLongitude=${longitude}&homeLatitude=${latitude}&nurseClassifyInfoId=${ClassifyInfoId}&nurseItemClassifyInfoId=${itemClassId}&searchName=${searchName}`,
|
||||||
method: 'GET'
|
method: 'GET'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
//被护理人信息 经纬度
|
//被护理人信息 经纬度
|
||||||
export function getPatientInfo(id) {
|
export function getPatientInfo(id) {
|
||||||
return request({
|
return request({
|
||||||
@ -16,3 +14,11 @@ export function getPatientInfo(id) {
|
|||||||
method: 'GET'
|
method: 'GET'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//护理站和护理项目分类
|
||||||
|
export function getNurseClassifyList() {
|
||||||
|
return request({
|
||||||
|
url: `/nurseApplet/nearbyNursingStation/getNurseClassifyList?moduleType=NURSE_AGENCY_INTRODUCE_MODULE`,
|
||||||
|
method: 'GET'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|||||||
161
pages.json
161
pages.json
@ -9,15 +9,7 @@
|
|||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
}, {
|
},{
|
||||||
"path": "pages/information/information",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "完善个人信息",
|
|
||||||
"navigationBarBackgroundColor": "#ffffff", //背景颜色
|
|
||||||
"enablePullDownRefresh": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/forgotPassword/forgotPassword",
|
"path": "pages/forgotPassword/forgotPassword",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "忘记密码",
|
"navigationBarTitleText": "忘记密码",
|
||||||
@ -30,6 +22,27 @@
|
|||||||
"navigationBarTitleText": "注册账号",
|
"navigationBarTitleText": "注册账号",
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
|
}, {
|
||||||
|
"path": "pages/ProjectDetails/ProjectDetails",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "护理项目详情",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
"path": "pages/modifyAddress/modifyAddress",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "修改地址",
|
||||||
|
"navigationBarBackgroundColor": "#ffffff", //背景颜色
|
||||||
|
"enablePullDownRefresh": true //设置参数为true
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
"path": "pages/information/information",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "完善个人信息",
|
||||||
|
"navigationBarBackgroundColor": "#ffffff", //背景颜色
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/lookrate/lookrate",
|
"path": "pages/lookrate/lookrate",
|
||||||
@ -38,23 +51,13 @@
|
|||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
|
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/ServiceDetails/ServiceDetails",
|
"path": "pages/ServiceDetails/ServiceDetails",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "服务详情",
|
"navigationBarTitleText": "服务详情",
|
||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||||
|
|
||||||
}
|
}
|
||||||
}, {
|
|
||||||
"path": "pages/ProjectDetails/ProjectDetails",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "护理项目详情",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
|
||||||
}
|
|
||||||
|
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/goodsorderRate/goodsorderRate",
|
"path": "pages/goodsorderRate/goodsorderRate",
|
||||||
"style": {
|
"style": {
|
||||||
@ -62,13 +65,6 @@
|
|||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||||
}
|
}
|
||||||
}, {
|
|
||||||
"path": "pages/Bodysatelliteintegration/Bodysatelliteintegration",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "体卫融合",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/modify/modify",
|
"path": "pages/modify/modify",
|
||||||
@ -116,7 +112,6 @@
|
|||||||
"enablePullDownRefresh": true //设置参数为true
|
"enablePullDownRefresh": true //设置参数为true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
"path": "pages/user/user",
|
"path": "pages/user/user",
|
||||||
"style": {
|
"style": {
|
||||||
@ -149,13 +144,13 @@
|
|||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
"path": "pages/login/login",
|
"path": "pages/login/login",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "登录",
|
"navigationBarTitleText": "登录",
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom",
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -166,11 +161,10 @@
|
|||||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
"path": "pages/Nursingstationserviceorder/Nursingstationserviceorder",
|
"path": "pages/Nursingstationserviceorder/Nursingstationserviceorder",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "护理站服务订单",
|
"navigationBarTitleText": "护理机构服务订单",
|
||||||
"navigationBarBackgroundColor": "#ffffff", //背景颜色
|
"navigationBarBackgroundColor": "#ffffff", //背景颜色
|
||||||
"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
|
"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
|
||||||
"enablePullDownRefresh": true //设置参数为true
|
"enablePullDownRefresh": true //设置参数为true
|
||||||
@ -209,7 +203,6 @@
|
|||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
"path": "pages/order/order",
|
"path": "pages/order/order",
|
||||||
"style": {
|
"style": {
|
||||||
@ -224,17 +217,16 @@
|
|||||||
"navigationBarTitleText": "预约详情",
|
"navigationBarTitleText": "预约详情",
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/homepage/homepage",
|
"path": "pages/homepage/homepage",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "泉医到家",
|
"navigationBarTitleText": "泉医到家",
|
||||||
"enablePullDownRefresh": false,
|
"navigationStyle": "custom",
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
"path": "pages/confirmOrder/confirmOrder",
|
"path": "pages/confirmOrder/confirmOrder",
|
||||||
"style": {
|
"style": {
|
||||||
@ -265,7 +257,6 @@
|
|||||||
"path": "pages/ProductList/ProductList", //商品列表
|
"path": "pages/ProductList/ProductList", //商品列表
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "医路优品",
|
"navigationBarTitleText": "医路优品",
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff",
|
"navigationBarBackgroundColor": "#ffffff",
|
||||||
"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
|
"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
|
||||||
"enablePullDownRefresh": true //设置参数为true
|
"enablePullDownRefresh": true //设置参数为true
|
||||||
@ -282,76 +273,86 @@
|
|||||||
{
|
{
|
||||||
"path": "pages/nursestation/nursestation",
|
"path": "pages/nursestation/nursestation",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "护理站详情",
|
"navigationBarTitleText": "护理机构详情",
|
||||||
"navigationBarBackgroundColor": "#ffffff",
|
"navigationBarBackgroundColor": "#ffffff",
|
||||||
"onReachBottomDistance": 100, //距离底部多远时触发 单位为px
|
"onReachBottomDistance": 100, //距离底部多远时触发 单位为px
|
||||||
"enablePullDownRefresh": true //设置参数为true
|
"enablePullDownRefresh": true //设置参数为true
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/site/site",
|
"path": "pages/site/site",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "附近护理站",
|
"navigationBarTitleText": "护理机构",
|
||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff", //背景颜色
|
"navigationBarBackgroundColor": "#ffffff", //背景颜色
|
||||||
"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
|
"onReachBottomDistance": 100, //距离底部多远时触发 单位为px
|
||||||
"enablePullDownRefresh": true //设置参数为true
|
"enablePullDownRefresh": true //设置参数为true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"path": "pages/detail/detail",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "护理站简介",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"path": "pages/medicine/medicine",
|
"path": "pages/medicine/medicine",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "就医",
|
"navigationBarTitleText": "健康咨询",
|
||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/modifyAddress/modifyAddress",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "修改地址",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/Doctordetails/Doctordetails",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "医生信息",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
"path": "pages/Geriatricdisease/Geriatricdisease",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "老年病中心",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
|
||||||
}
|
|
||||||
|
|
||||||
}, {
|
|
||||||
"path": "pages/diseasemanagement/diseasemanagement",
|
"path": "pages/diseasemanagement/diseasemanagement",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "专病管理",
|
"navigationBarTitleText": "专病管理",
|
||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
}, {
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/utabs/u-tabs",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
"path": "pages/classification/classification",
|
"path": "pages/classification/classification",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "分类",
|
"navigationBarTitleText": "分类",
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false,
|
||||||
// "disableScroll": true
|
"disableScroll": true
|
||||||
|
// "navigationBarBackgroundColor": "#ffffff",
|
||||||
|
// "onReachBottomDistance": 50 //距离底部多远时触发 单位为px
|
||||||
|
// "enablePullDownRefresh": true //设置参数为true
|
||||||
|
}
|
||||||
|
|
||||||
|
}, {
|
||||||
|
"path": "pages/Healthknowledge/Healthknowledge",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "健康常识",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
|
|
||||||
|
}, {
|
||||||
|
"path": "pages/Healthitem/Healthitem",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "健康常识",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/customerservice/customerservice",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "在线客服",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
"path": "pages/materialbenefits/materialbenefits",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "新人福利",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -373,6 +374,12 @@
|
|||||||
"iconPath": "static/homepagew.png",
|
"iconPath": "static/homepagew.png",
|
||||||
"selectedIconPath": "static/homepagews.png",
|
"selectedIconPath": "static/homepagews.png",
|
||||||
"text": "首页"
|
"text": "首页"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"pagePath": "pages/shopping/shopping",
|
||||||
|
"iconPath": "static/shoping.png",
|
||||||
|
"selectedIconPath": "static/shopingw.png",
|
||||||
|
"text": "商城"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/Personal/Personal",
|
"pagePath": "pages/Personal/Personal",
|
||||||
|
|||||||
@ -1,104 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="app">
|
|
||||||
<view class="info">
|
|
||||||
<view class="image">
|
|
||||||
</view>
|
|
||||||
<view class="name">
|
|
||||||
某某某
|
|
||||||
</view>
|
|
||||||
<view class="position">
|
|
||||||
主任医师
|
|
||||||
</view>
|
|
||||||
<view class="border">
|
|
||||||
|
|
||||||
</view>
|
|
||||||
<view class="text">
|
|
||||||
熟悉呼吸系统疾病的诊治，尤其擅 长肺栓塞、肺动脉高压和慢性气道疾 病的研究。
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="price">
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.app {
|
|
||||||
padding-top: 20rpx;
|
|
||||||
|
|
||||||
.price {
|
|
||||||
width: 94%;
|
|
||||||
height: 105rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
|
||||||
border-radius: 20rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 15rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info {
|
|
||||||
width: 94%;
|
|
||||||
height: 651rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
background: #FFFFFF;
|
|
||||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
|
||||||
border-radius: 20rpx;
|
|
||||||
position: relative;
|
|
||||||
font-size: 36rpx;
|
|
||||||
|
|
||||||
.text {
|
|
||||||
width: 90%;
|
|
||||||
line-height: 67rpx;
|
|
||||||
position: absolute;
|
|
||||||
left: 5%;
|
|
||||||
top: 263rpx;
|
|
||||||
text-indent: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border {
|
|
||||||
width: 90%;
|
|
||||||
margin: 0 auto;
|
|
||||||
height: 1rpx;
|
|
||||||
background: #D8D4D4;
|
|
||||||
position: absolute;
|
|
||||||
left: 5%;
|
|
||||||
top: 209rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.position {
|
|
||||||
font-size: 35rpx;
|
|
||||||
color: #969394;
|
|
||||||
position: absolute;
|
|
||||||
left: 264rpx;
|
|
||||||
top: 122rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.name {
|
|
||||||
position: absolute;
|
|
||||||
left: 264rpx;
|
|
||||||
top: 68rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image {
|
|
||||||
width: 147rpx;
|
|
||||||
height: 150rpx;
|
|
||||||
background: #BFBFBF;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
position: absolute;
|
|
||||||
left: 74rpx;
|
|
||||||
top: 32rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
50
pages/Healthitem/Healthitem.vue
Normal file
50
pages/Healthitem/Healthitem.vue
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<template>
|
||||||
|
<view class="app">
|
||||||
|
<view class="title">
|
||||||
|
{{item.informationTitle}}
|
||||||
|
</view>
|
||||||
|
<view class="text" v-html="item.informationContent">
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
item: null,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(options) { //获取传值
|
||||||
|
this.item = JSON.parse(decodeURIComponent(options.item))
|
||||||
|
this.item.informationContent = this.item.informationContent.replace(/\<img/gi,
|
||||||
|
"<br/> <img class='richPic'")
|
||||||
|
},
|
||||||
|
onReady() { //更改导航栏文字
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
padding-left: 3%;
|
||||||
|
font-size: 38rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
white-space: normal;
|
||||||
|
word-break: break-all;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
width: 96%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 20rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .richPic {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
174
pages/Healthknowledge/Healthknowledge.vue
Normal file
174
pages/Healthknowledge/Healthknowledge.vue
Normal file
@ -0,0 +1,174 @@
|
|||||||
|
<template>
|
||||||
|
<view class="app">
|
||||||
|
<u-tabs :list="tabList" :current="tabcurrent" @change="change"></u-tabs>
|
||||||
|
<view class="Healthknowledge" v-if="informationCategoryVOList.length>0">
|
||||||
|
<!-- <view class="title">
|
||||||
|
健康常识
|
||||||
|
</view> -->
|
||||||
|
<view class="list">
|
||||||
|
<view class="item" v-for="(item,index) in informationCategoryVOList" :key="index"
|
||||||
|
@tap='gohealthitem(item)'>
|
||||||
|
<view class="text">
|
||||||
|
{{item.informationTitle}}
|
||||||
|
</view>
|
||||||
|
<view class="author"></view>
|
||||||
|
<image :src="item.leadThumbnailUrl" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="noorder" v-else>
|
||||||
|
<image src="../../static/noorder.png" mode=""></image>
|
||||||
|
<view class="">
|
||||||
|
暂无内容
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-back-top :scroll-top="scrollTop"></u-back-top>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getHeathHousingList
|
||||||
|
} from '@/api/Healthknowledge/index.js'
|
||||||
|
import baseurl from '@/api/baseurl.js'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tabcurrent: 0,
|
||||||
|
tabList: [{
|
||||||
|
name: '健康常识'
|
||||||
|
}],
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
informationCategoryVOList: [],
|
||||||
|
total: 0,
|
||||||
|
scrollTop: 0,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onShow() {},
|
||||||
|
onLoad() {
|
||||||
|
this.pageNum = 1
|
||||||
|
this.getHeathHousing();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//跳转健康咨询item
|
||||||
|
gohealthitem(item) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/Healthitem/Healthitem?item=${encodeURIComponent(JSON.stringify(item))}`
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getHeathHousing() {
|
||||||
|
getHeathHousingList(this.pageNum, this.pageSize).then(res => {
|
||||||
|
res.rows.forEach(e => {
|
||||||
|
e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
|
||||||
|
})
|
||||||
|
this.informationCategoryVOList = res.rows
|
||||||
|
this.total = res.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
change() {},
|
||||||
|
},
|
||||||
|
onPageScroll(e) {
|
||||||
|
this.scrollTop = e.scrollTop;
|
||||||
|
},
|
||||||
|
onReachBottom() { //下滑加载
|
||||||
|
if (this.informationCategoryVOList.length >= this.total) {} else {
|
||||||
|
this.pageNum++
|
||||||
|
getHeathHousingList(this.pageNum, this.pageSize).then(res => {
|
||||||
|
if (res.rows) {
|
||||||
|
res.rows.forEach(e => {
|
||||||
|
e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
|
||||||
|
this.informationCategoryVOList.push(e)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onPullDownRefresh() { //下拉刷新
|
||||||
|
this.pageNum = 1;
|
||||||
|
this.getHeathHousing();
|
||||||
|
setTimeout(function() {
|
||||||
|
uni.stopPullDownRefresh();
|
||||||
|
}, 1000);
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.app {
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
.noorder {
|
||||||
|
margin-top: 20%;
|
||||||
|
|
||||||
|
image {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 200rpx;
|
||||||
|
height: 240rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
view {
|
||||||
|
margin-top: 100rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #BFBFBF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.Healthknowledge {
|
||||||
|
width: 94%;
|
||||||
|
margin: 20rpx auto;
|
||||||
|
padding: 0 50rpx 50rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
position: relative;
|
||||||
|
line-height: 46rpx;
|
||||||
|
|
||||||
|
.list {
|
||||||
|
width: 100%;
|
||||||
|
margin: 20rpx auto 0;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
height: 200rpx;
|
||||||
|
position: relative;
|
||||||
|
border-bottom: 2rpx solid #CDC9C9;
|
||||||
|
|
||||||
|
image {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 253rpx;
|
||||||
|
height: 164rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 20rpx;
|
||||||
|
left: 0;
|
||||||
|
font-size: 20rpx;
|
||||||
|
color: #969494;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
position: absolute;
|
||||||
|
top: 20rpx;
|
||||||
|
left: 0;
|
||||||
|
width: 50%;
|
||||||
|
font-size: 30rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 38rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -13,12 +13,6 @@
|
|||||||
我的订单
|
我的订单
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="item" style="background-color: #00C176 ;">
|
|
||||||
<image src="../../static/home.png" mode=""></image>
|
|
||||||
<view class="title" style="font-size: 42rpx;">
|
|
||||||
我的家庭
|
|
||||||
</view>
|
|
||||||
</view> -->
|
|
||||||
<view class="item">
|
<view class="item">
|
||||||
</view>
|
</view>
|
||||||
<view class="item">
|
<view class="item">
|
||||||
|
|||||||
@ -1,9 +1,25 @@
|
|||||||
.app {
|
.app {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 2% 2% 150rpx 2%;
|
padding: 0 0 0 0;
|
||||||
padding-top: 10rpx;
|
padding-top: 10rpx;
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
.swiper-box {
|
||||||
|
width: 100%;
|
||||||
|
height: 500rpx;
|
||||||
|
}
|
||||||
|
.swiper-item {
|
||||||
|
height: 500rpx;
|
||||||
|
text-align: center;
|
||||||
|
image{
|
||||||
|
width: 100%;
|
||||||
|
height: 500rpx !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
video{
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
.mask {
|
.mask {
|
||||||
.information {
|
.information {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
@ -49,11 +65,23 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.bottomcontent{
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
height: 100rpx;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
.appoinprice{
|
||||||
|
padding-left: 20rpx;
|
||||||
|
font-size: 48rpx;
|
||||||
|
color: #F44B2F;
|
||||||
|
line-height: 70rpx;
|
||||||
|
}
|
||||||
.appointment {
|
.appointment {
|
||||||
width: 120rpx;
|
width: 200rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4C7BC9;
|
background: #F44B2F;
|
||||||
border-radius: 26rpx;
|
border-radius: 30rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
@ -61,89 +89,45 @@
|
|||||||
bottom:20rpx;
|
bottom:20rpx;
|
||||||
right:5%;
|
right:5%;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.detailtitle {
|
.detailtitle {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 94%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 20rpx;
|
|
||||||
margin-top: 3%;
|
margin-top: 3%;
|
||||||
font-size: 31rpx;
|
font-size: 31rpx;
|
||||||
padding: 3%;
|
padding: 3%;
|
||||||
padding-bottom: 50rpx;
|
padding-bottom: 150rpx;
|
||||||
.textInfo {
|
.textInfo {
|
||||||
word-break:break-all;
|
word-break:break-all;
|
||||||
font-size: 29rpx;
|
font-size: 29rpx;
|
||||||
text-indent: 2rem;
|
text-indent: 2rem;
|
||||||
line-height: 42rpx;
|
line-height: 42rpx;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
padding-top: 30rpx;
|
|
||||||
/deep/ .richPic {
|
/deep/ .richPic {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.Introduction {
|
.Introduction {
|
||||||
font-size: 31rpx;
|
padding: 3% 3% 3% 0;
|
||||||
color: #333333;
|
font-size: 32rpx;
|
||||||
line-height: 12rpx;
|
|
||||||
margin-left: -3%;
|
|
||||||
padding: 3%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.item {
|
.item {
|
||||||
width: 95%;
|
margin: 0 auto;
|
||||||
height: 100%;
|
width: 100%;
|
||||||
|
height: 200rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
.text{
|
||||||
border-radius: 20rpx;
|
padding: 40rpx 20% 0 40rpx;
|
||||||
margin: 20rpx auto 0;
|
width: 100%;
|
||||||
padding: 3% 3% 40rpx 3%;
|
height: 81rpx;
|
||||||
line-height: 60rpx;
|
font-size: 38rpx;
|
||||||
position: relative;
|
font-weight: 500;
|
||||||
|
|
||||||
image {
|
|
||||||
width: 170rpx;
|
|
||||||
height: 170rpx;
|
|
||||||
margin-left: 3%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.servicetime {
|
|
||||||
color: #999999;
|
|
||||||
line-height: 37rpx;
|
|
||||||
font-size: 30rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: 35%;
|
|
||||||
left: 35%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.price {
|
|
||||||
color: red;
|
|
||||||
font-size: 32rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: 65%;
|
|
||||||
left: 35%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product {
|
|
||||||
color: #000000;
|
|
||||||
width: 60%;
|
|
||||||
position: absolute;
|
|
||||||
top: 14%;
|
|
||||||
left: 32%;
|
|
||||||
font-size: 28rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.huanyao {
|
|
||||||
color: #000000;
|
|
||||||
position: absolute;
|
|
||||||
top: 10%;
|
|
||||||
left: 35%;
|
|
||||||
width: 60%;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,28 +1,55 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app">
|
<view class="app">
|
||||||
|
<view class="container">
|
||||||
|
<view>
|
||||||
|
<!-- 轮播图 -->
|
||||||
|
<swiper indicator-dots="true" indicator-color='#fff' indicator-active-color='#0086d6'
|
||||||
|
:autoplay="autoplay" interval="3000" duration="1500" show-center-play-btn="true" class="swiper-box"
|
||||||
|
circular='true' @change="swiperChange">
|
||||||
|
<swiper-item v-for="(item ,index) in lbinfo" :key="index">
|
||||||
|
<view class="swiper-item" v-show="!splits(item)" wx-if="{item}">
|
||||||
|
<image v-if="item" :src="item" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
<view class="swiper-item" v-show="splits(item)" v-if="item">
|
||||||
|
<video :id="'myVideo'+index" :autoplay="false" :src="item" controls show-fullscreen-btn
|
||||||
|
object-fit="fill" @play="play" @pause="pause" @ended="ended" auto-pause-if-navigate
|
||||||
|
show-play-btn :enable-progress-gesture='true' :show-center-play-btn='true'
|
||||||
|
enable-play-gesture auto-pause-if-open-native show-mute-btn></video>
|
||||||
|
</view>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- <u-swiper v-if="lbinfo" :list="lbinfo" height="350" style='background-size: 100%;' mode='none'></u-swiper> -->
|
||||||
<view class="item">
|
<view class="item">
|
||||||
<image :src="list.itemPictureUrl"></image>
|
<view class="text" v-if='list.nurseItemName'>{{list.nurseItemName}}
|
||||||
<view class="huanyao">{{list.nurseItemName}}
|
</view>
|
||||||
|
<view class="text" v-else>暂无
|
||||||
|
</view>
|
||||||
|
<view class="classtype">
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="pingfen">
|
<!-- <view class="pingfen">
|
||||||
<u-rate :count="5" value="2"></u-rate>
|
<u-rate :count="5" value="2"></u-rate>
|
||||||
</view> -->
|
</view> -->
|
||||||
<view class="servicetime">服务时长:{{list.serveDurationUnit?list.serveDurationUnit:'0'}}</view>
|
|
||||||
<view class="price">￥{{list.nurseItemPrice==null?'0':list.nurseItemPrice}}</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="Consumablespackage" v-if='list.itemConsumableList'>耗材包详情:
|
<!-- <view class="Consumablespackage" v-if='list.itemConsumableList'>耗材包详情:
|
||||||
<span>￥{{list.consumableTotalPrice==null?'0':list.consumableTotalPrice}}</span>
|
<span>￥{{list.consumableTotalPrice==null?'0':list.consumableTotalPrice}}</span>
|
||||||
<view class="detail" v-for='(item,index) in list.itemConsumableList' :key="index">
|
<view class="detail" v-for='(item,index) in list.itemConsumableList' :key="index">
|
||||||
·{{item.consumableDetail}}
|
·{{item.consumableDetail}}
|
||||||
<span>{{item.consumableCount}}{{item.consumableUnit}}/￥{{item.consumablePrice}}</span>
|
<span>{{item.consumableCount}}{{item.consumableUnit}}/￥{{item.consumablePrice}}</span>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
<view class="detailtitle">
|
<view class="detailtitle">
|
||||||
<view class="Introduction">服务详情:</view>
|
<view class="Introduction">服务详情:</view>
|
||||||
<view class="textInfo" v-html="list.nurseItemContent">
|
<view class="textInfo" v-if="list.nurseItemContent" v-html="list.nurseItemContent">
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="appointment" @tap.stop='goappointments(item)'>预约</view>
|
<view class="bottomcontent">
|
||||||
|
<view class="appoinprice" v-if="list.totalPrice">
|
||||||
|
￥{{list.totalPrice}}
|
||||||
|
</view>
|
||||||
|
<view class="appointment" @tap.stop='goappointments(item)'>立即预约</view>
|
||||||
|
</view>
|
||||||
<u-toast ref="uToast" />
|
<u-toast ref="uToast" />
|
||||||
<u-mask :show="usershow" class='mask'>
|
<u-mask :show="usershow" class='mask'>
|
||||||
<view class="information">
|
<view class="information">
|
||||||
@ -51,37 +78,83 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
lbinfo: [], //轮播
|
||||||
|
autoplay: true, //自动切换轮播图
|
||||||
|
videoContext: '',
|
||||||
baseurl: '',
|
baseurl: '',
|
||||||
list: {},
|
|
||||||
orderNo: '',
|
orderNo: '',
|
||||||
usershow: false, //完善信息开关
|
usershow: false, //完善信息开关
|
||||||
list: [], //护理站list
|
list: {}, //护理站list
|
||||||
timer: null,
|
timer: null,
|
||||||
|
stationId: null,
|
||||||
|
stationItemId: null,
|
||||||
|
stationItemPriceId: null,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
// 耗材包详情方法调用
|
this.stationId = options.stationId
|
||||||
this.getlist(options.stationId, options.stationItemId, options.stationItemPriceId)
|
this.stationItemId = options.stationItemId
|
||||||
|
this.stationItemPriceId = options.stationItemPriceId
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
|
this.baseurl = baseurl
|
||||||
this.usershow = false
|
this.usershow = false
|
||||||
|
// 耗材包详情方法调用
|
||||||
|
this.getlist(this.stationId, this.stationItemId, this.stationItemPriceId)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
swiperChange(e) {
|
||||||
|
let {
|
||||||
|
current,
|
||||||
|
source
|
||||||
|
} = e.detail
|
||||||
|
this.videoContext = uni.createVideoContext('myVideo' + (current - 1));
|
||||||
|
//只有手动切换时开始轮播，并且上一页视频暂停
|
||||||
|
if (source === 'touch') {
|
||||||
|
this.videoContext.pause(); //暂停
|
||||||
|
this.autoplay = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取数据
|
||||||
|
GetBanner() {},
|
||||||
|
// 处理banner返回的是是视频还是图片
|
||||||
|
splits(url) {
|
||||||
|
if (url.indexOf('.') != -1) {
|
||||||
|
var ext = url.substring(url.lastIndexOf('.') + 1);
|
||||||
|
return ['mp4', 'webm', 'mpeg4', 'ogg'].indexOf(ext) != -1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 点击开始/继续播放
|
||||||
|
play() {
|
||||||
|
this.autoplay = false
|
||||||
|
// this.videoContext.requestFullScreen()
|
||||||
|
},
|
||||||
|
// 视频暂停
|
||||||
|
pause() {
|
||||||
|
this.autoplay = true
|
||||||
|
},
|
||||||
|
// 视频结束
|
||||||
|
ended() {
|
||||||
|
this.autoplay = true
|
||||||
|
},
|
||||||
//预约
|
//预约
|
||||||
goappointments() {
|
goappointments() {
|
||||||
let that = this
|
let that = this
|
||||||
const value = uni.getStorageSync('patientId');
|
try {
|
||||||
if (value) {
|
const value2 = uni.getStorageSync('patientId');
|
||||||
AppIdentification(value).then(res => {
|
if (value2) {
|
||||||
|
AppIdentification(value2).then(res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
if (res.data.loginFlag) {
|
if (res.data.loginFlag) {
|
||||||
that.usershow = false
|
that.usershow = false
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages/appointmenttime/appointmenttime?stationId=${this.list.stationId}&stationItemId=${this.list.stationItemId}&stationItemPriceId=${this.list.stationItemPriceId}`,
|
url: `/pages/appointmenttime/appointmenttime?stationId=${this.stationId}&stationItemId=${this.stationItemId}&stationItemPriceId=${this.stationItemPriceId}`,
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
that.usershow = true
|
that.usershow = true
|
||||||
}
|
}
|
||||||
|
} else if (res.code == 9999) {
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
that.$refs.uToast.show({
|
that.$refs.uToast.show({
|
||||||
title: res.msg,
|
title: res.msg,
|
||||||
@ -111,6 +184,11 @@
|
|||||||
})
|
})
|
||||||
}, 1500)
|
}, 1500)
|
||||||
}
|
}
|
||||||
|
} catch (e) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/login/login'
|
||||||
|
})
|
||||||
|
}
|
||||||
},
|
},
|
||||||
//跳转完善页面
|
//跳转完善页面
|
||||||
goinformation() {
|
goinformation() {
|
||||||
@ -121,16 +199,46 @@
|
|||||||
},
|
},
|
||||||
// 信息
|
// 信息
|
||||||
getlist(stationId, stationItemId, stationItemPriceId) {
|
getlist(stationId, stationItemId, stationItemPriceId) {
|
||||||
|
this.lbinfo = []
|
||||||
getAppStationItemInfo(stationId, stationItemId, stationItemPriceId).then(res => {
|
getAppStationItemInfo(stationId, stationItemId, stationItemPriceId).then(res => {
|
||||||
if (res.data.nurseItemContent) {
|
if (res.data.nurseItemContent) {
|
||||||
res.data.nurseItemContent = res.data.nurseItemContent.replace(/\<img/gi,
|
res.data.nurseItemContent = res.data.nurseItemContent.replace(/\<img/gi,
|
||||||
"<br/> <img class='richPic'")
|
"<br/> <img class='richPic'")
|
||||||
}
|
}
|
||||||
res.data.itemPictureUrl = baseurl + res.data.itemPictureUrl
|
if (res.data.poserInfoList.length >= 1) {
|
||||||
|
res.data.poserInfoList.forEach(e => {
|
||||||
|
e.image = baseurl + e.posterPictureUrl
|
||||||
|
this.lbinfo.push(e.image)
|
||||||
|
})
|
||||||
|
if (res.data.poserInfoList[0].video) {
|
||||||
|
res.data.poserInfoList[0].video = baseurl + res.data.poserInfoList[0].posterVideoUrl
|
||||||
|
this.lbinfo.push(res.data.poserInfoList[0].video)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.lbinfo.push(this.baseurl + res.data.itemPictureUrl)
|
||||||
|
}
|
||||||
this.list = res.data
|
this.list = res.data
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
//1.分享给朋友
|
||||||
|
onShareAppMessage(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
//2.分享到朋友圈
|
||||||
|
onShareTimeline(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
|
}
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -1,9 +1,7 @@
|
|||||||
|
.app {
|
||||||
.app {
|
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
padding-top: 10rpx;
|
padding-top: 10rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.mask {
|
.mask {
|
||||||
.Agreement {
|
.Agreement {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -99,29 +97,62 @@
|
|||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
line-height: 93rpx;
|
line-height: 93rpx;
|
||||||
|
|
||||||
.selecttime {
|
.timeyear{
|
||||||
height: 93rpx;
|
.bottomtext{
|
||||||
margin-left: 3%;
|
width: 96%;
|
||||||
position: relative;
|
margin: 0 auto;
|
||||||
|
.items{
|
||||||
text {
|
display: flex;
|
||||||
font-size: 34rpx;
|
justify-content:flex-start;
|
||||||
color: #878987;
|
flex-wrap: wrap;
|
||||||
}
|
text-align: center;
|
||||||
|
.timeitem{
|
||||||
image {
|
width: 21%;
|
||||||
width: 18rpx;
|
margin: 0 2% 20rpx;
|
||||||
height: 27rpx;
|
height: 86rpx;
|
||||||
position: absolute;
|
border-radius: 5rpx;
|
||||||
right: 5%;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.addition {
|
|
||||||
color: #666666;
|
|
||||||
line-height: 30rpx;
|
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
line-height: 86rpx;
|
||||||
|
border: 2rpx solid #DADADA;
|
||||||
|
}
|
||||||
|
.timeitemtap{
|
||||||
|
width: 21%;
|
||||||
|
margin: 0 2% 20rpx;
|
||||||
|
height: 86rpx;
|
||||||
|
border: 2rpx solid #F44B2F;
|
||||||
|
border-radius: 5rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #F44B2F;
|
||||||
|
line-height: 86rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.toptext{
|
||||||
|
padding-top: 10rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content:space-around;
|
||||||
|
height: 50rpx;
|
||||||
|
color: #000000;
|
||||||
|
line-height: 27rpx;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
text-align: center;
|
||||||
|
.Soonerorlater{
|
||||||
|
width: 200rpx;
|
||||||
|
font-size: 36rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
}
|
||||||
|
.Soonerorlaterclass{
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #F44B2F;
|
||||||
|
width: 200rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
}
|
||||||
|
view:nth-child(2){
|
||||||
|
width: 4rpx;
|
||||||
|
height: 27rpx;
|
||||||
|
background: #C5C3C3;
|
||||||
|
border-radius: 2rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -140,7 +171,6 @@
|
|||||||
|
|
||||||
.remarks {
|
.remarks {
|
||||||
width: 94%;
|
width: 94%;
|
||||||
height: 382rpx;
|
|
||||||
margin: 10rpx auto;
|
margin: 10rpx auto;
|
||||||
padding: 3%;
|
padding: 3%;
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
@ -152,7 +182,13 @@
|
|||||||
|
|
||||||
span {
|
span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 20%;
|
width: 60%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
position: absolute;
|
||||||
|
top:50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
input {
|
input {
|
||||||
@ -252,7 +288,6 @@
|
|||||||
.Consumablespackage .money {
|
.Consumablespackage .money {
|
||||||
top: 8%;
|
top: 8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 耗材包 */
|
/* 耗材包 */
|
||||||
.Consumablespackage {
|
.Consumablespackage {
|
||||||
width: 94%;
|
width: 94%;
|
||||||
@ -264,28 +299,43 @@
|
|||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-bottom: 40rpx;
|
padding-bottom: 40rpx;
|
||||||
|
::v-deep .u-checkbox__label{
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
.detail {
|
.detail {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
line-height: 100rpx;
|
line-height: 100rpx;
|
||||||
|
|
||||||
// padding: 20rpx 0 0 40rpx;
|
// padding: 20rpx 0 0 40rpx;
|
||||||
/deep/ .u-checkbox {
|
position: relative;
|
||||||
|
.itemConsumabletitle{
|
||||||
|
width:55%;
|
||||||
|
position: absolute;
|
||||||
|
top:50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-checkbox-group {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
/deep/ .u-checkbox{
|
||||||
|
width: 100% !important;
|
||||||
margin: 40rpx 0 0;
|
margin: 40rpx 0 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
/deep/ .u-checkbox-group{
|
span{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
|
||||||
/deep/ .u-checkbox__label{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 30rpx;
|
font-size: 28rpx;
|
||||||
color: #D43953;
|
color: #D43953;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
float: right;
|
position: absolute;
|
||||||
|
right:5%;
|
||||||
|
top:50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -303,6 +353,9 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.detail {
|
.detail {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
line-height: 31rpx;
|
line-height: 31rpx;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
@ -310,6 +363,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 10%;
|
left: 10%;
|
||||||
top: 60%;
|
top: 60%;
|
||||||
|
width: 90%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -9,27 +9,45 @@
|
|||||||
<span>电话：</span>
|
<span>电话：</span>
|
||||||
<span class='addition'>{{personInfo.phone}}</span>
|
<span class='addition'>{{personInfo.phone}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="item">
|
<view class="addressitem">
|
||||||
<span>地址：</span>
|
<view class="leftaddress">地址：</view>
|
||||||
<span class='addition'>{{personInfo.address}}</span>
|
<view class='addition'>{{personInfo.address}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="item" style="border: 0;">
|
<view class="item" style="border: 0;">
|
||||||
<span></span>
|
<span>上门时间：</span>
|
||||||
<span class='addition'>请您选择希望护理员到达的时间区间</span>
|
<span class='addition'>请您选择希望护理员到达的时间</span>
|
||||||
|
</view>
|
||||||
|
<tabs :list="orderlist.appointmentTimeList" :current="timecurrent" @change="timechange">
|
||||||
|
</tabs>
|
||||||
|
<view class="timeyear" v-if="orderlist.appointmentTimeList">
|
||||||
|
<view class="toptext">
|
||||||
|
<view :class="Soonerorlater=='morning'?'Soonerorlaterclass':'Soonerorlater'"
|
||||||
|
@tap="tapSoonerorlater('morning')">
|
||||||
|
上午
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
</view>
|
||||||
|
<view :class="Soonerorlater=='after'?'Soonerorlaterclass':'Soonerorlater'"
|
||||||
|
@tap="tapSoonerorlater('after')">
|
||||||
|
下午
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottomtext">
|
||||||
|
<view class="items" v-if="Soonerorlater=='morning'">
|
||||||
|
<view @tap='taptime(item,index)'
|
||||||
|
v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].morningList"
|
||||||
|
:class="timeindex==index?'timeitemtap':'timeitem'">
|
||||||
|
{{item}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="items" v-if="Soonerorlater=='after'">
|
||||||
|
<view @tap='taptime(item,index)'
|
||||||
|
v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].afternoonList"
|
||||||
|
:class="timeindex==index?'timeitemtap':'timeitem'">
|
||||||
|
{{item}}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="selecttime" @tap='yearshow=true'>
|
|
||||||
<span>日期：</span>
|
|
||||||
<text v-if="yeartime==''" class='addition'>请选择日期
|
|
||||||
<image src="../../static/jiantou.png"></image>
|
|
||||||
</text>
|
|
||||||
<text v-else class='addition'>{{yeartime}}</text>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="selecttime" @tap='timeshow=true'>
|
|
||||||
<span>时间：</span>
|
|
||||||
<text v-if="usertime==''" class='addition'>请选择时间区间
|
|
||||||
<image src="../../static/jiantou.png"></image>
|
|
||||||
</text>
|
|
||||||
<text v-else class='addition'>{{usertime}}</text>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="remarks">
|
<view class="remarks">
|
||||||
@ -39,17 +57,17 @@
|
|||||||
<view class="Package">套餐信息：
|
<view class="Package">套餐信息：
|
||||||
<text class="money">￥{{orderlist.nurseItemPrice}}</text>
|
<text class="money">￥{{orderlist.nurseItemPrice}}</text>
|
||||||
<text class="detail">
|
<text class="detail">
|
||||||
·<span style='padding-left: 10rpx;'>{{orderlist.nurseItemName}}</span>
|
{{orderlist.nurseItemName}}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="Consumablespackage">耗材包详情：
|
<view class="Consumablespackage">耗材包详情：
|
||||||
<text class="money">￥{{consumableTotalPrice}}</text>
|
<text class="money">￥{{consumableTotalPrice}}</text>
|
||||||
<view class="detail">
|
<view class="detail">
|
||||||
<u-checkbox-group @change="checkboxGroupChange">
|
<u-checkbox-group @change="checkboxGroupChange" :wrap='true'>
|
||||||
<u-checkbox @change="checkboxChange(item)" v-model="item.radio"
|
<u-checkbox @change="checkboxChange(item)" v-model="item.radio"
|
||||||
v-for="(item, index) in orderlist.itemConsumableList" :key="index"
|
v-for="(item, index) in orderlist.itemConsumableList" :key="index"
|
||||||
:name="item.consumableDetail">
|
:name="item.consumableDetail">
|
||||||
<view style='display: inline-block;'> {{item.consumableDetail}}</view>
|
<view class='itemConsumabletitle'> {{item.consumableDetail}}</view>
|
||||||
<span>{{item.consumableCount}}{{item.consumableUnit}}/￥{{item.consumablePrice}}</span>
|
<span>{{item.consumableCount}}{{item.consumableUnit}}/￥{{item.consumablePrice}}</span>
|
||||||
</u-checkbox>
|
</u-checkbox>
|
||||||
</u-checkbox-group>
|
</u-checkbox-group>
|
||||||
@ -74,16 +92,13 @@
|
|||||||
<view class="queren" @tap='updata'>确认预约</view>
|
<view class="queren" @tap='updata'>确认预约</view>
|
||||||
</view>
|
</view>
|
||||||
<u-toast ref="uToast" />
|
<u-toast ref="uToast" />
|
||||||
<u-picker v-model="yearshow" mode="time" start-year='2022' :params="yearparams" @confirm='yeartimeconfirm'>
|
|
||||||
</u-picker>
|
|
||||||
<upicker v-model="timeshow" mode="time" :params="timeparams" @confirm='timeconfirm'></upicker>
|
|
||||||
<!-- //用户协议 -->
|
<!-- //用户协议 -->
|
||||||
<u-mask :show="maskshow" class='mask' @click='maskshow=false'>
|
<u-mask :show="maskshow" class='mask' @click='maskshow=false'>
|
||||||
<view class="Agreement">
|
<view class="Agreement">
|
||||||
<view class="title">
|
<view class="title">
|
||||||
护理站上门服务知情同意书
|
护理站上门服务知情同意书
|
||||||
</view>
|
</view>
|
||||||
<scroll-view scroll-y="true" class="scroll-Y">
|
<scroll-view scroll-y="true" class="scroll-Y" style="">
|
||||||
<appointmenttext></appointmenttext>
|
<appointmenttext></appointmenttext>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
<view class="cancel" @tap='maskshow=false'>
|
<view class="cancel" @tap='maskshow=false'>
|
||||||
@ -100,45 +115,28 @@
|
|||||||
import {
|
import {
|
||||||
getAppStationItemInfo,
|
getAppStationItemInfo,
|
||||||
getAppPatientList,
|
getAppPatientList,
|
||||||
submitAppointment
|
submitAppointment,
|
||||||
|
appletAppointmentOrderPay
|
||||||
} from '@/api/appointmenttime/appointmenttime.js'
|
} from '@/api/appointmenttime/appointmenttime.js'
|
||||||
import baseurl from '@/api/baseurl.js'
|
import baseurl from '@/api/baseurl.js'
|
||||||
import upicker from '../picker/picker.vue'
|
|
||||||
import appointmenttext from './text.vue'
|
import appointmenttext from './text.vue'
|
||||||
|
import tabs from '../utabs/u-tabs.vue'
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
upicker,
|
appointmenttext,
|
||||||
appointmenttext
|
tabs
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
timeparams: { //picker组件所需
|
Soonerorlater: 'morning',
|
||||||
year: false,
|
timecurrent: 0, //时间下标
|
||||||
month: false,
|
openid: '',
|
||||||
day: false,
|
|
||||||
hour: true,
|
|
||||||
endhour: true,
|
|
||||||
minute: true,
|
|
||||||
endminute: true,
|
|
||||||
},
|
|
||||||
timeshow: false, //时间开关
|
|
||||||
usertime: '', //页面展示时间
|
|
||||||
yearparams: { //picker组件所需
|
|
||||||
year: true,
|
|
||||||
month: true,
|
|
||||||
day: true,
|
|
||||||
hour: false,
|
|
||||||
minute: false,
|
|
||||||
second: false
|
|
||||||
},
|
|
||||||
yearshow: false, //时间开关
|
|
||||||
yeartime: '', //页面展示时间
|
|
||||||
maskshow: false, //用户协议开关
|
maskshow: false, //用户协议开关
|
||||||
radio: 1, //用户协议
|
radio: 1, //用户协议
|
||||||
personInfo: [], //用户信息
|
personInfo: {}, //用户信息
|
||||||
patientId: null,
|
patientId: null,
|
||||||
usertime: '', //页面展示时间
|
useritem: null, //optionsuser信息
|
||||||
consumableTotalPrice: null, //耗材包总价格
|
consumableTotalPrice: 0, //耗材包总价格
|
||||||
orderlist: {
|
orderlist: {
|
||||||
orderCount: 1,
|
orderCount: 1,
|
||||||
patientId: '',
|
patientId: '',
|
||||||
@ -147,7 +145,7 @@
|
|||||||
stationItemPriceId: '',
|
stationItemPriceId: '',
|
||||||
serviceAddress: "",
|
serviceAddress: "",
|
||||||
serviceDate: "",
|
serviceDate: "",
|
||||||
serviceStartTime: "",
|
serviceStartTime: null,
|
||||||
serviceEndTime: "",
|
serviceEndTime: "",
|
||||||
nurseItemName: "",
|
nurseItemName: "",
|
||||||
nurseItemPrice: '',
|
nurseItemPrice: '',
|
||||||
@ -156,7 +154,9 @@
|
|||||||
totalPrice: '',
|
totalPrice: '',
|
||||||
remark: "",
|
remark: "",
|
||||||
orderConsumableList: [],
|
orderConsumableList: [],
|
||||||
|
orderChannel: '',
|
||||||
},
|
},
|
||||||
|
timeindex: 0,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
@ -173,17 +173,166 @@
|
|||||||
that.personInfo.address = that.useritem.address
|
that.personInfo.address = that.useritem.address
|
||||||
} else {}
|
} else {}
|
||||||
})
|
})
|
||||||
setTimeout(e => {
|
|
||||||
if (!that.useritem) {
|
|
||||||
that.userinfo();
|
|
||||||
}
|
|
||||||
}, 500)
|
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
|
var that = this
|
||||||
|
try {
|
||||||
|
const value = uni.getStorageSync('openid');
|
||||||
|
if (value) {
|
||||||
|
that.openid = value
|
||||||
|
}
|
||||||
|
} catch (e) {}
|
||||||
//耗材包详情方法调用
|
//耗材包详情方法调用
|
||||||
this.getPatientInfo(options.stationId, options.stationItemId, options.stationItemPriceId)
|
this.getPatientInfo(options.stationId, options.stationItemId, options.stationItemPriceId)
|
||||||
|
this.userinfo();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//切换上下午
|
||||||
|
tapSoonerorlater(item) {
|
||||||
|
this.Soonerorlater = item
|
||||||
|
this.timeindex = 0
|
||||||
|
if (item == 'morning') {
|
||||||
|
this.orderlist.serviceStartTime = this.orderlist.appointmentTimeList[this.timecurrent].morningList[0]
|
||||||
|
} else if (item == 'after') {
|
||||||
|
this.orderlist.serviceStartTime = this.orderlist.appointmentTimeList[this.timecurrent].afternoonList[0]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//选择时间
|
||||||
|
taptime(item, index) {
|
||||||
|
this.orderlist.serviceStartTime = item
|
||||||
|
this.timeindex = index
|
||||||
|
},
|
||||||
|
userinfo() {
|
||||||
|
//取出patientId
|
||||||
|
var that = this
|
||||||
|
try {
|
||||||
|
const value = uni.getStorageSync('patientId');
|
||||||
|
if (value) {
|
||||||
|
that.patientId = value
|
||||||
|
//被护理人信息
|
||||||
|
getAppPatientList(that.patientId).then(response => {
|
||||||
|
that.personInfo = response.data
|
||||||
|
that.personInfo.address = response.data.areaName + response.data.address
|
||||||
|
})
|
||||||
|
}
|
||||||
|
} catch (e) {}
|
||||||
|
},
|
||||||
|
timechange(index) {
|
||||||
|
this.orderlist.serviceDate = this.orderlist.appointmentTimeList[index].date
|
||||||
|
this.timecurrent = index
|
||||||
|
},
|
||||||
|
//获取耗材包详情
|
||||||
|
getPatientInfo(stationId, stationItemId, stationItemPriceId) {
|
||||||
|
getAppStationItemInfo(stationId, stationItemId, stationItemPriceId).then(res => {
|
||||||
|
res.data.nurseItemContent = ''
|
||||||
|
if (res.code == 200) {
|
||||||
|
if (res.data.itemConsumableList) {
|
||||||
|
res.data.itemConsumableList.forEach(e => {
|
||||||
|
e.radio = true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
res.data.appointmentTimeList.forEach(e => {
|
||||||
|
e.dates = e.date.slice(5, 10)
|
||||||
|
e.name = e.week
|
||||||
|
})
|
||||||
|
this.orderlist = res.data
|
||||||
|
this.orderlist.serviceStartTime = res.data.appointmentTimeList[0].morningList[0]
|
||||||
|
this.orderlist.serviceDate = res.data.appointmentTimeList[0].date
|
||||||
|
this.consumableTotalPrice = res.data.consumableTotalPrice
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//确认预约
|
||||||
|
updata() {
|
||||||
|
var that = this
|
||||||
|
console.log(this.orderlist)
|
||||||
|
this.orderlist.consumableTotalPrice = null
|
||||||
|
this.orderlist.orderChannel = 'WECHAT_APPLET'
|
||||||
|
if (this.radio == 1) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '请阅读用户协议并同意',
|
||||||
|
type: 'error',
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.orderlist.orderCount = 1;
|
||||||
|
this.orderlist.orderConsumableList = []
|
||||||
|
if (this.orderlist.itemConsumableList) {
|
||||||
|
this.orderlist.itemConsumableList.forEach(e => {
|
||||||
|
if (e.radio) {
|
||||||
|
this.orderlist.orderConsumableList.push(e)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.orderlist.afternoonOpenEndTime = this.orderlist.afternoonOpenEndTime.slice(0, 5)
|
||||||
|
this.orderlist.afternoonOpenStartTime = this.orderlist.afternoonOpenStartTime.slice(0, 5)
|
||||||
|
this.orderlist.morningOpenEndTime = this.orderlist.morningOpenEndTime.slice(0, 5)
|
||||||
|
this.orderlist.morningOpenStartTime = this.orderlist.morningOpenStartTime.slice(0, 5)
|
||||||
|
this.orderlist.patientId = this.patientId
|
||||||
|
this.orderlist.serviceAddress = this.personInfo.areaName + this.personInfo.address
|
||||||
|
submitAppointment(this.orderlist).then(res => {
|
||||||
|
if (res.code == 500) {
|
||||||
|
that.$refs.uToast.show({
|
||||||
|
title: res.msg,
|
||||||
|
type: 'error',
|
||||||
|
})
|
||||||
|
} else if (res.code == 200) {
|
||||||
|
let obj = {
|
||||||
|
patientId: res.data.patientId,
|
||||||
|
openid: that.openid,
|
||||||
|
orderNo: res.data.orderNo,
|
||||||
|
orderChannel: res.data.orderChannel,
|
||||||
|
paymentPrice: res.data.totalPrice,
|
||||||
|
payType: "WECHAT_PAY",
|
||||||
|
buySource: "NURSE_STATION",
|
||||||
|
}
|
||||||
|
appletAppointmentOrderPay(obj).then(response => {
|
||||||
|
if (response.code == 200) {
|
||||||
|
uni.requestPayment({
|
||||||
|
timeStamp: response.data.timeStamp,
|
||||||
|
nonceStr: response.data.nonceStr,
|
||||||
|
package: response.data.prepayId,
|
||||||
|
signType: response.data.signType,
|
||||||
|
paySign: response.data.paySign,
|
||||||
|
success: function(res) {
|
||||||
|
that.$refs.uToast.show({
|
||||||
|
title: '预约成功',
|
||||||
|
type: 'success',
|
||||||
|
duration: 1500,
|
||||||
|
url: `/pages/paysuccess/paysuccess`
|
||||||
|
})
|
||||||
|
},
|
||||||
|
fail: function(err) {
|
||||||
|
that.$refs.uToast.show({
|
||||||
|
title: '取消预约',
|
||||||
|
type: 'error',
|
||||||
|
duration: 1500,
|
||||||
|
url: `/pages/menttimeorder/menttimeorder?list=${JSON.stringify(obj)}`
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
that.$refs.uToast.show({
|
||||||
|
title: response.msg,
|
||||||
|
type: 'error',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeRadio() {
|
||||||
|
if (this.radio == 1) {
|
||||||
|
this.radio = 2;
|
||||||
|
} else {
|
||||||
|
this.radio = 1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
tapradio() {
|
||||||
|
this.radio = 2;
|
||||||
|
this.maskshow = false
|
||||||
|
},
|
||||||
checkboxChange(e) {
|
checkboxChange(e) {
|
||||||
if (e.radio) {
|
if (e.radio) {
|
||||||
this.orderlist.totalPrice = this.argSubtr(this.orderlist.totalPrice, e.consumablePrice)
|
this.orderlist.totalPrice = this.argSubtr(this.orderlist.totalPrice, e.consumablePrice)
|
||||||
@ -251,109 +400,13 @@
|
|||||||
r2 = Number(arg2.toString().replace(".", ""))
|
r2 = Number(arg2.toString().replace(".", ""))
|
||||||
return _this.argMul((r1 / r2), Math.pow(10, t2 - t1));
|
return _this.argMul((r1 / r2), Math.pow(10, t2 - t1));
|
||||||
},
|
},
|
||||||
userinfo() {
|
|
||||||
//取出patientId
|
|
||||||
var that = this
|
|
||||||
try {
|
|
||||||
const value = uni.getStorageSync('patientId');
|
|
||||||
if (value) {
|
|
||||||
that.patientId = value
|
|
||||||
//被护理人信息
|
|
||||||
getAppPatientList(value).then(response => {
|
|
||||||
that.personInfo = response.data
|
|
||||||
that.personInfo.address = response.data.areaName + response.data.address
|
|
||||||
that.orderlist.patientId = response.data.patientId
|
|
||||||
that.orderlist.serviceAddress = response.data.areaName + response.data.address
|
|
||||||
})
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
// error
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//获取耗材包详情
|
|
||||||
getPatientInfo(stationId, stationItemId, stationItemPriceId) {
|
|
||||||
getAppStationItemInfo(stationId, stationItemId, stationItemPriceId).then(res => {
|
|
||||||
res.data.nurseItemContent = ''
|
|
||||||
if (res.code == 200) {
|
|
||||||
if (res.data.itemConsumableList) {
|
|
||||||
res.data.itemConsumableList.forEach(e => {
|
|
||||||
e.radio = true
|
|
||||||
})
|
|
||||||
}
|
|
||||||
this.consumableTotalPrice = res.data.consumableTotalPrice
|
|
||||||
this.orderlist = res.data
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//确认预约
|
|
||||||
updata() {
|
|
||||||
if (this.radio == 1) {
|
|
||||||
this.$refs.uToast.show({
|
|
||||||
title: '请阅读用户协议并同意',
|
|
||||||
type: 'error',
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.orderlist.consumableTotalPrice = null
|
|
||||||
this.orderlist.orderChannel = "MOBILE_APP"
|
|
||||||
this.orderlist.buySource = "NURSE_STATION"
|
|
||||||
this.orderlist.orderCount = 1;
|
|
||||||
this.orderlist.orderConsumableList = []
|
|
||||||
if (this.orderlist.itemConsumableList) {
|
|
||||||
this.orderlist.itemConsumableList.forEach(e => {
|
|
||||||
if (e.radio) {
|
|
||||||
this.orderlist.orderConsumableList.push(e)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// submitAppointment(this.orderlist).then(res => {
|
|
||||||
// if (res.code == 500) {
|
|
||||||
// this.$refs.uToast.show({
|
|
||||||
// title: res.msg,
|
|
||||||
// type: 'error',
|
|
||||||
// })
|
|
||||||
// } else if (res.code == 200) {
|
|
||||||
// this.$refs.uToast.show({
|
|
||||||
// title: '预约成功',
|
|
||||||
// type: 'success',
|
|
||||||
// url: '/pages/paysuccess/paysuccess',
|
|
||||||
// duration: 1500
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
}
|
|
||||||
},
|
|
||||||
changeRadio() {
|
|
||||||
if (this.radio == 1) {
|
|
||||||
this.radio = 2;
|
|
||||||
} else {
|
|
||||||
this.radio = 1;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 选中任一checkbox时，由checkbox-group触发
|
// 选中任一checkbox时，由checkbox-group触发
|
||||||
checkboxGroupChange(e) {},
|
checkboxGroupChange(e) {},
|
||||||
// 全选
|
|
||||||
checkedAll() {},
|
|
||||||
//获取时间
|
|
||||||
timeconfirm(e) {
|
|
||||||
this.orderlist.serviceStartTime = e.hour + ":" + e.minute
|
|
||||||
this.usertime = e.hour + ":" + e.minute + '--' + e.endhour + ":" + e.endminute
|
|
||||||
this.orderlist.serviceEndTime = e.endhour + ":" + e.endminute
|
|
||||||
this.orderlist.patientId = this.personInfo.patientId
|
|
||||||
this.orderlist.serviceAddress = this.personInfo.address
|
|
||||||
},
|
|
||||||
yeartimeconfirm(e) {
|
|
||||||
this.orderlist.serviceDate = e.year + '-' + e.month + '-' + e.day
|
|
||||||
this.yeartime = e.year + '年' + e.month + '月' + e.day + "日"
|
|
||||||
},
|
|
||||||
goaddress() {
|
goaddress() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages/modifyAddress/modifyAddress?url=${'appointmenttime'}&updata=${JSON.stringify(this.orderlist)}`
|
url: `/pages/modifyAddress/modifyAddress?updata=${JSON.stringify(this.orderlist)}`
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
tapradio() {
|
|
||||||
this.radio = 2;
|
|
||||||
this.maskshow = false;
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -125,7 +125,7 @@
|
|||||||
this.startData.pageY = e.changedTouches[0].pageY; //手指按下时的Y坐标
|
this.startData.pageY = e.changedTouches[0].pageY; //手指按下时的Y坐标
|
||||||
},
|
},
|
||||||
end(e) { //@touchend触摸结束
|
end(e) { //@touchend触摸结束
|
||||||
if ((this.startData.pageY - this.touch.pageY) > 100) { //在事件结束时，判断滑动的距离是否达到出发需要执行事件的要求
|
if ((this.startData.pageY - this.touch.pageY) > 200) { //在事件结束时，判断滑动的距离是否达到出发需要执行事件的要求
|
||||||
if (this.goodsList.length >= this.total) {} else {
|
if (this.goodsList.length >= this.total) {} else {
|
||||||
this.pageNum++;
|
this.pageNum++;
|
||||||
goodsList(this.pageSize, this.pageNum, this.GoodsCategorychildrenid, this.goodsName).then(res => {
|
goodsList(this.pageSize, this.pageNum, this.GoodsCategorychildrenid, this.goodsName).then(res => {
|
||||||
@ -318,6 +318,7 @@
|
|||||||
.productlist {
|
.productlist {
|
||||||
padding-bottom: 40rpx;
|
padding-bottom: 40rpx;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@ -384,6 +385,7 @@
|
|||||||
|
|
||||||
.lefttabbarlist {
|
.lefttabbarlist {
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
67
pages/customerservice/customerservice.vue
Normal file
67
pages/customerservice/customerservice.vue
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
<template>
|
||||||
|
<view class="app">
|
||||||
|
<view class="title">
|
||||||
|
长按识别二维码
|
||||||
|
</view>
|
||||||
|
<image src="../../static/kefuzx.jpg" mode="" :show-menu-by-longpress="true"></image>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
imageUrl: [
|
||||||
|
'../../static/kefuzx.jpg'
|
||||||
|
]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
previewImage(e) {
|
||||||
|
uni.previewImage({
|
||||||
|
// 需要预览的图片链接列表。若无需预览，可以注释urls
|
||||||
|
urls: this.imageUrl,
|
||||||
|
// 为当前显示图片的链接/索引值
|
||||||
|
current: 0,
|
||||||
|
// 图片指示器样式
|
||||||
|
indicator: 'default',
|
||||||
|
// 是否可循环预览
|
||||||
|
loop: false,
|
||||||
|
// 长按图片显示操作菜单，如不填默认为保存相册
|
||||||
|
// longPressActions:{
|
||||||
|
// itemList:[this.l('发送给朋友'),this.l]
|
||||||
|
// },
|
||||||
|
success: res => {
|
||||||
|
console.log('previewImage res', res);
|
||||||
|
},
|
||||||
|
fail: err => {
|
||||||
|
console.log('previewImage err', err);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.app {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #000000;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
color: #fff;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 1300rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,115 +0,0 @@
|
|||||||
.app {
|
|
||||||
// font-size: 36rpx;
|
|
||||||
padding-top: 10rpx;
|
|
||||||
|
|
||||||
.concent {
|
|
||||||
width: 701rpx;
|
|
||||||
height: 811rpx;
|
|
||||||
background: #4C7BC9;
|
|
||||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
|
||||||
border-radius: 20rpx;
|
|
||||||
margin-top: 5%;
|
|
||||||
// left: 50%;
|
|
||||||
// transform: translateX(-50%);
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
|
|
||||||
.background {
|
|
||||||
position: relative;
|
|
||||||
// display: flex;
|
|
||||||
width: 657rpx;
|
|
||||||
height: 727rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
background-color: white;
|
|
||||||
margin: 0 auto;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
|
|
||||||
image {
|
|
||||||
width: 178rpx;
|
|
||||||
height: 84rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
border-radius: 25px;
|
|
||||||
// float: right;
|
|
||||||
margin-left: 68%;
|
|
||||||
margin-top: 5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// text-align:center;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.life {
|
|
||||||
// margin: 0 auto;
|
|
||||||
width: 162rpx;
|
|
||||||
height: 40rpx;
|
|
||||||
font-size: 42rpx;
|
|
||||||
margin-left: 35%;
|
|
||||||
color: #ffffff;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.lifeserve image {
|
|
||||||
width: 639rpx;
|
|
||||||
height: 739rpx;
|
|
||||||
margin-left: 5%;
|
|
||||||
|
|
||||||
padding-bottom: 20rpx;
|
|
||||||
// height: rpx;
|
|
||||||
// background: #E1AE3C;
|
|
||||||
// box-shadow: 0px 9px 31px 9px rgba(0,0,0,0.03);
|
|
||||||
// border-radius: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.concenta {
|
|
||||||
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
// position: absolute;
|
|
||||||
width: 701rpx;
|
|
||||||
height: 811rpx;
|
|
||||||
background: #E1AE3C;
|
|
||||||
// margin-top: 118%;
|
|
||||||
// margin-left: 2.55%;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
// margin-bottom: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.concentb {
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
// position: absolute;
|
|
||||||
width: 701rpx;
|
|
||||||
height: 811rpx;
|
|
||||||
background: #00C176;
|
|
||||||
// margin-top: 118%;
|
|
||||||
// margin-left: 2.55%;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
// margin-bottom: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.detailed {
|
|
||||||
// font-size: 29rpx;
|
|
||||||
width: 657rpx;
|
|
||||||
height: 727rpx;
|
|
||||||
padding: 0 42rpx;
|
|
||||||
line-height: 56rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailed view {
|
|
||||||
// height: 100%;
|
|
||||||
text-indent: 2em;
|
|
||||||
}
|
|
||||||
@ -1,168 +0,0 @@
|
|||||||
<template>
|
|
||||||
|
|
||||||
<view class="app">
|
|
||||||
<view class="concent">
|
|
||||||
<view class="background">
|
|
||||||
<image src="/static/logo.png" mode=""></image>
|
|
||||||
<view>
|
|
||||||
<view class="detailed">
|
|
||||||
<view>护理站是以维护社区人群健康、满足社区 人群基本医疗护理需求为宗旨，以护士为核心 的各类护理人员组成的团队，在一定社区范围 内，为长期卧床老人、患者、残疾人、临终患
|
|
||||||
者和其他需要护理服务者提供基础护理、专科 护理、临终护理、消毒隔离技术指导、营养指导、社区康复指导、健康宣教和其他护理服务 的医疗机构。</view>
|
|
||||||
<view>护理站以遵医嘱的上门护理服务为主，包括生活护理和医疗护理，详情如下：</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="concenta">
|
|
||||||
<text class="life">生活护理 </text>
|
|
||||||
<view class="lifeserve">
|
|
||||||
<image src="/static/lifeserve.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
<view class="concentb">
|
|
||||||
<text class="life">医疗护理 </text>
|
|
||||||
<view class="lifeserve">
|
|
||||||
<image src="/static/yiliaohuli.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.app {
|
|
||||||
// font-size: 36rpx;
|
|
||||||
padding-top: 10rpx;
|
|
||||||
|
|
||||||
.concent {
|
|
||||||
width: 701rpx;
|
|
||||||
height: 811rpx;
|
|
||||||
background: #4C7BC9;
|
|
||||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
|
||||||
border-radius: 20rpx;
|
|
||||||
margin-top: 5%;
|
|
||||||
// left: 50%;
|
|
||||||
// transform: translateX(-50%);
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
|
|
||||||
.background {
|
|
||||||
position: relative;
|
|
||||||
// display: flex;
|
|
||||||
width: 657rpx;
|
|
||||||
height: 727rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
background-color: white;
|
|
||||||
margin: 0 auto;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
|
|
||||||
image {
|
|
||||||
width: 178rpx;
|
|
||||||
height: 84rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
border-radius: 25px;
|
|
||||||
// float: right;
|
|
||||||
margin-left: 68%;
|
|
||||||
margin-top: 5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// text-align:center;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.life {
|
|
||||||
// margin: 0 auto;
|
|
||||||
width: 162rpx;
|
|
||||||
height: 40rpx;
|
|
||||||
font-size: 42rpx;
|
|
||||||
margin-left: 35%;
|
|
||||||
color: #ffffff;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.lifeserve image {
|
|
||||||
width: 639rpx;
|
|
||||||
height: 739rpx;
|
|
||||||
margin-left: 5%;
|
|
||||||
|
|
||||||
padding-bottom: 20rpx;
|
|
||||||
// height: rpx;
|
|
||||||
// background: #E1AE3C;
|
|
||||||
// box-shadow: 0px 9px 31px 9px rgba(0,0,0,0.03);
|
|
||||||
// border-radius: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.concenta {
|
|
||||||
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
// position: absolute;
|
|
||||||
width: 701rpx;
|
|
||||||
height: 811rpx;
|
|
||||||
background: #E1AE3C;
|
|
||||||
// margin-top: 118%;
|
|
||||||
// margin-left: 2.55%;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
// margin-bottom: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.concentb {
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
// position: absolute;
|
|
||||||
width: 701rpx;
|
|
||||||
height: 811rpx;
|
|
||||||
background: #00C176;
|
|
||||||
// margin-top: 118%;
|
|
||||||
// margin-left: 2.55%;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
// margin-bottom: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.detailed {
|
|
||||||
// font-size: 29rpx;
|
|
||||||
width: 657rpx;
|
|
||||||
height: 727rpx;
|
|
||||||
padding: 0 42rpx;
|
|
||||||
line-height: 56rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailed view {
|
|
||||||
// height: 100%;
|
|
||||||
text-indent: 2em;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -31,7 +31,7 @@
|
|||||||
|
|
||||||
.concent {
|
.concent {
|
||||||
width: 701rpx;
|
width: 701rpx;
|
||||||
height: 850rpx;
|
height: 950rpx;
|
||||||
background: #4C7BC9;
|
background: #4C7BC9;
|
||||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
@ -40,7 +40,7 @@
|
|||||||
.background {
|
.background {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 657rpx;
|
width: 657rpx;
|
||||||
height: 800rpx;
|
height: 900rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 25rpx;
|
border-radius: 25rpx;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
@ -50,11 +50,10 @@
|
|||||||
|
|
||||||
image {
|
image {
|
||||||
width: 178rpx;
|
width: 178rpx;
|
||||||
height: 84rpx;
|
height: 200rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
margin-left: 68%;
|
margin-left: 68%;
|
||||||
margin-top: 5%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,40 +1,81 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app">
|
<view class="app">
|
||||||
<view class="cards">
|
<!-- <u-swiper :list="swiperImgUrls" effect3d='true' height='400' interval='5000' duration='2000'></u-swiper> -->
|
||||||
<view class="nursing item" @tap="gosite">
|
|
||||||
<image src="../../static/jjhl.png" mode=""></image>
|
|
||||||
|
<!-- <swiper class="swiper-block" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000"
|
||||||
|
:circular='true' previous-margin='90rpx' next-margin='90rpx' current='0' @change="swiperChange">
|
||||||
|
<swiper-item class="swiper-item" v-for="(item,index) in swiperImgUrls">
|
||||||
|
<image :src="item" :class="['slide-image', currentIndex === index?'active':'']" mode="aspectFill">
|
||||||
|
</image>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper> -->
|
||||||
|
<view class="container">
|
||||||
|
<view>
|
||||||
|
<swiper :indicator-dots="true" :current="currentIndex" :circular="true" previous-margin="80rpx"
|
||||||
|
next-margin="80rpx" :autoplay="autoplay" interval="3000" duration="1000" show-center-play-btn="true"
|
||||||
|
class="swiper-block" circular='true' @change="swiperChange">
|
||||||
|
<swiper-item v-for="(item ,index) in swiperImgUrls" :key="index" class="swiper-item">
|
||||||
|
<view v-show="!splits(item)" wx-if="{item}">
|
||||||
|
<image v-if="item" :src="item" :class="['slide-image', currentIndex === index?'active':'']"
|
||||||
|
mode="aspectFill">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view v-show="splits(item)" v-if="item">
|
||||||
|
<video :id="'myVideo'+index" :autoplay="false" :src="item" controls show-fullscreen-btn
|
||||||
|
object-fit="fill" @play="play" @pause="pause" @ended="ended" auto-pause-if-navigate
|
||||||
|
show-play-btn :enable-progress-gesture='true' :show-center-play-btn='true'
|
||||||
|
enable-play-gesture auto-pause-if-open-native show-mute-btn :poster='poster'
|
||||||
|
:class="['slide-image', currentIndex === index?'active':'']"></video>
|
||||||
|
</view>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<view class="items">
|
||||||
|
<view class="item" @tap="gosite">
|
||||||
|
<image src="../../static/hlz.png" mode=""></image>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
护理站
|
护理机构
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="expert item" @tap='gomedicine'>
|
<view class="item" @tap="gomedicine">
|
||||||
<image src="../../static/zhuanjia.png" mode=""></image>
|
<image src="../../static/jkzx.png" mode=""></image>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
就医
|
健康咨询
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="elderly item" @tap='goGeriatricdisease'>
|
<view class="item" @tap='godiseasemanagement'>
|
||||||
<image src="../../static/ylfw.png" mode=""></image>
|
<image src="../../static/zbgl.png" mode=""></image>
|
||||||
<view class="title" style="font-size: 40rpx;">
|
|
||||||
国家老年病中心
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="item Bodyguard" @tap='goBodysatelliteintegration'>
|
|
||||||
<image src="../../static/pb.png" mode=""></image>
|
|
||||||
<view class="title">
|
|
||||||
体卫融合
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="item knowledge" @tap='godiseasemanagement'>
|
|
||||||
<image src="../../static/zs.png" mode=""></image>
|
|
||||||
<view class="title">
|
<view class="title">
|
||||||
专病管理
|
专病管理
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class='item shopping' @tap="goshopping">
|
</view>
|
||||||
<image src="../../static/shopping.png" mode=""></image>
|
<view class="Welfarecustomerservice">
|
||||||
|
<image src="../../static/fuli.png" mode="" @tap='gomaterialbenefits'></image>
|
||||||
|
<image src="../../static/kefu.png" mode="" @tap='gocustomerservice'></image>
|
||||||
|
</view>
|
||||||
|
<view class="Healthknowledge">
|
||||||
<view class="title">
|
<view class="title">
|
||||||
商城
|
健康常识
|
||||||
|
</view>
|
||||||
|
<view class="more" @tap='gohealth'>
|
||||||
|
<view class="title">
|
||||||
|
查看更多
|
||||||
|
</view>
|
||||||
|
<image src="../../static/huijiantou.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="list">
|
||||||
|
<view class="item" v-for="(item,index) in informationCategoryVOList" :key="index"
|
||||||
|
@tap='gohealthitem(item)'>
|
||||||
|
<view class="text">
|
||||||
|
{{item.informationTitle}}
|
||||||
|
</view>
|
||||||
|
<view class="author"></view>
|
||||||
|
<image :src="item.leadThumbnailUrl" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -43,78 +84,346 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
getPoserInfoListByType
|
||||||
|
} from '@/api/homepage/index.js'
|
||||||
|
import {
|
||||||
|
getHeathHousingList
|
||||||
|
} from '@/api/Healthknowledge/index.js'
|
||||||
|
import baseurl from '../../api/baseurl';
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {};
|
return {
|
||||||
|
swiperImgUrls: [],
|
||||||
|
autoplay: true, //自动切换轮播图
|
||||||
|
videoContext: '',
|
||||||
|
currentIndex: 0,
|
||||||
|
informationCategoryVOList: [], //咨询信息
|
||||||
|
informationCategorytotal: 0,
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 5,
|
||||||
|
poster: '' //视频封面
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.pageNum = 1
|
||||||
|
this.swiperImgUrls = []
|
||||||
|
this.getPoserInfo();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
swiperChange(e) {
|
||||||
|
this.currentIndex = event.detail.current
|
||||||
|
let {
|
||||||
|
current,
|
||||||
|
source
|
||||||
|
} = e.detail
|
||||||
|
this.videoContext = uni.createVideoContext('myVideo' + (current - 1));
|
||||||
|
//只有手动切换时开始轮播，并且上一页视频暂停
|
||||||
|
if (source === 'touch') {
|
||||||
|
this.videoContext.pause(); //暂停
|
||||||
|
this.autoplay = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取数据
|
||||||
|
GetBanner() {},
|
||||||
|
// 处理banner返回的是是视频还是图片
|
||||||
|
splits(url) {
|
||||||
|
if (url.indexOf('.') != -1) {
|
||||||
|
var ext = url.substring(url.lastIndexOf('.') + 1);
|
||||||
|
return ['mp4', 'webm', 'mpeg4', 'ogg'].indexOf(ext) != -1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 点击开始/继续播放
|
||||||
|
play() {
|
||||||
|
this.autoplay = false
|
||||||
|
// this.videoContext.requestFullScreen()
|
||||||
|
},
|
||||||
|
// 视频暂停
|
||||||
|
pause() {
|
||||||
|
this.autoplay = true
|
||||||
|
},
|
||||||
|
// 视频结束
|
||||||
|
ended() {
|
||||||
|
this.autoplay = true
|
||||||
|
},
|
||||||
|
//跳转健康咨询item
|
||||||
|
gohealthitem(item) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/Healthitem/Healthitem?item=${encodeURIComponent(JSON.stringify(item))}`
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//健康咨询
|
||||||
|
getHeathHousing() {
|
||||||
|
getHeathHousingList(this.pageNum, this.pageSize).then(res => {
|
||||||
|
if (res.rows) {
|
||||||
|
res.rows.forEach(e => {
|
||||||
|
e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.informationCategoryVOList = res.rows
|
||||||
|
this.informationCategorytotal = res.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//海报
|
||||||
|
getPoserInfo() {
|
||||||
|
getPoserInfoListByType().then(res => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
if (res.data.poserInfoList) {
|
||||||
|
res.data.poserInfoList.forEach(e => {
|
||||||
|
e.image = baseurl + e.posterPictureUrl
|
||||||
|
this.swiperImgUrls.push(e.image)
|
||||||
|
})
|
||||||
|
if(res.data.poserInfoList[0].video){
|
||||||
|
res.data.poserInfoList[0].video = baseurl + res.data.poserInfoList[0].posterVideoUrl
|
||||||
|
this.swiperImgUrls.push(res.data.poserInfoList[0].video)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.getHeathHousing();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
swiperChange(event) {
|
||||||
|
this.currentIndex = event.detail.current
|
||||||
|
},
|
||||||
//专病管理
|
//专病管理
|
||||||
godiseasemanagement() {
|
godiseasemanagement() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/diseasemanagement/diseasemanagement'
|
url: '/pages/diseasemanagement/diseasemanagement'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
//老年病中心
|
//健康咨询
|
||||||
goGeriatricdisease() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/Geriatricdisease/Geriatricdisease'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//体卫融合
|
|
||||||
goBodysatelliteintegration() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: "/pages/Bodysatelliteintegration/Bodysatelliteintegration"
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//跳转就医页面
|
|
||||||
gomedicine() {
|
gomedicine() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/medicine/medicine'
|
url: '/pages/medicine/medicine'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
//跳转客服
|
||||||
|
gocustomerservice() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/customerservice/customerservice'
|
||||||
|
})
|
||||||
|
},
|
||||||
//跳转护理站页面
|
//跳转护理站页面
|
||||||
gosite() {
|
gosite() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/site/site'
|
url: '/pages/site/site'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
//跳转商城页面
|
//健康常识
|
||||||
goshopping() {
|
gohealth() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/shopping/shopping'
|
url: '/pages/Healthknowledge/Healthknowledge'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
//新人福利
|
||||||
|
gomaterialbenefits() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/materialbenefits/materialbenefits'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// onReachBottom() { //下滑加载
|
||||||
|
// if (this.informationCategoryVOList.length >= this.informationCategorytotal) {} else {
|
||||||
|
// this.pageNum++
|
||||||
|
// getHeathHousingList(this.pageNum, this.pageSize).then(res => {
|
||||||
|
// if (res.rows) {
|
||||||
|
// res.rows.forEach(e => {
|
||||||
|
// e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
|
||||||
|
// this.informationCategoryVOList.push(e)
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// onPullDownRefresh() { //下拉刷新
|
||||||
|
// this.pageNum = 1;
|
||||||
|
// this.getHeathHousing();
|
||||||
|
// setTimeout(function() {
|
||||||
|
// uni.stopPullDownRefresh();
|
||||||
|
// }, 1000);
|
||||||
|
// },
|
||||||
|
//1.分享给朋友
|
||||||
|
onShareAppMessage(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
//2.分享到朋友圈
|
||||||
|
onShareTimeline(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
|
}
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
.cards {
|
padding: 100rpx 0 0 0;
|
||||||
padding: 22px 0 20px 0;
|
-webkit-overflow-scrolling: touch;
|
||||||
|
.swiper-block {
|
||||||
.shopping {
|
height: 500rpx;
|
||||||
background: #F58540;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.Bodyguard {
|
.swiper-item {
|
||||||
background-color: #00C176;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: flex-start;
|
||||||
|
overflow: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.knowledge {
|
.slide-image {
|
||||||
background: #9E4DD0;
|
height: 300rpx;
|
||||||
|
width: 520rpx;
|
||||||
|
border-radius: 9rpx;
|
||||||
|
box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2);
|
||||||
|
margin: 0rpx 30rpx;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.elderly {
|
.active {
|
||||||
background-color: #E1AE3C;
|
transform: scale(1.2);
|
||||||
|
transition: all 0.2s ease-in 0s;
|
||||||
|
z-index: 20;
|
||||||
}
|
}
|
||||||
|
|
||||||
.expert {
|
video {
|
||||||
background-color: #D43953;
|
// height: 100%;
|
||||||
|
// width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nursing {
|
.Healthknowledge {
|
||||||
background: #4C7BC9;
|
width: 100%;
|
||||||
|
padding: 40rpx 50rpx 50rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
position: relative;
|
||||||
|
line-height: 46rpx;
|
||||||
|
|
||||||
|
.more {
|
||||||
|
position: absolute;
|
||||||
|
right: 20rpx;
|
||||||
|
top: 40rpx;
|
||||||
|
height: 46rpx;
|
||||||
|
width: 30%;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
position: absolute;
|
||||||
|
right: 30rpx;
|
||||||
|
top: 50%;
|
||||||
|
text-align: right;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-family: Adobe Heiti Std;
|
||||||
|
font-weight: normal;
|
||||||
|
color: #969494;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 15rpx;
|
||||||
|
height: 25rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.list {
|
||||||
|
width: 100%;
|
||||||
|
margin: 20rpx auto 0;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
height: 250rpx;
|
||||||
|
position: relative;
|
||||||
|
border-bottom: 2rpx solid #CDC9C9;
|
||||||
|
|
||||||
|
image {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 200rpx;
|
||||||
|
height: 200rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 20rpx;
|
||||||
|
left: 0;
|
||||||
|
font-size: 20rpx;
|
||||||
|
color: #969494;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
position: absolute;
|
||||||
|
top: 20rpx;
|
||||||
|
left: 0;
|
||||||
|
width: 50%;
|
||||||
|
font-size: 30rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 38rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.Welfarecustomerservice {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #fff;
|
||||||
|
width: 100%;
|
||||||
|
padding: 30rpx 0;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
|
||||||
|
image:nth-child(1) {
|
||||||
|
margin: 0 5rpx 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
image:nth-child(2) {
|
||||||
|
margin: 0 0 0 5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 350rpx;
|
||||||
|
height: 200rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.items {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 30rpx 80rpx 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
image {
|
||||||
|
width: 150rpx;
|
||||||
|
height: 150rpx;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 40rpx;
|
||||||
|
font-weight: 550;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
83
pages/materialbenefits/materialbenefits.vue
Normal file
83
pages/materialbenefits/materialbenefits.vue
Normal file
@ -0,0 +1,83 @@
|
|||||||
|
<template>
|
||||||
|
<view class="app">
|
||||||
|
<view class="concent">
|
||||||
|
<view class="background">
|
||||||
|
<image src="/static/logo.png" mode=""></image>
|
||||||
|
<view class="detailed">
|
||||||
|
敬请期待
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
//1.分享给朋友
|
||||||
|
onShareAppMessage(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//2.分享到朋友圈
|
||||||
|
onShareTimeline(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.app {
|
||||||
|
padding-top: 10rpx;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
.concent {
|
||||||
|
width: 701rpx;
|
||||||
|
height: 440rpx;
|
||||||
|
background: #4C7BC9;
|
||||||
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
border-radius: 20rpx;
|
||||||
|
margin: 5% auto 20px;
|
||||||
|
|
||||||
|
.background {
|
||||||
|
position: relative;
|
||||||
|
width: 657rpx;
|
||||||
|
height: 400rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 25rpx;
|
||||||
|
background-color: white;
|
||||||
|
margin: 0 auto;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 178rpx;
|
||||||
|
height: 160rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 25px;
|
||||||
|
margin-left: 68%;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailed {
|
||||||
|
padding: 0 20rpx;
|
||||||
|
line-height: 56rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,23 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app">
|
<view class="app">
|
||||||
<!-- <view class="cards">
|
|
||||||
<view class="item" style="background: #4C7BC9;" @tap='godoctorslist'>
|
|
||||||
<image src="../../static/yuyue.png" mode=""></image>
|
|
||||||
<view class="title" style="font-size: 42rpx;">
|
|
||||||
预约医生
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="item" style="background-color: #E1AE3C;">
|
|
||||||
<image src="../../static/chaxun.png" mode=""></image>
|
|
||||||
<view class="title" style="font-size: 42rpx;">
|
|
||||||
查看结果
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view> -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<view class="concent">
|
<view class="concent">
|
||||||
<view class="background">
|
<view class="background">
|
||||||
<image src="/static/logo.png" mode=""></image>
|
<image src="/static/logo.png" mode=""></image>
|
||||||
@ -47,6 +29,24 @@
|
|||||||
// })
|
// })
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
//1.分享给朋友
|
||||||
|
onShareAppMessage(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//2.分享到朋友圈
|
||||||
|
onShareTimeline(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
|
}
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -84,11 +84,10 @@
|
|||||||
|
|
||||||
image {
|
image {
|
||||||
width: 178rpx;
|
width: 178rpx;
|
||||||
height: 84rpx;
|
height: 160rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
margin-left: 68%;
|
margin-left: 68%;
|
||||||
margin-top: 5%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,25 @@
|
|||||||
.app{
|
.app{
|
||||||
padding:10rpx 0 0 0;
|
padding:10rpx 0 0 0;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
.swiper-box {
|
||||||
|
width: 100%;
|
||||||
|
height: 500rpx;
|
||||||
|
}
|
||||||
|
.swiper-item {
|
||||||
|
height: 500rpx;
|
||||||
|
text-align: center;
|
||||||
|
image{
|
||||||
|
width: 100%;
|
||||||
|
height: 500rpx !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
video{
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.mask {
|
.mask {
|
||||||
.information {
|
.information {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
@ -48,11 +67,16 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
font-size: 36rpx;
|
font-size: 34rpx;
|
||||||
padding-bottom: 10rpx;
|
padding-bottom: 10rpx;
|
||||||
|
// margin-top: -80rpx;
|
||||||
|
z-index: 999;
|
||||||
|
::v-deep .u-tabs{
|
||||||
|
padding-bottom: 10rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
}
|
||||||
.tive {
|
.tive {
|
||||||
width: 94%;
|
width: 94%;
|
||||||
background-color: #ffffff;
|
|
||||||
margin: 20rpx auto;
|
margin: 20rpx auto;
|
||||||
border-radius: 11rpx;
|
border-radius: 11rpx;
|
||||||
padding-bottom: 60rpx;
|
padding-bottom: 60rpx;
|
||||||
@ -74,74 +98,92 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 30rpx 30rpx;
|
background-color: #fff;
|
||||||
|
padding: 30rpx 0;
|
||||||
|
margin: 10rpx auto;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
color: #000000;
|
||||||
image {
|
image {
|
||||||
width: 170rpx;
|
width: 170rpx;
|
||||||
height: 170rpx;
|
height: 170rpx;
|
||||||
margin-left: 3%;
|
margin-left: 3%;
|
||||||
}
|
}
|
||||||
.servicetime {
|
// .servicetime {
|
||||||
color: #999999;
|
// color: #999999;
|
||||||
line-height: 37rpx;
|
// line-height: 37rpx;
|
||||||
font-size: 30rpx;
|
// font-size: 30rpx;
|
||||||
position: absolute;
|
// position: absolute;
|
||||||
top:35%;
|
// top:35%;
|
||||||
left:35%;
|
// left:35%;
|
||||||
}
|
// }
|
||||||
.appointment {
|
.appointment {
|
||||||
|
font-size: 30rpx;
|
||||||
width: 120rpx;
|
width: 120rpx;
|
||||||
height: 70rpx;
|
height: 52rpx;
|
||||||
background: #4C7BC9;
|
|
||||||
border-radius: 26rpx;
|
border-radius: 26rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
background: #F44B2F;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 70rpx;
|
line-height: 52rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top:40%;
|
top:70%;
|
||||||
right:5%;
|
right:5%;
|
||||||
}
|
}
|
||||||
.buy{
|
|
||||||
position: absolute;
|
|
||||||
top: 55%;
|
|
||||||
}
|
|
||||||
.price {
|
.price {
|
||||||
color: red;
|
height: 52rpx;
|
||||||
font-size: 32rpx;
|
color: #F44B2F;
|
||||||
|
line-height: 52rpx;
|
||||||
|
font-size: 36rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top:65%;
|
top:70%;
|
||||||
left:35%;
|
left:35%;
|
||||||
}
|
}
|
||||||
.product {
|
.product {
|
||||||
color: #000000;
|
|
||||||
width: 60%;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top:14%;
|
top:15%;
|
||||||
left:32%;
|
|
||||||
font-size: 28rpx;
|
|
||||||
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
.huanyao {
|
|
||||||
color: #000000;
|
|
||||||
position: absolute;
|
|
||||||
top:10%;
|
|
||||||
left:35%;
|
left:35%;
|
||||||
width: 60%;
|
width: 65%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
.day{
|
||||||
|
font-size: 24rpx;
|
||||||
|
position: absolute;
|
||||||
|
top:53%;
|
||||||
|
left:35%;
|
||||||
|
width: 65%;
|
||||||
|
}
|
||||||
|
.huanyao {
|
||||||
|
position: absolute;
|
||||||
|
top:10%;
|
||||||
|
left:35%;
|
||||||
|
width: 45%;
|
||||||
|
line-height: 50rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
text-overflow: -o-ellipsis-lastline;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
white-space:normal;
|
||||||
|
word-break:break-all;
|
||||||
|
}
|
||||||
.pingfen {
|
.pingfen {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.tab-box {
|
.tab-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
font-weight: 600;
|
||||||
.tab-item {
|
.tab-item {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
padding: 3%;
|
padding: 3%;
|
||||||
position: relative;
|
position: relative;
|
||||||
transition: all 0.2s linear;
|
transition: all 0.2s linear;
|
||||||
font-size: 31rpx;
|
font-size: 36rpx;
|
||||||
&::after {
|
&::after {
|
||||||
transition: all 0.2s linear;
|
transition: all 0.2s linear;
|
||||||
transform: translateX(-50%) scaleX(0);
|
transform: translateX(-50%) scaleX(0);
|
||||||
@ -150,10 +192,10 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
bottom: 10rpx;
|
bottom: 10rpx;
|
||||||
border-bottom: 6rpx solid #D43953;
|
|
||||||
border-radius: 4rpx;
|
border-radius: 4rpx;
|
||||||
}
|
}
|
||||||
&.active {
|
&.active {
|
||||||
|
color: #2979ff;
|
||||||
&::after {
|
&::after {
|
||||||
content: '';
|
content: '';
|
||||||
width: 50%;
|
width: 50%;
|
||||||
@ -161,34 +203,23 @@
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%) scaleX(1);
|
transform: translateX(-50%) scaleX(1);
|
||||||
bottom: 10rpx;
|
bottom: 10rpx;
|
||||||
border-bottom: 6rpx solid red;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.Nursestationconfiguration {
|
|
||||||
width: 94%;
|
|
||||||
height: 100%;
|
|
||||||
background: #FFFFFF;
|
|
||||||
border-radius: 20rpx;
|
|
||||||
padding-bottom: 30rpx;
|
|
||||||
margin: 20rpx auto;
|
|
||||||
.configuration {
|
.configuration {
|
||||||
font-size: 31rpx;
|
margin:20rpx 30rpx 0;
|
||||||
color: #333333;
|
padding-bottom: 30rpx;
|
||||||
padding: 3%;
|
border-bottom: 1rpx solid #CDC9C9;
|
||||||
.text {
|
.text {
|
||||||
margin-top: 10rpx;
|
background: #F8D7D1;
|
||||||
|
border-radius: 15rpx;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 10rpx 20rpx;
|
padding: 10rpx 20rpx;
|
||||||
margin-right: 18rpx;
|
margin-right: 10rpx;
|
||||||
line-height: 40rpx;
|
|
||||||
background-color: #f6f6f6;
|
|
||||||
border-radius: 34rpx;
|
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #666666;
|
color: #F44B2F;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.detail {
|
.detail {
|
||||||
@ -228,76 +259,65 @@
|
|||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
padding-bottom: 20rpx;
|
padding-bottom: 30rpx;
|
||||||
.picture {
|
.time{
|
||||||
position: absolute;
|
font-size: 30rpx;
|
||||||
width: 170rpx;
|
margin: 10rpx 0;
|
||||||
height: 170rpx;
|
color: #666666;
|
||||||
margin-left: 5%;
|
.timeday{
|
||||||
margin-top: 5%;
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
margin:0 10rpx 0 30rpx;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.texttime{
|
||||||
|
margin:0 20rpx 0 30rpx;
|
||||||
|
view{
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
margin-left: 35%;
|
padding-top: 40rpx;
|
||||||
line-height: 49px;
|
margin:0 0 0 30rpx;
|
||||||
font-size: 33rpx;
|
font-size: 40rpx;
|
||||||
|
line-height: 59rpx;
|
||||||
|
font-weight: 700;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.call {
|
|
||||||
// display: flex;
|
|
||||||
.Navigation {
|
|
||||||
width: 103rpx;
|
|
||||||
height: 48rpx;
|
|
||||||
background: #00C176;
|
|
||||||
border-radius: 24px;
|
|
||||||
font-size: 21rpx;
|
|
||||||
color: #ffffff;
|
|
||||||
line-height: 48rpx;
|
|
||||||
margin-left: 5%;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 3%;
|
|
||||||
|
|
||||||
image {
|
|
||||||
width: 24rpx;
|
|
||||||
height: 24rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.callme {
|
|
||||||
width: 150rpx;
|
|
||||||
height: 48rpx;
|
|
||||||
background: #D43953;
|
|
||||||
border-radius: 24px;
|
|
||||||
font-size: 21rpx;
|
|
||||||
color: #ffffff;
|
|
||||||
line-height: 48rpx;
|
|
||||||
margin-left: 35%;
|
|
||||||
margin-top: 3%;
|
|
||||||
text-align: center;
|
|
||||||
position: relative;
|
|
||||||
.icon{
|
|
||||||
position: absolute;
|
|
||||||
left:10%;
|
|
||||||
top:50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
}
|
|
||||||
.text{
|
|
||||||
position: absolute;
|
|
||||||
top:50%;
|
|
||||||
right:10%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.address {
|
.address {
|
||||||
font-size: 25rpx;
|
font-size: 30rpx;
|
||||||
margin-left: 35%;
|
color: #666666;
|
||||||
color: #999999;
|
margin:40rpx 0 20rpx 30rpx;
|
||||||
line-height: 37rpx;
|
|
||||||
word-break:break-all;
|
word-break:break-all;
|
||||||
|
line-height: 50rpx;
|
||||||
// overflow: hidden;
|
// overflow: hidden;
|
||||||
// text-overflow: ellipsis;
|
// text-overflow: ellipsis;
|
||||||
// white-space: nowrap;
|
// white-space: nowrap;
|
||||||
|
position: relative;
|
||||||
|
.distance{
|
||||||
|
// position: absolute;
|
||||||
|
// right:30rpx;
|
||||||
|
// top:50%;
|
||||||
|
float: right;
|
||||||
|
display: inline-block;
|
||||||
|
padding-right: 10rpx;
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
padding-left: 40rpx;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
image{
|
||||||
|
position: absolute;
|
||||||
|
top:50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 28rpx;
|
||||||
|
height: 35rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,55 +1,122 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app">
|
<view class="app">
|
||||||
|
<view class="container">
|
||||||
|
<view>
|
||||||
|
<!-- 轮播图 -->
|
||||||
|
<swiper indicator-dots="true" indicator-color='#fff' indicator-active-color='#0086d6'
|
||||||
|
:autoplay="autoplay" interval="2000" duration="1000" show-center-play-btn="true" class="swiper-box"
|
||||||
|
circular='true' @change="swiperChange">
|
||||||
|
<swiper-item v-for="(item ,index) in Banners" :key="index">
|
||||||
|
<view class="swiper-item" v-show="!splits(item)" wx-if="{item}">
|
||||||
|
<image v-if="item" :src="item" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
<view class="swiper-item" v-show="splits(item)" v-if="item">
|
||||||
|
<video :id="'myVideo'+index" :autoplay="false" :src="item" controls show-fullscreen-btn
|
||||||
|
object-fit="fill" @play="play" @pause="pause" @ended="ended" auto-pause-if-navigate
|
||||||
|
show-play-btn :enable-progress-gesture='true' :show-center-play-btn='true'
|
||||||
|
enable-play-gesture auto-pause-if-open-native show-mute-btn></video>
|
||||||
|
</view>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- <swiper class="swiper" circular>
|
||||||
|
<swiper-item>
|
||||||
|
<view class="swiper-item ">A</view>
|
||||||
|
</swiper-item>
|
||||||
|
<swiper-item>
|
||||||
|
<view class="swiper-item">B</view>
|
||||||
|
</swiper-item>
|
||||||
|
<swiper-item>
|
||||||
|
<video @play = 'videoplay'
|
||||||
|
src="http://192.168.16.30:8088/profile/posterVideoUrl/2023/02/21/QQ录屏20221019175958_20230221170920A01781ba346416.mp4"></video>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper> -->
|
||||||
|
<!-- <u-swiper v-if="lbinfo" :list="lbinfo" height="450" style='background-size: 100%;' mode='none'></u-swiper> -->
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="righttext">
|
<view class="righttext">
|
||||||
<image class="picture" :src="list.stationIntroducePcitureUrl"></image>
|
<view class="title" v-if="list.nurseStationName">
|
||||||
<view class="title">
|
|
||||||
{{list.nurseStationName}}
|
{{list.nurseStationName}}
|
||||||
</view>
|
</view>
|
||||||
<view class="address">{{list.address}} </view>
|
<view class="title" v-else>
|
||||||
<view class="call">
|
暂无
|
||||||
<view class="callme" @tap="gophone()">
|
|
||||||
<u-icon class='icon' name="phone-fill" color="#ffffff" size="30"></u-icon>
|
|
||||||
<view class="text">联系我们</view>
|
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="Navigation">
|
<view class="time">
|
||||||
<image src="/static/daohang.png" mode="">导航</image>
|
<view class="text">
|
||||||
</view> -->
|
{{list.businessStatus}}
|
||||||
|
</view>
|
||||||
|
<view class="timeday" v-if="list.openingHoursDescribe">
|
||||||
|
{{list.openingHoursDescribe}}
|
||||||
|
</view>
|
||||||
|
<view class="texttime">
|
||||||
|
<view class="">
|
||||||
|
上午：{{list.morningOpenStartTime}}-{{list.morningOpenEndTime}}
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
下午：{{list.afternoonOpenStartTime}}-{{list.afternoonOpenEndTime}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="detail">
|
|
||||||
<view class="Introduction">机构简介</view>
|
|
||||||
<view class="textInfo" v-html="list.agencyIntroduce">
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
<view class="Nursestationconfiguration">
|
|
||||||
<view class="configuration">
|
<view class="configuration">
|
||||||
护理站配置
|
|
||||||
<view class="" style="margin-top: 30rpx;">
|
|
||||||
<view class="text" v-for="(item,index) in nurseStationLabelList" :key="index">
|
<view class="text" v-for="(item,index) in nurseStationLabelList" :key="index">
|
||||||
{{item.labelDescription}}
|
{{item.labelDescription}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="address" v-if="list.address" @tap="goMap">
|
||||||
|
<image src="../../static/locatinsmall.png" mode=""></image>
|
||||||
|
<view class="text">
|
||||||
|
{{list.address}}
|
||||||
|
</view>
|
||||||
|
<view class="distance">
|
||||||
|
{{distance}}KM
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="address" v-else>
|
||||||
|
<image src="../../static/locatinsmall.png" mode=""></image>
|
||||||
|
<view class="text">
|
||||||
|
暂无
|
||||||
|
</view>
|
||||||
|
<view class="distance">
|
||||||
|
{{distance}}KM
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="address" v-if="list.dutyPhone" style="margin: 20rpx 0 0 33rpx;" @tap='gophone'>
|
||||||
|
<image src="../../static/phone.png" mode=""></image>
|
||||||
|
<view class="text">
|
||||||
|
{{list.dutyPhone}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="address" v-else style="margin: 20rpx 0 0 33rpx">
|
||||||
|
<image src="../../static/phone.png" mode=""></image>
|
||||||
|
<view class="text">
|
||||||
|
暂无
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="tive">
|
<view class="tive">
|
||||||
<view class="tab-box">
|
<view class="tab-box">
|
||||||
<view class="tab-item" @tap="testTabClick(index)" v-for="(item,index) in tabList" :key="index"
|
<view class="tab-item" @tap="testTabClick(item)" v-for="(item,index) in tabLists" :key="index"
|
||||||
:class="tabIndex == index?'active':''">
|
:class="tabIndex == index?'active':''">
|
||||||
{{item.name}}
|
{{item.name}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="" v-if="servelist.length>0&&choicetab==false">
|
<u-tabs v-if="choicetab==false" :list="tabList" :current="classifycurrent" @change="change">
|
||||||
|
</u-tabs>
|
||||||
|
<view class="" v-if="servelist.length>0&&choicetab==false" style="margin:0">
|
||||||
<view class="item" v-for="item in servelist" :key="" v-show='choicetab==false'
|
<view class="item" v-for="item in servelist" :key="" v-show='choicetab==false'
|
||||||
@click.stop='goProjectDetails(item)'>
|
@click.stop='goProjectDetails(item)'>
|
||||||
<image :src="item.itemPictureUrl"></image>
|
<image :src="item.itemPictureUrl"></image>
|
||||||
<view class="huanyao">{{item.nurseItemName}}
|
<view class="huanyao">{{item.nurseItemName}}
|
||||||
</view>
|
</view>
|
||||||
|
<view class="day">
|
||||||
|
{{item.advanceAppointDuration=='HALF_DAY'?'提前预约时长:半天':''}}
|
||||||
|
{{item.advanceAppointDuration=='ONE_DAY'?'提前预约时长:一天':''}}
|
||||||
|
</view>
|
||||||
<!-- <view class="pingfen">
|
<!-- <view class="pingfen">
|
||||||
<u-rate :count="5" value="2"></u-rate>
|
<u-rate :count="5" value="2"></u-rate>
|
||||||
</view> -->
|
</view> -->
|
||||||
<view class="servicetime">服务时长:{{item.serveDurationUnit?item.serveDurationUnit:'0'}}</view>
|
<!-- <view class="servicetime">服务时长:{{item.serveDurationUnit?item.serveDurationUnit:'0'}}</view> -->
|
||||||
<view class="appointment" @tap.stop='goappointments(item)'>预约</view>
|
<view class="appointment" @click.stop='goappointments(item)'>预约</view>
|
||||||
<view class="price">￥{{item.nurseItemPrice==null?'0':item.nurseItemPrice}}</view>
|
<view class="price">￥{{item.nurseItemPrice==null?'0':item.nurseItemPrice}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -63,11 +130,11 @@
|
|||||||
<view class="item" v-show='choicetab' v-for="(item,index) in productlist" :key="index">
|
<view class="item" v-show='choicetab' v-for="(item,index) in productlist" :key="index">
|
||||||
<image :src="item.goodsPictureUrl"></image>
|
<image :src="item.goodsPictureUrl"></image>
|
||||||
<view class="product">{{item.goodsName}}</view>
|
<view class="product">{{item.goodsName}}</view>
|
||||||
<view class="product" style="top:38%;font-size: 24rpx;color: #999999;">
|
<!-- <view class="product" style="top:38%;font-size: 24rpx;color: #999999;">
|
||||||
{{item.attributeDetailsName}}
|
{{item.attributeDetailsName}}
|
||||||
</view>
|
</view> -->
|
||||||
<view class="buy appointment" @tap="goCommodityDetails(item)">购买</view>
|
<view class="appointment" @tap="goCommodityDetails(item)">购买</view>
|
||||||
<view class="price" style="left:32%">￥{{item.goodsPrice==null?'0':item.goodsPrice}}</view>
|
<view class="price">￥{{item.goodsPrice==null?'0':item.goodsPrice}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="noorder" v-if="productlist.length==0&&choicetab">
|
<view class="noorder" v-if="productlist.length==0&&choicetab">
|
||||||
@ -92,6 +159,8 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</u-mask>
|
</u-mask>
|
||||||
|
<u-toast ref="uToast" />
|
||||||
|
<u-back-top :scroll-top="scrollTop"></u-back-top>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -108,7 +177,10 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
patientId: '', //
|
Banners: [], //轮播图
|
||||||
|
autoplay: true, //自动切换轮播图
|
||||||
|
videoContext: '',
|
||||||
|
baseurl: '',
|
||||||
usershow: false, //完善信息开关
|
usershow: false, //完善信息开关
|
||||||
choicetab: false, //切换
|
choicetab: false, //切换
|
||||||
list: [], //护理站list
|
list: [], //护理站list
|
||||||
@ -122,59 +194,190 @@
|
|||||||
nurseStationId: '',
|
nurseStationId: '',
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
tabIndex: 0,
|
timer: null,
|
||||||
tabList: [{
|
tabList: [{
|
||||||
name: "服务项目"
|
name: '全部',
|
||||||
}, {
|
id: ''
|
||||||
name: "产品"
|
}], //分类标题
|
||||||
}, ]
|
tabIndex: 0,
|
||||||
|
tabLists: [{
|
||||||
|
name: '服务项目',
|
||||||
|
id: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '产品',
|
||||||
|
id: 1,
|
||||||
|
}
|
||||||
|
],
|
||||||
|
classifycurrent: 0, //分类下标
|
||||||
|
distance: null, //距离
|
||||||
|
nurseClassifyInfoId: '', //分类id
|
||||||
|
scrollTop: 0,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
|
this.baseurl = baseurl
|
||||||
this.usershow = false
|
this.usershow = false
|
||||||
this.getInfo()
|
this.getInfo()
|
||||||
this.serveinfo()
|
|
||||||
this.productinfo()
|
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
|
let that = this
|
||||||
|
this.GetBanner()
|
||||||
this.nurseStationId = options.nurseStationId
|
this.nurseStationId = options.nurseStationId
|
||||||
|
this.distance = options.distance
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//跳转地图
|
||||||
|
goMap() {
|
||||||
|
uni.openLocation({
|
||||||
|
latitude: Number(this.list.latitude),
|
||||||
|
longitude: Number(this.list.longitude),
|
||||||
|
})
|
||||||
|
},
|
||||||
|
swiperChange(e) {
|
||||||
|
let {
|
||||||
|
current,
|
||||||
|
source
|
||||||
|
} = e.detail
|
||||||
|
this.videoContext = uni.createVideoContext('myVideo' + (current - 1));
|
||||||
|
//只有手动切换时开始轮播，并且上一页视频暂停
|
||||||
|
if (source === 'touch') {
|
||||||
|
this.videoContext.pause(); //暂停
|
||||||
|
this.autoplay = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取数据
|
||||||
|
GetBanner() {},
|
||||||
|
// 处理banner返回的是是视频还是图片
|
||||||
|
splits(url) {
|
||||||
|
if (url.indexOf('.') != -1) {
|
||||||
|
var ext = url.substring(url.lastIndexOf('.') + 1);
|
||||||
|
return ['mp4', 'webm', 'mpeg4', 'ogg'].indexOf(ext) != -1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 点击开始/继续播放
|
||||||
|
play() {
|
||||||
|
this.autoplay = false
|
||||||
|
// this.videoContext.requestFullScreen()
|
||||||
|
},
|
||||||
|
// 视频暂停
|
||||||
|
pause() {
|
||||||
|
this.autoplay = true
|
||||||
|
},
|
||||||
|
// 视频结束
|
||||||
|
ended() {
|
||||||
|
this.autoplay = true
|
||||||
|
},
|
||||||
|
testTabClick(item) {
|
||||||
|
this.tabIndex = item.id
|
||||||
|
if (item.id == 0) {
|
||||||
|
this.choicetab = false
|
||||||
|
} else {
|
||||||
|
this.choicetab = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//点击分类标题
|
||||||
|
change(index) {
|
||||||
|
this.classifycurrent = index;
|
||||||
|
this.nurseClassifyInfoId = this.tabList[index].id
|
||||||
|
this.serveinfo()
|
||||||
|
},
|
||||||
|
//预约
|
||||||
goappointments(item) {
|
goappointments(item) {
|
||||||
let that = this
|
let that = this
|
||||||
try {
|
try {
|
||||||
const value = uni.getStorageSync('patientId');
|
const value2 = uni.getStorageSync('patientId');
|
||||||
if (value) {
|
if (value2) {
|
||||||
that.patientId = value
|
AppIdentification(value2).then(res => {
|
||||||
AppIdentification(this.patientId).then(res => {
|
if (res.code == 200) {
|
||||||
if (res.data.loginFlag) {
|
if (res.data.loginFlag) {
|
||||||
|
that.usershow = false
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages/appointmenttime/appointmenttime?stationId=${item.stationId}&stationItemId=${item.stationItemId}&stationItemPriceId=${item.stationItemPriceId}`,
|
url: `/pages/appointmenttime/appointmenttime?stationId=${item.stationId}&stationItemId=${item.stationItemId}&stationItemPriceId=${item.stationItemPriceId}`,
|
||||||
})
|
})
|
||||||
this.usershow = false
|
|
||||||
} else {
|
} else {
|
||||||
this.usershow = true
|
that.usershow = true
|
||||||
|
}
|
||||||
|
} else if (res.code == 9999) {} else {
|
||||||
|
that.$refs.uToast.show({
|
||||||
|
title: res.msg,
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
if (that.timer) {
|
||||||
|
clearTimeout(that.timer)
|
||||||
|
}
|
||||||
|
that.timer = setTimeout(e => {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/login/login'
|
||||||
|
})
|
||||||
|
}, 1500)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
} else {
|
||||||
|
that.$refs.uToast.show({
|
||||||
|
title: '未登录,请先登录',
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
if (that.timer) {
|
||||||
|
clearTimeout(that.timer)
|
||||||
|
}
|
||||||
|
that.timer = setTimeout(e => {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/login/login'
|
||||||
|
})
|
||||||
|
}, 1500)
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/login/login'
|
||||||
|
})
|
||||||
}
|
}
|
||||||
} catch (e) {}
|
|
||||||
},
|
},
|
||||||
getInfo() {
|
getInfo() {
|
||||||
introductionList(this.nurseStationId).then(res => {
|
introductionList(this.nurseStationId).then(res => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
this.Banners = []
|
||||||
|
this.serveinfo()
|
||||||
|
this.productinfo()
|
||||||
|
res.data.morningOpenStartTime = res.data.morningOpenStartTime.slice(0, 5)
|
||||||
|
res.data.morningOpenEndTime = res.data.morningOpenEndTime.slice(0, 5)
|
||||||
|
res.data.afternoonOpenStartTime = res.data.afternoonOpenStartTime.slice(0, 5)
|
||||||
|
res.data.afternoonOpenEndTime = res.data.afternoonOpenEndTime.slice(0, 5)
|
||||||
res.data.stationIntroducePcitureUrl = baseurl + res.data.stationIntroducePcitureUrl
|
res.data.stationIntroducePcitureUrl = baseurl + res.data.stationIntroducePcitureUrl
|
||||||
|
res.data.stationPictureUrl = baseurl + res.data.stationPictureUrl
|
||||||
if (res.data.agencyIntroduce) {
|
if (res.data.agencyIntroduce) {
|
||||||
res.data.agencyIntroduce = res.data.agencyIntroduce.replace(/\<img/gi,
|
res.data.agencyIntroduce = res.data.agencyIntroduce.replace(/\<img/gi,
|
||||||
"<br/><img class='richPic'")
|
"<br/><img class='richPic'")
|
||||||
}
|
}
|
||||||
|
res.data.nurseClassifyInfoList.forEach(e => {
|
||||||
|
e.name = e.classifyName
|
||||||
|
this.tabList.push(e)
|
||||||
|
})
|
||||||
this.list = res.data
|
this.list = res.data
|
||||||
|
if (res.data.poserInfoList.length >= 1) {
|
||||||
|
res.data.poserInfoList.forEach(e => {
|
||||||
|
e.image = baseurl + e.posterPictureUrl
|
||||||
|
this.Banners.push(e.image)
|
||||||
|
})
|
||||||
|
if (res.data.poserInfoList[0].video) {
|
||||||
|
res.data.poserInfoList[0].video = baseurl + res.data.poserInfoList[0]
|
||||||
|
.posterVideoUrl
|
||||||
|
this.Banners.push(res.data.poserInfoList[0].video)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.Banners.push(res.data.stationPictureUrl)
|
||||||
|
this.Banners.push(res.data.stationIntroducePcitureUrl)
|
||||||
|
}
|
||||||
if (res.data.nurseStationLabelList) {
|
if (res.data.nurseStationLabelList) {
|
||||||
this.nurseStationLabelList = res.data.nurseStationLabelList
|
this.nurseStationLabelList = res.data.nurseStationLabelList
|
||||||
}
|
}
|
||||||
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
serveinfo() {
|
serveinfo() {
|
||||||
this.pageNum = 1
|
this.pageNum = 1
|
||||||
itemList(this.nurseStationId, this.pageSize, this.pageNum).then(res => {
|
itemList(this.nurseStationId, this.pageSize, this.pageNum, this.nurseClassifyInfoId).then(res => {
|
||||||
|
uni.removeStorageSync('Refresh');
|
||||||
res.rows.forEach(e => {
|
res.rows.forEach(e => {
|
||||||
e.itemPictureUrl = baseurl + e.itemPictureUrl
|
e.itemPictureUrl = baseurl + e.itemPictureUrl
|
||||||
})
|
})
|
||||||
@ -185,6 +388,7 @@
|
|||||||
productinfo() {
|
productinfo() {
|
||||||
this.pageNum = 1
|
this.pageNum = 1
|
||||||
productInformation(this.nurseStationId, this.pageNum, this.pageSize).then(res => {
|
productInformation(this.nurseStationId, this.pageNum, this.pageSize).then(res => {
|
||||||
|
uni.removeStorageSync('Refresh');
|
||||||
res.rows.forEach(e => {
|
res.rows.forEach(e => {
|
||||||
e.goodsPictureUrl = baseurl + e.goodsPictureUrl
|
e.goodsPictureUrl = baseurl + e.goodsPictureUrl
|
||||||
})
|
})
|
||||||
@ -192,10 +396,6 @@
|
|||||||
this.producttotal = res.total
|
this.producttotal = res.total
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
testTabClick(index) {
|
|
||||||
this.tabIndex = index
|
|
||||||
this.choicetab = this.tabIndex
|
|
||||||
},
|
|
||||||
//跳转商品详情页
|
//跳转商品详情页
|
||||||
goCommodityDetails(item) {
|
goCommodityDetails(item) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
@ -204,6 +404,7 @@
|
|||||||
},
|
},
|
||||||
//跳转完善页面
|
//跳转完善页面
|
||||||
goinformation() {
|
goinformation() {
|
||||||
|
this.usershow = false
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/information/information'
|
url: '/pages/information/information'
|
||||||
})
|
})
|
||||||
@ -236,13 +437,13 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
},
|
onReachBottom() { //上滑加载
|
||||||
onReachBottom() { //下滑加载
|
if (!this.choicetab) {
|
||||||
if (this.choicetab == 0) {
|
|
||||||
if (this.servelist.length >= this.servetotal) {} else {
|
if (this.servelist.length >= this.servetotal) {} else {
|
||||||
this.pageNum++
|
this.pageNum++
|
||||||
itemList(this.nurseStationId, this.pageSize, this.pageNum).then(res => {
|
itemList(this.nurseStationId, this.pageSize, this.pageNum, this.nurseClassifyInfoId).then(res => {
|
||||||
res.rows.forEach(e => {
|
res.rows.forEach(e => {
|
||||||
e.itemPictureUrl = baseurl + e.itemPictureUrl
|
e.itemPictureUrl = baseurl + e.itemPictureUrl
|
||||||
this.servelist.push(e)
|
this.servelist.push(e)
|
||||||
@ -263,7 +464,7 @@
|
|||||||
},
|
},
|
||||||
onPullDownRefresh() { //下拉刷新
|
onPullDownRefresh() { //下拉刷新
|
||||||
this.pageNum = 1;
|
this.pageNum = 1;
|
||||||
if (this.choicetab == 0) {
|
if (!this.choicetab) {
|
||||||
itemList(this.nurseStationId, this.pageSize, this.pageNum).then(res => {
|
itemList(this.nurseStationId, this.pageSize, this.pageNum).then(res => {
|
||||||
res.rows.forEach(e => {
|
res.rows.forEach(e => {
|
||||||
e.itemPictureUrl = baseurl + e.itemPictureUrl
|
e.itemPictureUrl = baseurl + e.itemPictureUrl
|
||||||
@ -282,9 +483,30 @@
|
|||||||
uni.stopPullDownRefresh();
|
uni.stopPullDownRefresh();
|
||||||
}, 1000);
|
}, 1000);
|
||||||
},
|
},
|
||||||
|
//1.分享给朋友
|
||||||
|
onShareAppMessage(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//2.分享到朋友圈
|
||||||
|
onShareTimeline(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onPageScroll(e) {
|
||||||
|
this.scrollTop = e.scrollTop;
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import './nursestation.scss'
|
@import './nursestation.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -25,20 +25,9 @@
|
|||||||
pageSize: 10, //列
|
pageSize: 10, //列
|
||||||
total: 0, //list总长度
|
total: 0, //list总长度
|
||||||
goodsCategoryList: [], //商品列表list
|
goodsCategoryList: [], //商品列表list
|
||||||
listimg: [{
|
listcolor: ['#00C176', '#D43953', '#E1AE3C', '#4C7BC9', '#9e4dd0', '#00C176', '#D43953', '#E1AE3C',
|
||||||
img: '../../static/sp.png',
|
'#4C7BC9', '#9e4dd0',
|
||||||
},
|
], //颜色随动
|
||||||
{
|
|
||||||
img: '../../static/yyss.png',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: '../../static/znsb.png',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: '../../static/cp.png',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
listcolor: ['#00C176', '#D43953', '#E1AE3C', '#4C7BC9', '#9e4dd0'], //颜色随动
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad(options) { //初始化加载
|
onLoad(options) { //初始化加载
|
||||||
|
|||||||
@ -1,54 +1,173 @@
|
|||||||
//护理站列表
|
//护理站列表
|
||||||
.app{
|
.app{
|
||||||
padding: 0 0 5rpx 0;
|
padding: 0;
|
||||||
.map{
|
background-color: #fff;
|
||||||
padding-top: 100rpx;
|
|
||||||
z-index: 1;
|
|
||||||
.map{
|
|
||||||
z-index: 1;
|
|
||||||
}
|
}
|
||||||
|
::v-deep .u-swiper-item{
|
||||||
|
}
|
||||||
|
::v-deep .u-swiper-image {
|
||||||
|
}
|
||||||
|
::v-deep .u-tabs{
|
||||||
|
background-color: #F4F5F7 !important;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
.Classificationlist{
|
||||||
|
margin: 30rpx 0 0;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
text-align: center;
|
||||||
|
.itemclass{
|
||||||
|
color: #4C7BC9;
|
||||||
|
width: 25%;
|
||||||
|
height: 190rpx;
|
||||||
|
image{
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
padding: 0 10rpx;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 70rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item{
|
||||||
|
width: 25%;
|
||||||
|
height: 190rpx;
|
||||||
|
image{
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
padding: 0 10rpx;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 70rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.inputs {
|
||||||
|
border: 1px solid #f0f0f0;
|
||||||
|
width: 90%;
|
||||||
|
height: 65rpx;
|
||||||
|
margin: 0 0 10rpx 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 20rpx;
|
||||||
|
background-color: #F4F5F7;
|
||||||
|
z-index: 999;
|
||||||
|
|
||||||
|
.input {
|
||||||
|
margin: 0 auto;
|
||||||
|
position: absolute;
|
||||||
|
height: 65rpx;
|
||||||
|
// top: 8%;
|
||||||
|
left: 10%;
|
||||||
|
width: 90%;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
background: url(@/static/sousuo.png) no-repeat;
|
||||||
|
width: 30rpx;
|
||||||
|
height: 28rpx;
|
||||||
|
background-size: cover;
|
||||||
|
position: absolute;
|
||||||
|
top: 30%;
|
||||||
|
left: 3%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.conNew {
|
.conNew {
|
||||||
width: 96%;
|
background-color: #F4F5F7;
|
||||||
// z-index: 999;
|
|
||||||
// position: fixed;
|
|
||||||
// top: 450rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
// left: 2%;
|
|
||||||
height: 100%;
|
|
||||||
.addressContent {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
padding: 30rpx 0 50rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
height: 100%;
|
||||||
|
.noorder{
|
||||||
|
margin-top: 90rpx;
|
||||||
|
image{
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 100rpx;
|
||||||
|
height: 120rpx;
|
||||||
|
}
|
||||||
|
view{
|
||||||
|
text-align: center;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #BFBFBF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
padding-left: 2%;
|
||||||
|
}
|
||||||
|
.addressContent {
|
||||||
|
width: 96%;
|
||||||
|
background-color: #ffffff;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lists {
|
.lists {
|
||||||
background-color: #ffffff;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 240rpx;
|
height: 300rpx;
|
||||||
margin-bottom: 14rpx;
|
margin-bottom: 14rpx;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
background-color: #ffffff;
|
||||||
.nurse {
|
.tags{
|
||||||
font-size: 28rpx;
|
display: flex;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15%;
|
top: 55%;
|
||||||
left: 35%;
|
left: 35%;
|
||||||
text-overflow: -o-ellipsis-lastline;
|
width: 65%;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
.tag{
|
||||||
|
background: #F8D7D1;
|
||||||
|
opacity: 0.8;
|
||||||
|
margin: 0 10rpx 10rpx 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
display: -webkit-box;
|
white-space: nowrap;
|
||||||
-webkit-line-clamp: 2;
|
padding: 0 10rpx;
|
||||||
line-clamp: 2;
|
height: 50rpx;
|
||||||
-webkit-box-orient: vertical;
|
line-height: 50rpx;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #F44B2F;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.nurse {
|
||||||
|
font-size: 32rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 12%;
|
||||||
|
left: 35%;
|
||||||
|
width: 63%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.distance {
|
.distance {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 20%;
|
top: 32%;
|
||||||
font-size: 24rpx;
|
left:35%;
|
||||||
left: 35%;
|
font-size: 27rpx;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -82,20 +201,6 @@
|
|||||||
display: block;
|
display: block;
|
||||||
margin: 10% auto;
|
margin: 10% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.understand {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #ffffff;
|
|
||||||
width: 160rpx;
|
|
||||||
height: 60rpx;
|
|
||||||
line-height: 60rpx;
|
|
||||||
text-align: center;
|
|
||||||
background-color: #4C7BC9;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 10%;
|
|
||||||
right: 1%;
|
|
||||||
border-radius: 35rpx;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,22 +1,56 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app">
|
<view class="app">
|
||||||
<view class="nursetation" @tap='detailed()'>
|
<view class="inputs">
|
||||||
<text class="what">什么是护理站？</text>
|
<i class="icon"></i>
|
||||||
<u-icon class="icon" name="arrow-right"></u-icon>
|
<input v-model="searchName" type="text" name="" id="" class="input" placeholder="请输入">
|
||||||
</view>
|
</view>
|
||||||
<view class="map" style="height:35vh;">
|
<view class="Classificationlist">
|
||||||
<map style="width:100%; height:100%" scale="17" :latitude="latitude" :longitude="longitude"
|
<view v-for="(item,index) in nurseItemClassifyInfoList" :key="index" @tap='tapitemclass(item)'
|
||||||
:markers="markers"></map>
|
:class="item.id == itemClassId?'itemclass':'item'">
|
||||||
|
<image :src="item.classifyPictureUrl" mode=""></image>
|
||||||
|
<view class="title">
|
||||||
|
{{item.classifyName}}
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item" v-if='nurseItemClassifyInfoList.length==7&&lengthlistshow' @tap='lengthlist(true)'>
|
||||||
|
<image src="../../static/gd.png" mode=""></image>
|
||||||
|
<view class="title">
|
||||||
|
更多
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item" v-if='nurseItemClassifyInfoList.length>7&&!lengthlistshow' @tap='lengthlist(false)'>
|
||||||
|
<image src="../../static/gd.png" mode=""></image>
|
||||||
|
<view class="title">
|
||||||
|
收起
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-swiper :list="lbinfo" height='200' interval='3000' duration='1500' mode='none'></u-swiper>
|
||||||
<view class="conNew">
|
<view class="conNew">
|
||||||
<view class="addressContent" v-for="(item,index) in nursestationlist" :key="index">
|
<view class="title">
|
||||||
<view class="lists">
|
周边医养机构
|
||||||
<view class="nurse">{{item.nurseStationName}}</view>
|
|
||||||
<view class="distance">距离您{{item.distance}}KM</view>
|
|
||||||
<image class="background" :src="item.stationPictureUrl" mode=""></image>
|
|
||||||
<view class="understand" @tap='godetails(item)'>
|
|
||||||
点击了解
|
|
||||||
</view>
|
</view>
|
||||||
|
<u-tabs :list="nurseAgencyClassifyInfoList" :current="conNewcurrent" @change="change"></u-tabs>
|
||||||
|
<view class="" v-if="nursestationlist.length>0">
|
||||||
|
<view class="addressContent" v-for="(item,index) in nursestationlist" :key="index">
|
||||||
|
<view class="lists" @tap='godetails(item)'>
|
||||||
|
<view class="nurse">{{item.nurseStationName}}</view>
|
||||||
|
<view class="distance"
|
||||||
|
v-show="homeLatitudeLongitude.homeLatitude&&homeLatitudeLongitude.homeLongitude">
|
||||||
|
距离您{{item.distance}}KM</view>
|
||||||
|
<image class="background" :src="item.stationPictureUrl" mode=""></image>
|
||||||
|
<view class="tags">
|
||||||
|
<view class="tag" v-for="uitem in item.classifyInfoList">
|
||||||
|
{{uitem.classifyName}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="noorder" v-else>
|
||||||
|
<image src="../../static/noorder.png" mode=""></image>
|
||||||
|
<view class="">
|
||||||
|
暂无护理站
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -34,85 +68,121 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<u-back-top :scroll-top="scrollTop"></u-back-top>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
nearbyList,
|
nearbyList,
|
||||||
getPatientInfo
|
getPatientInfo,
|
||||||
|
getNurseClassifyList
|
||||||
} from '@/api/site/site.js';
|
} from '@/api/site/site.js';
|
||||||
import baseurl from '@/api/baseurl.js'
|
import baseurl from '@/api/baseurl.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
nurseAgencyClassifyInfoList: [], //护理站分类
|
||||||
|
conNewcurrent: 0,
|
||||||
|
nurseItemClassifyInfoList: [], //护理项目分类
|
||||||
|
nurseItemClassifyInfolength: 0,
|
||||||
|
nurseItemClassifyInfolistlength: [],
|
||||||
|
lengthlistshow: true,
|
||||||
|
lbinfo: [], //轮播list
|
||||||
nursestationlist: [],
|
nursestationlist: [],
|
||||||
mask: false,
|
mask: false,
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
total: 0,
|
total: 0,
|
||||||
//map地图所需
|
latitude: 39.90374,
|
||||||
id: 0, // 使用 marker点击事件 需要填写id
|
longitude: 116.397827,
|
||||||
// latitude: 39.909,
|
homeLatitudeLongitude: null,
|
||||||
// longitude: 116.39742,
|
nurseClassId: '', //护理站分类id
|
||||||
latitude: 36.649372,
|
itemClassId: '', //护理项目分类id
|
||||||
longitude: 116.977102,
|
searchName: '', //通用名称
|
||||||
nurseTypeCode: '',
|
scrollTop: 0,
|
||||||
markers: [],
|
|
||||||
covers: [],
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getlocation() {
|
lengthlist(item) {
|
||||||
var that = this
|
uni.showLoading({
|
||||||
uni.getLocation({
|
title: '',
|
||||||
type: 'wgs84',
|
duration: 1000
|
||||||
success: res => {
|
});
|
||||||
that.latitude = res.latitude
|
setTimeout((e) => {
|
||||||
that.longitude = res.longitude
|
this.lengthlistshow = !this.lengthlistshow
|
||||||
that.markers.push({
|
if (item) {
|
||||||
id: 3,
|
this.nurseItemClassifyInfoList = this.nurseItemClassifyInfolistlength
|
||||||
latitude: res.latitude,
|
|
||||||
longitude: res.longitude,
|
|
||||||
width: 20,
|
|
||||||
height: 25,
|
|
||||||
iconPath: "../../static/locatinsmall.png"
|
|
||||||
})
|
|
||||||
that.requestinfo();
|
|
||||||
},
|
|
||||||
fail: error => {
|
|
||||||
uni.showModal({
|
|
||||||
title: '提示',
|
|
||||||
content: '获取定位失败，是否授权打开定位',
|
|
||||||
success: (res) => {
|
|
||||||
if (res.confirm) {
|
|
||||||
uni.getSystemInfo({
|
|
||||||
success: (sys) => {
|
|
||||||
if (sys.platform == 'ios') {
|
|
||||||
plus.runtime.openURL(
|
|
||||||
"app-settings://");
|
|
||||||
} else {
|
} else {
|
||||||
var main = plus.android
|
this.nurseItemClassifyInfoList = this.nurseItemClassifyInfolistlength.slice(0, 7)
|
||||||
.runtimeMainActivity();
|
|
||||||
var Intent = plus.android.importClass(
|
|
||||||
"android.content.Intent");
|
|
||||||
//可能应该直接进入应用列表的权限设置？=> android.settings.APPLICATION_SETTINGS
|
|
||||||
var mIntent = new Intent(
|
|
||||||
'android.settings.LOCATION_SOURCE_SETTINGS'
|
|
||||||
);
|
|
||||||
main.startActivity(mIntent);
|
|
||||||
}
|
}
|
||||||
|
uni.hideLoading();
|
||||||
|
}, 1000)
|
||||||
|
},
|
||||||
|
//点击护理项目分类
|
||||||
|
tapitemclass(item) {
|
||||||
|
if (this.itemClassId == item.id) {
|
||||||
|
this.itemClassId = ''
|
||||||
|
} else {
|
||||||
|
this.itemClassId = item.id
|
||||||
}
|
}
|
||||||
|
this.requestinfo()
|
||||||
|
},
|
||||||
|
//护理站和护理项目分类
|
||||||
|
getNurseClassifyinfo() {
|
||||||
|
getNurseClassifyList().then(res => {
|
||||||
|
this.nurseAgencyClassifyInfoList.push({
|
||||||
|
name: '全部',
|
||||||
|
id: '',
|
||||||
})
|
})
|
||||||
}
|
res.data.nurseAgencyClassifyInfoList.forEach(e => {
|
||||||
}
|
e.name = e.classifyName
|
||||||
|
this.nurseAgencyClassifyInfoList.push(e)
|
||||||
})
|
})
|
||||||
|
res.data.nurseItemClassifyInfoList.forEach(e => {
|
||||||
|
e.classifyPictureUrl = baseurl + e.classifyPictureUrl
|
||||||
|
})
|
||||||
|
res.data.poserInfoList.forEach(e => {
|
||||||
|
e.image = baseurl + e.posterPictureUrl
|
||||||
|
})
|
||||||
|
this.nurseItemClassifyInfolength = res.data.nurseItemClassifyInfoList.length
|
||||||
|
this.nurseItemClassifyInfolistlength = res.data.nurseItemClassifyInfoList
|
||||||
|
this.lbinfo = res.data.poserInfoList
|
||||||
|
this.nurseItemClassifyInfoList = res.data.nurseItemClassifyInfoList.slice(0, 7)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
change(index) {
|
||||||
|
this.conNewcurrent = index;
|
||||||
|
this.nurseClassId = this.nurseAgencyClassifyInfoList[index].id
|
||||||
|
this.requestinfo()
|
||||||
|
},
|
||||||
|
getlocation(value) {
|
||||||
|
var that = this
|
||||||
|
uni.openSetting({
|
||||||
|
success(res) {
|
||||||
|
if (res.authSetting['scope.userLocation']) {
|
||||||
|
// uni.getLocation({
|
||||||
|
// type: 'wgs84',
|
||||||
|
// success: function(res) {
|
||||||
|
// that.latitude = res.latitude
|
||||||
|
// that.longitude = res.longitude
|
||||||
|
// that.mask = false
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
requestinfo() {
|
requestinfo() {
|
||||||
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode).then(res => {
|
this.pageNum = 1;
|
||||||
|
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseClassId, this.itemClassId,
|
||||||
|
this.searchName)
|
||||||
|
.then(res => {
|
||||||
|
uni.removeStorageSync('Refresh');
|
||||||
res.rows.forEach(e => {
|
res.rows.forEach(e => {
|
||||||
e.stationPictureUrl = baseurl + e.stationPictureUrl
|
e.stationPictureUrl = baseurl + e.stationPictureUrl
|
||||||
|
if (e.classifyInfoList && e.classifyInfoList.length >= 1) {
|
||||||
|
e.classifyInfoList = e.classifyInfoList.slice(0, 2)
|
||||||
|
}
|
||||||
})
|
})
|
||||||
this.nursestationlist = res.rows
|
this.nursestationlist = res.rows
|
||||||
this.mask = false
|
this.mask = false
|
||||||
@ -121,12 +191,7 @@
|
|||||||
},
|
},
|
||||||
godetails(item) {
|
godetails(item) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages/nursestation/nursestation?nurseStationId=${item.nurseStationId}`
|
url: `/pages/nursestation/nursestation?nurseStationId=${item.nurseStationId}&distance=${item.distance}`
|
||||||
})
|
|
||||||
},
|
|
||||||
detailed() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: `/pages/detail/detail`
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
cancel() {
|
cancel() {
|
||||||
@ -136,13 +201,17 @@
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
onReachBottom() {
|
onReachBottom() { //上滑加载
|
||||||
if (this.nursestationlist.length >= this.total) {} else {
|
if (this.nursestationlist.length >= this.total) {} else {
|
||||||
this.pageNum++;
|
this.pageNum++;
|
||||||
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode)
|
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseClassId, this.itemClassId,
|
||||||
|
this.searchName)
|
||||||
.then(res => {
|
.then(res => {
|
||||||
res.rows.forEach(e => {
|
res.rows.forEach(e => {
|
||||||
e.stationPictureUrl = baseurl + e.stationPictureUrl
|
e.stationPictureUrl = baseurl + e.stationPictureUrl
|
||||||
|
if (e.classifyInfoList && e.classifyInfoList.length >= 1) {
|
||||||
|
e.classifyInfoList = e.classifyInfoList.slice(0, 2)
|
||||||
|
}
|
||||||
this.nursestationlist.push(e)
|
this.nursestationlist.push(e)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@ -150,54 +219,89 @@
|
|||||||
},
|
},
|
||||||
onPullDownRefresh() { //下拉刷新
|
onPullDownRefresh() { //下拉刷新
|
||||||
this.pageNum = 1;
|
this.pageNum = 1;
|
||||||
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
|
// this.requestinfo()
|
||||||
.then(res => {
|
|
||||||
res.rows.forEach(e => {
|
|
||||||
e.stationPictureUrl = baseurl + e.stationPictureUrl
|
|
||||||
})
|
|
||||||
this.nursestationlist = res.rows
|
|
||||||
})
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
uni.stopPullDownRefresh();
|
uni.stopPullDownRefresh();
|
||||||
}, 1000);
|
}, 1000);
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
iptVal() {
|
searchName() {
|
||||||
// this.requestinfo()
|
this.itemClassId = ''
|
||||||
|
this.nurseClassId = ''
|
||||||
|
this.conNewcurrent = 0
|
||||||
|
this.requestinfo()
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
|
this.nurseClassId = ''
|
||||||
|
this.itemClassId = ''
|
||||||
var that = this
|
var that = this
|
||||||
try {
|
|
||||||
const value = uni.getStorageSync('patientId');
|
const value = uni.getStorageSync('patientId');
|
||||||
if (value) {
|
if (value) {
|
||||||
getPatientInfo(value).then(res => {
|
getPatientInfo(value).then(res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
|
this.homeLatitudeLongitude = res.data
|
||||||
if (res.data.homeLatitude && res.data.homeLongitude) {
|
if (res.data.homeLatitude && res.data.homeLongitude) {
|
||||||
that.latitude = res.data.homeLatitude
|
that.latitude = res.data.homeLatitude
|
||||||
that.longitude = res.data.homeLongitude
|
that.longitude = res.data.homeLongitude
|
||||||
that.markers.push({
|
|
||||||
id: 3,
|
|
||||||
latitude: res.data.homeLatitude,
|
|
||||||
longitude: res.data.homeLongitude,
|
|
||||||
width: 20,
|
|
||||||
height: 25,
|
|
||||||
iconPath: "../../static/locatinsmall.png"
|
|
||||||
})
|
|
||||||
that.requestinfo();
|
that.requestinfo();
|
||||||
} else {
|
} else {
|
||||||
that.getlocation()
|
that.requestinfo();
|
||||||
|
// uni.getLocation({
|
||||||
|
// type: 'wgs84',
|
||||||
|
// success: function(resp) {
|
||||||
|
// that.latitude = resp.latitude
|
||||||
|
// that.longitude = resp.longitude
|
||||||
|
// that.requestinfo();
|
||||||
|
// },
|
||||||
|
// fail(err) {
|
||||||
|
// that.mask = true;
|
||||||
|
// }
|
||||||
|
// });
|
||||||
}
|
}
|
||||||
} else {
|
} else if (res.code == 9999) {} else {
|
||||||
that.getlocation()
|
that.requestinfo();
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
that.getlocation()
|
that.requestinfo();
|
||||||
|
// uni.getLocation({
|
||||||
|
// type: 'wgs84',
|
||||||
|
// success: function(res) {
|
||||||
|
// that.latitude = res.latitude
|
||||||
|
// that.longitude = res.longitude
|
||||||
|
// that.requestinfo();
|
||||||
|
// },
|
||||||
|
// fail(err) {
|
||||||
|
// that.mask = true;
|
||||||
|
// }
|
||||||
|
// });
|
||||||
}
|
}
|
||||||
} catch (e) {}
|
|
||||||
},
|
},
|
||||||
onLoad() {},
|
onLoad() {
|
||||||
|
this.getNurseClassifyinfo();
|
||||||
|
},
|
||||||
|
//1.分享给朋友
|
||||||
|
onShareAppMessage(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//2.分享到朋友圈
|
||||||
|
onShareTimeline(res) {
|
||||||
|
let pages = getCurrentPages();
|
||||||
|
let url = pages[pages.length - 1].$page.fullPath
|
||||||
|
return {
|
||||||
|
title: '泉医到家',
|
||||||
|
path: url,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onPageScroll(e) {
|
||||||
|
this.scrollTop = e.scrollTop;
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|||||||
@ -75,11 +75,12 @@
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
image {
|
image {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
height: 200rpx;
|
height: 400rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 25%;
|
left: 25%;
|
||||||
top: 28%;
|
top: 28%;
|
||||||
|
|||||||
385
pages/utabs/u-tabs.vue
Normal file
385
pages/utabs/u-tabs.vue
Normal file
@ -0,0 +1,385 @@
|
|||||||
|
<template>
|
||||||
|
<view class="u-tabs" :style="{
|
||||||
|
background: bgColor
|
||||||
|
}">
|
||||||
|
<!-- $u.getRect()对组件根节点无效，因为写了.in(this)，故这里获取内层接点尺寸 -->
|
||||||
|
<view :id="id">
|
||||||
|
<scroll-view scroll-x class="u-scroll-view" :scroll-left="scrollLeft" scroll-with-animation>
|
||||||
|
<view class="u-scroll-box" :class="{'u-tabs-scorll-flex': !isScroll}">
|
||||||
|
<view class="u-tab-item u-line-1" :id="'u-tab-item-' + index" v-for="(item, index) in list"
|
||||||
|
:key="index" @tap="clickTab(index)" :style="[tabItemStyle(index)]">
|
||||||
|
<view class="">
|
||||||
|
{{item.dates}}
|
||||||
|
</view>
|
||||||
|
<u-badge :count="item[count] || item['count'] || 0" :offset="offset" size="mini"></u-badge>
|
||||||
|
{{ item[name] || item['name']}}
|
||||||
|
</view>
|
||||||
|
<view v-if="showBar" class="u-tab-bar" :style="[tabBarStyle]"></view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/**
|
||||||
|
* tabs 标签
|
||||||
|
* @description 该组件，是一个tabs标签组件，在标签多的时候，可以配置为左右滑动，标签少的时候，可以禁止滑动。 该组件的一个特点是配置为滚动模式时，激活的tab会自动移动到组件的中间位置。
|
||||||
|
* @tutorial https://www.uviewui.com/components/tabs.html
|
||||||
|
* @property {Boolean} is-scroll tabs是否可以左右拖动（默认true）
|
||||||
|
* @property {Array} list 标签数组，元素为对象，如[{name: '推荐'}]
|
||||||
|
* @property {String Number} current 指定哪个tab为激活状态（默认0）
|
||||||
|
* @property {String Number} height 导航栏的高度，单位rpx（默认80）
|
||||||
|
* @property {String Number} font-size tab文字大小，单位rpx（默认30）
|
||||||
|
* @property {String Number} duration 滑块移动一次所需的时间，单位秒（默认0.5）
|
||||||
|
* @property {String} active-color 滑块和激活tab文字的颜色（默认#2979ff）
|
||||||
|
* @property {String} inactive-color tabs文字颜色（默认#303133）
|
||||||
|
* @property {String Number} bar-width 滑块宽度，单位rpx（默认40）
|
||||||
|
* @property {Object} active-item-style 活动tabs item的样式，对象形式
|
||||||
|
* @property {Object} bar-style 底部滑块的样式，对象形式
|
||||||
|
* @property {Boolean} show-bar 是否显示底部的滑块（默认true）
|
||||||
|
* @property {String Number} bar-height 滑块高度，单位rpx（默认6）
|
||||||
|
* @property {String Number} item-width 标签的宽度（默认auto）
|
||||||
|
* @property {String Number} gutter 单个tab标签的左右内边距之和，单位rpx（默认40）
|
||||||
|
* @property {String} bg-color tabs导航栏的背景颜色（默认#ffffff）
|
||||||
|
* @property {String} name 组件内部读取的list参数中的属性名（tab名称），见官网说明（默认name）
|
||||||
|
* @property {String} count 组件内部读取的list参数中的属性名（badge徽标数），同name属性的使用，见官网说明（默认count）
|
||||||
|
* @property {Array} offset 设置badge徽标数的位置偏移，格式为 [x, y]，也即设置的为top和right的值，单位rpx（默认[5, 20]）
|
||||||
|
* @property {Boolean} bold 激活选项的字体是否加粗（默认true）
|
||||||
|
* @event {Function} change 点击标签时触发
|
||||||
|
* @example <u-tabs ref="tabs" :list="list" :is-scroll="false"></u-tabs>
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
name: "u-tabs",
|
||||||
|
props: {
|
||||||
|
// 导航菜单是否需要滚动，如只有2或者3个的时候，就不需要滚动了，此时使用flex平分tab的宽度
|
||||||
|
isScroll: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
//需循环的标签列表
|
||||||
|
list: {
|
||||||
|
type: Array,
|
||||||
|
default () {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 当前活动tab的索引
|
||||||
|
current: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 0
|
||||||
|
},
|
||||||
|
// 导航栏的高度和行高
|
||||||
|
height: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: 80
|
||||||
|
},
|
||||||
|
// 字体大小
|
||||||
|
fontSize: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: 28
|
||||||
|
},
|
||||||
|
// 过渡动画时长, 单位ms
|
||||||
|
duration: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: 0.5
|
||||||
|
},
|
||||||
|
// 选中项的主题颜色
|
||||||
|
activeColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#F44B2F;'
|
||||||
|
},
|
||||||
|
// 未选中项的颜色
|
||||||
|
inactiveColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#303133'
|
||||||
|
},
|
||||||
|
// 菜单底部移动的bar的宽度，单位rpx
|
||||||
|
barWidth: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: 40
|
||||||
|
},
|
||||||
|
// 移动bar的高度
|
||||||
|
barHeight: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: 6
|
||||||
|
},
|
||||||
|
// 单个tab的左或有内边距（左右相同）
|
||||||
|
gutter: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: 30
|
||||||
|
},
|
||||||
|
// 导航栏的背景颜色
|
||||||
|
bgColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#ffffff'
|
||||||
|
},
|
||||||
|
// 读取传入的数组对象的属性(tab名称)
|
||||||
|
name: {
|
||||||
|
type: String,
|
||||||
|
default: 'name'
|
||||||
|
},
|
||||||
|
// 读取传入的数组对象的属性(徽标数)
|
||||||
|
count: {
|
||||||
|
type: String,
|
||||||
|
default: 'count'
|
||||||
|
},
|
||||||
|
// 徽标数位置偏移
|
||||||
|
offset: {
|
||||||
|
type: Array,
|
||||||
|
default: () => {
|
||||||
|
return [5, 20]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 活动tab字体是否加粗
|
||||||
|
bold: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
// 当前活动tab item的样式
|
||||||
|
activeItemStyle: {
|
||||||
|
type: Object,
|
||||||
|
default () {
|
||||||
|
return {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 是否显示底部的滑块
|
||||||
|
showBar: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
// 底部滑块的自定义样式
|
||||||
|
barStyle: {
|
||||||
|
type: Object,
|
||||||
|
default () {
|
||||||
|
return {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 标签的宽度
|
||||||
|
itemWidth: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 'auto'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
scrollLeft: 0, // 滚动scroll-view的左边滚动距离
|
||||||
|
tabQueryInfo: [], // 存放对tab菜单查询后的节点信息
|
||||||
|
componentWidth: 0, // 屏幕宽度，单位为px
|
||||||
|
scrollBarLeft: 0, // 移动bar需要通过translateX()移动的距离
|
||||||
|
parentLeft: 0, // 父元素(tabs组件)到屏幕左边的距离
|
||||||
|
id: this.$u.guid(), // id值
|
||||||
|
currentIndex: this.current,
|
||||||
|
barFirstTimeMove: true, // 滑块第一次移动时(页面刚生成时)，无需动画，否则给人怪异的感觉
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// 监听tab的变化，重新计算tab菜单的布局信息，因为实际使用中菜单可能是通过
|
||||||
|
// 后台获取的（如新闻app顶部的菜单），获取返回需要一定时间，所以list变化时，重新获取布局信息
|
||||||
|
list(n, o) {
|
||||||
|
// list变动时，重制内部索引，否则可能导致超出数组边界的情况
|
||||||
|
if (n.length !== o.length) this.currentIndex = 0;
|
||||||
|
// 用$nextTick等待视图更新完毕后再计算tab的局部信息，否则可能因为tab还没生成就获取，就会有问题
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.init();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
current: {
|
||||||
|
immediate: true,
|
||||||
|
handler(nVal, oVal) {
|
||||||
|
// 视图更新后再执行移动操作
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.currentIndex = nVal;
|
||||||
|
this.scrollByIndex();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// 移动bar的样式
|
||||||
|
tabBarStyle() {
|
||||||
|
let style = {
|
||||||
|
width: this.barWidth + 'rpx',
|
||||||
|
transform: `translate(${this.scrollBarLeft}px, -100%)`,
|
||||||
|
// 滑块在页面渲染后第一次滑动时，无需动画效果
|
||||||
|
'transition-duration': `${this.barFirstTimeMove ? 0 : this.duration }s`,
|
||||||
|
'background-color': this.activeColor,
|
||||||
|
height: this.barHeight + 'rpx',
|
||||||
|
opacity: this.barFirstTimeMove ? 0 : 1,
|
||||||
|
// 设置一个很大的值，它会自动取能用的最大值，不用高度的一半，是因为高度可能是单数，会有小数出现
|
||||||
|
'border-radius': `${this.barHeight / 2}px`
|
||||||
|
};
|
||||||
|
Object.assign(style, this.barStyle);
|
||||||
|
return style;
|
||||||
|
},
|
||||||
|
// tab的样式
|
||||||
|
tabItemStyle() {
|
||||||
|
return (index) => {
|
||||||
|
let style = {
|
||||||
|
height: this.height + 'rpx',
|
||||||
|
'line-height': '33rpx',
|
||||||
|
'font-size': this.fontSize + 'rpx',
|
||||||
|
'transition-duration': `${this.duration}s`,
|
||||||
|
padding: this.isScroll ? `0 ${this.gutter}rpx` : '',
|
||||||
|
flex: this.isScroll ? 'auto' : '1',
|
||||||
|
width: this.$u.addUnit(this.itemWidth)
|
||||||
|
};
|
||||||
|
// 字体加粗
|
||||||
|
if (index == this.currentIndex && this.bold) style.fontWeight = 'bold';
|
||||||
|
if (index == this.currentIndex) {
|
||||||
|
style.color = this.activeColor;
|
||||||
|
// 给选中的tab item添加外部自定义的样式
|
||||||
|
style = Object.assign(style, this.activeItemStyle);
|
||||||
|
} else {
|
||||||
|
style.color = this.inactiveColor;
|
||||||
|
}
|
||||||
|
return style;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 设置一个init方法，方便多处调用
|
||||||
|
async init() {
|
||||||
|
// 获取tabs组件的尺寸信息
|
||||||
|
let tabRect = await this.$uGetRect('#' + this.id);
|
||||||
|
// tabs组件距离屏幕左边的宽度
|
||||||
|
this.parentLeft = tabRect.left;
|
||||||
|
// tabs组件的宽度
|
||||||
|
this.componentWidth = tabRect.width;
|
||||||
|
this.getTabRect();
|
||||||
|
},
|
||||||
|
// 点击某一个tab菜单
|
||||||
|
clickTab(index) {
|
||||||
|
// 点击当前活动tab，不触发事件
|
||||||
|
if (index == this.currentIndex) return;
|
||||||
|
// 发送事件给父组件
|
||||||
|
this.$emit('change', index);
|
||||||
|
},
|
||||||
|
// 查询tab的布局信息
|
||||||
|
getTabRect() {
|
||||||
|
// 创建节点查询
|
||||||
|
let query = uni.createSelectorQuery().in(this);
|
||||||
|
// 历遍所有tab，这里是执行了查询，最终使用exec()会一次性返回查询的数组结果
|
||||||
|
for (let i = 0; i < this.list.length; i++) {
|
||||||
|
// 只要size和rect两个参数
|
||||||
|
query.select(`#u-tab-item-${i}`).fields({
|
||||||
|
size: true,
|
||||||
|
rect: true
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 执行查询，一次性获取多个结果
|
||||||
|
query.exec(
|
||||||
|
function(res) {
|
||||||
|
this.tabQueryInfo = res;
|
||||||
|
// 初始化滚动条和移动bar的位置
|
||||||
|
this.scrollByIndex();
|
||||||
|
}.bind(this)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
// 滚动scroll-view，让活动的tab处于屏幕的中间位置
|
||||||
|
scrollByIndex() {
|
||||||
|
// 当前活动tab的布局信息，有tab菜单的width和left(为元素左边界到父元素左边界的距离)等信息
|
||||||
|
let tabInfo = this.tabQueryInfo[this.currentIndex];
|
||||||
|
if (!tabInfo) return;
|
||||||
|
// 活动tab的宽度
|
||||||
|
let tabWidth = tabInfo.width;
|
||||||
|
// 活动item的左边到tabs组件左边的距离，用item的left减去tabs的left
|
||||||
|
let offsetLeft = tabInfo.left - this.parentLeft;
|
||||||
|
// 将活动的tabs-item移动到屏幕正中间，实际上是对scroll-view的移动
|
||||||
|
let scrollLeft = offsetLeft - (this.componentWidth - tabWidth) / 2;
|
||||||
|
this.scrollLeft = scrollLeft < 0 ? 0 : scrollLeft;
|
||||||
|
// 当前活动item的中点点到左边的距离减去滑块宽度的一半，即可得到滑块所需的移动距离
|
||||||
|
let left = tabInfo.left + tabInfo.width / 2 - this.parentLeft;
|
||||||
|
// 计算当前活跃item到组件左边的距离
|
||||||
|
this.scrollBarLeft = left - uni.upx2px(this.barWidth) / 2;
|
||||||
|
// 第一次移动滑块的时候，barFirstTimeMove为true，放到延时中将其设置false
|
||||||
|
// 延时是因为scrollBarLeft作用于computed计算时，需要一个过程需，否则导致出错
|
||||||
|
if (this.barFirstTimeMove == true) {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.barFirstTimeMove = false;
|
||||||
|
}, 100)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
// 定义混入指令，用于在非nvue环境下的flex定义，因为nvue没有display属性，会报错
|
||||||
|
@mixin vue-flex($direction: row) {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
display: flex;
|
||||||
|
flex-direction: $direction;
|
||||||
|
/* #endif */
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-tabs {
|
||||||
|
padding: 20rpx 0;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
}
|
||||||
|
|
||||||
|
view,
|
||||||
|
scroll-view {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
::-webkit-scrollbar,
|
||||||
|
::-webkit-scrollbar,
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
width: 0 !important;
|
||||||
|
height: 0 !important;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #endif */
|
||||||
|
|
||||||
|
.u-scroll-box {
|
||||||
|
position: relative;
|
||||||
|
/* #ifdef MP-TOUTIAO */
|
||||||
|
white-space: nowrap;
|
||||||
|
/* #endif */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #ifdef H5 */
|
||||||
|
// 通过样式穿透，隐藏H5下，scroll-view下的滚动条
|
||||||
|
scroll-view ::v-deep ::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
width: 0 !important;
|
||||||
|
height: 0 !important;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #endif */
|
||||||
|
|
||||||
|
.u-scroll-view {
|
||||||
|
width: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-tab-item {
|
||||||
|
position: relative;
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
display: inline-block;
|
||||||
|
/* #endif */
|
||||||
|
text-align: center;
|
||||||
|
transition-property: background-color, color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-tab-bar {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-tabs-scorll-flex {
|
||||||
|
@include vue-flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
BIN
static/1024.png
BIN
static/1024.png
Binary file not shown.
|
Before Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 368 B |
BIN
static/fuli.png
Normal file
BIN
static/fuli.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
static/gd.png
Normal file
BIN
static/gd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
static/hlz.png
Normal file
BIN
static/hlz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
static/home.png
BIN
static/home.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
BIN
static/huijiantou.png
Normal file
BIN
static/huijiantou.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 316 B |
BIN
static/jjhl.png
BIN
static/jjhl.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
BIN
static/jkzx.png
Normal file
BIN
static/jkzx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
BIN
static/kefu.png
Normal file
BIN
static/kefu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
static/kefuzx.jpg
Normal file
BIN
static/kefuzx.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 990 B |
BIN
static/logo.png
BIN
static/logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 3.3 KiB |
BIN
static/order.png
BIN
static/order.png
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
BIN
static/pb.png
BIN
static/pb.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
BIN
static/phone.png
Normal file
BIN
static/phone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 901 B |
BIN
static/shoping.png
Normal file
BIN
static/shoping.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
static/shopingw.png
Normal file
BIN
static/shopingw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 834 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
BIN
static/sp.png
BIN
static/sp.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB |
BIN
static/ylfw.png
BIN
static/ylfw.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
BIN
static/yuyue.png
BIN
static/yuyue.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
BIN
static/yyss.png
BIN
static/yyss.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
BIN
static/zbgl.png
Normal file
BIN
static/zbgl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB |
BIN
static/znsb.png
BIN
static/znsb.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
BIN
static/zs.png
BIN
static/zs.png
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Loading…
Reference in New Issue
Block a user