generated from ccsens_fe/uni-vue3-template
8 changed files with 205 additions and 20 deletions
@ -0,0 +1 @@ |
|||||
|
registry=https://registry.npmmirror.com |
||||
@ -1,9 +1,151 @@ |
|||||
<template> |
<template> |
||||
<div class="DetailBase">DetailBase</div> |
<view class=""> |
||||
|
<uni-section type="line" title="患者基本信息" titleFontSize="16px"> </uni-section> |
||||
|
<uni-forms :modelValue="baseInfo" :label-width="100" class="white uni-radius-lg uni-pa-10"> |
||||
|
<uni-forms-item label="扫描身份证" name="" @click="onScan"> |
||||
|
<view class="flex full-height justify-end"> |
||||
|
<uni-icons type="scan" color="#70798C" size="24" /> |
||||
|
</view> |
||||
|
</uni-forms-item> |
||||
|
<uni-forms-item label="姓名" name="patientName"> |
||||
|
<uni-easyinput type="text" v-model="baseInfo.patientName" placeholder="请输入姓名" /> |
||||
|
</uni-forms-item> |
||||
|
<uni-forms-item name="patientGender" label="性别"> |
||||
|
<uni-data-checkbox v-model="baseInfo.patientGender" :localdata="GENDER_LIST" /> |
||||
|
</uni-forms-item> |
||||
|
<uni-forms-item label="民族" name="patientNation"> |
||||
|
<uni-data-select :localdata="nationList" v-model="baseInfo.patientNation" :clear="false" /> |
||||
|
</uni-forms-item> |
||||
|
<uni-forms-item label="身份证号" name="patientIdCardNo"> |
||||
|
<uni-easyinput type="idcard" v-model="baseInfo.patientIdCardNo" placeholder="请输入身份证号" /> |
||||
|
</uni-forms-item> |
||||
|
|
||||
|
<uni-forms-item name="patientGender" label="发病时间"> |
||||
|
<uni-data-checkbox v-model="baseInfo.patientGender" :localdata="GENDER_LIST" /> |
||||
|
</uni-forms-item> |
||||
|
<!-- 发病时间已知显示 --> |
||||
|
<uni-forms-item name="patientGender" label="发病时间"> |
||||
|
<uni-datetime-picker type="datetime" :value="single" @change="change" /> |
||||
|
</uni-forms-item> |
||||
|
<!-- 发病时间 => 醒后卒中 显示 --> |
||||
|
<uni-forms-item name="patientGender" label="最后正常时间"> |
||||
|
<uni-datetime-picker type="datetime" :value="single" @change="change" /> |
||||
|
</uni-forms-item> |
||||
|
|
||||
|
<uni-forms-item name="patientGender" label="是否院内卒中"> |
||||
|
<uni-data-checkbox v-model="baseInfo.patientGender" :localdata="GENDER_LIST" /> |
||||
|
</uni-forms-item> |
||||
|
<uni-forms-item name="patientGender" label="到达急诊时间"> |
||||
|
<uni-datetime-picker type="datetime" :value="single" @change="change" /> |
||||
|
</uni-forms-item> |
||||
|
<uni-forms-item name="patientGender" label="通知卒中医生时间"> |
||||
|
<uni-datetime-picker type="datetime" :value="single" @change="change" /> |
||||
|
</uni-forms-item> |
||||
|
<uni-forms-item name="patientGender" label="卒中到场时间"> |
||||
|
<uni-datetime-picker type="datetime" :value="single" @change="change" /> |
||||
|
</uni-forms-item> |
||||
|
<uni-forms-item name="patientGender" label="来院方式"> |
||||
|
<uni-datetime-picker type="datetime" :value="single" @change="change" /> |
||||
|
</uni-forms-item> |
||||
|
</uni-forms> |
||||
|
|
||||
|
<uni-section type="line" title="疑似诊断" titleFontSize="16px"> </uni-section> |
||||
|
<uni-data-checkbox mode="list" v-model="baseInfo.firstAidZlType" :localdata="FIRST_AID_ZL_TYPE" class="white uni-radius-lg uni-pa-6"> |
||||
|
</uni-data-checkbox> |
||||
|
|
||||
|
<view class="flex uni-px-6 uni-py-10"> |
||||
|
<u-button @click="onSubmit" shape="circle" type="primary" class="bg-main" size="medium">完成创建患者</u-button> |
||||
|
</view> |
||||
|
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script lang="ts" setup> |
<script lang="ts" setup> |
||||
const props = defineProps(); |
import { reactive, ref } from 'vue'; |
||||
</script> |
import { useUserStore } from '@/store/modules/user' |
||||
|
import { GENDER_LIST, FIRST_AID_ZL_TYPE } from '@/config/service' |
||||
|
import { computed } from 'vue'; |
||||
|
|
||||
|
const baseInfo = reactive({ |
||||
|
patientName: '张三', |
||||
|
patientGender: 0, |
||||
|
patientNation: '汉族', |
||||
|
patientIdCardNo: '142222188901120112', |
||||
|
firstAidZlType: 0 |
||||
|
}) |
||||
|
const nationList = ref([]) |
||||
|
|
||||
|
const userStore = useUserStore() |
||||
|
|
||||
<style lang="scss" scoped></style> |
const token = computed(() => userStore.token) |
||||
|
|
||||
|
// 提交创建急救 |
||||
|
async function onSubmit() { |
||||
|
const param = { ...baseInfo, } |
||||
|
try { |
||||
|
const { firstAidId, firstAidStatus } = await uni.$u.api.createAid(param) |
||||
|
uni.$u.toast('创建成功') |
||||
|
uni.$u.openPage('detail2', false, `firstAidId=${firstAidId}&firstAidStatus=${firstAidStatus}`) |
||||
|
} catch (error) { |
||||
|
uni.$u.alertError(error) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 扫描身份证 |
||||
|
function onScan() { |
||||
|
uni.chooseImage({ |
||||
|
count: 1, |
||||
|
sizeType: ['original', 'compressed'], |
||||
|
sourceType: ['album', 'camera'], |
||||
|
success(res) { |
||||
|
upload(res.tempFilePaths[0]) |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
// 上传 |
||||
|
function upload(tempPath: string) { |
||||
|
const host = uni.getStorageSync(uni.$u.LOCAL_KEY.HOST) |
||||
|
if (!host) { |
||||
|
uni.showModal({ title: '提示', content: '请先配置服务器地址' }) |
||||
|
return |
||||
|
} |
||||
|
uni.uploadFile({ |
||||
|
url: `${host}/sys/ocr/idcardInfo`, //仅为示例，非真实的接口地址 |
||||
|
filePath: tempPath, |
||||
|
name: 'file', |
||||
|
header: { Authorization: `Bearer ${token.value}` }, |
||||
|
success: (uploadFileRes) => { |
||||
|
if (!uploadFileRes?.data) { |
||||
|
uni.$u.toast('请求失败') |
||||
|
return |
||||
|
} |
||||
|
const { msg, code, data } = JSON.parse(uploadFileRes.data) as any |
||||
|
|
||||
|
if (code === 200) { |
||||
|
const { name, sex, idCardNo, nation } = data |
||||
|
baseInfo.patientName = name || '' |
||||
|
baseInfo.patientGender = sex || '' |
||||
|
baseInfo.patientNation = nation || '' |
||||
|
baseInfo.patientIdCardNo = idCardNo || '' |
||||
|
// handleScan(url) |
||||
|
} else if (code === 401) { |
||||
|
uni.$u.api.login().then(upload(tempPath)) |
||||
|
} else { |
||||
|
uni.$u.toast(msg) |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
// 查民族列表 |
||||
|
async function getNationList() { |
||||
|
try { |
||||
|
const data = await uni.$u.api.getNationList() |
||||
|
nationList.value = data.map((item: string) => ({ value: item, text: item })) |
||||
|
} catch (error) { |
||||
|
uni.$u.alertError(error) |
||||
|
} |
||||
|
} |
||||
|
// 初始获取民族 |
||||
|
getNationList() |
||||
|
</script> |
||||
|
|||||
Loading…
Reference in new issue