From 24cbdb7a2cc13befa04ae67f4ae727b6ef3ce7eb Mon Sep 17 00:00:00 2001 From: dai <851733175@qq.com> Date: Thu, 7 Jul 2022 15:55:42 +0800 Subject: [PATCH 01/19] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=9D=E6=AD=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/main-shuju.scss | 25 +++++-- src/assets/scss/shuju-variables.scss | 24 +++++++ src/js/store/index.js | 89 +++++++++++++----------- src/views/components/fixed1920.vue | 62 +++++++++++++++++ src/views/main-shuju/main.vue | 54 +++++++------- src/views/modules/visual/heart/index.vue | 84 ++++++++++++---------- 6 files changed, 231 insertions(+), 107 deletions(-) create mode 100644 src/assets/scss/shuju-variables.scss create mode 100644 src/views/components/fixed1920.vue diff --git a/src/assets/scss/main-shuju.scss b/src/assets/scss/main-shuju.scss index 092ff7964..bb1f2171d 100644 --- a/src/assets/scss/main-shuju.scss +++ b/src/assets/scss/main-shuju.scss @@ -1,5 +1,8 @@ @import "~@/element-ui/theme-variables.scss"; -@import "./variables.scss"; +@import "./shuju-variables.scss"; +@import "./c/config"; +@import "./c/function"; +@import "./modules/visual/c/common.scss"; // $navbar--height: 60px; body { @@ -19,6 +22,8 @@ body { background-image: url(../img/shuju/bg.jpg); background-size: cover; background-position: center 0; + height: 100%; + @include scrollBar; .el-card + .el-card { margin-top: 15px; @@ -171,6 +176,10 @@ body { // box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); background: linear-gradient(180deg, #00023f, #176dec); box-shadow: 0px 3px 16px 0px rgba(187, 187, 227, 0.35); + font-size: 18px; + .el-menu-item { + font-size: 18px; + } .navbar--colorful { .navbar__body { @@ -229,17 +238,17 @@ body { display: flex; justify-content: center; align-items: center; - padding: 5px; + padding: 10px 20px; margin: 0; width: 100%; height: 100%; - font-size: 24px; + font-size: 28px; + font-weight: bold; text-transform: uppercase; white-space: nowrap; // overflow: hidden; transition: width 0.3s; font-family: FZZCHJW; - font-weight: normal; color: #ffffff; background: linear-gradient(0deg, #03c7ff 24.609375%, #ffffff 81.0791015625%); -webkit-background-clip: text; @@ -288,6 +297,7 @@ body { .navbar__menu { background-color: transparent; border-bottom: 0 !important; + a:focus, a:hover { text-decoration: none; @@ -349,7 +359,7 @@ body { position: absolute; display: none; padding: 0 10px; - width: 120px; + width: 160px; left: -100px; right: -100px; margin: 0 auto; @@ -360,6 +370,9 @@ body { border-top: 1px dashed rgba(#fff, 0.4); color: rgba(#fff, 0.7); transition: all ease 0.5s; + padding: 10px 0; + line-height: $navbar--height * 0.5; + &.z-on { font-weight: bold; } @@ -409,7 +422,7 @@ body { } .navbar__icon-menu { vertical-align: middle; - font-size: 16px; + font-size: 20px; } .el-dropdown { color: #fff; diff --git a/src/assets/scss/shuju-variables.scss b/src/assets/scss/shuju-variables.scss new file mode 100644 index 000000000..70ce5241b --- /dev/null +++ b/src/assets/scss/shuju-variables.scss @@ -0,0 +1,24 @@ +// Base +$base--line-height: 1.15; + +// Navbar +$navbar--height: 75px; + +// Sidebar +$sidebar--width: 230px; +$sidebar--width-fold: 100px; +$sidebar--background-color-dark: #263238; +$sidebar--text-color-dark: #8a979e; +$sidebar--menu-item-height: 48px; + +// Content +$content--padding: 10px; +$content--background-color: #f1f4f5; +$content--card-header-height: 60px; +$content--tabs-header-height: 38px; +// Content, 填充整屏高度(非tabs状态) = 整屏高度 - 导航条高度 - aui-content上下内边距高度 +$content--fill-height: calc(100vh - #{$navbar--height} - #{$content--padding * 2}); +// Content, 填充整屏高度(是tabs状态) = 整屏高度 - 导航条高度 - tabs组件header高度 - tabs组件content上下内边距高度 +$content--fill-height-tabs: calc( + 100vh - #{$navbar--height} - #{$content--tabs-header-height} - #{$content--padding * 2} +); diff --git a/src/js/store/index.js b/src/js/store/index.js index 276c7f83c..7ebb31e94 100644 --- a/src/js/store/index.js +++ b/src/js/store/index.js @@ -8,7 +8,7 @@ import { requestPost } from "@/js/dai/request"; import { dateFormats } from "@/utils/index"; Vue.use(Vuex); -let interTimer = null +let interTimer = null; export default new Vuex.Store({ namespaced: true, state: { @@ -42,6 +42,9 @@ export default new Vuex.Store({ tipsList: [], tipsTime: [], inIframe: window.self !== window.top, + fixed1920: { + height: document.documentElement.clientHeight, + }, }, modules: { user, @@ -56,69 +59,71 @@ export default new Vuex.Store({ }); }, SET_TIPS_LIST(state, tipsList) { - let _list = state.tipsList + let _list = state.tipsList; // state.tipsList = _list.concat(tipsList) - state.tipsList = tipsList + state.tipsList = tipsList; }, SET_TIPS_TIME(state, time) { - state.tipsTime = time - } + state.tipsTime = time; + }, }, actions: { clearInter() { - clearInterval(interTimer) + clearInterval(interTimer); }, setInterval({ commit, dispatch, state }) { interTimer = setInterval(() => { - const _t = dateFormats('YYYY-mm-dd HH:MM', (new Date(new Date().toLocaleDateString()).getTime())) - const _tt = new Date(_t).getTime() - console.log('230000---', _t) - const t = dateFormats('YYYY-mm-dd HH:MM', (new Date().getTime())) - const nt = new Date(t).getTime() + const _t = dateFormats( + "YYYY-mm-dd HH:MM", + new Date(new Date().toLocaleDateString()).getTime() + ); + const _tt = new Date(_t).getTime(); + console.log("230000---", _t); + const t = dateFormats("YYYY-mm-dd HH:MM", new Date().getTime()); + const nt = new Date(t).getTime(); // 判断当前时间是否为 00:00 if (nt == _tt) { - dispatch('setTipsTime') - return + dispatch("setTipsTime"); + return; } - let times = state.tipsTime - console.log('nt---000', nt) + let times = state.tipsTime; + console.log("nt---000", nt); state.tipsTime.forEach((item, index) => { - const _t = new Date(item).getTime() + const _t = new Date(item).getTime(); if (_t == nt) { - clearInterval(interTimer) - dispatch('setTipsList', item) - times.splice(index, 1) - commit('SET_TIPS_TIME', times) + clearInterval(interTimer); + dispatch("setTipsList", item); + times.splice(index, 1); + commit("SET_TIPS_TIME", times); } - }) - }, 60000) + }); + }, 60000); }, setTipsList({ commit }, time) { return new Promise(async (resolve, reject) => { - const url = '/gov/project/memoAttr/memosToRemind' + const url = "/gov/project/memoAttr/memosToRemind"; const params = { - remindTime: time || '' - } - const { data, code, msg } = await requestPost(url, params) + remindTime: time || "", + }; + const { data, code, msg } = await requestPost(url, params); if (code === 0) { - commit('SET_TIPS_LIST', data) - resolve() - } else reject(msg) - }) + commit("SET_TIPS_LIST", data); + resolve(); + } else reject(msg); + }); }, setTipsTime({ commit, dispatch }) { return new Promise(async (resolve, reject) => { - if (interTimer) clearInterval(interTimer) - const url = '/gov/project/memoAttr/memoTime' - - const { data, code, msg } = await requestPost(url) + if (interTimer) clearInterval(interTimer); + const url = "/gov/project/memoAttr/memoTime"; + + const { data, code, msg } = await requestPost(url); if (code === 0) { - - commit('SET_TIPS_TIME', data) - if (data.length > 0) dispatch('setInterval') - resolve() - } else reject(msg) - }) - } - } + commit("SET_TIPS_TIME", data); + if (data.length > 0) dispatch("setInterval"); + resolve(); + } else reject(msg); + }); + }, + }, }); diff --git a/src/views/components/fixed1920.vue b/src/views/components/fixed1920.vue new file mode 100644 index 000000000..e98ab3115 --- /dev/null +++ b/src/views/components/fixed1920.vue @@ -0,0 +1,62 @@ + + + + diff --git a/src/views/main-shuju/main.vue b/src/views/main-shuju/main.vue index 4abb6808f..6aa4e0141 100644 --- a/src/views/main-shuju/main.vue +++ b/src/views/main-shuju/main.vue @@ -1,25 +1,28 @@ From cab2822ba085f6cd11ee382e89a373f97d150e31 Mon Sep 17 00:00:00 2001 From: dai <851733175@qq.com> Date: Tue, 12 Jul 2022 17:09:49 +0800 Subject: [PATCH 10/19] =?UTF-8?q?=E7=BB=A7=E7=BB=AD=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../modules/visual/distributionAnalyze.scss | 13 +++---- .../scss/modules/visual/fiveLayerMap.scss | 36 +++++++++---------- src/assets/scss/modules/visual/heart.scss | 3 +- .../scss/modules/visual/houseStatic.scss | 17 +++++---- src/assets/scss/modules/visual/people.scss | 15 +++++--- src/assets/scss/modules/visual/search_1.scss | 3 +- .../duoyuanfuwu/duoyuanfuwufenxi.vue | 5 +-- .../communityGovern/fivelayers/mapIndex.vue | 36 +++++++++---------- .../visual/communityParty/community.vue | 7 ++-- .../modules/visual/communityParty/elegant.vue | 7 ++-- .../visual/communityParty/gridParty.vue | 7 ++-- .../modules/visual/communityParty/party.vue | 7 ++-- .../visual/communityParty/partyOld.vue | 7 ++-- src/views/modules/visual/measure/service.vue | 12 ++++--- .../modules/visual/measure/volunteer.vue | 10 +++--- .../plugin/power/components/house-dialog.vue | 5 +-- .../plugin/power/components/info-dialog.vue | 5 +-- .../visual/plugin/power/organization.vue | 7 ++-- 18 files changed, 117 insertions(+), 85 deletions(-) diff --git a/src/assets/scss/modules/visual/distributionAnalyze.scss b/src/assets/scss/modules/visual/distributionAnalyze.scss index 60055cecd..fff1af839 100644 --- a/src/assets/scss/modules/visual/distributionAnalyze.scss +++ b/src/assets/scss/modules/visual/distributionAnalyze.scss @@ -1,9 +1,10 @@ -@import '../../c/config'; -@import '../../c/function'; -@import './c/common'; +@import "../../c/config"; +@import "../../c/function"; +@import "./c/common"; .title { - padding: 10px; + margin-bottom: 10px; + padding: 4px 2px; font-size: 22px; font-family: PingFang SC; font-weight: 800; @@ -37,7 +38,7 @@ color: #fff; } .second-title-label::after { - content: ''; + content: ""; position: absolute; top: 50%; left: 20px; @@ -63,7 +64,7 @@ } .el-icon-arrow-up:before { - content: '\e78f'; + content: "\e78f"; } // .el-select__caret:before { // content: '\E790' diff --git a/src/assets/scss/modules/visual/fiveLayerMap.scss b/src/assets/scss/modules/visual/fiveLayerMap.scss index 0d566ab69..34732393f 100644 --- a/src/assets/scss/modules/visual/fiveLayerMap.scss +++ b/src/assets/scss/modules/visual/fiveLayerMap.scss @@ -38,10 +38,10 @@ .div_map { box-sizing: border-box; - width: 100%; + width: 1920px - 630px - 20px; // padding: 10px 5px 13px; // margin-top: 8px; - height: calc(840px - 15px); + height: calc(810px); color: #fff; // background: url('../../../img/modules/visual/warning-box.png') no-repeat // center; @@ -50,7 +50,7 @@ } .div_data { - flex: 0 0 610px; + width: 630px; margin-left: 12px; .div_tips{ @@ -58,9 +58,6 @@ width: 100%; height: 302px; color: #fff; - background: url('../../../img/modules/visual/warning-box.png') no-repeat - center; - background-size: 100% 100%; .div_coverage{ padding: 30px 10px 32px 10px; @@ -90,9 +87,12 @@ } .div_category { + @include scrollBar; box-sizing: border-box; - height:238px; - padding:0 10px 20px; + height:178px; + padding:0 10px 0; + overflow-y: auto; + overflow-x: hidden; .category_item { @@ -160,17 +160,13 @@ box-sizing: border-box; width: 100%; margin-top:10px; - height: calc(840px - 302px - 10px); + height: calc(810px - 302px - 10px); color: #fff; - background: url('../../../img/modules/visual/warning-box.png') no-repeat - center; - background-size: 100% 100%; - padding: 32px 21px 20px 20px; .div_search_list { - margin: 0 auto; + margin: 10px auto; text-align: center; - width: 559px; + width: 590px; height: 48px; background-color: #011168; border-radius: 4px; @@ -211,14 +207,14 @@ .tb { - height: calc(840px - 302px - 10px - 150px); + height: calc(810px - 302px - 10px - 150px); overflow-y: auto; @include scrollBar; margin-top:20px; } .m-pagination { - position: absolute; + // position: absolute; box-sizing: border-box; right: 5px; bottom: 5px; @@ -256,7 +252,7 @@ flex: 0 0 calc(1919px - 620px); // width: calc(1919px - 560px); - height: calc(840px - 10px); + height: calc(810px - 10px); color: #fff; background: url('../../../img/modules/visual/warning-box.png') no-repeat center; @@ -298,11 +294,11 @@ box-sizing: border-box; margin-top: 9px; - height: calc(840px - 120px); + height: calc(810px - 120px); } .div_room { - // height: calc(840px - 40px); + // height: calc(810px - 40px); // margin-top: 9px; display: flex; flex-wrap: wrap; diff --git a/src/assets/scss/modules/visual/heart.scss b/src/assets/scss/modules/visual/heart.scss index 5e31774f8..536a22b3a 100644 --- a/src/assets/scss/modules/visual/heart.scss +++ b/src/assets/scss/modules/visual/heart.scss @@ -47,7 +47,8 @@ .m-tb { width: 33%; .title { - padding: 10px; + margin-bottom: 10px; + padding: 4px 2px; font-size: 22px; font-family: PingFang SC; font-weight: 800; diff --git a/src/assets/scss/modules/visual/houseStatic.scss b/src/assets/scss/modules/visual/houseStatic.scss index 5ae5c1e59..f89104834 100644 --- a/src/assets/scss/modules/visual/houseStatic.scss +++ b/src/assets/scss/modules/visual/houseStatic.scss @@ -11,6 +11,9 @@ display: flex; align-items: center; cursor: pointer; + margin-bottom: 10px; + padding: 4px 2px; + .title-icon { display: block; width: 46px; @@ -60,7 +63,7 @@ } } .title-label { - font-size: 20px; + font-size: 22px; font-weight: 800; ::v-deep .el-input { width: 180px; @@ -107,23 +110,25 @@ flex-grow:0; flex-shrink:0; width:50%; - height: 100%; + .div-chart{ display: flex; width: 100%; + flex-wrap: wrap; .echart-wr{ + position: relative; flex-shrink: 0; height: 420px; width: 70%; } .div-tip{ flex-shrink: 0; - width: 30%; + width: 25%; display: flex; flex-direction: column; justify-content: center; - margin-left:20px; + margin-left:5%; margin-top: -23px; display: flex; @@ -151,11 +156,11 @@ .div-tip2{ flex-shrink: 0; - width: 30%; + width: 25%; display: flex; flex-direction: column; justify-content: center; - margin-left:20px; + margin-left:5%; margin-top: -23px; display: flex; diff --git a/src/assets/scss/modules/visual/people.scss b/src/assets/scss/modules/visual/people.scss index f9379e7f8..747b9218c 100644 --- a/src/assets/scss/modules/visual/people.scss +++ b/src/assets/scss/modules/visual/people.scss @@ -24,7 +24,8 @@ position: relative; .title { - padding: 10px; + margin-bottom: 10px; + padding: 4px 2px; font-size: 22px; font-family: PingFang SC; font-weight: 800; @@ -187,7 +188,8 @@ width: 1180px; .title { - padding: 10px; + margin-bottom: 10px; + padding: 4px 2px; font-size: 22px; font-family: PingFang SC; font-weight: 800; @@ -294,7 +296,8 @@ margin-top: 10px; .title { - padding: 10px; + margin-bottom: 10px; + padding: 4px 2px; font-size: 22px; font-family: PingFang SC; font-weight: 800; @@ -447,7 +450,8 @@ .m-tb { .title { - padding: 10px; + margin-bottom: 10px; + padding: 4px 2px; font-size: 22px; font-family: PingFang SC; font-weight: 800; @@ -479,7 +483,8 @@ width: calc(50% - 3px); .title { - padding: 10px; + margin-bottom: 10px; + padding: 4px 2px; font-size: 22px; font-family: PingFang SC; font-weight: 800; diff --git a/src/assets/scss/modules/visual/search_1.scss b/src/assets/scss/modules/visual/search_1.scss index ffb46b67f..b7606f26c 100644 --- a/src/assets/scss/modules/visual/search_1.scss +++ b/src/assets/scss/modules/visual/search_1.scss @@ -3,7 +3,8 @@ @import './c/common'; .title { - padding: 10px; + margin-bottom: 10px; + padding: 4px 2px; font-size: 22px; font-family: PingFang SC; font-weight: 800; diff --git a/src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue b/src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue index 534ad5c0e..3f98ac657 100644 --- a/src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue +++ b/src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue @@ -695,8 +695,9 @@ export default { box-sizing: border-box; margin-right: 3px; } - .title-label { - font-size: 20px; + .title-label { + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { diff --git a/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue b/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue index 35664c135..a131e9c44 100644 --- a/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue +++ b/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue @@ -27,7 +27,7 @@
-
+
@@ -40,31 +40,27 @@
- - -
- -
- -
{{colItem.categoryName}} - -
+
+ +
+ +
{{colItem.categoryName}}
- +
-
+ -
+
-
+
diff --git a/src/views/modules/visual/communityParty/community.vue b/src/views/modules/visual/communityParty/community.vue index 8de9aabd8..9227f7342 100644 --- a/src/views/modules/visual/communityParty/community.vue +++ b/src/views/modules/visual/communityParty/community.vue @@ -1113,6 +1113,8 @@ export default { display: flex; align-items: center; cursor: pointer; + margin-bottom: 10px; + padding: 4px 2px; .title-icon { display: block; width: 46px; @@ -1120,8 +1122,9 @@ export default { box-sizing: border-box; margin-right: 6px; } - .title-label { - font-size: 20px; + .title-label { + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { width: 180px; diff --git a/src/views/modules/visual/communityParty/elegant.vue b/src/views/modules/visual/communityParty/elegant.vue index 5db0a55bb..d4f4d0f72 100644 --- a/src/views/modules/visual/communityParty/elegant.vue +++ b/src/views/modules/visual/communityParty/elegant.vue @@ -358,6 +358,8 @@ export default { display: flex; align-items: center; cursor: pointer; + margin-bottom: 10px; + padding: 4px 2px; .title-icon { display: block; width: 46px; @@ -365,8 +367,9 @@ export default { box-sizing: border-box; margin-right: 6px; } - .title-label { - font-size: 20px; + .title-label { + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { width: 180px; diff --git a/src/views/modules/visual/communityParty/gridParty.vue b/src/views/modules/visual/communityParty/gridParty.vue index 4ea08dbe4..a00b06873 100644 --- a/src/views/modules/visual/communityParty/gridParty.vue +++ b/src/views/modules/visual/communityParty/gridParty.vue @@ -605,6 +605,8 @@ export default { display: flex; align-items: center; cursor: pointer; + margin-bottom: 10px; + padding: 4px 2px; .title-icon { display: block; width: 46px; @@ -654,8 +656,9 @@ export default { } } - .title-label { - font-size: 20px; + .title-label { + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { diff --git a/src/views/modules/visual/communityParty/party.vue b/src/views/modules/visual/communityParty/party.vue index 534391913..d96ed7f62 100644 --- a/src/views/modules/visual/communityParty/party.vue +++ b/src/views/modules/visual/communityParty/party.vue @@ -843,6 +843,8 @@ export default { display: flex; align-items: center; cursor: pointer; + margin-bottom: 10px; + padding: 4px 2px; .title-icon { display: block; width: 46px; @@ -892,8 +894,9 @@ export default { } } - .title-label { - font-size: 20px; + .title-label { + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { diff --git a/src/views/modules/visual/communityParty/partyOld.vue b/src/views/modules/visual/communityParty/partyOld.vue index be0c958c1..26668709d 100644 --- a/src/views/modules/visual/communityParty/partyOld.vue +++ b/src/views/modules/visual/communityParty/partyOld.vue @@ -854,6 +854,8 @@ export default { display: flex; align-items: center; cursor: pointer; + margin-bottom: 10px; + padding: 4px 2px; .title-icon { display: block; width: 46px; @@ -903,8 +905,9 @@ export default { } } - .title-label { - font-size: 20px; + .title-label { + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { diff --git a/src/views/modules/visual/measure/service.vue b/src/views/modules/visual/measure/service.vue index 6126199b5..13841e451 100644 --- a/src/views/modules/visual/measure/service.vue +++ b/src/views/modules/visual/measure/service.vue @@ -578,12 +578,15 @@ export default { display: flex; align-items: center; cursor: pointer; + margin-bottom: 10px; + padding: 4px 2px; + .title-icon { display: block; - width: 46px; - height: 34px; + // width: 46px; + // height: 34px; box-sizing: border-box; - margin-right: 6px; + margin-right: 5px; } ::v-deep .el-dropdown { font-size: 16px; @@ -629,7 +632,8 @@ export default { } .title-label { - font-size: 20px; + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { width: 180px; diff --git a/src/views/modules/visual/measure/volunteer.vue b/src/views/modules/visual/measure/volunteer.vue index 23740699f..186806dd5 100644 --- a/src/views/modules/visual/measure/volunteer.vue +++ b/src/views/modules/visual/measure/volunteer.vue @@ -633,15 +633,17 @@ export default { align-items: center; cursor: pointer; margin-bottom: 10px; + padding: 4px 2px; .title-icon { display: block; - width: 36px; - height: 29px; + // width: 36px; + // height: 29px; box-sizing: border-box; - margin-right: 3px; + margin-right: 5px; } .title-label { - font-size: 20px; + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { diff --git a/src/views/modules/visual/plugin/power/components/house-dialog.vue b/src/views/modules/visual/plugin/power/components/house-dialog.vue index 20370a670..fac6686cb 100644 --- a/src/views/modules/visual/plugin/power/components/house-dialog.vue +++ b/src/views/modules/visual/plugin/power/components/house-dialog.vue @@ -119,8 +119,9 @@ export default { box-sizing: border-box; margin-right: 6px; } - .title-label { - font-size: 20px; + .title-label { + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { width: 180px; diff --git a/src/views/modules/visual/plugin/power/components/info-dialog.vue b/src/views/modules/visual/plugin/power/components/info-dialog.vue index eff5c9410..e5d0003dc 100644 --- a/src/views/modules/visual/plugin/power/components/info-dialog.vue +++ b/src/views/modules/visual/plugin/power/components/info-dialog.vue @@ -90,8 +90,9 @@ export default { box-sizing: border-box; margin-right: 6px; } - .title-label { - font-size: 20px; + .title-label { + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { width: 180px; diff --git a/src/views/modules/visual/plugin/power/organization.vue b/src/views/modules/visual/plugin/power/organization.vue index 9af2244e8..7d35ec28b 100644 --- a/src/views/modules/visual/plugin/power/organization.vue +++ b/src/views/modules/visual/plugin/power/organization.vue @@ -439,6 +439,8 @@ export default { display: flex; align-items: center; cursor: pointer; + margin-bottom: 10px; + padding: 4px 2px; .title-icon { display: block; width: 46px; @@ -446,8 +448,9 @@ export default { box-sizing: border-box; margin-right: 6px; } - .title-label { - font-size: 20px; + .title-label { + font-size: 22px; + font-family: PingFang SC; font-weight: 800; ::v-deep .el-input { width: 180px; From 961c29a2b5f7689811b95df9daf23cc51ba09f1d Mon Sep 17 00:00:00 2001 From: dai <851733175@qq.com> Date: Tue, 12 Jul 2022 17:42:03 +0800 Subject: [PATCH 11/19] =?UTF-8?q?=E6=9C=89=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/modules/visual/basicInfoMain.scss | 10 +++++----- src/assets/scss/modules/visual/fiveLayerMap.scss | 6 ++---- .../visual/basicinfo/houseStatic/houseStatic.vue | 2 +- src/views/modules/visual/communityParty/elegant.vue | 2 +- src/views/modules/visual/communityParty/party.vue | 2 +- src/views/modules/visual/measure/service.vue | 2 +- src/views/modules/visual/warning/index.vue | 2 +- 7 files changed, 12 insertions(+), 14 deletions(-) diff --git a/src/assets/scss/modules/visual/basicInfoMain.scss b/src/assets/scss/modules/visual/basicInfoMain.scss index f7e532295..0dced778b 100644 --- a/src/assets/scss/modules/visual/basicInfoMain.scss +++ b/src/assets/scss/modules/visual/basicInfoMain.scss @@ -41,7 +41,7 @@ width: 100%; // padding: 10px 5px 13px; // margin-top: 8px; - height: calc(840px - 15px); + height: calc(825px - 15px); color: #fff; // background: url('../../../img/modules/visual/warning-box.png') no-repeat // center; @@ -110,7 +110,7 @@ box-sizing: border-box; width: 100%; - height: calc(840px - 10px); + height: calc(825px - 10px); color: #fff; background: url("../../../img/modules/visual/fenlei-box.png") no-repeat center; background-size: 100% 100%; @@ -211,7 +211,7 @@ flex: 0 0 calc(1919px - 620px); // width: calc(1919px - 560px); - height: calc(840px - 10px); + height: calc(825px - 10px); color: #fff; background: url("../../../img/modules/visual/warning-box.png") no-repeat center; background-size: 100% 100%; @@ -252,11 +252,11 @@ box-sizing: border-box; margin-top: 9px; - height: calc(840px - 120px); + height: calc(825px - 120px); } .div_room { - // height: calc(840px - 40px); + // height: calc(825px - 40px); // margin-top: 9px; display: flex; flex-wrap: wrap; diff --git a/src/assets/scss/modules/visual/fiveLayerMap.scss b/src/assets/scss/modules/visual/fiveLayerMap.scss index 34732393f..1b01dc8ee 100644 --- a/src/assets/scss/modules/visual/fiveLayerMap.scss +++ b/src/assets/scss/modules/visual/fiveLayerMap.scss @@ -164,7 +164,7 @@ color: #fff; .div_search_list { - margin: 10px auto; + margin: 6px auto; text-align: center; width: 590px; height: 48px; @@ -207,7 +207,7 @@ .tb { - height: calc(810px - 302px - 10px - 150px); + height: calc(810px - 302px - 20px - 150px); overflow-y: auto; @include scrollBar; margin-top:20px; @@ -216,8 +216,6 @@ .m-pagination { // position: absolute; box-sizing: border-box; - right: 5px; - bottom: 5px; width: 100%; height: 40px; display: flex; diff --git a/src/views/modules/visual/basicinfo/houseStatic/houseStatic.vue b/src/views/modules/visual/basicinfo/houseStatic/houseStatic.vue index 893f8c5bb..462110fa1 100644 --- a/src/views/modules/visual/basicinfo/houseStatic/houseStatic.vue +++ b/src/views/modules/visual/basicinfo/houseStatic/houseStatic.vue @@ -12,7 +12,7 @@ {{orgName}} - +
diff --git a/src/views/modules/visual/communityParty/elegant.vue b/src/views/modules/visual/communityParty/elegant.vue index d4f4d0f72..bc45c547e 100644 --- a/src/views/modules/visual/communityParty/elegant.vue +++ b/src/views/modules/visual/communityParty/elegant.vue @@ -1,6 +1,6 @@