Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
V
vue-composition-api
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
宁路鹏
vue-composition-api
Commits
8f72a377
Commit
8f72a377
authored
Mar 29, 2023
by
唐玉峰
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
添加 是否皮试列 临床
parent
ebd7fc90
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
1153 additions
and
1037 deletions
+1153
-1037
src/components/medicalRecordHomepage/index.vue
+2
-0
src/views/outClinicalpathway.vue
+99
-12
src/views/outseeQualityControl.vue
+728
-812
src/views/test.vue
+324
-213
No files found.
src/components/medicalRecordHomepage/index.vue
View file @
8f72a377
...
@@ -421,6 +421,8 @@
...
@@ -421,6 +421,8 @@
<el-table-column
prop=
"diaG_CODE"
label=
"疾病编码"
></el-table-column>
<el-table-column
prop=
"diaG_CODE"
label=
"疾病编码"
></el-table-column>
<el-table-column
prop=
"diaG_ORDERNAME"
label=
"诊断类型"
>
</el-table-column>
<el-table-column
prop=
"diaG_ORDERNAME"
label=
"诊断类型"
>
</el-table-column>
<el-table-column
prop=
"diaG_ILLNESS"
label=
"入院病情"
></el-table-column>
<el-table-column
prop=
"diaG_ILLNESS"
label=
"入院病情"
></el-table-column>
<el-table-column
prop=
"coreName"
label=
"病组编码"
>
</el-table-column>
<el-table-column
prop=
"coreScore"
label=
" 分值"
></el-table-column>
</el-table>
</el-table>
</el-row>
</el-row>
<el-row>
<el-row>
...
...
src/views/outClinicalpathway.vue
View file @
8f72a377
...
@@ -117,6 +117,18 @@
...
@@ -117,6 +117,18 @@
<span
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
{{
scope
.
row
.
tickTime
}}
</span>
<span
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
{{
scope
.
row
.
tickTime
}}
</span>
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
show-overflow-tooltip
property=
"isSkin"
label=
"是否皮试"
width=
"110"
>
<
template
#
default=
"scope"
>
<template
v-if=
"scope.row.orderType == '药疗' && scope.row.isnew"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType && scope.row.isSkinCheck == 1"
>
<el-select
size=
"mini"
v-model=
"scope.row.isSkin"
>
<el-option
v-for=
"item in isSkinoptions"
:key=
"item.label"
:label=
"item.label"
:value=
"item.value"
>
</el-option>
</el-select>
</
template
>
<!-- <div v-else>{{ scope.row.isSkin == 1 ? "是" : "否" }}</div> -->
</template>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
property=
"orderType"
label=
"类型"
width=
"50"
>
<el-table-column
show-overflow-tooltip
property=
"orderType"
label=
"类型"
width=
"50"
>
<
template
#
default=
"scope"
>
<
template
#
default=
"scope"
>
<div
v-if=
"scope.row.orderType == '药疗'"
>
<div
v-if=
"scope.row.orderType == '药疗'"
>
...
@@ -175,7 +187,7 @@
...
@@ -175,7 +187,7 @@
</el-table-column>
</el-table-column>
<el-table-column
show-overflow-tooltip
property=
"specifications"
label=
"规格说明"
width=
"80"
/>
<el-table-column
show-overflow-tooltip
property=
"specifications"
label=
"规格说明"
width=
"80"
/>
<el-table-column
show-overflow-tooltip
property=
"dosage"
label=
"药品剂型"
width=
"70"
/>
<el-table-column
show-overflow-tooltip
property=
"dosage"
label=
"药品剂型"
width=
"70"
/>
<el-table-column
show-overflow-tooltip
property=
"isAntibiotic"
label=
"抗生素"
width=
"
85
"
>
<el-table-column
show-overflow-tooltip
property=
"isAntibiotic"
label=
"抗生素"
width=
"
110
"
>
<
template
#
default=
"scope"
>
<
template
#
default=
"scope"
>
<el-select
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
size=
"mini"
v-model=
"scope.row.isAntibiotic"
>
<el-select
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
size=
"mini"
v-model=
"scope.row.isAntibiotic"
>
<el-option
v-for=
"item in chargeTypeoptions"
:key=
"item.label"
:label=
"item.label"
:value=
"item.label"
>
</el-option>
<el-option
v-for=
"item in chargeTypeoptions"
:key=
"item.label"
:label=
"item.label"
:value=
"item.label"
>
</el-option>
...
@@ -186,9 +198,36 @@
...
@@ -186,9 +198,36 @@
<el-table-column
show-overflow-tooltip
property=
"medicalPurpose"
label=
"用药目的"
width=
"135"
>
<el-table-column
show-overflow-tooltip
property=
"medicalPurpose"
label=
"用药目的"
width=
"135"
>
<
template
#
default=
"scope"
>
<
template
#
default=
"scope"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<template
v-if=
"scope.row.isAntibiotic == '是' && scope.row.orderType == '药疗'"
>
<el-form
:model=
"scope.row"
label-width=
"15px"
label-position=
"left"
ref=
"medicalPurpose"
class=
"demo-ruleForm"
>
<el-form-item
prop=
"medicalPurpose"
:rules=
"[
{
required:
scope.row.isSkin == 1
&&
scope.row.orderType == '药疗'
? true
: scope.row.isAntibiotic == '是'
&&
scope.row.orderType == '药疗'
? true
: false,
message: '请选择',
},
]"
>
<template
#
label
>
<span></span></
template
>
<el-select
size=
"mini"
v-model=
"scope.row.medicalPurpose"
>
<el-option
v-for=
"item in medicalPurposeoptions"
:key=
"item.id"
:label=
"item.describe"
:value=
"item.describe"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
<!-- <template v-if="scope.row.isAntibiotic == '是' && scope.row.orderType == '药疗'">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicalPurpose" class="demo-ruleForm">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicalPurpose" class="demo-ruleForm">
<el-form-item
prop=
"medicalPurpose"
:rules=
"[
{ required: true, message: '请选择' }]">
<el-form-item
prop="medicalPurpose"
:rules="[
{ required: scope.row.isAntibiotic == '是' && scope.row.orderType == '药疗' ? true : false, message: '请选择' },
]"
>
<template #label> <span></span></template>
<template #label> <span></span></template>
<el-select size="mini" v-model="scope.row.medicalPurpose">
<el-select size="mini" v-model="scope.row.medicalPurpose">
<el-option v-for="item in medicalPurposeoptions" :key="item.id" :label="item.describe" :value="item.describe">
<el-option v-for="item in medicalPurposeoptions" :key="item.id" :label="item.describe" :value="item.describe">
...
@@ -202,7 +241,7 @@
...
@@ -202,7 +241,7 @@
<el-option v-for="item in medicalPurposeoptions" :key="item.id" :label="item.describe" :value="item.describe">
<el-option v-for="item in medicalPurposeoptions" :key="item.id" :label="item.describe" :value="item.describe">
</el-option>
</el-option>
</el-select>
</el-select>
</
template
>
</template>
-->
</template>
</template>
<span
v-else
>
{{ scope.row.medicalPurpose }}
</span>
<span
v-else
>
{{ scope.row.medicalPurpose }}
</span>
</template>
</template>
...
@@ -210,9 +249,21 @@
...
@@ -210,9 +249,21 @@
<el-table-column
prop=
"medicUseQuantity"
label=
"用量"
width=
"85"
>
<el-table-column
prop=
"medicUseQuantity"
label=
"用量"
width=
"85"
>
<
template
#
default=
"scope"
>
<
template
#
default=
"scope"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<template
v-if=
"scope.row.orderType == '药疗'"
>
<el-form
:model=
"scope.row"
label-width=
"15px"
label-position=
"left"
ref=
"medicUseQuantity"
class=
"demo-ruleForm"
>
<el-form-item
prop=
"medicUseQuantity"
:rules=
"[
{ required: scope.row.orderType == '药疗'
&&
scope.row.isSkin != 1 ? true : false, message: '请填写' }]"
>
<template
#
label
>
<span></span></
template
>
<el-input
v-model=
"scope.row.medicUseQuantity"
@
input=
"setIput(scope.row, $event)"
size=
"mini"
></el-input>
</el-form-item>
</el-form>
<!-- <template v-if="scope.row.orderType == '药疗'">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicUseQuantity" class="demo-ruleForm">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicUseQuantity" class="demo-ruleForm">
<el-form-item
prop=
"medicUseQuantity"
:rules=
"[
{ required: true, message: '请填写' }]">
<el-form-item
prop="medicUseQuantity"
:rules="[{ required: scope.row.orderType == '药疗' && scope.row.isSkin == '是' ? true : false, message: '请填写' }]"
>
<template #label> <span></span></template>
<template #label> <span></span></template>
<el-input v-model="scope.row.medicUseQuantity" @input="setIput(scope.row, $event)" size="mini"></el-input>
<el-input v-model="scope.row.medicUseQuantity" @input="setIput(scope.row, $event)" size="mini"></el-input>
</el-form-item>
</el-form-item>
...
@@ -220,7 +271,7 @@
...
@@ -220,7 +271,7 @@
</template>
</template>
<template v-else>
<template v-else>
<el-input v-model="scope.row.medicUseQuantity" @input="setIput(scope.row, $event)" size="mini"></el-input>
<el-input v-model="scope.row.medicUseQuantity" @input="setIput(scope.row, $event)" size="mini"></el-input>
</
template
>
</template>
-->
</template>
</template>
<span
v-else
>
{{ scope.row.medicUseQuantity }}
</span>
<span
v-else
>
{{ scope.row.medicUseQuantity }}
</span>
</template>
</template>
...
@@ -229,7 +280,19 @@
...
@@ -229,7 +280,19 @@
<el-table-column
show-overflow-tooltip
property=
"medicUseMode"
label=
"途径"
width=
"120"
>
<el-table-column
show-overflow-tooltip
property=
"medicUseMode"
label=
"途径"
width=
"120"
>
<
template
#
default=
"scope"
>
<
template
#
default=
"scope"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<template
v-if=
"scope.row.orderType == '药疗'"
>
<el-form
:model=
"scope.row"
label-width=
"15px"
label-position=
"left"
ref=
"medicUseMode"
class=
"demo-ruleForm"
>
<el-form-item
prop=
"medicUseMode"
:rules=
"[
{ required: scope.row.orderType == '药疗'
&&
scope.row.isSkin != 1 ? true : false, message: '请选择' }]"
>
<template
#
label
>
<span></span></
template
>
<el-select
size=
"mini"
v-model=
"scope.row.medicUseMode"
filterable
remote
:filter-method=
"remoteMethod"
>
<el-option
v-for=
"item in medicUseModeoptions"
:key=
"item.id"
:label=
"item.describe"
:value=
"item.describe"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
<!-- <template v-if="scope.row.orderType == '药疗'">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicUseMode" class="demo-ruleForm">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicUseMode" class="demo-ruleForm">
<el-form-item prop="medicUseMode" :rules="[{ required: true, message: '请选择' }]">
<el-form-item prop="medicUseMode" :rules="[{ required: true, message: '请选择' }]">
<template #label> <span></span></template>
<template #label> <span></span></template>
...
@@ -245,7 +308,7 @@
...
@@ -245,7 +308,7 @@
<el-option v-for="item in medicUseModeoptions" :key="item.id" :label="item.describe" :value="item.describe">
<el-option v-for="item in medicUseModeoptions" :key="item.id" :label="item.describe" :value="item.describe">
</el-option>
</el-option>
</el-select>
</el-select>
</
template
>
</template>
-->
</template>
</template>
<span
v-else
>
{{ scope.row.medicUseMode }}
</span>
<span
v-else
>
{{ scope.row.medicUseMode }}
</span>
</template>
</template>
...
@@ -253,7 +316,19 @@
...
@@ -253,7 +316,19 @@
<el-table-column
show-overflow-tooltip
property=
"medicUsePlan"
label=
"频率"
width=
"130"
>
<el-table-column
show-overflow-tooltip
property=
"medicUsePlan"
label=
"频率"
width=
"130"
>
<
template
#
default=
"scope"
>
<
template
#
default=
"scope"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<template
v-if=
"scope.row.orderType == '药疗'"
>
<el-form
:model=
"scope.row"
label-width=
"15px"
label-position=
"left"
ref=
"medicUsePlan"
class=
"demo-ruleForm"
>
<el-form-item
prop=
"medicUsePlan"
:rules=
"[
{ required: scope.row.orderType == '药疗'
&&
scope.row.isSkin != 1 ? true : false, message: '请选择' }]"
>
<template
#
label
>
<span></span></
template
>
<el-select
size=
"mini"
v-model=
"scope.row.medicUsePlan"
@
change=
"setIput(scope.row, $event)"
>
<el-option
v-for=
"item in medicUsePlanoptions"
:key=
"item.id"
:label=
"item.describe"
:value=
"item.describe"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
<!-- <template v-if="scope.row.orderType == '药疗'">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicUsePlan" class="demo-ruleForm">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicUsePlan" class="demo-ruleForm">
<el-form-item prop="medicUsePlan" :rules="[{ required: true, message: '请选择' }]">
<el-form-item prop="medicUsePlan" :rules="[{ required: true, message: '请选择' }]">
<template #label> <span></span></template>
<template #label> <span></span></template>
...
@@ -269,7 +344,7 @@
...
@@ -269,7 +344,7 @@
<el-option v-for="item in medicUsePlanoptions" :key="item.id" :label="item.describe" :value="item.describe">
<el-option v-for="item in medicUsePlanoptions" :key="item.id" :label="item.describe" :value="item.describe">
</el-option>
</el-option>
</el-select>
</el-select>
</
template
>
</template>
-->
</template>
</template>
<span
v-else
>
{{ scope.row.medicUsePlan }}
</span>
<span
v-else
>
{{ scope.row.medicUsePlan }}
</span>
</template>
</template>
...
@@ -451,7 +526,16 @@ export default {
...
@@ -451,7 +526,16 @@ export default {
reasonoptions
:
[],
//变异原因
reasonoptions
:
[],
//变异原因
crid
:
null
,
crid
:
null
,
chickid
:
[],
//选中的id
chickid
:
[],
//选中的id
isSkinoptions
:
[
{
label
:
"是"
,
value
:
1
,
},
{
label
:
"否"
,
value
:
2
,
},
],
chargeTypeoptions
:
[
chargeTypeoptions
:
[
{
{
label
:
"是"
,
label
:
"是"
,
...
@@ -601,6 +685,8 @@ export default {
...
@@ -601,6 +685,8 @@ export default {
useDay
:
1
,
useDay
:
1
,
packagingnum
:
1
,
packagingnum
:
1
,
split_num
:
1
,
split_num
:
1
,
isSkin
:
undefined
,
isSkinCheck
:
r
.
isSkinCheck
,
};
};
this
.
toggleSelection
(
newData
,
true
);
this
.
toggleSelection
(
newData
,
true
);
this
.
cout
=
cout
+
1
;
this
.
cout
=
cout
+
1
;
...
@@ -669,6 +755,7 @@ export default {
...
@@ -669,6 +755,7 @@ export default {
item
.
useDay
=
row
.
useDay
;
item
.
useDay
=
row
.
useDay
;
item
.
packagingnum
=
row
.
packagingnum
;
item
.
packagingnum
=
row
.
packagingnum
;
item
.
split_num
=
row
.
split_num
;
item
.
split_num
=
row
.
split_num
;
item
.
isSkin
=
row
.
isSkin
;
}
}
if
(
item
.
children
&&
item
.
children
.
length
>
0
)
{
if
(
item
.
children
&&
item
.
children
.
length
>
0
)
{
this
.
pushData
(
row
,
item
.
children
);
this
.
pushData
(
row
,
item
.
children
);
...
...
src/views/outseeQualityControl.vue
View file @
8f72a377
...
@@ -6,888 +6,804 @@
...
@@ -6,888 +6,804 @@
* @Description:
* @Description:
-->
-->
<
template
>
<
template
>
<!-- 查看质控 -->
<!-- 查看质控 -->
<div
class=
"outseeQualityControl"
>
<div
class=
"outseeQualityControl"
>
<div
class=
"outseeQualityControl_box"
>
<div
class=
"outseeQualityControl_box"
>
<div
class=
"outseeQualityControl_box_btn"
>
<div
class=
"outseeQualityControl_box_btn"
>
<el-button
class=
"outseeQualityControl_box_btn_button"
size=
"mini"
type=
"primary"
@
click=
"getSynchronous"
>
同步数据
</el-button>
<el-button
class=
"outseeQualityControl_box_btn_button"
size=
"mini"
type=
"primary"
@
click=
"getSynchronous"
>
同步数据
</el-button>
</div>
<div
class=
"outseeQualityControl_box_header"
>
<div
class=
"outseeQualityControl_box_header_text"
></div>
</div>
<div
class=
"outseeQualityControl_box_Content"
>
<div
class=
"outseeQualityControl_box_Content_left"
>
<medical-record-homepage
:medicalrecord=
"medicalrecord"
:clicktitle=
"clicktitle"
>
</medical-record-homepage>
</div>
<div
class=
"outseeQualityControl_box_Content_right"
>
<div
class=
"outseeQualityControl_box_Content_right_top"
>
<!--非编码问题 -->
<div
:class=
"[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left'
: 'outseeQualityControl_box_Content_right_top_left11',
]"
@
click=
"leftcode"
>
<div
class=
"outseeQualityControl_box_Content_right_top_left_div1"
>
<img
src=
"../assets/img/fbm.png"
alt=
""
v-show=
"isleftcodeShow"
/>
<img
src=
"../assets/img/bm.png"
alt=
""
v-show=
"!isleftcodeShow"
/>
</div>
<div
class=
"outseeQualityControl_box_Content_right_top_left_div2"
>
<span
:class=
"[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span1'
: 'outseeQualityControl_box_Content_right_top_left_div2_span11',
]"
>
{{
fruleCount
}}
</span
>
<span
:class=
"[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span2'
: 'outseeQualityControl_box_Content_right_top_left_div2_span22',
]"
>
非编码问题
</span
>
</div>
</div>
<!-- 编码问题 -->
<div
:class=
"[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right'
: 'outseeQualityControl_box_Content_right_top_right11',
]"
@
click=
"rightcode"
>
<div
class=
"outseeQualityControl_box_Content_right_top_right_div1"
>
<img
src=
"../assets/img/fbm.png"
alt=
""
v-show=
"!isleftcodeShow"
/>
<img
src=
"../assets/img/bm.png"
alt=
""
v-show=
"isleftcodeShow"
/>
</div>
<div
class=
"outseeQualityControl_box_Content_right_top_right_div2"
>
<span
:class=
"[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span1'
: 'outseeQualityControl_box_Content_right_top_right_div2_span11',
]"
>
{{
ruleCount
}}
</span
>
<span
:class=
"[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span2'
: 'outseeQualityControl_box_Content_right_top_right_div2_span22',
]"
>
编码问题
</span
>
</div>
</div>
</div>
</div>
<div
class=
"outseeQualityControl_box_header"
>
<div
class=
"outseeQualityControl_box_Content_right_center"
>
<div
class=
"outseeQualityControl_box_header_text"
></div>
<div
class=
"outseeQualityControl_box_Content_right_center_line"
v-show=
"isleftcodeShow"
></div>
<div
class=
"outseeQualityControl_box_Content_right_center_line2"
v-show=
"!isleftcodeShow"
></div>
</div>
<div
class=
"outseeQualityControl_box_Content_right_bottom"
>
<!--
<div
class=
"outseeQualityControl_box_Content_right_bottom_title"
>
患者基本信息
</div>
-->
<div
class=
"outseeQualityControl_box_Content_right_bottom_tree"
v-show=
"isleftcodeShow"
>
<el-tree
:data=
"departmentTree"
:props=
"defaultProps"
:default-expand-all=
"false"
ref=
"tree"
node-key=
"id"
@
node-click=
"handleNodeClick"
>
<template
#
default=
"
{ node, data }">
<span
class=
"custom-tree-node"
>
<div
class=
"leftbox"
:class=
"[data.ruleName != '非编码问题' ? 'leftboxs' : '']"
>
<el-tooltip
placement=
"bottom"
trigger=
"hover"
>
<template
#
content
>
{{
data
.
ruleName
}}
</
template
>
<span
:class=
"[
data.ruleName == '非编码问题' ? 'spans' : '',
]"
>
{{ data.ruleName }}
</span
>
</el-tooltip>
</div>
</span>
</template>
</el-tree>
</div>
</div>
<div
<div
class=
"outseeQualityControl_box_Content"
>
class=
"outseeQualityControl_box_Content_right_bottom_tree"
<div
class=
"outseeQualityControl_box_Content_left"
>
v-show=
"!isleftcodeShow"
<medical-record-homepage
:medicalrecord=
"medicalrecord"
:clicktitle=
"clicktitle"
>
</medical-record-homepage>
>
</div>
<el-tree
:data=
"rightdepartmentTree"
<div
class=
"outseeQualityControl_box_Content_right"
>
:props=
"defaultProps"
<div
class=
"outseeQualityControl_box_Content_right_top"
>
:default-expand-all=
"false"
<!--非编码问题 -->
ref=
"tree"
<div
node-key=
"id"
:class=
"[isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_left' : 'outseeQualityControl_box_Content_right_top_left11']"
@
node-click=
"handleNodeClick"
@
click=
"leftcode"
v-show=
"!isnodataShow"
>
<
template
#
default=
"{ node, data }"
>
<span
class=
"custom-tree-node"
>
<div
class=
"leftbox"
:class=
"[data.ruleName != '编码问题' ? 'leftboxs' : '']"
>
<el-tooltip
placement=
"bottom"
trigger=
"hover"
>
<template
#
content
>
{{
data
.
ruleName
}}
</
template
>
<span
:class=
"[data.ruleName == '编码问题' ? 'spans' : '']"
>
{{ data.ruleName }}
</span
>
>
</el-tooltip>
<div
class=
"outseeQualityControl_box_Content_right_top_left_div1"
>
<img
src=
"../assets/img/fbm.png"
alt=
""
v-show=
"isleftcodeShow"
/>
<img
src=
"../assets/img/bm.png"
alt=
""
v-show=
"!isleftcodeShow"
/>
</div>
<div
class=
"outseeQualityControl_box_Content_right_top_left_div2"
>
<span
:class=
"[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span1'
: 'outseeQualityControl_box_Content_right_top_left_div2_span11',
]"
>
{{
fruleCount
}}
</span
>
<span
:class=
"[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span2'
: 'outseeQualityControl_box_Content_right_top_left_div2_span22',
]"
>
非编码问题
</span
>
</div>
</div>
<!-- 编码问题 -->
<div
:class=
"[
isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_right' : 'outseeQualityControl_box_Content_right_top_right11',
]"
@
click=
"rightcode"
>
<div
class=
"outseeQualityControl_box_Content_right_top_right_div1"
>
<img
src=
"../assets/img/fbm.png"
alt=
""
v-show=
"!isleftcodeShow"
/>
<img
src=
"../assets/img/bm.png"
alt=
""
v-show=
"isleftcodeShow"
/>
</div>
<div
class=
"outseeQualityControl_box_Content_right_top_right_div2"
>
<span
:class=
"[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span1'
: 'outseeQualityControl_box_Content_right_top_right_div2_span11',
]"
>
{{
ruleCount
}}
</span
>
<span
:class=
"[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span2'
: 'outseeQualityControl_box_Content_right_top_right_div2_span22',
]"
>
编码问题
</span
>
</div>
</div>
</div>
<div
class=
"outseeQualityControl_box_Content_right_center"
>
<div
class=
"outseeQualityControl_box_Content_right_center_line"
v-show=
"isleftcodeShow"
></div>
<div
class=
"outseeQualityControl_box_Content_right_center_line2"
v-show=
"!isleftcodeShow"
></div>
</div>
<div
class=
"outseeQualityControl_box_Content_right_bottom"
>
<!--
<div
class=
"outseeQualityControl_box_Content_right_bottom_title"
>
患者基本信息
</div>
-->
<div
class=
"outseeQualityControl_box_Content_right_bottom_tree"
v-show=
"isleftcodeShow"
>
<el-tree
:data=
"departmentTree"
:props=
"defaultProps"
:default-expand-all=
"false"
ref=
"tree"
node-key=
"id"
@
node-click=
"handleNodeClick"
>
<template
#
default=
"
{ node, data }">
<span
class=
"custom-tree-node"
>
<div
class=
"leftbox"
:class=
"[data.ruleName != '非编码问题' ? 'leftboxs' : '']"
>
<el-tooltip
placement=
"bottom"
trigger=
"hover"
>
<template
#
content
>
{{
data
.
ruleName
}}
</
template
>
<span
:class=
"[data.ruleName == '非编码问题' ? 'spans' : '']"
>
{{ data.ruleName }}
</span>
</el-tooltip>
</div>
</span>
</template>
</el-tree>
</div>
<div
class=
"outseeQualityControl_box_Content_right_bottom_tree"
v-show=
"!isleftcodeShow"
>
<el-tree
:data=
"rightdepartmentTree"
:props=
"defaultProps"
:default-expand-all=
"false"
ref=
"tree"
node-key=
"id"
@
node-click=
"handleNodeClick"
v-show=
"!isnodataShow"
>
<
template
#
default=
"{ node, data }"
>
<span
class=
"custom-tree-node"
>
<div
class=
"leftbox"
:class=
"[data.ruleName != '编码问题' ? 'leftboxs' : '']"
>
<el-tooltip
placement=
"bottom"
trigger=
"hover"
>
<template
#
content
>
{{
data
.
ruleName
}}
</
template
>
<span
:class=
"[data.ruleName == '编码问题' ? 'spans' : '']"
>
{{ data.ruleName }}
</span>
</el-tooltip>
</div>
</span>
</template>
</el-tree>
<div
class=
"outseeQualityControl_box_Content_right_bottom_tree_nodata"
v-show=
"isnodataShow"
>
<img
class=
"outseeQualityControl_box_Content_right_bottom_tree_nodata_img"
src=
"../assets/img/mininodata.png"
alt=
""
/>
<div
class=
"outseeQualityControl_box_Content_right_bottom_tree_nodata_text"
>
暂无数据
</div>
</div>
</div>
</div>
</div>
</span>
</template>
</el-tree>
<div
class=
"
outseeQualityControl_box_Content_right_bottom_tree_nodata
"
v-show=
"isnodataShow"
>
<img
class=
"
outseeQualityControl_box_Content_right_bottom_tree_nodata_img
"
src=
"../assets/img/mininodata.png"
alt=
""
/>
<div
class=
"
outseeQualityControl_box_Content_right_bottom_tree_nodata_text
"
>
暂无数据
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</template>
<
script
>
<
script
>
import
http
from
"../utils/http"
;
import
http
from
"../utils/http"
;
import
{
import
{
reactive
,
toRefs
,
onMounted
,
nextTick
,
computed
}
from
"@vue/composition-api"
;
reactive
,
toRefs
,
onMounted
,
nextTick
,
computed
,
}
from
"@vue/composition-api"
;
import
medicalRecordHomepage
from
"../components/medicalRecordHomepage/index.vue"
;
import
medicalRecordHomepage
from
"../components/medicalRecordHomepage/index.vue"
;
import
{
useRoute
,
useRouter
}
from
"../utils/useVueRouter"
;
import
{
useRoute
,
useRouter
}
from
"../utils/useVueRouter"
;
import
$
from
"jquery"
;
import
$
from
"jquery"
;
import
{
setItem
,
getItem
}
from
"../utils/auth"
;
import
{
setItem
,
getItem
}
from
"../utils/auth"
;
import
{
Message
,
Loading
}
from
"element-ui"
;
import
{
Message
,
Loading
}
from
"element-ui"
;
export
default
{
export
default
{
components
:
{
components
:
{
medicalRecordHomepage
,
medicalRecordHomepage
,
},
},
name
:
"outseeQualityControl"
,
name
:
"outseeQualityControl"
,
setup
()
{
setup
()
{
let
state
=
reactive
({
let
state
=
reactive
({
medicalrecord
:
null
,
medicalrecord
:
null
,
ScoringDetails
:
null
,
ScoringDetails
:
null
,
caseHistoryScoreData
:
null
,
caseHistoryScoreData
:
null
,
departmentTree
:
[],
//非编码问题数据
departmentTree
:
[],
//非编码问题数据
rightdepartmentTree
:
[],
//编码问题数据
rightdepartmentTree
:
[],
//编码问题数据
isleftcodeShow
:
true
,
//非编码问题数据是否显示
isleftcodeShow
:
true
,
//非编码问题数据是否显示
defaultProps
:
{
defaultProps
:
{
children
:
"rulesLists"
,
children
:
"rulesLists"
,
label
:
"ruleName"
,
label
:
"ruleName"
,
},
},
clicktitle
:
""
,
clicktitle
:
""
,
fruleCount
:
""
,
//非编码问题数据条数
fruleCount
:
""
,
//非编码问题数据条数
ruleCount
:
""
,
//编码问题数据条数
ruleCount
:
""
,
//编码问题数据条数
isnodataShow
:
false
,
//编码是否有数据,
isnodataShow
:
false
,
//编码是否有数据,
inhtml
:
""
,
inhtml
:
""
,
splithtml
:
""
,
//
splithtml
:
""
,
//
splithtml2
:
""
,
//单位电话
splithtml2
:
""
,
//单位电话
splithtml3
:
""
,
//病房
splithtml3
:
""
,
//病房
keys
:
[],
//获取所有的问卷key
keys
:
[],
//获取所有的问卷key
values
:
[],
//
values
:
[],
//
});
var
route
=
useRoute
();
onMounted
(()
=>
{
console
.
log
(
route
.
value
);
});
//同步数据
const
getSynchronous
=
(
id
)
=>
{
http
.
post
(
`/medical/get/Synchronization?id=
${
route
.
value
.
query
.
id
}
`
)
.
then
((
data
)
=>
{
Message
.
success
(
data
.
message
);
})
.
catch
((
error
)
=>
{
Message
.
error
(
error
);
});
});
};
var
route
=
useRoute
();
//获取到点击的值
const
handleNodeClick
=
(
data
)
=>
{
onMounted
(()
=>
{
let
arr
=
document
.
getElementsByClassName
(
data
.
columnName
);
console
.
log
(
route
.
value
);
let
dom
=
$
(
"#medicalRecord"
).
find
(
"#clickColor"
);
if
(
dom
.
length
!=
0
)
{
dom
.
removeAttr
(
"id"
);
}
arr
[
0
].
setAttribute
(
"id"
,
"clickColor"
);
scrollTop
();
};
function
scrollTop
()
{
if
(
$
(
"#clickColor"
).
position
())
{
$
(
".outseeQualityControl_box_Content_left"
).
animate
(
{
scrollTop
:
$
(
"#clickColor"
).
offset
().
top
-
$
(
".outseeQualityControl_box_Content_left"
).
offset
().
top
+
$
(
".outseeQualityControl_box_Content_left"
).
scrollTop
()
-
300
,
},
500
);
}
}
const
loadingOption1
=
{
// 加载loading
fullscreen
:
true
,
text
:
"正在加载..."
,
spinner
:
"el-icon-loading"
,
background
:
"rgba(0, 0, 0, 0.5)"
,
};
//获取患者基本信息树形数据
function
getScoringDetails
(
id
)
{
var
loadingInstance1
=
Loading
.
service
(
loadingOption1
);
http
.
post
(
`/medical/get/GetCaseHisRule?id=
${
id
}
`
,
{})
.
then
((
data
)
=>
{
state
.
departmentTree
=
data
[
0
].
rulesLists
;
state
.
rightdepartmentTree
=
data
[
1
].
rulesLists
;
state
.
fruleCount
=
data
[
0
].
ruleCount
;
state
.
ruleCount
=
data
[
1
].
ruleCount
;
if
(
state
.
fruleCount
==
0
||
state
.
ruleCount
==
0
)
{
state
.
isnodataShow
=
true
;
}
loadingInstance1
.
close
();
})
.
catch
((
error
)
=>
{
loadingInstance1
.
close
();
});
});
}
// 获取病案首页数据
//同步数据
function
getHomePage
(
id
)
{
const
getSynchronous
=
(
id
)
=>
{
http
.
post
(
`/medical/get/Synchronization?id=
${
route
.
value
.
query
.
id
}
`
)
http
.
then
((
data
)
=>
{
.
post
(
`/medical/Get/HomeHisPage?id=
${
id
}
`
,
{})
Message
.
success
(
data
.
message
);
.
then
((
data
)
=>
{
})
state
.
medicalrecord
=
data
;
.
catch
((
error
)
=>
{
state
.
keys
=
Object
.
keys
(
data
);
Message
.
error
(
error
);
})
});
.
catch
((
error
)
=>
{});
};
}
//获取到点击的值
const
handleNodeClick
=
(
data
)
=>
{
//点击非编码问题
let
arr
=
document
.
getElementsByClassName
(
data
.
columnName
);
const
leftcode
=
()
=>
{
let
dom
=
$
(
"#medicalRecord"
).
find
(
"#clickColor"
);
state
.
isleftcodeShow
=
true
;
if
(
dom
.
length
!=
0
)
{
};
dom
.
removeAttr
(
"id"
);
//点击编码问题
}
const
rightcode
=
()
=>
{
state
.
isleftcodeShow
=
false
;
arr
[
0
].
setAttribute
(
"id"
,
"clickColor"
);
};
scrollTop
();
onMounted
(()
=>
{
};
if
(
route
.
value
.
query
.
id
)
{
getScoringDetails
(
route
.
value
.
query
.
id
);
function
scrollTop
()
{
getHomePage
(
route
.
value
.
query
.
id
);
if
(
$
(
"#clickColor"
).
position
())
{
$
(
".outseeQualityControl_box_Content_left"
).
animate
(
setItem
(
"outpid"
,
route
.
value
.
query
.
id
);
{
}
scrollTop
:
});
$
(
"#clickColor"
).
offset
().
top
-
$
(
".outseeQualityControl_box_Content_left"
).
offset
().
top
+
return
{
$
(
".outseeQualityControl_box_Content_left"
).
scrollTop
()
-
...
toRefs
(
state
),
300
,
handleNodeClick
,
},
leftcode
,
500
rightcode
,
);
getSynchronous
,
}
};
}
},
const
loadingOption1
=
{
// 加载loading
fullscreen
:
true
,
text
:
"正在加载..."
,
spinner
:
"el-icon-loading"
,
background
:
"rgba(0, 0, 0, 0.5)"
,
};
//获取患者基本信息树形数据
function
getScoringDetails
(
id
)
{
var
loadingInstance1
=
Loading
.
service
(
loadingOption1
);
http
.
post
(
`/medical/get/GetCaseHisRule?id=
${
id
}
`
,
{})
.
then
((
data
)
=>
{
state
.
departmentTree
=
data
[
0
].
rulesLists
;
state
.
rightdepartmentTree
=
data
[
1
].
rulesLists
;
state
.
fruleCount
=
data
[
0
].
ruleCount
;
state
.
ruleCount
=
data
[
1
].
ruleCount
;
if
(
state
.
fruleCount
==
0
||
state
.
ruleCount
==
0
)
{
state
.
isnodataShow
=
true
;
}
loadingInstance1
.
close
();
})
.
catch
((
error
)
=>
{
loadingInstance1
.
close
();
});
}
// 获取病案首页数据
function
getHomePage
(
id
)
{
http
.
post
(
`/medical/Get/HomeHisPage?id=
${
id
}
`
,
{})
.
then
((
data
)
=>
{
state
.
medicalrecord
=
data
;
state
.
keys
=
Object
.
keys
(
data
);
})
.
catch
((
error
)
=>
{});
}
//点击非编码问题
const
leftcode
=
()
=>
{
state
.
isleftcodeShow
=
true
;
};
//点击编码问题
const
rightcode
=
()
=>
{
state
.
isleftcodeShow
=
false
;
};
onMounted
(()
=>
{
if
(
route
.
value
.
query
.
id
)
{
getScoringDetails
(
route
.
value
.
query
.
id
);
getHomePage
(
route
.
value
.
query
.
id
);
setItem
(
"outpid"
,
route
.
value
.
query
.
id
);
}
});
return
{
...
toRefs
(
state
),
handleNodeClick
,
leftcode
,
rightcode
,
getSynchronous
,
};
},
};
};
</
script
>
</
script
>
<
style
lang=
"scss"
>
<
style
lang=
"scss"
>
//
@import
'../styles/mixin.scss'
;
//
@import
'../styles/mixin.scss'
;
//
@import
'styles/media/components/outseeQualityControl.scss'
;
//
@import
'styles/media/components/outseeQualityControl.scss'
;
.outseeQualityControl
{
.outseeQualityControl
{
height
:
96%
;
height
:
96%
;
background-color
:
white
;
background-color
:
white
;
padding
:
20px
;
padding
:
20px
;
overflow
:
hidden
;
overflow
:
hidden
;
position
:
relative
;
position
:
relative
;
#clickColor
{
#clickColor
{
background-color
:
#f3bf18
;
background-color
:
#f3bf18
;
}
&
_box
{
height
:
100%
;
width
:
100%
;
background-color
:
#f3fafd
;
padding
:
10px
;
&_btn
{
width
:
100%
;
display
:
flex
;
justify-content
:
flex-end
;
margin-bottom
:
10px
;
&_button{
background-color
:
#2cabe3
;
color
:
#fff
;
}
}
&
_header
{
height
:
r
(
25
,
1920
);
background
:
url("../assets/img/dataMaintenance/title.png")
no-repeat
;
background-size
:
100%
100%
;
width
:
100%
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
flex-start
;
align-items
:
center
;
&_text
{
font-size
:
13px
;
font-family
:
PingFang
SC
;
font-weight
:
500
;
color
:
#ffffff
;
margin-left
:
15px
;
}
}
}
&
_Content
{
&
_box
{
display
:
flex
;
height
:
100%
;
flex-direction
:
row
;
width
:
100%
;
height
:
95%
;
background-color
:
#f3fafd
;
width
:
100%
;
justify-content
:
space-between
;
align-items
:
center
;
align-content
:
center
;
flex-wrap
:
nowrap
;
margin-top
:
10px
;
&_left
{
padding
:
10px
;
width
:
65%
;
background-color
:
#ffffff
;
height
:
900px
;
padding
:
0
8%
;
&_btn
{
width
:
100%
;
overflow
:
auto
;
overflow-x
:
hidden
;
}
&
_right
{
width
:
34%
;
height
:
900px
;
display
:
flex
;
flex-direction
:
column
;
flex-wrap
:
nowrap
;
justify-content
:
space-between
;
align-items
:
center
;
&_top
{
background
:
#ffffff
;
border-radius
:
8px
;
height
:
16%
;
width
:
100%
;
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
nowrap
;
align-content
:
center
;
justify-content
:
space-around
;
align-items
:
center
;
//
padding
:
3%
10%
;
&_left
{
flex
:
1
;
height
:
45%
;
border-radius
:
8px
;
background-image
:
url("../assets/img/BG.png")
;
background-repeat
:
no-repeat
;
background-position
:
center
;
display
:
flex
;
display
:
flex
;
justify-content
:
flex-end
;
&_div1
{
margin-bottom
:
10px
;
flex
:
1
;
&_button
{
display
:
flex
;
background-color
:
#2cabe3
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
82px
;
height
:
53px
;
}
}
&
_div2
{
flex
:
1
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
&_span1
{
color
:
#fff
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span2
{
color
:
#fff
;
color
:
#fff
;
font-size
:
16px
;
font-weight
:
500
;
}
&
_span11
{
color
:
#2cabe3
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span22
{
color
:
#2cabe3
;
font-size
:
16px
;
font-weight
:
500
;
}
}
.leftblue
{
color
:
#2cabe3
;
}
}
&
_left11
{
flex
:
1
;
height
:
45%
;
border-radius
:
8px
;
background-color
:
#fff
;
background-repeat
:
no-repeat
;
background-position
:
center
;
display
:
flex
;
&_div1
{
flex
:
1
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
82px
;
height
:
63px
;
}
}
}
}
&
_div2
{
&
_header
{
flex
:
1
;
height
:
r
(
25
,
1920
);
display
:
flex
;
background
:
url("../assets/img/dataMaintenance/title.png")
no-repeat
;
flex-direction
:
column
;
background-size
:
100%
100%
;
justify-content
:
center
;
align-items
:
center
;
&_span1
{
color
:
#fff
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span2
{
color
:
#fff
;
font-size
:
16px
;
font-weight
:
500
;
}
&
_span11
{
color
:
#2cabe3
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span22
{
color
:
#2cabe3
;
font-size
:
16px
;
font-weight
:
500
;
}
}
.leftblue
{
color
:
#2cabe3
;
}
}
&
_right
{
height
:
45%
;
flex
:
1
;
border-radius
:
8px
;
display
:
flex
;
&_div1
{
flex
:
1
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
82px
;
height
:
53px
;
}
}
&
_div2
{
flex
:
1
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
&_span1
{
color
:
#2cabe3
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span2
{
color
:
#2cabe3
;
font-size
:
16px
;
font-weight
:
500
;
}
&
_span11
{
color
:
white
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span22
{
width
:
100%
;
color
:
white
;
font-size
:
16px
;
font-weight
:
500
;
}
}
}
&
_right11
{
flex
:
1
;
height
:
45%
;
border-radius
:
8px
;
background-image
:
url("../assets/img/BG.png")
;
background-repeat
:
no-repeat
;
background-position
:
center
;
display
:
flex
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
flex-start
;
align-items
:
center
;
&_div1
{
&_text
{
flex
:
1
;
font-size
:
13px
;
display
:
flex
;
font-family
:
PingFang
SC
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
82px
;
height
:
53px
;
}
}
&
_div2
{
flex
:
1
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
&_span1
{
color
:
#2cabe3
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span2
{
color
:
#2cabe3
;
font-size
:
16px
;
font-weight
:
500
;
font-weight
:
500
;
}
color
:
#ffffff
;
margin-left
:
15px
;
}
}
}
}
}
&
_center
{
&
_Content
{
width
:
100%
;
display
:
flex
;
height
:
2%
;
flex-direction
:
row
;
background-color
:
#ffff
;
height
:
95%
;
display
:
flex
;
width
:
100%
;
justify-content
:
space-between
;
&_line
{
align-items
:
center
;
width
:
50%
;
align-content
:
center
;
height
:
30%
;
flex-wrap
:
nowrap
;
border-radius
:
40px
;
background-color
:
#2cabe3
;
margin
:
5px
0
5px
0
;
}
&
_line2
{
width
:
50%
;
height
:
30%
;
border-radius
:
40px
;
background-color
:
#2cabe3
;
margin
:
5px
0
5px
0
;
margin-left
:
50%
;
}
}
&
_bottom
{
background
:
#ffffff
;
border-radius
:
8px
;
height
:
100%
;
width
:
100%
;
padding
:
0
5%
5%
5%
;
&_title
{
font-size
:
14px
;
font-family
:
PingFang
SC
;
font-weight
:
bold
;
color
:
#6a707e
;
line-height
:
40px
;
height
:
10%
;
margin-top
:
10px
;
//
@include
flexLayout;
&_left
{
width
:
65%
;
background-color
:
#ffffff
;
height
:
900px
;
justify-content
:
left
;
padding
:
0
8%
;
}
&
_tree
{
overflow
:
auto
;
.is-leaf
{
overflow-x
:
hidden
;
visibility
:
hidden
;
}
}
height
:
90
%;
&
_right
{
overflow-x
:
hidden
;
width
:
34%
;
height
:
900px
;
display
:
flex
;
flex-direction
:
column
;
flex-wrap
:
nowrap
;
justify-content
:
space-between
;
align-items
:
center
;
&_top
{
background
:
#ffffff
;
border-radius
:
8px
;
height
:
16%
;
width
:
100%
;
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
nowrap
;
align-content
:
center
;
justify-content
:
space-around
;
align-items
:
center
;
.leftboxs
{
//
padding
:
3%
10%
;
border-bottom
:
1px
dashed
#dddddd
;
&_left
{
}
flex
:
1
;
height
:
45%
;
border-radius
:
8px
;
background-image
:
url("../assets/img/BG.png")
;
background-repeat
:
no-repeat
;
background-position
:
center
;
display
:
flex
;
&_div1
{
flex
:
1
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
82px
;
height
:
53px
;
}
}
&
_div2
{
flex
:
1
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
&_span1
{
color
:
#fff
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span2
{
color
:
#fff
;
font-size
:
16px
;
font-weight
:
500
;
}
&
_span11
{
color
:
#2cabe3
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span22
{
color
:
#2cabe3
;
font-size
:
16px
;
font-weight
:
500
;
}
}
.leftblue
{
color
:
#2cabe3
;
}
}
.leftbox
{
&
_left11
{
width
:
100%
;
flex
:
1
;
display
:
flex
;
height
:
45%
;
align-items
:
center
;
border-radius
:
8px
;
height
:
100%
;
background-color
:
#fff
;
overflow
:
hidden
;
background-repeat
:
no-repeat
;
white-space
:
pre-wrap
;
background-position
:
center
;
text-overflow
:
ellipsis
;
display
:
flex
;
span
{
&_div1
{
font-size
:
14px
;
flex
:
1
;
font-family
:
PingFang
SC
;
display
:
flex
;
font-weight
:
400
;
justify-content
:
center
;
line-height
:
22px
;
align-items
:
center
;
text-align
:
start
;
overflow
:
hidden
;
img
{
width
:
92%
;
width
:
82px
;
white-space
:
nowrap
;
height
:
63px
;
text-overflow
:
ellipsis
;
}
}
}
.spans
{
&
_div2
{
color
:
#2cabe3
;
flex
:
1
;
font-weight
:
500
;
display
:
flex
;
}
flex-direction
:
column
;
}
justify-content
:
center
;
align-items
:
center
;
&_span1
{
color
:
#fff
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span2
{
color
:
#fff
;
font-size
:
16px
;
font-weight
:
500
;
}
&
_span11
{
color
:
#2cabe3
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span22
{
color
:
#2cabe3
;
font-size
:
16px
;
font-weight
:
500
;
}
}
.leftblue
{
color
:
#2cabe3
;
}
}
._score
{
&
_right
{
font-size
:
13px
;
height
:
45%
;
font-family
:
PingFang
SC
;
flex
:
1
;
font-weight
:
400
;
border-radius
:
8px
;
color
:
#ff3333
;
display
:
flex
;
line-height
:
22px
;
&_div1
{
flex
:
1
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
82px
;
height
:
53px
;
}
}
&
_div2
{
flex
:
1
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
&_span1
{
color
:
#2cabe3
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span2
{
color
:
#2cabe3
;
font-size
:
16px
;
font-weight
:
500
;
}
&
_span11
{
color
:
white
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span22
{
color
:
white
;
font-size
:
16px
;
font-weight
:
500
;
}
}
}
width
:
50%
;
&
_right11
{
flex
:
1
;
height
:
45%
;
border-radius
:
8px
;
background-image
:
url("../assets/img/BG.png")
;
background-repeat
:
no-repeat
;
background-position
:
center
;
display
:
flex
;
&_div1
{
flex
:
1
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
82px
;
height
:
53px
;
}
}
&
_div2
{
flex
:
1
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
&_span1
{
color
:
#2cabe3
;
font-size
:
26px
;
font-weight
:
700
;
}
&
_span2
{
color
:
#2cabe3
;
font-size
:
16px
;
font-weight
:
500
;
}
}
}
}
display
:
flex
;
&
_center
{
flex-direction
:
row
;
width
:
100%
;
justify-content
:
flex-end
;
height
:
2%
;
padding-right
:
5%
;
background-color
:
#ffff
;
display
:
flex
;
span
{
&_line
{
color
:
rgba
(
106
,
112
,
126
,
1
);
width
:
50%
;
}
height
:
30%
;
}
border-radius
:
40px
;
background-color
:
#2cabe3
;
margin
:
5px
0
5px
0
;
}
.el-tree
{
&
_line2
{
width
:
98%
;
width
:
50%
;
height
:
85px
;
height
:
30%
;
border-radius
:
40px
;
background-color
:
#2cabe3
;
margin
:
5px
0
5px
0
;
margin-left
:
50%
;
}
}
.el-tree-node__content
{
&
_bottom
{
height
:
85px
;
background
:
#ffffff
;
}
border-radius
:
8px
;
height
:
100%
;
width
:
100%
;
padding
:
0
5%
5%
5%
;
.el-tree-node.is-current
>
.el-tree-node__content
{
&_title
{
height
:
85px
;
font-size
:
14px
;
font-family
:
PingFang
SC
;
font-weight
:
bold
;
color
:
#6a707e
;
line-height
:
40px
;
/* background: #5fc3f0; */
height
:
10%
;
.custom-tree-node
{
//
@include
flexLayout;
.leftbox
{
width
:
100%
;
display
:
flex
;
align-items
:
center
;
height
:
100%
;
span
{
justify-content
:
left
;
font-size
:
14px
;
font-family
:
PingFang
SC
;
font-weight
:
400
;
line-height
:
22px
;
text-align
:
start
;
}
}
}
._score
{
&
_tree
{
font-size
:
13px
;
.is-leaf
{
font-family
:
PingFang
SC
;
visibility
:
hidden
;
font-weight
:
400
;
}
line-height
:
22px
;
height
:
90
%;
}
overflow-x
:
hidden
;
.leftboxs
{
border-bottom
:
1px
dashed
#dddddd
;
}
.leftbox
{
width
:
100%
;
display
:
flex
;
align-items
:
center
;
height
:
100%
;
overflow
:
hidden
;
white-space
:
pre-wrap
;
text-overflow
:
ellipsis
;
span
{
font-size
:
14px
;
font-family
:
PingFang
SC
;
font-weight
:
400
;
line-height
:
22px
;
text-align
:
start
;
overflow
:
hidden
;
width
:
92%
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
}
.spans
{
color
:
#2cabe3
;
font-weight
:
500
;
}
}
._score
{
font-size
:
13px
;
font-family
:
PingFang
SC
;
font-weight
:
400
;
color
:
#ff3333
;
line-height
:
22px
;
width
:
50%
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
flex-end
;
padding-right
:
5%
;
span
{
color
:
rgba
(
106
,
112
,
126
,
1
);
}
}
.el-tree
{
width
:
98%
;
height
:
85px
;
.el-tree-node__content
{
height
:
85px
;
}
.el-tree-node.is-current
>
.el-tree-node__content
{
height
:
85px
;
/* background: #5fc3f0; */
.custom-tree-node
{
.leftbox
{
width
:
100%
;
display
:
flex
;
align-items
:
center
;
height
:
100%
;
span
{
font-size
:
14px
;
font-family
:
PingFang
SC
;
font-weight
:
400
;
line-height
:
22px
;
text-align
:
start
;
}
}
._score
{
font-size
:
13px
;
font-family
:
PingFang
SC
;
font-weight
:
400
;
line-height
:
22px
;
}
}
}
}
.el-tree-node
{
white-space
:
initial
;
}
&
_nodata
{
height
:
80%
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
&_img
{
width
:
80px
;
height
:
80px
;
}
&
_text
{
color
:
#abafb3
;
font-family
:
PingFang
SC
;
font-size
:
14px
;
}
}
}
}
}
}
}
}
}
}
.el-tree-node
{
.custom-tree-node
{
white-space
:
initial
;
width
:
100%
;
}
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
nowrap
;
align-content
:
center
;
justify-content
:
space-between
;
align-items
:
center
;
height
:
100%
;
}
.el-tree
>
.el-tree-node
{
//父级加下滑线
//
border-bottom
:
1px
dashed
#dddddd
;
}
&
_nodata
{
//
修改三角
icon
样式
height
:
80%
;
.el-icon-caret-right
{
display
:
flex
;
font-size
:
18px
;
flex-direction
:
column
;
color
:
#e4e4e4
;
justify-content
:
center
;
}
align-items
:
center
;
&_img
{
.el-tree-node__content
.el-tree-node__label
{
width
:
80px
;
//子集字体小一号
height
:
80px
;
font-size
:
14
;
}
font-family
:
PingFang
SC
;
font-weight
:
400
;
line-height
:
22px
;
}
&
_text
{
.el-tree-node__children
.el-tree-node__label
{
color
:
#abafb3
;
//子集字体小一号
font-family
:
PingFang
SC
;
font-size
:
14px
;
font-size
:
12px
;
}
font-family
:
PingFang
SC
;
}
font-weight
:
400
;
}
line-height
:
22px
;
}
}
}
}
}
.custom-tree-node
{
width
:
100%
;
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
nowrap
;
align-content
:
center
;
justify-content
:
space-between
;
align-items
:
center
;
height
:
100%
;
}
.el-tree
>
.el-tree-node
{
//父级加下滑线
//
border-bottom
:
1px
dashed
#dddddd
;
}
//
修改三角
icon
样式
.el-icon-caret-right
{
font-size
:
18px
;
color
:
#e4e4e4
;
}
.el-tree-node__content
.el-tree-node__label
{
//子集字体小一号
font-size
:
14
;
font-family
:
PingFang
SC
;
font-weight
:
400
;
line-height
:
22px
;
}
.el-tree-node__children
.el-tree-node__label
{
//子集字体小一号
font-size
:
12px
;
font-family
:
PingFang
SC
;
font-weight
:
400
;
line-height
:
22px
;
}
}
}
</
style
>
</
style
>
src/views/test.vue
View file @
8f72a377
...
@@ -95,64 +95,75 @@
...
@@ -95,64 +95,75 @@
<el-radio
:label=
"2"
>
临时医嘱
</el-radio>
<el-radio
:label=
"2"
>
临时医嘱
</el-radio>
</el-radio-group>
</el-radio-group>
</div>
</div>
<el-form
ref=
"tableDataform"
:model=
"tableDataform"
>
<el-table
<el-table
ref=
"multipleTable"
ref=
"multipleTable"
row-key=
"id"
row-key=
"id"
:data=
"tableData"
:data=
"tableDataform.tableData"
height=
"100%"
height=
"100%"
style=
"width: 100%"
style=
"width: 100%"
:tree-props=
"{ children: 'children', hasChildren: 'hasChildren' }"
:tree-props=
"{ children: 'children', hasChildren: 'hasChildren' }"
:select-on-indeterminate=
"true"
:select-on-indeterminate=
"true"
@
selection-change=
"SelectionChange"
@
selection-change=
"SelectionChange"
@
select-all=
"selectAll"
@
select-all=
"selectAll"
@
select=
"select"
@
select=
"select"
default-expand-all
default-expand-all
size=
"mini"
size=
"mini"
:row-class-name=
"rowClass"
:row-class-name=
"rowClass"
>
>
<el-table-column
type=
"selection"
:selectable=
"selectEnable"
width=
"50"
/>
<el-table-column
type=
"selection"
:selectable=
"selectEnable"
width=
"50"
/>
<el-table-column
show-overflow-tooltip
property=
"advice_name"
label=
"路径名称"
width=
"130"
/>
<el-table-column
show-overflow-tooltip
property=
"advice_name"
label=
"路径名称"
width=
"130"
/>
<el-table-column
show-overflow-tooltip
property=
"tickTime"
label=
"当前时间"
width=
"145"
>
<el-table-column
show-overflow-tooltip
property=
"tickTime"
label=
"当前时间"
width=
"145"
>
<
template
#
default=
"scope"
>
<
template
#
default=
"scope"
>
<span
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
{{
scope
.
row
.
tickTime
}}
</span>
<span
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
{{
scope
.
row
.
tickTime
}}
</span>
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
show-overflow-tooltip
property=
"isSkin"
label=
"是否皮试"
width=
"110"
>
<el-table-column
show-overflow-tooltip
property=
"orderType"
label=
"类型"
width=
"50"
>
<
template
#
default=
"scope"
>
<
template
#
default=
"scope"
>
<template
v-if=
"scope.row.orderType == '药疗' && scope.row.isnew"
>
<div
v-if=
"scope.row.orderType == '药疗'"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType && scope.row.isSkinCheck == 1"
>
<i
<el-select
size=
"mini"
v-model=
"scope.row.isSkin"
>
@
click
.
prevent=
"addRow(scope.row)"
<el-option
v-for=
"item in isSkinoptions"
:key=
"item.label"
:label=
"item.label"
:value=
"item.value"
>
</el-option>
v-if=
"scope.row.ischeck == 1 && !scope.row.isnew && scope.row.orderType && scope.row.isAdd"
</el-select>
class=
"el-icon-circle-plus-outline"
</
template
>
style=
"font-size: 14px; color: #0283bb; margin-right: 3px; cursor: pointer"
<!-- <div v-else>{{ scope.row.isSkin == 1 ? "是" : "否" }}</div> -->
></i>
<i
@
click
.
prevent=
"deleteRow(scope.row, tableData)"
v-if=
"scope.row.ischeck == 1 && scope.row.isnew && scope.row.orderType"
class=
"el-icon-remove-outline"
style=
"font-size: 14px; color: #ff0000; margin-right: 3px; cursor: pointer"
></i
>
{{
scope
.
row
.
orderType
}}
</div>
<div
v-else
>
{{
scope
.
row
.
orderType
}}
</div>
</template>
</template>
</el-table-column>
</template>
<el-table-column
show-overflow-tooltip
property=
"project_name"
label=
"医院项目名称"
width=
"200"
>
</el-table-column>
<
template
#
default=
"scope"
>
<el-table-column
show-overflow-tooltip
property=
"orderType"
label=
"类型"
width=
"50"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.isnew && scope.row.orderType"
>
<
template
#
default=
"scope"
>
<el-popover
placement=
"bottom"
width=
"1000"
height=
"600"
trigger=
"focus"
v-model=
"scope.row.isPop"
>
<div
v-if=
"scope.row.orderType == '药疗'"
>
<el-table
:data=
"gridData"
@
row-dblclick=
"rowdblclick"
max-height=
"400"
size=
"mini"
style=
"width: 100%"
row-key=
"id"
>
<i
<el-table-column
width=
"80"
property=
"orderType"
label=
"类型"
></el-table-column>
@
click
.
prevent=
"addRow(scope.row)"
<el-table-column
show-overflow-tooltip
width=
"200"
property=
"project_name"
label=
"医嘱名称"
></el-table-column>
v-if=
"scope.row.ischeck == 1 && !scope.row.isnew && scope.row.orderType && scope.row.isAdd"
<el-table-column
show-overflow-tooltip
width=
"100"
property=
"specifications"
label=
"规格说明"
></el-table-column>
class=
"el-icon-circle-plus-outline"
<el-table-column
show-overflow-tooltip
width=
"100"
property=
"dosage"
label=
"药品剂型"
></el-table-column>
style=
"font-size: 14px; color: #0283bb; margin-right: 3px; cursor: pointer"
<el-table-column
show-overflow-tooltip
width=
"100"
property=
"isAntibiotic"
label=
"抗生素"
></el-table-column>
></i>
<!--
<el-table-column
show-overflow-tooltip
width=
"135"
property=
"medicalPurpose"
label=
"用药目的"
></el-table-column>
-->
<i
<el-table-column
show-overflow-tooltip
width=
"80"
property=
"medicUseQuantity"
label=
"用量"
></el-table-column>
@
click
.
prevent=
"deleteRow(scope.row, tableData)"
<el-table-column
show-overflow-tooltip
width=
"80"
property=
"medicUseUnit"
label=
"单位"
></el-table-column>
v-if=
"scope.row.ischeck == 1 && scope.row.isnew && scope.row.orderType"
<el-table-column
show-overflow-tooltip
width=
"110"
property=
"inventoryNum"
label=
"可用数量"
></el-table-column>
class=
"el-icon-remove-outline"
<!--
<el-table-column
show-overflow-tooltip
width=
"110"
property=
"medicUsePlan"
label=
"频率"
></el-table-column>
style=
"font-size: 14px; color: #ff0000; margin-right: 3px; cursor: pointer"
></i
>
{{
scope
.
row
.
orderType
}}
</div>
<div
v-else
>
{{
scope
.
row
.
orderType
}}
</div>
</
template
>
</el-table-column>
<el-table-column
show-overflow-tooltip
property=
"project_name"
label=
"医院项目名称"
width=
"200"
>
<
template
#
default=
"scope"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.isnew && scope.row.orderType"
>
<el-popover
placement=
"bottom"
width=
"1000"
height=
"600"
trigger=
"focus"
v-model=
"scope.row.isPop"
>
<el-table
:data=
"gridData"
@
row-dblclick=
"rowdblclick"
max-height=
"400"
size=
"mini"
style=
"width: 100%"
row-key=
"id"
>
<el-table-column
width=
"80"
property=
"orderType"
label=
"类型"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"200"
property=
"project_name"
label=
"医嘱名称"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"100"
property=
"specifications"
label=
"规格说明"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"100"
property=
"dosage"
label=
"药品剂型"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"100"
property=
"isAntibiotic"
label=
"抗生素"
></el-table-column>
<!--
<el-table-column
show-overflow-tooltip
width=
"135"
property=
"medicalPurpose"
label=
"用药目的"
></el-table-column>
-->
<el-table-column
show-overflow-tooltip
width=
"80"
property=
"medicUseQuantity"
label=
"用量"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"80"
property=
"medicUseUnit"
label=
"单位"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"110"
property=
"inventoryNum"
label=
"可用数量"
></el-table-column>
<!--
<el-table-column
show-overflow-tooltip
width=
"110"
property=
"medicUsePlan"
label=
"频率"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"60"
property=
"dropNumber"
label=
"滴数"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"60"
property=
"dropNumber"
label=
"滴数"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"80"
property=
"medicQuantity"
label=
"用药总量"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"80"
property=
"medicQuantity"
label=
"用药总量"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"60"
property=
"medicUnit"
label=
"单位"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"60"
property=
"medicUnit"
label=
"单位"
></el-table-column>
...
@@ -160,73 +171,129 @@
...
@@ -160,73 +171,129 @@
<el-table-column
show-overflow-tooltip
width=
"150"
property=
"description"
label=
"诊断描述"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"150"
property=
"description"
label=
"诊断描述"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"150"
property=
"symptom"
label=
"症状及体征"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"150"
property=
"symptom"
label=
"症状及体征"
></el-table-column>
<el-table-column
show-overflow-tooltip
width=
"85"
property=
"emergency"
label=
"急诊"
></el-table-column>
-->
<el-table-column
show-overflow-tooltip
width=
"85"
property=
"emergency"
label=
"急诊"
></el-table-column>
-->
</el-table>
</el-table>
<el-input
<el-input
slot=
"reference"
slot=
"reference"
placeholder=
"请输入"
placeholder=
"请输入"
v-model=
"scope.row.project_name"
v-model=
"scope.row.project_name"
@
focus=
"onfocus(scope.row, $event)"
@
focus=
"onfocus(scope.row, $event)"
@
input=
"onInput(scope.row, $event)"
@
input=
"onInput(scope.row, $event)"
></el-input>
></el-input>
</el-popover>
</el-popover>
</
template
>
<span
v-else
>
{{ scope.row.project_name }}
</span>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
property=
"specifications"
label=
"规格说明"
width=
"80"
/>
<el-table-column
show-overflow-tooltip
property=
"dosage"
label=
"药品剂型"
width=
"70"
/>
<el-table-column
show-overflow-tooltip
property=
"isAntibiotic"
label=
"抗生素"
width=
"85"
>
<
template
#
default=
"scope"
>
<el-select
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
size=
"mini"
v-model=
"scope.row.isAntibiotic"
>
<el-option
v-for=
"item in chargeTypeoptions"
:key=
"item.label"
:label=
"item.label"
:value=
"item.label"
>
</el-option>
</el-select>
<span
v-else
>
{{
scope
.
row
.
isAntibiotic
}}
</span>
</
template
>
</
template
>
</el-table-column>
<el-table-column
show-overflow-tooltip
property=
"medicalPurpose"
label=
"用药目的"
width=
"135"
>
<span
v-else
>
{{ scope.row.project_name }}
</span>
<
template
#
default=
"scope"
>
</template>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
</el-table-column>
<template
v-if=
"scope.row.isAntibiotic == '是' && scope.row.orderType == '药疗'"
>
<el-table-column
show-overflow-tooltip
property=
"specifications"
label=
"规格说明"
width=
"80"
/>
<el-form-item
prop=
"medicalPurpose"
:rules=
"[
{ required: true, message: '请选择' }]">
<el-table-column
show-overflow-tooltip
property=
"dosage"
label=
"药品剂型"
width=
"70"
/>
<el-table-column
show-overflow-tooltip
property=
"isAntibiotic"
label=
"抗生素"
width=
"110"
>
<
template
#
default=
"scope"
>
<el-select
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
size=
"mini"
v-model=
"scope.row.isAntibiotic"
>
<el-option
v-for=
"item in chargeTypeoptions"
:key=
"item.label"
:label=
"item.label"
:value=
"item.label"
>
</el-option>
</el-select>
<span
v-else
>
{{
scope
.
row
.
isAntibiotic
}}
</span>
</
template
>
</el-table-column>
<el-table-column
show-overflow-tooltip
property=
"medicalPurpose"
label=
"用药目的"
width=
"135"
>
<
template
#
default=
"scope"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<el-form
:model=
"scope.row"
label-width=
"15px"
label-position=
"left"
ref=
"medicalPurpose"
class=
"demo-ruleForm"
>
<el-form-item
prop=
"medicalPurpose"
:rules=
"[
{
required:
scope.row.isSkin == 1
&&
scope.row.orderType == '药疗'
? true
: scope.row.isAntibiotic == '是'
&&
scope.row.orderType == '药疗'
? true
: false,
message: '请选择',
},
]"
>
<template
#
label
>
<span></span></
template
>
<el-select
size=
"mini"
v-model=
"scope.row.medicalPurpose"
>
<el-option
v-for=
"item in medicalPurposeoptions"
:key=
"item.id"
:label=
"item.describe"
:value=
"item.describe"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
<!-- <template v-if="scope.row.isAntibiotic == '是' && scope.row.orderType == '药疗'">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicalPurpose" class="demo-ruleForm">
<el-form-item
prop="medicalPurpose"
:rules="[
{ required: scope.row.isAntibiotic == '是' && scope.row.orderType == '药疗' ? true : false, message: '请选择' },
]"
>
<template #label> <span></span></template>
<template #label> <span></span></template>
<el-select size="mini" v-model="scope.row.medicalPurpose">
<el-select size="mini" v-model="scope.row.medicalPurpose">
<el-option v-for="item in medicalPurposeoptions" :key="item.id" :label="item.describe" :value="item.describe">
<el-option v-for="item in medicalPurposeoptions" :key="item.id" :label="item.describe" :value="item.describe">
</el-option>
</el-option>
</el-select>
</el-select>
</el-form-item>
</el-form-item>
</template>
</el-form>
<
template
v-else
>
<el-select
size=
"mini"
v-model=
"scope.row.medicalPurpose"
>
<el-option
v-for=
"item in medicalPurposeoptions"
:key=
"item.id"
:label=
"item.describe"
:value=
"item.describe"
>
</el-option>
</el-select>
</
template
>
</template>
</template>
<span
v-else
>
{{ scope.row.medicalPurpose }}
</span>
<template v-else>
<el-select size="mini" v-model="scope.row.medicalPurpose">
<el-option v-for="item in medicalPurposeoptions" :key="item.id" :label="item.describe" :value="item.describe">
</el-option>
</el-select>
</template> -->
</template>
</template>
</el-table-column>
<span
v-else
>
{{ scope.row.medicalPurpose }}
</span>
<el-table-column
prop=
"medicUseQuantity"
label=
"用量"
width=
"85"
>
</template>
<
template
#
default=
"scope"
>
</el-table-column>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<el-table-column
prop=
"medicUseQuantity"
label=
"用量"
width=
"85"
>
<template
v-if=
"scope.row.orderType == '药疗'"
>
<
template
#
default=
"scope"
>
<el-form-item
prop=
"medicUseQuantity"
:rules=
"[
{ required: true, message: '请填写' }]">
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<el-form
:model=
"scope.row"
label-width=
"15px"
label-position=
"left"
ref=
"medicUseQuantity"
class=
"demo-ruleForm"
>
<el-form-item
prop=
"medicUseQuantity"
:rules=
"[
{ required: scope.row.orderType == '药疗'
&&
scope.row.isSkin != 1 ? true : false, message: '请填写' }]"
>
<template
#
label
>
<span></span></
template
>
<el-input
v-model=
"scope.row.medicUseQuantity"
@
input=
"setIput(scope.row, $event)"
size=
"mini"
></el-input>
</el-form-item>
</el-form>
<!-- <template v-if="scope.row.orderType == '药疗'">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicUseQuantity" class="demo-ruleForm">
<el-form-item
prop="medicUseQuantity"
:rules="[{ required: scope.row.orderType == '药疗' && scope.row.isSkin == '是' ? true : false, message: '请填写' }]"
>
<template #label> <span></span></template>
<template #label> <span></span></template>
<el-input v-model="scope.row.medicUseQuantity" @input="setIput(scope.row, $event)" size="mini"></el-input>
<el-input v-model="scope.row.medicUseQuantity" @input="setIput(scope.row, $event)" size="mini"></el-input>
</el-form-item>
</el-form-item>
</template>
</el-form>
<
template
v-else
>
<el-input
v-model=
"scope.row.medicUseQuantity"
@
input=
"setIput(scope.row, $event)"
size=
"mini"
></el-input>
</
template
>
</template>
</template>
<span
v-else
>
{{ scope.row.medicUseQuantity }}
</span>
<template v-else>
<el-input v-model="scope.row.medicUseQuantity" @input="setIput(scope.row, $event)" size="mini"></el-input>
</template> -->
</template>
</template>
</el-table-column>
<span
v-else
>
{{ scope.row.medicUseQuantity }}
</span>
<el-table-column
show-overflow-tooltip
property=
"medicUseUnit"
label=
"单位"
width=
"50"
/>
</template>
<el-table-column
show-overflow-tooltip
property=
"medicUseMode"
label=
"途径"
width=
"120"
>
</el-table-column>
<
template
#
default=
"scope"
>
<el-table-column
show-overflow-tooltip
property=
"medicUseUnit"
label=
"单位"
width=
"50"
/>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<el-table-column
show-overflow-tooltip
property=
"medicUseMode"
label=
"途径"
width=
"120"
>
<template
v-if=
"scope.row.orderType == '药疗'"
>
<
template
#
default=
"scope"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<el-form
:model=
"scope.row"
label-width=
"15px"
label-position=
"left"
ref=
"medicUseMode"
class=
"demo-ruleForm"
>
<el-form-item
prop=
"medicUseMode"
:rules=
"[
{ required: scope.row.orderType == '药疗'
&&
scope.row.isSkin != 1 ? true : false, message: '请选择' }]"
>
<template
#
label
>
<span></span></
template
>
<el-select
size=
"mini"
v-model=
"scope.row.medicUseMode"
filterable
remote
:filter-method=
"remoteMethod"
>
<el-option
v-for=
"item in medicUseModeoptions"
:key=
"item.id"
:label=
"item.describe"
:value=
"item.describe"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
<!-- <template v-if="scope.row.orderType == '药疗'">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicUseMode" class="demo-ruleForm">
<el-form-item prop="medicUseMode" :rules="[{ required: true, message: '请选择' }]">
<el-form-item prop="medicUseMode" :rules="[{ required: true, message: '请选择' }]">
<template #label> <span></span></template>
<template #label> <span></span></template>
<el-select size="mini" v-model="scope.row.medicUseMode" filterable remote :filter-method="remoteMethod">
<el-select size="mini" v-model="scope.row.medicUseMode" filterable remote :filter-method="remoteMethod">
...
@@ -234,21 +301,35 @@
...
@@ -234,21 +301,35 @@
</el-option>
</el-option>
</el-select>
</el-select>
</el-form-item>
</el-form-item>
</template>
</el-form>
<
template
v-else
>
<el-select
size=
"mini"
v-model=
"scope.row.medicUseMode"
filterable
remote
:filter-method=
"remoteMethod"
>
<el-option
v-for=
"item in medicUseModeoptions"
:key=
"item.id"
:label=
"item.describe"
:value=
"item.describe"
>
</el-option>
</el-select>
</
template
>
</template>
</template>
<span
v-else
>
{{ scope.row.medicUseMode }}
</span>
<template v-else>
<el-select size="mini" v-model="scope.row.medicUseMode" filterable remote :filter-method="remoteMethod">
<el-option v-for="item in medicUseModeoptions" :key="item.id" :label="item.describe" :value="item.describe">
</el-option>
</el-select>
</template> -->
</template>
</template>
</el-table-column>
<span
v-else
>
{{ scope.row.medicUseMode }}
</span>
<el-table-column
show-overflow-tooltip
property=
"medicUsePlan"
label=
"频率"
width=
"130"
>
</template>
<
template
#
default=
"scope"
>
</el-table-column>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<el-table-column
show-overflow-tooltip
property=
"medicUsePlan"
label=
"频率"
width=
"130"
>
<template
v-if=
"scope.row.orderType == '药疗'"
>
<
template
#
default=
"scope"
>
<template
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
>
<el-form
:model=
"scope.row"
label-width=
"15px"
label-position=
"left"
ref=
"medicUsePlan"
class=
"demo-ruleForm"
>
<el-form-item
prop=
"medicUsePlan"
:rules=
"[
{ required: scope.row.orderType == '药疗'
&&
scope.row.isSkin != 1 ? true : false, message: '请选择' }]"
>
<template
#
label
>
<span></span></
template
>
<el-select
size=
"mini"
v-model=
"scope.row.medicUsePlan"
@
change=
"setIput(scope.row, $event)"
>
<el-option
v-for=
"item in medicUsePlanoptions"
:key=
"item.id"
:label=
"item.describe"
:value=
"item.describe"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
<!-- <template v-if="scope.row.orderType == '药疗'">
<el-form :model="scope.row" label-width="15px" label-position="left" ref="medicUsePlan" class="demo-ruleForm">
<el-form-item prop="medicUsePlan" :rules="[{ required: true, message: '请选择' }]">
<el-form-item prop="medicUsePlan" :rules="[{ required: true, message: '请选择' }]">
<template #label> <span></span></template>
<template #label> <span></span></template>
<el-select size="mini" v-model="scope.row.medicUsePlan" @change="setIput(scope.row, $event)">
<el-select size="mini" v-model="scope.row.medicUsePlan" @change="setIput(scope.row, $event)">
...
@@ -256,56 +337,61 @@
...
@@ -256,56 +337,61 @@
</el-option>
</el-option>
</el-select>
</el-select>
</el-form-item>
</el-form-item>
</template>
</el-form>
<
template
v-else
>
<el-select
size=
"mini"
v-model=
"scope.row.medicUsePlan"
@
change=
"setIput(scope.row, $event)"
>
<el-option
v-for=
"item in medicUsePlanoptions"
:key=
"item.id"
:label=
"item.describe"
:value=
"item.describe"
>
</el-option>
</el-select>
</
template
>
</template>
</template>
<span
v-else
>
{{ scope.row.medicUsePlan }}
</span>
<template v-else>
</template>
<el-select size="mini" v-model="scope.row.medicUsePlan" @change="setIput(scope.row, $event)">
</el-table-column>
<el-option v-for="item in medicUsePlanoptions" :key="item.id" :label="item.describe" :value="item.describe">
<el-table-column
prop=
"dropNumber"
label=
"滴数"
width=
"85"
>
</el-option>
<
template
#
default=
"scope"
>
</el-select>
<el-input
</template> -->
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
v-model=
"scope.row.dropNumber"
size=
"mini"
@
input=
"setIput(scope.row, $event)"
></el-input>
<span
v-else
>
{{
scope
.
row
.
dropNumber
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"medicQuantity"
label=
"用药总量"
width=
"85"
>
<
template
#
default=
"scope"
>
<el-input
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
v-model=
"scope.row.medicQuantity"
size=
"mini"
></el-input>
<span
v-else
>
{{
scope
.
row
.
medicQuantity
}}
</span>
</template>
</template>
</el-table-column>
<span
v-else
>
{{ scope.row.medicUsePlan }}
</span>
<el-table-column
show-overflow-tooltip
property=
"medicUnit"
label=
"单位"
width=
"60"
/>
</template>
<el-table-column
show-overflow-tooltip
property=
"remark"
label=
"嘱托"
width=
"150'"
>
</el-table-column>
<
template
#
default=
"scope"
>
<el-table-column
prop=
"dropNumber"
label=
"滴数"
width=
"85"
>
<el-input
<
template
#
default=
"scope"
>
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
<el-input
v-model=
"scope.row.remark"
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
size=
"mini"
v-model=
"scope.row.dropNumber"
type=
"textarea"
size=
"mini"
:autosize=
"
{ minRows: 2 }"
@
input=
"setIput(scope.row, $event)"
placeholder="请输入内容"
></el-input>
>
</el-input>
<span
v-else
>
{{
scope
.
row
.
dropNumber
}}
</span>
<span
v-else
>
{{
scope
.
row
.
remark
}}
</span>
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"medicQuantity"
label=
"用药总量"
width=
"85"
>
<
template
#
default=
"scope"
>
<el-input
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
v-model=
"scope.row.medicQuantity"
size=
"mini"
></el-input>
<span
v-else
>
{{
scope
.
row
.
medicQuantity
}}
</span>
</
template
>
</el-table-column>
<el-table-column
show-overflow-tooltip
property=
"medicUnit"
label=
"单位"
width=
"60"
/>
<el-table-column
show-overflow-tooltip
property=
"remark"
label=
"嘱托"
width=
"150'"
>
<
template
#
default=
"scope"
>
<el-input
v-if=
"scope.row.ischeck == 1 && scope.row.orderType"
v-model=
"scope.row.remark"
size=
"mini"
type=
"textarea"
:autosize=
"
{ minRows: 2 }"
placeholder="请输入内容"
>
</el-input>
<span
v-else
>
{{
scope
.
row
.
remark
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"description"
label=
"诊断描述"
width=
"150"
>
<el-table-column
prop=
"description"
label=
"诊断描述"
width=
"150"
>
<
template
#
default=
"scope"
>
<
template
#
default=
"scope"
>
<el-form-item
<el-form
prop=
"description"
:model=
"scope.row"
:rules=
"[
{ required: true, message: '请输入内容' }]"
label-width=
"15px"
v-if="scope.row.ischeck == 1
&&
scope.row.type != 1
&&
scope.row.isedit
&&
scope.row.orderType"
label-position=
"left"
>
ref=
"numberValidateForm"
class=
"demo-ruleForm"
v-if=
"scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit && scope.row.orderType"
>
<el-form-item
prop=
"description"
:rules=
"[
{ required: true, message: '请输入内容' }]">
<template
#
label
>
<span></span></
template
>
<template
#
label
>
<span></span></
template
>
<el-input
<el-input
v-model=
"scope.row.description"
v-model=
"scope.row.description"
...
@@ -315,15 +401,20 @@
...
@@ -315,15 +401,20 @@
:autosize=
"{ minRows: 2 }"
:autosize=
"{ minRows: 2 }"
></el-input>
></el-input>
</el-form-item>
</el-form-item>
</template>
</el-form>
</el-table-column>
</template>
<el-table-column
prop=
"symptom"
label=
"症状及体征"
width=
"150"
>
</el-table-column>
<
template
#
default=
"scope"
>
<el-table-column
prop=
"symptom"
label=
"症状及体征"
width=
"150"
>
<el-form-item
<
template
#
default=
"scope"
>
prop=
"symptom"
<el-form
:rules=
"[
{ required: true, message: '请输入内容' }]"
:model=
"scope.row"
v-if="scope.row.ischeck == 1
&&
scope.row.type != 1
&&
scope.row.isedit
&&
scope.row.orderType"
label-width=
"15px"
>
label-position=
"left"
ref=
"numberValidateForm1"
class=
"demo-ruleForm"
v-if=
"scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit && scope.row.orderType"
>
<el-form-item
prop=
"symptom"
:rules=
"[
{ required: true, message: '请输入内容' }]">
<template
#
label
>
<span></span></
template
>
<template
#
label
>
<span></span></
template
>
<el-input
<el-input
v-model=
"scope.row.symptom"
v-model=
"scope.row.symptom"
...
@@ -333,29 +424,29 @@
...
@@ -333,29 +424,29 @@
:autosize=
"{ minRows: 2 }"
:autosize=
"{ minRows: 2 }"
></el-input>
></el-input>
</el-form-item>
</el-form-item>
</
template
>
</
el-form
>
</
el-table-column
>
</
template
>
<el-table-column
show-overflow-tooltip
property=
"emergency"
label=
"急诊"
width=
"85"
>
</el-table-column
>
<
template
#
default=
"scope
"
>
<el-table-column
show-overflow-tooltip
property=
"emergency"
label=
"急诊"
width=
"85
"
>
<el-select
v-if=
"scope.row.ischeck == 1 && scope.row.isedit && scope.row.orderType"
size=
"mini"
v-model=
"scope.row.emergency
"
>
<
template
#
default=
"scope
"
>
<el-option
v-for=
"item in chargeTypeoptions"
:key=
"item.label"
:label=
"item.label"
:value=
"item.value"
>
</el-option
>
<el-select
v-if=
"scope.row.ischeck == 1 && scope.row.isedit && scope.row.orderType"
size=
"mini"
v-model=
"scope.row.emergency"
>
<
/el-select
>
<
el-option
v-for=
"item in chargeTypeoptions"
:key=
"item.label"
:label=
"item.label"
:value=
"item.value"
>
</el-option
>
<!--
<span
v-else
>
{{
isObj
[
scope
.
row
.
emergency
]
}}
</span>
--
>
</el-select
>
<
/
template
>
<
!--
<span
v-else
>
{{
isObj
[
scope
.
row
.
emergency
]
}}
</span>
--
>
</
el-table-column
>
</
template
>
<el-table-column
label=
"操作"
width=
"80"
>
</el-table-column
>
<
template
#
default=
"scope
"
>
<el-table-column
label=
"操作"
width=
"80
"
>
<el-button
<
template
#
default=
"scope"
>
v-if=
"scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit && scope.row.orderType"
<el-button
size=
"mini
"
v-if=
"scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit && scope.row.orderType
"
type=
"primary
"
size=
"mini
"
@
click=
"goSeeScore(scope.row, scope.$index, scope)
"
type=
"primary
"
>
更多
</el-button
@
click=
"goSeeScore(scope.row, scope.$index, scope)"
>
>
更多
</el-button
</
template
>
>
</
el-table-column
>
</
template
>
</el-table>
</el-table
-column
>
</el-
form
>
</el-
table
>
</div>
</div>
</div>
</div>
<!-- 更多弹框开始 -->
<!-- 更多弹框开始 -->
...
@@ -430,15 +521,21 @@ export default {
...
@@ -430,15 +521,21 @@ export default {
reason
:
""
,
//变异原因
reason
:
""
,
//变异原因
remarks
:
""
,
//备注
remarks
:
""
,
//备注
},
},
tableDataform
:
{
tableData
:
[],
},
//路径天数下拉数据
//路径天数下拉数据
options
:
[],
options
:
[],
reasonoptions
:
[],
//变异原因
reasonoptions
:
[],
//变异原因
crid
:
null
,
crid
:
null
,
chickid
:
[],
//选中的id
chickid
:
[],
//选中的id
isSkinoptions
:
[
{
label
:
"是"
,
value
:
1
,
},
{
label
:
"否"
,
value
:
2
,
},
],
chargeTypeoptions
:
[
chargeTypeoptions
:
[
{
{
label
:
"是"
,
label
:
"是"
,
...
@@ -557,7 +654,7 @@ export default {
...
@@ -557,7 +654,7 @@ export default {
stockID
:
null
,
stockID
:
null
,
dosage
:
null
,
dosage
:
null
,
isAntibiotic
:
""
,
isAntibiotic
:
""
,
medicUseQuantity
:
0
.0
,
medicUseQuantity
:
0
,
medicUseUnit
:
null
,
medicUseUnit
:
null
,
medicUseMode
:
null
,
medicUseMode
:
null
,
medicUsePlan
:
null
,
medicUsePlan
:
null
,
...
@@ -580,6 +677,16 @@ export default {
...
@@ -580,6 +677,16 @@ export default {
inspectRemarks
:
null
,
inspectRemarks
:
null
,
description
:
null
,
description
:
null
,
isPop
:
false
,
isPop
:
false
,
order_round
:
""
,
min_unit
:
""
,
package_unit
:
""
,
retail_unit
:
""
,
unit_dose
:
1
,
useDay
:
1
,
packagingnum
:
1
,
split_num
:
1
,
isSkin
:
undefined
,
isSkinCheck
:
r
.
isSkinCheck
,
};
};
this
.
toggleSelection
(
newData
,
true
);
this
.
toggleSelection
(
newData
,
true
);
this
.
cout
=
cout
+
1
;
this
.
cout
=
cout
+
1
;
...
@@ -640,6 +747,15 @@ export default {
...
@@ -640,6 +747,15 @@ export default {
item
.
description
=
row
.
description
;
item
.
description
=
row
.
description
;
// item.adviceType = row.adviceType;
// item.adviceType = row.adviceType;
// item.advice_name = row.advice_name;
// item.advice_name = row.advice_name;
item
.
order_round
=
row
.
order_round
;
item
.
min_unit
=
row
.
min_unit
;
item
.
package_unit
=
row
.
package_unit
;
item
.
retail_unit
=
row
.
retail_unit
;
item
.
unit_dose
=
row
.
unit_dose
;
item
.
useDay
=
row
.
useDay
;
item
.
packagingnum
=
row
.
packagingnum
;
item
.
split_num
=
row
.
split_num
;
item
.
isSkin
=
row
.
isSkin
;
}
}
if
(
item
.
children
&&
item
.
children
.
length
>
0
)
{
if
(
item
.
children
&&
item
.
children
.
length
>
0
)
{
this
.
pushData
(
row
,
item
.
children
);
this
.
pushData
(
row
,
item
.
children
);
...
@@ -966,7 +1082,7 @@ export default {
...
@@ -966,7 +1082,7 @@ export default {
});
});
this
.
newtable1
=
data
.
route1
;
this
.
newtable1
=
data
.
route1
;
this
.
newtable2
=
data
.
route2
;
this
.
newtable2
=
data
.
route2
;
this
.
tableData
form
.
tableData
=
this
.
radio
==
1
?
data
.
route1
:
data
.
route2
;
this
.
tableData
=
this
.
radio
==
1
?
data
.
route1
:
data
.
route2
;
})
})
.
catch
((
error
)
=>
{
.
catch
((
error
)
=>
{
console
.
log
(
error
);
console
.
log
(
error
);
...
@@ -974,11 +1090,6 @@ export default {
...
@@ -974,11 +1090,6 @@ export default {
},
},
//单选
//单选
radiochange
(
e
)
{
radiochange
(
e
)
{
console
.
log
(
this
.
$refs
.
medicalPurpose
);
this
.
$refs
.
tableDataform
.
validate
((
valid
)
=>
{
console
.
log
(
valid
);
});
return
;
if
(
this
.
$refs
.
numberValidateForm
||
this
.
$refs
.
numberValidateForm1
)
{
if
(
this
.
$refs
.
numberValidateForm
||
this
.
$refs
.
numberValidateForm1
)
{
this
.
$refs
.
numberValidateForm
.
validate
((
valid
)
=>
{
this
.
$refs
.
numberValidateForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
valid
)
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment