supervision
/
supervision-vue
5
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

信访大屏前端2.1

main
不爱学习的石同学 1 year ago
parent
d925426597
commit
d10165c24c
2 changed files with 190 additions and 50 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 23
      src/views/datav/MailVisits.vue
  2. 217
      src/views/datav/SceneInsp.vue

23
src/views/datav/MailVisits.vue
Unescape View File

@ -51,15 +51,17 @@
:data="fxsjFirstMailList" :data="fxsjFirstMailList"
size="large" size="large"
:max="11" :max="11"
:color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="重复信访" name="2"> <datav-tab-item label="重复信访" name="2">
<el-scrollbar height="300px"> <el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar
:data="fxsjRepeatMailList" :data="fxsjRepeatMailList"
:max="11" :max="11"
size="large" size="large"
:color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
@ -81,7 +83,7 @@
> >
<datav-tab-item label="初信初访" name="1"> <datav-tab-item label="初信初访" name="1">
<el-scrollbar height="300px"> <el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar
:data="bwzdFirstMailList" :data="bwzdFirstMailList"
size="large" size="large"
/> />
@ -89,7 +91,7 @@
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="重复信访" name="2"> <datav-tab-item label="重复信访" name="2">
<el-scrollbar height="300px"> <el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar
:data="bwzdRepeatMailList" :data="bwzdRepeatMailList"
:max="11" :max="11"
size="large" size="large"
@ -682,6 +684,21 @@ function getData() {
}); });
} }
const colors = [
{
color: "linear-gradient( 270deg, #FB002D 0%, #822232 100%)",
percentage: 80,
},
{
color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
percentage: 60,
},
{
color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
percentage: 40,
},
];
</script> </script>

217
src/views/datav/SceneInsp.vue
Unescape View File

@ -136,61 +136,184 @@
</datav-card> </datav-card>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<datav-card title="枪支管理"> <datav-card >
<el-row class="mb-32"> <datav-tabs v-model="activeTabRight">
<el-col :span="6"> <el-row class="mb-32">
<div class="descriptions_cell text-center"> <el-col :span="6">
<div class="descriptions_content"> <div class="descriptions_cell text-center">
42 <div class="descriptions_content">
42
</div>
<div class="descriptions_label">
问题数
</div>
</div> </div>
<div class="descriptions_label"> </el-col>
问题数 <el-col :span="6">
<div class="descriptions_cell text-center">
<div class="descriptions_content">
2
</div>
<div class="descriptions_label">
整改中
</div>
</div> </div>
</div> </el-col>
</el-col> <el-col :span="6">
<el-col :span="6"> <div class="descriptions_cell text-center">
<div class="descriptions_cell text-center"> <div class="descriptions_content">
<div class="descriptions_content"> 40
2 </div>
<div class="descriptions_label">
已整改
</div>
</div> </div>
<div class="descriptions_label"> </el-col>
整改中 <el-col :span="6">
<div class="descriptions_cell text-center">
<div class="descriptions_content">
95%
</div>
<div class="descriptions_label">
整改率
</div>
</div> </div>
</div> </el-col>
</el-col> </el-row>
<el-col :span="6"> <datav-tab-item label="枪支管理" name="1">
<div class="descriptions_cell text-center"> <datav-tabs
<div class="descriptions_content"> v-model="activeMailTabRight"
40 type="bottom-button"
</div> >
<div class="descriptions_label"> <datav-tab-item label="分县市局" name="1">
已整改 <el-scrollbar height="300px">
</div> <datav-chart-bar-mail
</div> :data="xx"
</el-col> size="large"
<el-col :span="6"> />
<div class="descriptions_cell text-center"> </el-scrollbar>
<div class="descriptions_content">
95% </datav-tab-item>
</div> <datav-tab-item label="局属单位" name="2">
<div class="descriptions_label"> <el-scrollbar height="300px">
整改率 <datav-chart-bar-mail
</div> :data="xx"
</div> :max="11"
</el-col> size="large"
</el-row> />
<datav-chart-bar </el-scrollbar>
</datav-tab-item>
</datav-tabs>
</datav-tab-item>
<datav-tab-item label="涉企问题" name="2">
<datav-tabs
v-model="activeMailTabRight"
type="bottom-button"
>
<datav-tab-item label="分县市局" name="1">
<el-scrollbar height="300px">
<datav-chart-bar-mail
:data="xx"
size="large"
/>
</el-scrollbar>
</datav-tab-item>
<datav-tab-item label="局属单位" name="2">
<el-scrollbar height="300px">
<datav-chart-bar-mail
:data="xx"
:max="11"
size="large"
/>
</el-scrollbar>
</datav-tab-item>
</datav-tabs>
</datav-tab-item>
<datav-tab-item label="黄赌毒" name="3">
<datav-tabs
v-model="activeMailTabRight"
type="bottom-button"
>
<datav-tab-item label="分县市局" name="1">
<el-scrollbar height="300px">
<datav-chart-bar-mail
:data="xx"
size="large"
/>
</el-scrollbar>
</datav-tab-item>
<datav-tab-item label="局属单位" name="2">
<el-scrollbar height="300px">
<datav-chart-bar-mail
:data="xx"
:max="11"
size="large"
/>
</el-scrollbar>
</datav-tab-item>
</datav-tabs>
</datav-tab-item>
<datav-tab-item label="执法办案" name="4">
<datav-tabs
v-model="activeMailTabRight"
type="bottom-button"
>
<datav-tab-item label="分县市局" name="1">
<el-scrollbar height="300px">
<datav-chart-bar-mail
:data="xx"
size="large"
/>
</el-scrollbar>
</datav-tab-item>
<datav-tab-item label="局属单位" name="2">
<el-scrollbar height="300px">
<datav-chart-bar-mail
:data="xx"
:max="11"
size="large"
/>
</el-scrollbar>
</datav-tab-item>
</datav-tabs>
</datav-tab-item>
<datav-tab-item label="工作日测酒" name="5">
<datav-tabs
v-model="activeMailTabRight"
type="bottom-button"
>
<datav-tab-item label="分县市局" name="1">
<el-scrollbar height="300px">
<datav-chart-bar-mail
:data="xx"
size="large"
/>
</el-scrollbar>
</datav-tab-item>
<datav-tab-item label="局属单位" name="2">
<el-scrollbar height="300px">
<datav-chart-bar-mail
:data="xx"
:max="11"
size="large"
/>
</el-scrollbar>
</datav-tab-item>
</datav-tabs>
</datav-tab-item>
</datav-tabs>
<!-- <datav-chart-bar
title="问题数排名" title="问题数排名"
sub-title="问题数" sub-title="问题数"
:data="data2" :data="data2"
:max="9700" :max="9700"
/> />-->
<div class="flex tab-title flex center mt-16">
<div class="tab-title-item active">
分县市局
</div>
<div class="tab-title-item">局属单位</div>
</div>
</datav-card> </datav-card>
<datav-card title="督察工作动态"> <datav-card title="督察工作动态">
<el-scrollbar height="400px"> <el-scrollbar height="400px">

Write Preview
Loading…
Cancel
Save