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

信访大屏前端1.6

main
不爱学习的石同学 1 year ago
parent
11655299a0
commit
c37b8f9064
5 changed files with 62 additions and 44 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. 1
      index.html
  2. 1
      src/App.vue
  3. 2
      src/components/datav/chart-bar-mail.vue
  4. 4
      src/views/data/Ajhc.vue
  5. 66
      src/views/datav/MailVisits.vue

1
index.html
Unescape View File

@ -10,6 +10,7 @@
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>

1
src/App.vue
Unescape View File

@ -11,3 +11,4 @@ const elConfig = {
locale: zhCn locale: zhCn
} }
</script> </script>

2
src/components/datav/chart-bar-mail.vue
Unescape View File

@ -3,7 +3,6 @@
<span class="bar-title">{{ title }}</span> <span class="bar-title">{{ title }}</span>
<span class="bar-sub-title">{{ subTitle }}</span> <span class="bar-sub-title">{{ subTitle }}</span>
</div> </div>
<el-scrollbar height="300px">
<div> <div>
<div <div
class="flex v-center bar-item between" class="flex v-center bar-item between"
@ -32,7 +31,6 @@
</span> </span>
</div> </div>
</div> </div>
</el-scrollbar>
</template> </template>
<script setup> <script setup>

4
src/views/data/Ajhc.vue
Unescape View File

@ -226,7 +226,7 @@
prop="discoveryTime" prop="discoveryTime"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column label="问题发生时间" prop="happenTime" show-overflow-tooltip /> <!-- <el-table-column label="问题发生时间" prop="happenTime" show-overflow-tooltip />-->
<el-table-column <el-table-column
label="问题来源" label="问题来源"
prop="problemSources" prop="problemSources"
@ -244,7 +244,7 @@
/> />
<el-table-column label="业务类别" prop="businessTypeName" /> <el-table-column label="业务类别" prop="businessTypeName" />
<el-table-column label="涉嫌问题" prop="involveProblem" /> <el-table-column label="涉嫌问题" prop="involveProblem" />
<el-table-column label="涉及警种" prop="policeTypeName" /> <!-- <el-table-column label="涉及警种" prop="policeTypeName" />-->
<el-table-column <el-table-column
label="涉及单位" label="涉及单位"
prop="involveDepartName" prop="involveDepartName"

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

