Commit e765ffb6 authored by “yiyousong”'s avatar “yiyousong”

feat:添加使用行为分析板块

parent 62e742d1
......@@ -265,7 +265,8 @@ const routes = [
{
path: "evaluationRecordReport",
name: "evaluationRecordReport",
redirect: "/home/dataManagement/evaluationRecordReport/windowsEvaluation",
redirect:
"/home/dataManagement/evaluationRecordReport/windowsEvaluation",
component: () =>
import(
/* webpackChunkName: "evaluationRecordReport" */ "@/views/dataAdmin/components/evaluationRecordReport/module.vue"
......@@ -277,7 +278,7 @@ const routes = [
name: "windowsEvaluation",
component: () =>
import(
/* webpackChunkName: "windowsEvaluation" */"@/views/dataAdmin/components/evaluationRecordReport/windowEvaluation.vue"
/* webpackChunkName: "windowsEvaluation" */ "@/views/dataAdmin/components/evaluationRecordReport/windowEvaluation.vue"
),
meta: { title: "窗口服务评价记录报表" },
},
......@@ -286,7 +287,7 @@ const routes = [
name: "departmentEvaluation",
component: () =>
import(
/* webpackChunkName: "departmentEvaluation" */"@/views/dataAdmin/components/evaluationRecordReport/departmentEvaluation.vue"
/* webpackChunkName: "departmentEvaluation" */ "@/views/dataAdmin/components/evaluationRecordReport/departmentEvaluation.vue"
),
meta: { title: "办事部门评价记录报表" },
},
......@@ -295,11 +296,11 @@ const routes = [
name: "matterEvaluation",
component: () =>
import(
/* webpackChunkName: "matterEvaluation" */"@/views/dataAdmin/components/evaluationRecordReport/matterEvaluation.vue"
/* webpackChunkName: "matterEvaluation" */ "@/views/dataAdmin/components/evaluationRecordReport/matterEvaluation.vue"
),
meta: { title: "办理事项评价记录报表" },
},
]
],
},
{
path: "sampleRecordReport",
......@@ -316,11 +317,11 @@ const routes = [
name: "sampleForm",
component: () =>
import(
/* webpackChunkName: "sampleForm" */"@/views/dataAdmin/components/sampleRecordReport/sampleForm.vue"
/* webpackChunkName: "sampleForm" */ "@/views/dataAdmin/components/sampleRecordReport/sampleForm.vue"
),
meta: { title: "样表记录报表" },
},
]
],
},
{
path: "fillRecordReport",
......@@ -337,11 +338,11 @@ const routes = [
name: "fillForm",
component: () =>
import(
/* webpackChunkName: "fillForm" */"@/views/dataAdmin/components/fillRecordReport/fillForm.vue"
/* webpackChunkName: "fillForm" */ "@/views/dataAdmin/components/fillRecordReport/fillForm.vue"
),
meta: { title: "填单记录报表" },
},
]
],
},
{
path: "microOfficialWebsite",
......@@ -358,11 +359,11 @@ const routes = [
name: "microForm",
component: () =>
import(
/* webpackChunkName: "microForm" */"@/views/dataAdmin/components/microOfficialWebsite/microForm.vue"
/* webpackChunkName: "microForm" */ "@/views/dataAdmin/components/microOfficialWebsite/microForm.vue"
),
meta: { title: "微官网注册报表" },
},
]
],
},
{
path: "networkGovernance",
......@@ -379,7 +380,7 @@ const routes = [
name: "networkForm",
component: () =>
import(
/* webpackChunkName: "networkForm" */"@/views/dataAdmin/components/networkGovernance/networkForm.vue"
/* webpackChunkName: "networkForm" */ "@/views/dataAdmin/components/networkGovernance/networkForm.vue"
),
meta: { title: "网络理政报表" },
},
......@@ -388,11 +389,11 @@ const routes = [
name: "callRecordForm",
component: () =>
import(
/* webpackChunkName: "callRecordForm" */"@/views/dataAdmin/components/networkGovernance/callRecordForm.vue"
/* webpackChunkName: "callRecordForm" */ "@/views/dataAdmin/components/networkGovernance/callRecordForm.vue"
),
meta: { title: "12345拨打记录报表" },
},
]
],
},
],
},
......@@ -414,6 +415,72 @@ const routes = [
),
meta: { title: "数据精算" },
},
{
path: "dataActuary/behaviour",
name: "behaviour",
component: () =>
import(
/* webpackChunkName: "dataActuary" */ "@/views/dataActuary/behaviour/module.vue"
),
meta: { title: "使用行为分析" },
redirect: "dataActuary/behaviour/eventanalyse",
children: [
{
path: "eventanalyse",
name: "eventanalyse",
component: () =>
import(
/* webpackChunkName: "dataActuary" */ "@/views/dataActuary/behaviour/eventanalyse/eventanalyse.vue"
),
meta: { title: "事件分析" },
},
{
path: "product",
name: "product",
component: () =>
import(
/* webpackChunkName: "dataActuary" */ "@/views/dataActuary/behaviour/product/product.vue"
),
meta: { title: "产品热力图" },
},
{
path: "pageanalyse",
name: "pageanalyse",
component: () =>
import(
/* webpackChunkName: "dataActuary" */ "@/views/dataActuary/behaviour/pageanalyse/pageAnalyse.vue"
),
meta: { title: "页面访问分析" },
},
{
path: "pathanalyse",
name: "pathanalyse",
component: () =>
import(
/* webpackChunkName: "dataActuary" */ "@/views/dataActuary/behaviour/pathanalyse/pathAnalyse.vue"
),
meta: { title: "路径分析" },
},
{
path: "usinghabit",
name: "usinghabit",
component: () =>
import(
/* webpackChunkName: "dataActuary" */ "@/views/dataActuary/behaviour/usinghabit/usinghabit.vue"
),
meta: { title: "使用习惯" },
},
{
path: "information",
name: "information",
component: () =>
import(
/* webpackChunkName: "dataActuary" */ "@/views/dataActuary/behaviour/information/information.vue"
),
meta: { title: "信息流分析" },
},
],
},
{
path: "thePlatformIsSet",
name: "thePlatformIsSet",
......
<template>
<!-- 事件分析 -->
<div>事件分析</div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<template>
<!-- 信息流分析 -->
<div>信息流分析</div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<template>
<div class="Container">
<div class="main">
<a-tabs v-model="tabsActive" @change="tabsChange" :forceRender="false">
<a-tab-pane
:key="item.path"
v-for="item of tabsList['children']"
:tab="item['meta']['title']"
>
</a-tab-pane>
</a-tabs>
<router-view style="padding: 0 1rem" />
</div>
</div>
</template>
<script>
import { getItemData } from "@/utils/js/common.js";
import common from "@/mixins/common";
export default {
mixins: [common],
data() {
return {
tabsActive: undefined,
};
},
computed: {
tabsList() {
console.log(
getItemData(this.$router.options.routes, "name", "behaviour")
);
return getItemData(this.$router.options.routes, "name", "behaviour");
},
},
mounted() {
this.$nextTick(() => {
this.tabsActive = this.$route.path.substr(
this.$route.path.lastIndexOf("/") + 1
);
});
},
methods: {
tabsChange(val) {
this.$router.push({
path: val,
// query: { testoption: "test001" },
});
},
},
};
</script>
<style lang="less" scoped>
@headerH: 4.5rem;
.Container {
height: 100% !important;
// background: #fac;
background: #f5f5f5;
display: flex;
flex-direction: column;
.main {
// background: #afc;
background: #ffffff;
border-radius: 6px;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
margin: 1.2rem 2rem;
}
&::before {
content: "";
display: block;
width: 100%;
height: @headerH;
background: rgb(59, 135, 255);
background: -moz-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: -webkit-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b87ff",endColorstr="#6c35f7",GradientType=1);
}
/deep/.ant-tabs-nav {
.ant-tabs-tab {
margin: 0 !important;
}
}
/deep/.ant-tabs-tab {
font-size: 1rem !important;
& + .ant-tabs-tab {
margin: 0 !important;
margin-left: 0.7rem !important;
}
}
}
</style>
<template>
<!-- 页面分析 -->
<div>页面分析</div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<template>
<!-- 路径分析 -->
<div>路劲分析</div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<template>
<!-- 产品分析 -->
<div>产品热力图</div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<template>
<!-- 使用习惯分析 -->
<div>使用习惯</div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
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