Merge remote-tracking branch 'origin/dev' into dev
# Conflicts: # pages/Aftersalesdetails/Aftersalesdetails.vue
This commit is contained in:
曹辉
commit
0666c1c2f0
@ -0,0 +1,7 @@
|
||||
import request from "../request.js"
|
||||
export function appServiceOrder(id,pageSize,pageNum) {
|
||||
return request({
|
||||
url: `/nurseApp/login/appServiceOrder?pageSize=${pageSize}&pageNum=${pageNum}&patientId=${id}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
28
api/ServiceDetails/ServiceDetails.js
Normal file
28
api/ServiceDetails/ServiceDetails.js
Normal file
@ -0,0 +1,28 @@
|
||||
import request from "../request.js"
|
||||
|
||||
export function getOrderPatientInfo(orderNo) {
|
||||
return request({
|
||||
url: `/nurseApp/login/getOrderPatientInfo?orderNo=${orderNo}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
export function getAppStationItemInfo(stationId,stationItemId,stationItemPriceId) {
|
||||
return request({
|
||||
url: `/nurseApp/login/getAppStationItemInfo?stationId=${stationId}&stationItemId=${stationItemId}&stationItemPriceId=${stationItemPriceId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
export function introductionList(nurseStationId) {
|
||||
return request({
|
||||
url: `/nurseApplet/nearbyNursingStation/introductionList?nurseStationId=${nurseStationId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
export function cancellationOrder(appointmentOrderId) {
|
||||
return request({
|
||||
url: `/nurseApp/login/cancellationOrder?appointmentOrderId=${appointmentOrderId}`,
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
8
api/cancelorder/cancelorder.js
Normal file
8
api/cancelorder/cancelorder.js
Normal file
@ -0,0 +1,8 @@
|
||||
import request from "../request.js"
|
||||
|
||||
export function cancellationOrder(appointmentOrderId,cancelAppointmentReason) {
|
||||
return request({
|
||||
url: `/nurseApp/login/cancellationOrder?appointmentOrderId=${appointmentOrderId}&cancelAppointmentReason=${cancelAppointmentReason}`,
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
8
api/forgotPassword/forgotPassword.js
Normal file
8
api/forgotPassword/forgotPassword.js
Normal file
@ -0,0 +1,8 @@
|
||||
import request from "../request.js"
|
||||
|
||||
export function ForgotPassword(phone, password,verification) {
|
||||
return request({
|
||||
url: `/nurseApp/login/appForgotPassword?phone=${phone}&password=${password}&verification=${verification}`,
|
||||
method: 'POST'
|
||||
})
|
||||
}
|
||||
17
api/modify/modify.js
Normal file
17
api/modify/modify.js
Normal file
@ -0,0 +1,17 @@
|
||||
import request from "../request.js"
|
||||
|
||||
// 修改信息
|
||||
export function updateInformation(data){
|
||||
return request({
|
||||
url: '/nurseApp/login/updateInformation',
|
||||
method: 'POST',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
export function appPersonal(patientId) {
|
||||
return request({
|
||||
url: `/nurseApp/login/appPersonal?patientId=${patientId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
7
api/user/user.js
Normal file
7
api/user/user.js
Normal file
@ -0,0 +1,7 @@
|
||||
import request from "../request.js"
|
||||
export function appPersonal(patientId) {
|
||||
return request({
|
||||
url: `/nurseApp/login/appPersonal?patientId=${patientId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
@ -83,7 +83,7 @@
|
||||
padding: 3%;
|
||||
height: 100vh;
|
||||
font-size: 36rpx;
|
||||
|
||||
|
||||
//按钮修改申请和撤销申请
|
||||
.evaluate {
|
||||
display: flex;
|
||||
|
||||
@ -2,42 +2,22 @@
|
||||
<view class="app">
|
||||
<view class="content">
|
||||
<view class="name">
|
||||
2022-10-11 15:44
|
||||
<span>待服务</span>
|
||||
{{list.createTime}}
|
||||
<span>{{list.orderStatus=='WAIT_PAY'?'待付款':''}}
|
||||
{{list.orderStatus=='WAIT_DISPATCH'?'待派单':''}}
|
||||
{{list.orderStatus=='NOT_FINISH'?'未完成':''}}
|
||||
{{list.orderStatus=='COMPLETE'?'服务完成':''}}</span>
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image src="/static/fuwutu.png" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>换药</span>
|
||||
<span>￥50.0</span>
|
||||
<span>{{list.nurseItemName}}</span>
|
||||
<span>￥{{list.totalPrice}}</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span>服务时长：1小时</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="submit" @tap="gofinished" >
|
||||
确认完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="name">
|
||||
2022-10-11 15:44
|
||||
<span>完成</span>
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image src="/static/fuwutu.png" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>换药</span>
|
||||
<span>￥50.0</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span>服务时长：1小时</span>
|
||||
<span>服务时长：{{list.itemServeDurationUnit}}</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -46,22 +26,37 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
import {
|
||||
appServiceOrder
|
||||
} from '@/api/Nursingstationserviceorder/Nursingstationserviceorder.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
patientId: 46,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
list: [],
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getinfo()
|
||||
},
|
||||
methods: {
|
||||
getinfo() {
|
||||
appServiceOrder(this.patientId, this.pageNum, this.pageSize).then(res => {
|
||||
// console.log(res)
|
||||
this.list = res.rows[0];
|
||||
console.log(this.list)
|
||||
})
|
||||
},
|
||||
gofinished() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/Service Details/Service Details'
|
||||
url: '/pages/ServiceDetails/ServiceDetails'
|
||||
})
|
||||
},
|
||||
}
|
||||
|
||||
@ -9,10 +9,10 @@
|
||||
<image src="/static/fuwutu.png" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>济南护理万家有限公司</span>
|
||||
<span>{{nursestationlist.nurseStationName}}</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span>济南市历下区和平路47号诚基中心 6号楼-118 </span>
|
||||
<span>{{nursestationlist.address}}</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -22,8 +22,9 @@
|
||||
联系我们
|
||||
</view>
|
||||
<view class="Navigation">
|
||||
<image src="/static/daohang.png" mode="">导航</image>
|
||||
<image src="/static/daoh.png" mode="">导航</image>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -31,26 +32,26 @@
|
||||
<view class="name">
|
||||
服务项目
|
||||
</view>
|
||||
<view class="drug">·换药 </view>
|
||||
<view class="drug">·{{orderlist.nurseItemName}} </view>
|
||||
</view>
|
||||
|
||||
<view class="content" style="height: 390rpx;line-height: 60rpx;padding:3% ;">服务信息
|
||||
<view class="contacts">·联系人：某某某</view>
|
||||
<view class="contacts">·电话:1888888888</view>
|
||||
<view class="contacts">·地址：某某省某某市某区</view>
|
||||
<view class="contacts">·时间：10月10号</view>
|
||||
<view class="contacts">·联系人：{{list.patientName}}</view>
|
||||
<view class="contacts">·电话:{{list.phone}}</view>
|
||||
<view class="contacts">·地址：{{list.serviceAddress}}</view>
|
||||
<view class="contacts">·时间：{{list.serviceDate}}</view>
|
||||
|
||||
</view>
|
||||
<view class="Package">套餐信息：
|
||||
<span>￥50.0</span>
|
||||
<span>￥{{orderlist.nurseItemPrice}}</span>
|
||||
<view class="detail">
|
||||
·气管切开置管护理
|
||||
·{{orderlist.nurseItemName}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="Consumablespackage">耗材包详情：
|
||||
<span>￥50.0</span>
|
||||
<view class="detail">
|
||||
·一次性换药包X1，一次性注射器X1
|
||||
<view class="Consumablespackage" v-if='orderlist.itemConsumableList'>耗材包详情：
|
||||
<span>￥{{orderlist.itemConsumableList[0].consumablePrice}}</span>
|
||||
<view class="detail" >
|
||||
·{{orderlist.itemConsumableList[0].consumableDetail}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="remarks">
|
||||
@ -58,21 +59,68 @@
|
||||
<input placeholder="">
|
||||
</view>
|
||||
<view class="evaluate">
|
||||
<view class="cancelorder">取消订单</view>
|
||||
<view class="cancelorder" @tap="cancelorderment()">取消订单</view>
|
||||
<view class="cancelorder " style="background: #4C7BC9;">评价</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
import {
|
||||
getOrderPatientInfo,
|
||||
getAppStationItemInfo,
|
||||
introductionList,
|
||||
cancellationOrder
|
||||
} from '@/api/ServiceDetails/ServiceDetails.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
// patientId: 46,
|
||||
list:[],
|
||||
orderlist:[],//获取耗材包详情
|
||||
nursestationlist:[],// 护理站信息列表
|
||||
stationId:3,
|
||||
stationItemId:3,
|
||||
stationItemPriceId:4,
|
||||
nurseStationId:2,
|
||||
orderNo:'00001511774895025200',
|
||||
appointmentOrderId:16,
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getinfo()
|
||||
this.getPatientInfo()
|
||||
this.getlist()
|
||||
},
|
||||
methods: {
|
||||
|
||||
getinfo() {
|
||||
getOrderPatientInfo(this.orderNo).then(res => {
|
||||
console.log(res)
|
||||
this.list = res.data;
|
||||
// console.log(this.list)
|
||||
})
|
||||
},
|
||||
// 护理站信息列表
|
||||
getlist() {
|
||||
introductionList(this.nurseStationId).then(res => {
|
||||
this.nursestationlist = res[0];
|
||||
console.log(this.nursestationlist)
|
||||
})
|
||||
},
|
||||
//获取耗材包详情
|
||||
getPatientInfo(stationId, stationItemId, stationItemPriceId) {
|
||||
getAppStationItemInfo(this.stationId, this.stationItemId, this.stationItemPriceId).then(res => {
|
||||
this.orderlist = res.data
|
||||
console.log(this.orderlist)
|
||||
//被护理人信
|
||||
})
|
||||
},
|
||||
cancelorderment(){
|
||||
uni.navigateTo({
|
||||
url: `/pages/cancelorder/cancelorder?nurseItemPrice=${this.orderlist.nurseItemPrice}`
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -83,6 +131,7 @@
|
||||
padding: 2%;
|
||||
font-size: 36rpx;
|
||||
padding-top: 10rpx;
|
||||
|
||||
// 服务商家
|
||||
.detail {
|
||||
margin-top: 3%;
|
||||
@ -93,6 +142,7 @@
|
||||
margin-left: 10%;
|
||||
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
@ -102,7 +152,8 @@
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
}
|
||||
//按钮取消订单和评价
|
||||
|
||||
//按钮取消订单和评价
|
||||
.evaluate {
|
||||
display: flex;
|
||||
float: right;
|
||||
@ -138,6 +189,7 @@
|
||||
margin-left: 15%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 耗材包 */
|
||||
.Consumablespackage {
|
||||
width: 94%;
|
||||
@ -180,7 +232,8 @@
|
||||
|
||||
}
|
||||
}
|
||||
//服务项目和服务商家
|
||||
|
||||
//服务项目和服务商家
|
||||
.content {
|
||||
width: 95%;
|
||||
height: 336rpx;
|
||||
@ -209,11 +262,10 @@
|
||||
|
||||
.details {
|
||||
height: 250rpx;
|
||||
|
||||
.call {
|
||||
display: flex;
|
||||
margin-top: -5%;
|
||||
|
||||
margin-top: -7%;
|
||||
margin-left: 3%;
|
||||
.Navigation {
|
||||
width: 103rpx;
|
||||
height: 48rpx;
|
||||
@ -224,7 +276,6 @@
|
||||
line-height: 48rpx;
|
||||
margin-left: 3%;
|
||||
text-align: center;
|
||||
|
||||
image {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
|
||||
113
pages/cancelorder/cancelorder.vue
Normal file
113
pages/cancelorder/cancelorder.vue
Normal file
@ -0,0 +1,113 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="content">退款金额
|
||||
<span>￥{{orderlist.nurseItemPrice}}</span>
|
||||
</view>
|
||||
<view class="reason">
|
||||
<view class="ability">退款原因</view>
|
||||
<input type="text" placeholder="请输入退款原因" v-model="cancelAppointmentReason">
|
||||
</view>
|
||||
<view class="ConfirmCancel" @tap="gocancel()">确认取消
|
||||
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
import {
|
||||
cancellationOrder
|
||||
} from '@/api/cancelorder/cancelorder.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
orderlist: [],
|
||||
appointmentOrderId: 14,
|
||||
cancelAppointmentReason: '',
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
console.log(options)
|
||||
this.orderlist.nurseItemPrice = options.nurseItemPrice
|
||||
|
||||
},
|
||||
methods: {
|
||||
gocancel() {
|
||||
cancellationOrder(this.appointmentOrderId, this.cancelAppointmentReason).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',
|
||||
toast: 1000
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
color: #000000;
|
||||
|
||||
.ConfirmCancel {
|
||||
width: 217rpx;
|
||||
height: 68rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 68rpx;
|
||||
text-align: center;
|
||||
margin-top: 65%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.reason {
|
||||
width: 95%;
|
||||
height: 342rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 10px auto;
|
||||
padding: 2%;
|
||||
font-size: 30rpx;
|
||||
|
||||
.ability {
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 95%;
|
||||
height: 96rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
line-height: 70rpx;
|
||||
padding: 2%;
|
||||
font-size: 30rpx;
|
||||
|
||||
span {
|
||||
float: right;
|
||||
font-size: 38rpx;
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
74
pages/forgotPassword/forgotPassword.scss
Normal file
74
pages/forgotPassword/forgotPassword.scss
Normal file
@ -0,0 +1,74 @@
|
||||
.app {
|
||||
height: 100vh;
|
||||
padding: 20rpx 0;
|
||||
|
||||
.item {
|
||||
font-size: 34rpx;
|
||||
margin: 0 auto 20rpx;
|
||||
width: 94%;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
position: relative;
|
||||
|
||||
.lefttext {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 3%;
|
||||
}
|
||||
|
||||
.righttext {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 18%;
|
||||
height: 100rpx;
|
||||
}
|
||||
|
||||
.lefttext,
|
||||
.righttext {
|
||||
::v-deep .uni-input-input {
|
||||
font-size: 34rpx;
|
||||
}
|
||||
|
||||
::v-deep .uni-input-wrapper {
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
}
|
||||
|
||||
::v-deep .uni-input-placeholder {
|
||||
line-height: 100rpx;
|
||||
font-size: 34rpx;
|
||||
font-weight: 400;
|
||||
color: #C3C1C1;
|
||||
}
|
||||
}
|
||||
|
||||
.obtaincode {
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
color: #4C7BC9;
|
||||
line-height: 100rpx;
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
top: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
.loginbtn {
|
||||
width: 80%;
|
||||
height: 100rpx;
|
||||
text-align: center;
|
||||
line-height: 100rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 51rpx;
|
||||
font-size: 41rpx;
|
||||
color: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 10%;
|
||||
}
|
||||
}
|
||||
123
pages/forgotPassword/forgotPassword.vue
Normal file
123
pages/forgotPassword/forgotPassword.vue
Normal file
@ -0,0 +1,123 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="item">
|
||||
<view class="lefttext">
|
||||
输入新密码
|
||||
</view>
|
||||
<u-input class='righttext' style='left:30%' placeholder="请输入密码" maxlength="10" type="password"
|
||||
:border="false" :password-icon="true" v-model="newpassword" />
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="lefttext">
|
||||
重复新密码
|
||||
</view>
|
||||
<u-input class='righttext' style='left:30%' placeholder="请再次输入密码" maxlength="10" type="password"
|
||||
:border="false" :password-icon="true" v-model="password" />
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="lefttext">
|
||||
手机号
|
||||
</view>
|
||||
<input class="righttext" style='left:23%' type="text" placeholder="请输入" maxlength="11" v-model="phone"/>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="lefttext">
|
||||
验证码
|
||||
</view>
|
||||
<input class="righttext" style='left:23%' type="text" placeholder="" maxlength="6" v-model="verification" />
|
||||
<view class="obtaincode" :style="{'color':getCodeBtnColor}" @click.stop="getCode()">
|
||||
{{getCodeText}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="loginbtn" @tap='pwdlogin'>
|
||||
登录
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
ForgotPassword
|
||||
} from '../../api/forgotPassword/forgotPassword.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
phone: '13678945620',
|
||||
verification: '111111',
|
||||
password: '',
|
||||
newpassword: '',
|
||||
getCodeText: '获取验证码', //获取验证码的文字
|
||||
getCodeBtnColor: "#4C7BC9", //获取验证码的color
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pwdlogin() {
|
||||
ForgotPassword(this.phone, this.password, this.verification).then(res => {
|
||||
if (this.password !== this.newpassword) {
|
||||
this.$refs.uToast.show({
|
||||
title: '密码输入不一致，请重新输入',
|
||||
type: 'error',
|
||||
duration: '1500'
|
||||
})
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
title: '密码修改成功',
|
||||
type: 'success',
|
||||
url: '/pages/login/login',
|
||||
duration: '1500'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
//点击获取验证码
|
||||
getCode() {
|
||||
uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
|
||||
if (this.getCodeisWaiting) { //是否在倒计时中
|
||||
return;
|
||||
}
|
||||
if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phone))) { //校验手机号码是否有误
|
||||
uni.showToast({
|
||||
title: '请填写正确手机号码',
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
this.getCodeText = "发送中..." //发送验证码
|
||||
this.getCodeisWaiting = true;
|
||||
this.getCodeBtnColor = "rgba(138,139,133,1)" //追加样式，修改颜色
|
||||
//示例用定时器模拟请求效果
|
||||
//setTimeout(()用于在指定的毫秒数后调用函数或计算表达式
|
||||
setTimeout(() => {
|
||||
uni.showToast({
|
||||
title: '验证码已发送',
|
||||
icon: "none"
|
||||
}); //弹出提示框
|
||||
// this.code = '1234'; //发送验证码，进行填入 示例默认1234，生产中请删除这一句。
|
||||
this.setTimer(); //调用定时器方法
|
||||
}, 1000)
|
||||
},
|
||||
//获取验证码的倒计时 setTimer： 需要每隔一段时间执行一件事的的时候就需要使用SetTimer函数
|
||||
setTimer() {
|
||||
let holdTime = 60; //定义变量并赋值
|
||||
this.getCodeText = "重新获取(60)"
|
||||
//setInterval（）是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。
|
||||
//setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。
|
||||
this.Timer = setInterval(() => {
|
||||
if (holdTime <= 0) {
|
||||
this.getCodeisWaiting = false;
|
||||
this.getCodeBtnColor = "#4C7BC9";
|
||||
this.getCodeText = "获取验证码"
|
||||
clearInterval(this.Timer); //清除该函数
|
||||
return; //返回前面
|
||||
}
|
||||
this.getCodeText = "重新获取(" + holdTime + ")"
|
||||
holdTime--;
|
||||
}, 1000)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "./forgotPassword.scss";
|
||||
</style>
|
||||
@ -3,6 +3,12 @@
|
||||
color: #C3C1C1;
|
||||
font-weight: 400;
|
||||
height:100vh;
|
||||
.forget{
|
||||
position: absolute;
|
||||
top: 67%;
|
||||
left: 10%;
|
||||
color: #46ABD7;
|
||||
}
|
||||
.switch {
|
||||
text-align: center;
|
||||
height: 100rpx;
|
||||
@ -29,7 +35,7 @@
|
||||
.loginphone {
|
||||
background-color: #fff;
|
||||
width: 80%;
|
||||
height: 162rpx;
|
||||
height: 150rpx;
|
||||
position: absolute;
|
||||
left: 10%;
|
||||
top: 23%;
|
||||
@ -48,7 +54,7 @@
|
||||
|
||||
.phone {
|
||||
padding-left: 40rpx;
|
||||
height: 100%;
|
||||
height: 150rpx;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
}
|
||||
@ -56,8 +62,9 @@
|
||||
.logincode {
|
||||
position: absolute;
|
||||
left: 10%;
|
||||
|
||||
|
||||
::v-deep .u-input{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
::v-deep .u-input__input {
|
||||
padding-left: 20rpx;
|
||||
@ -78,4 +85,5 @@
|
||||
top: 13%;
|
||||
left: 13%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -6,14 +6,26 @@
|
||||
<view class="loginphone">
|
||||
<input class="phone" type="text" placeholder="手机号码" maxlength="11" v-model="phone" />
|
||||
</view>
|
||||
<view class="logincode loginphone" style="top: 40%;">
|
||||
<view class="logincode loginphone" style="top: 40%;" v-if='switchs'>
|
||||
<u-input class='code phone' placeholder="密码" maxlength="10" v-model="password" type="password"
|
||||
:border="true" :password-icon="true" />
|
||||
</view>
|
||||
<view class="loginbtn" @tap='pwdlogin'>
|
||||
<view class="logincode loginphone" style="top: 40%;" v-else>
|
||||
<input class="code phone" type="text" placeholder="验证码" maxlength="6" v-model="verification" />
|
||||
<view class="obtaincode get-code" :style="{'color':getCodeBtnColor}" @click.stop="getCode()">
|
||||
{{getCodeText}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="loginbtn" @tap='pwdlogin' v-if='switchs'>
|
||||
登录
|
||||
</view>
|
||||
<view class="switch" @tap='goregister' style="left:55%">
|
||||
<view class="loginbtn" @tap='verificationlogin' v-else>
|
||||
登录
|
||||
</view>
|
||||
<view class="switch" @tap='switchs=!switchs'>
|
||||
{{switchs?'切换手机验证码登录':'切换密码登录'}}
|
||||
</view>
|
||||
<view class="switch" @tap='goregister' style="left:55%" v-if="switchs">
|
||||
没有账号,请先注册
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
@ -21,36 +33,40 @@
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
appLoginpwd
|
||||
appLoginpwd,
|
||||
appLoginvfn
|
||||
} from '../../api/login/index.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
phone: '13645678906',
|
||||
password: '123456',
|
||||
verification: '111111',
|
||||
getCodeText: '获取验证码', //获取验证码的文字
|
||||
getCodeBtnColor: "#4C7BC9", //获取验证码的color
|
||||
getCodeisWaiting: false, //判断是否在倒计时中
|
||||
switchs: false, //切换验证码 密码登录
|
||||
};
|
||||
},
|
||||
//获取到传值
|
||||
onLoad(options) {},
|
||||
onLoad(options) {
|
||||
this.switchs = options.switchs
|
||||
},
|
||||
methods: {
|
||||
//密码登录
|
||||
pwdlogin() {
|
||||
appLoginpwd(this.phone, this.password).then(res => {
|
||||
//验证码登录
|
||||
verificationlogin() {
|
||||
appLoginvfn(this.phone, this.verification).then(res => {
|
||||
console.log(res)
|
||||
if (res.code == 200) {
|
||||
if (res.data.registerFlag == false) {
|
||||
uni.setStorage({
|
||||
key: 'patientId',
|
||||
data: res.data.patientId,
|
||||
success: function() {
|
||||
console.log('patientId保存成功');
|
||||
}
|
||||
});
|
||||
this.$refs.uToast.show({
|
||||
title: res.data.message,
|
||||
type: 'success',
|
||||
url: '',
|
||||
duration: '1500'
|
||||
})
|
||||
setTimeout(() => {
|
||||
setInterval(() => {
|
||||
//TODO
|
||||
uni.switchTab({
|
||||
url: '/pages/homepage/homepage',
|
||||
})
|
||||
@ -62,6 +78,39 @@
|
||||
})
|
||||
}
|
||||
} else {
|
||||
console.log(res)
|
||||
this.$refs.uToast.show({
|
||||
title: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
//密码登录
|
||||
pwdlogin() {
|
||||
appLoginpwd(this.phone, this.password).then(res => {
|
||||
if (res.code == 200) {
|
||||
if (res.data.registerFlag == false) {
|
||||
this.$refs.uToast.show({
|
||||
title: res.data.message,
|
||||
type: 'success',
|
||||
url: '',
|
||||
duration: '1500'
|
||||
})
|
||||
setInterval(() => {
|
||||
//TODO
|
||||
uni.switchTab({
|
||||
url: '/pages/homepage/homepage',
|
||||
})
|
||||
}, 1500);
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
title: res.data.message,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
} else {
|
||||
console.log(res)
|
||||
this.$refs.uToast.show({
|
||||
title: res.msg,
|
||||
type: 'error'
|
||||
@ -75,14 +124,135 @@
|
||||
url: '/pages/register/register'
|
||||
})
|
||||
},
|
||||
//点击获取验证码
|
||||
getCode() {
|
||||
uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
|
||||
if (this.getCodeisWaiting) { //是否在倒计时中
|
||||
return;
|
||||
}
|
||||
if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phone))) { //校验手机号码是否有误
|
||||
uni.showToast({
|
||||
title: '请填写正确手机号码',
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
this.getCodeText = "发送中..." //发送验证码
|
||||
this.getCodeisWaiting = true;
|
||||
this.getCodeBtnColor = "rgba(138,139,133,1)" //追加样式，修改颜色
|
||||
//示例用定时器模拟请求效果
|
||||
//setTimeout(()用于在指定的毫秒数后调用函数或计算表达式
|
||||
setTimeout(() => {
|
||||
uni.showToast({
|
||||
title: '验证码已发送',
|
||||
icon: "none"
|
||||
}); //弹出提示框
|
||||
// this.code = '1234'; //发送验证码，进行填入 示例默认1234，生产中请删除这一句。
|
||||
this.setTimer(); //调用定时器方法
|
||||
}, 1000)
|
||||
},
|
||||
//获取验证码的倒计时 setTimer： 需要每隔一段时间执行一件事的的时候就需要使用SetTimer函数
|
||||
setTimer() {
|
||||
let holdTime = 60; //定义变量并赋值
|
||||
this.getCodeText = "重新获取(60)"
|
||||
//setInterval（）是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。
|
||||
//setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。
|
||||
this.Timer = setInterval(() => {
|
||||
if (holdTime <= 0) {
|
||||
this.getCodeisWaiting = false;
|
||||
this.getCodeBtnColor = "#4C7BC9";
|
||||
this.getCodeText = "获取验证码"
|
||||
clearInterval(this.Timer); //清除该函数
|
||||
return; //返回前面
|
||||
}
|
||||
this.getCodeText = "重新获取(" + holdTime + ")"
|
||||
holdTime--;
|
||||
}, 1000)
|
||||
},
|
||||
doReg() {
|
||||
// uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
|
||||
// //模板示例部分验证规则
|
||||
// if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phoneNumber))) { //校验手机号码
|
||||
// uni.showToast({
|
||||
// title: '请填写正确手机号码',
|
||||
// icon: "none"
|
||||
// });
|
||||
// return false;
|
||||
// }
|
||||
// //示例验证码，实际使用中应为请求服务器比对验证码是否正确。
|
||||
// if (this.code != 1234) {
|
||||
// uni.showToast({
|
||||
// title: '验证码不正确',
|
||||
// icon: "none"
|
||||
// });
|
||||
// return false;
|
||||
// }
|
||||
// uni.showLoading({
|
||||
// title: '提交中...'
|
||||
// })
|
||||
// //模板示例把用户注册信息储存在本地，实际使用中请替换为上传服务器。
|
||||
// setTimeout(() => {
|
||||
// uni.getStorage({
|
||||
// key: 'UserList',
|
||||
// success: (res) => {
|
||||
// //增加记录，密码md5
|
||||
// res.data.push({
|
||||
// username: this.phoneNumber,
|
||||
// passwd: md5(this.passwd)
|
||||
// })
|
||||
// uni.setStorage({
|
||||
// key: 'UserList',
|
||||
// data: res.data,
|
||||
// success: function() {
|
||||
// uni.hideLoading()
|
||||
// uni.showToast({
|
||||
// title: '注册成功',
|
||||
// icon: "success"
|
||||
// });
|
||||
// setTimeout(function() {
|
||||
// uni.navigateBack();
|
||||
// }, 1000)
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
// fail: (e) => {
|
||||
// uni.hideLoading()
|
||||
// console.log('error');
|
||||
// //新建UserList
|
||||
// uni.setStorage({
|
||||
// key: 'UserList',
|
||||
// data: [{
|
||||
// username: this.phoneNumber,
|
||||
// passwd: md5(this.passwd)
|
||||
// }],
|
||||
// success: function() {
|
||||
// uni.hideLoading()
|
||||
// uni.showToast({
|
||||
// title: '注册成功',
|
||||
// icon: "success"
|
||||
// });
|
||||
// setTimeout(function() {
|
||||
// uni.navigateBack();
|
||||
// }, 1000)
|
||||
// },
|
||||
// fail: function(e) {
|
||||
// console.log('set error:' + JSON.stringify(e));
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
// }, 1000)
|
||||
},
|
||||
toLogin() {
|
||||
// uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
|
||||
// uni.redirectTo({
|
||||
// url: 'login'
|
||||
// }); //跳转到登录页
|
||||
// uni.navigateBack(); //关闭当前页面，返回上一页面
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
toLogin() {
|
||||
// uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
|
||||
// uni.redirectTo({
|
||||
// url: 'login'
|
||||
// }); //跳转到登录页
|
||||
// uni.navigateBack(); //关闭当前页面，返回上一页面
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
77
pages/modify/modify.scss
Normal file
77
pages/modify/modify.scss
Normal file
@ -0,0 +1,77 @@
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
color: #000000;
|
||||
padding: 3%;
|
||||
font-size: 36rpx;
|
||||
|
||||
.centercontent {
|
||||
width: 99%;
|
||||
height: 635rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
|
||||
.finish {
|
||||
width: 217rpx;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
height: 68rpx;
|
||||
line-height: 68rpx;
|
||||
text-align: center;
|
||||
margin-top: 60%;
|
||||
margin-left: 70%;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
line-height: 100rpx;
|
||||
|
||||
.name {
|
||||
margin-left: 5%;
|
||||
height: 100rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
|
||||
input {
|
||||
font-size: 36rpx;
|
||||
margin-top: -11%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
}
|
||||
|
||||
.nursetype {
|
||||
input {
|
||||
margin-left: 25%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.Commodity {
|
||||
line-height: 110rpx;
|
||||
margin-left: 5%;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
|
||||
.picture {
|
||||
vertical-align: middle;
|
||||
margin-left: 60%;
|
||||
width: 103rpx;
|
||||
height: 103rpx;
|
||||
}
|
||||
|
||||
.pictureA {
|
||||
margin-left: 3%;
|
||||
width: 18rpx;
|
||||
height: 27rpx;
|
||||
}
|
||||
|
||||
.head {
|
||||
line-height: 140rpx;
|
||||
margin-left: 5%;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -3,115 +3,104 @@
|
||||
<view class="centercontent">
|
||||
<view class="Commodity">
|
||||
头像
|
||||
<image class="picture" src="../../static/head portrait.png" mode=""></image>
|
||||
<image class="picture" src="../../static/head.png" mode=""></image>
|
||||
<image class="pictureA" src="../../static/jiantou.png" mode=""></image>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="name">昵称：
|
||||
<input type="text" placeholder="请填写" />
|
||||
<input type="text" placeholder="请输入" />
|
||||
</view>
|
||||
<view class="name">姓名：
|
||||
<input type="text" placeholder="请填写" />
|
||||
<view class="name">姓名:
|
||||
<input type="text" placeholder="请输入" v-model="appPersonallist.patientName" />
|
||||
</view>
|
||||
<view class="name">电话：
|
||||
<input type="text" placeholder="请填写" />
|
||||
<input type="text" placeholder="请输入" v-model="appPersonallist.phone" />
|
||||
</view>
|
||||
<view class="name">地址：
|
||||
<input type="text" placeholder="请填写" />
|
||||
<input type="text" placeholder="请输入" v-model="appPersonallist.address" />
|
||||
</view>
|
||||
<view class="nursetype name">疾病类型：
|
||||
<input type="text" placeholder="请填写" />
|
||||
<view class="nursetype name" style="border: none;" @tap="godisease">
|
||||
疾病类型:
|
||||
<span class="" style="padding-left: 25rpx;text-overflow: ellipsis;"
|
||||
v-for="(item,index) in patientDiseaseInfoList">
|
||||
{{item.diseaseName}}
|
||||
</span>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="finish">完成
|
||||
<view class="finish" @tap="submit()">完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
updateInformation,
|
||||
} from '@/api/modify/modify.js';
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
patientId: '',
|
||||
appPersonallist: {
|
||||
patientId: '',
|
||||
patientName: '',
|
||||
phone: '',
|
||||
address: '',
|
||||
cardNo: ' ',
|
||||
areaCode: '',
|
||||
headPictureUrl: '',
|
||||
|
||||
},
|
||||
patientDiseaseInfoList: [], //获取个人信息
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onLoad(options) {
|
||||
this.appPersonallist = JSON.parse(options.appPersonallist)
|
||||
this.patientDiseaseInfoList = this.appPersonallist.patientDiseaseInfoList
|
||||
this.patientDiseaseInfoList.forEach(e => {
|
||||
e.id = e.diseaseId
|
||||
})
|
||||
console.log(this.patientDiseaseInfoList)
|
||||
|
||||
},
|
||||
methods: {
|
||||
godisease() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/disease/disease?diseaseInfoList=${JSON.stringify(this.patientDiseaseInfoList)}`,
|
||||
})
|
||||
},
|
||||
submit() {
|
||||
this.appPersonallist.patientDiseaseInfoList = this.patientDiseaseInfoList
|
||||
updateInformation(this.appPersonallist).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '修改成功',
|
||||
duration: 1500
|
||||
});
|
||||
that.show = false;
|
||||
setTimeout(e => {
|
||||
that.goodsList()
|
||||
}, 1500)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
//带参返回
|
||||
onShow() {
|
||||
let that = this
|
||||
uni.$on('disease', function(data) {
|
||||
that.patientDiseaseInfoList = JSON.parse(data.disease)
|
||||
that.patientDiseaseInfoList.forEach(e => {
|
||||
e.diseaseId = e.id
|
||||
})
|
||||
console.log(that.patientDiseaseInfoList)
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
color: #000000;
|
||||
padding: 3%;
|
||||
font-size: 36rpx;
|
||||
|
||||
.centercontent {
|
||||
width: 99%;
|
||||
height: 635rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
|
||||
.finish {
|
||||
width: 217rpx;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
height: 68rpx;
|
||||
line-height: 68rpx;
|
||||
text-align: center;
|
||||
margin-top: 60%;
|
||||
margin-left: 70%;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
line-height: 100rpx;
|
||||
.name {
|
||||
margin-left: 5%;
|
||||
height: 100rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
input {
|
||||
font-size: 36rpx;
|
||||
margin-top: -11%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
}
|
||||
.nursetype {
|
||||
input {
|
||||
margin-left: 25%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.Commodity {
|
||||
line-height: 110rpx;
|
||||
margin-left: 5%;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
.picture {
|
||||
vertical-align: middle;
|
||||
margin-left: 60%;
|
||||
width: 103rpx;
|
||||
height: 103rpx;
|
||||
}
|
||||
.pictureA {
|
||||
margin-left: 3%;
|
||||
width: 18rpx;
|
||||
height: 27rpx;
|
||||
}
|
||||
.head {
|
||||
line-height: 140rpx;
|
||||
margin-left: 5%;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@import "./modify.scss"
|
||||
</style>
|
||||
|
||||
115
pages/user/user.scss
Normal file
115
pages/user/user.scss
Normal file
@ -0,0 +1,115 @@
|
||||
.app {
|
||||
padding: 0;
|
||||
font-size: 35rpx;
|
||||
height: 100vh;
|
||||
|
||||
.External {
|
||||
width: 94%;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
margin: 20rpx auto;
|
||||
padding-left: 5%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
position: relative;
|
||||
|
||||
.righttext {
|
||||
position: absolute;
|
||||
right: 12%;
|
||||
top: 50%;
|
||||
color: #969394;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
image {
|
||||
width: 18rpx;
|
||||
height: 27rpx;
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.lefttext,
|
||||
.righttext {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.information {
|
||||
width: 94%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
position: absolute;
|
||||
top: 18%;
|
||||
left: 3%;
|
||||
color: #000000;
|
||||
padding-left: 5%;
|
||||
overflow: hidden;
|
||||
font-size: 35rpx;
|
||||
|
||||
.item {
|
||||
// height: 110rpx;
|
||||
line-height: 110rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
|
||||
.address {
|
||||
position: absolute;
|
||||
height: 80rpx;
|
||||
// font-size: 30rpx;
|
||||
line-height: 40rpx;
|
||||
display: inline-block;
|
||||
width: 80%;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 33rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user {
|
||||
width: 100%;
|
||||
height: 500rpx;
|
||||
background: #4C7BC9;
|
||||
position: relative;
|
||||
color: #FFFFFF;
|
||||
|
||||
.modify {
|
||||
font-size: 32rpx;
|
||||
position: absolute;
|
||||
right: 3%;
|
||||
top: 22%;
|
||||
}
|
||||
|
||||
.nickname {
|
||||
position: absolute;
|
||||
top: 26%;
|
||||
left: 33%;
|
||||
}
|
||||
|
||||
.phone {
|
||||
position: absolute;
|
||||
top: 13%;
|
||||
left: 33%;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
border-radius: 50%;
|
||||
background: #F6F6F6;
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
left: 8%;
|
||||
|
||||
image {
|
||||
width: 100rpx;
|
||||
margin-left: 50%;
|
||||
margin-top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
height: 100rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -5,28 +5,35 @@
|
||||
<image src="../../static/users.png" mode=""></image>
|
||||
</view>
|
||||
<view class="phone">
|
||||
188****8888
|
||||
电话：{{appPersonallist.phone}}
|
||||
</view>
|
||||
<view class="nickname">
|
||||
点此设置昵称
|
||||
</view>
|
||||
<view class="modify">
|
||||
<view class="modify" @tap='updatainfo()'>
|
||||
修改信息
|
||||
<u-icon name="arrow-right" color="#ffffff" size="32"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="information">
|
||||
<view class="item">
|
||||
姓名:
|
||||
姓名：{{appPersonallist.patientName}}
|
||||
</view>
|
||||
<view class="item">
|
||||
电话:
|
||||
电话：{{appPersonallist.phone}}
|
||||
</view>
|
||||
<view class="item">
|
||||
地址:
|
||||
<view class="item" style="height:100%">
|
||||
<view class="" style="display: inline-block;">
|
||||
地址:
|
||||
</view>
|
||||
<view class="address">
|
||||
{{appPersonallist.address}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
疾病类型:
|
||||
<view class="item" style="border:none;">
|
||||
疾病类型:<span style="padding-left: 25rpx;text-overflow: ellipsis;"
|
||||
v-for="(item,index) in appPersonallist.patientDiseaseInfoList"
|
||||
:key="index">{{item.diseaseName}}</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="External" style="margin: 200rpx auto 0;">
|
||||
@ -34,7 +41,7 @@
|
||||
积分:
|
||||
</view>
|
||||
<view class="righttext">
|
||||
100分
|
||||
{{appPersonallist.integral}}
|
||||
</view>
|
||||
<image src="../../static/jiantou.png" mode=""></image>
|
||||
</view>
|
||||
@ -58,118 +65,39 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
appPersonal,
|
||||
} from '@/api/user/user.js';
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
patientId: 46,
|
||||
appPersonallist: [], //获取个人信息
|
||||
}
|
||||
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
//获取传值
|
||||
this.myInfo()
|
||||
},
|
||||
methods: {
|
||||
//获取个人信息
|
||||
myInfo() {
|
||||
appPersonal(this.patientId).then(res => {
|
||||
console.log(res)
|
||||
this.appPersonallist = res.data
|
||||
})
|
||||
},
|
||||
updatainfo() {
|
||||
console.log()
|
||||
uni.navigateTo({
|
||||
url: `/pages/modify/modify?appPersonallist=${JSON.stringify(this.appPersonallist)}`
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
padding: 0;
|
||||
font-size: 36rpx;
|
||||
height: 100vh;
|
||||
|
||||
.External {
|
||||
width: 94%;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
margin: 20rpx auto;
|
||||
padding-left: 5%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
position: relative;
|
||||
|
||||
.righttext {
|
||||
position: absolute;
|
||||
right: 12%;
|
||||
top: 50%;
|
||||
color: #969394;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
image {
|
||||
width: 18rpx;
|
||||
height: 27rpx;
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.lefttext,
|
||||
.righttext {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.information {
|
||||
width: 94%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
position: absolute;
|
||||
top: 18%;
|
||||
left: 3%;
|
||||
color: #000000;
|
||||
padding-left: 5%;
|
||||
overflow: hidden;
|
||||
|
||||
.item {
|
||||
height: 110rpx;
|
||||
line-height: 110rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.user {
|
||||
width: 100%;
|
||||
height: 500rpx;
|
||||
background: #4C7BC9;
|
||||
position: relative;
|
||||
color: #FFFFFF;
|
||||
|
||||
.modify {
|
||||
font-size: 32rpx;
|
||||
position: absolute;
|
||||
right: 3%;
|
||||
top: 22%;
|
||||
}
|
||||
|
||||
.nickname {
|
||||
position: absolute;
|
||||
top: 26%;
|
||||
left: 33%;
|
||||
}
|
||||
|
||||
.phone {
|
||||
position: absolute;
|
||||
top: 13%;
|
||||
left: 33%;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
border-radius: 50%;
|
||||
background: #F6F6F6;
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
left: 8%;
|
||||
|
||||
image {
|
||||
width: 100rpx;
|
||||
margin-left: 50%;
|
||||
margin-top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
height: 100rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@import "./user.scss";
|
||||
</style>
|
||||
|
||||
BIN
static/daoh.png
Normal file
BIN
static/daoh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 520 B |
BIN
static/head.png
Normal file
BIN
static/head.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Loading…
Reference in New Issue
Block a user