Browse Source

诊疗档案详情评估标题添加省略号

newMaster
1747191978@qq.com 4 months ago
parent
commit
49998f8516
  1. 49
      acupuncture-前台/src/views/medicalFile/details.vue
  2. 52
      acupuncture-后台/src/views/medicalFile/details.vue

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

@ -201,28 +201,29 @@
<div class="div-border div-bot20"> <div class="div-border div-bot20">
<div class="div-title2">体态评估</div> <div class="div-title2">体态评估</div>
<div class="human-body"> <div class="human-body">
<el-form-item <el-form-item label="" prop="PG_TT_TAPS_DF">
label="TAPS体态自觉评估得分(3-15分)" <template v-slot:label>
prop="PG_TT_TAPS_DF" <span>TAPS体态自觉评估得分(3-15)</span>
> </template>
<el-input <el-input
v-model="detailsForm['PG_TT_TAPS_DF']" v-model="detailsForm['PG_TT_TAPS_DF']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item prop="PG_TT_TRACE_DF">
label="TRACE体态临床评估得分(0-12分)" <template v-slot:label>
prop="PG_TT_TRACE_DF" <span>TRACE体态临床评估得分(0-12)</span>
> </template>
<el-input <el-input
v-model="detailsForm['PG_TT_TRACE_DF']" v-model="detailsForm['PG_TT_TRACE_DF']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item prop="PG_TT_SRS22_DF">
label="SRS-22问卷评估得分(1~5分)" <template v-slot:label>
prop="PG_TT_SRS22_DF" <span>SRS-22问卷评估得分(1~5)</span>
> </template>
<el-input <el-input
v-model="detailsForm['PG_TT_SRS22_DF']" v-model="detailsForm['PG_TT_SRS22_DF']"
placeholder="请输入" placeholder="请输入"
@ -233,7 +234,7 @@
<div class="human-body"> <div class="human-body">
<el-form-item prop="PG_SM_PHQ-9_DF"> <el-form-item prop="PG_SM_PHQ-9_DF">
<template v-slot:label> <template v-slot:label>
患者健康问卷PHQ-9评估得分(0-27) <span> 患者健康问卷PHQ-9评估得分(0-27)</span>
<span <span
class="foem-item-pg" class="foem-item-pg"
@click=" @click="
@ -250,7 +251,7 @@
</el-form-item> </el-form-item>
<el-form-item prop="PG_SM_EPSW_DF"> <el-form-item prop="PG_SM_EPSW_DF">
<template v-slot:label> <template v-slot:label>
Epworth嗜睡评估得分(0-24) <span>Epworth嗜睡评估得分(0-24)</span>
<span <span
class="foem-item-pg" class="foem-item-pg"
@click="handleComponents('PG_SM_EPSW_DF', 'Epworth嗜睡评估')" @click="handleComponents('PG_SM_EPSW_DF', 'Epworth嗜睡评估')"
@ -265,7 +266,8 @@
</el-form-item> </el-form-item>
<el-form-item prop="PG_SM_PSQI_DF"> <el-form-item prop="PG_SM_PSQI_DF">
<template v-slot:label> <template v-slot:label>
匹兹堡睡眠质量指数PSQI评估得分(0~21) <span>匹兹堡睡眠质量指数PSQI评估得分(0~21)</span>
<span <span
class="foem-item-pg" class="foem-item-pg"
@click=" @click="
@ -288,7 +290,8 @@
<div class="human-body"> <div class="human-body">
<el-form-item prop="PG_JL_HAMD-24_DF"> <el-form-item prop="PG_JL_HAMD-24_DF">
<template v-slot:label> <template v-slot:label>
汉密尔顿抑郁评估HAMD-24得分(0-96) <span>汉密尔顿抑郁评估HAMD-24得分(0-96)</span>
<span <span
class="foem-item-pg" class="foem-item-pg"
@click=" @click="
@ -308,7 +311,7 @@
</el-form-item> </el-form-item>
<el-form-item prop="PG_JL_SAS_DF"> <el-form-item prop="PG_JL_SAS_DF">
<template v-slot:label> <template v-slot:label>
焦虑自评SAS得分(0-100) <span>焦虑自评SAS得分(0-100)</span>
<span <span
class="foem-item-pg" class="foem-item-pg"
@click="handleComponents('PG_JL_SAS_DF', '焦虑自评(SAS)')" @click="handleComponents('PG_JL_SAS_DF', '焦虑自评(SAS)')"
@ -1091,6 +1094,18 @@ export default {
<style scoped src="@/assets/styles/common.css"></style> <style scoped src="@/assets/styles/common.css"></style>
<style scoped> <style scoped>
>>> .el-form-item__label {
display: flex !important;
}
>>> .el-form-item__label > span {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 36px;
}
.foem-item-pg { .foem-item-pg {
color: blue; color: blue;
border-bottom: 1px solid blue; border-bottom: 1px solid blue;

52
acupuncture-后台/src/views/medicalFile/details.vue

@ -201,28 +201,29 @@
<div class="div-border div-bot20"> <div class="div-border div-bot20">
<div class="div-title2">体态评估</div> <div class="div-title2">体态评估</div>
<div class="human-body"> <div class="human-body">
<el-form-item <el-form-item label="" prop="PG_TT_TAPS_DF">
label="TAPS体态自觉评估得分(3-15分)" <template v-slot:label>
prop="PG_TT_TAPS_DF" <span>TAPS体态自觉评估得分(3-15)</span>
> </template>
<el-input <el-input
v-model="detailsForm['PG_TT_TAPS_DF']" v-model="detailsForm['PG_TT_TAPS_DF']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item prop="PG_TT_TRACE_DF">
label="TRACE体态临床评估得分(0-12分)" <template v-slot:label>
prop="PG_TT_TRACE_DF" <span>TRACE体态临床评估得分(0-12)</span>
> </template>
<el-input <el-input
v-model="detailsForm['PG_TT_TRACE_DF']" v-model="detailsForm['PG_TT_TRACE_DF']"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item prop="PG_TT_SRS22_DF">
label="SRS-22问卷评估得分(1~5分)" <template v-slot:label>
prop="PG_TT_SRS22_DF" <span>SRS-22问卷评估得分(1~5)</span>
> </template>
<el-input <el-input
v-model="detailsForm['PG_TT_SRS22_DF']" v-model="detailsForm['PG_TT_SRS22_DF']"
placeholder="请输入" placeholder="请输入"
@ -233,7 +234,7 @@
<div class="human-body"> <div class="human-body">
<el-form-item prop="PG_SM_PHQ-9_DF"> <el-form-item prop="PG_SM_PHQ-9_DF">
<template v-slot:label> <template v-slot:label>
患者健康问卷PHQ-9评估得分(0-27) <span> 患者健康问卷PHQ-9评估得分(0-27)</span>
<span <span
class="foem-item-pg" class="foem-item-pg"
@click=" @click="
@ -250,7 +251,7 @@
</el-form-item> </el-form-item>
<el-form-item prop="PG_SM_EPSW_DF"> <el-form-item prop="PG_SM_EPSW_DF">
<template v-slot:label> <template v-slot:label>
Epworth嗜睡评估得分(0-24) <span>Epworth嗜睡评估得分(0-24)</span>
<span <span
class="foem-item-pg" class="foem-item-pg"
@click="handleComponents('PG_SM_EPSW_DF', 'Epworth嗜睡评估')" @click="handleComponents('PG_SM_EPSW_DF', 'Epworth嗜睡评估')"
@ -265,7 +266,8 @@
</el-form-item> </el-form-item>
<el-form-item prop="PG_SM_PSQI_DF"> <el-form-item prop="PG_SM_PSQI_DF">
<template v-slot:label> <template v-slot:label>
匹兹堡睡眠质量指数PSQI评估得分(0~21) <span>匹兹堡睡眠质量指数PSQI评估得分(0~21)</span>
<span <span
class="foem-item-pg" class="foem-item-pg"
@click=" @click="
@ -288,7 +290,8 @@
<div class="human-body"> <div class="human-body">
<el-form-item prop="PG_JL_HAMD-24_DF"> <el-form-item prop="PG_JL_HAMD-24_DF">
<template v-slot:label> <template v-slot:label>
汉密尔顿抑郁评估HAMD-24得分(0-96) <span>汉密尔顿抑郁评估HAMD-24得分(0-96)</span>
<span <span
class="foem-item-pg" class="foem-item-pg"
@click=" @click="
@ -308,7 +311,7 @@
</el-form-item> </el-form-item>
<el-form-item prop="PG_JL_SAS_DF"> <el-form-item prop="PG_JL_SAS_DF">
<template v-slot:label> <template v-slot:label>
焦虑自评SAS得分(0-100) <span>焦虑自评SAS得分(0-100)</span>
<span <span
class="foem-item-pg" class="foem-item-pg"
@click="handleComponents('PG_JL_SAS_DF', '焦虑自评(SAS)')" @click="handleComponents('PG_JL_SAS_DF', '焦虑自评(SAS)')"
@ -1093,12 +1096,27 @@ export default {
<style scoped src="@/assets/styles/common.css"></style> <style scoped src="@/assets/styles/common.css"></style>
<style scoped> <style scoped>
>>> .el-form-item__label {
display: flex !important;
}
>>> .el-form-item__label > span {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 36px;
}
.foem-item-pg { .foem-item-pg {
color: blue; color: blue;
border-bottom: 1px solid blue; border-bottom: 1px solid blue;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
z-index: 9; z-index: 9;
flex-shrink: 0;
margin-left: 10px;
height: 30px !important;
} }
.app-container { .app-container {
display: flex; display: flex;

Loading…
Cancel
Save