Skip to content

V
vue-composition-api
Commit cacbc7a9 by wangshuangqing
Options

三个页面样式

parent aff75ccd
Showing with 400 additions and 186 deletions
src/views/outHistorygrouping.vue
......@@ -8,13 +8,87 @@
<template>
<!-- 智能分组 -->
<div class="outsetgrouping" id="setGroupingbox">
<div class="outsetgrouping_button">
<!-- <el-button class="outsetgrouping_button_GoBackbtn" size="mini" @click="goback">
<span class="iconfont icon-daochu"></span> <span class="s2">返回</span>
</el-button> -->
<el-button
class="outsetgrouping_button_Submitbtn"
size="mini"
type="primary"
@click="submit"
>
<span class="iconfont icon-ipr_tijiao"></span>
<span class="s2">提交</span>
</el-button>
</div>
<div class="outsetgrouping_top">
<div class="outsetgrouping_top_message">
<div class="outsetgrouping_top_message_left">
<span class="iconfont icon-xinrenzhinan"> </span>
<div class="outsetgrouping_top_message_left_t1">
住院号:<span>{{ casehisObj ? casehisObj.a48 : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top_message_centert">
<span class="iconfont icon-yinhangka"></span>
<div class="outsetgrouping_top_message_centert_t2">
住院次数:<span>{{ casehisObj ? casehisObj.a49 : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top_message_right">
<span class="iconfont icon-fufeiguanli"></span>
<div class="outsetgrouping_top_message_right_t3">
医疗付费方式:<span>{{ casehisObj ? casehisObj.a46C : "" }}</span>
</div>
</div>
</div>
</div>
<div class="outsetgrouping_top2">
<div class="outsetgrouping_top2_message">
<div class="outsetgrouping_top2_message_left">
<span class="iconfont icon-iconset0254"> </span>
<div class="outsetgrouping_top2_message_left_t1">
当前入组编码:<span>{{
casehisObj ? casehisObj.drgs.code : ""
}}</span>
</div>
</div>
<div class="outsetgrouping_top2_message_centert">
<span class="iconfont icon-daoru"></span>
<div class="outsetgrouping_top2_message_centert_t2">
入组名称:<span>{{ casehisObj ? casehisObj.drgs.name : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top2_message_right">
<span class="iconfont icon-qianqian-"></span>
<div class="outsetgrouping_top2_message_right_t3">
医疗支付金额:<span>{{
casehisObj ? casehisObj.drgs.actualfee : ""
}}</span>
</div>
</div>
</div>
</div>
<div class="outsetgrouping_top3"></div>
<div class="outsetgrouping_title"><span class="outsetgrouping_title_span">智能疾病分组</span></div>
<div class="outsetgrouping_title">
<span class="outsetgrouping_title_span">智能疾病分组</span>
</div>
<div class="outsetgrouping_centent">
<div class="outsetgrouping_centent_totalnum" v-for="(item, index) in CorePercents" :key="index">
<div
class="outsetgrouping_centent_totalnum"
v-for="(item, index) in CorePercents"
:key="index"
>
<div class="outsetgrouping_centent_totalnum_left">
<div class="outsetgrouping_centent_totalnum_left_radios">
<input type="radio" name="radios" :value="item.coreID" v-model="radio" />
<input
type="radio"
name="radios"
:value="item.coreID"
v-model="radio"
/>
</div>
<div class="outsetgrouping_centent_totalnum_left_text">
......@@ -34,43 +108,63 @@
<span>入组名称：{{ item.coreName }}</span>
</div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text4">
<span>主诊断编码：{{ item.disCode }}</span><span>主手术编码：{{ item.opsCode }}</span><span>点数：{{
item.score
}}</span>
<span>主诊断编码：{{ item.disCode }}</span
><span>主手术编码：{{ item.opsCode }}</span
><span>点数：{{ item.score }}</span>
</div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text5">
<span>医保支付金额：{{ item.unitfee }}</span><span>院内平均费用：{{ item.avgFee
}}</span><span>院内平均住院天数：{{ item.avgInHosDay }}</span>
<span>医保支付金额：{{ item.unitfee }}</span
><span>院内平均费用：{{ item.avgFee }}</span
><span>院内平均住院天数：{{ item.avgInHosDay }}</span>
</div>
</div>
</div>
</div>
<div class="outsetgrouping_centent_totalnum_right">
<div class="outsetgrouping_centent_totalnum_right_text1">
<span class="outsetgrouping_centent_totalnum_right_text1_span1"> 药占比:</span>
<div :id="`indexChart` + index" class="outsetgrouping_centent_totalnum_right_text1_echar1">
</div>
<span class="outsetgrouping_centent_totalnum_right_text1_span1">
药占比:</span
>
<div
:id="`indexChart` + index"
class="outsetgrouping_centent_totalnum_right_text1_echar1"
></div>
</div>
<div class="outsetgrouping_centent_totalnum_right_text2">
<span class="outsetgrouping_centent_totalnum_right_text2_span2"> 耗材占比:</span>
<div :id="`indexCharttwo` + index" class="outsetgrouping_centent_totalnum_right_text2_echar2">
</div>
<span class="outsetgrouping_centent_totalnum_right_text2_span2">
耗材占比:</span
>
<div
:id="`indexCharttwo` + index"
class="outsetgrouping_centent_totalnum_right_text2_echar2"
></div>
</div>
<div class="outsetgrouping_centent_totalnum_right_text3">
<span class="outsetgrouping_centent_totalnum_right_text3_span3"> 检查占比:</span>
<div :id="`indexCharttree` + index" class="outsetgrouping_centent_totalnum_right_text3_echar3">
</div>
<span class="outsetgrouping_centent_totalnum_right_text3_span3">
检查占比:</span
>
<div
:id="`indexCharttree` + index"
class="outsetgrouping_centent_totalnum_right_text3_echar3"
></div>
</div>
<div class="outsetgrouping_centent_totalnum_right_text4">
<span class="outsetgrouping_centent_totalnum_right_text4_span4"> 检验占比:</span>
<div :id="`indexChartfore` + index" class="outsetgrouping_centent_totalnum_right_text4_echar4">
</div>
<span class="outsetgrouping_centent_totalnum_right_text4_span4">
检验占比:</span
>
<div
:id="`indexChartfore` + index"
class="outsetgrouping_centent_totalnum_right_text4_echar4"
></div>
</div>
<div class="outsetgrouping_centent_totalnum_right_text5">
<span class="outsetgrouping_centent_totalnum_right_text5_span5"> 其他占比:</span>
<div :id="`indexChartfile` + index" class="outsetgrouping_centent_totalnum_right_text5_echar5">
</div>
<span class="outsetgrouping_centent_totalnum_right_text5_span5">
其他占比:</span
>
<div
:id="`indexChartfile` + index"
class="outsetgrouping_centent_totalnum_right_text5_echar5"
></div>
</div>
</div>
</div>
......@@ -84,36 +178,49 @@
</div>
</div>
<div class="outsetgrouping_pagination">
<el-pagination layout="sizes,prev, pager, next,jumper" :total="totalCount" @size-change="sizeChange"
@current-change="currentChange" :current-page="currentPage" :page-size="pageSize"
:page-sizes="[10, 30, 50]">
<el-pagination
layout="sizes,prev, pager, next,jumper"
:total="totalCount"
@size-change="sizeChange"
@current-change="currentChange"
:current-page="currentPage"
:page-size="pageSize"
:page-sizes="[10, 30, 50]"
>
</el-pagination>
</div>
</div>
</template>
<script >
import http from '../utils/http';
import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api';
import { decimal } from '../utils/decimal';
import { useRoute, useRouter } from '../utils/useVueRouter';
import { initEcharts, categoryChart } from '../utils/echarts';
import http from "../utils/http";
import {
reactive,
toRefs,
onMounted,
nextTick,
computed,
} from "@vue/composition-api";
import { decimal } from "../utils/decimal";
import { Message } from 'element-ui';
import { useRoute, useRouter } from "../utils/useVueRouter";
import { initEcharts, categoryChart } from "../utils/echarts";
export default {
name: 'outHistorygrouping',
name: "outHistorygrouping",
setup() {
let state = reactive({
abc: '',
abc: "",
casehisObj: null,
searchForm: {
diagName: '',
opsName: '',
diagName: "",
opsName: "",
},
CorePercents: [],
totalCount: 0, //总条数
currentPage: 1, //当前页
pageSize: 10,
typesel: 1,
radio: '', //单选框选中值
radio: "", //单选框选中值
drug: [],
nodataShow: true, //没有搜索时显示
nolistShow: false, //没有搜索数据的时候显示
......@@ -127,41 +234,33 @@ export default {
//返回
const router = useRouter();
const goback = () => {
router.go(-1)
}
router.go(-1);
};
//获取基本数据
function getCaseHis(code) {
http
.post(`/medical/Get/casehisData?id=${code}`, {})
.then((data) => {
state.casehisObj = data;
console.log('data', data);
console.log("data", data);
state.diagMapList = data.diagMapList;
state.opsMapList = data.opsMapList;
getlist();
})
.catch((error) => {
});
.catch((error) => {});
}
//获取列表数据
const getlist = () => {
http
.post(`/medical/get/GetCorePercents`,
{
.post(`/medical/get/GetCorePercents`, {
PageNumber: state.currentPage,
Type: 1,
pageSize: state.pageSize,
DiagMapList: state.diagMapList,
OpsMapList: state.opsMapList,
id: route.value.query.id
id: route.value.query.id,
})
.then((data) => {
state.CorePercents = data.list;
......@@ -171,36 +270,52 @@ export default {
// state.nodataShow = false;
}
for (var i = 0; i < state.CorePercents.length; i++) {
initEcharts(categoryChart(state.CorePercents[i].drugPercent, '#2CABE3'), `indexChart${i}`);
initEcharts(categoryChart(state.CorePercents[i].materialsPercent, '#71D875'), `indexCharttwo${i}`);
initEcharts(categoryChart(state.CorePercents[i].inspectPercent, '#F35E77'), `indexCharttree${i}`);
initEcharts(categoryChart(state.CorePercents[i].testPercent, '#FFB321'), `indexChartfore${i}`);
initEcharts(categoryChart(state.CorePercents[i].otherPercent, '#C05EF3'), `indexChartfile${i}`);
initEcharts(
categoryChart(state.CorePercents[i].drugPercent, "#2CABE3"),
`indexChart${i}`
);
initEcharts(
categoryChart(state.CorePercents[i].materialsPercent, "#71D875"),
`indexCharttwo${i}`
);
initEcharts(
categoryChart(state.CorePercents[i].inspectPercent, "#F35E77"),
`indexCharttree${i}`
);
initEcharts(
categoryChart(state.CorePercents[i].testPercent, "#FFB321"),
`indexChartfore${i}`
);
initEcharts(
categoryChart(state.CorePercents[i].otherPercent, "#C05EF3"),
`indexChartfile${i}`
);
}
})
.catch((error) => {
});
.catch((error) => {});
};
//提交
const submit = () => {
if (state.radio == '') {
// ElMessage.warning({
// message: "请先选择要入组的病组",
// type: 'warning',
// });
if (state.radio == "") {
Message.warning({
message: "请先选择要入组的病组",
type: 'warning',
});
} else {
http
.post(`/medical/Update/casehisById?PatientId=${route.value.query.id}`, [state.radio])
.post(
`/medical/Update/casehisById?PatientId=${route.value.query.id}`,
[state.radio]
)
.then((data) => {
// ElMessage.success({
// message: `${data.message}`,
// type: 'success',
// });
getCaseHis(route.value.query.id)
Message.success({
message: `${data.message}`,
type: 'success',
});
getCaseHis(route.value.query.id);
})
.catch((error) => { });
.catch((error) => {});
}
};
/**
......@@ -231,17 +346,17 @@ export default {
sizeChange,
getlist,
submit,
goback
goback,
};
},
};
</script>
<style lang="scss" scoped>
@import '../styles/mixin.scss';
@import "../styles/mixin.scss";
// @import '../styles/media/media/outHistorygrouping.scss';
.outsetgrouping {
height: 100%;
height: 900px;
background-color: white;
padding: 0px 20px 20px 20px;
overflow: hidden;
......@@ -249,18 +364,17 @@ export default {
&_button {
display: flex;
justify-content: end;
justify-content: flex-end;
margin-bottom: 10px;
&_GoBackbtn {
color: #2CABE3;
border: 1px solid #2CABE3;
color: #2cabe3;
border: 1px solid #2cabe3;
}
&_Submitbtn {
background-color: #2CABE3;
background-color: #2cabe3;
color: #fff;
}
}
......@@ -686,7 +800,6 @@ export default {
}
}
}
}
}
......@@ -821,7 +934,7 @@ export default {
&_pagination {
display: flex;
justify-content: end;
justify-content: flex-end;
margin-top: 1%;
}
}
......
src/views/outpatientDetails.vue
......@@ -96,16 +96,8 @@
style="width: 100%"
:default-sort="{ prop: 'date', order: 'descending' }"
:row-class-name="tableRowClassName"
:height="'100%'"
height="575"
>
<!-- <el-table-column :label="item.cloumn" :prop="item.name">
<template slot-scope="scope" v-if="item.cloumn == '单价'">
{{ decimal(scope.row.fee) }}
</template>
<template slot-scope="scope" v-if="item.cloumn == '总金额'">
{{ decimal(scope.row.unitprice) }}
</template>
</el-table-column> -->
<el-table-column
label="开单日期"
prop="iteM_CODE"
......@@ -197,6 +189,7 @@
import http from '../utils/http';
import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api';
import { decimal } from '../utils/decimal';
import { Message } from 'element-ui';
import { useRoute, useRouter } from '../utils/useVueRouter';
import { setItem, getItem } from '../utils/auth';
export default {
......@@ -240,7 +233,7 @@ export default {
.post(`/global/post/SetCaseProjectRuleHis?id=${route.value.query.id}`)
.then((data) => {
// ElMessage.success(data.message);
Message.success(data.message);
})
.catch((error) => {
......@@ -248,7 +241,7 @@ export default {
};
//获取患者信息数据
const getHistoryInfo = () => {
// var loadingInstance2 = ElLoading.service(loadingOption1);
http
.post(`/medical/Get/getHisInfo?&code=${route.value.query.id}`, {})
......@@ -262,10 +255,10 @@ export default {
toggle(0, state.goods[0]);
}
// loadingInstance2.close();
})
.catch((error) => {
// loadingInstance2.close();
});
};
......@@ -370,7 +363,7 @@ export default {
// padding: 20px;
// position: relative;
// overflow: hidden;
height: 100%;
height: 775px;
background-color: white;
padding: 20px;
overflow: hidden;
......@@ -537,7 +530,7 @@ export default {
&_bottom {
display: flex;
justify-content: space-between;
height: 70%;
height: 80%;
&_leftShowBox {
width: 80%;
height: 100%;
......@@ -672,14 +665,14 @@ export default {
// 无数据样式
&_box {
width: 100%;
height: 100%;
height: 500px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_img {
width: 200px;
height: 200px;
width: 100px;
height: 100px;
}
&_text {
font-size: 18px;
......
src/views/outseeQualityControl.vue
......@@ -18,91 +18,195 @@
<div class="outseeQualityControl_box_Content">
<div class="outseeQualityControl_box_Content_left">
<medical-record-homepage :medicalrecord="medicalrecord" :clicktitle="clicktitle">
<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="[
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" />
<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="[
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span1'
: 'outseeQualityControl_box_Content_right_top_left_div2_span11',
]">{{ fruleCount }}</span>
<span :class="[
]"
>{{ fruleCount }}</span
>
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span2'
: 'outseeQualityControl_box_Content_right_top_left_div2_span22',
]">非编码问题</span>
]"
>非编码问题</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
: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="[
<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="[
]"
>{{ ruleCount }}</span
>
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span2'
: 'outseeQualityControl_box_Content_right_top_right_div2_span22',
]">编码问题</span>
]"
>编码问题</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
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">
<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' : '']">
<span :class="[data.ruleName == '非编码问题' ? 'spans' : '']">{{ data.ruleName
}}</span>
<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 class="_score"> -{{ data.score }}<span>分</span></span> -->
</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">
<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' : '']">
<span :class="[data.ruleName == '编码问题' ? 'spans' : '']">{{ data.ruleName
}}</span>
<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
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>
......@@ -113,17 +217,24 @@
</template>
<script>
import http from '../utils/http';
import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api';
import medicalRecordHomepage from '../components/medicalRecordHomepage/index.vue';
import { useRoute, useRouter } from '../utils/useVueRouter';
import $ from 'jquery';
import { setItem, getItem } from '../utils/auth';
import http from "../utils/http";
import {
reactive,
toRefs,
onMounted,
nextTick,
computed,
} from "@vue/composition-api";
import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue";
import { useRoute, useRouter } from "../utils/useVueRouter";
import $ from "jquery";
import { setItem, getItem } from "../utils/auth";
import { Message } from "element-ui";
export default {
components: {
medicalRecordHomepage,
},
name: 'outseeQualityControl',
name: "outseeQualityControl",
setup() {
let state = reactive({
medicalrecord: null,
......@@ -133,17 +244,17 @@ export default {
rightdepartmentTree: [], //编码问题数据
isleftcodeShow: true, //非编码问题数据是否显示
defaultProps: {
children: 'rulesLists',
label: 'ruleName',
children: "rulesLists",
label: "ruleName",
},
clicktitle: '',
fruleCount: '', //非编码问题数据条数
ruleCount: '', //编码问题数据条数
clicktitle: "",
fruleCount: "", //非编码问题数据条数
ruleCount: "", //编码问题数据条数
isnodataShow: false, //编码是否有数据,
inhtml: '',
splithtml: '', //
splithtml2: '', //单位电话
splithtml3: '', //病房
inhtml: "",
splithtml: "", //
splithtml2: "", //单位电话
splithtml3: "", //病房
keys: [], //获取所有的问卷key
values: [], //
});
......@@ -151,44 +262,40 @@ export default {
onMounted(() => {
console.log(route.value);
});
//同步数据
const getSynchronous = (id) => {
http
.post(`/medical/get/Synchronization?id=${route.value.query.id}`)
.then((data) => {
// ElMessage.success(data.message);
Message.success(data.message);
})
.catch((error) => {
// ElMessage.error(error);
Message.error(error);
});
};
//获取到点击的值
const handleNodeClick = (data) => {
let arr = document.getElementsByClassName(data.columnName);
let dom = $('#medicalRecord').find('#clickColor');
let dom = $("#medicalRecord").find("#clickColor");
if (dom.length != 0) {
dom.removeAttr('id');
dom.removeAttr("id");
}
arr[0].setAttribute('id', 'clickColor');
arr[0].setAttribute("id", "clickColor");
scrollTop();
};
function scrollTop() {
if ($('#clickColor').position()) {
$('.outseeQualityControl_box_Content_left').animate(
if ($("#clickColor").position()) {
$(".outseeQualityControl_box_Content_left").animate(
{
scrollTop:
$('#clickColor').offset().top -
$('.outseeQualityControl_box_Content_left').offset().top +
$('.outseeQualityControl_box_Content_left').scrollTop() -
$("#clickColor").offset().top -
$(".outseeQualityControl_box_Content_left").offset().top +
$(".outseeQualityControl_box_Content_left").scrollTop() -
300,
},
500
......@@ -198,12 +305,11 @@ export default {
const loadingOption1 = {
// 加载loading
fullscreen: true,
text: '正在加载...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.5)',
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.5)",
};
// 获取病案首页数据
function getHomePage(id) {
http
......@@ -212,7 +318,7 @@ export default {
state.medicalrecord = data;
state.keys = Object.keys(data);
})
.catch((error) => { });
.catch((error) => {});
}
//获取患者基本信息树形数据
function getScoringDetails(id) {
......@@ -227,7 +333,7 @@ export default {
state.isnodataShow = true;
}
})
.catch((error) => { });
.catch((error) => {});
}
//点击非编码问题
const leftcode = () => {
......@@ -239,11 +345,10 @@ export default {
};
onMounted(() => {
if (route.value.query.id) {
getHomePage(route.value.query.id);
getScoringDetails(route.value.query.id);
setItem('outpid', route.value.query.id)
setItem("outpid", route.value.query.id);
}
});
......@@ -259,12 +364,12 @@ export default {
</script>
<style lang="scss">
// @import '../styles/mixin.scss';
// @import 'styles/media/components/outseeQualityControl.scss';
.outseeQualityControl {
height: 100%;
height: 96%;
background-color: white;
padding: 20px;
overflow: hidden;
......@@ -274,7 +379,6 @@ export default {
background-color: #f3bf18;
}
&_box {
height: 100%;
width: 100%;
......@@ -291,7 +395,7 @@ export default {
&_header {
height: r(25, 1920);
background: url('../assets/img/dataMaintenance/title.png') no-repeat;
background: url("../assets/img/dataMaintenance/title.png") no-repeat;
background-size: 100% 100%;
width: 100%;
......@@ -358,7 +462,7 @@ export default {
flex: 1;
height: 45%;
border-radius: 8px;
background-image: url('../assets/img/BG.png');
background-image: url("../assets/img/BG.png");
background-repeat: no-repeat;
background-position: center;
display: flex;
......@@ -525,7 +629,7 @@ export default {
flex: 1;
height: 45%;
border-radius: 8px;
background-image: url('../assets/img/BG.png');
background-image: url("../assets/img/BG.png");
background-repeat: no-repeat;
background-position: center;
display: flex;
......@@ -636,6 +740,10 @@ export default {
font-weight: 400;
line-height: 22px;
text-align: start;
overflow: hidden;
width: 92%;
white-space: nowrap;
text-overflow: ellipsis;
}
.spans {
......@@ -671,7 +779,7 @@ export default {
height: 85px;
}
.el-tree-node.is-current>.el-tree-node__content {
.el-tree-node.is-current > .el-tree-node__content {
height: 85px;
/* background: #5fc3f0; */
......@@ -742,7 +850,7 @@ export default {
height: 100%;
}
.el-tree>.el-tree-node {
.el-tree > .el-tree-node {
//父级加下滑线
// border-bottom: 1px dashed #dddddd;
}
......
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