Commit c3a7eb93 authored by wangjinjing's avatar wangjinjing

补充材料

parent 3659635a
......@@ -25,10 +25,10 @@ var community_conf={
// // // 发布环境 -- 20230718
// {name:"影像",url:"http://170.2.229.218:5000/earth_image_geodetic/MapServer"},
// {name:"注记",url:"http://170.2.229.218:5000/earth_image_anno_geodetic/MapServer"}
{name:"影像",url:"http://map.geoq.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer"},
{name:"注记",url:"http://map.geoq.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer"}
// {name:"影像",url:"mapurl/earth_image_geodetic/MapServer"},
// {name:"注记",url:"mapurl/earth_image_anno_geodetic/MapServer"}
// {name:"影像",url:"http://map.geoq.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer"},
// {name:"注记",url:"http://map.geoq.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer"}
{name:"影像",url:"mapurl/earth_image_geodetic/MapServer"},
{name:"注记",url:"mapurl/earth_image_anno_geodetic/MapServer"}
//发布环境
// {name:"影像",url:"https://geomatrix.club/tilemap/earth_image_geodetic/MapServer"},
// {name:"注记",url:"https://geomatrix.club/tilemap/earth_image_anno_geodetic/MapServer"}
......@@ -52,7 +52,7 @@ var community_conf={
url:"wss_dh"
},
//vue组件注册
viewNameList:["hjws","jmzx","gdgl","spaq","dagl","zsysq","wyryfb","hdgl","hjbh","zaaq","aqsc","rkgl","zdry","dqfwzx","ggfw","zyzfwz","sbsx","dwzx","list","fyry","rmfx","tygl","doublezero","fivetype","flgl","fyryzwq","ssfytj","mdtc","sqjw","wmcj","zzwg","djwg","jwwg"],
viewNameList:["hjws","jmzx","gdgl","spaq","dagl","zsysq","wyryfb","hdgl","hjbh","zaaq","aqsc","rkgl","zdry","dqfwzx","ggfw","zyzfwz","sbsx","dwzx","list","fyry","rmfx","tygl","doublezero","fivetype","flgl","fyryzwq","ssfytj","mdtc","sqjw","wmcj","zzwg","djwg","jwwg","dqfwzxjj"],
leftviewNameList:["list","tree","tree_dq","treezyz","tree_rmfx","tree_aby","tree_ty","tree_fl","tree_hjbh","tree_wmcj","tree_mdtc","tree_jwrh","tree_hswy"],
}
//党小组
......
......@@ -159,24 +159,20 @@ module.exports = {
}, locate2: function (item) {
//先画polygon,然后定位
parent.vue_left.locate(item);
parent.vue_right.currentView = 'dwzx';
parent.vue_right.widthData = item.width + 'px';
parent.vue_right.heightData = item.height + 'px';
//延迟加载以便能够保证子组件已经加载完毕再调用其方法
if(parent.vue_right.$refs!=undefined && parent.vue_right.$refs.mychild !=undefined ){
setTimeout(() => {
try{
parent.vue_right.$refs.mychild.show(item);
}catch(ex){}
}, 300);
}
//parent.vue_right.currentView = 'dwzx';
//parent.vue_right.widthData = item.width + 'px';
//parent.vue_right.heightData = item.height + 'px';
//parent.document.getElementById('rightvue').style.display = 'block';
//延迟加载以便能够保证子组件已经加载完毕再调用其方法
// if(parent.vue_right.$refs!=undefined && parent.vue_right.$refs.mychild !=undefined ){
// setTimeout(() => {
// try{
// parent.vue_right.$refs.mychild.show(item);
// }catch(ex){}
// }, 300);
// }
},open: function (item, n, dom) {
parent.vue_left.showright(item);
// if (item.name == '红色网格') {
// parent.vue_left.showright(item);
// }else{
// parent.vue_right.currentView ='';
// }
parent.vue_left.showright(item);
$(".layui-colla-content").css("display", "none");
if (item.show) {
......@@ -184,8 +180,6 @@ module.exports = {
} else {
$(dom.srcElement).next().css("display", "none");
}
console.log(n);
debugger
//其他逻辑 0:d党群服务 1:党员 2:当组长 3:党委大图 4:廉政教育
if (n ==0&& item.show) {
parent.vue_top.setLayerStatusbyId(this.data_filter.data[0].layerID, true);
......@@ -221,18 +215,26 @@ module.exports = {
},
showphotos: function (item) {
parent.vue_left.locate(item);
// var playsrc = { data: [] };
// array = item.split(",");
// for (var j = 0; j < array.length; j++) {
// playsrc.data.push({ src: array[j] });
// }
// layer.photos({
// photos: playsrc,
// anim: 5,
// });
if(item.name=='兴卫村社区党群服务中心'){
//展示右边的社区简介
parent.vue_left.locate(item);
parent.vue_right.currentView = 'dqfwzxjj';
parent.vue_right.widthData = '400px';
parent.vue_right.heightData ='500px';
parent.document.getElementById('rightvue').style.display = 'block';
//延迟加载以便能够保证子组件已经加载完毕再调用其方法
if(parent.vue_right.$refs!=undefined && parent.vue_right.$refs.mychild !=undefined ){
setTimeout(() => {
try{
parent.vue_right.$refs.mychild.show(item);
}catch(ex){}
}, 300);
}
}else{
parent.document.getElementById('rightvue').style.display = 'none';
}
},
showphotos2: function (array) {
debugger
showphotos2: function (array) {
var playsrc = { data: [] };
for (var j = 0; j < array.length; j++) {
if(array[j].src.indexOf("$")>0){
......
......@@ -20,9 +20,16 @@
<div class="layui-colla-item" v-for="(item, index) in tree_list">
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" @click="showphotos(item.children)" > {{ item.name }} </h2>
<div class="layui-colla-content" style="height: 217px; margin-left: 0px" v-bind:title="item.name" >
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" @click="showphotos(item, index, $event)" > {{ item.name }} </h2>
<div class="layui-colla-content" style="height: 217px; margin-left: 0px" v-bind:title="item.name" >
<div style="width: 100%; height: 225px" >
<div class="layui-colla-item" v-for="(item2, index) in item.children.filter(item=> {return item.name!='红队伍-红服务';})" @click="showphotos(item2, index, $event)" >
<div class="layui-colla-title" >
{{ item2.name }}
</div>
</div>
</div>
</div>
</div>
......@@ -59,7 +66,6 @@ module.exports = {
text1: "红引领-红机制",
name: "红引领-红机制",
color: "turquoise",
show: true,
layers: [],
children: [],
},
......@@ -91,12 +97,10 @@ module.exports = {
locate: function (item) {
parent.vue_left.locate(item);
},
showright: function (item,n, dom) {
debugger
showright: function (item,n, dom) {
if(item.event=='showright'){
if(item.children.length>0){
parent.vue_left.showright(item);
debugger
parent.vue_left.showright(item);
if(item.children[0].name=='人民调解委员会'){
item.children[0].name='兴卫村社区人民调解委员会';
}
......@@ -109,29 +113,40 @@ module.exports = {
parent.vue_left.showmdtc(item);
}
},
showphotos: function (items) {
debugger
var playsrc = { data: [] };
for (var j = 0; j < items.length; j++) {
if( items[j].src!=undefined && items[j].src.indexOf(",")>0 ){
array=items[j].src.split(",");
}else{
array=items;
}
for (var j = 0; j < array.length; j++) {
if(array[j].indexOf("$")>0){
picsrc= array[j].substring(0,array[j].indexOf("$"));
picname=array[j].substring(array[j].indexOf("$")+1,array[j].lastIndexOf("."));
playsrc.data.push({ src: picsrc , alt:picname});
}else{
playsrc.data.push({ src: array[j], alt:items[j].name});
}
}
}
layer.photos({
photos: playsrc,
anim: 5,
});
showphotos: function (item,n, dom) {
if(item.marktype!=undefined && item.marktype=='49'){
this.open(item,n, dom);
}
if(item.show==undefined || !item.show ){
let items=[];
if(item.children!=undefined){
items=item.children.filter(item=> {return (item.name=='红队伍-红服务' ||item.name=='红引领-红机制' );});
}else if(item.src!=undefined && item.src ){
items=item.src.split(',');
}
var playsrc = { data: [] };
for (var j = 0; j < items.length; j++) {
if( items[j].src!=undefined && items[j].src.indexOf(",")>0 ){
array=items[j].src.split(",");
}else{
array=items;
}
for (var j = 0; j < array.length; j++) {
if(array[j].indexOf("$")>0){
picsrc= array[j].substring(0,array[j].indexOf("$"));
picname=array[j].substring(array[j].indexOf("$")+1,array[j].lastIndexOf("."));
playsrc.data.push({ src: picsrc , alt:picname});
}else{
playsrc.data.push({ src: array[j], alt:items[j].name});
}
}
}
layer.photos({
photos: playsrc,
anim: 5,
});
}
},
play: function (url) {
......@@ -183,8 +198,7 @@ module.exports = {
return this.datax;
},
},
mounted() {
debugger
mounted() {
that=this;
that.daylist[0].children=that.datax.data[0].data;
getByAjax("./business/queryAreaphotosWithname/48,49",function(list){
......
......@@ -154,8 +154,9 @@ module.exports = {
},
clear:function(){
parent.document.getElementById('rightvue').style.display = 'none';
for(let i=0;i<3;i++){
parent.vue_top.setLayerStatusbyId(this.data_filter.data[i].layerID,false);
parent.vue_top.setLayerStatusbyId(this.data_filter.data[i].layerID,false);
}
},
......@@ -199,6 +200,7 @@ module.exports = {
},
open2: function (item, n, dom) {
this.clear();
$("#layui").css("display", "none");
if (item.show) {
$(dom.srcElement).next().css("display", "block");
......@@ -220,13 +222,13 @@ module.exports = {
}
},
mounted() {//挂载的时候执行
debugger
this.tree_list[0].children = this.data_filter.data[0].data;
this.tree_list[1].children = this.data_filter.data[1].data;
this.tree_list[2].children = this.data_filter.data[2].data;
that = this;
that.clear();
getByAjax("./business/queryAreaphotos/41,42,43",function(list){
getByAjax("./business/queryAreaphotos/44,42,43",function(list){
for (var i = 0; i < that.daylist[0].children.length; i++) {
let tempList = list.filter(items => {return items.typeid==that.daylist[0].children[i].marktype});
console.log(tempList);
......
......@@ -36,8 +36,7 @@
<div class="layui-colla-item" v-for="(item, index) in daylist">
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" @click="open(item, index, $event)">
{{ item.name }} </h2>
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" @click="open(item, index, $event)"> {{ item.name }} </h2>
<div class="layui-colla-content" style="height: 217px; margin-left: 0px" v-bind:title="item.name" >
<div style="width: 100%; height: 225px">
<div class="layui-colla-item" v-for="(item2, index) in item.children" @click="showphotos(item2.children)" >
......
......@@ -161,10 +161,11 @@
}
},
mounted(){//挂载的时候执行
for (var i = 0; i < this.tree_list.length-2; i++) { //遍历本模块的一级树
var tempList=[];
if(this.data_filter.data.length>0 && this.data_filter.data[0].length>0){
if(this.data_filter.data.length>0 && this.data_filter.data[0].data.length>0){
for (var j = 0; j < this.data_filter.data[0].data.length; j++) { //遍历集合数据,塞入一级树结构中
if (this.data_filter.data[0].data[j].marktype && this.data_filter.data[0].data[j].marktype.strcontains(this.tree_list[i].marktype)) {
tempList.push(this.data_filter.data[0].data[j]);
......
......@@ -63,10 +63,7 @@
v-for="(item3, index1) in item2.children"
style="cursor: pointer"
>
<a @click="showphotos(item3) " > {{item3.name}}</a>
<!-- <a @click="showphotos(item3) " v-text="getData(item3)" > </a>
<div @click="showphotos(item3) " v-text="getData(item3)"></div>
<a @click="showphotos(item3) " v-text="item3.name!=''?item3.name.split(',')[0]:''" > </a> -->
<a @click="showphotos(item3) " > {{item3.name}}</a>
<img v-show="item3.monitor" src="/img/monitor.png" width="12px" height="12px" @click="play(item3.monitor)">
</div>
</div>
......@@ -192,8 +189,7 @@ module.exports = {
parent.vue_left.showright(item);
this.open(item, n, dom);
},
showphotos: function (item) {
debugger
showphotos: function (item) {
if(item!=null){
var playsrc={data: []};
var array=item.src.split(",");
......@@ -207,11 +203,7 @@ module.exports = {
});
}
},
// getdata:function(item){
// var arrayname=item.name.split(",") ;
// return arrayname[0];
// },
play: function (url) {
layui_open_option = {
......@@ -280,12 +272,6 @@ module.exports = {
},
data_filter: function () {
return this.datax;
},
getData:(item)=>{
debugger
var arrayname=item.name!=''?item.name.split(","):[''];
return arrayname[0];
}
},
mounted() {
......
......@@ -35,7 +35,7 @@
</div>
<div class="layui-colla-item" v-for="(item, index) in daylist">
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" @click="open(item, index, $event)">
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" @click="open2(item, index, $event)">
{{ item.name }} </h2>
<div class="layui-colla-content" style="height: 217px; margin-left: 0px" v-bind:title="item.name">
<div style="width: 100%; height: 225px">
......@@ -135,7 +135,7 @@ module.exports = {
props: ["dataxself"],
methods: {
locate: function (item) {
debugger
parent.document.getElementById('rightvue').style.display = 'none';
if(item.length>0){
item2=JSON.parse(JSON.stringify(item[0]));
parent.vue_left.locate(item2);
......@@ -146,7 +146,7 @@ module.exports = {
this.open(item, n, dom);
},
showphotos: function (item) {
debugger
parent.document.getElementById('rightvue').style.display = 'none';
if(item.event!=undefined){
//展示中间
parent.vue_left.showwmcs(item);
......@@ -176,7 +176,7 @@ module.exports = {
}
},
showphotos2: function (array) {
debugger
parent.document.getElementById('rightvue').style.display = 'none';
var playsrc={data: []};
for(var j = 0; j <array.length ; j++ )
{
......@@ -206,37 +206,30 @@ module.exports = {
};
layerOpen(layui_open_option);
},
open2: function (item, n, dom) {
$("#layui").css("display", "none");
},
open: function (item, n, dom) {
$(".layui-colla-content").css("display", "none");
if (item.show) {
$(dom.srcElement).next().css("display", "block");
} else {
$(dom.srcElement).next().css("display", "none");
}
item.show = !item.show;
parent.document.getElementById('rightvue').style.display = 'none';
//其他逻辑
item.show = !item.show;
},
open: function (item, n, dom) {
open2: function (item, n, dom) {
$(".layui-colla-content").css("display", "none");
if (item.show) {
$(dom.srcElement).next().css("display", "block");
} else {
$(dom.srcElement).next().css("display", "none");
}
// parent.vue_top.setLayerStatusbyId(
// this.data_filter.data[1].layerID,
// !item.show
// );
// parent.vue_top.setLayerStatusbyId(this.data_filter.data[0].layerID, true);
parent.document.getElementById('rightvue').style.display = 'none';
//其他逻辑
item.show = !item.show;
item.show = !item.show;
},
},
computed: {
datax: {
......@@ -256,8 +249,7 @@ module.exports = {
mounted() {
that=this;
getByAjax("./business/queryAreaphotosWithname/18,19,49,50,51",function(list){
debugger
getByAjax("./business/queryAreaphotosWithname/18,19,49,50,51",function(list){
for (var i = 0; i < that.tree_list[0].children.length; i++) {
let tempList = list.filter(items => {return items.typeid==that.tree_list[0].children[i].marktype});
console.log(tempList);
......
......@@ -186,8 +186,7 @@
return this.datax;
}
},
mounted(){//挂载的时候执行
debugger
mounted(){//挂载的时候执行
this.tree_list[0].children=this.data_filter.data[0].data;
that=this;
......
<template>
<div>
<h1 class="bt_h1">兴卫村社区党群服务中心</h1>
<div class="table-a">
<div style="text-indent:2em;color:white;padding:10px;font-size:17px">兴卫村社区党委,现有党委书记1名,党委副书记1名,党委委员3名。社区共有党员550人,下设10个网格党支部,20个网格党小组,57位党员楼栋长,形成“社区党委—网格党支部—网格党小组—楼栋长”四级联动机制,通过定岗、定人、定责,细化网格职能,立足“小网格”、开展“微服务”、发挥“强作用”。结合节假日、送学上门、主题党日等活动定期走访党员、群众,结合“红动兴卫”我为群众办实事便民广场服务、“兴动党建联盟”打卡地图、“银发生辉”老党员宣讲团、“兴潮青年”志愿服务队等特色品牌项目丰富主题党日活动,加强党员教育管理,筑牢基层战斗堡垒。</div>
</div>
</div>
</template>
<script>
module.exports = {
data: function() {
return {
obj:{
},
folderid:"",
}
},
props:["dataxself"],
methods:{
show:function(item){
},
showPicture:function(){
}
},
computed:{
}
}
</script>
<style scoped>
.bt_h1{
text-align: center;
font-size: 20px;
color: white;
font-weight: 500;
margin-top: 5px;
}
.table-a table{border:1px solid #F00}
.bg_tr tr:hover{
background-color: #ece5e500 ! important;
}
.bg_tr{
color: #fff;
}
.bg_tr td{
text-align: center;
}
.tr_th{
background: linear-gradient(#415dc0, #9aaab5);
}
.tr_th th{
text-align: center;
}
</style>
......@@ -598,12 +598,12 @@ function getData(layer, i) {
layer.add(new esri.Graphic(polygon.getExtent().getCenter(), new esri.symbol.PictureMarkerSymbol(" img/" + "zlbs" + ".png", 15, 15).setOffset(-20, 0)));
}
}
if (data[j].fydq) {//防疫人员
symbolx = getSymbol("#0000ff", "#C4C4C4", vue_top.businessLayers[i].icon.color);
if (data[j].fydq.strcontains("1")) {//防疫到期
layer.add(new esri.Graphic(polygon.getExtent().getCenter(), new esri.symbol.PictureMarkerSymbol(" img/" + "fy" + ".png", 30, 30).setOffset(-20, 0)));
}
}
// if (data[j].fydq) {//防疫人员
// symbolx = getSymbol("#0000ff", "#C4C4C4", vue_top.businessLayers[i].icon.color);
// if (data[j].fydq.strcontains("1")) {//防疫到期
// layer.add(new esri.Graphic(polygon.getExtent().getCenter(), new esri.symbol.PictureMarkerSymbol(" img/" + "fy" + ".png", 30, 30).setOffset(-20, 0)));
// }
// }
if (data[j].rmfx) {//人民防线
symbolx = getSymbol("#0000ff", "#C4C4C4", vue_top.businessLayers[i].icon.color);
layer.add(new esri.Graphic(polygon.getExtent().getCenter(), new esri.symbol.PictureMarkerSymbol(" img/" + "rmfx" + ".png", 20, 20).setOffset(-20, 0)));
......@@ -914,15 +914,16 @@ function listenLayer(v_layer, layerdata) {
vue_right.currentView = layerdata.rightview;
vue_right.widthData = layerdata.width;
vue_right.heightData = layerdata.height;
//延迟加载以便能够保证子组件已经加载完毕再调用其方法
if(vue_right.$refs!=undefined && vue_right.$refs.mychild !=undefined ){
setTimeout(() => {
document.getElementById('rightvue').style.display = 'block';
document.getElementById('rightvue').style.display = 'block';
//延迟加载以便能够保证子组件已经加载完毕再调用其方法
setTimeout(() => {
if(vue_right.$refs!=undefined && vue_right.$refs.mychild !=undefined ){
try{
vue_right.$refs.mychild.show(evt.graphic.attributes.data);
}catch(ex){}
}, 100);
}
}
}, 200);
});
});
v_layer.on('mouse-move', function (evt) {
......@@ -2087,9 +2088,9 @@ function showpictures(json){
}
function showPictureWithoutHttp(data) {
if (data) {
var json = { title: "照片", data: [data] };
function showPictureWithoutHttp(datas) {
if (datas) {
var json = { title: "照片", data:datas };
layer.photos({
photos: json,
anim: 5
......@@ -2501,8 +2502,7 @@ var vue_wmcs = new Vue({
},
methods: {
showphotos: function (item) {
var playsrc={data: []};
debugger
var playsrc={data: []};
if(item){
array=item.split(",");
for(var j = 0; j <array.length ; j++ )
......@@ -2523,12 +2523,10 @@ var vue_wmcs = new Vue({
},
computed: {
},
mounted() {
debugger
mounted() {
that=this;
getByAjax("./rest/areaanddetailqueryWithname/21/local_wmcs",function(list){
debugger
that.arr_datawmcs=list;
that.arr_datawmcs=list;
});
}
});
......
......@@ -145,8 +145,8 @@
mounted() {
that=this;
getByAjax("../rest/queryphotos/"+str.id+"/11",result=>{
that.photo=result.filter(item=>item.module==1);
that.photohd=result.filter(item=>item.module==2);
that.photo=result.filter(item=> {if(item.alt.indexOf('.')>0){item.alt=item.alt.split('.')[0]; } return item.module==1});
that.photohd=result.filter(item=>{ if(item.alt.indexOf('.')>0){item.alt=item.alt.split('.')[0]; } return item.module==2; });
})
......
......@@ -121,9 +121,8 @@
},
methods: {
queryyyzz: function (index) {
let result = this.photos.filter(item => { return item.module == index });
var json = { title: "照片", data: result };
parent.parent.showpictures(json);
let result = this.photos.filter(item => { if(item.alt.indexOf('.')>0){ item.alt=item.alt.split('.')[0];} return item.module == index });
parent.showPictureWithoutHttp(result);
}
},
mounted() {
......
......@@ -112,16 +112,17 @@
},
methods:{
showphoto:function(){
console.log(this.item_cjr[0].photos);
let photos=this.item_cjr[0].photos.split(",");
let dataphoto=[];
if(this.item_cjr[0] && this.item_cjr[0].photos!=undefined && this.item_cjr[0].photos ){
let photos=this.item_cjr[0].photos.split(",");
for(let i=0;i<photos.length;i++){
dataphoto.push(
{src:photos[i]}
);
}
}
let pdata={data:dataphoto};
console.log(dataphoto);
layer.photos({
photos:pdata,
anim: 5
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment