新增
This commit is contained in:
曹辉
parent
5320d45a36
commit
17555f37c0
58
App.vue
58
App.vue
@ -1,16 +1,10 @@
|
|||||||
|
<script>
|
||||||
<style lang="scss">
|
|
||||||
@import "uview-ui/index.scss";
|
|
||||||
</style>
|
|
||||||
export default {
|
export default {
|
||||||
onLaunch: function() {
|
onLaunch: function() {
|
||||||
console.log('App Launch')
|
|
||||||
},
|
},
|
||||||
onShow: function() {
|
onShow: function() {
|
||||||
console.log('App Show')
|
|
||||||
},
|
},
|
||||||
onHide: function() {
|
onHide: function() {
|
||||||
console.log('App Hide')
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@ -18,4 +12,54 @@
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
/*每个页面公共css */
|
/*每个页面公共css */
|
||||||
@import "uview-ui/index.scss";
|
@import "uview-ui/index.scss";
|
||||||
|
|
||||||
|
.app {
|
||||||
|
background-color: #F4F5F7;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
position: relative;
|
||||||
|
color: #000000;
|
||||||
|
|
||||||
|
.cards {
|
||||||
|
width: 94%;
|
||||||
|
box-shadow: 0px 0px 30rpx 0px rgba(108, 99, 255, 0.16);
|
||||||
|
background-color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
top: 3%;
|
||||||
|
left: 3%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
padding: 40rpx 0 200rpx 0;
|
||||||
|
border-radius: 25rpx;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 43%;
|
||||||
|
height: 300rpx;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
border-radius: 25rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: 70%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 46rpx;
|
||||||
|
color: #FCFCFC;
|
||||||
|
position: absolute;
|
||||||
|
top: 58%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 20%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,2 +1,2 @@
|
|||||||
var baseurl = "http://192.168.16.94:8080";
|
var baseurl = "http://192.168.16.94:8081";
|
||||||
export default baseurl
|
export default baseurl
|
||||||
|
|||||||
8
api/disease/index.js
Normal file
8
api/disease/index.js
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
import request from "../request.js"
|
||||||
|
|
||||||
|
export function getDiseaseInfo() {
|
||||||
|
return request({
|
||||||
|
url: `/nurseApplet/login/getDiseaseInfo`,
|
||||||
|
method: 'GET'
|
||||||
|
})
|
||||||
|
}
|
||||||
19
api/information/index.js
Normal file
19
api/information/index.js
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
import request from "../request.js"
|
||||||
|
|
||||||
|
//区街道list
|
||||||
|
export function getRegionAndStreetInfo() {
|
||||||
|
return request({
|
||||||
|
url: `/nurseApplet/login/getRegionAndStreetInfo`,
|
||||||
|
method: 'GET'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//查询护理类型信息
|
||||||
|
export function getNurseType() {
|
||||||
|
return request({
|
||||||
|
url: `/nurseApplet/login/getNurseTypeInfo`,
|
||||||
|
method: 'GET'
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -17,9 +17,7 @@
|
|||||||
"delay" : 0
|
"delay" : 0
|
||||||
},
|
},
|
||||||
/* 模块配置 */
|
/* 模块配置 */
|
||||||
"modules" : {
|
"modules" : {},
|
||||||
"Geolocation" : {}
|
|
||||||
},
|
|
||||||
/* 应用发布信息 */
|
/* 应用发布信息 */
|
||||||
"distribute" : {
|
"distribute" : {
|
||||||
/* android打包配置 */
|
/* android打包配置 */
|
||||||
@ -42,14 +40,21 @@
|
|||||||
"maps" : {
|
"maps" : {
|
||||||
"amap" : {
|
"amap" : {
|
||||||
"appkey_ios" : "",
|
"appkey_ios" : "",
|
||||||
"appkey_android" : ""
|
"appkey_android" : "b38c6aa0cb9a6323f48b05ea6462aed5"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"geolocation" : {
|
"geolocation" : {
|
||||||
|
"amap" : {
|
||||||
|
"__platform__" : [ "android" ],
|
||||||
|
"appkey_ios" : "",
|
||||||
|
"appkey_android" : "b38c6aa0cb9a6323f48b05ea6462aed5"
|
||||||
|
},
|
||||||
"system" : {
|
"system" : {
|
||||||
"__platform__" : [ "ios", "android" ]
|
"__platform__" : [ "android" ]
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
"push" : {},
|
||||||
|
"payment" : {}
|
||||||
},
|
},
|
||||||
"splashscreen" : {
|
"splashscreen" : {
|
||||||
"androidStyle" : "default",
|
"androidStyle" : "default",
|
||||||
@ -84,5 +89,16 @@
|
|||||||
"uniStatistics" : {
|
"uniStatistics" : {
|
||||||
"enable" : false
|
"enable" : false
|
||||||
},
|
},
|
||||||
"vueVersion" : "2"
|
"vueVersion" : "2",
|
||||||
|
"h5" : {
|
||||||
|
"sdkConfigs" : {
|
||||||
|
"maps" : {
|
||||||
|
"amap" : {
|
||||||
|
"key" : "08e138f3f5e8595453526cbbeed38124",
|
||||||
|
"securityJsCode" : "e50d5cf4e75c0a2b3f5cbfcc96cc4d8f",
|
||||||
|
"serviceHost" : ""
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
81
pages.json
81
pages.json
@ -4,12 +4,61 @@
|
|||||||
},
|
},
|
||||||
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
||||||
{
|
{
|
||||||
|
"path": "pages/information/information",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "请完善个人信息",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path": "pages/Doctordetails/Doctordetails",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "医生信息",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
|
}, {
|
||||||
"path": "pages/login/login",
|
"path": "pages/login/login",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
// "enablePullDownRefresh": false
|
// "enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
|
},{
|
||||||
|
"path": "pages/shopping/shopping",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "医路优品",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
"path": "pages/doctorslist/doctorslist",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "预约医生",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
"path": "pages/homepage/homepage",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "泉医到家",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
"path": "pages/disease/disease",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "疾病信息选择",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
"path": "pages/CommodityDetails/CommodityDetails",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "商品详情",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/register/register",
|
"path": "pages/register/register",
|
||||||
"style": {
|
"style": {
|
||||||
@ -24,29 +73,13 @@
|
|||||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/homepage/homepage",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "泉医到家",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
"path": "pages/CommodityDetails/CommodityDetails",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "商品详情",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/detail/detail",
|
"path": "pages/detail/detail",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "护理站简介",
|
"navigationBarTitleText": "护理站简介",
|
||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||||
}
|
}
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
"path": "pages/homepage/homepage",
|
"path": "pages/homepage/homepage",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "商品详情",
|
"navigationBarTitleText": "商品详情",
|
||||||
@ -66,13 +99,6 @@
|
|||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
}, {
|
|
||||||
"path": "pages/shopping/shopping",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "医路优品",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
|
||||||
}
|
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/ProductList/ProductList",
|
"path": "pages/ProductList/ProductList",
|
||||||
"style": {
|
"style": {
|
||||||
@ -87,6 +113,13 @@
|
|||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
|
}, {
|
||||||
|
"path": "pages/medicine/medicine",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "就医",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
|
|||||||
@ -8,12 +8,6 @@
|
|||||||
<swiper-item>
|
<swiper-item>
|
||||||
<image style='width:100%;height:750rpx' src="../../static/spjtcs.png" mode=""></image>
|
<image style='width:100%;height:750rpx' src="../../static/spjtcs.png" mode=""></image>
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
<swiper-item>
|
|
||||||
<image style='width:100%;height:750rpx' src="../../static/spjtcs.png" mode=""></image>
|
|
||||||
</swiper-item>
|
|
||||||
<swiper-item>
|
|
||||||
<image style='width:100%;height:750rpx' src="../../static/spjtcs.png" mode=""></image>
|
|
||||||
</swiper-item>
|
|
||||||
</swiper>
|
</swiper>
|
||||||
</uni-swiper-dot>
|
</uni-swiper-dot>
|
||||||
<view class="Commodity common">
|
<view class="Commodity common">
|
||||||
@ -115,10 +109,6 @@
|
|||||||
//轮播内容
|
//轮播内容
|
||||||
info: [{
|
info: [{
|
||||||
content: '内容 A'
|
content: '内容 A'
|
||||||
}, {
|
|
||||||
content: '内容 B'
|
|
||||||
}, {
|
|
||||||
content: '内容 C'
|
|
||||||
}],
|
}],
|
||||||
current: 0, //轮播初始下标
|
current: 0, //轮播初始下标
|
||||||
mode: 'dot', //轮播点样式
|
mode: 'dot', //轮播点样式
|
||||||
@ -141,19 +131,7 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
background-color: #F4F5F7;
|
|
||||||
width: 100%;
|
|
||||||
position: relative;
|
|
||||||
color: #000000;
|
|
||||||
|
|
||||||
.mask {
|
.mask {
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
background-color: #000000;
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
|
|
||||||
.PurchasePage {
|
.PurchasePage {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 40%;
|
top: 40%;
|
||||||
|
|||||||
104
pages/Doctordetails/Doctordetails.vue
Normal file
104
pages/Doctordetails/Doctordetails.vue
Normal file
@ -0,0 +1,104 @@
|
|||||||
|
<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>
|
||||||
@ -36,49 +36,12 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
background-color: #F4F5F7;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.cards {
|
.cards {
|
||||||
width: 94%;
|
|
||||||
box-shadow: 0px 0px 30rpx 0px rgba(108, 99, 255, 0.16);
|
|
||||||
background-color: #fff;
|
|
||||||
position: absolute;
|
|
||||||
top: 3%;
|
|
||||||
left: 3%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
padding: 40rpx 0 200rpx 0;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: 43%;
|
|
||||||
height: 295rpx;
|
height: 295rpx;
|
||||||
margin-bottom: 40rpx;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
text-align: center;
|
|
||||||
font-size: 46rpx;
|
|
||||||
color: #FCFCFC;
|
|
||||||
position: absolute;
|
|
||||||
top: 60%;
|
top: 60%;
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
image {
|
|
||||||
width: 100rpx;
|
|
||||||
height: 100rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: 20%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -71,11 +71,6 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
background-color: #F4F5F7;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.productlist {
|
.productlist {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|||||||
122
pages/disease/disease.vue
Normal file
122
pages/disease/disease.vue
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
<template>
|
||||||
|
<view class="app">
|
||||||
|
<view style="height: 20rpx;background-color: #F4F5F7;">
|
||||||
|
</view>
|
||||||
|
<view class="items">
|
||||||
|
<view class="item" style="background-color: #4C7BC9;color: #ffffff;">
|
||||||
|
无
|
||||||
|
</view>
|
||||||
|
<view class="item" v-for='(item,index) in diseaselist' :key="index">
|
||||||
|
{{item.diseaseName}}
|
||||||
|
</view>
|
||||||
|
<view class="other">
|
||||||
|
<span>其他:</span>
|
||||||
|
<!-- <input type="text"> -->
|
||||||
|
<u-input type="text" placeholder='请填写' />
|
||||||
|
</view>
|
||||||
|
<view class="btn">
|
||||||
|
提交
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getDiseaseInfo
|
||||||
|
} from '@/api/disease/index.js'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
diseaselist: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.diseaseinfo()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
diseaseinfo() {
|
||||||
|
getDiseaseInfo().then(res => {
|
||||||
|
this.diseaselist = res.data;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.app {
|
||||||
|
height: 100%;
|
||||||
|
padding-bottom: 70rpx;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
width: 217rpx;
|
||||||
|
height: 68rpx;
|
||||||
|
background: #4C7BC9;
|
||||||
|
border-radius: 26rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 68rpx;
|
||||||
|
margin: 100rpx 0 0 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.items {
|
||||||
|
width: 90%;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
color: #000000;
|
||||||
|
|
||||||
|
.other {
|
||||||
|
margin: 0 auto;
|
||||||
|
height: 93rpx;
|
||||||
|
display: flex;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
width: 100%;
|
||||||
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
margin: 20rpx auto;
|
||||||
|
line-height: 93rpx;
|
||||||
|
|
||||||
|
view {
|
||||||
|
height: 93rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
line-height: 93rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 93rpx;
|
||||||
|
height: 93rpx;
|
||||||
|
width: 30%;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .u-input__input {
|
||||||
|
height: 93rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .uni-input-wrapper {
|
||||||
|
height: 93rpx;
|
||||||
|
line-height: 93rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .u-input {
|
||||||
|
width: 70%;
|
||||||
|
height: 93rpx;
|
||||||
|
line-height: 93rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
height: 93rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
border-radius: 20rpx;
|
||||||
|
margin: 20rpx auto;
|
||||||
|
line-height: 93rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
111
pages/doctorslist/doctorslist.vue
Normal file
111
pages/doctorslist/doctorslist.vue
Normal file
@ -0,0 +1,111 @@
|
|||||||
|
<template>
|
||||||
|
<view class="app">
|
||||||
|
<view class="visual">
|
||||||
|
<view class="department">
|
||||||
|
<view class="item" v-for="(item,index) in departmentlist" :key="index"
|
||||||
|
:class="aindex == index ?'departmentitem':''">
|
||||||
|
{{item.name}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="list">
|
||||||
|
<view class="information">
|
||||||
|
<view class="image">
|
||||||
|
</view>
|
||||||
|
<view class="name">
|
||||||
|
某某某
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="information">
|
||||||
|
<view class="image">
|
||||||
|
</view>
|
||||||
|
<view class="name">
|
||||||
|
某某某
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
aindex: 1,
|
||||||
|
departmentlist: [{
|
||||||
|
name: '内科',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '外科',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '皮肤科',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.app {
|
||||||
|
.visual {
|
||||||
|
text-align: center;
|
||||||
|
width: 94%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #F4F5F7;
|
||||||
|
padding-top: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.list {
|
||||||
|
width: 72%;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
border-radius: 0px 20rpx 20rpx 0px;
|
||||||
|
padding-bottom: 100rpx;
|
||||||
|
|
||||||
|
.information {
|
||||||
|
width: 90%;
|
||||||
|
position: relative;
|
||||||
|
margin: 37rpx auto 0;
|
||||||
|
padding-bottom: 60rpx;
|
||||||
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
|
|
||||||
|
.name {
|
||||||
|
font-size: 36rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 45%;
|
||||||
|
top: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
width: 135rpx;
|
||||||
|
height: 138rpx;
|
||||||
|
background: #BFBFBF;
|
||||||
|
border-radius: 25rpx;
|
||||||
|
margin-left: 6%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.department {
|
||||||
|
width: 28%;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
line-height: 100rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 100rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
border-radius: 20rpx 0px 0px 20rpx;
|
||||||
|
margin-bottom: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.departmentitem {
|
||||||
|
background: #4C7BC9;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -7,7 +7,7 @@
|
|||||||
护理站
|
护理站
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="expert item">
|
<view class="expert item" @tap='gomedicine'>
|
||||||
<image src="../../static/zhuanjia.png" mode=""></image>
|
<image src="../../static/zhuanjia.png" mode=""></image>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
就医
|
就医
|
||||||
@ -34,38 +34,35 @@
|
|||||||
<view style="width:56% ;">
|
<view style="width:56% ;">
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {};
|
||||||
|
},
|
||||||
};
|
methods: {
|
||||||
|
//跳转就医页面
|
||||||
|
gomedicine() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/medicine/medicine'
|
||||||
|
})
|
||||||
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
background-color: #F4F5F7;
|
// background-color: #F4F5F7;
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
height: 100vh;
|
// height: 100vh;
|
||||||
position: relative;
|
// position: relative;
|
||||||
|
|
||||||
.cards {
|
.cards {
|
||||||
width: 94%;
|
|
||||||
box-shadow: 0px 0px 30rpx 0px rgba(108, 99, 255, 0.16);
|
|
||||||
background-color: #fff;
|
|
||||||
position: absolute;
|
|
||||||
top: 3%;
|
|
||||||
left: 3%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
padding: 40rpx 0 0 0;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
|
|
||||||
.smallitem {
|
.smallitem {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
@ -96,34 +93,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.item {
|
|
||||||
width: 43%;
|
|
||||||
height: 310rpx;
|
|
||||||
margin-bottom: 40rpx;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
width: 80%;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 46rpx;
|
|
||||||
color: #FCFCFC;
|
|
||||||
position: absolute;
|
|
||||||
top: 55%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
image {
|
|
||||||
width: 100rpx;
|
|
||||||
height: 100rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: 20%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.knowledge {
|
.knowledge {
|
||||||
background-color: #E1AE3C;
|
background-color: #E1AE3C;
|
||||||
}
|
}
|
||||||
|
|||||||
287
pages/information/information.vue
Normal file
287
pages/information/information.vue
Normal file
@ -0,0 +1,287 @@
|
|||||||
|
<template>
|
||||||
|
<view class="app">
|
||||||
|
<u-mask :show="usershow" class='mask'>
|
||||||
|
<view class="information">
|
||||||
|
<image src="../../static/information.png" mode=""></image>
|
||||||
|
<view class="title">
|
||||||
|
请完善个人信息
|
||||||
|
</view>
|
||||||
|
<view class="cancel">
|
||||||
|
取消
|
||||||
|
</view>
|
||||||
|
<view class="determine">
|
||||||
|
去完善
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-mask>
|
||||||
|
<view class="" style="background-color: #F4F5F7;height: 20rpx;width:100%">
|
||||||
|
</view>
|
||||||
|
<view class="userinfo info">
|
||||||
|
<view class="item">
|
||||||
|
<span>姓名:</span>
|
||||||
|
<!-- <input type="text"> -->
|
||||||
|
<u-input v-model="query.patientName" type="text" placeholder='' maxlength='5' />
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<span>电话:</span>
|
||||||
|
<u-input v-model="query.phone" maxlength='11' type="text" placeholder='' />
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<span>身份证号:</span>
|
||||||
|
<u-input v-model="query.cardNo" type="text" placeholder='' maxlength='18' />
|
||||||
|
</view>
|
||||||
|
<view class="item" @tap='areashow=true'>
|
||||||
|
<span>所属区域:</span>
|
||||||
|
<view></view>
|
||||||
|
<u-select v-model="areashow" label-name='areaName' value-name='areaCode' mode="mutil-column-auto"
|
||||||
|
:list="arealist" @confirm="areaconfirm"></u-select>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<span>详细地址:</span>
|
||||||
|
<u-input v-model="query.address" type="text" placeholder='' />
|
||||||
|
</view>
|
||||||
|
<view class="item" @tap='getAddress()'>
|
||||||
|
<span>所在位置:</span>
|
||||||
|
<view></view>
|
||||||
|
<!-- <u-input type="text" placeholder='' /> -->
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="info">
|
||||||
|
<view class="service">
|
||||||
|
<view class="title">
|
||||||
|
所属服务
|
||||||
|
</view>
|
||||||
|
<view class="Multiplechoice">
|
||||||
|
<view class="choice" @tap="gondisease">
|
||||||
|
服务1
|
||||||
|
</view>
|
||||||
|
<view class="choice" v-for="(item,index) in getNurseTypelist" :key="index">
|
||||||
|
{{item.nurseTypeName}}
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-button type="primary" @tap='a'>主要按钮</u-button>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getRegionAndStreetInfo,
|
||||||
|
getNurseType
|
||||||
|
} from '@/api/information/index.js'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
usershow: false, //完善信息开关
|
||||||
|
arealist: [], //区街道list
|
||||||
|
areashow: false, //经纬度开关
|
||||||
|
getNurseTypelist: [], //护理类型数组
|
||||||
|
query: { //信息请求数组
|
||||||
|
patientName: "",
|
||||||
|
cardNo: "",
|
||||||
|
phone: "",
|
||||||
|
address: "",
|
||||||
|
areaCode: "",
|
||||||
|
nurseTypeIdList: [],
|
||||||
|
diseaseInfoList: [],
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
//进入界面加载
|
||||||
|
onLoad() {
|
||||||
|
this.areaInfo()
|
||||||
|
this.getNurseTypeInfo();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
a() {
|
||||||
|
console.log(this.query)
|
||||||
|
},
|
||||||
|
//获取所在位置
|
||||||
|
getAddress() {
|
||||||
|
uni.chooseLocation({
|
||||||
|
success: function(res) {
|
||||||
|
console.log('位置名称：' + res.name);
|
||||||
|
console.log('详细地址：' + res.address);
|
||||||
|
console.log('纬度：' + res.latitude);
|
||||||
|
console.log('经度：' + res.longitude);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//护理类型请求
|
||||||
|
getNurseTypeInfo() {
|
||||||
|
getNurseType().then(res => {
|
||||||
|
this.getNurseTypelist = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//区街道
|
||||||
|
areaInfo() {
|
||||||
|
getRegionAndStreetInfo().then(res => {
|
||||||
|
res.data.forEach(e => {
|
||||||
|
if (e.children.length == 0) {
|
||||||
|
e.children.push({
|
||||||
|
areaCode: "",
|
||||||
|
areaName: "暂无街道",
|
||||||
|
children: null,
|
||||||
|
id: '',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.arealist = res.data;
|
||||||
|
console.log(this.arealist)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//区街道选择
|
||||||
|
areaconfirm(e) {
|
||||||
|
console.log(e)
|
||||||
|
// this.form.areaCode = e[e.length - 1].value
|
||||||
|
// this.address = e[0].label + '-' + e[1].label
|
||||||
|
// this.address = e[0].label + '-' + e[1].label + '-' + e[2].label
|
||||||
|
// console.log(this.address);
|
||||||
|
},
|
||||||
|
//点击医疗护理跳转
|
||||||
|
gondisease() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/disease/disease'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
.app {
|
||||||
|
.service {
|
||||||
|
width: 90%;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-bottom: 15rpx;
|
||||||
|
|
||||||
|
.Multiplechoice {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.choice {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 70rpx;
|
||||||
|
width: 190rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
background: #BFBFBF;
|
||||||
|
border-radius: 26rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 36rpx;
|
||||||
|
padding-top: 36rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
width: 90%;
|
||||||
|
margin: 0 auto 20rpx;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding-bottom: 5rpx;
|
||||||
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.userinfo {
|
||||||
|
.item {
|
||||||
|
width: 90%;
|
||||||
|
margin: 0 auto;
|
||||||
|
height: 120rpx;
|
||||||
|
line-height: 120rpx;
|
||||||
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
view {
|
||||||
|
height: 120rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
line-height: 120rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 120rpx;
|
||||||
|
height: 120rpx;
|
||||||
|
width: 30%;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .u-input__input {
|
||||||
|
height: 120rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .uni-input-wrapper {
|
||||||
|
height: 120rpx;
|
||||||
|
line-height: 120rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .u-input {
|
||||||
|
width: 70%;
|
||||||
|
height: 120rpx;
|
||||||
|
line-height: 120rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item:nth-child(6) {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mask {
|
||||||
|
.information {
|
||||||
|
width: 70%;
|
||||||
|
height: 400rpx;
|
||||||
|
margin: 50% auto;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.determine,
|
||||||
|
.cancel {
|
||||||
|
width: 200rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
border-radius: 26rpx;
|
||||||
|
font-size: 34rpx;
|
||||||
|
line-height: 70rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 74%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.determine {
|
||||||
|
background: #4C7BC9;
|
||||||
|
right: 36rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cancel {
|
||||||
|
background: #C5BFBF;
|
||||||
|
left: 36rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 42rpx;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
margin: 10% 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -258,10 +258,6 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
background-color: #F4F5F7;
|
|
||||||
position: relative;
|
|
||||||
height: 100vh;
|
|
||||||
width: 100%;
|
|
||||||
font-family: DengXian;
|
font-family: DengXian;
|
||||||
color: #C3C1C1;
|
color: #C3C1C1;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|||||||
49
pages/medicine/medicine.vue
Normal file
49
pages/medicine/medicine.vue
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
<template>
|
||||||
|
<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>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 跳转预约医生界面
|
||||||
|
godoctorslist() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/doctorslist/doctorslist'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.app {
|
||||||
|
.cards {
|
||||||
|
padding: 40rpx 0 500rpx 0;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
image {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -62,10 +62,6 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
background-color: #F4F5F7;
|
|
||||||
position: relative;
|
|
||||||
height: 100vh;
|
|
||||||
width: 100%;
|
|
||||||
font-family: DengXian;
|
font-family: DengXian;
|
||||||
color: #C3C1C1;
|
color: #C3C1C1;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|||||||
@ -51,51 +51,11 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
background-color: #F4F5F7;
|
// background-color: #F4F5F7;
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
height: 100vh;
|
// height: 100vh;
|
||||||
position: relative;
|
// position: relative;
|
||||||
|
|
||||||
.cards {
|
|
||||||
width: 94%;
|
|
||||||
box-shadow: 0px 0px 30rpx 0px rgba(108, 99, 255, 0.16);
|
|
||||||
background-color: #fff;
|
|
||||||
position: absolute;
|
|
||||||
top: 3%;
|
|
||||||
left: 3%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
padding: 40rpx 0 200rpx 0;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
|
|
||||||
.item {
|
|
||||||
width: 43%;
|
|
||||||
height: 300rpx;
|
|
||||||
margin-bottom: 40rpx;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
width: 70%;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 46rpx;
|
|
||||||
color: #FCFCFC;
|
|
||||||
position: absolute;
|
|
||||||
top: 58%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
image {
|
|
||||||
width: 100rpx;
|
|
||||||
height: 100rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: 20%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,13 +1,18 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="concent">
|
<view class="concent">
|
||||||
<view class="nursstation" @tap='detailed()'>
|
<view class="nursstation" @tap='detailed()'>
|
||||||
<text class="what" >什么是护理站？</text>
|
<text class="what">什么是护理站？</text>
|
||||||
<u-icon class="icon" name="arrow-right"></u-icon>
|
<u-icon class="icon" name="arrow-right"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
<view class="page-body" style="margin-top: -80rpx;">
|
<view class="page-body" style="margin-top: -80rpx;">
|
||||||
<view class="page-section page-section-gap" >
|
<view class="page-section page-section-gap">
|
||||||
|
|
||||||
|
<map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers">
|
||||||
|
</map>
|
||||||
|
|
||||||
|
<!--
|
||||||
<map style="width:100%; height:40vh;" scale="17" :latitude="latitude" :longitude="longitude"
|
<map style="width:100%; height:40vh;" scale="17" :latitude="latitude" :longitude="longitude"
|
||||||
:markers="markers"></map>
|
:markers="markers"></map> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -15,15 +20,11 @@
|
|||||||
<text class="nurse">济南护万家护理有限公司</text>
|
<text class="nurse">济南护万家护理有限公司</text>
|
||||||
<text class="distance">距离您800米</text>
|
<text class="distance">距离您800米</text>
|
||||||
<view class="background">
|
<view class="background">
|
||||||
|
<view class="picture">
|
||||||
<view class="picture">
|
<image src="/static/logo.png" mode=""></image>
|
||||||
<image src="/static/logo.png" mode=""></image>
|
</view>
|
||||||
</view>
|
<text class="qyttext">泉医通</text>
|
||||||
|
<text class="lianmeng">济卫护理联盟NO.1</text>
|
||||||
<text class="qyttext">泉医通</text>
|
|
||||||
<text class="lianmeng">济卫护理联盟NO.1</text>
|
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="click">点击了解</view>
|
<view class="click">点击了解</view>
|
||||||
|
|
||||||
@ -57,11 +58,9 @@
|
|||||||
<view class="picture2">
|
<view class="picture2">
|
||||||
<image src="../../static/locatinsmall.png"></image>
|
<image src="../../static/locatinsmall.png"></image>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="title">
|
<view class="title">
|
||||||
请打开系统定位
|
请打开系统定位
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="btns">
|
<view class="btns">
|
||||||
<view class="btn1" @tap='cancel()'>取消</view>
|
<view class="btn1" @tap='cancel()'>取消</view>
|
||||||
<view class="btn2" @tap='getsite()'>去打开</view>
|
<view class="btn2" @tap='getsite()'>去打开</view>
|
||||||
@ -99,87 +98,100 @@
|
|||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
mask: false,
|
mask: false,
|
||||||
|
|
||||||
|
id: 0, // 使用 marker点击事件 需要填写id
|
||||||
|
title: 'map',
|
||||||
|
latitude: 36.661634,
|
||||||
|
longitude: 117.025323,
|
||||||
|
covers: [{
|
||||||
|
latitude: 39.909,
|
||||||
|
longitude: 116.39742,
|
||||||
|
|
||||||
|
}, {
|
||||||
|
latitude: 39.90,
|
||||||
|
longitude: 116.39,
|
||||||
|
|
||||||
|
}]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
this.pageNum++;
|
// this.pageNum++;
|
||||||
if (this.nurseTypeCode != undefined) {
|
// if (this.nurseTypeCode != undefined) {
|
||||||
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
|
// nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
|
||||||
.then(res => {
|
// .then(res => {
|
||||||
if (res.total == this.nearbylist.length) {
|
// if (res.total == this.nearbylist.length) {
|
||||||
|
|
||||||
} else {
|
// } else {
|
||||||
res.rows.forEach(e => {
|
// res.rows.forEach(e => {
|
||||||
this.nearbylist.push(e)
|
// this.nearbylist.push(e)
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
})
|
// })
|
||||||
} else {
|
// } else {
|
||||||
uni.request({
|
// uni.request({
|
||||||
url: baseurl +
|
// url: baseurl +
|
||||||
`/nurseApplet/nearbyNursingStation/nearbyList?pageSize=${this.pageSize}&pageNum=${this.pageNum}&homeLongitude=${this.longitude}&homeLatitude=${this.latitude}&nurseStationName=${this.iptVal}`, //仅为示例，并非真实接口地址。
|
// `/nurseApplet/nearbyNursingStation/nearbyList?pageSize=${this.pageSize}&pageNum=${this.pageNum}&homeLongitude=${this.longitude}&homeLatitude=${this.latitude}&nurseStationName=${this.iptVal}`, //仅为示例，并非真实接口地址。
|
||||||
success: (res) => {
|
// success: (res) => {
|
||||||
if (res.data.total == this.nearbylist.length) {} else {
|
// if (res.data.total == this.nearbylist.length) {} else {
|
||||||
res.data.rows.forEach(e => {
|
// res.data.rows.forEach(e => {
|
||||||
this.nearbylist.push(e)
|
// this.nearbylist.push(e)
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
console.log(this.nearbylist)
|
// console.log(this.nearbylist)
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
watch: {
|
watch: {
|
||||||
iptVal() {
|
// iptVal() {
|
||||||
this.requestinfo()
|
// this.requestinfo()
|
||||||
},
|
// },
|
||||||
},
|
},
|
||||||
onShow() {},
|
onShow() {},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
console.log(options)
|
// console.log(options)
|
||||||
console.log(baseurl)
|
// console.log(baseurl)
|
||||||
this.baseurl = baseurl;
|
// this.baseurl = baseurl;
|
||||||
this.nurseTypeCode = options.nurseTypeCode
|
// this.nurseTypeCode = options.nurseTypeCode
|
||||||
var that = this
|
// var that = this
|
||||||
uni.getStorage({
|
// uni.getStorage({
|
||||||
key: 'openid',
|
// key: 'openid',
|
||||||
success(res) {
|
// success(res) {
|
||||||
console.log(res)
|
// console.log(res)
|
||||||
that.openid = res.data
|
// that.openid = res.data
|
||||||
getPatientInfo(that.openid).then(res => {
|
// getPatientInfo(that.openid).then(res => {
|
||||||
// console.log(res)
|
// // console.log(res)
|
||||||
if (res.code == 200) {
|
// if (res.code == 200) {
|
||||||
that.latitude = res.data.homeLatitude
|
// that.latitude = res.data.homeLatitude
|
||||||
that.longitude = res.data.homeLongitude
|
// that.longitude = res.data.homeLongitude
|
||||||
console.log(that.latitude, that.longitude)
|
// console.log(that.latitude, that.longitude)
|
||||||
if (!that.latitude) {
|
// if (!that.latitude) {
|
||||||
that.latitude = 36.661634
|
// that.latitude = 36.661634
|
||||||
}
|
// }
|
||||||
if (!that.longitude) {
|
// if (!that.longitude) {
|
||||||
that.longitude = 117.025323
|
// that.longitude = 117.025323
|
||||||
}
|
// }
|
||||||
that.markers.push({
|
// that.markers.push({
|
||||||
id: 3,
|
// id: 3,
|
||||||
latitude: res.data.homeLatitude,
|
// latitude: res.data.homeLatitude,
|
||||||
longitude: res.data.homeLongitude,
|
// longitude: res.data.homeLongitude,
|
||||||
width: 20,
|
// width: 20,
|
||||||
height: 25,
|
// height: 25,
|
||||||
iconPath: "../../static/location.png"
|
// iconPath: "../../static/location.png"
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
})
|
// })
|
||||||
that.requestinfo()
|
// that.requestinfo()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
detailed(){
|
detailed() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages/detail/detail`
|
url: `/pages/detail/detail`
|
||||||
})
|
})
|
||||||
},
|
|
||||||
},
|
},
|
||||||
// getsite() {
|
// getsite() {
|
||||||
// let data={};
|
// let data={};
|
||||||
@ -218,8 +230,8 @@
|
|||||||
url: `/pages/details/details?id=${item.nurseStationId}`
|
url: `/pages/details/details?id=${item.nurseStationId}`
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|||||||
BIN
static/chaxun.png
Normal file
BIN
static/chaxun.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
static/information.png
Normal file
BIN
static/information.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
static/yuyue.png
Normal file
BIN
static/yuyue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Loading…
Reference in New Issue
Block a user