parent
aad13503c8
commit
d7e6d8800a
@ -1,166 +1,165 @@
|
|||||||
.enterpriseService {
|
.enterpriseService {
|
||||||
.flexSpaceBetween {
|
.flexSpaceBetween {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
.searchWrap {
|
// .searchWrap {
|
||||||
/deep/ .el-input__inner {
|
/deep/ .el-input__inner {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border: 0.1px solid #495e70;
|
border: 0.1px solid #495e70;
|
||||||
background-color: rgba(0, 0, 0, 0);
|
background-color: rgba(0, 0, 0, 0);
|
||||||
}
|
}
|
||||||
/deep/ .el-form-item__label {
|
/deep/ .el-form-item__label {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-button {
|
.el-button {
|
||||||
border: 1px solid #4a6072;
|
border: 1px solid #4a6072;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 0px !important;
|
border-radius: 0px !important;
|
||||||
background: #323f43;
|
background: #323f43;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-button:focus,
|
.el-button:focus,
|
||||||
.el-button:hover {
|
.el-button:hover {
|
||||||
border: 1px solid#34e1b3;
|
border: 1px solid#34e1b3;
|
||||||
background: url("~@/assets/companyFile/2121.png") no-repeat !important;
|
background: url("~@/assets/companyFile/2121.png") no-repeat !important;
|
||||||
background-size: 100% 100% !important;
|
background-size: 100% 100% !important;
|
||||||
|
}
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
.tableWrap {
|
||||||
|
height: calc(100% - 60px);
|
||||||
|
}
|
||||||
|
/deep/ .el-table {
|
||||||
|
background-color: #233438;
|
||||||
|
.el-table__header-wrapper {
|
||||||
|
tr {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 500;
|
||||||
|
background: linear-gradient(to right, #284f49, #2f6363, #233b38);
|
||||||
|
th {
|
||||||
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.tableWrap {
|
.el-table__body {
|
||||||
height: calc(100% - 60px);
|
color: #ffffff;
|
||||||
}
|
|
||||||
/deep/ .el-table {
|
|
||||||
background-color: #233438;
|
background-color: #233438;
|
||||||
.el-table__header-wrapper {
|
tr {
|
||||||
tr {
|
|
||||||
color: #fff;
|
|
||||||
font-weight: 500;
|
|
||||||
background: linear-gradient(to right, #284f49, #2f6363, #233b38);
|
|
||||||
th {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.el-table__body {
|
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background-color: #233438;
|
background-color: #233438;
|
||||||
tr {
|
|
||||||
color: #ffffff;
|
|
||||||
background-color: #233438;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.gPagination {
|
}
|
||||||
background-color: transparent;
|
.gPagination {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
/deep/.el-pagination {
|
||||||
|
.el-pagination__total {
|
||||||
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
/deep/.el-pagination {
|
.el-pagination__sizes {
|
||||||
.el-pagination__total {
|
.el-input__inner {
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.el-pagination__sizes {
|
|
||||||
.el-input__inner {
|
|
||||||
background: #3c4b4a;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn-prev {
|
|
||||||
background: #3c4b4a;
|
background: #3c4b4a;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.btn-next {
|
}
|
||||||
|
.btn-prev {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.btn-next {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.el-pager {
|
||||||
|
.number {
|
||||||
background: #3c4b4a;
|
background: #3c4b4a;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
&.active {
|
||||||
.el-pager {
|
background: url("~@/assets/companyFile/2121.png") no-repeat !important;
|
||||||
.number {
|
background-size: 100% 100% !important;
|
||||||
background: #3c4b4a;
|
|
||||||
color: #fff;
|
|
||||||
&.active {
|
|
||||||
background: url("~@/assets/companyFile/2121.png") no-repeat !important;
|
|
||||||
background-size: 100% 100% !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.el-pagination__jump {
|
|
||||||
color: #fff;
|
|
||||||
.el-input__inner {
|
|
||||||
background: #3c4b4a;
|
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.el-pagination__jump {
|
||||||
/deep/.el-dialog {
|
color: #fff;
|
||||||
margin: 10vh auto 10vh !important;
|
.el-input__inner {
|
||||||
.el-dialog__title {
|
background: #3c4b4a;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
background-image: url("~@/assets/companyFile/dialogBack.png");
|
/deep/.el-dialog {
|
||||||
background-size: 100% 100%;
|
margin: 15vh auto 10vh !important;
|
||||||
background-repeat: no-repeat;
|
.el-dialog__title {
|
||||||
//height: 80vh;
|
color: #fff;
|
||||||
|
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||||
|
}
|
||||||
|
|
||||||
/* 关闭弹窗叉号 */
|
background-image: url("~@/assets/companyFile/dialogBack.png");
|
||||||
.el-dialog__headerbtn {
|
background-size: 100% 100%;
|
||||||
.el-dialog__close {
|
background-repeat: no-repeat;
|
||||||
color: #fff;
|
height: 60vh;
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.el-dialog__body {
|
|
||||||
padding: 30px 20px 0;
|
|
||||||
height: calc(100% - 120px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-button {
|
/* 关闭弹窗叉号 */
|
||||||
width: 70px;
|
.el-dialog__headerbtn {
|
||||||
border: 1px solid #4a6072;
|
.el-dialog__close {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 0px !important;
|
font-size: 18px;
|
||||||
background: #323f43;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.el-dialog__body {
|
||||||
|
padding: 30px 20px 0;
|
||||||
|
height: calc(100% - 120px);
|
||||||
|
}
|
||||||
|
|
||||||
.el-button:focus,
|
.el-button {
|
||||||
.el-button:hover {
|
width: 70px;
|
||||||
color: #34e1b3;
|
border: 1px solid #4a6072;
|
||||||
background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
|
color: #fff;
|
||||||
background-size: 100% 100% !important;
|
border-radius: 0px !important;
|
||||||
}
|
background: #323f43;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button:focus,
|
||||||
|
.el-button:hover {
|
||||||
|
color: #34e1b3;
|
||||||
|
background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
.el-form {
|
.el-form {
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: url(/img/242112.6e40adf5.png) no-repeat;
|
background: url(/img/242112.6e40adf5.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
|
.el-form-item {
|
||||||
|
.el-form-item__label {
|
||||||
|
color: #fff;
|
||||||
|
line-height: normal;
|
||||||
}
|
}
|
||||||
.el-form-item {
|
.el-form-item__content {
|
||||||
.el-form-item__label {
|
.el-textarea__inner,
|
||||||
|
.el-input__inner {
|
||||||
|
border-radius: 0px;
|
||||||
|
border: 0.5px solid;
|
||||||
|
background: #3c4b4a;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
line-height: normal;
|
|
||||||
}
|
}
|
||||||
.el-form-item__content {
|
|
||||||
.el-textarea__inner,
|
|
||||||
.el-input__inner {
|
|
||||||
border-radius: 0px;
|
|
||||||
border: 0.5px solid;
|
|
||||||
background: #3c4b4a;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 查询框点击颜色变化 */
|
/* 查询框点击颜色变化 */
|
||||||
.el-input__inner:focus,
|
.el-input__inner:focus,
|
||||||
.el-input__inner:hover {
|
.el-input__inner:hover {
|
||||||
border-color: #1b3736;
|
border-color: #1b3736;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
@ -1,3 +1,121 @@
|
|||||||
<template>
|
<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>
|
</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