Commit 589b2850 authored by “yiyousong”'s avatar “yiyousong”

perf: 优化报表

parent b50b3b02
...@@ -73,6 +73,11 @@ Vue.config.productionTip = false; ...@@ -73,6 +73,11 @@ Vue.config.productionTip = false;
import Viewer from "v-viewer"; import Viewer from "v-viewer";
import "viewerjs/dist/viewer.css"; import "viewerjs/dist/viewer.css";
Vue.use(Viewer); Vue.use(Viewer);
// echarts
import * as echarts from "echarts";
Vue.prototype.$echarts = echarts;
// 图片懒加载插件 // 图片懒加载插件
import VueLazyload from "vue-lazyload"; import VueLazyload from "vue-lazyload";
Vue.use(VueLazyload, { Vue.use(VueLazyload, {
......
<template> <template>
<div class="h-full w-full flex flex-col"> <div class="h-full w-full flex flex-col">
<div class="total-info"> <div class="total-info">
<span class="mr-[30px]">次数:{{ total ?? 0 }}</span> <span class="mr-[30px]">异常次数:{{ total ?? 0 }}</span>
<span>统计时间段:{{ time[0] }} - {{ time[1] }}</span> <span>统计时间段:{{ time[0] }} - {{ time[1] }}</span>
</div> </div>
<div class="reportforms-out-box"> <div class="reportforms-out-box">
......
<template> <template>
<div class="h-full w-full flex flex-col"> <div class="h-full w-full flex flex-col">
<div class="total-info"> <div class="total-info">
<span class="mr-[30px]">次数:{{ total ?? 0 }}</span> <span class="mr-[30px]">异常次数:{{ total ?? 0 }}</span>
<span>统计时间段:{{ time[0] }} - {{ time[1] }}</span> <span>统计时间段:{{ time[0] }} - {{ time[1] }}</span>
</div> </div>
<div class="reportforms-out-box"> <div class="reportforms-out-box">
......
<template> <template>
<div class="h-full w-full flex flex-col"> <div class="h-full w-full flex flex-col">
<div class="total-info"> <div class="total-info">
<span class="mr-[30px]">次数{{ total ?? 0 }}</span> <span class="mr-[30px]">{{ title }}{{ total ?? 0 }}</span>
<span>统计时间段:{{ time[0] }} - {{ time[1] }}</span> <span>统计时间段:{{ time[0] }} - {{ time[1] }}</span>
</div> </div>
<div class="reportforms-out-box"> <div class="reportforms-out-box">
...@@ -38,6 +38,17 @@ export default { ...@@ -38,6 +38,17 @@ export default {
}; };
}, },
computed: { computed: {
title() {
if (this.$route.path === "/home/dataManagement/pickUp/pickUpRecord") {
return "取件记录";
} else if (
this.$route.path === "/home/dataManagement/pickUp/depositRecord"
) {
return "存件记录";
} else {
return "其他记录";
}
},
tabsList() { tabsList() {
return getItemData(this.$router.options.routes, "name", "pickUp"); return getItemData(this.$router.options.routes, "name", "pickUp");
}, },
...@@ -56,6 +67,4 @@ export default { ...@@ -56,6 +67,4 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
...@@ -2,7 +2,10 @@ ...@@ -2,7 +2,10 @@
<div class="h-full w-full flex flex-col"> <div class="h-full w-full flex flex-col">
<div class="total-info"> <div class="total-info">
<span <span
v-if="$route.path == '/home/dataManagement/queueCall/queueRecord'" v-if="
$route.path == '/home/dataManagement/queueCall/queueRecord' ||
$route.path == '/home/dataManagement/queueCall/numAcquisition'
"
class="mr-[30px]" class="mr-[30px]"
>取号次数:{{ total ?? 0 }}</span >取号次数:{{ total ?? 0 }}</span
> >
...@@ -74,6 +77,4 @@ export default { ...@@ -74,6 +77,4 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
> >
</a-range-picker> </a-range-picker>
<a-select v-model="day"> <a-select v-model="day">
<a-select-option value="0"> 今天 </a-select-option>
<a-select-option value="1"> 近7天 </a-select-option> <a-select-option value="1"> 近7天 </a-select-option>
<a-select-option value="0"> 今天 </a-select-option>
<a-select-option value="2"> 近30天 </a-select-option> <a-select-option value="2"> 近30天 </a-select-option>
<a-select-option value="3"> 近3月 </a-select-option> <a-select-option value="3"> 近3月 </a-select-option>
<a-select-option value="4"> 本年度 </a-select-option> <a-select-option value="4"> 本年度 </a-select-option>
...@@ -90,7 +90,7 @@ export default { ...@@ -90,7 +90,7 @@ export default {
area: [], area: [],
sign: [], sign: [],
chart: null, chart: null,
dayValue: "", dayValue: "0",
}; };
}, },
components: { components: {
......
<template> <template>
<div id="dataAnalyse-Container"> <div id="dataAnalyse-Container">
<a-layout> <a-layout>
<a-layout> <a-layout-sider width="200" style="background: #fff">
<a-layout-sider width="200" style="background: #fff"> <a-menu
<a-menu mode="inline"
mode="inline" :defaultOpenKeys="['sub1']"
:defaultOpenKeys="['sub1']" :selectedKeys="selectedKeys"
:selectedKeys="selectedKeys" @select="menuSelect"
@select="menuSelect" :style="{ height: '100%', borderRight: 0 }"
:style="{ height: '100%', borderRight: 0 }" >
> <template v-for="item of menuList">
<template v-for="item of menuList"> <a-sub-menu
<a-sub-menu :key="item.key"
:key="item.key" v-if="item.children && item.children.length"
v-if="item.children && item.children.length" >
> <template slot="title">{{ item.name }}</template>
<template slot="title">{{ item.name }}</template> <a-menu-item :key="ite.key" v-for="ite of item.children">
<a-menu-item :key="ite.key" v-for="ite of item.children"> {{ ite.name }}
{{ ite.name }}
</a-menu-item>
</a-sub-menu>
<a-menu-item :key="item.key" v-else>
{{ item.name }}
</a-menu-item> </a-menu-item>
</template> </a-sub-menu>
</a-menu> <a-menu-item :key="item.key" v-else>
</a-layout-sider> {{ item.name }}
<a-layout style="padding: 0 24px 24px" class="layout_main"> </a-menu-item>
<a-breadcrumb style="margin: 16px 0"> </template>
<a-breadcrumb-item>当前位置:政务一体化平台></a-breadcrumb-item> </a-menu>
<a-breadcrumb-item>数据管理></a-breadcrumb-item> </a-layout-sider>
<a-breadcrumb-item>{{ sleectedName }}</a-breadcrumb-item> <a-layout style="padding: 0 24px 24px" class="layout_main">
</a-breadcrumb> <a-breadcrumb style="margin: 16px 0">
<a-layout-content> <a-breadcrumb-item>当前位置:政务一体化平台></a-breadcrumb-item>
<component ref="viewComponet" :is="viewComponet" /> <a-breadcrumb-item>数据管理></a-breadcrumb-item>
</a-layout-content> <a-breadcrumb-item>{{ sleectedName }}</a-breadcrumb-item>
</a-layout> </a-breadcrumb>
<a-layout-content>
<component ref="viewComponet" :is="viewComponet" />
</a-layout-content>
</a-layout> </a-layout>
</a-layout> </a-layout>
</div> </div>
...@@ -123,8 +121,7 @@ export default { ...@@ -123,8 +121,7 @@ export default {
.ant-layout-content { .ant-layout-content {
background: #fff; background: #fff;
flex: 1; flex: 1;
overflow-y: auto; // overflow: auto;
overflow-x: hidden;
} }
} }
&::before { &::before {
...@@ -152,4 +149,3 @@ export default { ...@@ -152,4 +149,3 @@ export default {
} }
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment