panliang
/
medical-record-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add record.description

master
panliang 2023-10-26 17:57:22 +08:00
parent 1f51439d69
commit b2a249c784
4 changed files with 24 additions and 361 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/patient/detail.vue
View File

@ -9,7 +9,7 @@
<u-cell title="出生年月" :value="info.birthday | date('yyyy-MM-dd')" /> -->
<u-cell :title="`初次${type}`" :value="info.treat_at | date('yyyy-MM-dd')" />
<!-- <u-cell :title="`${type}医师`" :value="info.doctor?info.doctor.name : ''" /> -->
<u-cell title="病情描述">
<u-cell title="病情描述或理疗项目">
<view slot="label">
<!-- <rich-text :nodes="info.illness" /> -->
<u--text :text="info.illness" type="info" wordWrap="anywhere" />
@ -20,6 +20,7 @@
<u-album :urls="info.images" />
</view>
</u-cell>
<u-cell title="服务或诊疗次数" :value="total_record"/>
</u-cell-group>
<view class="btn">
<u-button text="病历记录" type="success" @click="record" />
@ -38,6 +39,7 @@ export default {
doctor_id: '',
doctor: {},
},
total_record: '0',
type: '',
}
},
@ -49,21 +51,23 @@ export default {
this.loadData()
},
methods: {
loadData() {
async loadData() {
if (!this.id) {
return
}
uni.showLoading()
this.$ajax.get(`/api/client/patient/${this.id}`).then(res => {
uni.stopPullDownRefresh()
if (res.status == 0) {
this.info = res.data
this.type = this.info.type ? this.info.type.name : ''
uni.setNavigationBarTitle({ title: this.info.name })
}
}).catch(error => {
uni.stopPullDownRefresh()
})
let res = await this.$ajax.get(`/api/client/patient/${this.id}`)
uni.stopPullDownRefresh()
if (res.status == 0) {
this.info = res.data
this.info.images = res.data.images ?? []
this.type = this.info.type ? this.info.type.name : ''
uni.setNavigationBarTitle({ title: this.info.name })
}
res = await this.$ajax.get('/api/client/record', { params: {patient_id: this.id} })
if (res.status == 0) {
this.total_record = res.data.total + ''
}
},
record() {
uni.navigateTo({ url: `/pages/record/index?patient=${this.id}` })

8
src/pages/record/detail.vue
View File

@ -3,7 +3,7 @@
<u-cell-group :border="false">
<u-cell title="姓名" :value="this.info.patient ? this.info.patient.name : ''" />
<u-cell title="类别" :value="info.type ? info.type.name : ''" />
<u-cell title="病种" :value="info.illness_type ? info.illness_type.name : ''" />
<u-cell title="病种或项目" :value="info.illness_type ? info.illness_type.name : ''" />
<u-cell :title="`${type.text}时间`" :value="info.treat_at | date" />
<!-- <u-cell :title="`${type.text}医师`" :value="info.doctor ? info.doctor.name : ''" /> -->
<u-cell :title="`${type.text}情况`">
@ -11,6 +11,11 @@
<!-- <rich-text :nodes="info.illness" /> -->
<u--text :text="info.content" type="info" wordWrap="anywhere" />
</view>
</u-cell>
<u-cell title="服用方法">
<view slot="label">
<u--text :text="info.description" type="info" wordWrap="anywhere" />
</view>
</u-cell>
<u-cell title="图片资料">
<view slot="value">
@ -61,6 +66,7 @@ export default {
uni.stopPullDownRefresh()
if (res.status == 0) {
this.info = res.data
this.info.images = res.data.images ?? []
this.type.text = this.info.type ? this.info.type.name : ''
}

347
src/pages/record/form.vue
View File

@ -1,347 +0,0 @@
<template>
<view class="page">
<u--form :model="form" ref="form" labelWidth="80" :borderBottom="false">
<u-form-item prop="patient_id" label="姓名" :borderBottom="true">
<view class="input-text">
<text>{{ patient.name }}</text>
</view>
</u-form-item>
<!-- <u-form-item prop="type_id" label="类别" :required="true" :borderBottom="true" @click="toggleType">
<u-radio-group v-model="form.type_id" @change="typeChange">
<u-radio v-for="item in typeList" :key="item.id" :label="item.name" :name="item.id" />
</u-radio-group>
</u-form-item> -->
<u-form-item prop="form.illness_type_id" label="病种" :required="true" :borderBottom="true" @click="openIllnessType">
<view class="input-text">
<text v-if="form.illness_type_id">{{ illnessType.label }}</text>
<text v-else class="input-placeholder">请选择病种</text>
<u-icon name="arrow-right" />
</view>
</u-form-item>
<u-form-item prop="form.treat_at" :label="`${typeName}时间`" :required="true" :borderBottom="true" @click="toggleDatePicker('treat_at', 'datetime')">
<view class="input-text">
<text v-if="form.treat_at">{{ form.treat_at | date }}</text>
<text v-else class="input-placeholder">请选择{{ typeName }}时间</text>
<u-icon name="arrow-right" />
</view>
</u-form-item>
<u-form-item prop="form.doctor_id" :label="`${typeName}医师`" :required="true" :borderBottom="true" @click="opendAdminUser('doctor')">
<view class="input-text">
<text v-if="form.doctor_id">{{ adminUser.doctor_name }}</text>
<text v-else class="input-placeholder">请选择{{ typeName }}医生</text>
<u-icon name="arrow-right" />
</view>
</u-form-item>
<u-form-item prop="form.origin_price" label="划线价" :required="true" :borderBottom="true">
<input type="number" v-model="form.origin_price" placeholder="输入划线价" />
</u-form-item>
<u-form-item prop="form.sell_price" label="实收价" :required="true" :borderBottom="true">
<input type="number" v-model="form.sell_price" placeholder="输入实收价" />
</u-form-item>
<u-form-item prop="order_status" label="收费情况" :required="true" :borderBottom="true">
<u-radio-group v-model="form.order_status">
<u-radio v-for="item in orderStatus.options" :key="item.value" :label="item.name" :name="item.value" />
</u-radio-group>
</u-form-item>
<u-form-item :label="`${typeName}情况`" prop="content" :borderBottom="true" @click="openEditor">
<view class="input-text">
<!-- <rich-text v-if="form.illness" :nodes="form.illness" /> -->
<text v-if="form.content">{{ form.content }}</text>
<text v-else class="input-placeholder">点击修改</text>
<u-icon name="arrow-right" />
</view>
</u-form-item>
<u-form-item label="图片资料" prop="images" borderBottom>
<cu-image ref="images" />
</u-form-item>
<u-form-item prop="next_treat_at" label="下次就诊时间" :borderBottom="true" @click="toggleDatePicker('next_treat_at', 'datetime')">
<view class="input-text">
<text v-if="form.next_treat_at">{{ form.next_treat_at | date }}</text>
<text v-else class="input-placeholder">请选择下次就诊时间</text>
<u-icon name="arrow-right" />
</view>
</u-form-item>
<u-form-item label="开启通知" prop="is_notified" borderBottom>
<u-switch v-model="form.is_notified" :activeValue="0" :inactiveValue="1" asyncChange @change="updateSwitch" />
</u-form-item>
<u-form-item v-if="form.is_notified == 0" prop="notify_user_id" label="通知医师" :borderBottom="true" @click="opendAdminUser('notify_user')">
<view class="input-text">
<text v-if="form.notify_user_id">{{ adminUser.notify_user_name }}</text>
<text v-else class="input-placeholder">请选择通知人</text>
<u-icon name="arrow-right" />
</view>
</u-form-item>
<u-form-item v-if="form.is_notified == 0" prop="notify_at" label="通知时间" :borderBottom="true" @click="toggleDatePicker('notify_at', 'date')">
<view class="input-text">
<text v-if="form.notify_at">{{ form.notify_at | date('yyyy-MM-dd') }}</text>
<text v-else class="input-placeholder">请选择通知时间</text>
<u-icon name="arrow-right" />
</view>
</u-form-item>
<!-- <u-form-item prop="notify_remarks" label="通知备注" :borderBottom="true">
<u--input v-model="form.notify_remarks" placeholder="请输入通知备注" border="none" />
</u-form-item> -->
<u-form-item label="操作人" :borderBottom="true">
<view class="input-text">{{ currentUser.name }}</view>
</u-form-item>
<view class="button">
<u-button text="提交" type="primary" @click="submit"></u-button>
</view>
</u--form>
<u-datetime-picker
v-model="datePicker.value"
:mode="datePicker.mode"
:show="datePicker.show"
:closeOnClickOverlay="true"
:minDate="datePicker.minDate"
@close="toggleDatePicker"
@cancel="toggleDatePicker"
@confirm="selectDatePicker"
/>
<select-admin-user ref="select-admin-user" @select="selectAdminUser" />
<cu-editor ref="editor" @confirm="confirmEditor" />
<u-picker
:show="illnessType.show"
:columns="illnessType.list"
keyName="label"
closeOnClickOverlay
@close="closeIllnessType"
@cancel="closeIllnessType"
@confirm="confirmIllnessType"
/>
</view>
</template>
<script>
import CuEditor from '../../components/cu-editor'
import SelectAdminUser from '../../components/select-admin-user'
import orderStatus from '../../enums/order_status'
import CuImage from '../../components/cu-image'
export default {
components: {SelectAdminUser, CuEditor, CuImage},
data() {
return {
id: '',
info: {},
form: {
patient_id: '',
doctor_id: '',
treat_at: Math.floor((new Date).getTime() / 1000),
origin_price: '',
sell_price: '',
order_status: orderStatus.success.value,
content: '',
next_treat_at: '',
notify_user_id: '',
notify_at: '',
notify_remarks: '',
is_notified: 1,
illness_type_id: '',
},
typeList: [],
patient: {},
datePicker: {
mode: 'datetime',
show: false,
name: '',
value: (new Date).getTime(),
minDate: (new Date('1900/1/1')).getTime()
},
adminUser: {
key: ''
},
orderStatus: orderStatus,
currentUser: {},
illnessType: {
show: false,
value: '',
label: '',
list: []
},
typeName: '',
}
},
onLoad(e) {
this.id = e.id
this.form.patient_id = e.patient
this.init()
},
methods: {
async init() {
let res
res = await this.$ajax.get('/admin-api/current-user')
if (res.status == 0) {
this.currentUser = res.data
this.form.doctor_id = this.currentUser.id
this.adminUser.doctor_name = this.currentUser.name
this.form.notify_user_id = this.currentUser.id
this.adminUser.notify_user_name = this.currentUser.name
}
if (this.id) {
uni.setNavigationBarTitle({
title: '修改病历'
})
res = await this.$ajax.get(`/admin-api/record/${this.id}`, { params: {_action: 'getData'}})
if (res.status == 0) {
this.info = res.data
this.patient = res.data.patient
this.form = {
patient_id: this.info.patient_id,
type_id: this.info.type_id,
doctor_id: this.info.doctor_id,
treat_at: this.info.treat_at ? this.info.treat_at.replaceAll('-', '/') : '',
origin_price: this.info.origin_price,
sell_price: this.info.sell_price,
order_status: this.info.order_status,
content: this.info.content,
next_treat_at: this.info.next_treat_at ? this.info.next_treat_at.replaceAll('-', '/') : '',
notify_user_id: this.info.notify_user_id,
notify_at: this.info.notify_at ? this.info.notify_at.replaceAll('-', '/') : '',
notify_remarks: this.info.notify_remarks
}
}
} else {
uni.setNavigationBarTitle({
title: '添加病历'
})
if (!this.form.patient_id) {
return uni.showModal({
title: '请选择病人',
showCancel: false,
success: () => {
uni.navigateBack()
}
})
}
const params = { _action: 'getData' }
res = await this.$ajax.get(`/admin-api/patient/${this.form.patient_id}`, { params })
if (res.status == 0) {
this.patient = res.data
this.form.content = this.patient.type.content
this.typeName = this.patient.type.name
}
}
res = await this.$ajax.get('/admin-api/api/keywords/list', { params: { type_key: 'illness_type', value: this.patient?.type?.key} })
if (res.status == 0) {
this.illnessType.list = [res.data]
}
},
submit() {
this.form.images = this.$refs['images'].getList().map(item => item.url)
uni.showLoading()
if (this.id) {
this.update()
} else {
this.create()
}
},
update() {
this.form.id = this.id
this.$ajax.put(`/admin-api/record/${this.id}`, this.form).then(res => {
if (res.status == 0) {
uni.showToast({
title: '保存成功',
icon: 'success'
})
setTimeout(() => {
uni.navigateBack()
}, 1500);
}
})
},
create() {
this.$ajax.post('/admin-api/record', this.form).then(res => {
if (res.status == 0) {
uni.showToast({
title: '提交成功',
icon: 'success'
})
setTimeout(() => {
uni.navigateBack()
}, 1500);
}
})
},
toggleDatePicker(name, mode) {
if (name) {
this.datePicker.name = name
this.datePicker.value = this.form[name] ? Math.floor(this.form[name] * 1000) : (new Date).getTime()
}
if (mode) {
this.datePicker.mode = mode
}
this.datePicker.show = !this.datePicker.show
},
selectDatePicker(e) {
this.form[this.datePicker.name] = Math.floor(e.value / 1000)
this.toggleDatePicker()
},
opendAdminUser(name) {
this.adminUser.key = name
this.$refs['select-admin-user'].open()
},
closeAdminUser() {
this.adminUser.key = ''
this.$refs['select-admin-user'].close()
},
selectAdminUser(e) {
const key = this.adminUser.key
this.form[`${key}_id`] = e.id
this.adminUser[`${key}_name`] = e.name
this.closeAdminUser()
},
openEditor() {
this.$refs['editor'].open(this.form.content)
},
confirmEditor(e) {
this.form.content = e
},
updateSwitch(e) {
this.form.is_notified = e
},
openIllnessType() {
this.illnessType.show = true
},
closeIllnessType() {
this.illnessType.show = false
},
confirmIllnessType(e) {
const item = e.value[0]
if (!item) {
return
}
this.illnessType.value = item.value
this.illnessType.label = item.label
this.form.illness_type_id = item.value
this.closeIllnessType()
}
}
}
</script>
<style scoped>
.page {
padding: 20px;
background: white;
}
.input-text {
color: #303133;
font-size: 15px;
padding: 6px 0;
width: 100%;
display: flex;
justify-content: space-between;
}
.input-placeholder {
color: #c0c0c0;
}
.button {
width: 100%;
margin-top: 20px;
}
.page ::v-deep .u-radio-group .u-radio:nth-child(even) {
margin-left: 10px;
}
</style>

2
src/pages/record/index.vue
View File

@ -5,7 +5,7 @@
<u-list-item v-for="item in list" :key="item.id">
<u-cell size="large" :url="`/pages/record/detail?id=${item.id}`">
<view slot="title" class="title">
<view class="list-item-title">患者: {{ item.patient ? item.patient.name : '' }}</view>
<view class="list-item-title">姓名: {{ item.patient ? item.patient.name : '' }}</view>
<!-- <view class="list-item-price">
<text style="color: #dd524d;font-size: 19px">
<u-icon name="rmb" color="#dd524d" size="19px" />