Browse Source

诊疗档案详情样式调整

newMaster
1747191978@qq.com 3 months ago
parent
commit
8bbba41c7c
  1. 833
      acupuncture-前台/src/views/medicalFile/details.vue

833
acupuncture-前台/src/views/medicalFile/details.vue

@ -9,458 +9,492 @@
</el-step> </el-step>
</el-steps> </el-steps>
</div> </div>
<div class="div-right" style="padding: 0 16px"> <div class="div-right" style="padding: 0 20px">
<a name="基本信息"></a> <el-card class="box-card">
<div class="div-title1">基本信息</div> <a name="基本信息"></a>
<div class="div-border div-bot20"> <div class="div-title1">基本信息</div>
<el-descriptions class="margin-top" :column="3"> <div>
<el-descriptions-item label="姓名">{{ <el-descriptions class="margin-top" :column="3">
form.name <el-descriptions-item label="姓名">{{
}}</el-descriptions-item> form.name
<el-descriptions-item label="性别"> }}</el-descriptions-item>
{{ form.gender == 0 ? "男" : "女" }} <el-descriptions-item label="性别">
</el-descriptions-item> {{ form.gender == 0 ? "男" : "女" }}
<el-descriptions-item label="年龄"> </el-descriptions-item>
{{ form.age }} <el-descriptions-item label="年龄">
</el-descriptions-item> {{ form.age }}
<el-descriptions-item label="手机号码"> </el-descriptions-item>
{{ form.phone }} <el-descriptions-item label="手机号码">
</el-descriptions-item> {{ form.phone }}
<el-descriptions-item label="门诊号/住院号"> </el-descriptions-item>
{{ form.visitNumber }} <el-descriptions-item label="门诊号/住院号">
</el-descriptions-item> {{ form.visitNumber }}
<el-descriptions-item label="门诊时间/住院时间"> </el-descriptions-item>
{{ form.visitTime }} <el-descriptions-item label="门诊时间/住院时间">
</el-descriptions-item> {{ form.visitTime }}
<el-descriptions-item label="责任医生"> </el-descriptions-item>
{{ form.doctor }} <el-descriptions-item label="责任医生">
</el-descriptions-item> {{ form.doctor }}
<el-descriptions-item label="建档人"> </el-descriptions-item>
{{ form.createBy }} <el-descriptions-item label="建档人">
</el-descriptions-item> {{ form.createBy }}
<el-descriptions-item label="建档时间"> </el-descriptions-item>
{{ form.createTime }} <el-descriptions-item label="建档时间">
</el-descriptions-item> {{ form.createTime }}
<el-descriptions-item label="档案状态"> </el-descriptions-item>
<span :class="`status${form.status}`">{{ <el-descriptions-item label="档案状态">
status[form.status] <span :class="`status${form.status}`">{{
}}</span> status[form.status]
</el-descriptions-item> }}</span>
</el-descriptions> </el-descriptions-item>
</div> </el-descriptions>
</div>
</el-card>
<!-- 档案详情--> <!-- 档案详情-->
<el-form ref="detailsForm" :model="detailsForm" class="formStep"> <el-form ref="detailsForm" :model="detailsForm" class="formStep">
<a name="主要诊断"></a> <!-- 主要诊断 -->
<div class="div-title1">主要诊断</div> <el-card class="box-card">
<el-form-item <a name="主要诊断"></a>
class="form-item-zd div-border div-pad20" <div class="div-title1">主要诊断</div>
prop="JBXX_ZYZD" <el-form-item prop="JBXX_ZYZD" style="margin-bottom: 0">
> <el-checkbox-group v-model="detailsForm['JBXX_ZYZD']">
<el-checkbox-group v-model="detailsForm['JBXX_ZYZD']"> <el-checkbox
<el-checkbox :disabled="form.status != 0 && form.status != 3"
:disabled="form.status != 0 && form.status != 3" v-for="(item, index) in medicalHistory"
v-for="(item, index) in medicalHistory"
:label="item"
>
</el-checkbox>
</el-checkbox-group>
<el-input v-model="detailsForm['JBXX_ZYZD_QT']" placeholder="其他" />
</el-form-item>
<div>
<a name="病情评估"></a>
<div class="div-title1">病情评估</div>
<div class="div-title2">人体成分</div>
</div>
<div class="human-body div-border div-bot20">
<el-form-item label="体重" prop="PG_RTCF_TZ">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_TZ']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="去脂体重" prop="PG_RTCF_QZTZ">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_QZTZ']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="肌肉量" prop="PG_RTCF_JRL">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_JRL']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="总水分(TBW)" prop="PG_RTCF_TBW">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_TBW']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="蛋白质" prop="PG_RTCF_DBZ">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_DBZ']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="蛋白质" prop="PG_RTCF_GZ">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_GZ']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="脂肪" prop="PG_RTCF_ZF">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_ZF']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="体脂百分比(PBF)" prop="PG_RTCF_PBF">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_PBF']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="骨骼肌" prop="PG_RTCF_GGJ">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_GGJ']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="体质指数(BMI)" prop="PG_RTCF_BMI">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_BMI']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="腰臀比(WHR)" prop="PG_RTCF_WHR">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_WHR']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="内脏脂肪水平" prop="PG_RTCF_NZZFSP">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_NZZFSP']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="身体各成分百分比" prop="PG_RTCF_STGCFBFB">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_STGCFBFB']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="体型类型" prop="PG_RTCF_TXLX">
<el-select
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_TXLX']"
multiple
collapse-tags
placeholder="请选择"
>
<el-option
v-for="(item, index) in systemType"
:label="item" :label="item"
:value="item"
> >
</el-option> </el-checkbox>
</el-select> </el-checkbox-group>
</el-form-item>
<el-form-item label="身体年龄" prop="PG_RTCF_STNL">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_STNL']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="健康评分" prop="PG_RTCF_JKPF">
<el-input <el-input
v-model="detailsForm['PG_RTCF_JKPF']" v-model="detailsForm['JBXX_ZYZD_QT']"
placeholder="请输入" placeholder="其他"
/> />
</el-form-item> </el-form-item>
</div> </el-card>
<a name="中医体质辨识"></a> <!-- 病情评估 -->
<div class="div-title1">中医体质辨识</div> <el-card class="box-card">
<div class="div-border div-bot20"> <div>
<el-form-item prop="PG_TZBS_ZYTZ" label="主要体质"> <a name="病情评估"></a>
<el-radio-group <div class="div-title1">病情评估</div>
:disabled="form.status != 0 && form.status != 3" <div class="div-title2">人体成分</div>
v-model="detailsForm['PG_TZBS_ZYTZ']" </div>
>
<el-radio
v-for="(item, index) in habitus"
:key="index"
:label="item"
>
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
class="item-form-jjtz"
prop="PG_TZBS_JJTZ"
label="兼夹体质"
>
<div style="width: 100%">
<el-checkbox-group
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TZBS_JJTZ']"
>
<el-checkbox
v-for="(item, index) in habitus"
:key="index"
:label="item"
>
</el-checkbox>
</el-checkbox-group>
</div>
</el-form-item>
</div>
<!-- 体态评估 -->
<a name="体态评估"></a>
<div class="div-border div-bot20">
<div class="div-title2">体态评估</div>
<div class="human-body"> <div class="human-body">
<el-form-item label="" prop="PG_TT_TAPS_DF"> <el-form-item label="体重" prop="PG_RTCF_TZ">
<template v-slot:label>
<span>TAPS体态自觉评估得分(3-15)</span>
</template>
<el-input <el-input
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TT_TAPS_DF']" v-model="detailsForm['PG_RTCF_TZ']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
<el-form-item prop="PG_TT_TRACE_DF"> <el-form-item label="去脂体重" prop="PG_RTCF_QZTZ">
<template v-slot:label>
<span>TRACE体态临床评估得分(0-12)</span>
</template>
<el-input <el-input
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TT_TRACE_DF']" v-model="detailsForm['PG_RTCF_QZTZ']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
<el-form-item prop="PG_TT_SRS22_DF"> <el-form-item label="肌肉量" prop="PG_RTCF_JRL">
<template v-slot:label>
<span>SRS-22问卷评估得分(1~5)</span>
</template>
<el-input <el-input
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TT_SRS22_DF']" v-model="detailsForm['PG_RTCF_JRL']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
</div> <el-form-item label="总水分(TBW)" prop="PG_RTCF_TBW">
<div class="div-title2">失眠评估</div>
<div class="human-body">
<el-form-item prop="PG_SM_PHQ-9_DF">
<template v-slot:label>
<span> 患者健康问卷PHQ-9评估得分(0-27)</span>
<span
class="foem-item-pg"
@click="
handleComponents('PG_SM_PHQ-9_DF', '患者健康问卷(PHQ-9)')
"
>
评估
</span>
</template>
<el-input <el-input
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_SM_PHQ-9_DF']" v-model="detailsForm['PG_RTCF_TBW']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
<el-form-item prop="PG_SM_EPSW_DF"> <el-form-item label="蛋白质" prop="PG_RTCF_DBZ">
<template v-slot:label>
<span>Epworth嗜睡评估得分(0-24)</span>
<span
class="foem-item-pg"
@click="handleComponents('PG_SM_EPSW_DF', 'Epworth嗜睡评估')"
>
评估
</span>
</template>
<el-input <el-input
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_SM_EPSW_DF']" v-model="detailsForm['PG_RTCF_DBZ']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
<el-form-item prop="PG_SM_PSQI_DF"> <el-form-item label="蛋白质" prop="PG_RTCF_GZ">
<template v-slot:label>
<span>匹兹堡睡眠质量指数PSQI评估得分(0~21)</span>
<span
class="foem-item-pg"
@click="
handleComponents(
'PG_SM_PSQI_DF',
'匹兹堡睡眠质量指数(PSQI)'
)
"
>
评估
</span>
</template>
<el-input <el-input
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_SM_PSQI_DF']" v-model="detailsForm['PG_RTCF_GZ']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
</div> <el-form-item label="脂肪" prop="PG_RTCF_ZF">
<div class="div-title2">焦虑评估</div>
<div class="human-body">
<el-form-item prop="PG_JL_HAMD-24_DF">
<template v-slot:label>
<span>汉密尔顿抑郁评估HAMD-24得分(0-96)</span>
<span
class="foem-item-pg"
@click="
handleComponents(
'PG_JL_HAMD-24_DF',
'汉密尔顿抑郁评估(HAMD-24)'
)
"
>
评估
</span>
</template>
<el-input <el-input
v-model="detailsForm['PG_JL_HAMD-24_DF']" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_ZF']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
<el-form-item prop="PG_JL_SAS_DF"> <el-form-item label="体脂百分比(PBF)" prop="PG_RTCF_PBF">
<template v-slot:label> <el-input
<span>焦虑自评SAS得分(0-100)</span> :disabled="form.status != 0 && form.status != 3"
<span v-model="detailsForm['PG_RTCF_PBF']"
class="foem-item-pg" placeholder="请输入"
@click="handleComponents('PG_JL_SAS_DF', '焦虑自评(SAS)')" />
</el-form-item>
<el-form-item label="骨骼肌" prop="PG_RTCF_GGJ">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_GGJ']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="体质指数(BMI)" prop="PG_RTCF_BMI">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_BMI']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="腰臀比(WHR)" prop="PG_RTCF_WHR">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_WHR']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="内脏脂肪水平" prop="PG_RTCF_NZZFSP">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_NZZFSP']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="身体各成分百分比" prop="PG_RTCF_STGCFBFB">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_STGCFBFB']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="体型类型" prop="PG_RTCF_TXLX">
<el-select
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_TXLX']"
multiple
collapse-tags
placeholder="请选择"
>
<el-option
v-for="(item, index) in systemType"
:label="item"
:value="item"
> >
评估 </el-option>
</span> </el-select>
</template> </el-form-item>
<el-form-item label="身体年龄" prop="PG_RTCF_STNL">
<el-input <el-input
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_JL_SAS_DF']" v-model="detailsForm['PG_RTCF_STNL']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="健康评分" prop="PG_RTCF_JKPF">
<el-input
v-model="detailsForm['PG_RTCF_JKPF']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
</div> </div>
</div> </el-card>
<a name="治疗类型"></a> <el-card class="box-card">
<div class="div-title1">治疗类型</div> <a name="中医体质辨识"></a>
<el-form-item prop="ZLFA_ZLLX" class="div-border div-pad10"> <div class="div-title1">中医体质辨识</div>
<el-radio-group <div>
:disabled="form.status != 0 && form.status != 3" <el-form-item
v-model="detailsForm['ZLFA_ZLLX']" prop="PG_TZBS_ZYTZ"
> label="主要体质"
<el-radio label="中西医结合治疗"> </el-radio> style="margin-bottom: 0"
<el-radio label="单纯中医治疗"> </el-radio> >
</el-radio-group> <el-radio-group
</el-form-item> :disabled="form.status != 0 && form.status != 3"
<a name="诊疗方法"></a> v-model="detailsForm['PG_TZBS_ZYTZ']"
<div style="font-size: 22px; margin-bottom: 14px" class="div-title1">
诊疗方法
</div>
<div
class="div-border div-pad10"
style="margin-bottom: 14px"
v-for="(i, ind) in healType"
:key="ind"
>
<div class="div-title2">{{ i.title }}</div>
<div v-for="(j, jnd) in i.list" :key="jnd">
<div v-if="j.title != '针灸疗法'">
<div class="div-title3">{{ j.title }}</div>
<span
v-if="k.type == 'but'"
@click="handleButClick(j, k)"
class="span-but"
:class="{
'span-but-active':
detailsForm[j.valueCode] == (k.value || k.title),
}"
v-for="(k, knd) in j.list"
:key="knd"
> >
{{ k.value || k.title }} <el-radio
</span> v-for="(item, index) in habitus"
<div v-else class="human-body"> :key="index"
<el-form-item prop="ZLFA_ZJ_XW_QT"> :label="item"
<el-input v-model="detailsForm[j.valueCode]"></el-input> >
</el-form-item> </el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
class="item-form-jjtz"
prop="PG_TZBS_JJTZ"
label="兼夹体质"
style="margin-bottom: 0"
>
<div style="width: 100%">
<el-checkbox-group
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TZBS_JJTZ']"
>
<el-checkbox
v-for="(item, index) in habitus"
:key="index"
:label="item"
>
</el-checkbox>
</el-checkbox-group>
</div> </div>
</el-form-item>
</div>
</el-card>
<!-- 体态评估 -->
<el-card class="box-card">
<a name="体态评估"></a>
<div>
<div class="div-title1">体态评估</div>
<div class="human-body">
<el-form-item label="" prop="PG_TT_TAPS_DF">
<template v-slot:label>
<span>TAPS体态自觉评估得分(3-15)</span>
</template>
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TT_TAPS_DF']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item prop="PG_TT_TRACE_DF">
<template v-slot:label>
<span>TRACE体态临床评估得分(0-12)</span>
</template>
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TT_TRACE_DF']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item prop="PG_TT_SRS22_DF">
<template v-slot:label>
<span>SRS-22问卷评估得分(1~5)</span>
</template>
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TT_SRS22_DF']"
placeholder="请输入"
/>
</el-form-item>
</div> </div>
<div v-else> <div class="div-title2">失眠评估</div>
<div class="div-title3">{{ j.title }}</div> <div class="human-body">
<div style="" v-for="(k, knd) in j.list" :key="knd"> <el-form-item prop="PG_SM_PHQ-9_DF">
<div class="div-title4" style="margin: 5px 0"> <template v-slot:label>
{{ k.title }} <span> 患者健康问卷PHQ-9评估得分(0-27)</span>
</div> <span
class="foem-item-pg"
@click="
handleComponents(
'PG_SM_PHQ-9_DF',
'患者健康问卷(PHQ-9)'
)
"
>
评估
</span>
</template>
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_SM_PHQ-9_DF']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item prop="PG_SM_EPSW_DF">
<template v-slot:label>
<span>Epworth嗜睡评估得分(0-24)</span>
<span
class="foem-item-pg"
@click="
handleComponents('PG_SM_EPSW_DF', 'Epworth嗜睡评估')
"
>
评估
</span>
</template>
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_SM_EPSW_DF']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item prop="PG_SM_PSQI_DF">
<template v-slot:label>
<span>匹兹堡睡眠质量指数PSQI评估得分(0~21)</span>
<span
class="foem-item-pg"
@click="
handleComponents(
'PG_SM_PSQI_DF',
'匹兹堡睡眠质量指数(PSQI)'
)
"
>
评估
</span>
</template>
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_SM_PSQI_DF']"
placeholder="请输入"
/>
</el-form-item>
</div>
<div class="div-title2">焦虑评估</div>
<div class="human-body">
<el-form-item prop="PG_JL_HAMD-24_DF">
<template v-slot:label>
<span>汉密尔顿抑郁评估HAMD-24得分(0-96)</span>
<span
class="foem-item-pg"
@click="
handleComponents(
'PG_JL_HAMD-24_DF',
'汉密尔顿抑郁评估(HAMD-24)'
)
"
>
评估
</span>
</template>
<el-input
v-model="detailsForm['PG_JL_HAMD-24_DF']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item prop="PG_JL_SAS_DF">
<template v-slot:label>
<span>焦虑自评SAS得分(0-100)</span>
<span
class="foem-item-pg"
@click="handleComponents('PG_JL_SAS_DF', '焦虑自评(SAS)')"
>
评估
</span>
</template>
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_JL_SAS_DF']"
placeholder="请输入"
/>
</el-form-item>
</div>
</div>
</el-card>
<!-- 治疗类型 -->
<el-card class="box-card">
<a name="治疗类型"></a>
<div class="div-title1">治疗类型</div>
<el-form-item prop="ZLFA_ZLLX" style="margin-bottom: 0">
<el-radio-group
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['ZLFA_ZLLX']"
>
<el-radio label="中西医结合治疗"> </el-radio>
<el-radio label="单纯中医治疗"> </el-radio>
</el-radio-group>
</el-form-item>
</el-card>
<!-- 诊疗方法 -->
<el-card class="box-card">
<a name="诊疗方法"></a>
<div style="font-size: 22px; margin-bottom: 14px" class="div-title1">
诊疗方法
</div>
<div v-for="(i, ind) in healType" :key="ind">
<div class="div-title2">{{ i.title }}</div>
<div v-for="(j, jnd) in i.list" :key="jnd">
<div v-if="j.title != '针灸疗法'">
<div class="div-title3">{{ j.title }}</div>
<span <span
v-if="l.type == 'but'" v-if="k.type == 'but'"
@click="handleButClick(k, l)" @click="handleButClick(j, k)"
class="span-but" class="span-but"
:class="{ :class="{
'span-but-active': 'span-but-active':
detailsForm[k.valueCode] == (l.value || l.title), detailsForm[j.valueCode] == (k.value || k.title),
}" }"
v-for="(l, lnd) in k.list" v-for="(k, knd) in j.list"
:key="lnd" :key="knd"
> >
{{ l.value || l.title }} {{ k.value || k.title }}
</span> </span>
<div v-else class="human-body"> <div v-else class="human-body">
<el-form-item prop="ZLFA_YW_QT"> <el-form-item prop="ZLFA_ZJ_XW_QT">
<el-input <el-input v-model="detailsForm[j.valueCode]"></el-input>
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm[k.valueCode]"
></el-input>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
<div v-else>
<div class="div-title3">{{ j.title }}</div>
<div style="" v-for="(k, knd) in j.list" :key="knd">
<div class="div-title4" style="margin: 5px 0">
{{ k.title }}
</div>
<span
v-if="l.type == 'but'"
@click="handleButClick(k, l)"
class="span-but"
:class="{
'span-but-active':
detailsForm[k.valueCode] == (l.value || l.title),
}"
v-for="(l, lnd) in k.list"
:key="lnd"
>
{{ l.value || l.title }}
</span>
<div v-else class="human-body">
<el-form-item prop="ZLFA_YW_QT">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm[k.valueCode]"
></el-input>
</el-form-item>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </el-card>
<!-- -->
<div class="human-body"></div> <!-- 治疗效果 -->
<a name="治疗效果"></a> <el-card class="box-card">
<div class="div-title1">治疗效果</div> <a name="治疗效果"></a>
<div class="div-border div-bot20"> <div class="div-title1">治疗效果</div>
<el-form-item prop="ZLFA_ZLXG" class="div-border div-pad10"> <div>
<el-radio-group <el-form-item prop="ZLFA_ZLXG" style="margin-bottom: 0">
:disabled="form.status != 0 && form.status != 3" <el-radio-group
v-model="detailsForm['ZLFA_ZLXG']" :disabled="form.status != 0 && form.status != 3"
> v-model="detailsForm['ZLFA_ZLXG']"
<el-radio label="治愈"> </el-radio> >
<el-radio label="显效"> </el-radio> <el-radio label="治愈"> </el-radio>
<el-radio label="好转"> </el-radio> <el-radio label="显效"> </el-radio>
<el-radio label="无效"> </el-radio> <el-radio label="好转"> </el-radio>
</el-radio-group> <el-radio label="无效"> </el-radio>
</el-form-item> </el-radio-group>
</el-form-item>
</div>
</el-card>
<!-- 诊疗费用 -->
<el-card class="box-card">
<a name="诊疗费用"></a> <a name="诊疗费用"></a>
<div class="div-title2">诊疗费用</div> <div class="div-title2">诊疗费用</div>
<el-form-item label="总体费用按照区间进行选择" prop="ZLFA_ZTFY"> <el-form-item
label="总体费用按照区间进行选择"
prop="ZLFA_ZTFY"
style="margin-bottom: 0"
>
<el-radio-group <el-radio-group
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['ZLFA_ZTFY']" v-model="detailsForm['ZLFA_ZTFY']"
@ -472,7 +506,11 @@
<el-radio label=">5000元" value="<300元"> </el-radio> <el-radio label=">5000元" value="<300元"> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="检查费用按照区间进行选择" prop="ZLFA_JCFY"> <el-form-item
label="检查费用按照区间进行选择"
prop="ZLFA_JCFY"
style="margin-bottom: 0"
>
<el-radio-group <el-radio-group
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['ZLFA_JCFY']" v-model="detailsForm['ZLFA_JCFY']"
@ -484,7 +522,11 @@
<el-radio label=">5000元"> </el-radio> <el-radio label=">5000元"> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="中医治疗费用按照区间进行选择" prop="ZLFA_ZYZLFY"> <el-form-item
label="中医治疗费用按照区间进行选择"
prop="ZLFA_ZYZLFY"
style="margin-bottom: 0"
>
<el-radio-group <el-radio-group
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['ZLFA_ZYZLFY']" v-model="detailsForm['ZLFA_ZYZLFY']"
@ -496,7 +538,11 @@
<el-radio label=">5000元"> </el-radio> <el-radio label=">5000元"> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="药物费用按照区间进行选择" prop="ZLFA_YWFY"> <el-form-item
label="药物费用按照区间进行选择"
prop="ZLFA_YWFY"
style="margin-bottom: 0"
>
<el-radio-group <el-radio-group
:disabled="form.status != 0 && form.status != 3" :disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['ZLFA_YWFY']" v-model="detailsForm['ZLFA_YWFY']"
@ -508,6 +554,9 @@
<el-radio label=">5000元"> </el-radio> <el-radio label=">5000元"> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-card>
<!-- 随访队列 -->
<el-card class="box-card">
<a name="随访队列"></a> <a name="随访队列"></a>
<div class="div-title2">随访队列</div> <div class="div-title2">随访队列</div>
<el-select <el-select
@ -524,7 +573,7 @@
> >
</el-option> </el-option>
</el-select> </el-select>
</div> </el-card>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button <el-button
@ -1206,8 +1255,11 @@ export default {
}; };
</script> </script>
<style scoped src="@/assets/styles/common.css"></style> <style scoped src="@/assets/styles/common.css"></style>
<!-- box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); -->
<style scoped> <style scoped>
.box-card {
margin-bottom: 16px;
}
.status1 { .status1 {
color: orange; color: orange;
} }
@ -1250,7 +1302,6 @@ export default {
} }
.app-container .div-left { .app-container .div-left {
width: 210px; width: 210px;
margin-right: 20px;
flex-shrink: 0; flex-shrink: 0;
border-right: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;
} }
@ -1278,6 +1329,8 @@ export default {
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid #dcdfe6;
} }
.div-title2 { .div-title2 {

Loading…
Cancel
Save