Browse Source

房屋管理样式

feature
jiangyy 3 years ago
parent
commit
693c0d0f1c
  1. 1
      src/App.vue
  2. 4
      src/assets/scss/buttonstyle.scss
  3. 7
      src/assets/scss/modules/management/edit-main.scss
  4. 20
      src/views/modules/base/community/buildTable.vue
  5. 12
      src/views/modules/base/community/community.vue
  6. 43
      src/views/modules/base/community/communityTable.vue
  7. 22
      src/views/modules/base/community/roomTable.vue

1
src/App.vue

@ -148,6 +148,7 @@ export default {
} }
.name-a { .name-a {
cursor: pointer; cursor: pointer;
color: #0056d6;
} }
.dialog-h { .dialog-h {
.el-dialog__body { .el-dialog__body {

4
src/assets/scss/buttonstyle.scss

@ -119,8 +119,8 @@
} }
//操作栏更多 //操作栏更多
.diy-button--other { .diy-button--other {
text-decoration: underline !important; // text-decoration: underline !important;
color: #002765 !important; color: #505050 !important;
font-size: 14px !important; font-size: 14px !important;
// min-width: 60px !important; // min-width: 60px !important;
// height: 32px !important; // height: 32px !important;

7
src/assets/scss/modules/management/edit-main.scss

@ -28,11 +28,12 @@
.m-edit-map{ .m-edit-map{
.m-edit-map-search{ .m-edit-map-search{
margin-bottom: 10px; margin-bottom: 8px;
} }
.m-map-item{ .m-map-item{
margin-top:10px; // margin-top:10px;
height:280px; height:225px;
width:400px;
padding-bottom:10px; padding-bottom:10px;
} }

20
src/views/modules/base/community/buildTable.vue

@ -305,6 +305,7 @@ let loading // 加载动画
export default { export default {
data () { data () {
return { return {
searchHeight: 190,//
importBuildingLoading: false, importBuildingLoading: false,
importRoomLoading: false, importRoomLoading: false,
total: 0, total: 0,
@ -344,8 +345,9 @@ export default {
}, },
computed: { computed: {
tableHeight () { tableHeight () {
console.log(this.searchHeight)
return this.$store.state.inIframe ? this.clientHeight - 465 + this.iframeHeight : this.clientHeight - 465 let height = this.searchHeight + 270
return this.$store.state.inIframe ? this.clientHeight - height + this.iframeHeight : this.clientHeight - height
}, },
@ -912,6 +914,20 @@ export default {
}, },
watch: { watch: {
'$store.state.sidebarFold': {
handler (newVal, oldVal) {
if (newVal) {//
this.searchHeight = 155
} else {
this.searchHeight = 190
}
},
deep: true
}
}, },
props: { props: {
staffAgencyId: { staffAgencyId: {

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

@ -243,6 +243,7 @@
:remark="remark" :remark="remark"
:updateStartDate="updateStartDate" :updateStartDate="updateStartDate"
:updateEndDate="updateEndDate" :updateEndDate="updateEndDate"
:searchHeight="searchHeight"
@toNextLevel="toNextLevel" @toNextLevel="toNextLevel"
@refreshTree="refreshTree"></build-table> @refreshTree="refreshTree"></build-table>
@ -310,6 +311,7 @@ export default {
} }
return { return {
boxHeight: true, boxHeight: true,
searchHeight: 190,
filterText: '', filterText: '',
treeLoading: true, treeLoading: true,
treeData: [], treeData: [],
@ -387,6 +389,8 @@ export default {
CDialog CDialog
}, },
async mounted () { async mounted () {
this.searchHeight = this.$refs.ref_searchform.offsetHeight
this.treeLoading = true this.treeLoading = true
await this.loadOrgData() await this.loadOrgData()
@ -818,7 +822,8 @@ export default {
watch: { watch: {
filterText (val) { filterText (val) {
this.$refs.ref_tree.filter(val); this.$refs.ref_tree.filter(val);
} },
}, },
components: { components: {
communityTable, buildTable, roomTable communityTable, buildTable, roomTable
@ -826,9 +831,6 @@ export default {
} }
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/modules/visual/communityManage.scss"; @import "@/assets/scss/modules/visual/communityManage.scss";
@import "@/assets/scss/modules/management/list-main.scss"; @import "@/assets/scss/modules/management/list-main.scss";
@ -926,7 +928,7 @@ export default {
box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
0px 3px 6px -4px rgba(0, 0, 0, 0.12); 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
// border-radius: 5px; // border-radius: 5px;
padding: 19px 15px; padding: 24px 15px;
overflow-y: hidden; overflow-y: hidden;
} }

43
src/views/modules/base/community/communityTable.vue

@ -10,7 +10,8 @@
icon="el-icon-plus" icon="el-icon-plus"
@click="handleAdd">新增小区</el-button> @click="handleAdd">新增小区</el-button>
<div class="u-btn-upload"> <div v-if="showImportBtn"
class="u-btn-upload">
<el-popover v-if="showImportBtn" <el-popover v-if="showImportBtn"
popper-class="btn-popper" popper-class="btn-popper"
@ -302,6 +303,7 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
width="1150px" width="1150px"
title="导出模板"
top="5vh" top="5vh"
class="dialog-h"> class="dialog-h">
<community-export-info v-if="diyDialog" <community-export-info v-if="diyDialog"
@ -336,6 +338,8 @@ let loading // 加载动画
export default { export default {
data () { data () {
return { return {
searchHeight: 190,//
// tableHeight: 0,
importBuildingLoading: false, importBuildingLoading: false,
importRoomLoading: false, importRoomLoading: false,
importCommunityLoading: false, importCommunityLoading: false,
@ -384,8 +388,12 @@ export default {
CommunityForm, CommunityForm,
CommunityDetail, CommunityDetail,
communityExportInfo communityExportInfo
},
activated () {
}, },
async mounted () { async mounted () {
this.customerId = localStorage.getItem('customerId') this.customerId = localStorage.getItem('customerId')
// this.displayedBaobiaoBtn = await this.$refs.baobiao.existsTemplate({ // this.displayedBaobiaoBtn = await this.$refs.baobiao.existsTemplate({
// elseParams: { // elseParams: {
@ -393,14 +401,7 @@ export default {
// } // }
// }); // });
}, },
computed: {
tableHeight () {
return this.$store.state.inIframe ? this.clientHeight - 465 + this.iframeHeight : this.clientHeight - 465
},
...mapGetters(['clientHeight', 'iframeHeight'])
},
methods: { methods: {
reportForm () { reportForm () {
let paramMap = { let paramMap = {
@ -1132,6 +1133,16 @@ export default {
} }
} }
}, },
computed: {
tableHeight () {
console.log(this.searchHeight)
let height = this.searchHeight + 270
return this.$store.state.inIframe ? this.clientHeight - height + this.iframeHeight : this.clientHeight - height
},
...mapGetters(['clientHeight', 'iframeHeight'])
},
watch: { watch: {
selection (val) { selection (val) {
@ -1140,6 +1151,21 @@ export default {
} else { } else {
this.showDeletBtn = false this.showDeletBtn = false
} }
},
'$store.state.sidebarFold': {
handler (newVal, oldVal) {
if (newVal) {//
this.searchHeight = 155
} else {
this.searchHeight = 190
}
},
deep: true
} }
}, },
props: { props: {
@ -1176,6 +1202,7 @@ export default {
default: '', default: '',
}, },
} }
} }
</script> </script>

22
src/views/modules/base/community/roomTable.vue

@ -302,6 +302,7 @@ let loading; // 加载动画
export default { export default {
data () { data () {
return { return {
searchHeight: 190,//
source: "tree", // source: "tree", //
importRoomLoading: false, importRoomLoading: false,
total: 0, total: 0,
@ -376,9 +377,10 @@ export default {
}, },
computed: { computed: {
tableHeight () { tableHeight () {
return this.$store.state.inIframe console.log(this.searchHeight)
? this.clientHeight - 465 + this.iframeHeight let height = this.searchHeight + 270
: this.clientHeight - 465; return this.$store.state.inIframe ? this.clientHeight - height + this.iframeHeight : this.clientHeight - height
}, },
...mapGetters(["clientHeight", "iframeHeight"]), ...mapGetters(["clientHeight", "iframeHeight"]),
@ -980,6 +982,20 @@ export default {
this.showDeletBtn = false; this.showDeletBtn = false;
} }
}, },
'$store.state.sidebarFold': {
handler (newVal, oldVal) {
if (newVal) {//
this.searchHeight = 155
} else {
this.searchHeight = 190
}
},
deep: true
}
}, },
props: { props: {
staffAgencyId: { staffAgencyId: {

Loading…
Cancel
Save