Skip to content

V
vue-composition-api
Commit 08b47a3e by tangyufeng
Options

1.滚动条 

2.修复锁定状态栏
3.修复页面跳转
parent cc1f20bb
Showing with 82 additions and 370 deletions
src/views/outClinicalpathway.vue
......@@ -32,29 +32,15 @@
</div>
<div class="outClinicalpathway_top_coent_right">
<div class="outClinicalpathway_top_coent_right_btn">
<el-button
icon="el-icon-user"
style="background-color: #0283bb; color: #ffff"
@click="joinorder()"
>保存医嘱</el-button
>
<el-button
icon="el-icon-s-tools"
style="background-color: #0283bb; color: #ffff"
@click="variation()"
>病情变异</el-button
>
<el-button icon="el-icon-user" style="background-color: #0283bb; color: #ffff" @click="joinorder()">保存医嘱</el-button>
<el-button icon="el-icon-s-tools" style="background-color: #0283bb; color: #ffff" @click="variation()">病情变异</el-button>
</div>
</div>
</div>
<div class="outClinicalpathway_top_time">
<el-timeline style="display: flex; width: 25%; padding: 0 10px">
<el-timeline-item
:class="
timeindex == activity.inhosdays
? 'outClinicalpathway_top_time_timespan'
: 'outClinicalpathway_top_time_timespan2'
"
:class="timeindex == activity.inhosdays ? 'outClinicalpathway_top_time_timespan' : 'outClinicalpathway_top_time_timespan2'"
v-for="(activity, index) in activities"
:key="index"
:type="activity.type"
......@@ -70,60 +56,27 @@
</div>
<!--病情变异弹框开始 -->
<el-dialog :visible.sync="editdialogFormVisible" width="30%" @close="close">
<el-form
ref="fromRef"
:model="form"
:label-position="labelPosition"
label-width="100px"
>
<el-form ref="fromRef" :model="form" :label-position="labelPosition" label-width="100px">
<el-form-item label="路径天数:">
<!-- <el-input v-model="form.inhosdays" /> -->
<el-select
v-model="form.inhosdays"
class="m-2"
placeholder="请选择"
size="mini"
>
<el-option
v-for="item in options"
:key="item.inhosdays"
:label="item.inhosdays"
:value="item.inhosdays"
/>
<el-select v-model="form.inhosdays" class="m-2" placeholder="请选择" size="mini">
<el-option v-for="item in options" :key="item.inhosdays" :label="item.inhosdays" :value="item.inhosdays" />
</el-select>
</el-form-item>
<el-form-item label="变异原因:">
<el-select
v-model="form.reason"
class="m-2"
placeholder="请选择"
size="mini"
:title="getTitle(form.reason)"
>
<el-option
v-for="item in reasonoptions"
:key="item.id"
:label="item.describe"
:value="item.describe"
:title="item.describe"
>
<el-select v-model="form.reason" class="m-2" placeholder="请选择" size="mini" :title="getTitle(form.reason)">
<el-option v-for="item in reasonoptions" :key="item.id" :label="item.describe" :value="item.describe" :title="item.describe">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="备注:">
<el-input
v-model="form.remarks"
:autosize="{ minRows: 4, maxRows: 10 }"
type="textarea"
/>
<el-input v-model="form.remarks" :autosize="{ minRows: 4, maxRows: 10 }" type="textarea" />
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button size="mini" @click="close()">取消</el-button>
<el-button size="mini" type="primary" @click="fromOKbtn()"
>确定
</el-button>
<el-button size="mini" type="primary" @click="fromOKbtn()">确定 </el-button>
</span>
</template>
</el-dialog>
......@@ -142,6 +95,8 @@
ref="multipleTable"
row-key="id"
:data="tableData"
height="100%"
style="width: 100%"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
:select-on-indeterminate="true"
@selection-change="SelectionChange"
......@@ -151,99 +106,32 @@
size="mini"
:row-class-name="rowClass"
>
<el-table-column
type="selection"
:selectable="selectEnable"
width="55"
/>
<el-table-column type="selection" :selectable="selectEnable" width="55" />
<el-table-column
show-overflow-tooltip
property="advice_name"
label="路径名称"
width="150"
/>
<el-table-column
show-overflow-tooltip
property="tickTime"
label="当前时间"
width="145"
>
<el-table-column show-overflow-tooltip property="advice_name" label="路径名称" width="150" />
<el-table-column show-overflow-tooltip property="tickTime" label="当前时间" width="145">
<template #default="scope">
<span
v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
>{{ scope.row.tickTime }}</span
>
<span v-if="scope.row.advice_name == null && scope.row.ischeck == 1">{{ scope.row.tickTime }}</span>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
property="orderType"
label="类型"
width="60"
/>
<el-table-column show-overflow-tooltip property="orderType" label="类型" width="60" />
<el-table-column
show-overflow-tooltip
property="project_name"
label="医院项目名称"
width="120"
/>
<el-table-column show-overflow-tooltip property="project_name" label="医院项目名称" width="220" />
<el-table-column
show-overflow-tooltip
property="specifications"
label="规格说明"
width="80"
/>
<el-table-column
show-overflow-tooltip
property="dosage"
label="药品剂型"
width="80"
/>
<el-table-column
show-overflow-tooltip
property="isAntibiotic"
label="抗生素"
width="85"
>
<el-table-column show-overflow-tooltip property="specifications" label="规格说明" width="80" />
<el-table-column show-overflow-tooltip property="dosage" label="药品剂型" width="80" />
<el-table-column show-overflow-tooltip property="isAntibiotic" label="抗生素" width="85">
<template #default="scope">
<el-select
v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
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 v-if="scope.row.advice_name == null && scope.row.ischeck == 1" 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"
>
<el-table-column show-overflow-tooltip property="medicalPurpose" label="用药目的" width="135">
<template #default="scope">
<el-select
v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
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 v-if="scope.row.advice_name == null && scope.row.ischeck == 1" 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>
<span v-else>{{ scope.row.medicalPurpose }}</span>
</template>
......@@ -258,54 +146,19 @@
<span v-else>{{ scope.row.medicUseQuantity }}</span>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
property="medicUseUnit"
label="单位"
width="50"
/>
<el-table-column
show-overflow-tooltip
property="medicUseMode"
label="途径"
width="110"
>
<el-table-column show-overflow-tooltip property="medicUseUnit" label="单位" width="50" />
<el-table-column show-overflow-tooltip property="medicUseMode" label="途径" width="110">
<template #default="scope">
<el-select
v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
size="mini"
v-model="scope.row.medicUseMode"
>
<el-option
v-for="item in medicUseModeoptions"
:key="item.id"
:label="item.describe"
:value="item.describe"
>
</el-option>
<el-select v-if="scope.row.advice_name == null && scope.row.ischeck == 1" size="mini" v-model="scope.row.medicUseMode">
<el-option v-for="item in medicUseModeoptions" :key="item.id" :label="item.describe" :value="item.describe"> </el-option>
</el-select>
<span v-else>{{ scope.row.medicUseMode }}</span>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
property="medicUsePlan"
label="频率"
width="100"
>
<el-table-column show-overflow-tooltip property="medicUsePlan" label="频率" width="100">
<template #default="scope">
<el-select
v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
size="mini"
v-model="scope.row.medicUsePlan"
>
<el-option
v-for="item in medicUsePlanoptions"
:key="item.id"
:label="item.describe"
:value="item.describe"
>
</el-option>
<el-select v-if="scope.row.advice_name == null && scope.row.ischeck == 1" size="mini" v-model="scope.row.medicUsePlan">
<el-option v-for="item in medicUsePlanoptions" :key="item.id" :label="item.describe" :value="item.describe"> </el-option>
</el-select>
<span v-else>{{ scope.row.medicUsePlan }}</span>
</template>
......@@ -313,26 +166,12 @@
<el-table-column prop="medicQuantity" label="用药总量" width="80">
<template #default="scope">
<el-input
v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
v-model="scope.row.medicQuantity"
size="mini"
></el-input>
<el-input v-if="scope.row.advice_name == null && scope.row.ischeck == 1" 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="50"
/>
<el-table-column
show-overflow-tooltip
property="remark"
label="嘱托"
width="150'"
>
<el-table-column show-overflow-tooltip property="medicUnit" label="单位" width="50" />
<el-table-column show-overflow-tooltip property="remark" label="嘱托" width="150'">
<template #default="scope">
<el-input
v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
......@@ -348,46 +187,21 @@
<el-table-column prop="description" label="诊断描述" width="150">
<template #default="scope">
<div
style="
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
"
>
<div style="display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center">
<div style="display: flex">
<span
v-if="
scope.row.advice_name == null &&
scope.row.ischeck == 1 &&
scope.row.type == 2
"
style="color: red"
>*</span
>
<span v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type == 2" style="color: red">*</span>
<el-input
size="mini"
type="textarea"
:autosize="{ minRows: 2 }"
placeholder="请输入内容"
v-if="
scope.row.advice_name == null &&
scope.row.ischeck == 1 &&
scope.row.type != 1
"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type != 1"
v-model="scope.row.description"
></el-input>
</div>
<span
style="font-size: 12px; color: red"
v-if="
scope.row.advice_name == null &&
scope.row.ischeck == 1 &&
scope.row.type == 2 &&
scope.row.description == ''
"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type == 2 && scope.row.description == ''"
>请输入内容</span
>
</div>
......@@ -395,46 +209,21 @@
</el-table-column>
<el-table-column prop="symptom" label="症状及体征" width="150">
<template #default="scope">
<div
style="
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
"
>
<div style="display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center">
<div style="display: flex">
<span
v-if="
scope.row.advice_name == null &&
scope.row.ischeck == 1 &&
scope.row.type == 2
"
style="color: red"
>*</span
>
<span v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type == 2" style="color: red">*</span>
<el-input
size="mini"
type="textarea"
:autosize="{ minRows: 2 }"
placeholder="请输入内容"
v-if="
scope.row.advice_name == null &&
scope.row.ischeck == 1 &&
scope.row.type != 1
"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type != 1"
v-model="scope.row.symptom"
></el-input>
</div>
<span
style="font-size: 12px; color: red"
v-if="
scope.row.advice_name == null &&
scope.row.ischeck == 1 &&
scope.row.type == 2 &&
scope.row.symptom == ''
"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type == 2 && scope.row.symptom == ''"
>请输入内容</span
>
</div>
......@@ -444,11 +233,7 @@
<el-table-column label="操作" width="80">
<template #default="scope">
<el-button
v-if="
scope.row.advice_name == null &&
scope.row.ischeck == 1 &&
scope.row.type != 1
"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type != 1"
size="mini"
type="primary"
@click="goSeeScore(scope.row, scope.$index, scope)"
......@@ -461,19 +246,9 @@
</div>
<!-- 更多弹框开始 -->
<el-dialog :visible.sync="goSeeScoredialogFormVisible" width="30%">
<el-form
ref="goSeefromRef"
:model="goSeeform"
:label-position="labelPosition"
label-width="100px"
>
<el-form ref="goSeefromRef" :model="goSeeform" :label-position="labelPosition" label-width="100px">
<el-form-item label="主诉:">
<el-input
v-model="goSeeform.chiefComplaint"
:autosize="{ minRows: 2 }"
type="textarea"
placeholder="请输入内容"
/>
<el-input v-model="goSeeform.chiefComplaint" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="检查目的:">
<el-input
......@@ -485,12 +260,7 @@
/>
</el-form-item>
<el-form-item label="既往史:">
<el-input
v-model="goSeeform.pastHistory"
:autosize="{ minRows: 2 }"
type="textarea"
placeholder="请输入内容"
/>
<el-input v-model="goSeeform.pastHistory" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="其他辅助项目:">
<el-input
......@@ -502,12 +272,7 @@
/>
</el-form-item>
<el-form-item label="备注:">
<el-input
v-model="goSeeform.inspectRemarks"
:autosize="{ minRows: 2 }"
type="textarea"
placeholder="请输入内容"
/>
<el-input v-model="goSeeform.inspectRemarks" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<template #footer>
......@@ -522,14 +287,7 @@
</template>
<script>
import http from "../utils/http";
import {
reactive,
toRefs,
onMounted,
nextTick,
computed,
ref,
} from "@vue/composition-api";
import { reactive, toRefs, onMounted, nextTick, computed, ref } from "@vue/composition-api";
import { decimal } from "../utils/decimal";
import { img } from "../assets/img/zu.png";
import { Message } from "element-ui";
......@@ -676,11 +434,7 @@ export default {
};
//获取途径，频率的下拉数据
const gemedicUseModeoptions = () => {
http
.post(
`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=1`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=1`, {})
.then((data) => {
state.medicUseModeoptions = data;
})
......@@ -689,11 +443,7 @@ export default {
//获取频率，频率的下拉数据
const gemedicUsePlanoptions = () => {
http
.post(
`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=2`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=2`, {})
.then((data) => {
state.medicUsePlanoptions = data;
})
......@@ -701,11 +451,7 @@ export default {
};
//获取用要目的下拉数据
const getmedicalPurposeoptions = () => {
http
.post(
`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=3`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=3`, {})
.then((data) => {
state.medicalPurposeoptions = data;
})
......@@ -714,11 +460,7 @@ export default {
//获取患者信息
const gettopdata = () => {
http
.post(
`/ClinicalRoute/ClinicalRoute/GetPatientInfo?pid=${route.value.query.pid}`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/GetPatientInfo?pid=${route.value.query.pid}`, {})
.then((data) => {
state.topdata = data;
state.crid = data.crid;
......@@ -742,6 +484,11 @@ export default {
console.log("row--父节点", row);
row.tickTime = transformTimestampnow();
// 选中
console.log(
selection.some((el) => {
return row.id === el.id;
})
);
if (
selection.some((el) => {
return row.id === el.id;
......@@ -770,12 +517,12 @@ export default {
};
// 控制选框是否被选中
const toggleSelection = (row, select) => {
console.log(row, select);
if (row) {
// console.log("row-亮", row);
nextTick(() => {
multipleTable.value &&
multipleTable.value.toggleRowSelection(row, select);
multipleTable.value && multipleTable.value.toggleRowSelection(row, select);
});
if (select == true) {
row.ischeck = 1;
......@@ -825,56 +572,34 @@ export default {
//获取左侧时间线数据
const getlefttime = () => {
http
.post(
`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesLeft?pid=${route.value.query.pid}`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesLeft?pid=${route.value.query.pid}`, {})
.then((data) => {
state.activities = data;
state.options = data;
state.activities.every((item) => {
//如果都为true高亮最后一个
if (item.flag == true) {
for (let i = 0; i < state.activities.length; i++) {
state.timeindex =
state.activities[state.activities.length - 1].inhosdays;
if (state.activities.filter((item) => item.flag).length == state.activities.length) {
state.timeindex = state.activities[state.activities.length - 1].inhosdays;
timeclick(state.activities[state.activities.length - 1]);
console.log(
"state.activities[state.activities.length-1]",
state.activities[state.activities.length - 1]
);
}
//如果都为false高亮第一个
} else if (item.flag == false) {
for (let i = 0; i < state.activities.length; i++) {
if (state.activities.filter((item) => !item.flag).length == state.activities.length) {
state.timeindex = state.activities[0].inhosdays;
timeclick(state.activities[0]);
console.log("state.activities[0]", state.activities[0]);
}
//truehe和false都有高亮第一个false
} else {
let obj = null;
//find返回数组中符合条件的第一个元素 有false
state.activities.find((item) => {
if (item.flag == false) {
obj = item;
state.timeindex = obj.inhosdays;
timeclick(obj);
console.log("item--false", item);
state.timeindex = state.activities.filter((item) => !item.flag)[0].inhosdays;
timeclick(state.activities.filter((item) => !item.flag)[0]);
}
})
.catch((error) => {
router.push({
path: "Entrypath",
query: {
pid: route.value.query.pid,
},
});
}
});
})
.catch((error) => {});
};
//单选
const radiochange = () => {
http
.post(
http.post(
`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${route.value.query.pid}&case_routeid=${state.case_routeid}&searchQuery=${state.inhosdays}`,
{}
)
......@@ -922,11 +647,7 @@ export default {
const joinorder = () => {
state.objtable.route1 = state.newtable1;
state.objtable.route2 = state.newtable2;
http
.post(
`/ClinicalRoute/ClinicalRoute/SetPatientRoutes?pid=${route.value.query.pid}`,
state.objtable
)
http.post(`/ClinicalRoute/ClinicalRoute/SetPatientRoutes?pid=${route.value.query.pid}`, state.objtable)
.then((data) => {
// console.log("data.hisUrl", data.hisUrl);
state.hisUrl = data.hisUrl.split("api/")[2];
......@@ -941,8 +662,7 @@ export default {
state.longMedical = data.longMedical;
// 调用his接口 临时西药
http
.post(`/${state.hisUrl}`, {
http.post(`/${state.hisUrl}`, {
method: "tempMedical",
type: 1,
data: state.tempMedicalDrug,
......@@ -970,8 +690,7 @@ export default {
.catch((error) => {});
// 调用his接口 临时检查
http
.post(`/${state.hisUrl}`, {
http.post(`/${state.hisUrl}`, {
method: "tempMedical",
type: 3,
data: state.tempMedicalcheck,
......@@ -993,8 +712,7 @@ export default {
.catch((error) => {});
// 调用his接口 临时检验
http
.post(`/${state.hisUrl}`, {
http.post(`/${state.hisUrl}`, {
method: "tempMedical",
type: 4,
data: state.tempMedicalCheckout,
......@@ -1016,8 +734,7 @@ export default {
.catch((error) => {});
// 调用his接口 长期西药
http
.post(`/${state.hisUrl}`, {
http.post(`/${state.hisUrl}`, {
method: "longMedical",
type: 1,
data: state.longMedical,
......@@ -1043,11 +760,7 @@ export default {
};
//获取病情变异--变异原因下拉框
const getreasonoptions = () => {
http
.post(
`/ClinicalRoute/ClinicalRoute/GetStandardByType?crid=${state.crid}`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/GetStandardByType?crid=${state.crid}`, {})
.then((data) => {
state.reasonoptions = data;
})
......@@ -1068,8 +781,7 @@ export default {
remarks: state.form.remarks,
};
http
.post(`/ClinicalRoute/ClinicalRoute/SetVariation`, prome)
http.post(`/ClinicalRoute/ClinicalRoute/SetVariation`, prome)
.then((data) => {
Message({
message: data.message,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment