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; -webkit-line-clamp: 2;
overflow: hidden; overflow: hidden;
} }
//
.div_btn { .div_btn {
margin-top: 20px; margin-top: 20px;
text-align: center; text-align: right;
padding-right:16px;
} }
.d-h3{ .d-h3{

2
src/assets/scss/variables.scss

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

1
src/js/store/index.js

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

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

@ -8,10 +8,7 @@
popper-append-to-body popper-append-to-body
> >
<template slot="title"> <template slot="title">
<svg <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true">
class="icon-svg aui-sidebar__menu-icon"
aria-hidden="true"
>
<use :xlink:href="`#${menu.icon}`" /> <use :xlink:href="`#${menu.icon}`" />
</svg> </svg>
<span :title="menu.name">{{ menu.name }}</span> <span :title="menu.name">{{ menu.name }}</span>
@ -24,7 +21,12 @@
:menu="item" :menu="item"
></sub-menu> ></sub-menu>
</el-submenu> </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"> <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true">
<use :xlink:href="`#${menu.icon}`" /> <use :xlink:href="`#${menu.icon}`" />
</svg> </svg>
@ -64,6 +66,7 @@ export default {
this.$router.push({ name: route.name }); this.$router.push({ name: route.name });
} }
} }
this.$store.state.LevelTowMenuActiveName = menuId
}, },
}, },
}; };
@ -75,4 +78,17 @@ export default {
/deep/ .el-menu-item { /deep/ .el-menu-item {
@include toe; @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> </style>

1
src/views/main-sidebar.vue

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

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

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

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

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

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

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

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

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

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

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

Loading…
Cancel
Save