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"; ...@@ -9,19 +9,13 @@ import Vue from "vue";
import App from "./App.vue"; import App from "./App.vue";
import store from "./store"; import store from "./store";
import router from "@/router/index"; import router from "@/router/index";
Vue.config.productionTip = false; Vue.config.productionTip = false;
import http from "@/utils/http.js"; import http from "@/utils/http.js";
Vue.prototype.$http = http; Vue.prototype.$http = http;
import ElementUI from "element-ui"; import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css"; import "element-ui/lib/theme-chalk/index.css";
Vue.use(ElementUI); Vue.use(ElementUI);
import VueCompositionApi from "@vue/composition-api"; import VueCompositionApi from "@vue/composition-api";
Vue.use(VueCompositionApi); Vue.use(VueCompositionApi);
//引入 dayjs //引入 dayjs
import dayjs from "dayjs"; import dayjs from "dayjs";
......
src/views/medicalRecordImport.vue
...@@ -2,64 +2,187 @@ ...@@ -2,64 +2,187 @@
<!-- 病案导入 --> <!-- 病案导入 -->
<div class="medicalRecordImport"> <div class="medicalRecordImport">
<div class="medicalRecordImport_top"></div> <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"> <div class="main">
<el-tabs v-model="activeName" @tab-click="handleClick"> <div class="l">
<el-tab-pane label="医保反馈数据" name="1" <div v-for="item in list" :key="item.value" :class="activeName == item.value ? 'act' : ''" @click="getdata(item.value)">
><iframe src="http://172.16.1.244:8050/#/report/view?workbookId=269" width="100%" height="100%" frameborder="0"></iframe> <i class="el-icon-caret-right"></i>
</el-tab-pane> {{ item.name }}
<el-tab-pane label="月度分组数据" name="2" </div>
><iframe src="http://172.16.1.244:8050/#/report/view?workbookId=268" width="100%" height="100%" frameborder="0"></iframe </div>
></el-tab-pane> <div class="r">
<el-tab-pane label="年度结算数据" name="3" <div v-if="activeName == 1">
><iframe src="http://172.16.1.244:8050/#/report/view?workbookId=267" width="100%" height="100%" frameborder="0"></iframe <template v-if="show">
></el-tab-pane> <iframe
</el-tabs> :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>
</div> </div>
</template> </template>
<script> <script>
import http from "../utils/http";
export default { export default {
name: "medicalRecordImport", name: "medicalRecordImport",
components: {}, components: {},
data() { data() {
return { return {
activeName: "1", activeName: "1",
info: {},
doctorCode: "",
deptCode: "",
show: true,
type: 1,
list: [
{ name: "医保反馈数据", value: "1" },
{ name: "月度分组数据", value: "2" },
{ name: "年度结算数据", value: "3" },
],
}; };
}, },
mounted() { created() {
console.log(window.location.origin); // :src="`http://172.16.1.244:8050/#/report/view?workbookId=269&info=${JSON.stringify(info)}`"
this.GetDeptAndDoctorByPid();
}, },
mounted() {},
methods: { 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> </script>
<style lang="scss"> <style lang="scss">
.medicalRecordImport { .medicalRecordImport {
height: 100%; height: 100%;
background-color: white; background: #e5e4e9;
overflow: auto; overflow: auto;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
&_top { &_top {
width: 100%; width: 100%;
height: 15px; height: 30px;
background-color: #2cabe3; 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 { .main {
padding: 30px; padding: 10px;
flex: 1; flex: 1;
.el-tabs__nav-wrap::after { display: flex;
display: none; .l {
} width: 206px;
.el-tabs { background: #fff;
height: 100%; margin-right: 10px;
.el-tabs__content { padding: 20px;
overflow: hidden; > div {
position: relative; background: #f4f5f8;
height: calc(100% - 55px); 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%; height: 100%;
} }
} }
......
src/views/outHistorygrouping.vue
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<!-- 智能分组 --> <!-- 智能分组 -->
<div class="outsetgrouping" id="setGroupingbox"> <div class="outsetgrouping" id="setGroupingbox">
<div class="outsetgrouping_button"> <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" 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> <el-button class="outsetgrouping_button_Searchbtn" style="margin-left: 10px" size="mini" type="primary" @click="topage1">病案质控</el-button>
...@@ -482,26 +482,40 @@ export default { ...@@ -482,26 +482,40 @@ export default {
otssoptions: [], //其他手术 otssoptions: [], //其他手术
diagList: [], //诊断 diagList: [], //诊断
opsList: [], //手术 opsList: [], //手术
myTimer: null,
}; };
}, },
mounted() { mounted() {
this.$nextTick(() => {
window.addEventListener("mouseover", this.myTimeOut);
});
this.myTimeOut();
this.getCaseHis(this.$route.query.id); this.getCaseHis(this.$route.query.id);
if (this.searchForm.diagName.length > 0) { if (this.searchForm.diagName.length > 0) {
this.getlist(); this.getlist();
} }
}, },
methods: { methods: {
decimal, decimal,
goback() { goback() {
router.go(-1); 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() { gosear() {
this.addrecordEnrollmentShow = true; this.addrecordEnrollmentShow = true;
}, },
//获取基本数据 //获取基本数据
getCaseHis(code) { getCaseHis(code) {
http.post(`/medical/Get/casehisData?id=${code}`, {}) http.post(`/medical/Get/casehisData?id=${code}`, {})
......
src/views/outpatientDetails.vue
...@@ -609,14 +609,29 @@ export default { ...@@ -609,14 +609,29 @@ export default {
otssoptions: [], //其他手术 otssoptions: [], //其他手术
diagList: [], //诊断 diagList: [], //诊断
opsList: [], //手术 opsList: [], //手术
myTimer: null,
}; };
}, },
mounted() { mounted() {
this.$nextTick(() => {
window.addEventListener("mouseover", this.myTimeOut);
});
this.myTimeOut();
this.GetProjectRulesData(); this.GetProjectRulesData();
this.getHistoryInfo(); this.getHistoryInfo();
this.getlefttable(); this.getlefttable();
}, },
methods: { 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() { gosear() {
this.addrecordEnrollmentShow = true; 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