ccsens_zhengzhichuan
/
acupuncture
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

诊疗档案详情样式调整

newMaster
1747191978@qq.com 3 months ago
parent
040d1d2e0d
commit
8bbba41c7c
1 changed files with 443 additions and 390 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 833
      acupuncture-前台/src/views/medicalFile/details.vue

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

@ -9,458 +9,492 @@
</el-step>
</el-steps>
</div>
<div class="div-right" style="padding: 0 16px">
<a name="基本信息"></a>
<div class="div-title1">基本信息</div>
<div class="div-border div-bot20">
<el-descriptions class="margin-top" :column="3">
<el-descriptions-item label="姓名">{{
form.name
}}</el-descriptions-item>
<el-descriptions-item label="性别">
{{ form.gender == 0 ? "男" : "女" }}
</el-descriptions-item>
<el-descriptions-item label="年龄">
{{ form.age }}
</el-descriptions-item>
<el-descriptions-item label="手机号码">
{{ form.phone }}
</el-descriptions-item>
<el-descriptions-item label="门诊号/住院号">
{{ form.visitNumber }}
</el-descriptions-item>
<el-descriptions-item label="门诊时间/住院时间">
{{ form.visitTime }}
</el-descriptions-item>
<el-descriptions-item label="责任医生">
{{ form.doctor }}
</el-descriptions-item>
<el-descriptions-item label="建档人">
{{ form.createBy }}
</el-descriptions-item>
<el-descriptions-item label="建档时间">
{{ form.createTime }}
</el-descriptions-item>
<el-descriptions-item label="档案状态">
<span :class="`status${form.status}`">{{
status[form.status]
}}</span>
</el-descriptions-item>
</el-descriptions>
</div>
<div class="div-right" style="padding: 0 20px">
<el-card class="box-card">
<a name="基本信息"></a>
<div class="div-title1">基本信息</div>
<div>
<el-descriptions class="margin-top" :column="3">
<el-descriptions-item label="姓名">{{
form.name
}}</el-descriptions-item>
<el-descriptions-item label="性别">
{{ form.gender == 0 ? "男" : "女" }}
</el-descriptions-item>
<el-descriptions-item label="年龄">
{{ form.age }}
</el-descriptions-item>
<el-descriptions-item label="手机号码">
{{ form.phone }}
</el-descriptions-item>
<el-descriptions-item label="门诊号/住院号">
{{ form.visitNumber }}
</el-descriptions-item>
<el-descriptions-item label="门诊时间/住院时间">
{{ form.visitTime }}
</el-descriptions-item>
<el-descriptions-item label="责任医生">
{{ form.doctor }}
</el-descriptions-item>
<el-descriptions-item label="建档人">
{{ form.createBy }}
</el-descriptions-item>
<el-descriptions-item label="建档时间">
{{ form.createTime }}
</el-descriptions-item>
<el-descriptions-item label="档案状态">
<span :class="`status${form.status}`">{{
status[form.status]
}}</span>
</el-descriptions-item>
</el-descriptions>
</div>
</el-card>
<!-- 档案详情-->
<el-form ref="detailsForm" :model="detailsForm" class="formStep">
<a name="主要诊断"></a>
<div class="div-title1">主要诊断</div>
<el-form-item
class="form-item-zd div-border div-pad20"
prop="JBXX_ZYZD"
>
<el-checkbox-group v-model="detailsForm['JBXX_ZYZD']">
<el-checkbox
:disabled="form.status != 0 && form.status != 3"
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"
<!-- 主要诊断 -->
<el-card class="box-card">
<a name="主要诊断"></a>
<div class="div-title1">主要诊断</div>
<el-form-item prop="JBXX_ZYZD" style="margin-bottom: 0">
<el-checkbox-group v-model="detailsForm['JBXX_ZYZD']">
<el-checkbox
:disabled="form.status != 0 && form.status != 3"
v-for="(item, index) in medicalHistory"
:label="item"
:value="item"
>
</el-option>
</el-select>
</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-checkbox>
</el-checkbox-group>
<el-input
v-model="detailsForm['PG_RTCF_JKPF']"
placeholder="请输入"
v-model="detailsForm['JBXX_ZYZD_QT']"
placeholder="其他"
/>
</el-form-item>
</div>
<a name="中医体质辨识"></a>
<div class="div-title1">中医体质辨识</div>
<div class="div-border div-bot20">
<el-form-item prop="PG_TZBS_ZYTZ" label="主要体质">
<el-radio-group
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TZBS_ZYTZ']"
>
<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>
</el-card>
<!-- 病情评估 -->
<el-card class="box-card">
<div>
<a name="病情评估"></a>
<div class="div-title1">病情评估</div>
<div class="div-title2">人体成分</div>
</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-form-item label="体重" prop="PG_RTCF_TZ">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TT_TAPS_DF']"
v-model="detailsForm['PG_RTCF_TZ']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item prop="PG_TT_TRACE_DF">
<template v-slot:label>
<span>TRACE体态临床评估得分(0-12分)</span>
</template>
<el-form-item label="去脂体重" prop="PG_RTCF_QZTZ">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TT_TRACE_DF']"
v-model="detailsForm['PG_RTCF_QZTZ']"
placeholder="请输入"
/>
</el-form-item>
<el-form-item prop="PG_TT_SRS22_DF">
<template v-slot:label>
<span>SRS-22问卷评估得分(1~5分)</span>
</template>
<el-form-item label="肌肉量" prop="PG_RTCF_JRL">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TT_SRS22_DF']"
v-model="detailsForm['PG_RTCF_JRL']"
placeholder="请输入"
/>
</el-form-item>
</div>
<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-form-item label="总水分（TBW）" prop="PG_RTCF_TBW">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_SM_PHQ-9_DF']"
v-model="detailsForm['PG_RTCF_TBW']"
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-form-item label="蛋白质" prop="PG_RTCF_DBZ">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_SM_EPSW_DF']"
v-model="detailsForm['PG_RTCF_DBZ']"
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-form-item label="蛋白质" prop="PG_RTCF_GZ">
<el-input
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_SM_PSQI_DF']"
v-model="detailsForm['PG_RTCF_GZ']"
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-form-item label="脂肪" prop="PG_RTCF_ZF">
<el-input
v-model="detailsForm['PG_JL_HAMD-24_DF']"
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_RTCF_ZF']"
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）')"
<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"
:value="item"
>
评估
</span>
</template>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="身体年龄" prop="PG_RTCF_STNL">
<el-input
: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="请输入"
/>
</el-form-item>
</div>
</div>
<a name="治疗类型"></a>
<div class="div-title1">治疗类型</div>
<el-form-item prop="ZLFA_ZLLX" class="div-border div-pad10">
<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>
<a name="诊疗方法"></a>
<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"
</el-card>
<el-card class="box-card">
<a name="中医体质辨识"></a>
<div class="div-title1">中医体质辨识</div>
<div>
<el-form-item
prop="PG_TZBS_ZYTZ"
label="主要体质"
style="margin-bottom: 0"
>
<el-radio-group
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['PG_TZBS_ZYTZ']"
>
{{ k.value || k.title }}
</span>
<div v-else class="human-body">
<el-form-item prop="ZLFA_ZJ_XW_QT">
<el-input v-model="detailsForm[j.valueCode]"></el-input>
</el-form-item>
<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="兼夹体质"
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>
</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 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>
<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
: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
v-if="l.type == 'but'"
@click="handleButClick(k, l)"
v-if="k.type == 'but'"
@click="handleButClick(j, k)"
class="span-but"
:class="{
'span-but-active':
detailsForm[k.valueCode] == (l.value || l.title),
detailsForm[j.valueCode] == (k.value || k.title),
}"
v-for="(l, lnd) in k.list"
:key="lnd"
v-for="(k, knd) in j.list"
:key="knd"
>
{{ l.value || l.title }}
{{ k.value || k.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 prop="ZLFA_ZJ_XW_QT">
<el-input v-model="detailsForm[j.valueCode]"></el-input>
</el-form-item>
</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 class="human-body"></div>
<a name="治疗效果"></a>
<div class="div-title1">治疗效果</div>
<div class="div-border div-bot20">
<el-form-item prop="ZLFA_ZLXG" class="div-border div-pad10">
<el-radio-group
: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-group>
</el-form-item>
</el-card>
<!-- 治疗效果 -->
<el-card class="box-card">
<a name="治疗效果"></a>
<div class="div-title1">治疗效果</div>
<div>
<el-form-item prop="ZLFA_ZLXG" style="margin-bottom: 0">
<el-radio-group
: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-group>
</el-form-item>
</div>
</el-card>
<!-- 诊疗费用 -->
<el-card class="box-card">
<a name="诊疗费用"></a>
<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
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['ZLFA_ZTFY']"
@ -472,7 +506,11 @@
<el-radio label=">5000元" value="<300元"> </el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="检查费用按照区间进行选择" prop="ZLFA_JCFY">
<el-form-item
label="检查费用按照区间进行选择"
prop="ZLFA_JCFY"
style="margin-bottom: 0"
>
<el-radio-group
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['ZLFA_JCFY']"
@ -484,7 +522,11 @@
<el-radio label=">5000元"> </el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="中医治疗费用按照区间进行选择" prop="ZLFA_ZYZLFY">
<el-form-item
label="中医治疗费用按照区间进行选择"
prop="ZLFA_ZYZLFY"
style="margin-bottom: 0"
>
<el-radio-group
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['ZLFA_ZYZLFY']"
@ -496,7 +538,11 @@
<el-radio label=">5000元"> </el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="药物费用按照区间进行选择" prop="ZLFA_YWFY">
<el-form-item
label="药物费用按照区间进行选择"
prop="ZLFA_YWFY"
style="margin-bottom: 0"
>
<el-radio-group
:disabled="form.status != 0 && form.status != 3"
v-model="detailsForm['ZLFA_YWFY']"
@ -508,6 +554,9 @@
<el-radio label=">5000元"> </el-radio>
</el-radio-group>
</el-form-item>
</el-card>
<!-- 随访队列 -->
<el-card class="box-card">
<a name="随访队列"></a>
<div class="div-title2">随访队列</div>
<el-select
@ -524,7 +573,7 @@
>
</el-option>
</el-select>
</div>
</el-card>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
@ -1206,8 +1255,11 @@ export default {
};
</script>
<style scoped src="@/assets/styles/common.css"></style>
<!-- box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); -->
<style scoped>
.box-card {
margin-bottom: 16px;
}
.status1 {
color: orange;
}
@ -1250,7 +1302,6 @@ export default {
}
.app-container .div-left {
width: 210px;
margin-right: 20px;
flex-shrink: 0;
border-right: 1px solid #d8d8d8;
}
@ -1278,6 +1329,8 @@ export default {
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid #dcdfe6;
}
.div-title2 {

Write Preview
Loading…
Cancel
Save