@ -46,26 +46,31 @@
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="初信初访" name="1"> <datav-tab-item label="初信初访" name="1">
<el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar-mail
:data="fxsjFirstMailList" :data="fxsjFirstMailList"
size="large" size="large"
:max="11" :max="11"
/> />
</el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="重复信访" name="2"> <datav-tab-item label="重复信访" name="2">
<el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar-mail
:data="fxsjRepeatMailList" :data="fxsjRepeatMailList"
:max="11" :max="11"
size="large" size="large"
/> />
</el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="领导接访" name="3"> <datav-tab-item label="领导接访" name="3">
<datav-chart-bar-mail <el-scrollbar height="300px">
<datav-chart-bar
:data="fxsjLeaderViewMailList" :data="fxsjLeaderViewMailList"
:max="11" :max="11"
size="large" size="large"
/> />
</el-scrollbar>
</datav-tab-item> </datav-tab-item>
</datav-tabs> </datav-tabs>
</datav-tab-item> </datav-tab-item>
@ -75,33 +80,32 @@
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="初信初访" name="1"> <datav-tab-item label="初信初访" name="1">
<div style="height: 300px; overflow: auto"> <el-scrollbar height="300px">
<datav-chart-bar <datav-chart-bar-mail
:data="bwzdFirstMailList" :data="bwzdFirstMailList"
size="large" size="large"
/> />
</div> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="重复信访" name="2"> <datav-tab-item label="重复信访" name="2">
<div style="height: 300px; overflow: auto"> <el-scrollbar height="300px">
<datav-chart-bar <datav-chart-bar-mail
:data="bwzdRepeatMailList" :data="bwzdRepeatMailList"
:max="11" :max="11"
size="large" size="large"
/> />
</div> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="领导接访" name="3"> <datav-tab-item label="领导接访" name="3">
<div style="height: 300px; overflow: auto"> <el-scrollbar height="300px">
<datav-chart-bar <datav-chart-bar-mail
:data="bwzdLeaderViewMailList" :data="bwzdLeaderViewMailList"
:max="11" :max="11"
size="large" size="large"
/> />
</div> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
</datav-tabs> </datav-tabs>
</datav-tab-item> </datav-tab-item>
</datav-tabs> </datav-tabs>
</datav-card> </datav-card>
@ -242,24 +246,30 @@
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="领导督办" name="1"> <datav-tab-item label="领导督办" name="1">
<el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar-mail
:data="xx" :data="xx"
size="large" size="large"
/> />
</el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="缠访闹访" name="2"> <datav-tab-item label="缠访闹访" name="2">
<el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar-mail
:data="xx" :data="xx"
:max="11" :max="11"
size="large" size="large"
/> />
</el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="群体集访" name="3"> <datav-tab-item label="群体集访" name="3">
<el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar-mail
:data="xx" :data="xx"
:max="11" :max="11"
size="large" size="large"
/> />
</el-scrollbar>
</datav-tab-item> </datav-tab-item>
</datav-tabs> </datav-tabs>
@ -270,24 +280,30 @@
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="领导督办" name="1"> <datav-tab-item label="领导督办" name="1">
<el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar-mail
:data="xx" :data="xx"
size="large" size="large"
/> />
</el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="缠访闹访" name="2"> <datav-tab-item label="缠访闹访" name="2">
<el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar-mail
:data="xx" :data="xx"
:max="11" :max="11"
size="large" size="large"
/> />
</el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="群体集访" name="3"> <datav-tab-item label="群体集访" name="3">
<el-scrollbar height="300px">
<datav-chart-bar-mail <datav-chart-bar-mail
:data="xx" :data="xx"
:max="11" :max="11"
size="large" size="large"
/> />
</el-scrollbar>
</datav-tab-item> </datav-tab-item>
</datav-tabs> </datav-tabs>
@ -303,11 +319,11 @@
/> />
</datav-card> </datav-card>
</el-col> </el-col>
</el-row> </el-row>
</main> </main>
</div> </div>
</el-scrollbar> </el-scrollbar>
</template> </template>
@ -363,7 +379,6 @@ const option = {
}, },
], ],
}; };
const option1 = ref({ const option1 = ref({
xAxis: { xAxis: {
type: "category", type: "category",
@ -415,8 +430,6 @@ const option1 = ref({
}, },
], ],
}); });
const option2 = { const option2 = {
series: [ series: [
{ {
@ -455,10 +468,6 @@ const option3 = {
}, },
], ],
}; };
const activeTab = ref("1"); const activeTab = ref("1");
const bwzdActiveTab = ref("1"); // 部委支队初重信tab const bwzdActiveTab = ref("1"); // 部委支队初重信tab
const activeMailTrend = ref("1"); // 信访趋势tab const activeMailTrend = ref("1"); // 信访趋势tab
@ -531,8 +540,6 @@ function initRecentlyMailTrend() {
} }
watch(activeMailTrend, async () => { watch(activeMailTrend, async () => {
// console.log("Active Tab: ", activeMailTrend.value);
// console.log("Active Tab Right: ", selectedOption.value);
const recentlyMailTrend = await getRecentlyMailTrend({ const recentlyMailTrend = await getRecentlyMailTrend({
sourcesCode: activeMailTrend.value, sourcesCode: activeMailTrend.value,
year: selectedOption.value, year: selectedOption.value,
@ -560,6 +567,7 @@ onMounted(() => {
// console.log("Active Tab: ", activeMailTab.value); // console.log("Active Tab: ", activeMailTab.value);
// }, 3000); // 每3秒切换一次 // }, 3000); // 每3秒切换一次
}); });
function getData() { function getData() {
getMailVisitsData(time.value).then((data) => { getMailVisitsData(time.value).then((data) => {
overview.value = data.overview; overview.value = data.overview;
@ -577,8 +585,6 @@ function getData() {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/style/datav.scss"; @import "@/style/datav.scss";
@ -589,4 +595,16 @@ function getData() {
top: 65px; top: 65px;
} }
.main {
padding: 0 10px 10px;
}
.main-left,
.main-right {
float: left;
width: 25%;
padding: 0 10px;
height: 90%;
}
</style> </style>
Write Preview
Loading…
Cancel
Save