elink-star
/
epmet-work-pc-chengyang
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

合并songzhen分支代码

feature
PLUTO 2 years ago
parent
e1398efc4c 0d86df4a4f
commit
120df6c93a
13 changed files with 343 additions and 184 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      src/assets/images/home/dyzxhClick.png
  2. BIN
      src/assets/images/home/dyzxhTree.png
  3. BIN
      src/assets/images/home/lydxzClick.png
  4. BIN
      src/assets/images/home/lydxzTree.png
  5. 89
      src/components/GridTree/nodeWrap.vue
  6. 65
      src/components/JwTree/nodeWrap.vue
  7. 27
      src/components/NameSplit/index.vue
  8. 94
      src/components/Tree/nodeWrap.vue
  9. 2
      src/views/dataBoard/cpts/family/modules/EnjoyService.vue
  10. 87
      src/views/dataBoard/organizational/dangTree/index.vue
  11. 90
      src/views/dataBoard/organizational/gridTree/index.vue
  12. 65
      src/views/dataBoard/organizational/jwTree/index.vue
  13. 4
      src/views/dataBoard/satisfactionEval/modules/TypesOfDissatisfaction/index.vue

BIN
src/assets/images/home/dyzxhClick.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
src/assets/images/home/dyzxhTree.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

BIN
src/assets/images/home/lydxzClick.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
src/assets/images/home/lydxzTree.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 24 KiB

89
src/components/GridTree/nodeWrap.vue
View File

