Skip to content

F
founder_vue
Commit 7b181e85 by xue_wengang
Options

Merge branch 'dev_xzeq' of http://39.99.224.27:9022/changchao/founder_vue into dev_xzeq

parents df92c4d4 22537128
Showing with 1219 additions and 15 deletions
public/OpMap/config.js 0 → 100644
/*地图底图配置*/
OpMap.prototype.$baseMapConfig = [
// {type:'TileGrid',url:"http://26.3.12.43/arcgis/rest/services/nmsl/MapServer/tile/{z}/{y}/{x}",layerId:'OpVectorBaseMap',Visible:true,projection:'EPSG:4326',label:'矢量',resolutions:[
// 1.4078260157100582,
// 0.703913007855028,
// 0.35195650392751515,
// 0.17597825196375638,
// 0.08798912598187819,
// 0.043994562990939096,
// 0.021997281495469548,
// 0.010998640747734774,
// 0.005499320373868577,
// 0.0027496601869330985,
// 0.001374830093467739,
// 6.874150467326798E-4,
// 3.437075233663399E-4,
// 1.7185376168316996E-4,
// 8.592688084158498E-5,
// 4.296344042198222E-5,
// 2.148172021099111E-5,
// 1.0740860104305824E-5,
// 5.3704300533426425E-6,
// 2.685215025481591E-6,
// 1.341104507425E-6,
// 6.705522537124998E-7
// ],origin : [-180.0, 90.0]},
// 两个都是西藏的配置
// {type:'TileGrid',url:"http://89.0.23.142:81/DataServer?T=vec_c&x={x}&y={y}&l={z}",layerId:'OpVectorBaseMap',Visible:true,projection:'EPSG:4326',label:'矢量',
// resolutions:[],origin : [-400.0, 399.9999999999998]
// },
// {type:'TileGrid',url:"http://89.0.23.142:81/DataServer?T=cva_c&x={x}&y={y}&l={z}",layerId:'OpVectorBaseMap',Visible:true,projection:'EPSG:4326',label:'矢量',
// resolutions:[],origin : [-400.0, 399.9999999999998]
// },
// 海南的配置
{type:'tileImage',url:"/hainanMap/PGIS_S_RasterTileMap/Maps/sl_sw/EzMap?Service=getImage&Type=RGB&ZoomOffset=0&Col={x}&Row={y}&Zoom={z}&V=0.3&key=",layerId:'OpVectorBaseMap',Visible:true,projection:'EPSG:4326',label:'矢量',
resolutions:[
1.4062500000000002,
0.7031250000000001,
0.35156250000000006,
0.17578125000000003,
0.08789062500000001,
0.04394531250000001,
0.021972656250000003,
0.010986328125000002,
0.005493164062500001,
0.0027465820312500004,
0.0013732910156250002,
6.866455078125001E-4,
3.4332275390625005E-4,
1.7166137695312503E-4,
8.583068847656251E-5,
4.2915344238281264E-5,
2.14576721191406E-5,
1.07288360595703E-5,
5.36441802978516E-6,
2.68220901485E-6,
1.341104507425E-6,
6.705522537124998E-7
],origin : [-180.0, 90]
},
]
OpMap.prototype.$MapPz = {
// center:[91.277343,29.698397], //西藏的中心点
center:[110.193956,19.949089], //海南的中心点
zoom:12,
minZoom:5,
maxZoom:20,
resolutions:[
1.4062500000000002,
0.7031250000000001,
0.35156250000000006,
0.17578125000000003,
0.08789062500000001,
0.04394531250000001,
0.021972656250000003,
0.010986328125000002,
0.005493164062500001,
0.0027465820312500004,
0.0013732910156250002,
6.866455078125001E-4,
3.4332275390625005E-4,
1.7166137695312503E-4,
8.583068847656251E-5,
4.2915344238281264E-5,
2.14576721191406E-5,
1.07288360595703E-5,
5.36441802978516E-6,
2.68220901485E-6,
1.341104507425E-6,
6.705522537124998E-7
]
}
OpMap.prototype.$ZoomToMapScale = {
5:9244667.36,
6:4622333.68,
7:2311166.84,
8:1155583.42,
9:577791.71,
10:288895.85,
11:144447.93,
12:72223.96,
13:36111.98,
14:18055.99,
15:9028,
16:4514,
17:2257
}
public/OpMap/config_internet.js 0 → 100644
/*地图底图配置*/
OpMap.prototype.$baseMapConfig = [
{
type: 'TileGrid', requestType: "POST", url: 'http://47.92.225.109:6080/arcgis/rest/services/founder/dg20191120/MapServer/tile/{z}/{y}/{x}', layerId: 'OpVectorBaseMap', Visible: true, projection: 'EPSG:4326', label: '矢量', resolutions: [
0.7039144156731805,
0.35195720784848755,
0.17597860391234646,
0.08798930195617323,
0.04399465098998392,
0.02199732549499196,
0.01099866274749598,
0.00549933137374799,
0.002749665686873995,
0.0013748328434369974,
6.874164098211937E-4,
3.437082168079019E-4,
1.7185409650664595E-4,
8.592704825332297E-5,
4.296352412666149E-5,
2.148177396063577E-5,
1.0740886980317885E-5,
5.370443490158943E-6
], origin: [-400.0, 399.9999999999998]
},
{
type: 'TileGrid', requestType: "POST", url: 'http://68.174.69.45:6080/arcgis/rest/services/founder/dgimage/MapServer/tile/{z}/{y}/{x}', layerId: 'OpImgBaseMap', Visible: false, projection: 'EPSG:4326', label: '影像', resolutions: [
0.7039144156731805,
0.35195720784848755,
0.17597860391234646,
0.08798930195617323,
0.04399465098998392,
0.02199732549499196,
0.01099866274749598,
0.00549933137374799,
0.002749665686873995,
0.0013748328434369974,
6.874164098211937E-4,
3.437082168079019E-4,
1.7185409650664595E-4,
8.592704825332297E-5,
4.296352412666149E-5,
2.148177396063577E-5,
1.0740886980317885E-5,
5.370443490158943E-6
], origin: [-180.0, 90.0]
},
]
OpMap.prototype.$MapPz = {
center: [113.74597550136968, 23.023338310886174],
zoom: 13,
minZoom: 5,
maxZoom: 20,
resolutions: [
1.4062500000000002,
0.7031250000000001,
0.35156250000000006,
0.17578125000000003,
0.08789062500000001,
0.04394531250000001,
0.021972656250000003,
0.010986328125000002,
0.005493164062500001,
0.0027465820312500004,
0.0013732910156250002,
6.866455078125001E-4,
3.4332275390625005E-4,
1.7166137695312503E-4,
8.583068847656251E-5,
4.2915344238281264E-5,
2.14576721191406E-5,
1.07288360595703E-5,
5.36441802978516E-6,
2.68220901485E-6,
1.341104507425E-6,
6.705522537124998E-7
]
}
OpMap.prototype.$ZoomToMapScale = {
5: 9244667.36,
6: 4622333.68,
7: 2311166.84,
8: 1155583.42,
9: 577791.71,
10: 288895.85,
11: 144447.93,
12: 72223.96,
13: 36111.98,
14: 18055.99,
15: 9028,
16: 4514,
17: 2257
}
public/OpMap/ol.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
public/jquery-3.3.1.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/api/shse/shse.js
......@@ -92,9 +92,9 @@ export const getThgaByThbh = params =>
export const getThxyrByThbh = params =>
post(`${base.alyIP}/getThxyrByThbh`, params);
export const getXyrListPage = params =>
post(`${base.alyIP}/xshb/getXyrListPage`, params);
post(`${base.alyIP}/xshb/getXyrListPage`, params);
export const getCchshzztjb = params =>
postform(`${base.alyIP}/fzth/getCchshzztjb`, params);
......@@ -104,13 +104,27 @@ export const getLaShseList = params =>
post(`${base.alyIP}/fzth/getLaShseList`, params);
export const getZbfzxyrShseList = params =>
export const getZbfzxyrShseList = params =>
post(`${base.alyIP}/fzth/getZbfzxyrShseList`, params);
//人员关注
export const updateZdgzry = params =>
post(`${base.alyIP}/fzth/updateZdgzry`, params);
//重点场所 新增
export const addZdcs = params =>
postform(`${base.alyIP}/zdcs/addZdcs`, params);
//重点场所 修改
export const updateZdcs = params =>
postform(`${base.alyIP}/zdcs/updateZdcs`, params);
//重点场所 详情
export const getZdcsById = params =>
post(`${base.alyIP}/zdcs/getZdcsById`, params);
//重点场所 删除
export const delZdcsById = params =>
post(`${base.alyIP}/zdcs/delZdcsById`, params);
\ No newline at end of file
src/components/form.vue
......@@ -55,6 +55,15 @@
:class="item.input"
>
</el-input>
<el-input
:placeholder="item.placeholder"
v-model="formLabelAlign[item.id]"
@focus="showJyDialog(item.id)"
v-if="item.type == 'textJWD'"
:disabled="item.disabled"
:class="item.input"
>
</el-input>
<div
v-if="item.type == 'textXzjsr'"
style="display: flex; align-items: center"
......@@ -1138,6 +1147,9 @@ export default {
}
},
methods: {
showJyDialog(id) {
this.$emit('showJyDialog',id)
},
getBase64(file) {
return new Promise((resolve, reject) => {
let reader = new FileReader();
......@@ -2907,7 +2919,7 @@ $-header-fontSize: 18px;
}
}
</style>
<style scoped>
<style scoped lang='scss'>
.el-upload-action {
position: absolute;
top: 0;
......
src/components/ptCxForm_components.vue
......@@ -740,6 +740,7 @@
pageBs != 'queryZtryJkm' &&
pageBs != 'queryRyypNew' &&
pageBs != 'transactionFlow' &&
pageBs != 'queryZdcs' &&
pageBs != 'queryBsh'
"
>
......@@ -1109,6 +1110,7 @@
columnTitle.prop == 'jyaq' ||
columnTitle.prop == 'czxxParam' ||
columnTitle.prop == 'bgnrms' ||
columnTitle.prop == 'description' ||
columnTitle.prop == 'menuString'
"
>
......@@ -2061,6 +2063,7 @@
pageBs == 'ajypfx' ||
pageBs == 'queryRyypNew' ||
pageBs == 'queryZtryJkm' ||
pageBs == 'queryZdcs' ||
pageBs == 'transactionFlow'
)
"
......@@ -2289,6 +2292,7 @@
pageBs != 'queryAjcc' &&
pageBs != 'queryRyypNew' &&
pageBs != 'queryJqcc' &&
pageBs != 'queryZdcs' &&
pageBs != 'queryZjcl'
"
>删除</span
......
src/router/modules/shse.js
......@@ -40,7 +40,14 @@ const menuLayouts = [
},
component: () => import("@/views/shse/shseTh/queryShseTh.vue")
},
{
path: "/queryZdcs",
name: "queryZdcs",
meta: {
title: '重点场所信息管理'
},
component: () => import("@/views/shse/zdcs/queryZdcs.vue")
},
];
export default [{
......@@ -78,6 +85,22 @@ export default [{
meta: {
title: '团伙关系'
},
component: () => import("@/views/shse/shseTh/addShseth.vue")
component: () => import("@/views/shse/shseTh/addShseth.vue")
},
{
path: "/addZdcs",
name: "addZdcs",
meta: {
title: '重点场所信息管理'
},
component: () => import("@/views/shse/zdcs/addZdcs.vue")
},
{
path: "/detailsZdcs",
name: "detailsZdcs",
meta: {
title: '重点场所信息管理详情'
},
component: () => import("@/views/shse/zdcs/detailsZdcs.vue")
},
];
\ No newline at end of file
src/views/brainPhoto/brainAsjzc.vue
......@@ -478,6 +478,14 @@ export default {
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "queryZdcs",
label: "重点场所信息管理",
newAuth: "M0106",
index: "queryZdcs",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
],
},
{
......
src/views/shse/shseaj/queryShseaj.vue
......@@ -144,8 +144,6 @@ export default {
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
// this.$store.commit("user/SET_LeftMenu", this.leftMenus);
// this.$store.commit("user/SET_Header", this.header);
},
methods: {
toInfor(scope, columnTitle) {
......@@ -162,7 +160,6 @@ export default {
getAjlb() {
var self = this;
self.cxUrl = "/shseaj/selectAjxx";
// this.$refs.rightContent.doQuery("yes");
},
getWdgzlb() {
......
src/views/shse/zdcs/addZdcs.vue 0 → 100644
<template>
<div>
<form-compontent
:formField="propFormField"
:formLabelAligns="formLabelAlign"
@submit="submit"
:propTitle="title"
:pageBs="pageBs"
@showJyDialog="showJyDialog"
>
</form-compontent>
<!--地图-->
<dd-map
v-show="isShowMap"
@parentAndChilenEvent="parentAndChilenEvent"
@closeMap="closeMap"
:isShowMap="isShowMap"
:jd="formLabelAlign.x + ''"
:wd="formLabelAlign.y + ''"
></dd-map>
</div>
</template>
<script>
import formCompontent from "@c/form.vue";
import ddMap from "./index.vue";
import { addZdcs, getZdcsById, updateZdcs } from "@/api/shse/shse.js";
export default {
name: "addGzzkyxs",
components: {
formCompontent,
ddMap,
},
data() {
return {
title: "新增犯罪团伙信息",
pageBs: "addZdcs",
isShowMap: false,
propFormField: [
//基本信息
{
title: "",
id: 1,
objStr: "",
index: 0,
data: [
{
name: "场所名称:",
id: "name",
type: "text",
value: "",
placeholder: "请输入",
prop: "checkEmpty",
col: "2",
},
{
name: "场所地点:",
id: "address",
type: "text",
value: "",
placeholder: "请输入",
prop: "checkEmpty",
col: "2",
},
{
name: "经度:",
id: "x",
type: "textJWD",
value: "",
placeholder: "请选择经度",
// prop: "checkEmpty",
col: "2",
},
{
name: "纬度:",
id: "y",
type: "textJWD",
value: "",
placeholder: "请选择纬度",
// prop: "checkEmpty",
col: "2",
},
{
name: "场所描述",
id: "description",
type: "textarea",
value: "",
placeholder: "请输入",
col: "18",
},
],
},
],
formLabelAlign: {},
glxxXxzjbh: "",
xxzjbh: "",
};
},
methods: {
closeMap() {
this.isShowMap = false;
},
parentAndChilenEvent(data1, data2) {
this.isShowMap = false;
this.formLabelAlign.x = data1;
this.formLabelAlign.y = data2;
},
showJyDialog(id) {
if (id == "x" || id == "y") {
// debugger;
this.isShowMap = true;
}
},
submit(params) {
let loading = this.$loading({
lock: true,
text: "正在保存...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
if (!this.xxzjbh) {
this.addSubmit(params, loading);
} else {
this.editSubmit(params, loading);
}
},
addSubmit(params, loading) {
addZdcs(params).then((res) => {
if (res.success && res.code == 200) {
this.$alert("保存成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
loading.close();
window.opener.location.reload();
window.close();
},
});
} else {
console.log(res);
loading.close();
this.$message.error("添加失败，请检查数据格式是否正确");
}
});
},
editSubmit(params, loading) {
params.append("xxzjbh", this.xxzjbh);
updateZdcs(params).then((res) => {
if (res.success && res.code == 200) {
this.$alert("修改成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
loading.close();
window.close();
window.opener.location.reload();
},
});
} else {
loading.close();
this.$message.error("修改失败，请检查数据格式是否正确");
}
});
},
getshuju() {
var self = this;
let loading = this.$loading({
lock: true,
text: "正在保存...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
getZdcsById({
xxzjbh: this.xxzjbh,
}).then((res) => {
var result = res.data.zdcs;
self.propFormField.forEach((fieldItem) => {
if (fieldItem.data && fieldItem.data.length > 0) {
fieldItem.data.forEach((i) => {
this.$set(this.formLabelAlign, i.id, result[i.id]);
});
}
this.$forceUpdate();
});
self.$set(self.formLabelAlign, "editing", true);
self.$forceUpdate();
setTimeout(() => {
loading.close();
}, 500);
});
},
},
created() {
this.xxzjbh = this.$route.query.xxzjbh;
if (this.xxzjbh) {
this.getshuju();
}
},
mounted() {},
};
</script>
<style scoped lang="scss">
.wzNr {
display: inline-block;
line-height: 20px;
// width: 20px;
text-align: center;
background: #fd9800;
color: #fff;
font-size: 14px;
border-radius: 20px;
position: relative;
top: -9px;
left: -8px;
.wzTz {
padding: 10px;
}
}
.zkSq {
float: right;
font-weight: 200;
font-size: 16px;
cursor: pointer;
}
</style>
\ No newline at end of file
src/views/shse/zdcs/detailsZdcs.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2021-08-31 09:52:33
* @LastEditTime: 2021-10-13 10:30:23
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\hnksh\ceshi.vue
-->
<template>
<div class="Content" id="hmxsDetail">
<right-content
:cxQueryField="cxQueryField"
:pageObject="pageObject"
labelWidth="140px"
title="线索信息详情"
>
</right-content>
</div>
</template>
<script>
import rightContent from "@c/PersonInfor.vue";
import { getZdcsById } from "@/api/shse/shse.js";
export default {
name: "queryAj",
components: {
rightContent,
},
data() {
return {
cxQueryField: [
{
title: "线索信息", //如果不分小模块就删除title
id: 1,
objStr: "zdcs", //对象中的对应字段
data: [
{
label: "场所名称:",
prop: "name",
col: "3",
},
{
label: "场所地点:",
prop: "address",
col: "3",
},
{
label: "经度:",
prop: "x",
col: "3",
},
{
label: "纬度:",
prop: "y",
col: "3",
},
{
label: "场所描述:",
prop: "description",
col: "4",
},
{
label: "录入人:",
prop: "xxdjryXm",
col: "3",
},
{
label: "录入单位:",
prop: "xxdjdwGajgmc",
col: "3",
},
{
label: "登记时间:",
prop: "djsj",
col: "3",
},
],
},
],
pageObject: {},
xxzjbh: "",
};
},
mounted() {},
methods: {
getInfor() {
let loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let _this = this;
getZdcsById({
xxzjbh: _this.xxzjbh,
}).then((res) => {
loading.close();
var result = res.data;
this.pageObject = result;
});
},
},
created() {
this.xxzjbh = this.$route.query.shsexsbh;
this.getInfor();
},
};
</script>
<style scoped lang="scss">
/deep/.col4 {
display: flex;
padding: 5px 0;
span.label {
font-size: 15px;
color: #363636;
font-weight: bold;
width: 150px !important;
}
}
</style>
src/views/shse/zdcs/index.vue 0 → 100644
<template>
<div>
<el-dialog
title="选择经纬度"
:visible.sync="jwdDialog"
width="850px"
class="jyDialog"
:close-on-click-modal="false"
center
:show-close="false"
>
<div id="map" style="width: 821px; height: 352px"></div>
<div
v-show="
jingdu != '' || jingdu != 'null' || weidu != '' || weidu != 'null'
"
>
当前经度：{{ jingdu }}，纬度{{ weidu }}
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="closeDialog">取 消</el-button>
<el-button type="primary" @click="saveMapDd">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
/*config为内网配置，config_internet为外网配置*/
import poi from "@/assets/img/img_poi.png";
export default {
head: {
script: [
{
src: "/jquery-3.3.1.js",
},
{
src: "/OpMap/ol.js",
},
{
src: "/OpMap/OpMap.js",
},
/*{
src: '/OpMap/config_internet.js'
},*/
{
src: "/OpMap/config.js",
},
],
link: [
{
rel: "stylesheet",
href: "/OpMap/ol.css",
},
],
},
name: "index",
components: {
},
props: {
isShowMap: Boolean,
jd: String,
wd: String,
},
data() {
return {
treeOnly: true,
xzqhItem: { xzqhCodeOptions: [], xzqh: "", id: "xzqh" },
jwdDialog: this.isShowMap,
jingdu: "",
weidu: "",
emitJd: this.jd == null ? "" : this.jd,
emitWd: this.wd == null ? "" : this.wd,
initNum: 0,
nodeData: {},
};
},
methods: {
closeDialog() {
this.jwdDialog = false;
this.$emit("closeMap");
},
saveMapDd() {
if (this.jingdu != "") {
this.$emit("parentAndChilenEvent", this.jingdu, this.weidu);
}
this.jwdDialog = false;
},
initMap() {
let self = this;
let parms = {
id: "map", //地图id
PositionUi: "right-top", //(left-top,left-bottom,right-top,right-bottom)
ShowDisplay: false, //是否显示切换按钮，可以自己写样式控制图层切换
};
let map = new OpMap().$InitMAP(parms);
let parmL, parmLL;
/*创建要渲染的图层*/
parmL = {
layerId: "PointD", //必填
borderColor: "#12233", //边框颜色
strokeWidth: 2, //边框宽度
fillColor: "#222233", //填充颜色
img: { src: poi, scale: 1 }, //图片和图片大小
};
new OpMap().$setLayer(parmL);
if (
self.emitJd != "" &&
self.emitJd != "null" &&
self.emitJd != null &&
self.emitWd != "" &&
self.emitWd != "null" &&
self.emitWd != null
) {
var parmCenter = {
center: [self.emitJd, self.emitWd], //中心点
};
new OpMap().$Center(parmCenter);
/*创建要渲染的图层*/
parmLL = {
layerId: "PointD", //必填
type: "Point", //类型(Point、Circle、Polygon、LineString)//必要
data: [{ geometry: [self.emitJd, self.emitWd] }], //点类型和圆[x,y]、线类型[[x,y],[x,y]]、面类型[[[x,y],[x,y],[x,y]]]attributions:{}}]
borderColor: "#12233", //边框颜色
strokeWidth: 2, //边框宽度
fillColor: "#222233", //填充颜色
img: { src: poi, scale: 1 }, //图片和图片大小
};
new OpMap().$RenderLayer(parmLL);
}
/*地图点击事件、可对点击的地图元素进行查询（手动渲染的数据，不是底图数据）*/
new OpMap().$setDraw({
zIndex: 0,
layerId: "Retrieval", //必要
type: "Point", //类型(Point、Circle、Polygon、LineString) //必要
borderColor: "rgba(255,0,0,0.6)",
fillColor: "rgba(255,0,0,0.2)",
strokeWidth: 2,
img: { src: poi, scale: 1 },
});
var dragBox = new OpMap().$getInteractions({ layerId: "Retrieval" });
map.addInteraction(dragBox);
dragBox.on("drawend", function (e) {
self.jingdu = e.feature.getGeometry().flatCoordinates[0].toFixed(6);
self.weidu = e.feature.getGeometry().flatCoordinates[1].toFixed(6);
});
dragBox.on("drawstart", function (e) {
/* new OpMap().$getLayer({layerId:'PointD'}).getSource().forEachFeature(function (e) {
/!*e是feature要素 下面是直接删除*!/
new OpMap().$getLayer({layerId:'PointD'}).getSource().removeFeature(e)
})*/
new OpMap().$getLayer({ layerId: "Retrieval" }).getSource().clear();
});
/*map.on('click', function (e) {
/!*self.$emit("parentAndChilenEvent",[e.coordinate]);*!/
self.jingdu=e.coordinate[0];
self.weidu=e.coordinate[1];
})*/
},
emitXzqhValue(node) {
debugger;
this.nodeData = node;
},
// handleClick(data){
// var self=this;
// var url=AllUrl.arcgisUrl+"/arcgis/rest/services/nmsl/MapServer/0/query"
// this.getDataXiaQu({url:url,data:data});
// },
/*获取辖区名称*/
getDataXiaQu(item) {
var self = this;
var data = null;
var zurl =
item.url +
"?where=ADCODE='" +
item.data.id +
"'&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&returnTrueCurves=false&maxAllowableOffset=&geometryPrecision=&outSR=&having=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&historicMoment=&returnDistinctValues=false&resultOffset=&resultRecordCount=&queryByDistance=&returnExtentOnly=false&datumTransformation=&parameterValues=&rangeValues=&quantizationParameters=&f=pjson";
$.ajax({
type: "get",
contentType: "application/json;charset=UTF-8",
dataType: "jsonp",
url: zurl,
async: false,
xhrFields: { withCredentials: true },
success: function (myJson) {
if (myJson.features.length > 0) {
data = myJson;
self.xunHuanData(data, item.data);
} else {
self.$message({
type: "warning",
message: "该区域暂无矢量数据!",
});
}
},
error(err) {
console.log(err);
},
});
},
xunHuanData(data, item) {
var self = this;
var dataGeo = [];
for (var i = 0; i < data.features.length; i++) {
data.features[i].attributes.code = item.id;
dataGeo.push({
geometry: data.features[i].geometry.rings, //点类型和圆[x,y]、线类型[[x,y],[x,y]]、面类型[[[x,y],[x,y],[x,y]]]
attributions: data.features[i].attributes,
});
}
var strokeWidth = 2;
var fillColor = "rgba(255,19,24,0.05)";
var parm = {
layerId: "PointD", //必要
type: "Polygon", //类型(Point、Circle、Polygon、LineString) //必要
data: dataGeo, //必要
text: "",
radius: "", //米
zIndex: 0,
borderColor: "#e757ff",
fillColor: fillColor,
strokeWidth: strokeWidth,
img: { src: poi, scale: 1 },
};
var feature = new OpMap().$RenderLayer(parm);
var parmCenter = {
center: [
data.features[0].attributes.centerX,
data.features[0].attributes.centerY,
], //中心点
};
new OpMap().$Center(parmCenter);
},
},
computed: {
},
watch: {
newValue(val, oldVal) {
let self = this;
debugger
self.$Map.getView().setZoom(10)
// if (val != oldVal) {
// //当前值与上一次得值若相等，地图框选则不变
// if (new OpMap().$getLayer({ layerId: "PointD" }) != undefined) {
// new OpMap()
// .$getLayer({ layerId: "PointD" })
// .getSource()
// .forEachFeature(function (e) {
// new OpMap()
// .$getLayer({ layerId: "PointD" })
// .getSource()
// .removeFeature(e);
// });
// }
// if (val != "") {
// // self.handleClick(self.nodeData);
// self
// .getJwd(JSON.stringify({ code: self.nodeData.id }))
// .then((res) => {
// var parmCenter = {
// center: [res.data.rows.jd, res.data.rows.wd], //中心点
// };
// new OpMap().$Center(parmCenter);
// new OpMap().getView().setZoom(10);
// });
// }
// }
},
isShowMap(val) {
let self = this;
this.jwdDialog = val;
if (val == true && self.initNum == 0) {
self.$nextTick(() => {
self.initMap();
self.initNum++;
});
}
},
jd(val) {
this.emitJd = val;
if (val != "" && val != null) {
this.jingdu = val;
}
},
wd(val) {
this.emitWd = val;
if (val != "" && val != null) {
this.weidu = val;
}
},
},
mounted() {
},
};
</script>
<style scoped>
</style>
src/views/shse/zdcs/queryZdcs.vue 0 → 100644
<template>
<div class="Content">
<right-content
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl"
@toInfor="toInfor"
ref="rightContent"
>
<template #listOperation="scope">
<span class="hbyps" @click="add(scope.scope)">
<i class="el-icon-plus"></i>新增</span
>
</template>
<template #btnGroup="scope">
<span class="hbyp" @click="toXg(scope.scope)">修改</span>
<span class="hbyp" @click="toDelete(scope.scope)">删除</span>
<span class="hbyp" @click="toZbaj(scope.scope)">周边案件</span>
</template>
</right-content>
</div>
</template>
<script>
import rightContent from "@c/ptCxForm_components.vue";
import { delZdcsById } from "@/api/shse/shse.js";
export default {
name: "queryHbyp",
components: {
rightContent,
},
data() {
return {
header: "涉黑涉恶案件侦查",
pageBs: "queryZdcs",
cxFormData: {
limit: 10,
page: 1,
name: "",
address: "",
xxdjryXm: "",
xxdjdwGajgjgdm: "",
djsjStart: "",
djsjEnd: "",
},
cxQueryField: [
{
name: "场所名称",
id: "name",
type: "text",
value: "",
placeholder: "请输入",
col: "3",
},
{
name: "场所地点",
id: "address",
type: "text",
value: "",
placeholder: "请输入",
col: "3",
},
{
name: "录入人",
id: "xxdjryXm",
type: "text",
value: "",
placeholder: "请输入",
col: "3",
},
{
name: "录入单位",
id: "xxdjdwGajgjgdm",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_UNIT",
},
{
name: "录入时间",
id: "djsjStart",
id2: "djsjEnd",
type: "zdyDate",
value: "",
col: "3",
},
],
cxDefaultFormThead: [
{
label: "场所名称",
prop: "name",
width: "200",
toInfor: true,
},
{
label: "场所地点",
prop: "address",
},
{
label: "经度",
prop: "x",
},
{
label: "纬度",
prop: "y",
},
{
label: "场所描述",
prop: "description",
},
],
cxUrl: "/zdcs/getZdcsList",
Menu: [
// zylx:"asj",
{
id: "queryZdcs",
label: "重点场所信息管理",
index: "queryZdcs",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
selectArr: [],
revokeVisiable: false,
ckForm: {
file: "",
},
fileArr: [],
zdXxzjbh: "",
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
},
methods: {
toZbaj(scope) {
debugger;
let path =
this.$baseUrl.alyIP9 +
"/#/SpaceTimeCombat/SmartControl?x=" +
scope.row.x +
"&y=" +
scope.row.y +
"&name=" +
scope.row.name +
"&address=" +
scope.row.address;
window.open(path, "_blank");
},
toInfor(obj) {
this.$router.pushToTab({
path: "/detailsZdcs",
query: {
shsexsbh: obj.xxzjbh,
},
});
},
add() {
this.$router.pushToTab({
path: "/addZdcs",
});
},
toDelete(scope) {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
delZdcsById({
xxzjbh: scope.row.xxzjbh,
}).then((res) => {
if (res.success && res.code == 200) {
this.$message({
type: "success",
message: "删除成功",
});
this.$refs.rightContent.doQuery("yes");
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
},
toXg(scope) {
this.$router.pushToTab({
path: "/addZdcs",
query: {
xxzjbh: scope.row.xxzjbh,
},
});
},
},
};
</script>
<style>
.el-dialog__body {
padding: 10px 15px !important;
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
font-family: inherit;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 36px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
.success-row {
background-color: #fbf9f4 !important;
}
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
</style>
<style scoped lang="scss">
.el-form-item {
margin: 15px 0 20px 0;
}
.red {
color: red;
}
.black {
color: black;
}
@import "@/assets/styles/rightContent.scss";
.hbyp {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 22px;
color: #007aff;
margin-right: 16px;
cursor: pointer;
}
.hbyps {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #007aff;
margin-right: 16px;
cursor: pointer;
display: inline-block;
border-radius: 4px;
width: 59px;
border: 1px solid;
line-height: 25px;
text-align: center;
}
</style>
vue.config.js
......@@ -69,7 +69,7 @@ module.exports = {
},
proxy: {
"/apialy": {
target: "http://192.168.1.115:8762", //西藏: https://155.1.33.10:20010/ 阿里云：http://39.99.155.173:9022
target: "http://192.168.0.129:8762", //西藏: https://155.1.33.10:20010/ 阿里云：http://39.99.155.173:9022
// ws: true,
changeOrigin: true,
secure: false,
......@@ -78,7 +78,8 @@ module.exports = {
}
},
"/apiDzry": {
target: "http://74.6.54.170:8015/",
// target: "http://192.168.0.132:8015/", // 本地的地址
target: "http://74.6.54.170:8015/", // 公安网地址
changeOrigin: true,
secure: false,
pathRewrite: {
......@@ -94,7 +95,7 @@ module.exports = {
}
},
"/apiAjzb": {
target: "http://192.168.1.119:8002/", //统一的请求头部每次修改都要重启才会生效西藏：（）
target: "http://192.168.1.114:8002/", //统一的请求头部每次修改都要重启才会生效西藏：（）
ws: true,
changeOrigin: true,
pathRewrite: {
......@@ -127,13 +128,21 @@ module.exports = {
}
},
"/apiXssp": {
target: "http://39.99.155.173:8006/", // 线索审批管理平台
target: "http://172.20.10.8:8006/", // 线索审批管理平台
changeOrigin: true,
secure: false,
pathRewrite: {
"^/apiXssp": "/"
}
},
"/hainanMap": {
target: "http://11.33.4.241/", // 线索审批管理平台
changeOrigin: true,
secure: false,
pathRewrite: {
"^/hainanMap": "/"
}
},
},
},
css: {
......
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