Compare commits
4 Commits
| Author | SHA1 | Date |
|---|---|---|
 xiangcongshuai
|
d7f01f2c2b | 8 months ago |
|
xiangcongshuai
|
27df2efab9 | 8 months ago |
|
xiangcongshuai
|
8c0663abf8 | 9 months ago |
|
xiangcongshuai
|
8f940705f0 | 9 months ago |
@ -0,0 +1,31 @@
|
||||
import { http } from "@/utils/http";
|
||||
/** 新建病历基本信息 */
|
||||
export const createMedicalRecBaseInfo = (data?: object) => {
|
||||
return http.request(
|
||||
"post",
|
||||
"/virtual-patient-manage/medicalRecManage/createMedicalRecBaseInfo",
|
||||
{
|
||||
data
|
||||
}
|
||||
);
|
||||
};
|
||||
/** 修改病历状态,上线或下线病历 */
|
||||
export const updateMedicalStatus = (data?: object) => {
|
||||
return http.request(
|
||||
"post",
|
||||
"/virtual-patient-manage/medicalRecManage/updateMedicalStatus",
|
||||
{
|
||||
data
|
||||
}
|
||||
);
|
||||
};
|
||||
/** 查询虚拟病人电子病历信息 */
|
||||
export const queryMedicalRecBaseInfo = (data?: object) => {
|
||||
return http.request(
|
||||
"get",
|
||||
"/virtual-patient-manage/medicalRecManage/queryMedicalRecBaseInfo",
|
||||
{
|
||||
params: data
|
||||
}
|
||||
);
|
||||
};
|
||||
@ -0,0 +1,39 @@
|
||||
import { http } from "@/utils/http";
|
||||
|
||||
/** 查询数字人列表 */
|
||||
export const queryPageList = (data?: object) => {
|
||||
return http.request("get", "/virtual-patient-manage/humanManage/list", {
|
||||
params: data
|
||||
});
|
||||
};
|
||||
|
||||
/** 新增数字人 */
|
||||
export const createHuman = (data?: object) => {
|
||||
return http.request(
|
||||
"post",
|
||||
"/virtual-patient-manage/humanManage/createHuman",
|
||||
{
|
||||
data
|
||||
}
|
||||
);
|
||||
};
|
||||
/** 修改数字人 */
|
||||
export const updateHuman = (data?: object) => {
|
||||
return http.request(
|
||||
"post",
|
||||
"/virtual-patient-manage/humanManage/updateHuman",
|
||||
{
|
||||
data
|
||||
}
|
||||
);
|
||||
};
|
||||
// 删除数字人;
|
||||
export const deleteHuman = (data?: object) => {
|
||||
return http.request(
|
||||
"delete",
|
||||
"/virtual-patient-manage/humanManage/deleteHuman",
|
||||
{
|
||||
params: data
|
||||
}
|
||||
);
|
||||
};
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 959 B |
@ -0,0 +1,13 @@
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="tishi" clip-path="url(#clip0_2113_4143)">
|
||||
<path id="Vector" d="M7 0C3.1 0 0 3.1 0 7C0 10.9 3.1 14 7 14C10.9 14 14 10.9 14 7C14 3.1 10.9 0 7 0Z" fill="#00975E"/>
|
||||
<g id="对号 2">
|
||||
<path id="Vector_2" d="M4.14564 6.15296C3.8463 5.85206 3.36038 5.85226 3.06059 6.15282L3.06046 6.15296C2.76162 6.45335 2.76162 6.9404 3.06046 7.24079L3.06052 7.24085L5.52864 9.71898L5.52886 9.71919L9.95367 4.40062L9.84739 4.29477L9.84736 4.29481C9.8473 4.29486 9.84725 4.29492 9.8472 4.29497L6.07117 8.08619L4.14564 6.15296ZM4.14564 6.15296L4.03942 6.25863L4.14557 6.1529L4.14564 6.15296Z" fill="white" stroke="white" stroke-width="0.3"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2113_4143">
|
||||
<rect width="14" height="14" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 871 B |
@ -0,0 +1,10 @@
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="tishi" clip-path="url(#clip0_2113_4249)">
|
||||
<path id="Vector" d="M7 0C3.1 0 0 3.1 0 7C0 10.9 3.1 14 7 14C10.9 14 14 10.9 14 7C14 3.1 10.9 0 7 0ZM7.8 11.2C7.8 11.7 7.5 12 7 12C6.5 12 6.2 11.7 6.2 11.2V6.6C6.2 6.1 6.5 5.8 7 5.8C7.5 5.8 7.8 6.1 7.8 6.6V11.2ZM8.2 3.6C8.2 4.3 7.6 4.8 7 4.8C6.4 4.8 5.8 4.3 5.8 3.6C5.8 2.9 6.3 2.3 7 2.3C7.7 2.3 8.2 2.9 8.2 3.6Z" fill="#FF3429"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2113_4249">
|
||||
<rect width="14" height="14" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 591 B |
@ -0,0 +1,11 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="heli-xuanzhong" clip-path="url(#clip0_542_564)">
|
||||
<path id="Vector" d="M10 18.3337C12.3012 18.3337 14.3845 17.4009 15.8925 15.8929C17.4006 14.3848 18.3333 12.3015 18.3333 10.0003C18.3333 7.69916 17.4006 5.61583 15.8925 4.10777C14.3845 2.59973 12.3012 1.66699 10 1.66699C7.69884 1.66699 5.6155 2.59973 4.10745 4.10777C2.59941 5.61583 1.66667 7.69916 1.66667 10.0003C1.66667 12.3015 2.59941 14.3848 4.10745 15.8929C5.6155 17.4009 7.69884 18.3337 10 18.3337Z" stroke="#00975E" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M6.66667 10L9.16667 12.5L14.1667 7.5" stroke="#00975E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_542_564">
|
||||
<rect width="20" height="20" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 880 B |
@ -0,0 +1,12 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="buheli-xuanzhong" clip-path="url(#clip0_542_568)">
|
||||
<path id="Vector" d="M10 18.3337C14.6024 18.3337 18.3333 14.6027 18.3333 10.0003C18.3333 5.39795 14.6024 1.66699 10 1.66699C5.39762 1.66699 1.66666 5.39795 1.66666 10.0003C1.66666 14.6027 5.39762 18.3337 10 18.3337Z" stroke="#FF3429" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M12.357 7.64258L7.64291 12.3566" stroke="#FF3429" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M7.64304 7.64258L12.3571 12.3566" stroke="#FF3429" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_542_568">
|
||||
<rect width="20" height="20" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 829 B |
@ -0,0 +1,11 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="heli" clip-path="url(#clip0_542_573)">
|
||||
<path id="Vector" d="M10 18.3337C12.3012 18.3337 14.3845 17.4009 15.8925 15.8929C17.4006 14.3848 18.3333 12.3015 18.3333 10.0003C18.3333 7.69916 17.4006 5.61583 15.8925 4.10777C14.3845 2.59973 12.3012 1.66699 10 1.66699C7.69884 1.66699 5.6155 2.59973 4.10745 4.10777C2.59941 5.61583 1.66667 7.69916 1.66667 10.0003C1.66667 12.3015 2.59941 14.3848 4.10745 15.8929C5.6155 17.4009 7.69884 18.3337 10 18.3337Z" stroke="#999999" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M6.66667 10L9.16667 12.5L14.1667 7.5" stroke="#999999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_542_573">
|
||||
<rect width="20" height="20" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 870 B |
@ -0,0 +1,12 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="buheli" clip-path="url(#clip0_542_577)">
|
||||
<path id="Vector" d="M10 18.3337C14.6024 18.3337 18.3333 14.6027 18.3333 10.0003C18.3333 5.39795 14.6024 1.66699 10 1.66699C5.39762 1.66699 1.66666 5.39795 1.66666 10.0003C1.66666 14.6027 5.39762 18.3337 10 18.3337Z" stroke="#999999" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M12.357 7.64258L7.64291 12.3566" stroke="#999999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M7.64304 7.64258L12.3571 12.3566" stroke="#999999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_542_577">
|
||||
<rect width="20" height="20" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 819 B |
@ -0,0 +1,227 @@
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref } from "vue";
|
||||
import ProblemBase from "@/views/caseManagement/diseaseType/compontents/problemBase.vue";
|
||||
import AddQuestion from "./AddQuestion.vue";
|
||||
import { message } from "@/utils/message";
|
||||
const seachForm = reactive({
|
||||
type: "",
|
||||
name: "",
|
||||
patientSelfDesc: "",
|
||||
patientAge: "",
|
||||
diseaseId: ""
|
||||
});
|
||||
const typeList = ref([]);
|
||||
const problemBaseRef = ref();
|
||||
const AddQuestionRef = ref();
|
||||
const dataList = ref([{}]);
|
||||
|
||||
const pagination = reactive<any>({
|
||||
total: 0,
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
background: true
|
||||
});
|
||||
const columns: TableColumnList = [
|
||||
{
|
||||
label: "序号",
|
||||
type: "index",
|
||||
width: 80
|
||||
},
|
||||
{
|
||||
label: "问题",
|
||||
prop: "itemName"
|
||||
},
|
||||
{
|
||||
label: "回复",
|
||||
prop: "itemName"
|
||||
},
|
||||
{
|
||||
label: "问题类目",
|
||||
prop: "itemName"
|
||||
},
|
||||
{
|
||||
label: "诊断依据",
|
||||
prop: "itemName"
|
||||
},
|
||||
{
|
||||
label: "操作",
|
||||
fixed: "right",
|
||||
width: 200,
|
||||
slot: "operation"
|
||||
}
|
||||
];
|
||||
const getData = () => {};
|
||||
const search = () => {
|
||||
pagination.currentPage = 1;
|
||||
pagination.pageSize = 10;
|
||||
getData();
|
||||
};
|
||||
const selectQuestion = () => {
|
||||
problemBaseRef.value.open();
|
||||
};
|
||||
const add = () => {
|
||||
AddQuestionRef.value.open();
|
||||
};
|
||||
const edit = item => {};
|
||||
const handleDelete = item => {};
|
||||
const reset = () => {
|
||||
seachForm.name = "";
|
||||
seachForm.type = "";
|
||||
search();
|
||||
};
|
||||
const selectOk = async (data: any) => {
|
||||
let flag = true;
|
||||
data.forEach(e => {
|
||||
for (const item of dataList.value) {
|
||||
if (item.libraryQuestionId === e.libraryQuestionId) {
|
||||
message("不能选择重复数据", { type: "error" });
|
||||
flag = false;
|
||||
return;
|
||||
}
|
||||
}
|
||||
if (flag) {
|
||||
dataList.value.push({
|
||||
defaultAnswer: e.defaultAnswer,
|
||||
dictNamePath: e.nameZhPath,
|
||||
medicalRecAnswer: e.defaultAnswer,
|
||||
libraryQuestionId: e.libraryQuestionId,
|
||||
questionList: e.question,
|
||||
answerResourceId: e.answerResourceId
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<div class="ClinicalConsultation">
|
||||
<div class="header">
|
||||
<div class="header_left">
|
||||
<span>临床问诊</span>
|
||||
</div>
|
||||
<div class="header_right">
|
||||
<el-button
|
||||
size="large"
|
||||
class="btn"
|
||||
@click="selectQuestion"
|
||||
type="primary"
|
||||
>选择问题</el-button
|
||||
>
|
||||
<el-button size="large" class="btn" @click="add" type="primary"
|
||||
>添加问题</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<el-form
|
||||
style="padding-right: 40px"
|
||||
ref="ruleFormRef"
|
||||
:model="seachForm"
|
||||
label-width="80px"
|
||||
>
|
||||
<el-row>
|
||||
<el-form-item label="类目" prop="patientGender">
|
||||
<el-select
|
||||
size="large"
|
||||
filterable
|
||||
style="width: 100%"
|
||||
v-model="seachForm.type"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in typeList"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="问题">
|
||||
<el-input size="large" v-model="seachForm.name" />
|
||||
</el-form-item>
|
||||
<el-button class="ml-8" size="large" @click="search" type="primary"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button size="large" @click="reset">重置</el-button>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div style="padding: 0 40px">
|
||||
<pure-table
|
||||
ref="tableRef"
|
||||
v-if="dataList.length > 0"
|
||||
align-whole="center"
|
||||
style="height: calc(100vh - 485px)"
|
||||
showOverflowTooltip
|
||||
class="mt-4"
|
||||
:data="dataList"
|
||||
:columns="columns"
|
||||
:header-cell-style="{
|
||||
background: 'var(--el-table-row-hover-bg-color)',
|
||||
color: 'var(--el-text-color-primary)'
|
||||
}"
|
||||
>
|
||||
<template #basisConfirm="{ row }">
|
||||
<el-checkbox
|
||||
:true-label="1"
|
||||
:false-label="0"
|
||||
v-model="row.basisConfirmFlag"
|
||||
size="large"
|
||||
/>
|
||||
</template>
|
||||
<template #operation="{ row }">
|
||||
<el-button link type="primary" @click="edit(row)"> 编辑 </el-button>
|
||||
<el-button link type="danger" @click="handleDelete(row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</pure-table>
|
||||
</div>
|
||||
<ProblemBase @select="selectOk" ref="problemBaseRef" />
|
||||
<AddQuestion ref="AddQuestionRef" />
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.ClinicalConsultation {
|
||||
flex: 1;
|
||||
:deep(.el-form-item__label) {
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 88px;
|
||||
padding: 0 40px;
|
||||
margin-bottom: 24px;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
|
||||
.header_left {
|
||||
font-size: 20px;
|
||||
color: #333;
|
||||
|
||||
span {
|
||||
padding-left: 8px;
|
||||
border-left: 6px solid #4287ff;
|
||||
}
|
||||
}
|
||||
.header_right {
|
||||
display: flex;
|
||||
.btn {
|
||||
width: 112px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.reset_btn {
|
||||
width: 112px;
|
||||
height: 40px;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #4287ff;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #4287ff;
|
||||
margin-right: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,197 @@
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref } from "vue";
|
||||
import { message } from "@/utils/message";
|
||||
const seachForm = reactive({
|
||||
type: "",
|
||||
name: "",
|
||||
patientSelfDesc: "",
|
||||
patientAge: "",
|
||||
diseaseId: ""
|
||||
});
|
||||
const typeList = ref([]);
|
||||
const dataList = ref([{}]);
|
||||
const pagination = reactive<any>({
|
||||
total: 0,
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
background: true
|
||||
});
|
||||
const columns: TableColumnList = [
|
||||
{
|
||||
label: "检查项目",
|
||||
prop: "toolName"
|
||||
},
|
||||
{
|
||||
label: "检查部位",
|
||||
prop: "locationName"
|
||||
},
|
||||
{
|
||||
label: "初步诊断依据",
|
||||
slot: "slot0"
|
||||
},
|
||||
{
|
||||
label: "证实诊断依据",
|
||||
slot: "slot1"
|
||||
},
|
||||
{
|
||||
label: "鉴别依据",
|
||||
slot: "slot2"
|
||||
},
|
||||
{
|
||||
label: "全面依据",
|
||||
slot: "slot3"
|
||||
},
|
||||
{
|
||||
label: "是否必查",
|
||||
prop: "requireCheckFlag",
|
||||
slot: "requireCheckFlag"
|
||||
}
|
||||
];
|
||||
const getData = () => {};
|
||||
const search = () => {
|
||||
pagination.currentPage = 1;
|
||||
pagination.pageSize = 10;
|
||||
getData();
|
||||
};
|
||||
|
||||
const add = () => {};
|
||||
const edit = item => {};
|
||||
const handleDelete = item => {};
|
||||
const reset = () => {
|
||||
seachForm.name = "";
|
||||
seachForm.type = "";
|
||||
search();
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<div class="ClinicalDiagnosis">
|
||||
<div class="header">
|
||||
<div class="header_left">
|
||||
<span>临床诊断-体格检查辅助检查项目</span>
|
||||
</div>
|
||||
<div class="header_right">
|
||||
<el-button size="large" class="btn" @click="add" type="primary"
|
||||
>保存</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<el-form
|
||||
style="padding-right: 40px"
|
||||
ref="ruleFormRef"
|
||||
:model="seachForm"
|
||||
label-width="80px"
|
||||
>
|
||||
<el-row>
|
||||
<el-form-item label="类目" prop="patientGender">
|
||||
<el-select
|
||||
size="large"
|
||||
filterable
|
||||
style="width: 100%"
|
||||
v-model="seachForm.type"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in typeList"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="问题">
|
||||
<el-input size="large" v-model="seachForm.name" />
|
||||
</el-form-item>
|
||||
<el-button class="ml-8" size="large" @click="search" type="primary"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button size="large" @click="reset">重置</el-button>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div style="padding: 0 40px">
|
||||
<pure-table
|
||||
ref="tableRef"
|
||||
v-if="dataList.length > 0"
|
||||
align-whole="center"
|
||||
style="height: calc(100vh - 485px)"
|
||||
showOverflowTooltip
|
||||
class="mt-4"
|
||||
:data="dataList"
|
||||
:columns="columns"
|
||||
:header-cell-style="{
|
||||
background: 'var(--el-table-row-hover-bg-color)',
|
||||
color: 'var(--el-text-color-primary)'
|
||||
}"
|
||||
>
|
||||
<template #basisConfirm="{ row }">
|
||||
<el-checkbox
|
||||
:true-label="1"
|
||||
:false-label="0"
|
||||
v-model="row.basisConfirmFlag"
|
||||
size="large"
|
||||
/>
|
||||
</template>
|
||||
<template #basisIdentification="{ row }">
|
||||
<el-checkbox
|
||||
:true-label="1"
|
||||
:false-label="0"
|
||||
v-model="row.basisIdentificationFlag"
|
||||
size="large"
|
||||
/>
|
||||
</template>
|
||||
<template #operation="{ row }">
|
||||
<el-button link type="primary" @click="edit(row)"> 编辑 </el-button>
|
||||
<el-button link type="danger" @click="handleDelete(row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</pure-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.ClinicalDiagnosis {
|
||||
flex: 1;
|
||||
:deep(.el-form-item__label) {
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 88px;
|
||||
padding: 0 40px;
|
||||
margin-bottom: 24px;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
|
||||
.header_left {
|
||||
font-size: 20px;
|
||||
color: #333;
|
||||
|
||||
span {
|
||||
padding-left: 8px;
|
||||
border-left: 6px solid #4287ff;
|
||||
}
|
||||
}
|
||||
.header_right {
|
||||
display: flex;
|
||||
.btn {
|
||||
width: 112px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.reset_btn {
|
||||
width: 112px;
|
||||
height: 40px;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #4287ff;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #4287ff;
|
||||
margin-right: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,136 @@
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref } from "vue";
|
||||
import { message } from "@/utils/message";
|
||||
const seachForm = reactive({
|
||||
primarilyDiagnosisCriteria: "",
|
||||
confirmDiagnosisCriteria: "",
|
||||
patientSelfDesc: "",
|
||||
differentialDiagnosisCriteria: "",
|
||||
fullCheck: ""
|
||||
});
|
||||
const add = () => {};
|
||||
|
||||
const reset = () => {};
|
||||
</script>
|
||||
<template>
|
||||
<div class="DiagnosticBasis">
|
||||
<div class="header">
|
||||
<div class="header_left">
|
||||
<span>诊断依据</span>
|
||||
</div>
|
||||
<div class="header_right">
|
||||
<el-button size="large" class="btn" @click="add" type="primary"
|
||||
>保存</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<el-form class="mt-4 mr-10" :model="seachForm" label-width="180px">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="初步诊断依据："
|
||||
prop="primarilyDiagnosisCriteria"
|
||||
>
|
||||
<el-input
|
||||
:rows="4"
|
||||
style="width: 100%"
|
||||
type="textarea"
|
||||
:maxLength="500"
|
||||
placeholder="请输入描述"
|
||||
v-model="seachForm.primarilyDiagnosisCriteria"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="证实诊断依据：" prop="confirmDiagnosisCriteria">
|
||||
<el-input
|
||||
:rows="4"
|
||||
style="width: 100%"
|
||||
type="textarea"
|
||||
:maxLength="500"
|
||||
placeholder="请输入描述"
|
||||
v-model="seachForm.confirmDiagnosisCriteria"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="鉴别依据：" prop="differentialDiagnosisCriteria">
|
||||
<el-input
|
||||
:rows="4"
|
||||
style="width: 100%"
|
||||
type="textarea"
|
||||
:maxLength="500"
|
||||
placeholder="请输入描述"
|
||||
v-model="seachForm.differentialDiagnosisCriteria"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="处置诊断说明" prop="fullCheck">
|
||||
<el-input
|
||||
:rows="4"
|
||||
style="width: 100%"
|
||||
type="textarea"
|
||||
:maxLength="500"
|
||||
placeholder="请输入描述"
|
||||
v-model="seachForm.fullCheck"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.DiagnosticBasis {
|
||||
flex: 1;
|
||||
:deep(.el-form-item__label) {
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 88px;
|
||||
padding: 0 40px;
|
||||
margin-bottom: 24px;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
|
||||
.header_left {
|
||||
font-size: 20px;
|
||||
color: #333;
|
||||
|
||||
span {
|
||||
padding-left: 8px;
|
||||
border-left: 6px solid #4287ff;
|
||||
}
|
||||
}
|
||||
.header_right {
|
||||
display: flex;
|
||||
.btn {
|
||||
width: 112px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.reset_btn {
|
||||
width: 112px;
|
||||
height: 40px;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #4287ff;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #4287ff;
|
||||
margin-right: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,164 @@
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref } from "vue";
|
||||
import { message } from "@/utils/message";
|
||||
const seachForm = reactive({
|
||||
type: "",
|
||||
name: "",
|
||||
patientSelfDesc: "",
|
||||
patientAge: "",
|
||||
diseaseId: ""
|
||||
});
|
||||
const typeList = ref([]);
|
||||
const dataList = ref([{}]);
|
||||
const pagination = reactive<any>({
|
||||
total: 0,
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
background: true
|
||||
});
|
||||
const columns = [
|
||||
{
|
||||
label: "检查项目",
|
||||
prop: "toolName"
|
||||
},
|
||||
{
|
||||
label: "检查部位",
|
||||
prop: "locationName"
|
||||
},
|
||||
{
|
||||
label: "初步诊断依据",
|
||||
slot: "slot0"
|
||||
},
|
||||
{
|
||||
label: "证实诊断依据",
|
||||
slot: "slot1"
|
||||
},
|
||||
{
|
||||
label: "鉴别依据",
|
||||
slot: "slot2"
|
||||
},
|
||||
{
|
||||
label: "全面依据",
|
||||
slot: "slot3"
|
||||
},
|
||||
{
|
||||
label: "是否必查",
|
||||
prop: "requireCheckFlag",
|
||||
slot: "requireCheckFlag"
|
||||
}
|
||||
];
|
||||
const getData = () => {};
|
||||
const search = () => {
|
||||
pagination.currentPage = 1;
|
||||
pagination.pageSize = 10;
|
||||
getData();
|
||||
};
|
||||
|
||||
const add = () => {};
|
||||
const handleDelete = item => {};
|
||||
const reset = () => {
|
||||
seachForm.name = "";
|
||||
seachForm.type = "";
|
||||
search();
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<div class="DisposalPlan">
|
||||
<div class="header">
|
||||
<div class="header_left">
|
||||
<span>处置计划</span>
|
||||
</div>
|
||||
<div class="header_right">
|
||||
<div class="reset_btn">重置</div>
|
||||
<el-button size="large" class="btn" @click="add" type="primary"
|
||||
>保存</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 0 40px">
|
||||
<pure-table
|
||||
ref="tableRef"
|
||||
v-if="dataList.length > 0"
|
||||
align-whole="center"
|
||||
style="height: calc(100vh - 485px)"
|
||||
showOverflowTooltip
|
||||
class="mt-4"
|
||||
:data="dataList"
|
||||
:columns="columns"
|
||||
:header-cell-style="{
|
||||
background: 'var(--el-table-row-hover-bg-color)',
|
||||
color: 'var(--el-text-color-primary)'
|
||||
}"
|
||||
>
|
||||
<template #basisConfirm="{ row }">
|
||||
<el-checkbox
|
||||
:true-label="1"
|
||||
:false-label="0"
|
||||
v-model="row.basisConfirmFlag"
|
||||
size="large"
|
||||
/>
|
||||
</template>
|
||||
<template #basisIdentification="{ row }">
|
||||
<el-checkbox
|
||||
:true-label="1"
|
||||
:false-label="0"
|
||||
v-model="row.basisIdentificationFlag"
|
||||
size="large"
|
||||
/>
|
||||
</template>
|
||||
<template #operation="{ row }">
|
||||
<el-button link type="danger" @click="handleDelete(row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</pure-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.DisposalPlan {
|
||||
flex: 1;
|
||||
:deep(.el-form-item__label) {
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 88px;
|
||||
padding: 0 40px;
|
||||
margin-bottom: 24px;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
|
||||
.header_left {
|
||||
font-size: 20px;
|
||||
color: #333;
|
||||
|
||||
span {
|
||||
padding-left: 8px;
|
||||
border-left: 6px solid #4287ff;
|
||||
}
|
||||
}
|
||||
.header_right {
|
||||
display: flex;
|
||||
.btn {
|
||||
width: 112px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.reset_btn {
|
||||
width: 112px;
|
||||
height: 40px;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #4287ff;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #4287ff;
|
||||
margin-right: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,215 @@
|
||||
<script setup lang="ts">
|
||||
import { nextTick, reactive, ref } from "vue";
|
||||
import { FormInstance } from "element-plus";
|
||||
import { message } from "@/utils/message";
|
||||
// import { useRoute } from "vue-router";
|
||||
defineOptions({
|
||||
name: "AddCase"
|
||||
});
|
||||
const isEditFlag = ref(false);
|
||||
const diseaseList = ref([]);
|
||||
const id = ref("");
|
||||
const dialogVisible = ref(false);
|
||||
|
||||
const formData = reactive({
|
||||
patientGender: "",
|
||||
directoryDesc: "",
|
||||
patientSelfDesc: "",
|
||||
patientAge: "",
|
||||
diseaseId: ""
|
||||
});
|
||||
const ruleFormRef = ref<FormInstance>();
|
||||
const rules = {
|
||||
patientGender: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
directoryDesc: [{ required: true, message: "请输入", trigger: "change" }]
|
||||
};
|
||||
defineExpose({
|
||||
async open(item) {
|
||||
dialogVisible.value = true;
|
||||
await nextTick();
|
||||
if (item) {
|
||||
for (const key in item) {
|
||||
// eslint-disable-next-line no-prototype-builtins
|
||||
if (formData.hasOwnProperty(key)) {
|
||||
formData[key] = item[key];
|
||||
}
|
||||
}
|
||||
isEditFlag.value = true;
|
||||
id.value = item.id;
|
||||
}
|
||||
}
|
||||
});
|
||||
const resetForm = () => {
|
||||
ruleFormRef.value.resetFields();
|
||||
};
|
||||
const closeDialog = () => {
|
||||
dialogVisible.value = false;
|
||||
isEditFlag.value = false;
|
||||
resetForm();
|
||||
};
|
||||
const emit = defineEmits(["update"]);
|
||||
const reset = () => {
|
||||
ruleFormRef.value.resetFields();
|
||||
};
|
||||
|
||||
const save = (formEl: FormInstance | undefined) => {
|
||||
formEl.validate(async (valid, fields) => {
|
||||
if (valid) {
|
||||
// formData.result = refWangEditor.value.valueHtml;
|
||||
// const params = {
|
||||
// ...formData,
|
||||
// result: refWangEditor.value.valueHtml,
|
||||
// diseaseId: route.query.id
|
||||
// };
|
||||
if (isEditFlag.value) {
|
||||
// const res: any = await updateSupportInspect({
|
||||
// ...params,
|
||||
// id: id.value
|
||||
// });
|
||||
if (res.code === 200) {
|
||||
message("修改成功", { type: "success" });
|
||||
id.value = "";
|
||||
}
|
||||
} else {
|
||||
// const res: any = await addSupportInspect(params);
|
||||
// if (res.code === 200) {
|
||||
// message("新增成功", { type: "success" });
|
||||
// }
|
||||
}
|
||||
dialogVisible.value = false;
|
||||
emit("update");
|
||||
} else {
|
||||
return fields;
|
||||
}
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<el-drawer
|
||||
:size="650"
|
||||
append-to-body
|
||||
v-model="dialogVisible"
|
||||
:show-close="false"
|
||||
:with-header="false"
|
||||
:before-close="closeDialog"
|
||||
custom-class="AddEdit"
|
||||
>
|
||||
<div class="AddEdit">
|
||||
<div class="header-title">
|
||||
<div class="tip" />
|
||||
<span>添加电子病历项</span>
|
||||
</div>
|
||||
<div class="line" />
|
||||
<el-form
|
||||
ref="ruleFormRef"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
label-width="80px"
|
||||
>
|
||||
<el-form-item label="选择类目" prop="directoryDesc">
|
||||
<el-select
|
||||
size="large"
|
||||
filterable
|
||||
clearable
|
||||
v-model="formData.diseaseId"
|
||||
class="form_select"
|
||||
style="width: 100%"
|
||||
placeholder="请选择选择类目"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in diseaseList"
|
||||
:key="item.id"
|
||||
:label="item.diseaseName"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="名称" prop="patientGender">
|
||||
<el-input size="large" v-model="formData.patientSelfDesc" />
|
||||
</el-form-item>
|
||||
<el-form-item label="内容" prop="patientSelfDesc">
|
||||
<el-input size="large" v-model="formData.patientSelfDesc" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="footer_btn">
|
||||
<div class="reset" @click="reset()">重置</div>
|
||||
<div class="main" @click="save(ruleFormRef)">确定</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.AddEdit {
|
||||
:deep(.el-form-item__label) {
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.header-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// border-left: 6px solid #4287ff;
|
||||
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #2b3f54;
|
||||
|
||||
.tip {
|
||||
width: 6px;
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
line-height: 20px;
|
||||
background: #4287ff;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
position: relative;
|
||||
left: -20px;
|
||||
width: 605px;
|
||||
height: 1px;
|
||||
margin: 24px 0;
|
||||
background: rgb(91 139 255 / 30%);
|
||||
}
|
||||
|
||||
.footer_btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
margin-top: 16px;
|
||||
|
||||
.reset {
|
||||
width: 188px;
|
||||
height: 48px;
|
||||
margin-right: 24px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 48px;
|
||||
color: #4287ff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
border: 1px solid #4287ff;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 188px;
|
||||
height: 48px;
|
||||
font-size: 16px;
|
||||
line-height: 48px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: #4287ff;
|
||||
border: 1px solid #4287ff;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,215 @@
|
||||
<script setup lang="ts">
|
||||
import { nextTick, ref } from "vue";
|
||||
|
||||
defineOptions({
|
||||
name: "AddCase"
|
||||
});
|
||||
const isEditFlag = ref(false);
|
||||
const dataList = ref([
|
||||
{
|
||||
url: "",
|
||||
key: 1,
|
||||
name: "虚拟人名称"
|
||||
},
|
||||
{
|
||||
url: "",
|
||||
key: 2,
|
||||
name: "虚拟人名称"
|
||||
},
|
||||
{
|
||||
url: "",
|
||||
key: 3,
|
||||
name: "虚拟人名称"
|
||||
}
|
||||
]);
|
||||
const selectKey = ref(1);
|
||||
const id = ref("");
|
||||
const dialogVisible = ref(false);
|
||||
|
||||
defineExpose({
|
||||
async open(item) {
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
});
|
||||
|
||||
const closeDialog = () => {
|
||||
dialogVisible.value = false;
|
||||
isEditFlag.value = false;
|
||||
};
|
||||
const emit = defineEmits(["update"]);
|
||||
const reset = () => {};
|
||||
|
||||
const save = () => {};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<el-drawer
|
||||
:size="650"
|
||||
append-to-body
|
||||
v-model="dialogVisible"
|
||||
:show-close="false"
|
||||
:with-header="false"
|
||||
:before-close="closeDialog"
|
||||
custom-class="SelectPeople"
|
||||
>
|
||||
<div class="SelectPeople">
|
||||
<div class="header-title">
|
||||
<div class="tip" />
|
||||
<span>选择虚拟人形象</span>
|
||||
</div>
|
||||
<div class="line" />
|
||||
<div class="img_list">
|
||||
<div
|
||||
class="img_list_item"
|
||||
v-for="(item, index) in dataList"
|
||||
:key="index"
|
||||
>
|
||||
<img :src="item.url" alt="" />
|
||||
<div class="img_list_desc">{{ item.name }}</div>
|
||||
<div class="no_select" v-if="selectKey !== item.key" />
|
||||
<div class="selected" v-if="selectKey === item.key">
|
||||
<span class="in_select" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="footer_btn">
|
||||
<div class="reset" @click="reset()">重置</div>
|
||||
<div class="main" @click="save()">确定</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.SelectPeople {
|
||||
:deep(.el-form-item__label) {
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.header-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// border-left: 6px solid #4287ff;
|
||||
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #2b3f54;
|
||||
|
||||
.tip {
|
||||
width: 6px;
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
line-height: 20px;
|
||||
background: #4287ff;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
position: relative;
|
||||
left: -20px;
|
||||
width: 650px;
|
||||
height: 1px;
|
||||
margin: 24px 0;
|
||||
background: rgb(91 139 255 / 30%);
|
||||
}
|
||||
.img_list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
.img_list_item {
|
||||
width: 190px;
|
||||
position: relative;
|
||||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
|
||||
// margin-right: 16px;
|
||||
border-radius: 12px;
|
||||
cursor: pointer;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 190px;
|
||||
}
|
||||
.img_list_item:last-child {
|
||||
margin-right: 0px;
|
||||
}
|
||||
.img_list_desc {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: #ffffff;
|
||||
border-radius: 0px 0px 12px 12px;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
line-height: 40px;
|
||||
padding-left: 16px;
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
.no_select {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #ffffff;
|
||||
border-radius: 28px 28px 28px 28px;
|
||||
border: 1px solid #d9d9d9;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
}
|
||||
.selected {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #ffffff;
|
||||
border-radius: 28px 28px 28px 28px;
|
||||
border: 1px solid #4287ff;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.in_select {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #4287ff;
|
||||
border-radius: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer_btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
margin-top: 16px;
|
||||
|
||||
.reset {
|
||||
width: 188px;
|
||||
height: 48px;
|
||||
margin-right: 24px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 48px;
|
||||
color: #4287ff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
border: 1px solid #4287ff;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 188px;
|
||||
height: 48px;
|
||||
font-size: 16px;
|
||||
line-height: 48px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: #4287ff;
|
||||
border: 1px solid #4287ff;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue