Skip to content

V
vue-composition-api
Commit 23c3a62c by 唐玉峰
Options

m

parent 8855aded
Showing with 184 additions and 38 deletions
src/main.js
......@@ -9,19 +9,13 @@ import Vue from "vue";
import App from "./App.vue";
import store from "./store";
import router from "@/router/index";
Vue.config.productionTip = false;
import http from "@/utils/http.js";
Vue.prototype.$http = http;
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
Vue.use(ElementUI);
import VueCompositionApi from "@vue/composition-api";
Vue.use(VueCompositionApi);
//引入 dayjs
import dayjs from "dayjs";
......
src/views/medicalRecordImport.vue
......@@ -2,64 +2,187 @@
<!-- 病案导入 -->
<div class="medicalRecordImport">
<div class="medicalRecordImport_top"></div>
<div class="btn">
<div :class="type == 1 ? 'act' : ''" @click="getid(1)">当前医生数据</div>
<div :class="type == 2 ? 'act' : ''" @click="getid(2)">所属病区数据</div>
</div>
<div class="main">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="医保反馈数据" name="1"
><iframe src="http://172.16.1.244:8050/#/report/view?workbookId=269" width="100%" height="100%" frameborder="0"></iframe>
</el-tab-pane>
<el-tab-pane label="月度分组数据" name="2"
><iframe src="http://172.16.1.244:8050/#/report/view?workbookId=268" width="100%" height="100%" frameborder="0"></iframe
></el-tab-pane>
<el-tab-pane label="年度结算数据" name="3"
><iframe src="http://172.16.1.244:8050/#/report/view?workbookId=267" width="100%" height="100%" frameborder="0"></iframe
></el-tab-pane>
</el-tabs>
<div class="l">
<div v-for="item in list" :key="item.value" :class="activeName == item.value ? 'act' : ''" @click="getdata(item.value)">
<i class="el-icon-caret-right"></i>
{{ item.name }}
</div>
</div>
<div class="r">
<div v-if="activeName == 1">
<template v-if="show">
<iframe
:src="`http://192.168.18.166:8060/#/report/view?workbookId=274&doctorcode=${doctorCode}&deptcode=${deptCode}`"
width="100%"
height="100%"
frameborder="0"
>
</iframe>
</template>
</div>
<div v-if="activeName == 2">
<template v-if="show">
<iframe
:src="`http://192.168.18.166:8060/#/report/view?workbookId=272&doctorcode=${doctorCode}&deptcode=${deptCode}`"
width="100%"
height="100%"
frameborder="0"
>
</iframe>
</template>
</div>
<div v-if="activeName == 3">
<template v-if="show">
<iframe
:src="`http://192.168.18.166:8060/#/report/view?workbookId=273&doctorcode=${doctorCode}&deptcode=${deptCode}`"
width="100%"
height="100%"
frameborder="0"
>
</iframe>
</template>
</div>
</div>
</div>
</div>
</template>
<script>
import http from "../utils/http";
export default {
name: "medicalRecordImport",
components: {},
data() {
return {
activeName: "1",
info: {},
doctorCode: "",
deptCode: "",
show: true,
type: 1,
list: [
{ name: "医保反馈数据", value: "1" },
{ name: "月度分组数据", value: "2" },
{ name: "年度结算数据", value: "3" },
],
};
},
mounted() {
console.log(window.location.origin);
created() {
// :src="`http://172.16.1.244:8050/#/report/view?workbookId=269&info=${JSON.stringify(info)}`"
this.GetDeptAndDoctorByPid();
},
mounted() {},
methods: {
handleClick(tab, event) {},
getid(type) {
this.type = type;
this.show = false;
if (type == 1) {
this.doctorCode = this.info.doctorCode;
this.deptCode = "";
setTimeout(() => {
this.show = true;
}, 300);
} else {
this.deptCode = this.info.deptCode;
this.doctorCode = "";
setTimeout(() => {
this.show = true;
}, 300);
}
},
getdata(type) {
this.activeName = type;
this.show = false;
setTimeout(() => {
this.show = true;
}, 300);
},
GetDeptAndDoctorByPid(id) {
http.get(`/medical/Get/GetDeptAndDoctorByPid?id=${this.$route.query.id}`)
.then((data) => {
this.info = data;
this.doctorCode = data.doctorCode;
})
.catch((error) => {});
},
},
};
</script>
<style lang="scss">
.medicalRecordImport {
height: 100%;
background-color: white;
background: #e5e4e9;
overflow: auto;
display: flex;
flex-flow: column;
&_top {
width: 100%;
height: 15px;
background-color: #2cabe3;
height: 30px;
background-color: #245ba9;
}
.btn {
display: flex;
background: #fff;
margin-top: 10px;
padding: 20px 30px;
> div {
width: 166px;
height: 40px;
background: #f7f7f7;
border-radius: 20px;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: bold;
margin-right: 30px;
color: #333333;
cursor: pointer;
}
.act {
background: #245ba9;
color: #fff;
}
}
.main {
padding: 30px;
padding: 10px;
flex: 1;
.el-tabs__nav-wrap::after {
display: none;
}
.el-tabs {
height: 100%;
.el-tabs__content {
overflow: hidden;
position: relative;
height: calc(100% - 55px);
display: flex;
.l {
width: 206px;
background: #fff;
margin-right: 10px;
padding: 20px;
> div {
background: #f4f5f8;
border-radius: 4px;
color: #333333;
font-weight: bold;
cursor: pointer;
font-size: 14px;
padding: 15px 10px;
margin-bottom: 20px;
i {
color: #e0e0e0;
}
}
.el-tab-pane {
.act {
background: rgba(36, 91, 169, 0.1);
border: 1px solid #245ba9;
color: #245ba9;
i {
color: #245ba9;
}
}
}
.r {
flex: 1;
background: #fff;
padding: 30px;
> div {
height: 100%;
}
}
......
src/views/outHistorygrouping.vue
......@@ -9,7 +9,7 @@
<!-- 智能分组 -->
<div class="outsetgrouping" id="setGroupingbox">
<div class="outsetgrouping_button">
<router-link target="_blank" :to="{ path: '/medicalRecordImport' }">
<router-link target="_blank" :to="{ path: '/medicalRecordImport', query: { id: $route.query.id } }">
<el-button class="outsetgrouping_button_Searchbtn" size="mini" type="primary">DRG历史分组结果查询</el-button></router-link
>
<el-button class="outsetgrouping_button_Searchbtn" style="margin-left: 10px" size="mini" type="primary" @click="topage1">病案质控</el-button>
......@@ -482,26 +482,40 @@ export default {
otssoptions: [], //其他手术
diagList: [], //诊断
opsList: [], //手术
myTimer: null,
};
},
mounted() {
this.$nextTick(() => {
window.addEventListener("mouseover", this.myTimeOut);
});
this.myTimeOut();
this.getCaseHis(this.$route.query.id);
if (this.searchForm.diagName.length > 0) {
this.getlist();
}
},
methods: {
decimal,
goback() {
router.go(-1);
},
myTimeOut() {
console.log(1);
clearTimeout(this.myTimer);
this.myTimer = setTimeout(() => {
window.opener = null;
window.open("about:blank", "_self", "").close();
window.close();
clearTimeout(this.myTimer);
}, 10 * 60 * 1000);
},
//疾病查询
gosear() {
this.addrecordEnrollmentShow = true;
},
//获取基本数据
getCaseHis(code) {
http.post(`/medical/Get/casehisData?id=${code}`, {})
......
src/views/outpatientDetails.vue
......@@ -609,14 +609,29 @@ export default {
otssoptions: [], //其他手术
diagList: [], //诊断
opsList: [], //手术
myTimer: null,
};
},
mounted() {
this.$nextTick(() => {
window.addEventListener("mouseover", this.myTimeOut);
});
this.myTimeOut();
this.GetProjectRulesData();
this.getHistoryInfo();
this.getlefttable();
},
methods: {
myTimeOut() {
console.log(1);
clearTimeout(this.myTimer);
this.myTimer = setTimeout(() => {
window.opener = null;
window.open("about:blank", "_self", "").close();
window.close();
clearTimeout(this.myTimer);
}, 10 * 60 * 1000);
},
//疾病查询
gosear() {
this.addrecordEnrollmentShow = true;
......
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