Skip to content

X
XWSQ_20230718
Commit 2c469566 authored by 夏敏伟's avatar 夏敏伟
Browse files
Options

Merge branch 'master' of http://192.168.168.218/wangjinjing/xwsq_20230718

parents 018e5fe6 a8b2d3a3
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 985 additions and 222 deletions
.gitignore
View file @ 2c469566
...@@ -10,8 +10,6 @@ lerna-debug.log* ...@@ -10,8 +10,6 @@ lerna-debug.log*
node_modules node_modules
dist dist
dist-ssr dist-ssr
application.js
application.json
*.local *.local
......
application.js
View file @ 2c469566
...@@ -307,9 +307,12 @@ var serviceLayers_conf=[ ...@@ -307,9 +307,12 @@ var serviceLayers_conf=[
'text': '道路小区', 'text': '道路小区',
'layerID': 'dlxqLayer', 'layerID': 'dlxqLayer',
"status": false, "status": false,
"http": "area/1", // "http": "area/1",
"http": "area/18",
"icon": {"color":0.3,"img":"icon_area.png"}, "icon": {"color":0.3,"img":"icon_area.png"},
"event":"area" // "event":"area",
"event":"rightview",
"rightview":"wmcj",
}, { }, {
"index":5, "index":5,
'text': '河流', 'text': '河流',
...@@ -531,7 +534,7 @@ var serviceLayers_conf=[ ...@@ -531,7 +534,7 @@ var serviceLayers_conf=[
"event":"rightviewfy", "event":"rightviewfy",
"rightview":"fyry", "rightview":"fyry",
"typeid":"13", "typeid":"13",
"foreigntypeid":"14", "foreigntypeid":"14",
"width":"820px", "width":"820px",
"height":"800px" "height":"800px"
} }
...@@ -656,7 +659,6 @@ var modules_conf = [{ ...@@ -656,7 +659,6 @@ var modules_conf = [{
"layers": ["dlxqLayer"], "layers": ["dlxqLayer"],
"children":[], "children":[],
"leftView":{"view": "tree_wmcj","index":[4]}, "leftView":{"view": "tree_wmcj","index":[4]},
"rightView":"hjws"
}, },
{ {
"show": false, "show": false,
...@@ -863,7 +865,7 @@ var modules_conf = [{ ...@@ -863,7 +865,7 @@ var modules_conf = [{
"layers": ["wyLayer"], "layers": ["wyLayer"],
"color":"red", "color":"red",
"children":[], "children":[],
"leftView":{"view": "list","index":[8]}, "leftView":{"view": "tree_hswy","index":[8]},
"rightView":"" "rightView":""
},{ },{
"text": '志愿者服务站', "text": '志愿者服务站',
......
public/arcgisjsapi/library/3.23/3.23/dojo/dojo.js
View file @ 2c469566
...@@ -33,7 +33,7 @@ b]);var g=a.mid;if(2===a.injected)return E("error",c("multipleDefine",a)),a;f(a, ...@@ -33,7 +33,7 @@ b]);var g=a.mid;if(2===a.injected)return E("error",c("multipleDefine",a)),a;f(a,
function(){k.pageLoaded=1;try{"complete"!=x.readyState&&(x.readyState="complete")}catch(db){}ob()}),ua=x.getElementsByTagName("script");for(e=0;!U;)/^dojo/.test((V=ua[e++])&&V.type)||(U=V);k.injectUrl=function(a,b,d){d=d.node=x.createElement("script");var k=Oa(d,"load","onreadystatechange",function(a){a=a||window.event;var c=a.target||a.srcElement;if("load"===a.type||/complete|loaded/.test(c.readyState))k(),f(),b&&b()}),f=Oa(d,"error","onerror",function(b){k();f();E("error",c("scriptError",[a,b]))}); function(){k.pageLoaded=1;try{"complete"!=x.readyState&&(x.readyState="complete")}catch(db){}ob()}),ua=x.getElementsByTagName("script");for(e=0;!U;)/^dojo/.test((V=ua[e++])&&V.type)||(U=V);k.injectUrl=function(a,b,d){d=d.node=x.createElement("script");var k=Oa(d,"load","onreadystatechange",function(a){a=a||window.event;var c=a.target||a.srcElement;if("load"===a.type||/complete|loaded/.test(c.readyState))k(),f(),b&&b()}),f=Oa(d,"error","onerror",function(b){k();f();E("error",c("scriptError",[a,b]))});
d.type="text/javascript";d.charset="utf-8";d.src=a;U.parentNode.insertBefore(d,U);return d};k.log=function(){try{for(var a=0;a<arguments.length;a++)console.log(arguments[a])}catch(Pa){}};k.trace=n;var Ma=function(a,b,d){var f=arguments.length,g=["require","exports","module"],r=[0,a,b];1==f?r=[0,h(a)?g:[],a]:2==f&&m(a)?r=[a,h(b)?g:[],b]:3==f&&(r=[a,b,d]);k.trace("loader-define",r.slice(0,2));if((f=r[0]&&R(r[0]))&&!N[f.mid])oa(Na(f,r[1],r[2]));else if(!w("ie-event-behavior")||La)ya.push(r);else{f=f|| d.type="text/javascript";d.charset="utf-8";d.src=a;U.parentNode.insertBefore(d,U);return d};k.log=function(){try{for(var a=0;a<arguments.length;a++)console.log(arguments[a])}catch(Pa){}};k.trace=n;var Ma=function(a,b,d){var f=arguments.length,g=["require","exports","module"],r=[0,a,b];1==f?r=[0,h(a)?g:[],a]:2==f&&m(a)?r=[a,h(b)?g:[],b]:3==f&&(r=[a,b,d]);k.trace("loader-define",r.slice(0,2));if((f=r[0]&&R(r[0]))&&!N[f.mid])oa(Na(f,r[1],r[2]));else if(!w("ie-event-behavior")||La)ya.push(r);else{f=f||
qa;if(!f)for(a in N)if((g=I[a])&&g.node&&"interactive"===g.node.readyState){f=g;break}f?(X(f),oa(Na(f,r[1],r[2]))):E("error",c("ieDefineFailed",r[0]));ha()}};Ma.amd={vendor:"dojotoolkit.org"};f(f(k,l.loaderPatch),b.loaderPatch);P("error",function(a){try{if(console.error(a),a instanceof Error){for(var c in a)console.log(c+":",a[c]);console.log(".")}}catch(Da){}});f(k,{uid:u,cache:L,packs:T});if(v.define)E("error",c("defineAlreadyDefined",0));else{v.define=Ma;v.require=k;d(Ta,function(a){ga(a)});var bb= qa;if(!f)for(a in N)if((g=I[a])&&g.node&&"interactive"===g.node.readyState){f=g;break}f?(X(f),oa(Na(f,r[1],r[2]))):E("error",c("ieDefineFailed",r[0]));ha()}};Ma.amd={vendor:"dojotoolkit.org"};f(f(k,l.loaderPatch),b.loaderPatch);P("error",function(a){try{if(console.error(a),a instanceof Error){for(var c in a)console.log(c+":",a[c]);console.log(".")}}catch(Da){}});f(k,{uid:u,cache:L,packs:T});if(v.define)E("error",c("defineAlreadyDefined",0));else{v.define=Ma;v.require=k;d(Ta,function(a){ga(a)});var bb=
Q.deps||b.deps||l.deps,cb=Q.callback||b.callback||l.callback;k.boot=bb||cb?[bb||[],cb]:0}})(function(b){return b.dojoConfig||b.djConfig||b.require||{}},{async:0,baseUrl:"/arcgis_js_api/library/3.23/3.23/dojo",hasCache:{"config-selectorEngine":"acme","config-tlmSiblingOfDojo":1,"dojo-built":1,"dojo-has-api":1,"dojo-loader":1,"dojo-undef-api":0,dom:1,"extend-esri":1,"host-browser":1},packages:[{location:"../dijit",name:"dijit"},{location:"../dojox",name:"dojox"},{location:"../put-selector",main:"put", Q.deps||b.deps||l.deps,cb=Q.callback||b.callback||l.callback;k.boot=bb||cb?[bb||[],cb]:0}})(function(b){return b.dojoConfig||b.djConfig||b.require||{}},{async:0,baseUrl:"/arcgisjsapi/library/3.23/3.23/dojo",hasCache:{"config-selectorEngine":"acme","config-tlmSiblingOfDojo":1,"dojo-built":1,"dojo-has-api":1,"dojo-loader":1,"dojo-undef-api":0,dom:1,"extend-esri":1,"host-browser":1},packages:[{location:"../dijit",name:"dijit"},{location:"../dojox",name:"dojox"},{location:"../put-selector",main:"put",
name:"put-selector"},{location:"../xstyle",name:"xstyle"},{location:"../dgrid",main:"OnDemandGrid",name:"dgrid"},{location:"../dgrid1",main:"OnDemandGrid",name:"dgrid1"},{location:"../dstore",main:"Store",name:"dstore"},{location:"../moment",main:"moment.js",name:"moment"},{location:"../esri",name:"esri"},{location:".",name:"dojo"}]}); name:"put-selector"},{location:"../xstyle",name:"xstyle"},{location:"../dgrid",main:"OnDemandGrid",name:"dgrid"},{location:"../dgrid1",main:"OnDemandGrid",name:"dgrid1"},{location:"../dstore",main:"Store",name:"dstore"},{location:"../moment",main:"moment.js",name:"moment"},{location:"../esri",name:"esri"},{location:".",name:"dojo"}]});
require({cache:{"dojo/loadInit":function(){define(["./_base/loader"],function(b){return{dynamic:0,normalize:function(b){return b},load:b.loadInit}})},"dojo/_base/loader":function(){define("./kernel ../has require module ../json ./lang ./array".split(" "),function(b,l,e,p,n,g,q){var h=function(a){return a.replace(/\./g,"/")},m=/\/\/>>built/,a=[],d=[],f=function(b,k,f){a.push(f);q.forEach(b.split(","),function(a){a=J(a,k.module);d.push(a);O(a)});c()},c=function(){var c,b;for(b in H)if(c=H[b],void 0=== require({cache:{"dojo/loadInit":function(){define(["./_base/loader"],function(b){return{dynamic:0,normalize:function(b){return b},load:b.loadInit}})},"dojo/_base/loader":function(){define("./kernel ../has require module ../json ./lang ./array".split(" "),function(b,l,e,p,n,g,q){var h=function(a){return a.replace(/\./g,"/")},m=/\/\/>>built/,a=[],d=[],f=function(b,k,f){a.push(f);q.forEach(b.split(","),function(a){a=J(a,k.module);d.push(a);O(a)});c()},c=function(){var c,b;for(b in H)if(c=H[b],void 0===
c.noReqPluginCheck&&(c.noReqPluginCheck=/loadInit\!/.test(b)||/require\!/.test(b)?1:0),!c.executed&&!c.noReqPluginCheck&&c.injected==B)return;P(function(){var c=a;a=[];q.forEach(c,function(a){a(1)})})},r=function(a,c,d){var k=/\(|\)/g,f=1;for(k.lastIndex=c;(c=k.exec(a))&&(f=")"==c[0]?f-1:f+1,0!=f););if(0!=f)throw"unmatched paren around character "+k.lastIndex+" in: "+a;return[b.trim(a.substring(d,k.lastIndex))+";\n",k.lastIndex]},u=/(\/\*([\s\S]*?)\*\/|\/\/(.*)$)/mg,k=/(^|\s)dojo\.(loadInit|require|provide|requireLocalization|requireIf|requireAfterIf|platformRequire)\s*\(/mg, c.noReqPluginCheck&&(c.noReqPluginCheck=/loadInit\!/.test(b)||/require\!/.test(b)?1:0),!c.executed&&!c.noReqPluginCheck&&c.injected==B)return;P(function(){var c=a;a=[];q.forEach(c,function(a){a(1)})})},r=function(a,c,d){var k=/\(|\)/g,f=1;for(k.lastIndex=c;(c=k.exec(a))&&(f=")"==c[0]?f-1:f+1,0!=f););if(0!=f)throw"unmatched paren around character "+k.lastIndex+" in: "+a;return[b.trim(a.substring(d,k.lastIndex))+";\n",k.lastIndex]},u=/(\/\*([\s\S]*?)\*\/|\/\/(.*)$)/mg,k=/(^|\s)dojo\.(loadInit|require|provide|requireLocalization|requireIf|requireAfterIf|platformRequire)\s*\(/mg,
......
public/components/leftview/tree_hswy.vue 0 → 100644
View file @ 2c469566
<template>
<div>
<div
style="
height: 60px;
text-align: center;
font-size: 20px;
display: block;
font-weight: bold;
background-color: #0071a9;
color: #fff;
line-height: 60px;
"
>
<span class="lib_title">矛盾调处</span>
</div>
<div style="height: calc(100% - 60px); overflow-y: auto">
<div class="layui-collapse collaps" lay-filter="test3" lay-accordion="">
<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)" > {{ item.name }} </h2>
<div class="layui-colla-content" style="height: 217px; margin-left: 0px" v-bind:title="item.name" >
</div>
</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)">
{{ 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="locate(item2)" >
<div class="layui-colla-title" >
{{ item2.name }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script src="../../js/httpVueLoader.js"></script>
<script>
module.exports = {
data: function () {
return {
searchText: "",
tree_list: [
{
marktype: "48",
text1: "红引领-红机制",
name: "红引领-红机制",
color: "turquoise",
show: true,
layers: [],
children: [],
},
{
marktype: "49",
text1: "红队伍-红服务",
name: "红队伍-红服务",
color: "turquoise",
show: true,
layers: [],
children: [ ]
},
],
daylist: [
{
marktype: "7",
text1: "物业管理处",
name: "物业管理处",
color: "coral",
show: true,
layers: [],
children: []
},
],
};
},
props: ["dataxself"],
methods: {
locate: function (item) {
parent.vue_left.locate(item);
},
showright: function (item,n, dom) {
debugger
if(item.event=='showright'){
if(item.children.length>0){
parent.vue_left.showright(item);
debugger
if(item.children[0].name=='人民调解委员会'){
item.children[0].name='兴卫村社区人民调解委员会';
}
parent.vue_left.locate(item.children[0]);
}
}
if(item.event=='showmiddle'){
parent.vue_left.showright(item);
//展示中间表格数据
parent.vue_left.showmdtc(item);
}
},
showphotos: function (items) {
var playsrc={data: []};
debugger
for(var j = 0; j <items.length ; j++ )
{
playsrc.data.push({ src: items[j].src,alt:items[j].name});
}
layer.photos({
photos: playsrc,
anim: 5,
});
},
play: function (url) {
layui_open_option = {
type: 2,
title: '<span class="layer_span9">监控画面</span>',
area: ["977px", "678px"], //宽高
content:
"http://170.2.229.238:10800/play.html?channel=" +
url +
"&iframe=yes&aspect=640x360",
};
layerOpen(layui_open_option);
},
open2: function (item, n, dom) {
$("#layui").css("display", "none");
if (item.show) {
$(dom.srcElement).next().css("display", "block");
} else {
$(dom.srcElement).next().css("display", "none");
}
item.show = !item.show;
},
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;
},
},
computed: {
datax: {
set: function (value) {
//this.dataxself=value;
},
get: function () {
return this.dataxself;
},
},
data_filter: function () {
return this.datax;
},
},
mounted() {
that=this;
that.daylist.children=that.datax;
getByAjax("./business/queryAreaphotos/48,49",function(list){
for (var i = 0; i < that.tree_list.length; i++) {
let tempList = list.filter(items => {return items.typeid==that.tree_list[i].marktype});
console.log(tempList);
that.tree_list[i].children = tempList;
}
});
},
};
</script>
<style >
/* @import "../../js/layui/css/layui.css"; */
.layui-layer-phimg:hover .layui-layer-imgbar{
display:block !important;
}
.layui-layer-imgbar{
display:block !important;
}
.layui-layer-imgtit a{
font-size:20px;
}
.layui-layer-imgtit a{
max-width:100% !important;
}
</style>
\ No newline at end of file
public/components/leftview/tree_jwrh.vue
View file @ 2c469566
...@@ -8,12 +8,12 @@ ...@@ -8,12 +8,12 @@
<div style="height: calc(100% - 60px);overflow-y:auto"> <div style="height: calc(100% - 60px);overflow-y:auto">
<div class="layui-collapse collaps" lay-filter="test3" lay-accordion=""> <div class="layui-collapse collaps" lay-filter="test3" lay-accordion="">
<div class="layui-colla-item" v-for="(item, index) in tree_list"> <div class="layui-colla-item" v-for="(item, index) in tree_list">
<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="show(item, index)">
{{ item.name }} {{ item.name }}
<img v-show="item.icon" style="height: 20px; width: 20px; margin-top: 10px; float: right" <img v-show="item.icon" style="height: 20px; width: 20px; margin-top: 10px; float: right"
v-bind:src="item.icon" /> v-bind:src="item.icon" />
</h2> </h2>
<div class="layui-colla-content" style="height: 217px; margin-left: 0px" v-bind:title="item.name"> <!-- <div class="layui-colla-content" style="height: 217px; margin-left: 0px" v-bind:title="item.name">
<div style="width: 100%; height: 225px"> <div style="width: 100%; height: 225px">
<div class="TreeWrap"> <div class="TreeWrap">
<div style="cursor:pointer" v-for="(item2, index) in item.children"> <div style="cursor:pointer" v-for="(item2, index) in item.children">
...@@ -23,45 +23,24 @@ ...@@ -23,45 +23,24 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
<div class="layui-colla-item" v-for="(item, index) in daylist"> <div class="layui-colla-item" v-for="(item, index) in daylist">
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" <h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" @click="open2(item, index, $event)">
@click="open(item, index + 2, $event)"> {{ item.name }} </h2> {{ item.name }} </h2>
<div class="layui-colla-content" style="height: 217px; margin-left: 0px" v-bind:title="item.name"> <div class="layui-colla-content" style="height: 217px; margin-left: 0px" v-bind:title="item.name" >
<div style="width: 100%; height: 225px"> <div style="width: 100%; height: 225px">
<div class="layui-colla-item" v-for="(item2, index) in item.children"> <div class="layui-colla-item" v-for="(item2, index) in item.children" @click="showphotos2(item2.children)" >
<h2 class="layui-colla-title" <div class="layui-colla-title" >
@click=" item2.name == '社企联盟打卡地图' ? locationMap() : showphotos2(item2.data)">
{{ item2.name }} {{ item2.name }}
<img v-show="item.icon"
style="height: 20px; width: 20px; margin-top: 10px; float: right; "
v-bind:src="item2.icon" />
</h2>
</div>
</div>
</div>
</div>
<div class="layui-colla-item" v-for="(item, index) in ljtree_list">
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }"
@click="open(item, index + 3, $event)">
{{ item.name }}
<img v-show="item.icon" style="height: 20px; width: 20px; margin-top: 10px; float: right"
v-bind:src="item.icon" />
</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="TreeWrap">
<div style="cursor:pointer" v-for="(item2, index) in item.children">
<a @click="item.name == '红色网格' ? locate(item2) : showphotos(item2.src)"> {{ item2.name }}</a>
<img v-show="item2.monitor" src="/img/monitor.png" width="12px" height="12px"
@click="play(item2.monitor)">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -123,21 +102,21 @@ module.exports = { ...@@ -123,21 +102,21 @@ module.exports = {
layers: [], layers: [],
children: [ children: [
{ {
marktype: "41", marktype: "42",
text1: "2021年", text1: "2021年",
name: "2021年", name: "2021年",
show: true, show: true,
children: [] children: []
}, },
{ {
"marktype": "42", "marktype": "43",
"text1": '2022年', "text1": '2022年',
"name": '2022年', "name": '2022年',
"show": true, "show": true,
"children": [], "children": [],
}, },
{ {
"marktype": "43", "marktype": "44",
"text1": '2023年', "text1": '2023年',
"name": '2023年', "name": '2023年',
"show": true, "show": true,
...@@ -158,35 +137,17 @@ module.exports = { ...@@ -158,35 +137,17 @@ module.exports = {
setTimeout(() => { setTimeout(() => {
parent.vue_right.$refs.mychild.show(item); parent.vue_right.$refs.mychild.show(item);
}, 300); }, 300);
}, open: function (item, n, dom) { },
parent.vue_left.showright(item); show:function(item,index){
// if (item.name == '红色网格') { debugger
// parent.vue_left.showright(item);
// }else{ for(let i=0;i<3;i++){
// parent.vue_right.currentView =''; if(i==index){
// } parent.vue_top.setLayerStatusbyId(this.data_filter.data[i].layerID,true);}
else{ parent.vue_top.setLayerStatusbyId(this.data_filter.data[i].layerID,false);}
$(".layui-colla-content").css("display", "none");
if (item.show) {
$(dom.srcElement).next().css("display", "block");
} else {
$(dom.srcElement).next().css("display", "none");
}
console.log(n);
//其他逻辑
if (n == 0 && item.show) {
parent.vue_top.setLayerStatusbyId(this.data_filter.data[0].layerID, true);
parent.vue_top.setLayerStatusbyId(this.data_filter.data[1].layerID, true);
parent.vue_top.setLayerStatusbyId(this.data_filter.data[2].layerID, true);
parent.vue_top.setLayerStatusbyId(this.data_filter.data[3].layerID, true);
}
if (n > 0) {
parent.vue_top.setLayerStatusbyId(this.data_filter.data[3].layerID, !item.show);
parent.vue_top.setLayerStatusbyId(this.data_filter.data[2].layerID, true);
parent.vue_top.setLayerStatusbyId(this.data_filter.data[1].layerID, true);
parent.vue_top.setLayerStatusbyId(this.data_filter.data[0].layerID, true);
} }
item.show = !item.show;
}, },
showphotos: function (item) { showphotos: function (item) {
parent.vue_left.locate(item); parent.vue_left.locate(item);
...@@ -249,17 +210,13 @@ module.exports = { ...@@ -249,17 +210,13 @@ module.exports = {
} }
}, },
mounted() {//挂载的时候执行 mounted() {//挂载的时候执行
this.tree_list[1].children = this.data_filter.data[0].data; debugger
this.tree_list[0].children = this.data_filter.data[3].data; 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 = this;
that=this; that=this;
getByAjax("./business/queryAreaphotos/24,25,26,27,28,29,33",function(list){ getByAjax("./business/queryAreaphotos/41,42,43",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);
that.tree_list[0].children[i].children = tempList;
}
for (var i = 0; i < that.daylist[0].children.length; i++) { 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}); let tempList = list.filter(items => {return items.typeid==that.daylist[0].children[i].marktype});
console.log(tempList); console.log(tempList);
...@@ -382,4 +339,20 @@ module.exports = { ...@@ -382,4 +339,20 @@ module.exports = {
color: #427d23; color: #427d23;
} }
</style> </style>
<style >
/* @import "../../js/layui/css/layui.css"; */
.layui-layer-phimg:hover .layui-layer-imgbar{
display:block !important;
}
.layui-layer-imgbar{
display:block !important;
}
.layui-layer-imgtit a{
font-size:20px;
}
.layui-layer-imgtit a{
max-width:100% !important;
}
</style>
public/components/leftview/tree_ty.1.vue 0 → 100644
View file @ 2c469566
This diff is collapsed.
public/components/leftview/tree_ty.vue
View file @ 2c469566
...@@ -75,7 +75,10 @@ ...@@ -75,7 +75,10 @@
v-for="(item3, index1) in item2.children" v-for="(item3, index1) in item2.children"
style="cursor: pointer" style="cursor: pointer"
> >
<a @click="showphotos(item3) " > {{ item3.name }}</a> <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> -->
<img v-show="item3.monitor" src="/img/monitor.png" width="12px" height="12px" @click="play(item3.monitor)"> <img v-show="item3.monitor" src="/img/monitor.png" width="12px" height="12px" @click="play(item3.monitor)">
</div> </div>
</div> </div>
...@@ -84,8 +87,7 @@ ...@@ -84,8 +87,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -122,20 +124,7 @@ module.exports = { ...@@ -122,20 +124,7 @@ module.exports = {
icon: "img/icon/th.png", icon: "img/icon/th.png",
rightview: "", rightview: "",
}, },
{
marktype: "3",
text1: "双零数据",
name: "双零数据（零发生）",
color: "cornflowerblue",
show: true,
layers: [],
children: [],
icon: "",
event: "showright",
rightview: "doublezero",
width:"400",
height:"420"
},
], ],
daylist: [ daylist: [
{ {
...@@ -222,7 +211,7 @@ module.exports = { ...@@ -222,7 +211,7 @@ module.exports = {
if(arrayname.length>1){ if(arrayname.length>1){
name=arrayname[1]; name=arrayname[1];
}else{name=arrayname[0]; } }else{name=arrayname[0]; }
var array=item.split(","); var array=item.src.split(",");
for(var j = 0; j <array.length ; j++ ) for(var j = 0; j <array.length ; j++ )
{ {
playsrc.data.push({ src: array[j],alt: name }); playsrc.data.push({ src: array[j],alt: name });
...@@ -233,6 +222,11 @@ module.exports = { ...@@ -233,6 +222,11 @@ module.exports = {
}); });
} }
}, },
// getdata：function(item){
// var arrayname=item.name.split(",") ;
// return arrayname[0];
// },
play: function (url) { play: function (url) {
layui_open_option = { layui_open_option = {
...@@ -302,6 +296,12 @@ module.exports = { ...@@ -302,6 +296,12 @@ module.exports = {
data_filter: function () { data_filter: function () {
return this.datax; return this.datax;
}, },
getData:(item)=>{
debugger
var arrayname=item.name!=''?item.name.split(","):[''];
return arrayname[0];
}
}, },
mounted() { mounted() {
//挂载的时候执行 //挂载的时候执行
...@@ -358,4 +358,18 @@ module.exports = { ...@@ -358,4 +358,18 @@ module.exports = {
</script> </script>
<style > <style >
/* @import "../../js/layui/css/layui.css"; */ /* @import "../../js/layui/css/layui.css"; */
.layui-layer-phimg:hover .layui-layer-imgbar{
display:block !important;
}
.layui-layer-imgbar{
display:block !important;
}
.layui-layer-imgtit a{
font-size:20px;
}
.layui-layer-imgtit a{
max-width:100% !important;
}
</style> </style>
\ No newline at end of file
public/components/leftview/tree_wmcj.vue
View file @ 2c469566
...@@ -16,71 +16,27 @@ ...@@ -16,71 +16,27 @@
</div> </div>
<div style="height: calc(100% - 60px); overflow-y: auto"> <div style="height: calc(100% - 60px); overflow-y: auto">
<div class="layui-collapse collaps" lay-filter="test3" lay-accordion=""> <div class="layui-collapse collaps" lay-filter="test3" lay-accordion="">
<div class="layui-colla-item" v-for="(item, index) in tree_list"> <div class="layui-colla-item" v-for="(item, index) in tree_list">
<h2 <h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" >
class="layui-colla-title" {{ item.name }}
v-bind:style="{ backgroundColor: item.color }"
@click="open(item, index, $event)"
>
{{ item.name }}
<img
v-show="item.icon"
style="height: 20px; width: 20px; margin-top: 10px; float: right"
v-bind:src="item.icon"
/>
</h2> </h2>
<div <div class="layui-colla-content" style="height: 217px; margin-left: 0px" v-bind:title="item.name" >
class="layui-colla-content"
style="height: 217px; margin-left: 0px"
v-bind:title="item.name"
>
<div style="width: 100%; height: 225px"> <div style="width: 100%; height: 225px">
<div <div class="layui-colla-item" v-for="(item2, index) in item.children" >
class="layui-colla-item" <h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item2.color }" @click="item.name=='组织设置'?locate(item):showphotos(item, index)" >
v-for="(item2, index) in item.children"
>
<h2
class="layui-colla-title"
v-bind:style="{ backgroundColor: item2.color }"
@click="open2(item2, index, $event)"
>
{{ item2.name }} {{ item2.name }}
<img <img v-show="item.icon" style="height: 20px; width: 20px; margin-top: 10px; float: right;" v-bind:src="item2.icon" />
v-show="item.icon" </h2>
style="
height: 20px;
width: 20px;
margin-top: 10px;
float: right;
"
v-bind:src="item2.icon"
/>
</h2>
<div
class="layui-colla-content"
name="layui"
style="height: 217px; margin-left: 0px"
v-bind:title="item2.name"
>
<div style="width: 100%; height: 225px">
<div class="TreeWrap">
<div
v-for="(item3, index1) in item2.children"
style="cursor: pointer"
>
<a @click="showphotos(item3.src) " > {{ item3.name }}</a>
<img v-show="item3.monitor" src="/img/monitor.png" width="12px" height="12px" @click="play(item3.monitor)">
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -93,64 +49,82 @@ module.exports = { ...@@ -93,64 +49,82 @@ module.exports = {
searchText: "", searchText: "",
tree_list: [ tree_list: [
{ {
marktype: "18", "marktype": "",
text1: "领导机构", "text1": '新时代文明实践站',
name: "领导机构", "name": '新时代文明实践站',
color: "turquoise", "color": '#ADD8E6',
show: true, "show": true,
layers: [], "layers": [],
children: [], "children": [{
icon: "", "marktype": "18",
event: "showright", "text1": '组织设置',
rightview: "fivetype", "name": '组织设置',
width:"400", "color": '#ADD8E6',
height:"400" "show": true,
}, event: "showright",
"layers": [],
"data": []
}, {
"marktype": "19",
"text1": '五大平台',
"name": '五大平台',
"color": '#ADD8E6',
"show": true,
"layers": [],
"data": []
}, {
"marktype": "21",
"text1": '测评参考',
"name": '测评参考',
"color": '#ADD8E6',
"show": true,
event: "showmiddle",
"layers": [],
"data": []
}
]
}],
daylist: [
{ {
marktype: "19", marktype: "",
text1: "五大平台", text1: "文明城市创建活动",
name: "五大平台", name: "文明城市创建活动",
color: "teal", color: "coral",
show: true, show: true,
layers: [], layers: [],
children: [], children: [
icon: "", {
rightview: "", "marktype": "49",
"text1": '2021年',
"name": '2021年',
"show": true,
"children": [],
},
{
"marktype": "50",
"text1": '2022年',
"name": '2022年',
"show": true,
"children": [],
},
{
"marktype": "51",
"text1": '2023年',
"name": '2023年',
"show": true,
"children": [],
},
],
}, },
{ ],
marktype: "20",
text1: "静态指标",
name: "静态指标",
color: "cornflowerblue",
show: true,
layers: [],
children: [],
icon: "",
event: "showright",
rightview: "doublezero",
width:"400",
height:"420"
},
{
marktype: "21",
text1: "动态指标",
name: "动态指标",
color: "cornflowerblue",
show: true,
layers: [],
children: [],
icon: "",
event: "showright",
rightview: "doublezero",
width:"400",
height:"420"
},
],
}; };
}, },
props: ["dataxself"], props: ["dataxself"],
methods: { methods: {
locate: function (item) { locate: function (item) {
if(item.name=='组织设置'){
item.name='兴卫村社区新时代文明实践站';
}
parent.vue_left.locate(item); parent.vue_left.locate(item);
}, },
showright: function (item,n, dom) { showright: function (item,n, dom) {
...@@ -158,6 +132,12 @@ module.exports = { ...@@ -158,6 +132,12 @@ module.exports = {
this.open(item, n, dom); this.open(item, n, dom);
}, },
showphotos: function (item) { showphotos: function (item) {
if(item.event!=undefined){
//展示中间
parent.vue_left.showwmcs(item);
}else{
var playsrc={data: []}; var playsrc={data: []};
array=item.split(","); array=item.split(",");
for(var j = 0; j <array.length ; j++ ) for(var j = 0; j <array.length ; j++ )
...@@ -168,6 +148,7 @@ module.exports = { ...@@ -168,6 +148,7 @@ module.exports = {
photos: playsrc, photos: playsrc,
anim: 5, anim: 5,
}); });
}
}, },
play: function (url) { play: function (url) {
......
public/components/leftview/treezyz.vue
View file @ 2c469566
...@@ -21,6 +21,22 @@ ...@@ -21,6 +21,22 @@
</div> </div>
</div> </div>
</div> </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)">
{{ 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)" >
<div class="layui-colla-title" >
{{ item2.name }}
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -41,16 +57,37 @@ ...@@ -41,16 +57,37 @@
"children": [], "children": [],
"extenddata":"sd", "extenddata":"sd",
"icon":"img/icon/du.png", "icon":"img/icon/du.png",
}, }],
daylist:[
{ {
"marktype": "27", "marktype": "",
"text1": '三个志愿者服务队', "text1": '志愿者服务队',
"name": '三个志愿者服务队', "name": '志愿者服务队',
"show": true, "show": true,
"layers": [], "layers": [],
"children": [], "children": [
"extenddata":"mpwk", {
"icon":"img/icon/fang.png", marktype: "45",
text1: "兴潮青年大学生志愿服务队",
name: "兴潮青年大学生志愿服务队",
show: true,
children: [] ,
},
{
marktype: "46",
text1: "兴火党员志愿者服务队",
name: "兴火党员志愿者服务队",
show: true,
children: [] ,
},
{
marktype: "47",
text1: "银发生辉志愿者服务队",
name: "银发生辉志愿者服务队",
show: true,
children: [] ,
},
],
} }
] ]
...@@ -71,7 +108,19 @@ ...@@ -71,7 +108,19 @@
//其他逻辑 //其他逻辑
item.show=!item.show; item.show=!item.show;
} },
showphotos: function (items) {
var playsrc={data: []};
debugger
for(var j = 0; j <items.length ; j++ )
{
playsrc.data.push({ src: items[j].src,alt:items[j].name});
}
layer.photos({
photos: playsrc,
anim: 5,
});
},
}, },
computed:{ computed:{
datax:{ datax:{
...@@ -87,9 +136,15 @@ ...@@ -87,9 +136,15 @@
} }
}, },
mounted(){//挂载的时候执行 mounted(){//挂载的时候执行
console.log("zdry"+this.data_filter.data);
this.tree_list[0].children=this.data_filter.data[0].data; that=this;
this.tree_list[1].children=this.data_filter.data[1].data; getByAjax("./business/queryAreaphotos/45,46,47",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);
that.daylist[0].children[i].children = tempList;
}
});
} }
} }
......
public/components/rightview/aqsc.vue
View file @ 2c469566
...@@ -11,8 +11,8 @@ ...@@ -11,8 +11,8 @@
<thead> <thead>
<tr style="color:#fff;" class="tr_th"> <tr style="color:#fff;" class="tr_th">
<th>管理员</th> <th>管理员</th>
<th>道路保洁员</th> <th>安全员</th>
<th>小区保洁员</th> <th>消防特勤</th>
</tr> </tr>
</thead> </thead>
<tbody class="bg_tr"> <tbody class="bg_tr">
......
public/components/rightview/dwzx.vue
View file @ 2c469566
...@@ -94,6 +94,10 @@ ...@@ -94,6 +94,10 @@
{ {
this.datax.lxfs1=templxfs[1]; this.datax.lxfs1=templxfs[1];
} }
let reg=new RegExp('*(',‘g‘)
this.datax.foreach(item=>{ item=item.substring(indexOf("(")"+1,item.lastIndexOf(")")) ;
return '兴卫村社区居民'+item; })
} }
}, },
...@@ -102,6 +106,7 @@ ...@@ -102,6 +106,7 @@
}, },
mounted(){//挂载的时候执行 mounted(){//挂载的时候执行
console.log(this.dataxself); console.log(this.dataxself);
} }
} }
</script> </script>
......
public/components/rightview/gdgl.vue
View file @ 2c469566
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<tbody class="bg_tr"> <tbody class="bg_tr">
<tr v-for="(item,index) in datax"> <tr v-for="(item,index) in datax">
<td v-text="item.管理员"></td> <td v-text="item.管理员"></td>
<td v-text="item.工地名称"></td> <td ><div>item.工地名称</div></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
......
public/components/rightview/jmzx.vue
View file @ 2c469566
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</colgroup> </colgroup>
<thead> <thead>
<tr style="color:#fff;" class="tr_th"> <tr style="color:#fff;" class="tr_th">
<th>企业信息管理员</th> <th>管理员</th>
<th>企业</th> <th>企业</th>
<th>个体</th> <th>个体</th>
<th>总数</th> <th>总数</th>
......
public/components/rightview/spaq.vue
View file @ 2c469566
...@@ -9,13 +9,17 @@ ...@@ -9,13 +9,17 @@
</colgroup> </colgroup>
<thead> <thead>
<tr style="color:#fff;" class="tr_th"> <tr style="color:#fff;" class="tr_th">
<th>管理员</th>
<th>安全员</th> <th>安全员</th>
<th>协管员</th>
<th>餐饮店数量</th> <th>餐饮店数量</th>
</tr> </tr>
</thead> </thead>
<tbody class="bg_tr"> <tbody class="bg_tr">
<tr v-for="(item,index) in datax"> <tr v-for="(item,index) in datax">
<td v-text="item.管理员"></td>
<td v-text="item.安全员"></td> <td v-text="item.安全员"></td>
<td v-text="item.协管员"></td>
<td v-text="item.餐饮店数量"></td> <td v-text="item.餐饮店数量"></td>
</tr> </tr>
</tbody> </tbody>
......
public/components/rightview/wmcj.vue 0 → 100644
View file @ 2c469566
<template>
<div>
<h1 class="bt_h1">河道管理</h1>
<div class="table-a">
<img src='img/zjg.png'>
</div>
</div>
</template>
<script>
module.exports = {
data: function() {
return {
datax:[]
}
},
props:["title"],
methods:{
},
computed:{
},
mounted(){//挂载的时候执行
}
}
</script>
<style scoped>
.bt_h1{
text-align: center;
font-size: 20px;
color: white;
font-weight: 500;
margin-top: 8px;
}
.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>
public/components/rightview/zdry.vue
View file @ 2c469566
...@@ -10,9 +10,9 @@ ...@@ -10,9 +10,9 @@
</colgroup> </colgroup>
<thead> <thead>
<tr style="color:#fff;" class="tr_th"> <tr style="color:#fff;" class="tr_th">
<th>管理员</th> <th>社区管理员</th>
<th>道路保洁员</th> <th>综治干事</th>
<th>小区保洁员</th> <th>重点人员数</th>
</tr> </tr>
</thead> </thead>
<tbody class="bg_tr"> <tbody class="bg_tr">
...@@ -23,6 +23,27 @@ ...@@ -23,6 +23,27 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<table class="layui-table" style="background-color: #ece5e500;">
<colgroup>
<col width="140">
<col width="140">
<col>
</colgroup>
<thead>
<tr style="color:#fff;" class="tr_th">
<th>社区民警</th>
<th>辅警</th>
<th>协管员</th>
</tr>
</thead>
<tbody class="bg_tr">
<tr>
<td ><div>胡 清<br>王秀丽</div></td>
<td >1名</td>
<td>6名</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
</template> </template>
......
public/js_src/index_src.js
View file @ 2c469566
...@@ -348,6 +348,16 @@ var vue_left = new Vue({ ...@@ -348,6 +348,16 @@ var vue_left = new Vue({
}, },
showdt:function(){ showdt:function(){
},
showwmcs:function(){
var layui_open_option = {
title: '<span class="layer_span6">文明城市创建工作测评参考</span>',
content: $("#wmcs"),
area: ['1280px', '660px'], //宽高
type: 1
};
layerOpen(layui_open_option);
}, },
playPaths: function (item) { playPaths: function (item) {
...@@ -2459,6 +2469,34 @@ var vue_flgw = new Vue({ ...@@ -2459,6 +2469,34 @@ var vue_flgw = new Vue({
}); });
} }
}); });
var vue_wmcs = new Vue({
el: '#wmcs',
data: {
arr_datawmcs: [],
},
methods: {
showphotos: function (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,
});
},
},
computed: {
},
mounted() {
that=this;
getByAjax("./rest/areaanddetailquery/21/local_wmcs",function(list){
that.arr_datals=list;
});
}
});
//一键呼叫弹出层 //一键呼叫弹出层
function rightClickSpan() { function rightClickSpan() {
layerOpen({ layerOpen({
......
views/zy001.html
View file @ 2c469566
...@@ -613,6 +613,32 @@ ...@@ -613,6 +613,32 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 文明城市创建工作测评参考 -->
<div style="display: none;" id="wmcs">
<div class="hjmain-div" style="width: 100%;height:100%;position:absolute;overflow:hidden;">
<div class="hjlfet-div" style="height:100%;overflow: auto;border-right: 1px solid #0d7be2a3;">
<div style="width: 98%;margin-left:10px;">
<table class="layui-table">
<thead>
<tr class="hj-th">
<th>点位</th>
<th>主要参考指标</th>
<th>实地查看</th>
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in arr_datawmcs" class="hj-td">
<td v-text="item.dw"></td>
<td><div>{{item.zyzb}}</div></td>
<td><a style="cursor: pointer;text-decoration:underline;" @click="showphotos(item.src)">查看照片</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div> </div>
<!--左侧操作界面--> <!--左侧操作界面-->
<div class="left-nav" id="leftVue"> <div class="left-nav" id="leftVue">
......
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