Browse Source

可视化部分样式,社区自查街道版初始版

v1.1
mk 2 years ago
parent
commit
d07db49aff
  1. BIN
      src/assets/images/shuju/overview/.png
  2. BIN
      src/assets/images/shuju/overview/box-bg.png
  3. BIN
      src/assets/images/shuju/overview/title-bg.png
  4. 8
      src/assets/scss/dataBoard/overview/index.scss
  5. 4
      src/views/dataBoard/overview/components/jdjs.vue
  6. 4
      src/views/dataBoard/overview/index.vue
  7. 4
      src/views/dataBoard/satisfactionEval/components/Title/index.vue
  8. 2
      src/views/dataBoardMain/main-navbar.vue
  9. 816
      src/views/modules/satisfaction/communitySelfInsp/index.vue

BIN
src/assets/images/shuju/overview/.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
src/assets/images/shuju/overview/box-bg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/assets/images/shuju/overview/title-bg.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 18 KiB

8
src/assets/scss/dataBoard/overview/index.scss

@ -36,14 +36,18 @@
.m-map { .m-map {
position: relative; position: relative;
width: 100%; width: 100%;
height: 690px; height: 970px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.m-box { .m-box {
width: 460px; width: 460px;
background: linear-gradient(144deg, rgba(46, 164, 255, 0.1) 0%, rgba(46, 164, 255, 0) 100%); // background: linear-gradient(144deg, rgba(46, 164, 255, 0.1) 0%, rgba(46, 164, 255, 0) 100%);
background: url('@/assets/images/shuju/overview/box-bg.png') no-repeat;
background-size: 100% 100%;
margin-top: 5px;
} }
.m-rybox { .m-rybox {

4
src/views/dataBoard/overview/components/jdjs.vue

@ -8,7 +8,7 @@
{{ overview }} {{ overview }}
</div> </div>
</div> </div>
<div class="m-jdjs-bg"> <!-- <div class="m-jdjs-bg">
<div class="m-jdjs-bg-title"> <div class="m-jdjs-bg-title">
<div class="m-jdjs-bg-title-img"> <div class="m-jdjs-bg-title-img">
<img src="../../../../assets/images/shuju/overview/zjbg-icon.png" /> <img src="../../../../assets/images/shuju/overview/zjbg-icon.png" />
@ -18,7 +18,7 @@
<div class="m-jdjs-bg-txt"> <div class="m-jdjs-bg-txt">
{{ report }} {{ report }}
</div> </div>
</div> </div> -->
</div> </div>
</template> </template>
<script> <script>

4
src/views/dataBoard/overview/index.vue

@ -25,7 +25,7 @@
</div> </div>
<grid-map ref="map" @clickAgency="clickAgencyItem" :srcGridData="orgData" @clickDotBtn="handleClickDotBtn" :level="currentLevel" :peopleType="peopleType" /> <grid-map ref="map" @clickAgency="clickAgencyItem" :srcGridData="orgData" @clickDotBtn="handleClickDotBtn" :level="currentLevel" :peopleType="peopleType" />
</div> </div>
<div class="m-box m-rybox"> <!-- <div class="m-box m-rybox">
<title-box :text="`${customerName}${peopleList[peopleType]}`"> <title-box :text="`${customerName}${peopleList[peopleType]}`">
<div class="up-style" style="width: 51%"> <div class="up-style" style="width: 51%">
<div> <div>
@ -35,7 +35,7 @@
</div> </div>
</title-box> </title-box>
<jdwgy v-show="listShow" :peopleType="peopleType" :currentLevelData="currentLevelData" :level="currentLevel" @setNum="setNum" @setPoint="setPoint" /> <jdwgy v-show="listShow" :peopleType="peopleType" :currentLevelData="currentLevelData" :level="currentLevel" @setNum="setNum" @setPoint="setPoint" />
</div> </div> -->
</div> </div>
<div class="g-right"> <div class="g-right">

4
src/views/dataBoard/satisfactionEval/components/Title/index.vue

@ -29,8 +29,8 @@ export default {
// width: 100%; // width: 100%;
height: 40px; height: 40px;
background: url(../../../../../assets/images/shuju/overview/title-bg.png) no-repeat; background: url(../../../../../assets/images/shuju/overview/title-bg.png) no-repeat;
// background-size: 100% 100%; background-size: 100% 100%;
padding: 8px 16px 8px 32px; padding: 8px 16px 8px 45px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;

2
src/views/dataBoardMain/main-navbar.vue

@ -29,7 +29,7 @@
</div>--> </div>-->
<div class="nav-list"> <div class="nav-list">
<div class="nav-item" :class="{ 'z-on': $route.path.indexOf('/dataBoard/overview') != -1 }" @click="toPage('/dataBoard/overview/index')"> <div class="nav-item" :class="{ 'z-on': $route.path.indexOf('/dataBoard/overview') != -1 }" @click="toPage('/dataBoard/overview/index')">
<span>概览</span> <span>书记看板</span>
</div> </div>
<div class="nav-item" :class="{ 'z-on': $route.path.includes('/organizational') }" @click="toPage('/organizational/dangTree')"> <div class="nav-item" :class="{ 'z-on': $route.path.includes('/organizational') }" @click="toPage('/organizational/dangTree')">
<span>组织架构</span> <span>组织架构</span>

816
src/views/modules/satisfaction/communitySelfInsp/index.vue

File diff suppressed because it is too large
Loading…
Cancel
Save