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 @@
<el-container>
<el-aside style="background: #001529" width="200px">
<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">
<img :src="require('./Icons/1.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">数据重跑</span>
<!-- <img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">抓拍聚类</span>
</div>
</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">
<img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">数据修补</span>
<!-- <img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">试乘接待</span>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/FeatureReExtract'">
<a-menu-item :key="'/Main/EquipmentTimeErrorVerification'">
<div class="flex-vertical-center">
<img :src="require('./Icons/3.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">特征重提</span>
<!-- <img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">设备时间错误校验</span>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/FeatureLibraryRebuild'">
<a-menu-item :key="'/Main/FeatureComparisonVerification'">
<div class="flex-vertical-center">
<img :src="require('./Icons/4.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">特征库重建</span>
<!-- <img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">特征对比验证</span>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/PeopleReContrast'">
<a-menu-item :key="'/Main/ComparisonCapturedPictures'">
<div class="flex-vertical-center">
<img :src="require('./Icons/5.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">人员重新比对</span>
<!-- <img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">抓拍图片对比</span>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/SnapshotCluster'">
<a-menu-item :key="'/Main/MinutePassenger'">
<div class="flex-vertical-center">
<img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">抓拍聚类</span>
<!-- <img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">分钟客流数据</span>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/TestDriveHospitality'">
<a-menu-item :key="'/Main/Featurematching'">
<div class="flex-vertical-center">
<img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">试乘接待</span>
<!-- <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/EquipmentTimeErrorVerification'">
<a-menu-item :key="'/Main/FeatureMatchingAccuracy'">
<div class="flex-vertical-center">
<img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">设备时间错误校验</span>
<!-- <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/FeatureComparisonVerification'">
<a-menu-item :key="'/Main/newMenu'">
<div class="flex-vertical-center">
<img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">特征对比验证</span>
<!-- <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/ComparisonCapturedPictures'">
<a-menu-item :key="'/Main/SnapshotCluster1'">
<div class="flex-vertical-center">
<img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">抓拍图片对比</span>
<!-- <img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">抓拍聚类删除</span>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/MinutePassenger'">
<a-menu-item :key="'/Main/SourceTrajectoryAnalysis'">
<div class="flex-vertical-center">
<img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">分钟客流数据</span>
<!-- <img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">店铺客流来源轨迹分析</span>
</div>
</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">
<img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">系统日志</span>
<!-- <img :src="require('./Icons/1.svg')" style="height: auto;width:20px"/> -->
<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>
</a-menu-item>
<a-menu-item :key="'/Main/DataReplay'">
<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>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/equipmentDataRetransmission'">
<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>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/Featurematching'">
<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'">
<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>
<!-- <img :src="require('./Icons/3.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">特征重提</span>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/newMenu'">
<a-menu-item :key="'/Main/FeatureLibraryRebuild'">
<div class="flex-vertical-center">
<img :src="require('./Icons/2.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">停留时长检索</span>
<!-- <img :src="require('./Icons/4.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">特征库重建</span>
</div>
</a-menu-item>
<a-menu-item :key="'/Main/SnapshotCluster1'">
<a-menu-item :key="'/Main/PeopleReContrast'">
<div class="flex-vertical-center">
<img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">抓拍聚类删除</span>
<!-- <img :src="require('./Icons/5.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">人员重新比对</span>
</div>
</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">
<img :src="require('./Icons/6.svg')" style="height: auto;width:20px"/>
<span style="padding: 0 5px">店铺客流来源轨迹分析</span>
<!-- <img :src="require('./Icons/7.svg')" style="height: auto;width:20px"/> -->
<span style="padding: 0 5px">系统日志</span>
</div>
</a-menu-item>
</a-sub-menu>
</a-menu>
</el-aside>
<el-main>
......@@ -143,6 +163,7 @@
</el-container>
</template>
<script>
import { ClusterOutlined, ProfileOutlined, SnippetsOutlined, SettingOutlined } from '@ant-design/icons-vue';
import {defineComponent, getCurrentInstance, ref} from 'vue'
import {useRouter} from 'vue-router'
import moment from "moment"
......@@ -215,7 +236,19 @@ export default defineComponent({
getWeek,
}
},
components: {
ClusterOutlined,
ProfileOutlined,
SnippetsOutlined,
SettingOutlined,
},
})
</script>
<style>
.ant-menu-submenu-title{
padding-left: 20px!important;
}
.ant-menu-item{
padding-left: 40px!important;
}
</style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!