Browse Source

继续优化

dev-用户反馈
dai 3 years ago
parent
commit
ea7e7be62f
  1. 23
      src/views/modules/base/communityYantai/community.vue
  2. 18
      src/views/modules/base/communityYantai/cpts/agency-info.vue
  3. 18
      src/views/modules/base/communityYantai/cpts/grid-info.vue

23
src/views/modules/base/communityYantai/community.vue

@ -4,7 +4,11 @@
<!-- <el-input placeholder="输入关键字进行过滤" <!-- <el-input placeholder="输入关键字进行过滤"
v-model="filterText"> v-model="filterText">
</el-input> --> </el-input> -->
<el-scrollbar :style="{ height: treeHeight }" class="scrollar"> <el-scrollbar
ref="leftScrollBar"
:style="{ height: treeHeight }"
class="scrollar"
>
<el-tree <el-tree
ref="ref_tree" ref="ref_tree"
v-loading="treeLoading" v-loading="treeLoading"
@ -22,7 +26,13 @@
> >
<div slot-scope="{ node, data }" class="custom-tree-node"> <div slot-scope="{ node, data }" class="custom-tree-node">
<span :id="data.id">{{ data.showName }}</span> <span :id="data.id">{{ data.showName }}</span>
<i @click.stop="(e) => handleClickAgencyIcon(data, e)" <i
v-if="
data.level != 'neighborHood' &&
data.level != 'building' &&
data.level != 'unit'
"
@click.stop="(e) => handleClickAgencyIcon(data, e)"
>!</i >!</i
> >
</div> </div>
@ -413,11 +423,14 @@ export default {
const { layerY, layerX } = event; const { layerY, layerX } = event;
let popOrgStyle = { let popOrgStyle = {
left: layerX + 40 + "px", left: layerX + 40 + "px",
top : layerY + 20 + "px" top:
layerY +
20 -
this.$refs.leftScrollBar.wrap.scrollTop +
"px",
}; };
if (layerY > 300) { if (layerY > 300) {
popOrgStyle.transform ="translateY(-100%)"; popOrgStyle.transform = "translateY(-100%)";
} }
this.popOrgStyle = popOrgStyle; this.popOrgStyle = popOrgStyle;
}, },

18
src/views/modules/base/communityYantai/cpts/agency-info.vue

@ -7,26 +7,26 @@
</div> </div>
<div class="info"> <div class="info">
<div class="title">{{ info.agencyName }}</div> <div class="title">{{ info.agencyName || '--' }}</div>
<div class="item"> <div class="item">
<div class="field">组织区划</div> <div class="field">组织区划</div>
<div class="value">{{ info.areaName }}</div> <div class="value">{{ info.areaName || '--' }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="field">组织编码</div> <div class="field">组织编码</div>
<div class="value">{{ info.areaCode }}</div> <div class="value">{{ info.areaCode || '--' }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="field">负责人</div> <div class="field">负责人</div>
<div class="value">{{ info.contacts }}</div> <div class="value">{{ info.contacts || '--' }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="field">联系电话</div> <div class="field">联系电话</div>
<div class="value">{{ info.mobile }}</div> <div class="value">{{ info.mobile || '--' }}</div>
</div> </div>
<div class="item" v-if="info.intro"> <div class="item">
<div class="field">社区简介</div> <div class="field">组织简介</div>
<div class="value">{{ info.intro }}</div> <div class="value">{{ info.remark || '--' }}</div>
</div> </div>
<div class="item" v-if="mapData"> <div class="item" v-if="mapData">
<div class="field">管辖范围</div> <div class="field">管辖范围</div>
@ -63,7 +63,7 @@ export default {
areaName: "", areaName: "",
contacts: "", contacts: "",
mobile: "", mobile: "",
intro: "", remark: "",
}, },
mapData: null, mapData: null,

18
src/views/modules/base/communityYantai/cpts/grid-info.vue

@ -7,26 +7,26 @@
</div> </div>
<div class="info"> <div class="info">
<div class="title">{{ info.gridName }}</div> <div class="title">{{ info.gridName || '--' }}</div>
<div class="item"> <div class="item">
<div class="field">组织区划</div> <div class="field">组织区划</div>
<div class="value">{{ info.areaName }}</div> <div class="value">{{ info.areaName || '--' }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="field">组织编码</div> <div class="field">组织编码</div>
<div class="value">{{ info.areaCode }}</div> <div class="value">{{ info.areaCode || '--' }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="field">负责人</div> <div class="field">负责人</div>
<div class="value">{{ info.contacts }}</div> <div class="value">{{ info.contacts || '--' }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="field">联系电话</div> <div class="field">联系电话</div>
<div class="value">{{ info.mobile }}</div> <div class="value">{{ info.mobile || '--' }}</div>
</div> </div>
<div class="item" v-if="info.intro"> <div class="item">
<div class="field">社区简介</div> <div class="field">网格简介</div>
<div class="value">{{ info.intro }}</div> <div class="value">{{ info.remark || '--' }}</div>
</div> </div>
<div class="item" v-if="mapData"> <div class="item" v-if="mapData">
<div class="field">管辖范围</div> <div class="field">管辖范围</div>
@ -63,7 +63,7 @@ export default {
areaName: "", areaName: "",
contacts: "", contacts: "",
mobile: "", mobile: "",
intro: "", remark: "",
}, },
mapData: null, mapData: null,

Loading…
Cancel
Save