<template>
|
<div class="particularsdiv">
|
<div class="left-course">
|
<div class="postfilx">
|
<div class="title">工作进程</div>
|
<div style="height: 666px;">
|
<el-steps direction="vertical" :active="3">
|
<el-step title="潜在捐献" icon="el-icon-user">
|
<template slot="description">
|
<p>提交时间：<span>2023-9-20</span></p>
|
<p>审核时间：<span>2023-9-30</span></p>
|
</template>
|
</el-step>
|
<el-step title="医学评估" icon="el-icon-edit-outline">
|
<template slot="description">
|
<p>提交时间：<span>2023-9-20</span></p>
|
<p>审核时间：<span>2023-9-30</span></p>
|
</template>
|
</el-step>
|
<el-step
|
title="捐献确认"
|
description="这是一段很长很长很长的描述性文字"
|
icon="el-icon-folder-checked"
|
>
|
</el-step>
|
<el-step
|
title="伦理审查"
|
description="这是一段很长很长很长的描述性文字"
|
icon="el-icon-s-order"
|
></el-step>
|
<el-step
|
title="器官分配"
|
description="这是一段很长很长很长的描述性文字"
|
icon="el-icon-s-operation"
|
></el-step>
|
<el-step
|
title="获取见证"
|
description="这是一段很长很长很长的描述性文字"
|
icon="el-icon-s-management"
|
></el-step>
|
<el-step
|
title="完成登记"
|
description="这是一段很长很长很长的描述性文字"
|
icon="el-icon-circle-check"
|
></el-step>
|
</el-steps>
|
</div>
|
</div>
|
</div>
|
|
<div style="background: #fff;">
|
<div class="boxdiv">
|
<div class="top-text">捐献者记录工作台</div>
|
<el-form
|
ref="form"
|
:model="form"
|
:rules="rules"
|
label-width="130px"
|
label-position="right"
|
>
|
<div
|
style="
|
border-top: 1px solid #ddd;
|
padding-right: 60px;
|
"
|
>
|
<el-row style="margin-top: 10px">
|
<el-col :span="8">
|
<el-form-item label="捐献编号" prop="donorno">
|
<el-input v-model="form.donorno" disabled />
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item
|
align="left"
|
label="医疗机构"
|
prop="treatmenthospitalno"
|
>
|
<org-selecter
|
ref="addOrgSelect"
|
:org-type="'3'"
|
v-model="form.treatmenthospitalno"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="科室" prop="treatmentdeptno">
|
<el-input
|
v-model="form.treatmentdeptname"
|
placeholder="请输入科室"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item align="left" label="姓名" prop="name">
|
<el-input v-model="form.name" placeholder="必填项" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="民族" prop="nation">
|
<el-select v-model="form.nation" placeholder="请选择民族">
|
<el-option
|
v-for="dict in dict.type.sys_nation"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="籍贯" prop="nativeplace">
|
<el-input
|
v-model="form.nativeplace"
|
placeholder="请输入国籍"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="国籍" prop="nationality">
|
<el-input
|
v-model="form.nationality"
|
placeholder="请输入国籍"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="证件类型" prop="idcardtype">
|
<el-select
|
v-model="form.idcardtype"
|
placeholder="请选择证件类型"
|
>
|
<el-option
|
v-for="dict in dict.type.sys_IDType"
|
:key="dict.value"
|
:label="dict.label"
|
:value="parseInt(dict.value)"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="证件号码" prop="idcardno">
|
<el-input
|
style="width: 174px"
|
ref="updateBSvalue"
|
class="sfzcode"
|
v-model="form.idcardno"
|
placeholder="请输入证件号码"
|
@blur="updateMessage"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="性别" prop="sex">
|
<el-select v-model="form.sex" placeholder="请输入性别">
|
<el-option
|
v-for="dict in dict.type.sys_user_sex"
|
:key="dict.label"
|
:label="dict.label"
|
:value="parseInt(dict.value)"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="年龄" prop="age">
|
<el-input v-model="form.age" placeholder="请输入年龄" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="出生日期" prop="birthday">
|
<el-date-picker
|
clearable
|
size="small"
|
v-model="form.birthday"
|
type="date"
|
style="width: 174px"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
placeholder="选择出生日期"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="职业" prop="occupation">
|
<el-select v-model="form.occupation" placeholder="请选择职业">
|
<el-option
|
v-for="dict in dict.type.sys_occupation"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="学历" prop="education">
|
<el-select v-model="form.education" placeholder="请选择学历">
|
<el-option
|
v-for="dict in dict.type.sys_education"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="住址" prop="residenceaddress">
|
<div>
|
<li_area_select
|
ref="residenceSelect"
|
v-model="residenceAddresss"
|
></li_area_select>
|
<!-- <div>{{defultAddress}}</div> -->
|
</div>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :push="1">
|
<el-input
|
v-model="form.residenceaddress"
|
placeholder="请输入内容"
|
/>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="现所在地" prop="registeraddress">
|
<div>
|
<li_area_select
|
ref="registerSelect"
|
v-model="registerAddresss"
|
></li_area_select>
|
<!-- <div>{{defultAddress}}</div> -->
|
</div>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :push="1">
|
<el-input
|
v-model="form.registeraddress"
|
placeholder="请输入内容"
|
/>
|
</el-col>
|
</el-row>
|
</div>
|
</el-form>
|
</div>
|
<!-- 流程tab -->
|
<div style="margin: 0 10px; cursor:pointer;">
|
<el-steps :active="actives" simple>
|
<el-step
|
@click.native="on_click(0)"
|
title="潜在捐献"
|
icon="el-icon-user"
|
></el-step>
|
<el-step
|
@click.native="on_click(1)"
|
title="医学评估"
|
icon="el-icon-edit-outline"
|
></el-step>
|
<el-step
|
@click.native="on_click(2)"
|
title="捐献确认"
|
icon="el-icon-folder-checked"
|
></el-step>
|
<el-step
|
@click.native="on_click(3)"
|
title="伦理审查"
|
icon="el-icon-s-order"
|
></el-step>
|
<el-step
|
@click.native="on_click(4)"
|
title="器官分配"
|
icon="el-icon-s-operation"
|
></el-step>
|
<el-step
|
@click.native="on_click(5)"
|
title="获取见证"
|
icon="el-icon-s-management"
|
></el-step>
|
<el-step
|
@click.native="on_click(6)"
|
title="完成登记"
|
icon="el-icon-circle-check"
|
></el-step>
|
</el-steps>
|
</div>
|
<!-- 潜在捐献 -->
|
<div class="boxdiv" style="margin: 30px 0 66px 0;" v-show="actives == 0">
|
<el-form
|
ref="latentform"
|
:model="latentform"
|
:rules="latentrules"
|
label-width="100px"
|
label-position="right"
|
>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="住院号" prop="inpatientno">
|
<el-input
|
v-model="latentform.inpatientno"
|
placeholder="住院号"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="16">
|
<el-form-item label="疾病诊断" prop="diagnosisname">
|
<el-input
|
v-model="latentform.diagnosisname"
|
placeholder="请输入疾病诊断名称"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item align="left" label="血型" prop="bloodtype">
|
<el-radio-group v-model="latentform.bloodtype">
|
<el-radio
|
v-for="dict in dict.type.sys_BloodType"
|
:key="dict.value"
|
:label="dict.value"
|
>{{ dict.label }}</el-radio
|
>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12" :pull="1">
|
<el-form-item label="Rh(D)" align="left" prop="rhyin">
|
<el-radio-group v-model="latentform.rhyin">
|
<el-radio
|
v-for="dict in dict.type.sys_bloodtype_rhd"
|
:key="dict.value"
|
:label="dict.value"
|
>{{ dict.label }}</el-radio
|
>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-form-item label="疾病类型" align="left">
|
<el-checkbox-group v-model="latentform.diseasetype">
|
<el-checkbox
|
v-for="dict in dict.type.sys_DiseaseType"
|
:key="dict.value"
|
:label="dict.value"
|
>
|
{{ dict.label }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
<el-form-item label="其他" prop="diseasetypeOther">
|
<el-input
|
v-model="latentform.diseasetypeOther"
|
placeholder="请输入其他"
|
/>
|
</el-form-item>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item align="left" label="传染病">
|
<el-checkbox-group v-model="latentform.infectious">
|
<el-checkbox
|
v-for="dict in dict.type.sys_Infectious"
|
:key="dict.value"
|
:label="dict.value"
|
>
|
{{ dict.label }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item align="left" label="其他" prop="infectiousOther">
|
<el-input
|
v-model="latentform.infectiousOther"
|
placeholder="请输入其他"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="9">
|
<el-form-item align="left" label="病人状况">
|
<el-checkbox-group v-model="latentform.patientstate">
|
<el-checkbox
|
v-for="dict in dict.type.sys_patientstate"
|
:key="dict.value"
|
:label="dict.value"
|
>
|
{{ dict.label }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="15" align="left">
|
<el-form-item label="其他情况">
|
<el-checkbox-group v-model="latentform.othercases">
|
<el-checkbox
|
v-for="dict in dict.type.sys_OtherCases"
|
:key="dict.value"
|
:label="dict.value"
|
>
|
{{ dict.label }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<div display="flex">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item
|
label="亲属状况"
|
prop="kinship"
|
class="relation"
|
align="left"
|
>
|
<el-checkbox-group v-model="latentform.kinship">
|
<el-checkbox
|
v-for="dict in dict.type.sys_Kinship"
|
:key="dict.value"
|
:label="dict.value"
|
>
|
{{ dict.label }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="其他" prop="kinshipOther">
|
<el-input
|
v-model="latentform.kinshipOther"
|
placeholder="请输入其他"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item align="left" label="本人意愿 ">
|
<el-checkbox-group v-model="latentform.selfwill">
|
<el-checkbox
|
v-for="dict in dict.type.sys_SelfWill"
|
:key="dict.value"
|
:label="dict.value"
|
>
|
{{ dict.label }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="主要亲属" prop="majorrelatives">
|
<el-input
|
v-model="latentform.majorrelatives"
|
placeholder="请输入主要亲属"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="与捐赠者关系" prop="familyrelations">
|
<el-select
|
v-model="latentform.familyrelations"
|
placeholder="请选择与捐赠者关系"
|
>
|
<el-option
|
v-for="dict in dict.type.sys_FamilyRelation"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item align="left" label="信息来源">
|
<el-checkbox-group v-model="latentform.infosources">
|
<el-checkbox
|
v-for="dict in dict.type.sys_InfoSources"
|
:key="dict.value"
|
:label="dict.value"
|
>
|
{{ dict.label }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="其他" prop="infosourcesOther">
|
<el-input
|
v-model="latentform.infosourcesOther"
|
placeholder="请输入信息来源其他"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="信息员" prop="infoname">
|
<el-input
|
v-model="latentform.infoname"
|
placeholder="请输入信息员"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="联系电话" prop="infophone">
|
<el-input
|
v-model="latentform.infophone"
|
placeholder="请输入信息员联系电话"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item align="left" label="红十字会" prop="redorganno">
|
<org-selecter
|
ref="addCrossOrgSelect"
|
:org-type="'2'"
|
v-model="latentform.redorganno"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="联系人" prop="contactperson">
|
<el-input
|
v-model="latentform.contactperson"
|
placeholder="请输入联系人"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="联系时间" prop="contacttime">
|
<el-date-picker
|
clearable
|
size="small"
|
style="width: 190px"
|
v-model="latentform.contacttime"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
placeholder="选择报告时间"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item
|
align="left"
|
label="获取组织"
|
prop="acquisitiontissuename"
|
>
|
<org-selecter
|
style="width: 260px"
|
ref="orgSelecter"
|
:org-type="'1'"
|
v-model="latentform.acquisitiontissueno"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="报告人" prop="reporterno">
|
<el-select
|
ref="getReportname"
|
v-model="latentform.reporterno"
|
placeholder="请选择"
|
>
|
<el-option
|
v-for="item in reporters"
|
:key="item.reportNo"
|
:label="item.reportName"
|
:value="item.reportNo"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="联系电话" prop="reporterphone">
|
<el-input
|
v-model="latentform.reporterphone"
|
placeholder="请输入联系电话"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="报告时间" align="left" prop="reporttime">
|
<el-date-picker
|
clearable
|
size="small"
|
style="width: 190px"
|
v-model="latentform.reporttime"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
placeholder="选择报告时间"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button v-show="showSaveBtn" type="primary" @click="submitForm"
|
>保存捐献者信息</el-button
|
>
|
<el-button
|
v-show="showTerminationBtn"
|
type="primary"
|
@click="Terminationcase"
|
>终止案例</el-button
|
>
|
<el-button v-show="Reportforreview" type="primary" @click="ReviewFn"
|
>上报审核</el-button
|
>
|
<el-button v-show="makeastepforward" type="primary" @click="ReviewFn"
|
>下一步</el-button
|
>
|
<el-button @click="cancel">取 消</el-button>
|
<!-- <el-button @click="handleapproval">提交审核</el-button> -->
|
</div>
|
</div>
|
<!-- 医学评估 -->
|
<div class="boxdiv" v-show="actives == 1">
|
<el-form
|
ref="medicineform"
|
:model="medicineform"
|
:rules="medicinerules"
|
label-width="100px"
|
label-position="right"
|
>
|
<el-row
|
><el-col :span="24">
|
<el-form-item
|
label="病情概况"
|
prop="illnessoverview"
|
style="margin-top: 20px"
|
>
|
<el-input
|
v-model="medicineform.illnessoverview"
|
type="textarea"
|
placeholder="请输入内容"
|
/> </el-form-item></el-col></el-row
|
><el-row
|
><el-col :span="24">
|
<el-form-item label="疾病诊断" prop="diagnosisname">
|
<el-input
|
v-model="medicineform.diagnosisname"
|
type="textarea"
|
placeholder="请输入疾病诊断"
|
/> </el-form-item></el-col
|
></el-row>
|
<el-row>
|
<el-col :span="7">
|
<el-form-item
|
align="left"
|
label="院级评估医生"
|
prop="hospitalassessdoctor"
|
>
|
<el-input
|
v-model="medicineform.hospitalassessdoctor"
|
placeholder="请输入院级评估医生"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="9">
|
<el-form-item
|
align="left"
|
label="评估时间"
|
prop="hospitalassesstime"
|
>
|
<el-date-picker
|
clearable
|
size="small"
|
v-model="medicineform.hospitalassesstime"
|
type="date"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
placeholder="选择院级评估时间"
|
>
|
</el-date-picker> </el-form-item
|
></el-col>
|
<el-col :span="8">
|
<el-form-item
|
align="left"
|
label="评估结论"
|
prop="hospitalassessconclusion"
|
>
|
<el-select
|
v-model="medicineform.hospitalassessconclusion"
|
placeholder="请选择院级评估结论"
|
>
|
<el-option
|
v-for="dict in dict.type.sys_BaseAssessConclusion"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item> </el-col
|
></el-row>
|
|
<el-row
|
><el-col :span="24">
|
<el-form-item
|
label="院级评估内容"
|
prop="provincialassesscontent"
|
align="left"
|
>
|
<el-input
|
v-model="medicineform.provincialassesscontent"
|
type="textarea"
|
placeholder="请输入内容"
|
/>
|
</el-form-item> </el-col
|
></el-row>
|
<el-row
|
><el-col :span="7">
|
<el-form-item label="省级评估医生" prop="provincialassessdoctor">
|
<el-input
|
v-model="medicineform.provincialassessdoctor"
|
placeholder="请输入省级评估医生"
|
/> </el-form-item></el-col
|
><el-col :span="9">
|
<el-form-item label="评估时间" prop="provincialassesstime">
|
<el-date-picker
|
clearable
|
size="small"
|
v-model="medicineform.provincialassesstime"
|
type="date"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
placeholder="选择省级评估时间"
|
>
|
</el-date-picker> </el-form-item></el-col
|
><el-col :span="8">
|
<el-form-item
|
label="评估结论"
|
prop="provincialassessconclusion"
|
align="left"
|
>
|
<el-select
|
v-model="medicineform.provincialassessconclusion"
|
placeholder="请选择省级评估结论"
|
>
|
<el-option
|
v-for="dict in dict.type.sys_BaseAssessConclusion"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item> </el-col
|
></el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item
|
align="left"
|
label="省级评估内容"
|
prop="hospitalassesscontent"
|
>
|
<el-input
|
v-model="medicineform.hospitalassesscontent"
|
type="textarea"
|
placeholder="请输入内容"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="7">
|
<el-form-item label="核心评估医生" prop="coreteamassessdoctor">
|
<el-input
|
v-model="medicineform.coreteamassessdoctor"
|
placeholder="请输入核心成员评估医生"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="9">
|
<el-form-item label="评估时间" prop="coreteamassesstime">
|
<el-date-picker
|
clearable
|
size="small"
|
v-model="medicineform.coreteamassesstime"
|
type="date"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
placeholder="评估时间"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item
|
label="评估结论"
|
prop="coreteamassessconclusion"
|
align="left"
|
>
|
<el-select
|
v-model="medicineform.coreteamassessconclusion"
|
placeholder="请选择核心成员结论"
|
>
|
<el-option
|
v-for="dict in dict.type.sys_CoreAssessConclusion"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row
|
><el-col :span="24">
|
<el-form-item
|
label="核心成员评估"
|
prop="coreteamassesscontent"
|
align="left"
|
>
|
<el-input
|
v-model="medicineform.coreteamassesscontent"
|
type="textarea"
|
placeholder="请输入内容"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button v-show="showSaveBtn" type="primary" @click="submitForm"
|
>保存评估信息</el-button
|
>
|
<el-button
|
v-show="showTerminationBtn"
|
type="primary"
|
@click="Terminationcase"
|
>终止案例</el-button
|
>
|
<el-button v-show="makeastepforward" type="primary" @click="ReviewFn"
|
>下一步</el-button
|
>
|
<el-button @click="cancel">取 消</el-button>
|
</div>
|
</div>
|
<!-- 捐献确认 -->
|
<div class="boxdiv" v-show="actives == 2">
|
<el-form
|
ref="affirmform"
|
:model="affirmform"
|
:rules="affirmrules"
|
label-width="100px"
|
label-position="right"
|
>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item
|
label="亲属关系"
|
prop="kinship"
|
class="relation"
|
align="left"
|
>
|
<el-checkbox-group v-model="form.kinship">
|
<el-checkbox
|
v-for="dict in dict.type.sys_Kinship"
|
:key="dict.value"
|
:label="dict.value"
|
>
|
{{ dict.label }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="子女数量" prop="kinshipChildrennum">
|
<el-input
|
v-model="form.kinshipChildrennum"
|
placeholder="请输入数量"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="亲属姓名" prop="name">
|
<el-input v-model="form.name" placeholder="请输入姓名" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item
|
align="left"
|
label="与捐赠者关系"
|
prop="familyrelations"
|
>
|
<el-select
|
v-model="form.familyrelations"
|
placeholder="请选择与捐赠者关系"
|
>
|
<el-option
|
v-for="dict in dict.type.sys_FamilyRelation"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="12">
|
<el-form-item label="身份证号" prop="idcardno">
|
<el-input
|
ref="updateBSvalue"
|
class="sfzcode"
|
v-model="form.idcardno"
|
placeholder="请输入证件号码"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="亲属籍贯" prop="residenceaddresss">
|
<div>
|
<li_area_select
|
v-model="defultAddresss"
|
ref="residenceaddresss"
|
></li_area_select>
|
<!-- <div>{{defultAddress}}</div> -->
|
</div>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="现住地址" prop="residenceaddress">
|
<el-input
|
v-model="form.residenceaddress"
|
placeholder="请输入内容"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row> </el-row>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="联系电话" prop="phone">
|
<el-input v-model="form.phone" placeholder="请输入联系电话" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="18">
|
<el-form-item align="left" label="捐献决定">
|
<el-checkbox-group v-model="form.organdecision">
|
<el-checkbox
|
v-for="dict in dict.type.sys_OrganDecision"
|
:key="dict.label"
|
:label="dict.label"
|
>
|
{{ dict.label }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="其他" prop="organdecisionOther">
|
<el-input
|
v-model="form.organdecisionOther"
|
placeholder="请输入其他"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="负责人" prop="responsibleuserid">
|
<el-select
|
v-model="form.responsibleuserid"
|
placeholder="请选择"
|
>
|
<el-option
|
v-for="item in leaderlist"
|
:key="item.reportNo"
|
:label="item.reportName"
|
:value="item.reportNo"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="协调员1" prop="coordinateduserido">
|
<el-select
|
v-model="form.coordinateduserido"
|
placeholder="请选择"
|
>
|
<el-option
|
v-for="item in coordinatorlist1"
|
:key="item.reportNo"
|
:label="item.reportName"
|
:value="item.reportNo"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="协调员2" prop="coordinateduseridt">
|
<el-select
|
v-model="form.coordinateduseridt"
|
placeholder="请选择"
|
>
|
<el-option
|
v-for="item in coordinatorlist1"
|
:key="item.reportNo"
|
:label="item.reportName"
|
:value="item.reportNo"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item> </el-col
|
><el-col :span="6">
|
<el-form-item
|
align="left"
|
label="签字日期"
|
prop="signdate"
|
style="over-flow: hidden"
|
>
|
<el-date-picker
|
clearable
|
size="small"
|
v-model="form.signdate"
|
type="date"
|
value-format="yyyy-MM-dd hh:mm:ss"
|
placeholder="选择签字日期"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button v-show="showSaveBtn" type="primary" @click="submitForm"
|
>保存评估信息</el-button
|
>
|
<el-button
|
v-show="showTerminationBtn"
|
type="primary"
|
@click="Terminationcase"
|
>终止案例</el-button
|
>
|
<el-button v-show="makeastepforward" type="primary" @click="ReviewFn"
|
>下一步</el-button
|
>
|
<el-button @click="cancel">取 消</el-button>
|
</div>
|
</div>
|
<div class="boxdiv" v-show="actives == 3">伦理审查</div>
|
<div class="boxdiv" v-show="actives == 4">器官分配</div>
|
<div class="boxdiv" v-show="actives == 5">获取见证</div>
|
<div class="boxdiv" v-show="actives == 6">完成登记</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import {
|
listDonatebaseinfo,
|
getDonatebaseinfo,
|
delDonatebaseinfo,
|
addDonatebaseinfo,
|
updateDonatebaseinfo,
|
exportDonatebaseinfo,
|
downloadbaseinfo,
|
getdonatorno
|
// exportProvincemessage,
|
} from "@/api/project/donatebaseinfo";
|
import Li_area_select from "@/components/Address";
|
import OrgSelecter from "@/views/project/components/orgselect";
|
import AnnexUpload from "@/views/project/components/annexupload";
|
import ReportName from "@/views/project/components/organizationUser";
|
export default {
|
name: "donationdetails",
|
components: {
|
Li_area_select,
|
OrgSelecter,
|
AnnexUpload,
|
ReportName
|
},
|
dicts: [
|
"sys_Reporter",
|
"sys_redcrossagency",
|
"sys_nation",
|
"sys_occupation",
|
"sys_education",
|
"sys_OrganizationType",
|
"sys_HospitalNature",
|
"sys_RegionalLevel",
|
"country",
|
"sys_user_sex",
|
"sys_IDType",
|
"sys_AgeUnit",
|
"sys_BloodType",
|
"sys_0_1",
|
"sys_patientstate",
|
"sys_DonationCategory",
|
"sys_Kinship",
|
"sys_Infectious",
|
"sys_bloodtype_rhd",
|
"sys_InfoSources",
|
"sys_OtherCases",
|
"sys_DonationStatus",
|
"sys_DiseaseType",
|
"sys_SelfWill",
|
"sys_FamilyRelation",
|
"sys_CoreAssessConclusion",
|
"sys_BaseAssessConclusion"
|
],
|
data() {
|
return {
|
id: 736,
|
form: {},
|
latentform: {},
|
medicineform: {},
|
affirmform: {},
|
ethicform: {},
|
allocationform: {},
|
witnessform: {},
|
accomplishform: {},
|
actives: 0,
|
// 保存、终止按钮确认
|
showSaveBtn: true,
|
showTerminationBtn: true,
|
//省市区默认值设置，可为空
|
searchAddress: {
|
sheng: "",
|
shi: "",
|
qu: "",
|
organizationname: null
|
},
|
residenceAddresss: {
|
sheng: "浙江省",
|
shi: "",
|
qu: ""
|
},
|
registerAddresss: {
|
sheng: "浙江省",
|
shi: "",
|
qu: ""
|
},
|
// 顶部数据校验
|
rules: {
|
name: [
|
{ required: true, message: "请输入捐献者姓名", trigger: "blur" }
|
],
|
birthday: [
|
{ required: true, message: "请选择出生日期", trigger: "blur" }
|
],
|
idcardtype: [
|
{ required: true, message: "请选择证件类型", trigger: "blur" }
|
],
|
residenceaddress: [
|
{ required: true, message: "请输入住址", trigger: "blur" }
|
],
|
contacttime: [
|
{
|
required: true,
|
message: "请输入红十字会联系时间",
|
trigger: "blur"
|
}
|
],
|
idcardno: [
|
{ required: true, message: "请正确输入证件号码", trigger: "blur" }
|
],
|
sex: [{ required: true, message: "性别不能为空", trigger: "blur" }],
|
age: [{ required: true, message: "请输入年龄", trigger: "blur" }],
|
treatmenthospitalno: [
|
{ required: true, message: "请选择医疗机构", trigger: "blur" }
|
]
|
// treatmenthospitalno: [{ required: true, message: "请选择医疗机构", trigger: "change" }],
|
},
|
// 潜在捐献效验
|
latentrules: {
|
bloodtype: [
|
{ required: true, message: "请选择ABO血型", trigger: "blur" }
|
],
|
rhyin: [{ required: true, message: "请选择RHD血型", trigger: "blur" }],
|
diseasetype: [
|
{ required: true, message: "请选择RHD血型", trigger: "blur" }
|
],
|
|
inpatientno: [
|
{ required: true, message: "输入住院号", trigger: "blur" }
|
],
|
diagnosisname: [
|
{ required: true, message: "疾病诊断不能为空", trigger: "blur" }
|
],
|
infoname: [
|
{ required: true, message: "请输入信息员姓名", trigger: "blur" }
|
],
|
infophone: [
|
{ required: true, message: "请输入信息员联系电话", trigger: "blur" }
|
],
|
redorganno: [
|
{ required: true, message: "请选择红十字会机构", trigger: "blur" }
|
],
|
contactperson: [
|
{
|
required: true,
|
message: "红十字会联系人不能为空",
|
trigger: "blur"
|
}
|
],
|
// contactnumber: [{required: true,message: "请输入红十字会联系电话",trigger: "change"}],
|
acquisitiontissueno: [
|
{ required: true, message: "器官获取组织不能为空", trigger: "blur" }
|
],
|
reporterno: [
|
{ required: true, message: "请选择报告人", trigger: "blur" }
|
],
|
reporttime: [
|
{ required: true, message: "请输入报告时间", trigger: "blur" }
|
],
|
reporterphone: [
|
{ required: true, message: "请输入报告人联系电话", trigger: "blur" }
|
]
|
},
|
medicinerules: {},
|
affirmrules: {},
|
ethicrules: {},
|
allocationrules: {},
|
witnessrules: {},
|
accomplishrules: {}
|
};
|
},
|
|
created() {
|
// this.id = this.$route.query.id;
|
this.Getbasicinformation();
|
},
|
|
methods: {
|
Getbasicinformation() {
|
getDonatebaseinfo(this.id).then(response => {
|
this.form = response.data;
|
response.data.sex = parseInt(response.data.sex);
|
this.form.id = response.data.id;
|
this.form.diseasetype = this.form.diseasetype.split(",");
|
this.form.infectious = this.form.infectious.split(",");
|
this.form.selfwill = this.form.selfwill.split(",");
|
this.form.othercases = this.form.othercases.split(",");
|
this.form.infosources = this.form.infosources.split(",");
|
this.form.kinship = this.form.kinship.split(",");
|
this.form.patientstate = this.form.patientstate.split(",");
|
this.open = true;
|
this.title = "人体器官潜在捐献者登记表";
|
this.registerAddresss.sheng = response.data.registerprovincename;
|
this.residenceAddresss.sheng = response.data.residenceprovincename;
|
this.registerAddresss.shi = response.data.registercityname;
|
this.residenceAddresss.shi = response.data.residencecityname;
|
this.residenceAddresss.qu = response.data.residencetownname;
|
this.registerAddresss.qu = response.data.registertownname;
|
this.latentform = this.form;
|
});
|
},
|
// 切换tab
|
on_click(e) {
|
console.log(e);
|
if (e != "" || e != null) {
|
this.actives = e;
|
}
|
},
|
// 前进步骤
|
makeastepforward(){},
|
// 上报审核
|
Reportforreview(){},
|
// 终止案例
|
Terminationcase(){},
|
// 返回上一页
|
cancel(){},
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.particularsdiv {
|
display: flex;
|
background-color: #f5f7fa;
|
height: 100%;
|
.left-course {
|
background: #fff;
|
width: 20%;
|
text-align: center;
|
margin: 20px 10px;
|
padding: 10px;
|
margin-top: 0;
|
|
.postfilx {
|
width: 15%;
|
text-align: center;
|
margin: 20px 10px;
|
padding: 10px;
|
margin-top: 0;
|
z-index: 999;
|
position: -webkit-sticky;
|
position: fixed;
|
top: 50;
|
}
|
.title {
|
background: #22a2c3;
|
margin-bottom: 20px;
|
padding: 10px 0;
|
color: #fff;
|
}
|
}
|
}
|
.boxdiv {
|
font-size: 18px;
|
padding: 0 30px;
|
padding-bottom: 10px;
|
|
.top-text {
|
text-align: center;
|
font-size: 23px;
|
font-weight: 600;
|
margin: 20px 0;
|
margin-bottom: 30px;
|
}
|
}
|
::v-deep .el-step__head.is-finish {
|
color: #22a2c3;
|
border-color: #22a2c3;
|
}
|
::v-deep .el-step__title.is-finish {
|
color: #22a2c3;
|
}
|
::v-deep .el-step__description.is-finish {
|
color: #22a2c3;
|
}
|
</style>
|
