Skip to content

V
vue-composition-api
Commit fa601a40 by 唐玉峰
Options

.

parent fc07ee9c
Showing with 1560 additions and 170 deletions
public/index.html
...@@ -13,8 +13,11 @@ ...@@ -13,8 +13,11 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="favicon.ico" /> <link rel="icon" href="favicon.ico" />
<!-- <link rel="stylesheet" href="../src/assets/font/complete/iconfont.css"> --> <meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-control" content="no-cache" />
<meta http-equiv="Cache" content="no-cache" />
<title>基于病种精准管理系统</title> <title>基于病种精准管理系统</title>
</head> </head>
......
src/views/outClinicalpathway.vue
...@@ -552,6 +552,25 @@ export default { ...@@ -552,6 +552,25 @@ export default {
}, },
}, },
methods: { methods: {
// :prop="'tableList.' + getPropPosi(scope.row) + '.isAntibiotic'"
// 获取prop位置
getPropPosi(row) {
let posi = this.findPosi(this.formData.tableList, row, "", "");
return posi;
},
// 递归查找位置
findPosi(list, row, posi, current) {
for (let i = 0; i < list.length; i++) {
if (list[i].id == row.id) {
return current + i;
}
if (list[i].children && list[i].children?.length) {
posi = this.findPosi(list[i].children || [], row, posi, i + posi + ".children.");
}
}
return posi;
},
// 总量计算 // 总量计算
setIput(row) { setIput(row) {
if (!isNaN(parseFloat(row.medicUseQuantity)) && isFinite(row.medicUseQuantity) && row.medicUsePlan) { if (!isNaN(parseFloat(row.medicUseQuantity)) && isFinite(row.medicUseQuantity) && row.medicUsePlan) {
...@@ -615,7 +634,7 @@ export default { ...@@ -615,7 +634,7 @@ export default {
medicQuantity: 0, medicQuantity: 0,
medicUnit: null, medicUnit: null,
remark: "", remark: "",
inventoryNum: null, inventoryNum: 0,
orderType: r.orderType, orderType: r.orderType,
medicalPurpose: r.medicalPurpose, medicalPurpose: r.medicalPurpose,
price: null, price: null,
...@@ -1037,7 +1056,9 @@ export default { ...@@ -1037,7 +1056,9 @@ export default {
}, },
getTableData() { getTableData() {
http.post( http.post(
`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${this.$route.query.pid}&case_routeid=${this.case_routeid}&searchQuery=${this.inhosdays}`, `/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${this.$route.query.pid}&case_routeid=${this.case_routeid}&searchQuery=${
this.inhosdays
}&type=${this.radio}&t=${Math.random()}`,
{} {}
) )
.then((data) => { .then((data) => {
...@@ -1057,8 +1078,10 @@ export default { ...@@ -1057,8 +1078,10 @@ export default {
}); });
} }
}); });
this.newtable1 = data.route1; // console.log(data.route1);
this.newtable2 = data.route2; // console.log(data.route2);
// this.newtable1 = data.route1;
// this.newtable2 = data.route2;
this.tableData = this.radio == 1 ? data.route1 : data.route2; this.tableData = this.radio == 1 ? data.route1 : data.route2;
}) })
.catch((error) => { .catch((error) => {
...@@ -1073,7 +1096,8 @@ export default { ...@@ -1073,7 +1096,8 @@ export default {
this.$refs.numberValidateForm1.validate((valid) => { this.$refs.numberValidateForm1.validate((valid) => {
if (valid) { if (valid) {
this.radio = e; this.radio = e;
this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2; this.getTableData();
// this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) { if (this.radio == 1) {
this.multipleSelection.map((j) => { this.multipleSelection.map((j) => {
this.toggleSelection(j, true); this.toggleSelection(j, true);
...@@ -1102,7 +1126,8 @@ export default { ...@@ -1102,7 +1126,8 @@ export default {
this.$refs.medicalPurpose.validate((valid) => { this.$refs.medicalPurpose.validate((valid) => {
if (valid) { if (valid) {
this.radio = e; this.radio = e;
this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2; this.getTableData();
// this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) { if (this.radio == 1) {
this.multipleSelection.map((j) => { this.multipleSelection.map((j) => {
this.toggleSelection(j, true); this.toggleSelection(j, true);
...@@ -1118,7 +1143,8 @@ export default { ...@@ -1118,7 +1143,8 @@ export default {
}); });
} else { } else {
this.radio = e; this.radio = e;
this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2; this.getTableData();
// this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) { if (this.radio == 1) {
this.multipleSelection.map((j) => { this.multipleSelection.map((j) => {
this.toggleSelection(j, true); this.toggleSelection(j, true);
...@@ -1143,7 +1169,8 @@ export default { ...@@ -1143,7 +1169,8 @@ export default {
}); });
} else { } else {
this.radio = e; this.radio = e;
this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2; this.getTableData();
// this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) { if (this.radio == 1) {
this.multipleSelection.map((j) => { this.multipleSelection.map((j) => {
this.toggleSelection(j, true); this.toggleSelection(j, true);
...@@ -1243,7 +1270,8 @@ export default { ...@@ -1243,7 +1270,8 @@ export default {
this.msg("error", item.msg); this.msg("error", item.msg);
} }
}); });
this.getlefttime(); // this.getlefttime();
this.getTableData();
}) })
.catch((error) => {}); .catch((error) => {});
......
src/views/test.vue
<!--
* @Author: wsq
* @Date: 2022-04-22 15:20:58
* @LastEditors: wsq
* @LastEditTime: 2023-03-02 20:36:22
* @Description:
-->
<template> <template>
<div> <!-- 临床路径外放页面 -->
<el-input placeholder="请输入内容" class="input-with-select" style="width: 100px"> <div class="outClinicalpathway">
<el-input slot="prepend" placeholder="请选择"> </el-input> <!-- 患者信息 -->
<el-button slot="append" icon="el-icon-search"></el-button> <div class="outClinicalpathway_top">
</el-input> <div class="outClinicalpathway_top_bg"></div>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <div class="outClinicalpathway_top_coent">
<el-form-item label="活动名称" prop="name"> <!--患者信息 -->
<el-input v-model="ruleForm.name"></el-input> <div class="outClinicalpathway_top_coent_left">
</el-form-item> <div class="outClinicalpathway_top_coent_left_one">
<el-form-item label="活动区域" prop="region"> <span><img src="../assets/img/peo.png" alt="" /></span>
<el-select v-model="ruleForm.region" placeholder="请选择活动区域"> <div class="outClinicalpathway_top_coent_left_one_t1">
<el-option label="区域一" value="shanghai"></el-option> 患者姓名:<span>{{ topdata.patientName }}</span>
<el-option label="区域二" value="beijing"></el-option> </div>
</el-select> <div class="outClinicalpathway_top_coent_left_one_t2">
</el-form-item> 住院号:<span>{{ topdata.regCode }}</span>
<el-form-item label="活动时间" required> </div>
<el-col :span="11"> <div class="outClinicalpathway_top_coent_left_one_t3">
<el-form-item prop="date1"> 住院次数:<span>{{ topdata.inHosNum }}</span>
<el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%"></el-date-picker> </div>
</el-form-item> <div class="outClinicalpathway_top_coent_left_one_t4">
</el-col> 符合临床路径:<span>{{ topdata.clinical_route_name }}</span>
<el-col class="line" :span="2">-</el-col> </div>
<el-col :span="11"> </div>
<el-form-item prop="date2"> </div>
<el-time-picker placeholder="选择时间" v-model="ruleForm.date2" style="width: 100%"></el-time-picker> <div class="outClinicalpathway_top_coent_right">
</el-form-item> <div class="outClinicalpathway_top_coent_right_btn">
</el-col> <el-button icon="el-icon-user" style="background-color: #0283bb; color: #ffff" @click="joinorder()">保存医嘱</el-button>
</el-form-item> <el-button icon="el-icon-s-tools" style="background-color: #0283bb; color: #ffff" @click="variation()">病情变异</el-button>
<el-form-item label="即时配送" prop="delivery"> </div>
<el-switch v-model="ruleForm.delivery"></el-switch> </div>
</el-form-item> </div>
<el-form-item label="活动性质" prop="type"> <div class="outClinicalpathway_top_time">
<el-checkbox-group v-model="ruleForm.type"> <el-timeline style="display: flex; padding: 0 10px">
<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox> <el-timeline-item
<el-checkbox label="地推活动" name="type"></el-checkbox> :class="timeindex == activity.inhosdays ? 'outClinicalpathway_top_time_timespan' : 'outClinicalpathway_top_time_timespan2'"
<el-checkbox label="线下主题活动" name="type"></el-checkbox> v-for="(activity, index) in activities"
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox> :key="index"
</el-checkbox-group> :type="activity.type"
</el-form-item> :color="activity.color"
<el-form-item label="特殊资源" prop="resource"> :size="activity.size"
<el-radio-group v-model="ruleForm.resource"> :hollow="activity.hollow"
<el-radio label="线上品牌商赞助"></el-radio> :timestamp="activity.timestamp"
<el-radio label="线下场地免费"></el-radio> >
</el-radio-group> <el-tooltip class="item" effect="dark" :content="activity.inhosdays" placement="top-start" v-if="activity.inhosdays.length > 7">
</el-form-item> <span @click="timeclick(activity)">{{ activity.inhosdays }}</span>
<el-form-item label="活动形式" prop="desc"> </el-tooltip>
<el-autocomplete <span v-else @click="timeclick(activity)">{{ activity.inhosdays }}</span>
v-model="ruleForm.desc" </el-timeline-item>
style="width: 100%" </el-timeline>
@select="handleSelect" </div>
:fetch-suggestions="querySearch" </div>
placeholder="请输入人员姓名" <!-- 表格 -->
> <div class="outClinicalpathway_table">
</el-autocomplete> <!-- 表格 -->
</el-form-item> <div class="outClinicalpathway_table_right">
<el-form-item> <div class="outClinicalpathway_table_right_radio">
<el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button> <el-radio-group :value="radio" @input="radiochange">
<el-button @click="resetForm('ruleForm')">重置</el-button> <el-radio :label="1">长期医嘱</el-radio>
</el-form-item> <el-radio :label="2">临时医嘱</el-radio>
</el-form> </el-radio-group>
</div>
<el-form :model="formData" label-width="15px" label-position="left" ref="formData" class="formData">
<el-table
ref="multipleTable"
row-key="id"
:data="formData.tableList"
height="100%"
style="width: 100%"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
:select-on-indeterminate="true"
@selection-change="SelectionChange"
@select-all="selectAll"
@select="select"
default-expand-all
size="mini"
:row-class-name="rowClass"
>
<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="tickTime" label="当前时间" width="145">
<template #default="scope">
<span v-if="scope.row.ischeck == 1 && scope.row.orderType">{{ scope.row.tickTime }}</span>
</template>
</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>
</template>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip property="orderType" label="类型" width="50">
<template #default="scope">
<div v-if="scope.row.orderType == '药疗'">
<i
@click.prevent="addRow(scope.row)"
v-if="scope.row.ischeck == 1 && !scope.row.isnew && scope.row.orderType && scope.row.isAdd"
class="el-icon-circle-plus-outline"
style="font-size: 14px; color: #0283bb; margin-right: 3px; cursor: pointer"
></i>
<i
@click.prevent="deleteRow(scope.row, formData.tableList)"
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>
</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
ref="singleTable"
:data="gridData"
highlight-current-row
@row-dblclick="rowdblclick"
max-height="400"
size="mini"
style="width: 100%"
row-key="id"
@current-change="handleCurrentChange"
>
<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="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>
<el-input
slot="reference"
placeholder="请输入"
v-model="scope.row.project_name"
@focus="onfocus(scope.row, $event)"
@input="onInput(scope.row, $event)"
></el-input>
</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="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-item
:prop="'tableList.' + getPropPosi(scope.row) + '.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" :disabled="!scope.row.isAdd" @change="tbChange(scope.row)">
<el-option v-for="item in medicalPurposeoptions" :key="item.id" :label="item.describe" :value="item.describe">
</el-option>
</el-select>
</el-form-item>
</template>
<span v-else>{{ scope.row.medicalPurpose }}</span>
</template>
</el-table-column>
<el-table-column prop="medicUseQuantity" label="用量" width="85">
<template #default="scope">
<template v-if="scope.row.ischeck == 1 && scope.row.orderType">
<el-form-item
:prop="'tableList.' + getPropPosi(scope.row) + '.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="tbChange(scope.row)" size="mini"></el-input>
</el-form-item>
</template>
<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="120">
<template #default="scope">
<template v-if="scope.row.ischeck == 1 && scope.row.orderType">
<el-form-item
:prop="'tableList.' + getPropPosi(scope.row) + '.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"
:disabled="!scope.row.isAdd"
@change="tbChange(scope.row)"
>
<el-option v-for="item in medicUseModeoptions" :key="item.id" :label="item.describe" :value="item.describe">
</el-option>
</el-select>
</el-form-item>
</template>
<span v-else>{{ scope.row.medicUseMode }}</span>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip property="medicUsePlan" label="频率" width="130">
<template #default="scope">
<template v-if="scope.row.ischeck == 1 && scope.row.orderType">
<el-form-item
:prop="'tableList.' + getPropPosi(scope.row) + '.medicUsePlan'"
:rules="[{ required: scope.row.orderType == '药疗' && scope.row.isSkin != 1 ? true : false, message: '请选择' }]"
>
<template #label> <span></span></template>
<el-select
size="mini"
filterable
remote
:filter-method="remotemedicUsePlan"
v-model="scope.row.medicUsePlan"
@change="tbChange(scope.row)"
:disabled="!scope.row.isAdd"
>
<el-option v-for="item in medicUsePlanoptions" :key="item.id" :label="item.describe" :value="item.describe">
</el-option>
</el-select>
</el-form-item>
</template>
<span v-else>{{ scope.row.medicUsePlan }}</span>
</template>
</el-table-column>
<el-table-column prop="dropNumber" label="滴数" width="85">
<template #default="scope">
<el-input
v-if="scope.row.ischeck == 1 && scope.row.orderType"
v-model="scope.row.dropNumber"
:disabled="!scope.row.isAdd"
size="mini"
@input="tbChange(scope.row)"
></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>
</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">
<template #default="scope">
<el-form-item
:prop="'tableList.' + getPropPosi(scope.row) + '.description'"
:rules="[{ required: false, message: '请输入内容' }]"
v-if="scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit && scope.row.orderType"
>
<template #label> <span></span></template>
<el-input
v-model="scope.row.description"
autocomplete="off"
placeholder="请输入内容"
type="textarea"
:autosize="{ minRows: 2 }"
></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="symptom" label="症状及体征" width="150">
<template #default="scope">
<el-form-item
:prop="'tableList.' + getPropPosi(scope.row) + '.symptom'"
:rules="[{ required: false, message: '请输入内容' }]"
v-if="scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit && scope.row.orderType"
>
<template #label> <span></span></template>
<el-input
v-model="scope.row.symptom"
autocomplete="off"
placeholder="请输入内容"
type="textarea"
:autosize="{ minRows: 2 }"
></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip property="emergency" label="急诊" width="85">
<template #default="scope">
<el-select v-if="scope.row.ischeck == 1 && scope.row.isedit && scope.row.orderType" size="mini" v-model="scope.row.emergency">
<el-option v-for="item in chargeTypeoptions" :key="item.label" :label="item.label" :value="item.value"> </el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="操作" width="80">
<template #default="scope">
<el-button
v-if="scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit && scope.row.orderType"
size="mini"
type="primary"
@click="goSeeScore(scope.row, scope.$index, scope)"
>更多</el-button
>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!--病情变异弹框开始 -->
<el-dialog :visible.sync="editdialogFormVisible" width="30%" @close="close">
<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>
</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-option>
</el-select>
</el-form-item>
<el-form-item label="备注:">
<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>
</span>
</template>
</el-dialog>
<!--病情变异弹框结束 -->
<!-- 更多弹框开始 -->
<el-dialog :visible.sync="goSeeScoredialogFormVisible" width="30%" @close="goSeecolse">
<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-form-item>
<el-form-item label="检查目的:">
<el-input v-model="goSeeform.inspectionPurpose" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="既往史:">
<el-input v-model="goSeeform.pastHistory" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="其他辅助项目:">
<el-input v-model="goSeeform.auxiliaryItems" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="备注:">
<el-input v-model="goSeeform.inspectRemarks" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button size="mini" @click="goSeecolse">取消</el-button>
<el-button size="mini" @click="goSeeok">确定 </el-button>
</span>
</template>
</el-dialog>
<!-- 更多弹框结束 -->
</div> </div>
</template> </template>
<script> <script>
import http from "../utils/http";
import { Message } from "element-ui";
import _ from "lodash";
import { transformTimestampnow } from "../utils/formatTime";
export default { export default {
name: "outClinicalpathway",
data() { data() {
return { return {
ruleForm: { formData: {
name: "", tableList: [],
region: "", },
date1: "", //患者信息
date2: "", topdata: {
delivery: false, patientName: "", //患者姓名
type: [], regCode: "", // 住院号
resource: "", inHosNum: "", // 住院次数
desc: "", clinical_route_name: "", // 符合临床路径
}, },
rules: { multipleSelection: [], //被选择的数据
name: [ multipleSelection1: [], //被选择的数据
{ required: true, message: "请输入活动名称", trigger: "blur" }, selectArr: [],
{ min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" }, tableData: [], //表格数据
], yztype: {
region: [{ required: true, message: "请选择活动区域", trigger: "change" }], 1: "长期医嘱",
date1: [{ type: "date", required: true, message: "请选择日期", trigger: "change" }], 2: "临时医嘱",
date2: [{ type: "date", required: true, message: "请选择时间", trigger: "change" }],
type: [{ type: "array", required: true, message: "请至少选择一个活动性质", trigger: "change" }],
resource: [{ required: true, message: "请选择活动资源", trigger: "change" }],
desc: [{ required: true, message: "请填写活动形式", trigger: "blur" }],
}, },
restaurants: [], isObj: {
0: "否",
1: "是",
},
//被点击的index
timeindex: null,
case_routeid: null, //点击左侧时间线的天数id
inhosdays: null, //点击左侧时间线的天数
//时间线
activities: [],
labelPosition: "right",
editdialogFormVisible: false, //弹框是否显示
//表单
form: {
inhosdays: "",
reason: "", //变异原因
remarks: "", //备注
},
//路径天数下拉数据
options: [],
reasonoptions: [], //变异原因
crid: null,
chickid: [], //选中的id
isSkinoptions: [
{
label: "是",
value: 1,
},
{
label: "否",
value: 2,
},
],
chargeTypeoptions: [
{
label: "是",
value: 1,
},
{
label: "否",
value: 0,
},
],
tempRow: {}, //储存正在编辑的行
tempRowChildren: [],
medicUseModeoptions: [], //途径
medicUseModeoptionsLise: [],
medicUsePlanoptions: [], //频率
medicUsePlanoptionsList: [],
medicalPurposeoptions: [], //用药目的
radio: 1,
newtable1: [],
newtable2: [],
objtable: { route1: [], route2: [] },
goSeeScoredialogFormVisible: false, //更多弹框
goSeeform: {},
oldRowObj: {},
goSeeIndex: "",
goSeeIndexPid: "",
distype: 1,
cout: 0,
isPop: false,
gridData: [],
query: "",
query1: "",
currentRow: null,
}; };
}, },
mounted() { mounted() {
this.restaurants = this.loadAll(); this.getIsRoute();
this.gettopdata();
this.getlefttime();
this.gemedicUseModeoptions();
this.gemedicUsePlanoptions();
this.getmedicalPurposeoptions();
},
watch: {
query() {
if (this.query !== "") {
this.medicUseModeoptions = this.medicUseModeoptionsLise.filter((item) => {
return (
item.describe.toLowerCase().indexOf(this.query.toLowerCase()) > -1 || item.pinyin.toLowerCase().indexOf(this.query.toLowerCase()) > -1
);
});
} else {
this.medicUseModeoptions = this.medicUseModeoptionsLise;
}
},
query1() {
if (this.query1 !== "") {
this.medicUsePlanoptions = this.medicUsePlanoptionsList.filter((item) => {
return (
item.describe.toLowerCase().indexOf(this.query1.toLowerCase()) > -1 || item.pinyin.toLowerCase().indexOf(this.query1.toLowerCase()) > -1
);
});
} else {
this.medicUsePlanoptions = this.medicUsePlanoptionsList;
}
},
}, },
methods: { methods: {
querySearch(queryString, cb) { // :prop="'tableList.' + getPropPosi(scope.row) + '.isAntibiotic'"
var restaurants = this.restaurants; // 获取prop位置
var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants; getPropPosi(row) {
// 调用 callback 返回建议列表的数据 let posi = this.findPosi(this.formData.tableList, row, "", "");
cb(results); return posi;
}, },
createFilter(queryString) { // 递归查找位置
return (restaurant) => { findPosi(list, row, posi, current) {
return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0; for (let i = 0; i < list.length; i++) {
if (list[i].id == row.id) {
return current + i;
}
if (list[i].children && list[i].children?.length) {
posi = this.findPosi(list[i].children || [], row, posi, i + posi + ".children.");
}
}
return posi;
},
// 总量计算
setIput(row) {
if (!isNaN(parseFloat(row.medicUseQuantity)) && isFinite(row.medicUseQuantity) && row.medicUsePlan) {
let num = this.medicUsePlanoptions.find((item) => item.describe == row.medicUsePlan).num;
// 使用量;
if (Number(row.medicUseQuantity) > 0) {
//医嘱取整 //单次取整
if (row.order_round !== "单次取整") {
//住院零售单位 //最小单位
if (row.retail_unit == row.min_unit) {
//使用量 //频率数量 //用药天数 //单位剂量
row.medicQuantity = Math.ceil((Number(row.medicUseQuantity) * num * row.useDay) / row.unit_dose);
//住院零售单位 //包装单位
} else if (row.retail_unit == row.package_unit) {
//使用量 //频率数量 //用药天数 //单位剂量 //包装数量
row.medicQuantity = Math.ceil((Number(row.medicUseQuantity) * num * row.useDay) / row.unit_dose / row.packagingnum);
} else {
//使用量 //频率数量 //用药天数 //单位剂量 //包装数量 拆分系数
row.medicQuantity = Math.ceil(
(Number(row.medicUseQuantity) * num * row.useDay) / row.unit_dose / (row.packagingnum / row.split_num)
);
}
} else {
if (row.order_round === "单次取整") {
row.medicQuantity = Math.round(Math.ceil(Number(row.medicUseQuantity) / row.unit_dose) * num * row.useDay);
} else if (retail_unit === package_unit) {
row.medicQuantity = Math.round(Math.ceil(Number(row.medicUseQuantity) / row.unit_dose / row.packagingnum) * num * row.useDay);
} else {
row.medicQuantity = Math.round(
Math.ceil(Number(row.medicUseQuantity) / row.unit_dose / (row.packagingnum / row.split_num)) * num * row.useDay
);
}
}
}
}
},
//药疗新增
addRow(r) {
const { cout } = this;
const newData = {
emergency: 0,
adviceType: r.adviceType,
advice_name2: r.advice_name2,
id: this.$uuid(),
isClass: false,
parentid: r.id,
inhosdays: "",
isForbidden: true,
tickTime: transformTimestampnow(),
project_code: r.project_code,
project_name: null,
ischeck: 1,
specifications: null,
stockID: null,
dosage: null,
isAntibiotic: "",
medicUseQuantity: 0,
medicUseUnit: null,
medicUseMode: r.medicUseMode,
medicUsePlan: r.medicUsePlan,
medicQuantity: 0,
medicUnit: null,
remark: "",
inventoryNum: null,
orderType: r.orderType,
medicalPurpose: r.medicalPurpose,
price: null,
type: r.type,
sort: cout + 1,
isedit: false,
isnew: true,
chiefComplaint: null,
inspectionPurpose: null,
symptom: null,
pastHistory: null,
auxiliaryItems: null,
inspectRemarks: null,
description: null,
isPop: false,
order_round: "",
min_unit: "",
package_unit: "",
retail_unit: "",
unit_dose: 1,
useDay: 1,
dropNumber: r.dropNumber,
packagingnum: 1,
split_num: 1,
isSkin: undefined,
isSkinCheck: r.isSkinCheck,
isAdd: false,
}; };
this.toggleSelection(newData, true);
this.cout = cout + 1;
r.children.push(newData);
}, },
loadAll() { onfocus(row, value) {
return [ this.tempRow = row;
{ value: "三全鲜食（北新泾店）", address: "长宁区新渔路144号" }, },
{ value: "Hot honey 首尔炸鸡（仙霞路）", address: "上海市长宁区淞虹路661号" }, onInput(row, value) {
{ value: "新旺角茶餐厅", address: "上海市普陀区真北路988号创邑金沙谷6号楼113" }, value && this.etProjectByName(value);
{ value: "泷千家(天山西路店)", address: "天山西路438号" }, },
{ value: "胖仙女纸杯蛋糕（上海凌空店）", address: "上海市长宁区金钟路968号1幢18号楼一层商铺18-101" }, etProjectByName(query) {
{ value: "贡茶", address: "上海市长宁区金钟路633号" }, http.post(`/ClinicalRoute/ClinicalRoute/GetProjectByName?searchQuery=${query}`, {})
{ value: "豪大大香鸡排超级奶爸", address: "上海市嘉定区曹安公路曹安路1685号" }, .then((data) => {
{ value: "茶芝兰（奶茶，手抓饼）", address: "上海市普陀区同普路1435号" }, if (data && data.length) {
{ value: "十二泷町", address: "上海市北翟路1444弄81号B幢-107" }, data.map((el, i) => {
{ value: "星移浓缩咖啡", address: "上海市嘉定区新郁路817号" }, el.id = i++;
{ value: "阿姨奶茶/豪大大", address: "嘉定区曹安路1611号" }, });
{ value: "新麦甜四季甜品炸鸡", address: "嘉定区曹安公路2383弄55号" }, this.$refs.singleTable.setCurrentRow(data[0]);
{ value: "Monica摩托主题咖啡店", address: "嘉定区江桥镇曹安公路2409号1F，2383弄62号1F" }, }
{ value: "浮生若茶（凌空soho店）", address: "上海长宁区金钟路968号9号楼地下一层" }, this.gridData = data;
{ value: "NONO JUICE 鲜榨果汁", address: "上海市长宁区天山西路119号" }, })
{ value: "CoCo都可(北新泾店）", address: "上海市长宁区仙霞西路" }, .catch((error) => {});
{ value: "快乐柠檬（神州智慧店）", address: "上海市长宁区天山西路567号1层R117号店铺" }, },
{ value: "Merci Paul cafe", address: "上海市普陀区光复西路丹巴路28弄6号楼819" }, handleCurrentChange(val) {
{ value: "猫山王（西郊百联店）", address: "上海市长宁区仙霞西路88号第一层G05-F01-1-306" }, this.currentRow = val;
{ value: "枪会山", address: "上海市普陀区棕榈路" }, },
{ value: "纵食", address: "元丰天山花园(东门) 双流路267号" }, rowdblclick(row, column, event) {
{ value: "钱记", address: "上海市长宁区天山西路" }, this.pushData(row, this.formData.tableList);
{ value: "壹杯加", address: "上海市长宁区通协路" }, this.tempRow.isPop = false;
{ value: "唦哇嘀咖", address: "上海市长宁区新泾镇金钟路999号2幢（B幢）第01层第1-02A单元" }, },
{ value: "爱茜茜里(西郊百联)", address: "长宁区仙霞西路88号1305室" }, pushData(row, arr) {
{ value: "爱茜茜里(近铁广场)", address: "上海市普陀区真北路818号近铁城市广场北区地下二楼N-B2-O2-C商铺" }, arr.map((item) => {
{ value: "鲜果榨汁（金沙江路和美广店）", address: "普陀区金沙江路2239号金沙和美广场B1-10-6" }, if (item.id == this.tempRow.id) {
{ value: "开心丽果（缤谷店）", address: "上海市长宁区威宁路天山路341号" }, item.project_name = row.project_name;
{ value: "超级鸡车（丰庄路店）", address: "上海市嘉定区丰庄路240号" }, item.specifications = row.specifications;
{ value: "妙生活果园（北新泾店）", address: "长宁区新渔路144号" }, item.dosage = row.dosage;
{ value: "香宜度麻辣香锅", address: "长宁区淞虹路148号" }, item.isAntibiotic = row.isAntibiotic;
{ value: "凡仔汉堡（老真北路店）", address: "上海市普陀区老真北路160号" }, // item.medicalPurpose = row.medicalPurpose;
{ value: "港式小铺", address: "上海市长宁区金钟路968号15楼15-105室" }, item.medicUseQuantity = row.medicUseQuantity;
{ value: "蜀香源麻辣香锅（剑河路店）", address: "剑河路443-1" }, item.medicUseUnit = row.medicUseUnit;
{ value: "北京饺子馆", address: "长宁区北新泾街道天山西路490-1号" }, // item.medicUseMode = row.medicUseMode;
{ value: "饭典*新简餐（凌空SOHO店）", address: "上海市长宁区金钟路968号9号楼地下一层9-83室" }, // item.medicUsePlan = row.medicUsePlan;
{ value: "焦耳·川式快餐（金钟路店）", address: "上海市金钟路633号地下一层甲部" }, // item.dropNumber = row.dropNumber;
{ value: "动力鸡车", address: "长宁区仙霞西路299弄3号101B" }, item.medicUnit = row.medicUnit;
{ value: "浏阳蒸菜", address: "天山西路430号" }, item.remark = row.remark;
{ value: "四海游龙（天山西路店）", address: "上海市长宁区天山西路" }, item.symptom = row.symptom;
{ value: "樱花食堂（凌空店）", address: "上海市长宁区金钟路968号15楼15-105室" }, item.emergency = row.emergency;
{ value: "壹分米客家传统调制米粉(天山店)", address: "天山西路428号" }, item.inhosdays = row.inhosdays;
{ value: "福荣祥烧腊（平溪路店）", address: "上海市长宁区协和路福泉路255弄57-73号" }, item.project_code = row.project_code;
{ value: "速记黄焖鸡米饭", address: "上海市长宁区北新泾街道金钟路180号1层01号摊位" }, item.stockID = row.stockID;
{ value: "红辣椒麻辣烫", address: "上海市长宁区天山西路492号" }, item.medicQuantity = row.medicQuantity;
{ value: "(小杨生煎)西郊百联餐厅", address: "长宁区仙霞西路88号百联2楼" }, item.inventoryNum = row.inventoryNum;
{ value: "阳阳麻辣烫", address: "天山西路389号" }, item.price = row.price;
{ value: "南拳妈妈龙虾盖浇饭", address: "普陀区金沙江路1699号鑫乐惠美食广场A13" }, item.chiefComplaint = row.chiefComplaint;
]; item.inspectionPurpose = row.inspectionPurpose;
}, item.pastHistory = row.pastHistory;
handleSelect(item) { item.auxiliaryItems = row.auxiliaryItems;
console.log(item); item.inspectRemarks = row.inspectRemarks;
this.ruleForm.desc = item.value; item.description = row.description;
}, item.order_round = row.order_round;
handleIconClick(ev) { item.min_unit = row.min_unit;
console.log(ev); item.package_unit = row.package_unit;
}, item.retail_unit = row.retail_unit;
submitForm(formName) { item.unit_dose = row.unit_dose;
this.$refs[formName].validate((valid) => { item.useDay = row.useDay;
if (valid) { item.packagingnum = row.packagingnum;
alert("submit!"); item.split_num = row.split_num;
item.isSkin = row.isSkin;
this.setIput(item);
}
if (item.children && item.children.length > 0) {
this.pushData(row, item.children);
}
});
},
deleteRow(row, arr) {
arr.map((item, i) => {
if (item.id == row.id) {
arr.splice(i, 1);
this.toggleSelection(item, false);
}
if (item.children && item.children.length > 0) {
this.deleteRow(row, item.children);
}
});
},
//
tbChange(row) {
if (row.children && row.children.length) {
row.children.map((item) => {
this.$set(item, "medicalPurpose", row.medicalPurpose);
this.$set(item, "medicUseMode", row.medicUseMode);
this.$set(item, "medicUsePlan", row.medicUsePlan);
// item.medicalPurpose = row.medicalPurpose;
// item.medicUseMode = row.medicUseMode;
// item.medicUsePlan = row.medicUsePlan;
// item.dropNumber = row.dropNumber;
// item.medicQuantity = row.medicQuantity;
this.setIput(item);
});
}
this.setIput(row);
},
//表格禁用
selectEnable(row, rowIndex) {
if (row.isForbidden == false) {
return false; // 不禁用
} else {
return true; //禁用
}
},
//表格当前行样式
rowClass({ row, rowIndex }) {
if (row.isClass) {
return "rowStyleclass";
} else {
return "";
}
},
//更多
goSeeScore(row) {
this.distype = row.type;
this.oldRowObj = { ...row };
this.goSeeform = row;
this.goSeeScoredialogFormVisible = true;
},
//更多-取消
goSeecolse() {
this.goSeeform = {};
this.goSeeScoredialogFormVisible = false;
},
//更多--确定
goSeeok() {
if (this.radio == 1) {
this.multipleSelection[0] = this.goSeeform;
} else {
this.multipleSelection1[0] = this.goSeeform;
}
this.goSeeScoredialogFormVisible = false;
},
//获取途径，频率的下拉数据
gemedicUseModeoptions() {
http.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=1`, {})
.then((data) => {
this.medicUseModeoptions = data;
this.medicUseModeoptionsLise = data;
})
.catch((error) => {});
},
remotemedicUsePlan(query) {
this.query1 = query;
if (query !== "") {
this.medicUsePlanoptions = this.medicUsePlanoptions.filter((item) => {
return item.describe.toLowerCase().indexOf(query.toLowerCase()) > -1 || item.pinyin.toLowerCase().indexOf(query.toLowerCase()) > -1;
});
} else {
this.medicUsePlanoptions = this.medicUsePlanoptionsList;
}
},
remoteMethod(query) {
this.query = query;
if (query !== "") {
this.medicUseModeoptions = this.medicUseModeoptions.filter((item) => {
return item.describe.toLowerCase().indexOf(query.toLowerCase()) > -1 || item.pinyin.toLowerCase().indexOf(query.toLowerCase()) > -1;
});
} else {
this.medicUseModeoptions = this.medicUseModeoptionsLise;
}
},
//获取频率，频率的下拉数据
gemedicUsePlanoptions() {
http.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=2`, {})
.then((data) => {
this.medicUsePlanoptions = data;
this.medicUsePlanoptionsList = data;
})
.catch((error) => {});
},
//获取用要目的下拉数据
getmedicalPurposeoptions() {
http.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=3`, {})
.then((data) => {
this.medicalPurposeoptions = data;
})
.catch((error) => {});
},
//获取患者信息
gettopdata() {
http.post(`/ClinicalRoute/ClinicalRoute/GetPatientInfo?pid=${this.$route.query.pid}`, {})
.then((data) => {
this.topdata = data;
this.crid = data.crid;
this.getreasonoptions();
})
.catch((error) => {});
},
setChildren(children, type) {
// 编辑多个子层级
children
.filter((item) => item.isForbidden)
.map((j) => {
j.tickTime = transformTimestampnow();
this.toggleSelection(j, type);
if (j.children && j.children.length) {
this.setChildren(j.children, type);
}
});
},
// 选中父节点时，子节点一起选中取消
select(selection, row) {
row.tickTime = transformTimestampnow();
// 选中
if (
selection.some((el) => {
return row.id === el.id;
})
) {
row.ischeck = 1;
if (row.children && row.children.length) {
this.setChildren(row.children, true);
} else {
selection.map((v) => {
this.toggleSelection(v, true);
});
}
//取消
} else {
this.toggleSelection(row, false);
if (row.children && row.children.length) {
this.setChildren(row.children, false);
} else { } else {
console.log("error submit!!"); row.ischeck = 2;
return false; this.toggleSelection(row, false);
//取消的行数据
}
}
},
// 控制选框是否被选中
toggleSelection(row, select) {
if (row) {
this.$nextTick(() => {
this.$refs.multipleTable && this.$refs.multipleTable.toggleRowSelection(row, select);
});
if (select == true) {
row.ischeck = 1;
} else {
row.ischeck = 2;
}
}
},
// 选择全部
selectAll(selection) {
// tabledata第一层只要有在selection里面就是全选
const isSelect = selection.some((el) => {
const tableDataIds = this.formData.tableList.map((j) => j.id);
return tableDataIds.includes(el.id);
});
// tableDate第一层只要有不在selection里面就是全不选
const isCancel = !this.formData.tableList.every((el) => {
const selectIds = selection.map((j) => j.id);
return selectIds.includes(el.id);
});
if (isSelect) {
selection.map((el) => {
if (el.children) {
this.setChildren(el.children, true);
}
});
}
if (isCancel) {
this.setfalse(this.formData.tableList);
}
},
// 编辑多个子层级
setfalse(arr) {
arr.map((item) => {
this.toggleSelection(item, false);
if (item.children && item.children.length) {
this.setfalse(item.children);
}
});
},
//当选择项发生变化时会触发该事件
SelectionChange(val) {
if (this.radio == 1) {
this.multipleSelection = val.sort((a, b) => a.sort - b.sort);
// this.multipleSelection = val.filter((item) => !item.children).sort((a, b) => a.sort - b.sort);
} else {
this.multipleSelection1 = val.sort((a, b) => a.sort - b.sort);
// this.multipleSelection1 = val.filter((item) => !item.children).sort((a, b) => a.sort - b.sort);
}
// if (this.multipleSelection.length) {
// this.multipleSelection
// .filter((item) => item.adviceType)
// .filter((item) => item.type != 1)
// .map((item, index) => {
// index == 0 ? (item.isedit = true) : (item.isedit = false);
// });
// }
// if (this.multipleSelection1.length) {
// this.multipleSelection1
// .filter((item) => item.adviceType)
// .filter((item) => item.type != 1)
// .map((item, index) => {
// index == 0 ? (item.isedit = true) : (item.isedit = false);
// });
// }
},
//获取左侧时间线数据
getlefttime() {
http.post(`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesLeft?pid=${this.$route.query.pid}`, {})
.then((data) => {
this.activities = data;
this.options = data;
if (this.activities.filter((item) => item.flag).length == this.activities.length) {
this.timeindex = this.activities[this.activities.length - 1].inhosdays;
this.timeclick(this.activities[this.activities.length - 1]);
}
if (this.activities.filter((item) => !item.flag).length == this.activities.length) {
this.timeindex = this.activities[0].inhosdays;
this.timeclick(this.activities[0]);
} else {
this.timeindex = this.activities.filter((item) => !item.flag)[0].inhosdays;
this.timeclick(this.activities.filter((item) => !item.flag)[0]);
}
})
.catch((error) => {
console.log(error);
});
},
//获取标识
getIsRoute() {
http.post(`/ClinicalRoute/ClinicalRoute/IsRoute?pid=${this.$route.query.pid}`, {})
.then((data) => {
if (data) {
this.$router.push({
path: "Entrypath",
query: {
pid: this.$route.query.pid,
},
});
}
})
.catch((error) => {});
},
getTableData() {
http.post(
`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${this.$route.query.pid}&case_routeid=${this.case_routeid}&searchQuery=${
this.inhosdays
}&type=${this.radio}&t=${Math.random()}`,
{}
)
.then((data) => {
data.route1.forEach((element) => {
if (element.children) {
element.children.map((el, i) => {
el.sort = i++;
el.isedit = false;
});
}
});
data.route2.forEach((element) => {
if (element.children) {
element.children.map((el, i) => {
el.sort = i++;
el.isedit = false;
});
}
});
// this.newtable1 = data.route1;
// this.newtable2 = data.route2;
this.formData.tableList = this.radio == 1 ? data.route1 : data.route2;
this.$nextTick(() => {
if (this.radio == 1) {
this.multipleSelection.map((j) => {
this.aa(this.formData.tableList, j.project_code, true);
});
} else {
this.multipleSelection1.map((p) => {
this.aa(this.formData.tableList, p.project_code, true);
});
}
});
})
.catch((error) => {
console.log(error);
});
},
// 编辑多个子层级
aa(arr, project_code, state) {
arr.map((j) => {
if (j.project_code == project_code) {
j.tickTime = transformTimestampnow();
this.toggleSelection(j, state);
}
if (j.children && j.children.length) {
this.aa(j.children, project_code, state);
}
});
},
//单选
radiochange(e) {
this.$refs.formData.validate((valid) => {
if (valid) {
this.radio = e;
this.getTableData();
} }
}); });
return;
if (this.$refs.numberValidateForm || this.$refs.numberValidateForm1) {
this.$refs.numberValidateForm.validate((valid) => {
if (valid) {
this.$refs.numberValidateForm1.validate((valid) => {
if (valid) {
this.radio = e;
this.getTableData();
// this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) {
this.multipleSelection.map((j) => {
this.toggleSelection(j, true);
});
} else {
this.multipleSelection1.map((p) => {
this.toggleSelection(p, true);
});
}
} else {
return false;
}
});
} else {
return false;
}
});
} else if (this.$refs.medicUseQuantity || this.$refs.medicUseMode || this.$refs.medicUsePlan) {
this.$refs.medicUseQuantity.validate((valid) => {
if (valid) {
this.$refs.medicUseMode.validate((valid) => {
if (valid) {
this.$refs.medicUsePlan.validate((valid) => {
if (valid) {
if (this.$refs.medicalPurpose) {
this.$refs.medicalPurpose.validate((valid) => {
if (valid) {
this.radio = e;
this.getTableData();
// this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) {
this.multipleSelection.map((j) => {
this.toggleSelection(j, true);
});
} else {
this.multipleSelection1.map((p) => {
this.toggleSelection(p, true);
});
}
} else {
return false;
}
});
} else {
this.radio = e;
this.getTableData();
// this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) {
this.multipleSelection.map((j) => {
this.toggleSelection(j, true);
});
} else {
this.multipleSelection1.map((p) => {
this.toggleSelection(p, true);
});
}
}
} else {
return false;
}
});
} else {
return false;
}
});
} else {
return false;
}
});
} else {
this.radio = e;
this.getTableData();
// this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) {
this.multipleSelection.map((j) => {
this.toggleSelection(j, true);
});
} else {
this.multipleSelection1.map((p) => {
this.toggleSelection(p, true);
});
}
}
}, },
resetForm(formName) {
this.$refs[formName].resetFields(); //点击左侧时间线 获取右侧表格数据
timeclick(val) {
this.timeindex = val.inhosdays;
this.case_routeid = val.case_routeid;
this.inhosdays = val.inhosdays;
this.getTableData();
},
//保存医嘱
joinorder() {
if (this.multipleSelection.length || this.multipleSelection1.length) {
this.$refs.formData.validate((valid) => {
if (valid) {
this.saveSetPatientRoutes();
}
});
}
},
msg(s, m) {
setTimeout(() => {
Message({
message: m,
type: s,
duration: 5000,
showClose: true,
});
}, 300);
},
saveSetPatientRoutes() {
this.objtable.route1 = this.multipleSelection.filter((item) => item.adviceType);
this.objtable.route2 = this.multipleSelection1.filter((item) => item.adviceType);
http.post(`/ClinicalRoute/ClinicalRoute/SetPatientRoutes?pid=${this.$route.query.pid}`, this.objtable)
.then(async (data) => {
data.map((item) => {
if (item.code == "0") {
this.msg("success", item.msg);
} else {
this.msg("error", item.msg);
}
});
// this.getlefttime();
this.getTableData();
})
.catch((error) => {});
},
//获取病情变异--变异原因下拉框
getreasonoptions() {
http.post(`/ClinicalRoute/ClinicalRoute/GetStandardByType?crid=${this.crid}`, {})
.then((data) => {
this.reasonoptions = data;
})
.catch((error) => {});
},
//病情变异
variation() {
this.editdialogFormVisible = true;
},
//确定
fromOKbtn(fromRef) {
let prome = {
pid: this.$route.query.pid,
reason: this.form.reason,
inhosdays: this.form.inhosdays,
remarks: this.form.remarks,
};
http.post(`/ClinicalRoute/ClinicalRoute/SetVariation`, prome)
.then((data) => {
Message({
message: data.message,
type: "success",
});
(this.form = {
inhosdays: "",
reason: "",
}),
(this.editdialogFormVisible = false);
this.$router.push({
path: "Entrypath",
query: {
pid: this.$route.query.pid,
},
});
})
.catch((error) => {});
},
//取消
close() {
(this.form = {
inhosdays: "",
reason: "",
}),
(this.editdialogFormVisible = false);
},
//下拉框鼠标移上显示提示文字
getTitle(val) {
if (val != "") {
let a = this.reasonoptions.filter((item) => item.describe == val);
return a[0].describe;
}
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped>
@import "../styles/mixin.scss";
@import "../styles/media/components/outClinicalpathway.scss";
//选中当前行样式
::v-deep .rowStyleclass {
font-weight: 700;
// background-color: #f5f7fa;
color: #0283bb;
}
//时间线样式
::v-deep .el-timeline-item__tail {
left: 0 !important;
height: 0 !important;
}
::v-deep .el-timeline-item {
padding-bottom: 5px !important;
display: flex !important;
align-items: end !important;
}
::v-deep .el-timeline-item__wrapper {
padding-left: 29px !important;
margin-right: 30px !important;
top: 3px !important;
display: flex !important;
align-items: end !important;
.el-timeline-item__content {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
}
}
::v-deep .el-timeline-item__node--normal {
margin-left: 15px !important;
}
//单选框
::v-deep .el-radio__input.is-checked .el-radio__inner {
background-color: #0085ba !important;
border-color: #1097e0 !important;
}
::v-deep .el-radio__input.is-checked + .el-radio__label {
color: #0085ba !important;
}
//多选框选中状态背景颜色
::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #0085ba !important;
border-color: #1097e0 !important;
}
::v-deep .el-table--scrollable-x .el-table__body-wrapper {
height: 688px !important ;
overflow-y: auto !important;
}
// 滚动条的宽度
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 10px;
background-color: #ffff;
}
// 滚动条的滑块
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #27aae2;
border: 3px solid transparent;
border-radius: 9px;
background-clip: content-box;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
/*滚动条里面轨道*/
border-radius: 20px;
background: #ffff;
width: 10px;
}
.outClinicalpathway {
// height: calc(100% - 50px);
// background-color: white;
// padding: 20px;
// position: relative;
// overflow: hidden;
height: 900px;
background-color: #f0f0f0;
// padding: 10px;
overflow: hidden;
position: relative;
&_top {
width: 100%;
height: 12%;
margin-bottom: 5px;
background-color: #f0f0f0;
display: flex;
flex-direction: column;
&_bg {
width: 100%;
height: 15%;
background-color: #0283bb;
}
&_coent {
width: 100%;
height: 50%;
background-color: #ffff;
display: flex;
margin-bottom: 5px;
&_left {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
&_one {
width: 98%;
height: 80%;
background-color: #f2fafd;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
span {
width: 3%;
height: 100%;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
}
&_t1 {
width: 24%;
height: 80%;
margin-right: 5px;
background-color: #ffff;
display: flex;
align-items: center;
color: #acacac;
font-weight: 400;
padding-left: 20px;
margin-left: 10px;
span {
width: 80%;
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
}
}
&_t2 {
width: 24%;
height: 80%;
margin-right: 5px;
background-color: #ffff;
display: flex;
align-items: center;
color: #acacac;
font-weight: 400;
padding-left: 20px;
span {
width: 80%;
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
}
}
&_t3 {
width: 24%;
height: 80%;
margin-right: 5px;
background-color: #ffff;
margin-right: 10px;
display: flex;
align-items: center;
color: #acacac;
font-weight: 400;
padding-left: 20px;
span {
width: 80%;
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
}
}
&_t4 {
width: 24%;
height: 80%;
background-color: #ffff;
margin-right: 5px;
display: flex;
align-items: center;
color: #acacac;
font-weight: 400;
padding-left: 20px;
span {
width: 60%;
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
}
}
}
}
&_right {
height: 100%;
width: 20%;
display: flex;
align-items: center;
justify-content: center;
&_btn {
height: 50%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
}
}
&_time {
width: 100%;
height: 35%;
background: #ffff;
padding-left: 20px;
display: flex;
align-items: center;
&_timespan {
max-width: 200px;
/* height: 20px; */
display: flex;
background-color: #0283bb;
border-radius: 20px;
margin-right: 10px;
span {
color: #ffff;
}
}
&_timespan2 {
max-width: 200px;
/* height: 20px; */
display: flex;
}
}
}
&_table {
height: 84%;
width: 100%;
display: flex;
&_right {
width: 100%;
height: 100%;
&_radio {
width: 100%;
height: 8%;
background: #ffff;
display: flex;
align-items: center;
padding-left: 10px;
}
}
}
/* .el-form-item {
margin: 0;
} */
}
</style>
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