xinelu-applet-ui/pagesB/confirmation/confirmation.vue

252 lines
6.7 KiB
Vue
Raw Normal View History

2023-09-22 11:08:14 +08:00
<template>
<view class="app">
2023-10-16 15:11:26 +08:00
<view class="title">
<view class="left">
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
<view class="right">
第一步填写个人信息
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
</view>
<view class="item">
<view class="text">
现住址所在区
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
<view class="input" @tap='showPicker'>
<view class="inputtext"
:style="address=='请选择所属地区'?'font-size:22rpx;font-weight: 400;color: #8E8E8E !important;':''">
{{address}}
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
<image src="../../static/huijiantou.png" mode=""></image>
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
<view class="text">
患者姓名
</view>
<view class="input">
<input v-model="formdata.patientName" class="uinput noimageuinput" placeholder="请输入患者姓名" type="text"
placeholder-class="phsy" />
</view>
<view class="text">
患者身份证号
</view>
<view class="input">
<input v-model="formdata.cardNo" class="uinput noimageuinput" placeholder="请输入患者身份证号" type="text"
placeholder-class="phsy" />
</view>
<view class="text">
患者联系电话
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
<view class="input">
<input v-model="formdata.phone" class="uinput noimageuinput" placeholder="请输入患者联系电话" type="text"
placeholder-class="phsy" />
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
<view class="text">
选择医生
</view>
<view class="select" @tap='gochoosedoctor'>
<text v-if="formdata.doctorName" style="font-size: 26rpx;color: #303133;">{{formdata.doctorName}}</text>
<text v-else>请选择医生</text>
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="title">
<view class="left">
</view>
<view class="right">
第二步填写问诊信息
2023-09-22 11:08:14 +08:00
</view>
</view>
2023-10-16 15:11:26 +08:00
<view class="item">
<view class="text">
问题简述
</view>
<view class="input">
<input v-model="formdata.problemDescription" class="uinput noimageuinput" placeholder="不多于五个字"
type="text" placeholder-class="phsy" />
</view>
<view class="text">
患者个体情况说明
</view>
<view class="input" style="height: 200rpx;overflow-Y: scroll;">
<u-input v-model="formdata.situationDescription" class="uinput noimageuinput" placeholder=" "
type="textarea" :maxlength="100" />
</view>
<view class="text">
问题描述
</view>
<view class="input" style="height: 200rpx;overflow-Y: scroll;">
<u-input v-model="formdata.problemStatement" class="uinput noimageuinput" placeholder=" "
type="textarea" :maxlength="500" />
</view>
<view class="text">
既往疾病史
</view>
<view class="input" style="height: 200rpx;overflow-Y: scroll;">
<u-input v-model="formdata.medicalRecord" class="uinput noimageuinput" placeholder=" " type="textarea"
:maxlength="100" />
</view>
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
<view class="title">
<view class="left">
</view>
<view class="right">
第三步上传附件文件
</view>
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
<view class="item">
<view class="text">
附件材料上传
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
<u-upload ref="uUpload" :max-count='9' :action="uoloadaction" :auto-upload="false" upload-text=' '
@on-choose-complete='onchoosecomplete' @on-success='onsuccess' @on-uploaded='onuploaded'></u-upload>
<view class="textarea">
<view class="">
最多支持9个文件
</view>
<view class="">
单个文件大小不允许超过10MB
</view>
<view class="">
只支持上传照片图片视频文件后缀类型为JPG.PNG.MP4
</view>
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
</view>
<view class="btns">
<view class="btnleft">
返回
2023-09-22 11:08:14 +08:00
</view>
2023-10-16 15:11:26 +08:00
<view class="btnright" @tap='updata'>
保存
</view>
</view>
<view class="">
<m-city style='z-index: 10076;' :provinceData="list" headTitle="请选择所属地区" ref="cityPicker"
@funcValue="getpickerParentValue" pickerSize="4">
</m-city>
</view>
2023-09-22 11:08:14 +08:00
<u-toast ref="uToast" />
</view>
</template>
2023-10-16 15:11:26 +08:00
2023-09-22 11:08:14 +08:00
<script>
import {
2023-10-16 15:11:26 +08:00
getSubordinateRegions,
} from '@/api/pagesB/modifyAddress/modifyAddress.js';
import gkcity from "../../components/m-city/m-city.vue";
import baseurl from '@/api/baseurl.js'
2023-09-22 11:08:14 +08:00
import {
2023-10-16 15:11:26 +08:00
consultationInfo
} from '@/api/pagesB/createnewconsultation/createnewconsultation.js'
2023-09-22 11:08:14 +08:00
export default {
2023-10-16 15:11:26 +08:00
components: {
"m-city": gkcity
},
2023-09-22 11:08:14 +08:00
data() {
return {
2023-10-16 15:11:26 +08:00
// 非真实地址
uoloadaction: '',
list: [],
addresslength: null,
imglistlength: null,
address: '请选择所属地区', //页面所属区域
formdata: {
address: '请选择所属地区', //页面所属区域
patientId: 1,
patientName: '李广君',
cardNo: '370882199909092123',
phone: '17615455437',
address: '',
doctorId: 1,
doctorName: '李医生',
consultationType: 'IMAGE_TEXT_CONSULTATION',
problemDescription: '',
situationDescription: '',
problemStatement: '',
medicalRecord: '',
fileUrls: []
}
};
},
onLoad(options) {
this.uoloadaction = baseurl + '/nurseApplet/consultationInfo/uploadConsultationFile'
},
onShow() {
this.areaInfo();
let that = this
uni.$on('doctordata', function(data) {
let item = JSON.parse(data.data)
that.formdata.doctorName = item.realname
that.formdata.doctorId = item.userNo
uni.$off('doctordata')
})
2023-09-22 11:08:14 +08:00
},
methods: {
2023-10-16 15:11:26 +08:00
updata() {
if (this.imglistlength > 0) {
this.$refs.uUpload.upload()
} else {
this.info();
}
},
onchoosecomplete(lists, name) {
this.imglistlength = lists.length
2023-09-22 11:08:14 +08:00
},
2023-10-16 15:11:26 +08:00
onsuccess(data, index, lists, name) {
if (data.code == 200) {
this.formdata.fileUrls.push(data.fileUrl)
}
},
onuploaded() {
this.info();
},
info() {
consultationInfo(this.formdata).then(res => {
2023-09-22 11:08:14 +08:00
if (res.code == 200) {
2023-10-16 15:11:26 +08:00
this.$refs.uToast.show({
title: '新建图文问诊成功',
type: 'success',
duration: '1500',
back: 1
2023-09-22 11:08:14 +08:00
})
}
})
},
2023-10-16 15:11:26 +08:00
// 显示三级地址联动
showPicker() {
this.$refs.cityPicker.show();
},
//区街道
areaInfo() {
getSubordinateRegions().then(res => {
this.list = res.data;
2023-09-22 11:08:14 +08:00
})
2023-10-16 15:11:26 +08:00
},
// 三级地址联动回调
getpickerParentValue(e) {
e = e.filter(ele => ele.localName != '暂不选择')
e = e.filter(ele => ele.localName != '暂无需选择')
this.addresslength = e
this.formdata.address = ''
this.address = ''
if (e && e.length >= 1) {
e.forEach(el => {
this.formdata.address = this.formdata.address + el.localName
this.address = this.address + el.localName
})
} else {
this.formdata.address = ''
this.address = '请选择所属地区'
}
},
gochoosedoctor() {
uni.navigateTo({
url: '/pagesC/choosedoctor/choosedoctor'
})
},
2023-09-22 11:08:14 +08:00
}
}
</script>
2023-10-16 15:11:26 +08:00
<style lang="scss">
@import './confirmation.scss';
2023-09-22 11:08:14 +08:00
</style>