parent
f5d36f6c44
commit
c468dcfb3b
@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<nav-menu></nav-menu>
|
||||
<router-view/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import NavMenu from './common/NavMenu'
|
||||
export default {
|
||||
name: 'Home',
|
||||
components: {NavMenu}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,28 @@
|
||||
<template>
|
||||
<el-container>
|
||||
<el-aside style="width: 200px;margin-top: 20px">
|
||||
<switch></switch>
|
||||
<SideMenu></SideMenu>
|
||||
</el-aside>
|
||||
<el-main>
|
||||
<Combatants class="combatants-area"></Combatants>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SideMenu from "./SideMenu";
|
||||
import Combatants from "./Combatants";
|
||||
export default {
|
||||
name: "CombatantsIndex",
|
||||
components: {SideMenu, Combatants}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.combatants-area {
|
||||
width: 990px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<el-menu
|
||||
class="categories"
|
||||
default-active="0"
|
||||
select="handleSelect"
|
||||
active-text-color="red">
|
||||
<el-menu-item index="0">
|
||||
<i class="el-icon-menu"></i>
|
||||
<span slot="title">部总览</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="1">
|
||||
<i class="el-icon-menu"></i>
|
||||
<span slot="title">作战部</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="2">
|
||||
<i class="el-icon-menu"></i>
|
||||
<span slot="title">航空部</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="3">
|
||||
<i class="el-icon-menu"></i>
|
||||
<span slot="title">航海部</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="4">
|
||||
<i class="el-icon-menu"></i>
|
||||
<span slot="title">武器部</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="5">
|
||||
<i class="el-icon-menu"></i>
|
||||
<span slot="title">轮机部</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="6">
|
||||
<i class="el-icon-menu"></i>
|
||||
<span slot="title">医务部</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="7">
|
||||
<i class="el-icon-menu"></i>
|
||||
<span slot="title">供应部</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="8">
|
||||
<i class="el-icon-menu"></i>
|
||||
<span slot="title">安全部</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="9">
|
||||
<i class="el-icon-menu"></i>
|
||||
<span slot="title">维修部</span>
|
||||
</el-menu-item>
|
||||
</el-menu>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'SideMenu'
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.categories {
|
||||
position: fixed;
|
||||
margin-left: 50%;
|
||||
left: -900px;
|
||||
top: 100px;
|
||||
width: 150px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,44 @@
|
||||
<template>
|
||||
<el-menu
|
||||
:default-active="'/index'"
|
||||
router
|
||||
mode="horizontal"
|
||||
background-color="white"
|
||||
text-color="#222"
|
||||
active-text-color="red"
|
||||
style="min-width: 1300px">
|
||||
<el-menu-item v-for="(item,i) in navList" :key="i" :index="item.name">
|
||||
{{ item.navItem }}
|
||||
</el-menu-item>
|
||||
<a href="#nowhere" style="color: #222;float: right;padding: 20px;">更多功能</a>
|
||||
<i class="el-icon-menu" style="float:right;font-size: 45px;color: #222;padding-top: 8px"></i>
|
||||
<span style="position: absolute;padding-top: 20px;right: 43%;font-size: 20px;font-weight: bold">White Jotter - Your Mind Palace</span>
|
||||
</el-menu>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'NavMenu',
|
||||
data () {
|
||||
return {
|
||||
navList: [
|
||||
{name: '/index', navItem: '首页'},
|
||||
{name: '/combatants', navItem: '作战人员'},
|
||||
{name: '/weaponry', navItem: '武器装备'},
|
||||
{name: '/admin', navItem: '管理中心'}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
span {
|
||||
pointer-events: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,12 @@
|
||||
package com.example.demo.home.combatants;
|
||||
|
||||
import com.google.gson.JsonArray;
|
||||
|
||||
|
||||
public class CombatantsResult {
|
||||
private JsonArray Departments;
|
||||
|
||||
public CombatantsResult(JsonArray Department) {
|
||||
this.Departments = Department;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
package com.example.demo.home.combatants;
|
||||
|
||||
import com.google.gson.JsonArray;
|
||||
import com.google.gson.JsonObject;
|
||||
|
||||
|
||||
public class Department {
|
||||
|
||||
int id;
|
||||
|
||||
JsonArray departments = new JsonArray();
|
||||
|
||||
|
||||
}
|
||||
Loading…
Reference in new issue