Skip to content

罗鑫霖 / vion-tools

Go to a project
Commit d5e1a5f7 by 李乾广
Options

导航栏整合

1 parent ec62dd40
Inline Side-by-side
Showing 1 changed file with 89 additions and 56 deletions
src/views/Main/Main.vue
...@@ -19,120 +19,140 @@ ...@@ -19,120 +19,140 @@
<el-container> <el-container>
<el-aside style="background: #001529" width="200px"> <el-aside style="background: #001529" width="200px">
<a-menu mode="inline" theme="dark" v-model:selectedKeys="selectedKeys" @click="onClick"> <a-menu mode="inline" theme="dark" v-model:selectedKeys="selectedKeys" @click="onClick">
<a-menu-item :key="'/Main/DataRerun'"> <a-sub-menu title="聚类结果" key="clusteringResults">
<template #icon>
<ClusterOutlined />
</template>
<a-menu-item :key="'/Main/SnapshotCluster'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/1.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">数据重跑</span> <span style="padding: 0 5px">抓拍聚类</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/DataRepair'"> </a-sub-menu>
<a-sub-menu title="数据验证" key="dataValidation">
<template #icon>
<ProfileOutlined />
</template>
<a-menu-item :key="'/Main/TestDriveHospitality'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">数据修补</span> <span style="padding: 0 5px">试乘接待</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/FeatureReExtract'"> <a-menu-item :key="'/Main/EquipmentTimeErrorVerification'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/3.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">特征重提</span> <span style="padding: 0 5px">设备时间错误校验</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/FeatureLibraryRebuild'"> <a-menu-item :key="'/Main/FeatureComparisonVerification'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/4.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">特征库重建</span> <span style="padding: 0 5px">特征对比验证</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/PeopleReContrast'"> <a-menu-item :key="'/Main/ComparisonCapturedPictures'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/5.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">人员重新比对</span> <span style="padding: 0 5px">抓拍图片对比</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/SnapshotCluster'"> <a-menu-item :key="'/Main/MinutePassenger'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">抓拍聚类</span> <span style="padding: 0 5px">分钟客流数据</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/TestDriveHospitality'"> <a-menu-item :key="'/Main/Featurematching'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">试乘接待</span> <span style="padding: 0 5px">特征搜图</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/EquipmentTimeErrorVerification'"> <a-menu-item :key="'/Main/FeatureMatchingAccuracy'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">设备时间错误校验</span> <span style="padding: 0 5px">聚类精度</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/FeatureComparisonVerification'"> <a-menu-item :key="'/Main/newMenu'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">特征对比验证</span> <span style="padding: 0 5px">停留时长检索</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/ComparisonCapturedPictures'"> <a-menu-item :key="'/Main/SnapshotCluster1'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">抓拍图片对比</span> <span style="padding: 0 5px">抓拍聚类删除</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/MinutePassenger'"> <a-menu-item :key="'/Main/SourceTrajectoryAnalysis'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">分钟客流数据</span> <span style="padding: 0 5px">店铺客流来源轨迹分析</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/SystemLog'"> </a-sub-menu>
<a-sub-menu title="数据修补" key="dataRepair">
<template #icon>
<SnippetsOutlined />
</template>
<a-menu-item :key="'/Main/DataRerun'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/1.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">系统日志</span> <span style="padding: 0 5px">数据重跑</span>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/DataRepair'">
<div class="flex-vertical-center">
<!-- <img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">数据修补</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/DataReplay'"> <a-menu-item :key="'/Main/DataReplay'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">数据重放</span> <span style="padding: 0 5px">数据重放</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/equipmentDataRetransmission'"> <a-menu-item :key="'/Main/equipmentDataRetransmission'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">设备数据重传</span> <span style="padding: 0 5px">设备数据重传</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/Featurematching'"> <a-menu-item :key="'/Main/FeatureReExtract'">
<div class="flex-vertical-center">
<img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">特征匹配</span>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/FeatureMatchingAccuracy'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/3.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">特征匹配精度</span> <span style="padding: 0 5px">特征重提</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/newMenu'"> <a-menu-item :key="'/Main/FeatureLibraryRebuild'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/4.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">停留时长检索</span> <span style="padding: 0 5px">特征库重建</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/SnapshotCluster1'"> <a-menu-item :key="'/Main/PeopleReContrast'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/5.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">抓拍聚类删除</span> <span style="padding: 0 5px">人员重新比对</span>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item :key="'/Main/SourceTrajectoryAnalysis'"> </a-sub-menu>
<a-sub-menu title="其他" key="other">
<template #icon>
<SettingOutlined />
</template>
<a-menu-item :key="'/Main/SystemLog'">
<div class="flex-vertical-center"> <div class="flex-vertical-center">
<img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> <!-- <img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">店铺客流来源轨迹分析</span> <span style="padding: 0 5px">系统日志</span>
</div> </div>
</a-menu-item> </a-menu-item>
</a-sub-menu>
</a-menu> </a-menu>
</el-aside> </el-aside>
<el-main> <el-main>
...@@ -143,6 +163,7 @@ ...@@ -143,6 +163,7 @@
</el-container> </el-container>
</template> </template>
<script> <script>
import { ClusterOutlined, ProfileOutlined, SnippetsOutlined, SettingOutlined } from '@ant-design/icons-vue';
import {defineComponent, getCurrentInstance, ref} from 'vue' import {defineComponent, getCurrentInstance, ref} from 'vue'
import {useRouter} from 'vue-router' import {useRouter} from 'vue-router'
import moment from "moment" import moment from "moment"
...@@ -215,7 +236,19 @@ export default defineComponent({ ...@@ -215,7 +236,19 @@ export default defineComponent({
getWeek, getWeek,
} }
}, },
components: {
ClusterOutlined,
ProfileOutlined,
SnippetsOutlined,
SettingOutlined,
},
}) })
</script> </script>
<style> <style>
.ant-menu-submenu-title{
padding-left: 20px!important;
}
.ant-menu-item{
padding-left: 40px!important;
}
</style> </style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!