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