Browse Source

顶部背景图片替换,组织架构判断背景图逻辑修改

V1.0
SongZhen 2 years ago
parent
commit
c5296640ed
  1. BIN
      src/assets/images/home/top1.png
  2. 4
      src/assets/scss/dataBoardMain.scss
  3. 7
      src/components/JwTree/nodeWrap.vue
  4. 7
      src/views/dataBoard/organizational/dangTree/index.vue
  5. 7
      src/views/dataBoard/organizational/jwTree/index.vue

BIN
src/assets/images/home/top1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

4
src/assets/scss/dataBoardMain.scss

@ -44,9 +44,9 @@
z-index: 1;
width: 100%;
height: 101px;
background-image: url(../images/home/top.png);
background-image: url(../images/home/top1.png);
background-repeat: no-repeat;
background-position: top center;
background-position: top center;
background-size: 100%;
.back {

7
src/components/JwTree/nodeWrap.vue

@ -17,7 +17,7 @@
<div class="condition-node">
<div class="condition-node-box">
<div class="auto-judge">
<div v-if="item.laneLevel >= 2 && item.laneLevel <= 6 && item.level !== 'building_chief'">
<div v-if="getOnerSixLevelFlag(item)">
<div class="wgdzb">
<div :title="getAllName(item.organizationName)">{{ spliceNameFun(item.organizationName, 8) }}</div>
<div @click="gotoPersonnel" :title="getAllName(item.name)">{{ spliceNameFun(item.name, 12) }}</div>
@ -57,6 +57,7 @@ export default {
data() {
return {
homeTypeArr: [],
sixLevelArr: ["province", "city", "district", "street", "community", "grid_manager"],
};
},
mounted() {},
@ -74,6 +75,10 @@ export default {
return row;
},
getOnerSixLevelFlag(item) {
return this.sixLevelArr.includes(item.level);
},
gotoPersonnel() {
this.$router.push("/organizational/orgPersonnel");
},

7
src/views/dataBoard/organizational/dangTree/index.vue

@ -2,7 +2,7 @@
<div class="wrap">
<!-- v-on:wheel="zoomSize" :style="'transform: scale(' + nowVal / 100 + ');'" -->
<div class="content">
<div v-for="(item, index) in levelArr" :key="item" :class="[item === 9 || item === 10 ? 'lastLevel' : '', `flowLevel-${index + 1}`]" :style="{ height: item === 8 ? '90px' : '', lineHeight: item === 8 ? '90px' : '' }">
<div v-for="(item, index) in levelArr" :key="item" :class="[item > 9 ? 'lastLevel1' : '', item === 9 ? 'lastLevel' : '', `flowLevel-${index + 1}`]" :style="{ height: item === 8 ? '90px' : '', lineHeight: item === 8 ? '90px' : '' }">
<div :class="[item === 8 ? 'otherTop' : '']">{{ getTitleNameMapFun(item) }}</div>
</div>
<el-row>
@ -37,7 +37,6 @@ export default {
},
computed: {},
mounted() {
// console.log(this.$store.state.chooseArea.chooseName);
this.getTreeData();
},
methods: {
@ -150,6 +149,10 @@ export default {
height: 145px !important;
margin-top: -45px !important;
}
.lastLevel1 {
height: 145px !important;
margin-top: -37px !important;
}
.flowLevel-1 {
@include flowLevwlCommon;

7
src/views/dataBoard/organizational/jwTree/index.vue

@ -2,7 +2,7 @@
<div class="wrap">
<!-- v-on:wheel="zoomSize" :style="'transform: scale(' + nowVal / 100 + ');'" -->
<div class="content">
<div v-for="(item, index) in levelArr" :key="item" :class="[item === 'unit_chief' || item === 'public_welfare_post' ? 'lastLevel' : '', `flowLevel-${index + 1}`]" :style="{ height: item === 'building_chief' ? '90px' : '', lineHeight: item === 'building_chief' ? '90px' : '' }">
<div v-for="(item, index) in levelArr" :key="item" :class="[item === 'unit_chief' ? 'lastLevel' : '', item === 'public_welfare_post' ? 'lastLevel1' : '', `flowLevel-${index + 1}`]" :style="{ height: item === 'building_chief' ? '90px' : '', lineHeight: item === 'building_chief' ? '90px' : '' }">
<div :class="[item === 'building_chief' ? 'otherTop' : '']">{{ getTitleNameMapFun(item) }}</div>
</div>
<el-row>
@ -68,7 +68,6 @@ export default {
this.getDataPLevel(item.children);
}
});
console.log(this.levelArr);
const myArray = [...new Set(this.levelArr)];
this.levelArr = this.getLevelArrNum(myArray);
},
@ -155,6 +154,10 @@ export default {
height: 145px !important;
margin-top: -45px !important;
}
.lastLevel1 {
height: 145px !important;
margin-top: -37px !important;
}
.flowLevel-1 {
@include flowLevwlCommon;

Loading…
Cancel
Save