432 lines
12 KiB
Vue
432 lines
12 KiB
Vue
|
<template>
|
|||
|
|
<view class="screenorder">
|
|||
|
|
<view class="user_info">
|
|||
|
|
<view class="basic">
|
|||
|
|
<view class="name">{{userInfo.residentName}}</view>
|
|||
|
|
<view style="margin-right: 30rpx; color: #333">年龄：{{userInfo.age}}</view>
|
|||
|
|
<view style="color: #333;">性别：{{userInfo.gender}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="illness">
|
|||
|
|
<view v-show="userInfo.disease.indexOf('0') != -1">
|
|||
|
|
<span>无</span>
|
|||
|
|
</view>
|
|||
|
|
<view v-show="userInfo.disease.indexOf('1') != -1">
|
|||
|
|
<span>高血压</span>
|
|||
|
|
</view>
|
|||
|
|
<view v-show="userInfo.disease.indexOf('2') != -1">
|
|||
|
|
<span>高血糖</span>
|
|||
|
|
</view>
|
|||
|
|
<view v-show="userInfo.disease.indexOf('3') != -1">
|
|||
|
|
<span>高血脂</span>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="line"></view>
|
|||
|
|
<view class="title">
|
|||
|
|
<!-- <view></view> -->
|
|||
|
|
<text>基本信息</text>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<u-form labelPosition="left" :model="formData" :rules="rules" ref="form1">
|
|||
|
|
<u-form-item label="预约机构" labelWidth="80">
|
|||
|
|
<view class="uniDataSelectClass">
|
|||
|
|
<uni-data-select v-model="formData.deptId" :localdata="DeptList" @change="changeDept" :clear="false">
|
|||
|
|
</uni-data-select>
|
|||
|
|
</view>
|
|||
|
|
</u-form-item>
|
|||
|
|
<u-form-item label="预约项目" labelWidth="80">
|
|||
|
|
<view class="uniDataSelectClass">
|
|||
|
|
<uni-data-select v-model="formData.projectId" :localdata="ProList" @change="changePro" :clear="false">
|
|||
|
|
</uni-data-select>
|
|||
|
|
</view>
|
|||
|
|
</u-form-item>
|
|||
|
|
<u-form-item label="预约时间" labelWidth="80">
|
|||
|
|
<uni-datetime-picker v-model="datetimerange" type="datetimerange" rangeSeparator="至" />
|
|||
|
|
</u-form-item>
|
|||
|
|
</u-form>
|
|||
|
|
<!-- <view style="display: flex;justify-content: center;margin-top: 80rpx;"><uni-data-checkbox multiple v-model="test" :localdata="test1"></uni-data-checkbox></view> -->
|
|||
|
|
<view style="height: 180rpx;"></view>
|
|||
|
|
<view class="btn">
|
|||
|
|
<u-button type="primary" text="提交预约信息" @click="submit"></u-button>
|
|||
|
|
</view>
|
|||
|
|
<u-action-sheet :show="showSex" :actions="actions" title="请选择性别" @close="showSex = false" @select="sexSelect">
|
|||
|
|
</u-action-sheet>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// import {
|
|||
|
|
// screenOrder,
|
|||
|
|
// getDeptList,
|
|||
|
|
// getProlist
|
|||
|
|
// } from '@/service/api/jsApi.js'
|
|||
|
|
// import {
|
|||
|
|
// getSex,
|
|||
|
|
// getBirthday,
|
|||
|
|
// getAgeFun
|
|||
|
|
// } from '@/utils/conversion.js'
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
showSex: false,
|
|||
|
|
userInfo: {},
|
|||
|
|
datetimerange: [Date.now(), this.todayEndTime()],
|
|||
|
|
test: ['1'],
|
|||
|
|
formData: {
|
|||
|
|
residentName: '',
|
|||
|
|
identity: '',
|
|||
|
|
certType: '1',
|
|||
|
|
gender: '',
|
|||
|
|
birthday: '',
|
|||
|
|
phone: '',
|
|||
|
|
address: '',
|
|||
|
|
disease: '',
|
|||
|
|
height: '',
|
|||
|
|
weight: '',
|
|||
|
|
applyStartTime: '',
|
|||
|
|
applyEndTime: '',
|
|||
|
|
deptId: '',
|
|||
|
|
deptName: '',
|
|||
|
|
projectId: '',
|
|||
|
|
projectName: ''
|
|||
|
|
},
|
|||
|
|
actions: [{
|
|||
|
|
name: '男',
|
|||
|
|
disabled: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '女',
|
|||
|
|
disabled: true
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
disease: [{
|
|||
|
|
text: '高血压',
|
|||
|
|
value: '1'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: '高血糖',
|
|||
|
|
value: '2'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: '高血脂',
|
|||
|
|
value: '3'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: '无',
|
|||
|
|
value: '0'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
DeptList: [],
|
|||
|
|
ProList: [],
|
|||
|
|
test1: [{
|
|||
|
|
text: '同意《用户服务协议》及《隐私政策》',
|
|||
|
|
value: '1'
|
|||
|
|
}],
|
|||
|
|
rules: {
|
|||
|
|
residentName: [{
|
|||
|
|
required: true,
|
|||
|
|
message: '请填写姓名',
|
|||
|
|
trigger: ['blur', 'change']
|
|||
|
|
}],
|
|||
|
|
identity: [{
|
|||
|
|
required: true,
|
|||
|
|
message: '请填写身份证号',
|
|||
|
|
trigger: ['blur']
|
|||
|
|
}, {
|
|||
|
|
validator: (rule, value, callback) => {
|
|||
|
|
return uni.$u.test.idCard(value);
|
|||
|
|
},
|
|||
|
|
message: '请输入正确的身份证号',
|
|||
|
|
trigger: ['blur'],
|
|||
|
|
}],
|
|||
|
|
phone: [{
|
|||
|
|
required: true,
|
|||
|
|
message: '请填写联系电话',
|
|||
|
|
trigger: ['blur']
|
|||
|
|
}, {
|
|||
|
|
validator: (rule, value, callback) => {
|
|||
|
|
return uni.$u.test.mobile(value);
|
|||
|
|
},
|
|||
|
|
message: '手机号码不正确',
|
|||
|
|
trigger: ['blur'],
|
|||
|
|
}],
|
|||
|
|
address: [{
|
|||
|
|
required: true,
|
|||
|
|
message: '请填写家庭住址',
|
|||
|
|
trigger: ['blur', 'change']
|
|||
|
|
}],
|
|||
|
|
height: [{
|
|||
|
|
required: true,
|
|||
|
|
message: '请填写身高',
|
|||
|
|
trigger: ['blur', 'change']
|
|||
|
|
}, {
|
|||
|
|
validator: (rule, value, callback) => {
|
|||
|
|
return uni.$u.test.number(value);
|
|||
|
|
},
|
|||
|
|
message: '身高格式为数字（小数）',
|
|||
|
|
trigger: ['blur'],
|
|||
|
|
}],
|
|||
|
|
weight: [{
|
|||
|
|
required: true,
|
|||
|
|
message: '请填写体重',
|
|||
|
|
trigger: ['blur', 'change']
|
|||
|
|
}, {
|
|||
|
|
validator: (rule, value, callback) => {
|
|||
|
|
return uni.$u.test.number(value);
|
|||
|
|
},
|
|||
|
|
message: '体重格式为数字（小数）',
|
|||
|
|
trigger: ['blur'],
|
|||
|
|
}]
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(e) {
|
|||
|
|
if (e) {
|
|||
|
|
this.userInfo = JSON.parse(e.userInfo)
|
|||
|
|
this.diseaseValue = this.userInfo.disease.split(',')
|
|||
|
|
if (this.userInfo.gender == '1') {
|
|||
|
|
this.userInfo.gender = '男'
|
|||
|
|
} else {
|
|||
|
|
this.userInfo.gender = '女'
|
|||
|
|
}
|
|||
|
|
this.userInfo.age = getAgeFun(this.userInfo.birthday)
|
|||
|
|
}
|
|||
|
|
// this.init()
|
|||
|
|
this.getDeptAndPro()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
getDeptAndPro() {
|
|||
|
|
getDeptList(this.userInfo.registerId).then(res => {
|
|||
|
|
if (res.data.code == 200) {
|
|||
|
|
this.DeptList = res.data.data.map(item => {
|
|||
|
|
return {
|
|||
|
|
text: item.deptName,
|
|||
|
|
value: item.deptId
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
getProlist({
|
|||
|
|
projectType: 1,
|
|||
|
|
status: 0
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.data.code == 200) {
|
|||
|
|
this.ProList = res.data.data.map(item => {
|
|||
|
|
return {
|
|||
|
|
text: item.projectName,
|
|||
|
|
value: item.projectId
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
changeDept(e) {
|
|||
|
|
this.formData.deptName = this.DeptList.find(item => item.value == e).text
|
|||
|
|
},
|
|||
|
|
changePro(e) {
|
|||
|
|
this.formData.projectName = this.ProList.find(item => item.value == e).text
|
|||
|
|
},
|
|||
|
|
todayEndTime() {
|
|||
|
|
let todayYear = (new Date()).getFullYear();
|
|||
|
|
let todayMonth = (new Date()).getMonth();
|
|||
|
|
let todayDay = (new Date()).getDate();
|
|||
|
|
let todayTime = (new Date(todayYear, todayMonth, todayDay, '23', '59', '59')).getTime();
|
|||
|
|
return todayTime
|
|||
|
|
},
|
|||
|
|
changeDisease() {
|
|||
|
|
if (this.formData.disease.length != 0 && this.formData.disease.find(item => item != '0')) {
|
|||
|
|
this.disease[3].disable = true
|
|||
|
|
}
|
|||
|
|
if (this.formData.disease.length != 0 && this.formData.disease.find(item => item == '0')) {
|
|||
|
|
this.disease[0].disable = true
|
|||
|
|
this.disease[1].disable = true
|
|||
|
|
this.disease[2].disable = true
|
|||
|
|
this.formData.disease = ['0']
|
|||
|
|
this.disease[3].disable = false
|
|||
|
|
}
|
|||
|
|
if (this.formData.disease.length == 0) {
|
|||
|
|
for (let item in this.disease) {
|
|||
|
|
this.disease[item].disable = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
changeCheckbox(e) {
|
|||
|
|
if (e.detail.value.length != 0 && e.detail.value.find(item => item != '0')) {
|
|||
|
|
this.disease[3].disable = true
|
|||
|
|
}
|
|||
|
|
if (e.detail.value.length != 0 && e.detail.value.find(item => item == '0')) {
|
|||
|
|
this.disease[0].disable = true
|
|||
|
|
this.disease[1].disable = true
|
|||
|
|
this.disease[2].disable = true
|
|||
|
|
}
|
|||
|
|
if (e.detail.value.length == 0) {
|
|||
|
|
for (let item in this.disease) {
|
|||
|
|
this.disease[item].disable = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
process() {
|
|||
|
|
let _this = this
|
|||
|
|
if (!this.formData.deptId) {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '请选择预约机构',
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (!this.formData.projectId) {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '请选择预约项目',
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (!this.datetimerange[0] || !this.datetimerange[1]) {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '预约时间请填写完整！',
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
this.formData.registerId = this.userInfo.registerId
|
|||
|
|
this.formData.identity = this.userInfo.identity
|
|||
|
|
this.formData.disease = this.userInfo.disease
|
|||
|
|
this.formData.applyStartTime = this.datetimerange[0]
|
|||
|
|
this.formData.applyEndTime = this.datetimerange[1]
|
|||
|
|
if (this.formData.gender == '男') {
|
|||
|
|
this.formData.gender = '1'
|
|||
|
|
} else {
|
|||
|
|
this.formData.gender = '2'
|
|||
|
|
}
|
|||
|
|
screenOrder(this.formData).then(res => {
|
|||
|
|
this.formData.disease = this.formData.disease.split(',')
|
|||
|
|
if (this.formData.gender == '1') {
|
|||
|
|
this.formData.gender = '男'
|
|||
|
|
} else {
|
|||
|
|
this.formData.gender = '女'
|
|||
|
|
}
|
|||
|
|
if (res.data.code == '200') {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '预约成功',
|
|||
|
|
duration: 1000
|
|||
|
|
});
|
|||
|
|
setTimeout(() => {
|
|||
|
|
// uni.navigateTo({
|
|||
|
|
// // url: `../screensuccess/screensuccess?registerId=${res.data.data}`
|
|||
|
|
// url: `../orderlist/orderlist?registerId=${_this.userInfo.registerId}`
|
|||
|
|
// })
|
|||
|
|
uni.navigateBack({
|
|||
|
|
delta:1
|
|||
|
|
})
|
|||
|
|
}, 1000)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
submit() {
|
|||
|
|
this.$refs.form1.validate().then(res => {
|
|||
|
|
this.process()
|
|||
|
|
}).catch(errors => {
|
|||
|
|
return
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
IdentityBlur(e) {
|
|||
|
|
this.formData.gender = getSex(e)
|
|||
|
|
this.formData.birthday = getBirthday(e)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
// .uniDataSelectClass {
|
|||
|
|
// .uni-select__selector {
|
|||
|
|
// z-index: 99;
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
.user_info {
|
|||
|
|
border: 1px solid #4AC4AB;
|
|||
|
|
border-radius: 10rpx;
|
|||
|
|
padding: 40rpx 30rpx;
|
|||
|
|
background: #f6f6f6;
|
|||
|
|
margin-top: 50rpx;
|
|||
|
|
|
|||
|
|
.basic {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.name {
|
|||
|
|
font-size: 42rpx;
|
|||
|
|
margin-right: 30rpx;
|
|||
|
|
font-weight: 900;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.illness {
|
|||
|
|
display: flex;
|
|||
|
|
margin-top: 25rpx;
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
width: 60px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
background-color: #4AC4AB;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #fff;
|
|||
|
|
padding: 8rpx 6rpx;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.line {
|
|||
|
|
height: 2rpx;
|
|||
|
|
border-bottom: 1px dashed #999;
|
|||
|
|
margin: 40rpx -40rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
display: flex;
|
|||
|
|
font-size: 34rpx;
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
|
|||
|
|
// color: #555;
|
|||
|
|
// background: #f6f6f6;
|
|||
|
|
// margin: 0 -40rpx 0 -40rpx;
|
|||
|
|
// padding: 20rpx 0;
|
|||
|
|
view {
|
|||
|
|
width: 10rpx;
|
|||
|
|
background: #4AC4AB;
|
|||
|
|
height: 40rpx;
|
|||
|
|
margin: 0 15rpx 0 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.screenorder {
|
|||
|
|
padding: 0 40rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/deep/.u-button--primary.data-v-2bf0e569 {
|
|||
|
|
background-color: #4AC4AB !important;
|
|||
|
|
border-color: #4AC4AB !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn {
|
|||
|
|
// display: flex;
|
|||
|
|
// flex-direction: column;
|
|||
|
|
// align-items: center;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 50rpx;
|
|||
|
|
width: 90%;
|
|||
|
|
z-index: 2;
|
|||
|
|
|
|||
|
|
/deep/.u-button {
|
|||
|
|
height: 90rpx !important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/deep/.u-button__text {
|
|||
|
|
font-size: 34rpx !important;
|
|||
|
|
}
|
|||
|
|
</style>
|