Skip to content

V
vue-composition-api
Commit 89030c5d by Licx
Options

开始数据分析按钮

parent c9b161d7
Showing with 238 additions and 223 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 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>
<div class="main"> <div class="r">
<template v-if="type != 3"> <div v-if="activeName == 1">
<div class="l"> <template v-if="show">
<div v-for="item in list" :key="item.value" :class="activeName == item.value ? 'act' : ''" @click="getdata(item.value)"> <iframe
<i class="el-icon-caret-right"></i> :src="`http://172.16.1.244:8050/#/report/view?workbookId=276&doctorcode=${doctorCode}&deptcode=${deptCode}`"
{{ item.name }} width="100%"
</div> height="100%"
</div> frameborder="0"
<div class="r"> >
<div v-if="activeName == 1"> </iframe>
<template v-if="show"> </template>
<iframe </div>
:src="`http://172.16.1.244:8050/#/report/view?workbookId=276&doctorcode=${doctorCode}&deptcode=${deptCode}`" <div v-if="activeName == 2">
width="100%" <template v-if="show">
height="100%" <iframe
frameborder="0" :src="`http://172.16.1.244:8050/#/report/view?workbookId=275&doctorcode=${doctorCode}&deptcode=${deptCode}`"
> width="100%"
</iframe> height="100%"
</template> frameborder="0"
</div> >
<div v-if="activeName == 2"> </iframe>
<template v-if="show"> </template>
<iframe </div>
:src="`http://172.16.1.244:8050/#/report/view?workbookId=275&doctorcode=${doctorCode}&deptcode=${deptCode}`" <div v-if="activeName == 3">
width="100%" <template v-if="show">
height="100%" <iframe
frameborder="0" :src="`http://172.16.1.244:8050/#/report/view?workbookId=267&doctorcode=${doctorCode}&deptcode=${deptCode}`"
> width="100%"
</iframe> height="100%"
</template> frameborder="0"
</div> >
<div v-if="activeName == 3"> </iframe>
<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> </template>
<div class="r" v-else> </div>
<div> <div v-if="activeName == 4">
<template v-if="show"> <template v-if="show">
<iframe :src="url" width="100%" height="100%" frameborder="0"> </iframe> <iframe
</template> :src="`http://172.16.1.244:8050/#/report/view?workbookId=277&doctorcode=${doctorCode}&deptcode=${deptCode}`"
</div> width="100%"
</div> 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) {
this.activeName = type
this.show = false
setTimeout(() => {
this.show = true
}, 300)
}, },
created() { GetDeptAndDoctorByPid(id) {
// :src="`http://172.16.1.244:8050/#/report/view?workbookId=269&info=${JSON.stringify(info)}`" http
this.GetDeptAndDoctorByPid(); .get(`/medical/Get/GetDeptAndDoctorByPid?id=${this.$route.query.id}`)
.then((data) => {
this.info = data
this.doctorCode = data.doctorCode
})
.catch((error) => {})
}, },
mounted() {},
methods: { toData() {
getid(type) { http
this.type = type; .get(`/medical/Get/GetViews?name=医保结算数据分析`)
this.show = false; .then((data) => {
if (type == 1) { if (data && data.length) {
this.doctorCode = this.info.doctorCode; if (data[0].children && data[0].children.length) {
this.deptCode = ""; const { href } = this.$router.resolve({
setTimeout(() => { path: data[0].children[0].menuUrl
this.show = true; })
}, 300); window.open(
} else if (type == 2) { `${window.location.origin}/#${data[0].children[0].menuUrl}`,
{ '_blank'
this.deptCode = this.info.deptCode; )
this.doctorCode = "";
setTimeout(() => {
this.show = true;
}, 300);
}
} else { } else {
http.get(`/account/drug/drugview?menuname=用药目录`) const { href } = this.$router.resolve({
.then((data) => { path: data[0].menuUrl
this.url = data; })
setTimeout(() => { window.open(
this.show = true; `${window.location.origin}/#${data[0].menuUrl}`,
}, 300); '_blank'
}) )
.catch((error) => {});
} }
}, }
getdata(type) { })
this.activeName = type; .catch((error) => {})
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;
flex-flow: column; background: #fff;
&_top { margin-top: 10px;
width: 100%; padding: 20px 30px;
height: 30px; > div {
background-color: #245ba9; 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;
} }
.btn { .act {
display: flex; background: #245ba9;
background: #fff; color: #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;
}
} }
.main { }
padding: 10px; .main {
flex: 1; padding: 10px;
display: flex; flex: 1;
.l { display: flex;
width: 130px; .l {
background: #fff; width: 130px;
margin-right: 10px; background: #fff;
padding: 20px 10px; margin-right: 10px;
> div { padding: 20px 10px;
background: #f4f5f8; > div {
border-radius: 4px; background: #f4f5f8;
color: #333333; border-radius: 4px;
font-weight: bold; color: #333333;
cursor: pointer; font-weight: bold;
font-size: 14px; cursor: pointer;
padding: 15px 10px; font-size: 14px;
margin-bottom: 20px; padding: 15px 10px;
i { margin-bottom: 20px;
color: #e0e0e0; i {
} color: #e0e0e0;
}
.act {
background: rgba(36, 91, 169, 0.1);
border: 1px solid #245ba9;
color: #245ba9;
i {
color: #245ba9;
}
}
} }
.r { }
flex: 1; .act {
background: #fff; background: rgba(36, 91, 169, 0.1);
padding: 20px; border: 1px solid #245ba9;
> div { color: #245ba9;
height: 100%; 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