Skip to content

X
XWSQ_20230718
Commit a8b2d3a3 authored by wangjinjing's avatar wangjinjing
Browse files
Options

模块按需修改未验证

parent 12515667
Expand all Show whitespace changes
Inline Side-by-side
Showing with 989 additions and 222 deletions
.gitignore 0 → 100644
View file @ a8b2d3a3
node_modules
node_modules/.bin/acorn.cmd
application.js
View file @ a8b2d3a3
......@@ -305,9 +305,12 @@ var serviceLayers_conf=[
'text': '道路小区',
'layerID': 'dlxqLayer',
"status": false,
"http": "area/1",
// "http": "area/1",
"http": "area/18",
"icon": {"color":0.3,"img":"icon_area.png"},
"event":"area"
// "event":"area",
"event":"rightview",
"rightview":"wmcj",
}, {
"index":5,
'text': '河流',
......@@ -654,7 +657,6 @@ var modules_conf = [{
"layers": ["dlxqLayer"],
"children":[],
"leftView":{"view": "tree_wmcj","index":[4]},
"rightView":"hjws"
},
{
"show": false,
......@@ -861,7 +863,7 @@ var modules_conf = [{
"layers": ["wyLayer"],
"color":"red",
"children":[],
"leftView":{"view": "list","index":[8]},
"leftView":{"view": "tree_hswy","index":[8]},
"rightView":""
},{
"text": '志愿者服务站',
......
application.json
View file @ a8b2d3a3
{
"oracle": {
"user": "XWSQ",
"password": "XWSQ",
"connectString": "170.2.229.213/helowin"
"password": "xwsq",
"connectString": "192.168.168.110/helowin"
},
"port":"4085",
"session_name":"xwsq.connect.sid",
......
public/arcgisjsapi/library/3.23/3.23/dojo/dojo.js
View file @ a8b2d3a3
......@@ -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]))});
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=
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"}]});
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,
......
public/components/leftview/tree_hswy.vue 0 → 100644
View file @ a8b2d3a3
<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 @ a8b2d3a3
......@@ -8,12 +8,12 @@
<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="open(item, index, $event)">
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" @click="show(item, index)">
{{ 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 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">
......@@ -23,45 +23,24 @@
</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 + 2, $event)"> {{ 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="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">
<div class="layui-colla-item" v-for="(item2, index) in item.children">
<h2 class="layui-colla-title"
@click=" item2.name == '社企联盟打卡地图' ? locationMap() : showphotos2(item2.data)">
<div class="layui-colla-item" v-for="(item2, index) in item.children" @click="showphotos2(item2.children)" >
<div class="layui-colla-title" >
{{ 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>
......@@ -123,21 +102,21 @@ module.exports = {
layers: [],
children: [
{
marktype: "41",
marktype: "42",
text1: "2021年",
name: "2021年",
show: true,
children: []
},
{
"marktype": "42",
"marktype": "43",
"text1": '2022年',
"name": '2022年',
"show": true,
"children": [],
},
{
"marktype": "43",
"marktype": "44",
"text1": '2023年',
"name": '2023年',
"show": true,
......@@ -158,35 +137,17 @@ module.exports = {
setTimeout(() => {
parent.vue_right.$refs.mychild.show(item);
}, 300);
}, open: function (item, n, dom) {
parent.vue_left.showright(item);
// if (item.name == '红色网格') {
// parent.vue_left.showright(item);
// }else{
// parent.vue_right.currentView ='';
// }
},
show:function(item,index){
debugger
for(let i=0;i<3;i++){
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) {
parent.vue_left.locate(item);
......@@ -249,17 +210,13 @@ module.exports = {
}
},
mounted() {//挂载的时候执行
this.tree_list[1].children = this.data_filter.data[0].data;
this.tree_list[0].children = this.data_filter.data[3].data;
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=this;
getByAjax("./business/queryAreaphotos/24,25,26,27,28,29,33",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;
}
getByAjax("./business/queryAreaphotos/41,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);
......@@ -382,4 +339,20 @@ module.exports = {
color: #427d23;
}
</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 @ a8b2d3a3
This diff is collapsed.
public/components/leftview/tree_ty.vue
View file @ a8b2d3a3
......@@ -75,7 +75,10 @@
v-for="(item3, index1) in item2.children"
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)">
</div>
</div>
......@@ -85,7 +88,6 @@
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -122,20 +124,7 @@ module.exports = {
icon: "img/icon/th.png",
rightview: "",
},
{
marktype: "3",
text1: "双零数据",
name: "双零数据（零发生）",
color: "cornflowerblue",
show: true,
layers: [],
children: [],
icon: "",
event: "showright",
rightview: "doublezero",
width:"400",
height:"420"
},
],
daylist: [
{
......@@ -222,7 +211,7 @@ module.exports = {
if(arrayname.length>1){
name=arrayname[1];
}else{name=arrayname[0]; }
var array=item.split(",");
var array=item.src.split(",");
for(var j = 0; j <array.length ; j++ )
{
playsrc.data.push({ src: array[j],alt: name });
......@@ -233,6 +222,11 @@ module.exports = {
});
}
},
// getdata：function(item){
// var arrayname=item.name.split(",") ;
// return arrayname[0];
// },
play: function (url) {
layui_open_option = {
......@@ -302,6 +296,12 @@ module.exports = {
data_filter: function () {
return this.datax;
},
getData:(item)=>{
debugger
var arrayname=item.name!=''?item.name.split(","):[''];
return arrayname[0];
}
},
mounted() {
//挂载的时候执行
......@@ -358,4 +358,18 @@ module.exports = {
</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_wmcj.vue
View file @ a8b2d3a3
......@@ -18,69 +18,25 @@
<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="open(item, index, $event)"
>
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item.color }" >
{{ 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 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"
>
<h2
class="layui-colla-title"
v-bind:style="{ backgroundColor: item2.color }"
@click="open2(item2, index, $event)"
>
<div class="layui-colla-item" v-for="(item2, index) in item.children" >
<h2 class="layui-colla-title" v-bind:style="{ backgroundColor: item2.color }" @click="item.name=='组织设置'?locate(item):showphotos(item, index)" >
{{ item2.name }}
<img
v-show="item.icon"
style="
height: 20px;
width: 20px;
margin-top: 10px;
float: right;
"
v-bind:src="item2.icon"
/>
<img v-show="item.icon" 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>
......@@ -93,57 +49,72 @@ module.exports = {
searchText: "",
tree_list: [
{
marktype: "18",
text1: "领导机构",
name: "领导机构",
color: "turquoise",
show: true,
layers: [],
children: [],
icon: "",
"marktype": "",
"text1": '新时代文明实践站',
"name": '新时代文明实践站',
"color": '#ADD8E6',
"show": true,
"layers": [],
"children": [{
"marktype": "18",
"text1": '组织设置',
"name": '组织设置',
"color": '#ADD8E6',
"show": true,
event: "showright",
rightview: "fivetype",
width:"400",
height:"400"
},
"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",
text1: "五大平台",
name: "五大平台",
color: "teal",
marktype: "",
text1: "文明城市创建活动",
name: "文明城市创建活动",
color: "coral",
show: true,
layers: [],
children: [],
icon: "",
rightview: "",
children: [
{
"marktype": "49",
"text1": '2021年',
"name": '2021年',
"show": true,
"children": [],
},
{
marktype: "20",
text1: "静态指标",
name: "静态指标",
color: "cornflowerblue",
show: true,
layers: [],
children: [],
icon: "",
event: "showright",
rightview: "doublezero",
width:"400",
height:"420"
"marktype": "50",
"text1": '2022年',
"name": '2022年',
"show": true,
"children": [],
},
{
marktype: "21",
text1: "动态指标",
name: "动态指标",
color: "cornflowerblue",
show: true,
layers: [],
children: [],
icon: "",
event: "showright",
rightview: "doublezero",
width:"400",
height:"420"
"marktype": "51",
"text1": '2023年',
"name": '2023年',
"show": true,
"children": [],
},
],
},
],
};
......@@ -151,6 +122,9 @@ module.exports = {
props: ["dataxself"],
methods: {
locate: function (item) {
if(item.name=='组织设置'){
item.name='兴卫村社区新时代文明实践站';
}
parent.vue_left.locate(item);
},
showright: function (item,n, dom) {
......@@ -158,6 +132,12 @@ module.exports = {
this.open(item, n, dom);
},
showphotos: function (item) {
if(item.event!=undefined){
//展示中间
parent.vue_left.showwmcs(item);
}else{
var playsrc={data: []};
debugger
array=item.split(",");
......@@ -169,6 +149,7 @@ module.exports = {
photos: playsrc,
anim: 5,
});
}
},
play: function (url) {
......
public/components/leftview/treezyz.vue
View file @ a8b2d3a3
......@@ -21,6 +21,22 @@
</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>
......@@ -41,16 +57,37 @@
"children": [],
"extenddata":"sd",
"icon":"img/icon/du.png",
},
}],
daylist:[
{
"marktype": "27",
"text1": '三个志愿者服务队',
"name": '三个志愿者服务队',
"marktype": "",
"text1": '志愿者服务队',
"name": '志愿者服务队',
"show": true,
"layers": [],
"children": [],
"extenddata":"mpwk",
"icon":"img/icon/fang.png",
"children": [
{
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 @@
//其他逻辑
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:{
datax:{
......@@ -87,9 +136,15 @@
}
},
mounted(){//挂载的时候执行
console.log("zdry"+this.data_filter.data);
this.tree_list[0].children=this.data_filter.data[0].data;
this.tree_list[1].children=this.data_filter.data[1].data;
that=this;
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 @ a8b2d3a3
......@@ -11,8 +11,8 @@
<thead>
<tr style="color:#fff;" class="tr_th">
<th>管理员</th>
<th>道路保洁员</th>
<th>小区保洁员</th>
<th>安全员</th>
<th>消防特勤</th>
</tr>
</thead>
<tbody class="bg_tr">
......
public/components/rightview/dwzx.vue
View file @ a8b2d3a3
......@@ -94,6 +94,10 @@
{
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 @@
},
mounted(){//挂载的时候执行
console.log(this.dataxself);
}
}
</script>
......
public/components/rightview/gdgl.vue
View file @ a8b2d3a3
......@@ -16,7 +16,7 @@
<tbody class="bg_tr">
<tr v-for="(item,index) in datax">
<td v-text="item.管理员"></td>
<td v-text="item.工地名称"></td>
<td ><div>item.工地名称</div></td>
</tr>
</tbody>
</table>
......
public/components/rightview/jmzx.vue
View file @ a8b2d3a3
......@@ -11,7 +11,7 @@
</colgroup>
<thead>
<tr style="color:#fff;" class="tr_th">
<th>企业信息管理员</th>
<th>管理员</th>
<th>企业</th>
<th>个体</th>
<th>总数</th>
......
public/components/rightview/spaq.vue
View file @ a8b2d3a3
......@@ -9,13 +9,17 @@
</colgroup>
<thead>
<tr style="color:#fff;" class="tr_th">
<th>管理员</th>
<th>安全员</th>
<th>协管员</th>
<th>餐饮店数量</th>
</tr>
</thead>
<tbody class="bg_tr">
<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>
</tr>
</tbody>
......
public/components/rightview/wmcj.vue 0 → 100644
View file @ a8b2d3a3
<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 @ a8b2d3a3
......@@ -10,9 +10,9 @@
</colgroup>
<thead>
<tr style="color:#fff;" class="tr_th">
<th>管理员</th>
<th>道路保洁员</th>
<th>小区保洁员</th>
<th>社区管理员</th>
<th>综治干事</th>
<th>重点人员数</th>
</tr>
</thead>
<tbody class="bg_tr">
......@@ -23,6 +23,27 @@
</tr>
</tbody>
</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>
</template>
......
public/js_src/index_src.js
View file @ a8b2d3a3
......@@ -349,6 +349,16 @@ var vue_left = new Vue({
},
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) {
......@@ -2455,6 +2465,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() {
layerOpen({
......
views/zy001.html
View file @ a8b2d3a3
......@@ -613,6 +613,32 @@
</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 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