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
Split 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. 68
      src/views/datav/MailVisits.vue

1
index.html
Unescape View File

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

1
src/App.vue
Unescape View File

@ -11,3 +11,4 @@ const elConfig = {
locale: zhCn
}
</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-sub-title">{{ subTitle }}</span>
</div>
<el-scrollbar height="300px">
<div>
<div
class="flex v-center bar-item between"
@ -32,7 +31,6 @@
</span>
</div>
</div>
</el-scrollbar>
</template>
<script setup>

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

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

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

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