parent
aad13503c8
commit
d7e6d8800a
@ -1,3 +1,121 @@
|
||||
<template>
|
||||
<div>法律咨询</div>
|
||||
<div class="enterpriseService">
|
||||
<div class="legalLeft">
|
||||
<div class="flexSpaceBetween">
|
||||
<div class="tableOperator">
|
||||
<el-button type="primary" @click="add">新增</el-button>
|
||||
</div>
|
||||
<div class="searchWrap">
|
||||
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
|
||||
<el-form-item label="" label-width="0">
|
||||
<el-input
|
||||
v-model="queryParam.name"
|
||||
placeholder="请输入关键字"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="search">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menuWrap">
|
||||
<el-menu
|
||||
class="bigMenu"
|
||||
ref="elmenu"
|
||||
:default-active="menuActive"
|
||||
:active="menuActive"
|
||||
@select="handleOpen"
|
||||
:router="false"
|
||||
:unique-opened="true"
|
||||
>
|
||||
<template v-for="item in menuList">
|
||||
<el-submenu
|
||||
:index="item.menuCode + ''"
|
||||
:key="item.menuCode"
|
||||
v-if="item.menuFlag === '1'"
|
||||
>
|
||||
<!-- 一级菜单 -->
|
||||
<template slot="title">
|
||||
<span>{{ item.menuName }}</span>
|
||||
</template>
|
||||
<template v-for="subitem in item.subMenuList">
|
||||
<!-- 二级菜单--无子菜单 -->
|
||||
<el-menu-item
|
||||
:index="subitem.menuUrl + ''"
|
||||
:key="subitem.menuCode"
|
||||
v-if="subitem.menuFlag === '1'"
|
||||
@click="gotoPage(subitem.menuUrl)"
|
||||
>
|
||||
<span>{{ subitem.menuName }}</span>
|
||||
</el-menu-item>
|
||||
</template>
|
||||
</el-submenu>
|
||||
</template>
|
||||
</el-menu>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legalRight"></div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menuActive: "",
|
||||
menuList: [
|
||||
{
|
||||
menuCode: "1",
|
||||
menuFlag: "1",
|
||||
menuName: "收藏",
|
||||
menuUrl: "",
|
||||
subMenuList: [
|
||||
{
|
||||
menuCode: "21",
|
||||
menuFlag: "2",
|
||||
menuName: "企业法律事务管理规定",
|
||||
menuUrl: "",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
queryParam: {
|
||||
name: "",
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
add() {},
|
||||
search() {},
|
||||
handleOpen() {},
|
||||
gotoPage() {},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
@import url("../index.less");
|
||||
.enterpriseService {
|
||||
display: flex;
|
||||
height: 76vh;
|
||||
margin-top: -2vh;
|
||||
|
||||
.legalLeft {
|
||||
width: 360px;
|
||||
background: url("~@/assets/companyFile/menuback.png") no-repeat;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
background-size: 100% 100%;
|
||||
.el-form-item {
|
||||
margin-right: 0;
|
||||
}
|
||||
/deep/.flexSpaceBetween {
|
||||
.el-input__inner {
|
||||
border: 0.1px solid #5c7181;
|
||||
}
|
||||
}
|
||||
}
|
||||
.legalRight {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
Loading…
Reference in new issue