xujingliang
/
Ying_Yong_Ke_Xue_Cheng_Da_Ping
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

医院修改

hospital
Zhufu 2024-09-05 14:37:50 +08:00
parent cfdccf87af
commit 0e2e68be23
5 changed files with 90 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -9,3 +9,4 @@ docs/_book
# TODO: where does this rule come from?
test/
node_modules

22
src/views/index.vue
View File

@ -74,7 +74,7 @@
<img class="img" :src="require('@/assets/images/u10.svg')" />
</div>
<div class="ml-3">
<div class="fz-2 fc-w-1">园区面积</div>
<div class="fz-2 fc-w-1">建筑面积</div>
<div>
<span style="font-family: DINPro;" class="fz-6 fc-w">{{sectinOption.park_area}}</span>
<span class="fc-w fz-2 ml-1">km²</span>
@ -86,7 +86,7 @@
<img class="img" :src="require('@/assets/images/u13.svg')" />
</div>
<div class="ml-3">
<div class="fz-2 fc-w-1">园区人数(总量)</div>
<div class="fz-2 fc-w-1">楼栋数量</div>
<div>
<span style="font-family: DINPro;" class="fz-6 fc-w">{{sectinOption.park_people_sum}}</span>
<span class="fc-w fz-2 ml-1">万</span>
@ -98,14 +98,14 @@
<img class="img" :src="require('@/assets/images/u16.svg')" />
</div>
<div class="ml-3">
<div class="fz-2 fc-w-1">入驻企业</div>
<div class="fz-2 fc-w-1">用途</div>
<div>
<span style="font-family: DINPro;" class="fz-6 fc-w">{{sectinOption.in_enterprise}}</span>
<span class="fc-w fz-2 ml-1">家</span>
</div>
</div>
</div>
<div class="flex ai-c sectionli">
<!-- <div class="flex ai-c sectionli">
<div>
<img class="img" :src="require('@/assets/images/u19.svg')" />
</div>
@ -116,13 +116,13 @@
<span class="fc-w fz-2 ml-1">亿</span>
</div>
</div>
</div>
</div> -->
</div>
<div class="right-body-taxranking border-b">
<div class="mt-3">
<p class="fz-3 fc-w-1 fw-b">纳税排名</p>
<p class="fz-2 fc-w-1 mt-1">实时税务数据统计</p>
<p class="fz-3 fc-w-1 fw-b">医院人员</p>
<p class="fz-2 fc-w-1 mt-1"></p>
</div>
<div class="content mt-1">
<div v-for="(item,index) in rankOption">
@ -175,22 +175,22 @@ export default {
leftNavIndex: 0,
leftNavData:[
{
title: '概况',
title: '人民医院',
src: require('@/assets/images/u98.svg'),
activesrc: require('@/assets/images/u98_selected.svg')
},
{
title: '设备',
title: '周边社区',
src: require('@/assets/images/u107.svg'),
activesrc: require('@/assets/images/u107_selected.svg')
},
{
title: '企业',
title: '应用科学城',
src: require('@/assets/images/u101.svg'),
activesrc: require('@/assets/images/u101_selected.svg')
},
{
title: '安全',
title: '综合分析',
src: require('@/assets/images/u104.svg'),
activesrc: require('@/assets/images/u104_selected.svg')
}

24
src/views/widget/equipment.vue
View File

@ -1,8 +1,8 @@
<template>
<div class="container">
<div class="title fc-w fz-20">园区设备系统概况</div>
<div class="title fc-w fz-20">社区设备系统概况</div>
<div class="border-b mt-3">
<div class="fz-3 fc-w-1">5G基站投入情况</div>
<div class="fz-3 fc-w-1">业主数量对比</div>
<div class="piecharts flex">
<div class="flex1">
<div class="flex maxHeight">
@ -10,7 +10,7 @@
<div id="equipmentPieChatrs1" class="maxWidth maxHeight"></div>
</div>
<div class="flex maxHeight column ai-c jc-c" >
<div class="fz-3 fc-w-1">投入使用</div>
<div class="fz-3 fc-w-1">中元御桂园</div>
<span class="fz-5 fc-w">{{trsyNum}}</span>
</div>
</div>
@ -21,33 +21,33 @@
<div id="equipmentPieChatrs2" class="maxWidth maxHeight"></div>
</div>
<div class="flex maxHeight column ai-c jc-c">
<div class="fz-3 fc-w-1">计划设置</div>
<div class="fz-3 fc-w-1">水韵华苑</div>
<span class="fz-5 fc-w">{{jhszNum}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="border-b mt-3">
<!-- <div class="border-b mt-3">
<div class="fz-3 fc-w-1">电力供应情况</div>
<div class="equipmentLineCharts mt-2">
<div class="maxHeight maxWidth" id="equipLineCharts"></div>
</div>
</div>
<div class="border-b mt-3">
</div> -->
<!-- <div class="border-b mt-3">
<div class="fz-3 fc-w-1">楼宇分布&人流量</div>
<div class="equipmentBarChartContainer mt-2">
<div class="maxHeight maxWidth" id="equipBarCharts"></div>
</div>
</div>
</div> -->
<div class="mt-3">
<div class="fz-3 fc-w-1">学区&居民分布</div>
<div class="fz-3 fc-w-1">停车位</div>
<div class="xuequTableContainer mt-1">
<el-table :data="xuequtableData" style="width: 100%">
<el-table-column prop="name" label="名称"> </el-table-column>
<el-table-column prop="name" label="社区"> </el-table-column>
<el-table-column prop="type" label="类型"> </el-table-column>
<el-table-column prop="people_sum" label="人数"> </el-table-column>
<el-table-column prop="caller_sum" label="访客数量"> </el-table-column>
<el-table-column prop="people_sum" label="出口"> </el-table-column>
<el-table-column prop="caller_sum" label="入口"> </el-table-column>
</el-table>
</div>

70
src/views/widget/security.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="container">
<div class="title fc-w fz-20">园区安全系统概况</div>
<div class="border-b mt-3">
<div class="title fc-w fz-20">综合分析</div>
<!-- <div class="border-b mt-3">
<div class="fz-3 fc-w-1">管理部门响应率</div>
<div class="piecharts flex ai-c jc-c">
<div class="pos-r maxWidth">
@ -11,14 +11,14 @@
<div class="explain" :style="{left: progressNum + '%'}"> {{ progressNum }}% </div>
</div>
</div>
</div>
<div class="border-b mt-3">
</div> -->
<!-- <div class="border-b mt-3">
<div class="fz-3 fc-w-1">执行部门分布情况</div>
<div class="securityBarChartsContainer mt-2">
<div class="maxHeight maxWidth" id="securityCharts"></div>
</div>
</div>
<div class="border-b mt-3">
</div> -->
<!-- <div class="border-b mt-3">
<div class="fz-3 fc-w-1">消防系统分布情况</div>
<div class="xfxtfnqk mt-2">
<div class="flex wrap">
@ -36,6 +36,24 @@
</div>
</div>
</div>
</div> -->
<div class="border-b mt-3" style="height: 400px;">
<div class="out-div">
<div class="inner-div">
<div>
<el-button type="primary" class="left-button" @click="showData(1)">展开</el-button>
</div>
<div>
<el-button type="primary" class="left-button" @click="showData(2)">返回</el-button>
</div>
</div>
<div class="inner-div" style="padding: 20px;">
<div class="use-all-width"><el-button type="primary" class="use-all-width" @click="showData(3)">1F</el-button></div>
<div class="use-all-width"><el-button type="primary" class="use-all-width" @click="showData(4)">2F</el-button></div>
<div class="use-all-width"><el-button type="primary" class="use-all-width" @click="showData(5)">3F</el-button></div>
<div class="use-all-width"><el-button type="primary" class="use-all-width" @click="showData(6)">4F</el-button></div>
</div>
</div>
</div>
<div class="mt-3">
<div class="fz-20 fc-w">实时视频监控</div>
@ -77,6 +95,28 @@ export default {
},
methods:{
showData(type){
switch(type){
case 1:
ue4("toActor", { "ActorTag": 'MainView' })
break;
case 2:
ue4("toActor", { "ActorTag": 'MainView' })
break;
case 3:
ue4("toActor", { "ActorTag": 'MainView' })
break;
case 4:
ue4("toActor", { "ActorTag": 'MainView' })
break;
case 5:
ue4("toActor", { "ActorTag": 'MainView' })
break;
case 6:
ue4("toActor", { "ActorTag": 'MainView' })
break;
}
},
getParkInfoData(){
getMethodCommon('/ParkInfo/getParkInfo',{id:'afde1d33-bbc9-4b3a-a9d2-4c98c8909b9c'}).then(res =>{
this.progressNum = res.data.data.responsivity
@ -163,6 +203,24 @@ export default {
</script>
<style scoped>
.out-div{
display: flex;
height:260px
}
.inner-div{
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
.left-button{
width: 120px;
height:50px;
}
.use-all-width{
width:100%;
}
.container{
width: 380px;
padding-left: 15px;

4
src/views/widget/survey.vue
View File

@ -14,7 +14,7 @@
</div>
<div class="bg-b boxcontainer money mt-2">
<div class="flex jc-sb">
<div class="fz-3 fc-w">今日合同总额</div>
<div class="fz-3 fc-w">用电量统计</div>
<div class="fz-2 fc-w">环比{{jinrihetongzongehuanbi}}%</div>
</div>
<div class="flex">
@ -27,7 +27,7 @@
</div>
</div>
<div class="bg-b mt-2 trafficcontainer">
<div class="traffictitle fz-3 fc-w">园区交通态势</div>
<div class="traffictitle fz-3 fc-w">医院交通态势</div>
<div class="ul-scoll">
<vue-seamless-scroll :data="trafficData" :class-option="defaultOption" >
<ul>