Skip to content

V
vue-composition-api
Commit 151c4232 by 唐玉峰
Options

.

parent f2c5367a
Showing with 220 additions and 235 deletions
src/views/medicalRecordImport.vue
<template>
<!-- 病案导入 -->
<div class="medicalRecordImport">
<div class="medicalRecordImport_top"></div>
<div class="btn">
<!-- 病案导入 -->
<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 :class="type == 3 ? 'act' : ''" @click="getid(3)">病种用药目录</div>
<div @click="toData">数据分析</div>
</div>
<div class="main">
<template v-if="type != 3">
<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://172.16.1.244:8050/#/report/view?workbookId=276&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://172.16.1.244:8050/#/report/view?workbookId=275&doctorcode=${doctorCode}&deptcode=${deptCode}`"
width="100%"
height="100%"
frameborder="0"
>
</iframe>
</div> -->
<div class="main">
<template v-if="type != 3">
<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://172.16.1.244:8050/#/report/view?workbookId=276&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://172.16.1.244:8050/#/report/view?workbookId=275&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://172.16.1.244:8050/#/report/view?workbookId=267&doctorcode=${doctorCode}&deptcode=${deptCode}`"
width="100%"
height="100%"
frameborder="0"
>
</iframe>
</template>
</div>
<div v-if="activeName == 4">
<template v-if="show">
<iframe
:src="`http://172.16.1.244:8050/#/report/view?workbookId=277&doctorcode=${doctorCode}&deptcode=${deptCode}`"
width="100%"
height="100%"
frameborder="0"
>
</iframe>
</template>
</div>
</div>
</template>
</div>
<div v-if="activeName == 3">
<template v-if="show">
<iframe
:src="`http://172.16.1.244:8050/#/report/view?workbookId=267&doctorcode=${doctorCode}&deptcode=${deptCode}`"
width="100%"
height="100%"
frameborder="0"
>
</iframe>
</template>
</div>
<div v-if="activeName == 4">
<template v-if="show">
<iframe
:src="`http://172.16.1.244:8050/#/report/view?workbookId=277&doctorcode=${doctorCode}&deptcode=${deptCode}`"
width="100%"
height="100%"
frameborder="0"
>
</iframe>
</template>
</div>
</div>
</template>
<div class="r" v-else>
<div>
<template v-if="show">
<iframe :src="url" width="100%" height="100%" frameborder="0">
</iframe>
</template>
<div class="r" v-else>
<div>
<template v-if="show">
<iframe :src="url" width="100%" height="100%" frameborder="0"> </iframe>
</template>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import http from '../utils/http'
import http from "../utils/http";
export default {
name: 'medicalRecordImport',
components: {},
data() {
return {
activeName: '2',
info: {},
doctorCode: '',
deptCode: '',
show: true,
type: 1,
list: [
// { name: "月度初步分组", value: "1" },
{ name: '月度拨付分组', value: '2' },
{ name: '年度清算数据', value: '3' },
{ name: '院内编目分组', value: '4' }
],
url: ''
}
},
created() {
// :src="`http://172.16.1.244:8050/#/report/view?workbookId=269&info=${JSON.stringify(info)}`"
this.GetDeptAndDoctorByPid()
},
mounted() {},
methods: {
getid(type) {
this.type = type
this.show = false
if (type == 1) {
this.doctorCode = this.info.doctorCode
this.deptCode = ''
setTimeout(() => {
this.show = true
}, 300)
} else if (type == 2) {
{
this.deptCode = this.info.deptCode
this.doctorCode = ''
setTimeout(() => {
this.show = true
}, 300)
}
} else {
http
.get(`/account/drug/drugview?menuname=用药目录`)
.then((data) => {
this.url = data
setTimeout(() => {
this.show = true
}, 300)
})
.catch((error) => {})
}
name: "medicalRecordImport",
components: {},
data() {
return {
activeName: "2",
info: {},
doctorCode: "",
deptCode: "",
show: true,
type: 1,
list: [
// { name: "月度初步分组", value: "1" },
{ name: "月度拨付分组", value: "2" },
{ name: "年度清算数据", value: "3" },
{ name: "院内编目分组", value: "4" },
],
url: "",
};
},
getdata(type) {
this.activeName = type
this.show = false
setTimeout(() => {
this.show = true
}, 300)
created() {
// :src="`http://172.16.1.244:8050/#/report/view?workbookId=269&info=${JSON.stringify(info)}`"
this.GetDeptAndDoctorByPid();
},
GetDeptAndDoctorByPid(id) {
http
.get(`/medical/Get/GetDeptAndDoctorByPid?id=${this.$route.query.id}`)
.then((data) => {
this.info = data
this.doctorCode = data.doctorCode
})
.catch((error) => {})
},
toData() {
http
.get(`/medical/Get/GetViews?name=医保结算数据分析`)
.then((data) => {
if (data && data.length) {
if (data[0].children && data[0].children.length) {
const { href } = this.$router.resolve({
path: data[0].children[0].menuUrl
})
window.open(
`${window.location.origin}/#${data[0].children[0].menuUrl}`,
'_blank'
)
mounted() {},
methods: {
getid(type) {
this.type = type;
this.show = false;
if (type == 1) {
this.doctorCode = this.info.doctorCode;
this.deptCode = "";
setTimeout(() => {
this.show = true;
}, 300);
} else if (type == 2) {
{
this.deptCode = this.info.deptCode;
this.doctorCode = "";
setTimeout(() => {
this.show = true;
}, 300);
}
} else {
const { href } = this.$router.resolve({
path: data[0].menuUrl
})
window.open(
`${window.location.origin}/#${data[0].menuUrl}`,
'_blank'
)
http.get(`/account/drug/drugview?menuname=用药目录`)
.then((data) => {
this.url = data;
setTimeout(() => {
this.show = true;
}, 300);
})
.catch((error) => {});
}
}
})
.catch((error) => {})
}
}
}
},
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) => {});
},
toData() {
http.get(`/medical/Get/GetViews?name=医保结算数据分析`)
.then((data) => {
if (data && data.length) {
if (data[0].children && data[0].children.length) {
const { href } = this.$router.resolve({
path: data[0].children[0].menuUrl,
});
window.open(`${window.location.origin}/#${data[0].children[0].menuUrl}`, "_blank");
} else {
const { href } = this.$router.resolve({
path: data[0].menuUrl,
});
window.open(`${window.location.origin}/#${data[0].menuUrl}`, "_blank");
}
}
})
.catch((error) => {});
},
},
};
</script>
<style lang="scss">
.medicalRecordImport {
height: 100%;
background: #e5e4e9;
overflow: auto;
display: flex;
flex-flow: column;
&_top {
width: 100%;
height: 30px;
background-color: #245ba9;
}
.btn {
height: 100%;
background: #e5e4e9;
overflow: auto;
display: flex;
background: #fff;
margin-top: 10px;
padding: 20px 30px;
> div {
width: 140px;
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;
flex-flow: column;
&_top {
width: 100%;
height: 30px;
background-color: #245ba9;
}
}
.main {
padding: 10px;
flex: 1;
display: flex;
.l {
width: 130px;
background: #fff;
margin-right: 10px;
padding: 20px 10px;
> 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;
.btn {
display: flex;
background: #fff;
margin-top: 10px;
padding: 20px 30px;
> div {
width: 140px;
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: rgba(36, 91, 169, 0.1);
border: 1px solid #245ba9;
color: #245ba9;
i {
color: #245ba9;
.act {
background: #245ba9;
color: #fff;
}
}
}
.r {
flex: 1;
background: #fff;
padding: 20px;
> div {
height: 100%;
}
.main {
padding: 10px;
flex: 1;
display: flex;
.l {
width: 130px;
background: #fff;
margin-right: 10px;
padding: 20px 10px;
> 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;
}
}
.act {
background: rgba(36, 91, 169, 0.1);
border: 1px solid #245ba9;
color: #245ba9;
i {
color: #245ba9;
}
}
}
.r {
flex: 1;
background: #fff;
padding: 20px;
> div {
height: 100%;
}
}
}
}
}
</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