Browse Source

修改左侧二级菜单宽度与交互,部分弹窗宽度

V1.0
mk 2 years ago
parent
commit
028f35b0da
  1. 5
      src/assets/scss/modules/management/form-main.scss
  2. 2
      src/assets/scss/variables.scss
  3. 1
      src/js/store/index.js
  4. 26
      src/views/main-sidebar-sub-menu.vue
  5. 1
      src/views/main-sidebar.vue
  6. 6
      src/views/modules/base/community/community.vue
  7. 2
      src/views/modules/base/resi.vue
  8. 1
      src/views/modules/base/roomForm.vue
  9. 2
      src/views/modules/communityService/gxxq/index.vue
  10. 2
      src/views/modules/communityService/policy/policyList.vue

5
src/assets/scss/modules/management/form-main.scss

@ -82,10 +82,11 @@ width:50%;
-webkit-line-clamp: 2;
overflow: hidden;
}
//
.div_btn {
margin-top: 20px;
text-align: center;
text-align: right;
padding-right:16px;
}
.d-h3{

2
src/assets/scss/variables.scss

@ -5,7 +5,7 @@ $base--line-height: 1.15;
$navbar--height: 64px;
// Sidebar
$sidebar--width: 251px;
$sidebar--width: 200px;
$sidebar--width-fold: 64px;
$sidebar--background-color-dark: #263238;
$sidebar--text-color-dark: #8a979e;

1
src/js/store/index.js

@ -23,6 +23,7 @@ export default new Vuex.Store({
sidebarMenuList: [],
sidebarMenuActiveName: "",
LevelOneMenuActiveName: "",
LevelTowMenuActiveName:"",
sidebarActiveSubMenuList: [],
// 内容, 是否需要刷新
contentIsNeedRefresh: false,

26
src/views/main-sidebar-sub-menu.vue

@ -8,10 +8,7 @@
popper-append-to-body
>
<template slot="title">
<svg
class="icon-svg aui-sidebar__menu-icon"
aria-hidden="true"
>
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true">
<use :xlink:href="`#${menu.icon}`" />
</svg>
<span :title="menu.name">{{ menu.name }}</span>
@ -24,7 +21,12 @@
:menu="item"
></sub-menu>
</el-submenu>
<el-menu-item v-else :index="menu.id" @click="gotoRouteHandle(menu.id)">
<el-menu-item
:class="{ 'activeTow': menu.id == $store.state.LevelTowMenuActiveName }"
v-else
:index="menu.id"
@click="gotoRouteHandle(menu.id)"
>
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true">
<use :xlink:href="`#${menu.icon}`" />
</svg>
@ -64,6 +66,7 @@ export default {
this.$router.push({ name: route.name });
}
}
this.$store.state.LevelTowMenuActiveName = menuId
},
},
};
@ -75,4 +78,17 @@ export default {
/deep/ .el-menu-item {
@include toe;
}
.activeTow{
background-color: #ecf4fe;
}
.activeTow::after{
display: inline-block;
content: '';
background-color: #0056d6;
width: 2px;
height: 48px;
position: absolute;
right: 3px;
top: 0;
}
</style>

1
src/views/main-sidebar.vue

@ -251,4 +251,5 @@ export default {
}
}
}
</style>

6
src/views/modules/base/community/community.vue

@ -599,11 +599,9 @@ export default {
async getBuildList() {
const url = "/actual/base/communityBuilding/buildingoption";
let params = {
quartersId: this.neighborHoodId,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
@ -800,6 +798,7 @@ export default {
},
async handleNodeClick(obj) {
//
this.ownerName = "";
this.ownerPhone = "";
this.rentFlag = "";
@ -814,7 +813,8 @@ export default {
this.vDisabled = false;
this.bDisabled = false;
if (obj.level === "building") {
//
//
console.log(this.selTreeObj,'传给子组件');
this.$refs["ref_buildingTable"].loadTable("tree", this.selTreeObj);
this.selAgencyId = "";
this.selGridId = "";

2
src/views/modules/base/resi.vue

@ -547,7 +547,7 @@
:close-on-click-modal="false"
:close-on-press-escape="false"
:title="'迁出登记'"
width="620px"
width="562px"
top="5vh"
class="dialog-h"
@closed="diaClose"

1
src/views/modules/base/roomForm.vue

@ -13,7 +13,6 @@
style="display: block">
<span>{{ dataForm.neighborHoodName }}-{{dataForm.label}}</span>
</el-form-item>
<el-form-item label="单元号"
prop="buildingUnitId"
label-width="150px"

2
src/views/modules/communityService/gxxq/index.vue

@ -226,7 +226,7 @@
:close-on-press-escape="false"
:title="formTitle"
destroy-on-close
width="900px"
width="720px"
top="5vh"
class="dialog-h"
@closed="diaClose"

2
src/views/modules/communityService/policy/policyList.vue

@ -233,7 +233,7 @@
:close-on-press-escape="false"
:title="addDiaTitle"
:modal-append-to-body="false"
width="1050px"
width="1020px"
top="5vh"
class="dialog-h"
@closed="showAdd = false"

Loading…
Cancel
Save