@ -17,20 +17,32 @@
<div class="condition-node-box"> <div class="condition-node-box">
<div class="auto-judge"> <div class="auto-judge">
<div v-if="getOnerSixLevelFlag(item)"> <div v-if="getOnerSixLevelFlag(item)">
<div class="wgdzb"> <div :class="[item.children && item.children.length > 0 ? 'wgdzbHover' : 'wgdzb']">
<nameSplit :item="item" areaName="organizationName" peopleName="name" /> <nameSplit :item="item" areaName="organizationName" peopleName="name" />
</div> </div>
<div v-if="item._children" style="text-align: center" @click="getChildrenData(item, index, nodeConfig.children)">
<img v-if="item.children && item.children.length > 0" :src="require('@/assets/images/home/sh.png')" alt="" />
<img v-else :src="require('@/assets/images/home/zk.png')" alt="" />
</div>
</div> </div>
<div v-if="item.level === 'building_chief'"> <div v-if="item.level === 'building_chief'">
<div class="lydxz"> <div :class="[item.children && item.children.length > 0 ? 'lydxzHover' : 'lydxz']">
<nameSplit :item="item" areaName="organizationName" peopleName="name" /> <nameSplit :item="item" areaName="organizationName" peopleName="name" />
</div> </div>
<div v-if="item._children" style="text-align: center" @click="getChildrenData(item, index, nodeConfig.children)">
<img v-if="item.children && item.children.length > 0" :src="require('@/assets/images/home/sh.png')" alt="" />
<img v-else :src="require('@/assets/images/home/zk.png')" alt="" />
</div>
</div> </div>
<div v-if="item.level === 'unit_chief'"> <div v-if="item.level === 'unit_chief'">
<div @click="gotoPersonnel(item)" :class="[item.categoryWarn === 'red' ? 'dyzxhRed' : item.categoryWarn === 'yellow' ? 'dyzxhYellow' : item.categoryWarn === 'green' ? 'dyzxhGreen' : 'dyzxh']" :title="item.organizationName"> <div @click="gotoPersonnel(item)" :class="[item.categoryWarn === 'red' ? 'dyzxhRed' : item.categoryWarn === 'yellow' ? 'dyzxhYellow' : item.categoryWarn === 'green' ? 'dyzxhGreen' : '', item.children && item.children.length > 0 ? 'dyzxhHover' : 'dyzxh']" :title="item.organizationName">
<!-- {{ spliceNameFun(item.organizationName, 3) }} --> <!-- {{ spliceNameFun(item.organizationName, 3) }} -->
{{ item.organizationName }} {{ item.organizationName }}
</div> </div>
<div v-if="item._children" style="text-align: center" @click="getChildrenData(item, index, nodeConfig.children)">
<img v-if="item.children && item.children.length > 0" :src="require('@/assets/images/home/sh.png')" alt="" />
<img v-else :src="require('@/assets/images/home/zk.png')" alt="" />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -96,6 +108,20 @@ export default {
} }
} }
}, },
getChildrenData(item, idx, arr) {
arr.forEach((element, index) => {
if (index === idx) {
if (element.children) {
element._children = element.children;
element.children = null;
} else {
element.children = element._children;
}
} else {
element.children = null;
}
});
},
gotoPersonnel(item) { gotoPersonnel(item) {
const grandPid = this.findParentParentId(this.nodeConfig, item.pid); const grandPid = this.findParentParentId(this.nodeConfig, item.pid);
const name = item.organizationName ? item.organizationName : "四号楼二单元302"; const name = item.organizationName ? item.organizationName : "四号楼二单元302";
@ -119,7 +145,7 @@ export default {
@mixin lastLevel { @mixin lastLevel {
@include spanLevel; @include spanLevel;
@include normalLevel; @include normalLevel;
height: 118px; height: 137px;
width: 30px; width: 30px;
margin-top: -12px; margin-top: -12px;
background-size: 100%; background-size: 100%;
@ -157,50 +183,85 @@ export default {
.auto-judge { .auto-judge {
.wgdzb { .wgdzb {
@include spanLevel; @include spanLevel;
width: 132px; min-width: 120px;
height: 96px; height: 126px;
text-align: center; text-align: center;
padding-top: 5px; padding-top: 9px;
background-image: url(~@/assets/images/home/zbbg.png); background-image: url(~@/assets/images/home/zbbg.png);
background-size: 100%; background-repeat: no-repeat;
background-position: center;
// background-size: 100%;
}
.wgdzbHover {
@include spanLevel;
min-width: 120px;
height: 126px;
text-align: center;
padding-top: 9px;
background-image: url(~@/assets/images/home/zbbgClick.png);
// background-size: 100%;
background-repeat: no-repeat;
background-position: center;
} }
.lydxz { .lydxz {
@include spanLevel; @include spanLevel;
// @include normalLevel; // @include normalLevel;
text-align: center; text-align: center;
width: 216px; min-width: 120px;
height: 50px; height: 126px;
padding-top: 5px; padding-top: 25px;
background-image: url(~@/assets/images/home/lydxzTree.png); background-image: url(~@/assets/images/home/lydxzTree.png);
background-size: 100%; background-repeat: no-repeat;
background-position: center;
}
.lydxzHover {
@include spanLevel;
// @include normalLevel;
text-align: center;
min-width: 120px;
height: 126px;
padding-top: 25px;
background-image: url(~@/assets/images/home/lydxzClick.png);
background-repeat: no-repeat;
background-position: center;
} }
.dyzxh { .dyzxh {
@include lastLevel; @include lastLevel;
background-image: url(~@/assets/images/home/dyzxhTree.png); background-image: url(~@/assets/images/home/dyzxhTree.png);
background-repeat: no-repeat;
}
.dyzxhHover {
@include lastLevel;
background-image: url(~@/assets/images/home/dyzxhClick.png);
background-repeat: no-repeat;
} }
.dyzxhGreen { .dyzxhGreen {
@include lastLevel; @include lastLevel;
background-image: url(~@/assets/images/home/gridGreen.png); background-image: url(~@/assets/images/home/gridGreen.png);
background-repeat: no-repeat;
} }
.dyzxhRed { .dyzxhRed {
@include lastLevel; @include lastLevel;
background-image: url(~@/assets/images/home/gridRed.png); background-image: url(~@/assets/images/home/gridRed.png);
background-repeat: no-repeat;
} }
.dyzxhYellow { .dyzxhYellow {
@include lastLevel; @include lastLevel;
background-image: url(~@/assets/images/home/gridYellow.png); background-image: url(~@/assets/images/home/gridYellow.png);
background-repeat: no-repeat;
} }
.lxjt { .lxjt {
@include spanLevel; @include spanLevel;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
height: 118px; height: 137px;
width: 30px; width: 30px;
writing-mode: tb-rl; writing-mode: tb-rl;
margin-top: -12px; margin-top: -12px;
background-image: url(~@/assets/images/home/dyzxhTree.png); background-image: url(~@/assets/images/home/dyzxhTree.png);
background-size: 100%; background-repeat: no-repeat;
} }
} }
</style> </style>

65
src/components/JwTree/nodeWrap.vue
View File

@ -26,7 +26,7 @@
</div> </div>
</div> </div>
<div v-if="item.level === 'building_chief'"> <div v-if="item.level === 'building_chief'">
<div :class="[tem.children && item.children.length > 0 ? 'lydxzHover' : 'lydxz']"> <div :class="[item.children && item.children.length > 0 ? 'lydxzHover' : 'lydxz']">
<nameSplit :item="item" areaName="organizationName" peopleName="name" pageName="居委组织架构" /> <nameSplit :item="item" areaName="organizationName" peopleName="name" pageName="居委组织架构" />
</div> </div>
<div v-if="item._children" style="text-align: center" @click="getChildrenData(item, index, nodeConfig.children)"> <div v-if="item._children" style="text-align: center" @click="getChildrenData(item, index, nodeConfig.children)">
@ -35,7 +35,7 @@
</div> </div>
</div> </div>
<div v-if="item.level === 'unit_chief' || item.level === 'public_welfare_post'"> <div v-if="item.level === 'unit_chief' || item.level === 'public_welfare_post'">
<div @click="gotoPersonnel(item.resiId, '居委组织架构')" class="dyzxh gotoDesc" :title="item.organizationName"> <div @click="gotoPersonnel(item.resiId, '居委组织架构')" :class="[item.children && item.children.length > 0 ? 'dyzxhHover' : 'dyzxh', 'gotoDesc']" :title="item.organizationName">
{{ spliceNameFun(item.organizationName, 3) }} {{ spliceNameFun(item.organizationName, 3) }}
</div> </div>
<div v-if="item._children" style="text-align: center" @click="getChildrenData(item, index, nodeConfig.children)"> <div v-if="item._children" style="text-align: center" @click="getChildrenData(item, index, nodeConfig.children)">
@ -93,14 +93,6 @@ export default {
}, },
getChildrenData(item, idx, arr) { getChildrenData(item, idx, arr) {
// if (!item._children) {
// this.$message({
// message: "无下级数据",
// type: "error",
// });
// return;
// }
// 遍历arr，找到当前点击的item，将其_children赋值给item.children
arr.forEach((element, index) => { arr.forEach((element, index) => {
if (index === idx) { if (index === idx) {
if (element.children) { if (element.children) {
@ -169,63 +161,80 @@ export default {
.auto-judge { .auto-judge {
.wgdzb { .wgdzb {
@include spanLevel; @include spanLevel;
width: 90px; min-width: 120px;
height: 126px; height: 126px;
text-align: center; text-align: center;
padding-top: 5px; padding-top: 9px;
background-image: url(~@/assets/images/home/zbbg.png); background-image: url(~@/assets/images/home/zbbg.png);
background-size: 100%; background-repeat: no-repeat;
background-position: center;
// background-size: 100%;
} }
.wgdzbHover { .wgdzbHover {
@include spanLevel; @include spanLevel;
width: 90px; min-width: 120px;
height: 126px; height: 126px;
text-align: center; text-align: center;
padding-top: 5px; padding-top: 9px;
background-image: url(~@/assets/images/home/zbbgClick.png); background-image: url(~@/assets/images/home/zbbgClick.png);
background-size: 100%; // background-size: 100%;
background-repeat: no-repeat;
background-position: center;
} }
.lydxz { .lydxz {
@include spanLevel; @include spanLevel;
// @include normalLevel; // @include normalLevel;
text-align: center; text-align: center;
width: 90px; min-width: 120px;
height: 98px; height: 126px;
padding-top: 5px; padding-top: 25px;
background-image: url(~@/assets/images/home/lydxzTree.png); background-image: url(~@/assets/images/home/lydxzTree.png);
background-size: 100%; background-repeat: no-repeat;
background-position: center;
} }
.lydxzHover { .lydxzHover {
@include spanLevel; @include spanLevel;
// @include normalLevel; // @include normalLevel;
text-align: center; text-align: center;
width: 90px; min-width: 120px;
height: 98px; height: 126px;
padding-top: 5px; padding-top: 25px;
background-image: url(~@/assets/images/home/lydxzClick.png); background-image: url(~@/assets/images/home/lydxzClick.png);
background-size: 100%; background-repeat: no-repeat;
background-position: center;
} }
.dyzxh { .dyzxh {
@include spanLevel; @include spanLevel;
@include normalLevel; @include normalLevel;
height: 118px; height: 137px;
width: 30px; width: 30px;
writing-mode: tb-rl; writing-mode: tb-rl;
margin-top: -12px; margin-top: -12px;
background-image: url(~@/assets/images/home/dyzxhTree.png); background-image: url(~@/assets/images/home/dyzxhTree.png);
background-size: 100%; background-repeat: no-repeat;
} }
.dyzxhHover {
@include spanLevel;
@include normalLevel;
height: 137px;
width: 30px;
writing-mode: tb-rl;
margin-top: -12px;
background-image: url(~@/assets/images/home/dyzxhClick.png);
background-repeat: no-repeat;
}
.lxjt { .lxjt {
@include spanLevel; @include spanLevel;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
height: 118px; height: 137px;
width: 30px; width: 30px;
writing-mode: tb-rl; writing-mode: tb-rl;
margin-top: -12px; margin-top: -12px;
background-image: url(~@/assets/images/home/dyzxhTree.png); background-image: url(~@/assets/images/home/dyzxhTree.png);
background-size: 100%; background-repeat: no-repeat;
} }
} }
</style> </style>

27
src/components/NameSplit/index.vue
View File

@ -1,11 +1,13 @@
<template> <template>
<div class="node-com"> <div class="node-com">
<div v-if="!flag" class="nodeTitle" :title="getAllName(item[areaName])">{{ spliceNameFun(item[areaName], 4) }}</div> <div v-if="!flag" class="nodeTitle" :title="getAllName(item[areaName])">{{ spliceNameFun(item[areaName], 8) }}</div>
<div class="name_more peoName" v-if="item[peopleName] && !item[peopleName].includes(',')" @click="gotoPersonnel(item.resiId)" :title="getAllName(item[peopleName])">{{ spliceNameFun(item[peopleName], 12) }}</div> <div class="name_more peoName" v-if="item[peopleName] && !item[peopleName].includes(',')" @click="gotoPersonnel(item.resiId)" :title="getAllName(item[peopleName])">{{ spliceNameFun(item[peopleName], 12) }}</div>
<div class="name_more" v-if="item[peopleName] && item[peopleName].includes(',')"> <div class="name_more" v-if="item[peopleName] && item[peopleName].includes(',')">
<span v-for="(i, k) in getItemNameArr(item[peopleName])" :key="i" @click="gotoPersonnel(item.resiId.split(',')[k])" :title="getAllName(i)">{{ spliceNameFun(i, 12) }}{{ k === getItemNameArr(item[peopleName]).length - 1 ? "" : "," }}</span> <span v-for="(i, k) in getItemNameArr(item[peopleName])" :key="i" @click="gotoPersonnel(item.resiId.split(',')[k])" :title="getAllName(i)">{{ spliceNameFun(i, 12) }}{{ k === getItemNameArr(item[peopleName]).length - 1 ? "" : "," }}</span>
<popTips :item="item" :pageName="pageName" /> <!-- 多个人员展示 -->
<!-- <popTips :item="item" :pageName="pageName" /> -->
</div> </div>
<div v-if="item.partyOrgLevel < 9" class="peoPosition">({{ getPeopositionMap(item.partyOrgLevel) }})</div>
</div> </div>
</template> </template>
@ -43,26 +45,39 @@ export default {
}, },
getItemNameArr(str) { getItemNameArr(str) {
return str.split(",").slice(0, 2); return str.split(",").slice(0, 1);
}, },
spliceNameFun(row, num) { spliceNameFun(row, num) {
return row; return row.substring(0, num);
}, },
gotoPersonnel(id) { gotoPersonnel(id) {
if (id) { if (id) {
this.$router.push({ path: `/organizational/orgPersonnel/${this.pageName}`, query: { user_id: id } }); this.$router.push({ path: `/organizational/orgPersonnel/${this.pageName}`, query: { user_id: id } });
} else { } else {
this.$message.error("无法跳转！"); this.$message.error("该人员暂无居民信息！");
} }
}, },
getPeopositionMap(type) {
const positionMap = new Map([
[1, "省委"],
[2, "市委"],
[3, "区委书记"],
[4, "党工委书记"],
[5, "党委书记"],
[6, "党总支书记"],
[7, "支部书记"],
[8, "组长"],
]);
return positionMap.get(type);
},
}, },
}; };
</script> </script>
<style scope lang="scss"> <style scope lang="scss">
.node-com { .node-com {
padding: 0 12px; // padding: 0 12px;
.nodeTitle { .nodeTitle {
font-size: 16px; font-size: 16px;
font-family: PingFang SC; font-family: PingFang SC;

94
src/components/Tree/nodeWrap.vue
View File

@ -17,19 +17,31 @@
<div class="condition-node-box"> <div class="condition-node-box">
<div class="auto-judge"> <div class="auto-judge">
<div v-if="item.laneLevel >= 2 && item.laneLevel <= 7 && item.partyOrgLevel < 8"> <div v-if="item.laneLevel >= 2 && item.laneLevel <= 7 && item.partyOrgLevel < 8">
<div class="wgdzb" @click="getChildrenData(item)"> <div :class="[item.children && item.children.length > 0 ? 'wgdzbHover' : 'wgdzb']">
<nameSplit :item="item" areaName="partyOrgName" peopleName="principalName" pageName="党组织架构" /> <nameSplit :item="item" areaName="partyOrgName" peopleName="principalName" pageName="党组织架构" />
</div> </div>
<div v-if="item._children" style="text-align: center" @click="getChildrenData(item, index, nodeConfig.children)">
<img v-if="item.children && item.children.length > 0" :src="require('@/assets/images/home/sh.png')" alt="" />
<img v-else :src="require('@/assets/images/home/zk.png')" alt="" />
</div>
</div> </div>
<div v-if="item.partyOrgLevel === 8"> <div v-if="item.partyOrgLevel === 8">
<div class="lydxz" @click=""> <div :class="[item.children && item.children.length > 0 ? 'lydxzHover' : 'lydxz']">
<nameSplit :item="item" areaName="partyOrgName" peopleName="principalName" pageName="党组织架构" /> <nameSplit :item="item" areaName="partyOrgName" peopleName="principalName" pageName="党组织架构" />
</div> </div>
<div v-if="item._children" style="text-align: center" @click="getChildrenData(item, index, nodeConfig.children)">
<img v-if="item.children && item.children.length > 0" :src="require('@/assets/images/home/sh.png')" alt="" />
<img v-else :src="require('@/assets/images/home/zk.png')" alt="" />
</div>
</div> </div>
<div v-if="item.partyOrgLevel === 9"> <div v-if="item.partyOrgLevel === 9">
<div class="dyzxh"> <div :class="[item.children && item.children.length > 0 ? 'dyzxhHover' : 'dyzxh']">
<nameSplit :item="item" :flag="flag" areaName="partyOrgName" peopleName="partyOrgName" pageName="党组织架构" /> <nameSplit :item="item" :flag="flag" areaName="partyOrgName" peopleName="partyOrgName" pageName="党组织架构" />
</div> </div>
<div v-if="item._children" style="text-align: center" @click="getChildrenData(item, index, nodeConfig.children)">
<img v-if="item.children && item.children.length > 0" :src="require('@/assets/images/home/sh.png')" alt="" />
<img v-else :src="require('@/assets/images/home/zk.png')" alt="" />
</div>
</div> </div>
<div class="lxjtWrap" v-if="item.partyOrgLevel === 10"> <div class="lxjtWrap" v-if="item.partyOrgLevel === 10">
<popHomeTip :item="item" pageName="党组织架构" /> <popHomeTip :item="item" pageName="党组织架构" />
@ -63,13 +75,19 @@ export default {
computed: {}, computed: {},
watch: {}, watch: {},
methods: { methods: {
getChildrenData(item) { getChildrenData(item, idx, arr) {
if (item.children) { arr.forEach((element, index) => {
item._children = item.children; if (index === idx) {
item.children = null; if (element.children) {
element._children = element.children;
element.children = null;
} else { } else {
item.children = item._children; element.children = element._children;
} }
} else {
element.children = null;
}
});
}, },
}, },
}; };
@ -94,7 +112,7 @@ export default {
display: inline-block; display: inline-block;
width: 168px; width: 168px;
height: 164px; height: 164px;
padding-top: 10px; // padding-top: 10px;
text-align: center; text-align: center;
background-image: url(~@/assets/images/home/firstLevel.png); background-image: url(~@/assets/images/home/firstLevel.png);
background-size: 100%; background-size: 100%;
@ -103,44 +121,78 @@ export default {
.auto-judge { .auto-judge {
.wgdzb { .wgdzb {
@include spanLevel; @include spanLevel;
width: 90px; min-width: 120px;
height: 128px; height: 126px;
text-align: center; text-align: center;
padding-top: 5px; padding-top: 9px;
background-image: url(~@/assets/images/home/zbbg.png); background-image: url(~@/assets/images/home/zbbg.png);
background-size: 100%; background-repeat: no-repeat;
background-position: center;
}
.wgdzbHover {
@include spanLevel;
min-width: 120px;
height: 126px;
text-align: center;
padding-top: 9px;
background-image: url(~@/assets/images/home/zbbgClick.png);
// background-size: 100%;
background-repeat: no-repeat;
background-position: center;
} }
.lydxz { .lydxz {
@include spanLevel; @include spanLevel;
// @include normalLevel; // @include normalLevel;
text-align: center; text-align: center;
width: 216px; min-width: 120px;
height: 50px; height: 126px;
padding-top: 5px; padding-top: 25px;
background-image: url(~@/assets/images/home/lydxzTree.png); background-image: url(~@/assets/images/home/lydxzTree.png);
background-size: 100%; background-repeat: no-repeat;
background-position: center;
}
.lydxzHover {
@include spanLevel;
// @include normalLevel;
text-align: center;
min-width: 120px;
height: 126px;
padding-top: 25px;
background-image: url(~@/assets/images/home/lydxzClick.png);
background-repeat: no-repeat;
background-position: center;
} }
.dyzxh { .dyzxh {
@include spanLevel; @include spanLevel;
@include normalLevel; @include normalLevel;
height: 118px; height: 137px;
width: 30px; width: 30px;
writing-mode: tb-rl; writing-mode: tb-rl;
margin-top: -12px; margin-top: -12px;
background-image: url(~@/assets/images/home/dyzxhTree.png); background-image: url(~@/assets/images/home/dyzxhTree.png);
background-size: 100%; background-repeat: no-repeat;
}
.dyzxhHover {
@include spanLevel;
@include normalLevel;
height: 137px;
width: 30px;
writing-mode: tb-rl;
margin-top: -12px;
background-image: url(~@/assets/images/home/dyzxhClick.png);
background-repeat: no-repeat;
} }
.lxjt { .lxjt {
@include spanLevel; @include spanLevel;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
height: 118px; height: 137px;
width: 30px; width: 30px;
writing-mode: tb-rl; writing-mode: tb-rl;
margin-top: -12px; margin-top: -12px;
background-image: url(~@/assets/images/home/dyzxhTree.png); background-image: url(~@/assets/images/home/dyzxhTree.png);
background-size: 100%; background-repeat: no-repeat;
} }
} }
</style> </style>

2
src/views/dataBoard/cpts/family/modules/EnjoyService.vue
View File

@ -7,7 +7,7 @@
height="390px" height="390px"
> >
<el-table-column label="序号" type="index" width="80" /> <el-table-column label="序号" type="index" width="80" />
<el-table-column label="变更人" prop="resiName" width="140" /> <el-table-column label="变更人" prop="resiName" />
<el-table-column label="变更类型" prop="typeName" width="" /> <el-table-column label="变更类型" prop="typeName" width="" />
<el-table-column label="变更前" prop="beforeChange" width="120"> <el-table-column label="变更前" prop="beforeChange" width="120">
<template slot-scope="scope"> <template slot-scope="scope">

87
src/views/dataBoard/organizational/dangTree/index.vue
View File

@ -2,7 +2,7 @@
<div class="wrap"> <div class="wrap">
<!-- v-on:wheel="zoomSize" :style="'transform: scale(' + nowVal / 100 + ');'" --> <!-- v-on:wheel="zoomSize" :style="'transform: scale(' + nowVal / 100 + ');'" -->
<div class="content"> <div class="content">
<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 v-for="(item, index) in levelArr" :key="item" :class="[item > 9 ? 'lastLevel1' : '', item === 9 ? 'lastLevel' : '', `flowLevel-${index + 1}`]" :style="{ height: item === 8 ? '180px' : '', lineHeight: item === 8 ? '180px' : '' }">
<div :class="[item === 8 ? 'otherTop' : '']">{{ getTitleNameMapFun(item) }}</div> <div :class="[item === 8 ? 'otherTop' : '']">{{ getTitleNameMapFun(item) }}</div>
</div> </div>
<el-row> <el-row>
@ -10,7 +10,7 @@
<div class="contentList"></div> <div class="contentList"></div>
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
<div class="dingflow-design" v-loading="loading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 21, 64, 0.3)"> <div class="dingflow-design" :style="{ height: treeHeight + 'px' }" v-loading="loading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 21, 64, 0.3)">
<nodeWrap :nodeConfig.sync="nodeConfig"></nodeWrap> <nodeWrap :nodeConfig.sync="nodeConfig"></nodeWrap>
</div> </div>
</el-col> </el-col>
@ -29,13 +29,14 @@ export default {
nowVal: 100, nowVal: 100,
nodeConfig: {}, nodeConfig: {},
zoom: 0, zoom: 0,
treeHeight: 300,
}; };
}, },
watch: { watch: {
"$store.state.chooseArea.chooseName"(n, v) { "$store.state.chooseArea.chooseName"(n, v) {
if (n.orgId) { if (n.orgId) {
this.levelArr = []; // this.levelArr = [];
this.nodeConfig = {}; // this.nodeConfig = {};
// this.getTreeData(); // this.getTreeData();
} }
}, },
@ -65,6 +66,7 @@ export default {
//获取背景层级 //获取背景层级
getDataPLevel(data) { getDataPLevel(data) {
console.log("data", data);
data.forEach((item) => { data.forEach((item) => {
this.levelArr.push(item.partyOrgLevel); this.levelArr.push(item.partyOrgLevel);
if (item.children && item.children.length > 0) { if (item.children && item.children.length > 0) {
@ -72,6 +74,7 @@ export default {
} }
}); });
const myArray = [...new Set(this.levelArr)]; const myArray = [...new Set(this.levelArr)];
this.treeHeight = myArray.length * 180 + 220;
this.levelArr = this.getLevelArrNum(myArray); this.levelArr = this.getLevelArrNum(myArray);
}, },
@ -87,7 +90,7 @@ export default {
this.hideChildrenData(item._children); this.hideChildrenData(item._children);
} }
}); });
console.log(newData); this.nodeConfig = newData[0];
}, },
//获取树状结构 //获取树状结构
@ -103,9 +106,8 @@ export default {
this.$message.error("暂无数据"); this.$message.error("暂无数据");
return; return;
} }
// this.nodeConfig = data[0];
this.hideChildrenData(data);
this.getDataPLevel(data); this.getDataPLevel(data);
this.hideChildrenData(data);
this.loading = false; this.loading = false;
} else { } else {
this.loading = false; this.loading = false;
@ -144,7 +146,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
@mixin flowLevwlCommon { @mixin flowLevwlCommon {
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -175,12 +177,12 @@ export default {
} }
.lastLevel { .lastLevel {
height: 145px !important; height: 180px !important;
margin-top: -45px !important; // margin-top: -45px !important;
} }
.lastLevel1 { .lastLevel1 {
height: 145px !important; height: 180px !important;
margin-top: -37px !important; // margin-top: -37px !important;
} }
.flowLevel-1 { .flowLevel-1 {
@ -210,19 +212,19 @@ export default {
.flowLevel-6, .flowLevel-6,
.flowLevel-7 { .flowLevel-7 {
@include flowLevwlCommon; @include flowLevwlCommon;
height: 160px; height: 180px;
} }
.flowLevel-2 { .flowLevel-2 {
top: 181px; top: 181px;
line-height: 110px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 26px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -232,15 +234,15 @@ export default {
} }
.flowLevel-3 { .flowLevel-3 {
top: 329px; top: 379px;
line-height: 120px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 31px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -250,15 +252,15 @@ export default {
} }
.flowLevel-4 { .flowLevel-4 {
top: 475px; top: 578px;
line-height: 128px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -268,15 +270,15 @@ export default {
} }
.flowLevel-5 { .flowLevel-5 {
top: 623px; top: 776px;
line-height: 130px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -286,15 +288,14 @@ export default {
} }
.flowLevel-6 { .flowLevel-6 {
top: 771px; top: 974px;
line-height: 130px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -304,15 +305,15 @@ export default {
} }
.flowLevel-7 { .flowLevel-7 {
top: 922px; top: 1172px;
line-height: 130px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -323,22 +324,22 @@ export default {
.otherTop { .otherTop {
&::after { &::after {
top: 15px !important; top: 60px !important;
} }
} }
.flowLevel-8 { .flowLevel-8 {
@include flowLevwlCommon; @include flowLevwlCommon;
top: 1070px; top: 1370px;
height: 90px; height: 90px;
line-height: 90px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 14px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -349,16 +350,16 @@ export default {
.flowLevel-9 { .flowLevel-9 {
@include flowLevwlCommon; @include flowLevwlCommon;
top: 1179px; top: 1569px;
height: 135px; height: 160px;
line-height: 135px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -369,16 +370,16 @@ export default {
.flowLevel-10 { .flowLevel-10 {
@include flowLevwlCommon; @include flowLevwlCommon;
top: 1338px; top: 1766px;
height: 135px; height: 180px;
line-height: 135px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;

90
src/views/dataBoard/organizational/gridTree/index.vue
View File

@ -2,7 +2,7 @@
<div class="wrap"> <div class="wrap">
<!-- v-on:wheel="zoomSize" :style="'transform: scale(' + nowVal / 100 + ');'" --> <!-- v-on:wheel="zoomSize" :style="'transform: scale(' + nowVal / 100 + ');'" -->
<div class="content"> <div class="content">
<div v-for="(item, index) in levelArr" :key="item" :class="[item === 'unit_chief' ? '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' : '', `flowLevel-${index + 1}`]" :style="{ height: item === 'building_chief' ? '180px' : '', lineHeight: item === 'building_chief' ? '180px' : '' }">
<div :class="[item === 'building_chief' ? 'otherTop' : '']">{{ getTitleNameMapFun(item) }}</div> <div :class="[item === 'building_chief' ? 'otherTop' : '']">{{ getTitleNameMapFun(item) }}</div>
</div> </div>
<el-row> <el-row>
@ -10,7 +10,7 @@
<div class="contentList"></div> <div class="contentList"></div>
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
<div class="dingflow-design" v-loading="loading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 21, 64, 0.3)"> <div class="dingflow-design" :style="{ height: treeHeight + 'px' }" v-loading="loading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 21, 64, 0.3)">
<nodeWrapGrid :nodeConfig.sync="nodeConfig"></nodeWrapGrid> <nodeWrapGrid :nodeConfig.sync="nodeConfig"></nodeWrapGrid>
</div> </div>
</el-col> </el-col>
@ -28,14 +28,15 @@ export default {
levelArr: [], levelArr: [],
nowVal: 100, nowVal: 100,
nodeConfig: {}, nodeConfig: {},
treeHeight: 300,
}; };
}, },
computed: {}, computed: {},
watch: { watch: {
"$store.state.chooseArea.chooseName"(n, v) { "$store.state.chooseArea.chooseName"(n, v) {
if (n.orgId) { if (n.orgId) {
this.levelArr = []; // this.levelArr = [];
this.nodeConfig = {}; // this.nodeConfig = {};
// this.getTreeData(); // this.getTreeData();
} }
}, },
@ -80,8 +81,25 @@ export default {
} }
}); });
const myArray = [...new Set(this.levelArr)]; const myArray = [...new Set(this.levelArr)];
this.treeHeight = myArray.length * 180 + 200;
this.levelArr = this.getLevelArrNum(myArray); this.levelArr = this.getLevelArrNum(myArray);
}, },
hideChildrenData(data) {
const newData = [...data];
newData.forEach((item) => {
if (item.laneLevel === 1) {
this.hideChildrenData(item.children);
}
if (item.children && item.children.length > 0 && item.laneLevel >= 2) {
item._children = item.children;
item.children = null;
this.hideChildrenData(item._children);
}
});
this.nodeConfig = newData[0];
},
//获取树状结构 //获取树状结构
getTreeData() { getTreeData() {
this.loading = true; this.loading = true;
@ -95,8 +113,8 @@ export default {
this.$message.error("暂无数据"); this.$message.error("暂无数据");
return; return;
} }
this.nodeConfig = data[0];
this.getDataPLevel(data); this.getDataPLevel(data);
this.hideChildrenData(data);
this.loading = false; this.loading = false;
} else { } else {
this.loading = false; this.loading = false;
@ -133,7 +151,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
@mixin flowLevwlCommon { @mixin flowLevwlCommon {
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -165,7 +183,7 @@ export default {
.lastLevel { .lastLevel {
height: 145px !important; height: 145px !important;
margin-top: -45px !important; // margin-top: -45px !important;
} }
.flowLevel-1 { .flowLevel-1 {
@ -195,19 +213,19 @@ export default {
.flowLevel-6, .flowLevel-6,
.flowLevel-7 { .flowLevel-7 {
@include flowLevwlCommon; @include flowLevwlCommon;
height: 126px; height: 180px;
} }
.flowLevel-2 { .flowLevel-2 {
top: 181px; top: 181px;
line-height: 110px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 26px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -217,15 +235,15 @@ export default {
} }
.flowLevel-3 { .flowLevel-3 {
top: 329px; top: 379px;
line-height: 120px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 31px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -235,15 +253,15 @@ export default {
} }
.flowLevel-4 { .flowLevel-4 {
top: 475px; top: 578px;
line-height: 128px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -253,15 +271,15 @@ export default {
} }
.flowLevel-5 { .flowLevel-5 {
top: 623px; top: 776px;
line-height: 130px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -271,15 +289,15 @@ export default {
} }
.flowLevel-6 { .flowLevel-6 {
top: 771px; top: 974px;
line-height: 130px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -289,15 +307,15 @@ export default {
} }
.flowLevel-7 { .flowLevel-7 {
top: 922px; top: 1171px;
line-height: 130px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -308,22 +326,22 @@ export default {
.otherTop { .otherTop {
&::after { &::after {
top: 15px !important; top: 60px !important;
} }
} }
.flowLevel-8 { .flowLevel-8 {
@include flowLevwlCommon; @include flowLevwlCommon;
top: 1070px; top: 1371px;
height: 90px; height: 180px;
line-height: 90px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 14px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -335,14 +353,14 @@ export default {
.flowLevel-9 { .flowLevel-9 {
@include flowLevwlCommon; @include flowLevwlCommon;
top: 1179px; top: 1179px;
height: 135px; height: 180px;
line-height: 135px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -354,15 +372,15 @@ export default {
.flowLevel-10 { .flowLevel-10 {
@include flowLevwlCommon; @include flowLevwlCommon;
top: 1338px; top: 1338px;
height: 135px; height: 180px;
line-height: 135px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;

65
src/views/dataBoard/organizational/jwTree/index.vue
View File

@ -2,7 +2,7 @@
<div class="wrap"> <div class="wrap">
<!-- v-on:wheel="zoomSize" :style="'transform: scale(' + nowVal / 100 + ');'" --> <!-- v-on:wheel="zoomSize" :style="'transform: scale(' + nowVal / 100 + ');'" -->
<div class="content"> <div class="content">
<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' ? '150px' : '', lineHeight: item === 'building_chief' ? '150px' : '' }"> <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' ? '180px' : '', lineHeight: item === 'building_chief' ? '180px' : '' }">
<div :class="[item === 'building_chief' ? 'otherTop' : '']">{{ getTitleNameMapFun(item) }}</div> <div :class="[item === 'building_chief' ? 'otherTop' : '']">{{ getTitleNameMapFun(item) }}</div>
</div> </div>
<el-row> <el-row>
@ -35,8 +35,8 @@ export default {
watch: { watch: {
"$store.state.chooseArea.chooseName"(n, v) { "$store.state.chooseArea.chooseName"(n, v) {
if (n.orgId) { if (n.orgId) {
this.levelArr = []; // this.levelArr = [];
this.nodeConfig = {}; // this.nodeConfig = {};
// this.getTreeData(); // this.getTreeData();
} }
}, },
@ -83,7 +83,7 @@ export default {
} }
}); });
const myArray = [...new Set(this.levelArr)]; const myArray = [...new Set(this.levelArr)];
this.treeHeight = myArray.length * 180 + 100; this.treeHeight = myArray.length * 180 + 220;
this.levelArr = this.getLevelArrNum(myArray); this.levelArr = this.getLevelArrNum(myArray);
}, },
@ -154,7 +154,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
@mixin flowLevwlCommon { @mixin flowLevwlCommon {
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -185,12 +185,12 @@ export default {
} }
.lastLevel { .lastLevel {
height: 160px !important; height: 180px !important;
margin-top: -45px !important; // margin-top: -45px !important;
} }
.lastLevel1 { .lastLevel1 {
height: 145px !important; height: 180px !important;
margin-top: -37px !important; // margin-top: -37px !important;
} }
.flowLevel-1 { .flowLevel-1 {
@ -220,7 +220,7 @@ export default {
.flowLevel-6, .flowLevel-6,
.flowLevel-7 { .flowLevel-7 {
@include flowLevwlCommon; @include flowLevwlCommon;
height: 180px; height: 180px !important;
} }
.flowLevel-2 { .flowLevel-2 {
@ -243,14 +243,14 @@ export default {
.flowLevel-3 { .flowLevel-3 {
top: 379px; top: 379px;
line-height: 185px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 62px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -261,14 +261,14 @@ export default {
.flowLevel-4 { .flowLevel-4 {
top: 577px; top: 577px;
line-height: 128px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 43px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -279,6 +279,7 @@ export default {
.flowLevel-5 { .flowLevel-5 {
top: 775px; top: 775px;
height: 180px !important;
line-height: 130px; line-height: 130px;
div { div {
@ -286,7 +287,7 @@ export default {
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -296,15 +297,16 @@ export default {
} }
.flowLevel-6 { .flowLevel-6 {
top: 991px; top: 974px;
line-height: 171px; line-height: 180px;
height: 180px !important;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 55px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -314,15 +316,16 @@ export default {
} }
.flowLevel-7 { .flowLevel-7 {
top: 1161px; top: 1172px;
line-height: 130px; line-height: 180px;
height: 180px !important;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -333,22 +336,22 @@ export default {
.otherTop { .otherTop {
&::after { &::after {
top: 43px !important; top: 60px !important;
} }
} }
.flowLevel-8 { .flowLevel-8 {
@include flowLevwlCommon; @include flowLevwlCommon;
top: 1070px; top: 1371px;
height: 90px; height: 90px;
line-height: 90px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 14px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -359,16 +362,16 @@ export default {
.flowLevel-9 { .flowLevel-9 {
@include flowLevwlCommon; @include flowLevwlCommon;
top: 1179px; top: 1568px;
height: 135px; height: 135px;
line-height: 135px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;
@ -379,16 +382,16 @@ export default {
.flowLevel-10 { .flowLevel-10 {
@include flowLevwlCommon; @include flowLevwlCommon;
top: 1338px; top: 1738px;
height: 135px; height: 135px;
line-height: 135px; line-height: 180px;
div { div {
padding-left: 80px; padding-left: 80px;
&::after { &::after {
@include flowLevelAfter; @include flowLevelAfter;
top: 35px; top: 60px;
left: 15px; left: 15px;
width: 180px; width: 180px;
height: 60px; height: 60px;

4
src/views/dataBoard/satisfactionEval/modules/TypesOfDissatisfaction/index.vue
View File

@ -30,7 +30,7 @@ export default {
value: 2, value: 2,
}, },
], ],
typeCondition: 1, typeCondition: 5,
typeConditionList: [ typeConditionList: [
{ {
label: "本月", label: "本月",
@ -145,7 +145,7 @@ export default {
max: datamax[i], max: datamax[i],
axisLabel: { axisLabel: {
show: i === 0, show: i === 0,
color:'rgba(255,255,255,1)', color: "rgba(58,128,231,0.36)",
formatter: function (value) { formatter: function (value) {
return Math.floor(value); return Math.floor(value);
}, },

Write Preview
Loading…
Cancel
Save