kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大屏

Browse Source
This commit is contained in:
yanran200730
2023-05-05 14:37:49 +08:00
parent 0507cd9a89
commit c5784e268e
6 changed files with 209 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
packages/bigscreen/dv/components/DvMap.vue
View File

@@ -9,7 +9,7 @@
<h2>{{ title }}</h2>
</div>
<img src="https://cdn.cunwuyun.cn/dvcp/dv/qxn/close.png" @click="isShowInfo = false" />
<div class="info-wrapper">
<div class="info-wrapper" v-if="type === '0'">
<div class="info-wrapper__item">
<label>下属单位：</label>
<span>{{ info['派出所数量'] }}个派出所</span>
@@ -39,6 +39,40 @@
<span>{{ info['群主人数'] }}</span>
</div>
</div>
<div class="info-wrapper" v-else>
<div class="info-wrapper__item">
<label>负责人：</label>
<span>{{ info['负责人'] }}</span>
</div>
<div class="info-wrapper__item">
<label>下属警格数：</label>
<span>{{ info['下属警格数量'] }}</span>
</div>
<div class="info-wrapper__item">
<label>警格人数：</label>
<span>{{ info['外部联系人数量'] }}</span>
</div>
<div class="info-wrapper__item">
<label>事件处理率：</label>
<span>{{ rate }}</span>
</div>
<div class="info-wrapper__item">
<label>待处理：</label>
<span>{{ info['待受理'] }}</span>
</div>
<div class="info-wrapper__item">
<label>处理中：</label>
<span>{{ info['办理中'] }}</span>
</div>
<div class="info-wrapper__item">
<label>已办理：</label>
<span>{{ info['已办结'] }}</span>
</div>
<div class="info-wrapper__item">
<label>事件总数：</label>
<span>{{ info['事件总数'] }}</span>
</div>
</div>
</div>
</div>
</transition>
@@ -52,7 +86,8 @@
name: 'AiDvMap',
props: {
instance: Function
instance: Function,
type: String
},
data() {
@@ -69,11 +104,11 @@
computed: {
rate () {
if (!this.info['已激活']) {
if (!this.info['事件总数']) {
return '0%'
}
return (this.info['已激活'] / this.info['成员总数']).toFixed(2) * 100 + '%'
return ((this.info['事件总数'] - this.info['已拒绝']) / this.info['事件总数']).toFixed(2) * 100 + '%'
}
},
@@ -224,33 +259,6 @@
areaColor: null
}
},
// label: {
// show: true,
// formatter: e => {
// const name = e.data[3]
// const value = e.data[2]
// return `{a|${name}}\n{b|${value}}`
// },
// fontSize: 16,
// rich: {
// a: {
// width: '100%',
// color: '#fff',
// lineHeight: 20,
// fontSize: 16
// },
// b: {
// backgroundColor: {
// // image: require('@/assets/images/point.png')
// },
// color: '#fff',
// height: 56,
// align: 'center',
// width: 50,
// fontSize: 16
// }
// }
// },
data: []
}
]
@@ -311,9 +319,9 @@
top: 50%;
left: 50%;
z-index: 11;
width: 378px;
height: 254px;
padding: 15px 22px 0;
width: 390px;
height: 262px;
padding: 15px 18px 0;
background: url(https://cdn.cunwuyun.cn/dvcp/dv/qxn/info-bg.png);
background-size: 100% 100%;
transform: translate(-50%, -50%);
@@ -332,8 +340,8 @@
margin-bottom: 20px;
label {
width: 70px;
margin-right: 20px;
width: 90px;
margin-right: 10px;
color: #fff;
text-align: right;
font-size: 14px;