Skip to content

V
vue-composition-api
Commit aa1953ff by wangshuangqing
Options

病情变异接口

parent f69307aa
Showing with 243 additions and 35 deletions
src/views/outClinicalpathway.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: wsq * @Author: wsq
* @Date: 2022-04-22 15:20:58 * @Date: 2022-04-22 15:20:58
* @LastEditors: wsq * @LastEditors: wsq
* @LastEditTime: 2023-01-10 17:53:58 * @LastEditTime: 2023-01-11 15:25:24
* @Description: * @Description:
--> -->
<template> <template>
...@@ -30,11 +30,52 @@ ...@@ -30,11 +30,52 @@
</div> </div>
<!-- 右侧按钮 --> <!-- 右侧按钮 -->
<div class="outClinicalpathway_top_right"> <div class="outClinicalpathway_top_right">
<el-button type="primary">加入医嘱</el-button> <el-button type="primary" @click="joinorder()">加入医嘱</el-button>
<el-button type="primary">病情变异</el-button> <el-button type="primary" @click="variation()">病情变异</el-button>
</div> </div>
</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-input
v-model="form.reason"
: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>
<!--病情变异弹框结束 -->
<!-- 表格 --> <!-- 表格 -->
<div class="outClinicalpathway_table"> <div class="outClinicalpathway_table">
<!-- 时间线 --> <!-- 时间线 -->
...@@ -49,24 +90,35 @@ ...@@ -49,24 +90,35 @@
:hollow="activity.hollow" :hollow="activity.hollow"
:timestamp="activity.timestamp" :timestamp="activity.timestamp"
> >
<span :class="timeindex==index?'outClinicalpathway_table_left_timespan':'outClinicalpathway_table_left_timespan2'" @click="timeclick(activity,index)">{{ activity.inhosdays }}</span> <span
:class="
timeindex == index
? 'outClinicalpathway_table_left_timespan'
: 'outClinicalpathway_table_left_timespan2'
"
@click="timeclick(activity, index)"
>{{ activity.inhosdays }}</span
>
</el-timeline-item> </el-timeline-item>
</el-timeline> </el-timeline>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="outClinicalpathway_table_right"> <div class="outClinicalpathway_table_right">
<el-table <el-table
ref="multipleTableRef" ref="multipleTable"
row-key="id" row-key="id"
:data="tableData" :data="tableData"
style="width: 100%; height: 100%; overflow-y: scroll" style="width: 100%; height: 100%; overflow-y: scroll"
@selection-change="handleSelectionChange"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
:select-on-indeterminate="true"
@selection-change="SelectionChange"
@select-all="selectAll"
@select="select"
default-expand-all default-expand-all
> >
<el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" />
<el-table-column label="医嘱类型" width="180"> <el-table-column label="医嘱类型" width="180">
<template #default="scope">{{yztype[scope.row.type] }}</template> <template #default="scope">{{ yztype[scope.row.type] }}</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
...@@ -110,11 +162,10 @@ export default { ...@@ -110,11 +162,10 @@ export default {
setup() { setup() {
//表格自适应高度 //表格自适应高度
const route = useRoute(); const route = useRoute();
const fromRef = ref();
const monthlyPlanTable = ref(); const monthlyPlanTable = ref();
const multipleTableRef = ref(); const multipleTable = ref();
let state = reactive({ let state = reactive({
//患者信息 //患者信息
topdata: { topdata: {
patientName: "", //患者姓名 patientName: "", //患者姓名
...@@ -123,16 +174,27 @@ export default { ...@@ -123,16 +174,27 @@ export default {
clinical_route_name: "", // 符合临床路径 clinical_route_name: "", // 符合临床路径
}, },
multipleSelection: [], //被选择的数据 multipleSelection: [], //被选择的数据
tableData: [],//表格数据 selectArr: [],
yztype:{ tableData: [], //表格数据
1:'长期医嘱', yztype: {
2:'短期医嘱' 1: "长期医嘱",
2: "短期医嘱",
}, },
//被点击的index //被点击的index
timeindex:null, timeindex: null,
case_routeid: null, //点击左侧时间线的天数id
inhosdays: null, //点击左侧时间线的天数
//时间线 //时间线
activities: [], activities: [],
labelPosition: "right",
editdialogFormVisible: false, //弹框是否显示
//表单
form: {
inhosdays: "",
reason: "",
},
//路径天数下拉数据
options: [],
}); });
//获取患者信息 //获取患者信息
const gettopdata = () => { const gettopdata = () => {
...@@ -146,16 +208,92 @@ export default { ...@@ -146,16 +208,92 @@ export default {
}) })
.catch((error) => {}); .catch((error) => {});
}; };
const setChildren = (children, type) => {
// 编辑多个子层级
children.map((j) => {
toggleSelection(j, type);
if (j.children) {
setChildren(j.children, type);
}
});
};
// 选中父节点时，子节点一起选中取消
const select = (selection, row) => {
// 选中
if (
selection.some((el) => {
return row.id === el.id;
})
) {
if (row.children) {
row.children.map((j) => {
toggleSelection(j, true);
});
}
//取消
} else {
if (row.children) {
row.children.map((j) => {
toggleSelection(j, false);
});
}
}
};
// 控制选框是否被选中
const toggleSelection = (row, select) => {
if (row) {
nextTick(() => {
multipleTable.value &&
multipleTable.value.toggleRowSelection(row, select);
});
}
};
// 选择全部
const selectAll = (selection) => {
// tabledata第一层只要有在selection里面就是全选
const isSelect = selection.some((el) => {
const tableDataIds = state.tableData.map((j) => j.id);
return tableDataIds.includes(el.id);
});
// tableDate第一层只要有不在selection里面就是全不选
const isCancel = !state.tableData.every((el) => {
const selectIds = selection.map((j) => j.id);
return selectIds.includes(el.id);
});
if (isSelect) {
selection.map((el) => {
if (el.children) {
el.children.map((j) => {
toggleSelection(j, true);
});
}
});
}
if (isCancel) {
state.tableData.map((el) => {
if (el.children) {
el.children.map((j) => {
toggleSelection(j, false);
});
}
});
}
};
//当选择项发生变化时会触发该事件 //当选择项发生变化时会触发该事件
const handleSelectionChange = (val) => { const SelectionChange = (val) => {
state.multipleSelection = val; state.multipleSelection = val;
console.log('val',val);
}; };
//递归选中
const checkFun = (data, status) => {
// data.forEach((element) => {
// element.isCheck = status;
// });
};
//获取左侧时间线数据 //获取左侧时间线数据
const getlefttime = () => { const getlefttime = () => {
http http
...@@ -165,12 +303,15 @@ export default { ...@@ -165,12 +303,15 @@ export default {
) )
.then((data) => { .then((data) => {
state.activities = data; state.activities = data;
state.options = data;
}) })
.catch((error) => {}); .catch((error) => {});
}; };
//点击左侧时间线 获取右侧表格数据 //点击左侧时间线 获取右侧表格数据
const timeclick = (val,index) => { const timeclick = (val, index) => {
state.timeindex=index state.timeindex = index;
state.case_routeid = val.case_routeid;
state.inhosdays = val.inhosdays;
http http
.post( .post(
`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${route.value.query.pid}&case_routeid=${val.case_routeid}&searchQuery=${val.inhosdays}`, `/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${route.value.query.pid}&case_routeid=${val.case_routeid}&searchQuery=${val.inhosdays}`,
...@@ -181,6 +322,66 @@ export default { ...@@ -181,6 +322,66 @@ export default {
}) })
.catch((error) => {}); .catch((error) => {});
}; };
//加入医嘱
const joinorder = () => {
http
.post(
`/ClinicalRoute/ClinicalRoute/SetPatientRoutes?pid=${route.value.query.pid}`,
state.selectArr
)
.then((data) => {
// 重新加载表格数据接口
http
.post(
`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${route.value.query.pid}&case_routeid=${state.case_routeid}&searchQuery=${state.inhosdays}`,
{}
)
.then((data) => {
state.tableData = data;
})
.catch((error) => {});
Message({
message: data.message,
type: "success",
});
})
.catch((error) => {});
};
//病情变异
const variation = () => {
state.editdialogFormVisible = true;
};
//确定
const fromOKbtn = () => {
let prome = {
pid: route.value.query.pid,
reason: state.form.reason,
inhosdays: state.form.inhosdays,
};
http
.post(`/ClinicalRoute/ClinicalRoute/SetVariation`, prome)
.then((data) => {
Message({
message: data.message,
type: "success",
});
(state.form = {
inhosdays: "",
reason: "",
}),
(state.editdialogFormVisible = false);
})
.catch((error) => {});
};
//取消
const close = () => {
(state.form = {
inhosdays: "",
reason: "",
}),
(state.editdialogFormVisible = false);
};
onMounted(() => { onMounted(() => {
gettopdata(); gettopdata();
...@@ -193,12 +394,21 @@ export default { ...@@ -193,12 +394,21 @@ export default {
decimal, decimal,
monthlyPlanTable, monthlyPlanTable,
multipleTableRef, multipleTable,
handleSelectionChange, SelectionChange,
checkFun,
gettopdata, gettopdata,
getlefttime, getlefttime,
timeclick, timeclick,
setChildren,
select,
toggleSelection,
selectAll,
variation,
fromOKbtn,
fromRef,
close,
joinorder,
}; };
}, },
}; };
...@@ -366,19 +576,17 @@ export default { ...@@ -366,19 +576,17 @@ export default {
margin-right: 5px; margin-right: 5px;
background-color: #ffff; background-color: #ffff;
padding-top: 10px; padding-top: 10px;
&_timespan{ &_timespan {
width: 80%; width: 80%;
height:20px; height: 20px;
display: flex; display: flex;
background-color: #f2fafd; background-color: #f2fafd;
color: #5dbee9; color: #5dbee9;
} }
&_timespan2{ &_timespan2 {
width: 80%; width: 80%;
height:20px; height: 20px;
display: flex; display: flex;
} }
} }
&_right { &_right {
......
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