|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title></title>
|
|
|
<link rel="stylesheet" href="../css/landc.css">
|
|
|
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
|
|
|
|
|
<script src="../js/vue.js"></script>
|
|
|
<script src="../js/axios.min.js"></script>
|
|
|
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
|
|
|
|
|
|
<script src="../js/jquery-1.12.4.js"></script>
|
|
|
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
|
|
|
<el-container style="height: 600px; border: 1px solid #eee">
|
|
|
<el-aside width="200px" style="background-color: rgb(238, 241, 246)">
|
|
|
<el-menu>
|
|
|
<el-submenu index="1">
|
|
|
<template slot="title"><i class="el-icon-menu"></i>设备管理</template>
|
|
|
<el-menu-item index="1-1" @click="navigateTo('device.html')">设备管理</el-menu-item>
|
|
|
<el-menu-item index="1-2" @click="navigateTo('maintenancerecord.html')">维护管理</el-menu-item>
|
|
|
<!-- 注意：这里假设你有一个名为 address.html 的页面 -->
|
|
|
</el-submenu>
|
|
|
<el-submenu index="2">
|
|
|
<template slot="title"><i class="el-icon-menu"></i>日志管理</template>
|
|
|
<el-menu-item index="2-1" @click="navigateTo('operationlog.html')">操作日志管理</el-menu-item>
|
|
|
<el-menu-item index="2-2" @click="navigateTo('scraprecord.html')">报废记录管理</el-menu-item>
|
|
|
<el-menu-item index="2-3" @click="navigateTo('usagerecord.html')">用户日志</el-menu-item>
|
|
|
|
|
|
<!-- 注意：这里假设你有一个名为 user_info.html 的页面 -->
|
|
|
</el-submenu>
|
|
|
<el-submenu index="3">
|
|
|
<template slot="title"><i class="el-icon-menu"></i>供应商管理</template>
|
|
|
<el-menu-item index="3-1" @click="navigateTo('supplier.html')">供应商管理</el-menu-item>
|
|
|
<!-- 注意：这里假设你有一个名为 vehicle_management.html 的页面 -->
|
|
|
</el-submenu>
|
|
|
</el-menu>
|
|
|
</el-aside>
|
|
|
<el-main>
|
|
|
<iframe :src="iframeSrc" name="topage" frameborder="0" style="width: 100%; height: 100%;"></iframe>
|
|
|
</el-main>
|
|
|
</el-container>
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
new Vue({
|
|
|
el:'#app',
|
|
|
data:{
|
|
|
iframeSrc: 'device.html' // 初始页面
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
navigateTo(url) {
|
|
|
this.iframeSrc = url; // 更新 iframe 的 src 属性
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
<style>
|
|
|
/* 去除a标签下划线（但在这个特定例子中，可能不需要，因为使用了el-menu-item） */
|
|
|
a {
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
/* 如果el-menu-item内部使用了a标签进行导航（不常见），你可能需要更具体的选择器 */
|
|
|
.el-menu .el-menu-item a {
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
/* 但实际上，el-menu-item通常不会包含a标签用于导航，而是直接触发事件 */
|
|
|
</style>
|
|
|
</body>
|
|
|
</html> |
