diff --git a/config/index.js b/config/index.js
index 300fbd92..a44a9c93 100644
--- a/config/index.js
+++ b/config/index.js
@@ -13,8 +13,8 @@ module.exports = {
"/api": {
// 请求的目标主机
//target: 'http://116.255.223.226:8081/nsgk_test/',
- //target: 'http://localhost:8080/',
- target: 'http://192.168.0.107:8080/',
+ target: 'http://localhost:8080/',
+ //target: 'http://192.168.0.107:8080/',
changeOrigin: true,
pathRewrite: {
'^/api': ''
diff --git a/package-lock.json b/package-lock.json
index 5c77c0e6..40bae50d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1660,7 +1660,6 @@
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
"integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
- "dev": true,
"requires": {
"function-bind": "^1.1.1",
"get-intrinsic": "^1.0.2"
@@ -3315,7 +3314,6 @@
"version": "1.1.1",
"resolved": "https://registry.npm.taobao.org/deep-equal/download/deep-equal-1.1.1.tgz?cache=0&sync_timestamp=1606860101281&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdeep-equal%2Fdownload%2Fdeep-equal-1.1.1.tgz",
"integrity": "sha1-tcmMlCzv+vfLBR4k4UNKJaLmB2o=",
- "dev": true,
"requires": {
"is-arguments": "^1.0.4",
"is-date-object": "^1.0.1",
@@ -3334,7 +3332,6 @@
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
"integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
- "dev": true,
"requires": {
"object-keys": "^1.0.12"
}
@@ -4271,6 +4268,11 @@
"integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=",
"dev": true
},
+ "fast-diff": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.1.2.tgz",
+ "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig=="
+ },
"fast-json-stable-stringify": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -4647,7 +4649,6 @@
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
"integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
- "dev": true,
"requires": {
"function-bind": "^1.1.1",
"has": "^1.0.3",
@@ -4870,8 +4871,7 @@
"has-symbols": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
- "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
- "dev": true
+ "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw=="
},
"has-unicode": {
"version": "2.0.1",
@@ -5485,7 +5485,6 @@
"version": "1.1.0",
"resolved": "https://registry.npm.taobao.org/is-arguments/download/is-arguments-1.1.0.tgz?cache=0&sync_timestamp=1607117404740&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-arguments%2Fdownload%2Fis-arguments-1.1.0.tgz",
"integrity": "sha1-YjUwMd++4HzrNGVqa95Z7+yujdk=",
- "dev": true,
"requires": {
"call-bind": "^1.0.0"
}
@@ -5563,8 +5562,7 @@
"is-date-object": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz",
- "integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==",
- "dev": true
+ "integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g=="
},
"is-descriptor": {
"version": "0.1.6",
@@ -5711,7 +5709,6 @@
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.2.tgz",
"integrity": "sha512-axvdhb5pdhEVThqJzYXwMlVuZwC+FF2DpcOhTS+y/8jVq4trxyPgfcwIxIKiyeuLlSQYKkmUaPQJ8ZE4yNKXDg==",
- "dev": true,
"requires": {
"call-bind": "^1.0.2",
"has-symbols": "^1.0.1"
@@ -7044,7 +7041,6 @@
"version": "1.1.5",
"resolved": "https://registry.npm.taobao.org/object-is/download/object-is-1.1.5.tgz?cache=0&sync_timestamp=1613857744782&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject-is%2Fdownload%2Fobject-is-1.1.5.tgz",
"integrity": "sha1-ud7qpfx/GEag+uzc7sE45XePU6w=",
- "dev": true,
"requires": {
"call-bind": "^1.0.2",
"define-properties": "^1.1.3"
@@ -7053,8 +7049,7 @@
"object-keys": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
- "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
- "dev": true
+ "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
},
"object-visit": {
"version": "1.0.1",
@@ -7339,6 +7334,11 @@
"no-case": "^2.2.0"
}
},
+ "parchment": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz",
+ "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg=="
+ },
"parse-asn1": {
"version": "5.1.6",
"resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
@@ -10137,6 +10137,41 @@
"integrity": "sha1-M0WUG0FTy50ILY7uTNogFqmu9/Y=",
"dev": true
},
+ "quill": {
+ "version": "1.3.7",
+ "resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz",
+ "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==",
+ "requires": {
+ "clone": "^2.1.1",
+ "deep-equal": "^1.0.1",
+ "eventemitter3": "^2.0.3",
+ "extend": "^3.0.2",
+ "parchment": "^1.1.4",
+ "quill-delta": "^3.6.2"
+ },
+ "dependencies": {
+ "clone": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+ "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w=="
+ },
+ "eventemitter3": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+ "integrity": "sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg=="
+ }
+ }
+ },
+ "quill-delta": {
+ "version": "3.6.3",
+ "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.3.tgz",
+ "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==",
+ "requires": {
+ "deep-equal": "^1.0.1",
+ "extend": "^3.0.2",
+ "fast-diff": "1.1.2"
+ }
+ },
"randomatic": {
"version": "3.1.1",
"resolved": "https://registry.npm.taobao.org/randomatic/download/randomatic-3.1.1.tgz",
@@ -10424,7 +10459,6 @@
"version": "1.3.1",
"resolved": "https://registry.npm.taobao.org/regexp.prototype.flags/download/regexp.prototype.flags-1.3.1.tgz?cache=0&sync_timestamp=1610725679574&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregexp.prototype.flags%2Fdownload%2Fregexp.prototype.flags-1.3.1.tgz",
"integrity": "sha1-fvNSro0VnnWMDq3Kb4/LTu8HviY=",
- "dev": true,
"requires": {
"call-bind": "^1.0.2",
"define-properties": "^1.1.3"
@@ -12410,6 +12444,15 @@
}
}
},
+ "vue-quill-editor": {
+ "version": "3.0.6",
+ "resolved": "https://registry.npmjs.org/vue-quill-editor/-/vue-quill-editor-3.0.6.tgz",
+ "integrity": "sha512-g20oSZNWg8Hbu41Kinjd55e235qVWPLfg4NvsLW6d+DhgBTFbEuMpcWlUdrD6qT3+Noim6DRu18VLM9lVShXOQ==",
+ "requires": {
+ "object-assign": "^4.1.1",
+ "quill": "^1.3.4"
+ }
+ },
"vue-resize-sensor": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/vue-resize-sensor/-/vue-resize-sensor-2.0.0.tgz",
diff --git a/package.json b/package.json
index 5588e372..c83bbabf 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
"node-sass": "^5.0.0",
"nprogress": "^0.2.0",
"postcss-px2rem-exclude": "0.0.6",
+ "quill": "^1.3.7",
"sass": "^1.32.8",
"sass-loader": "^6.0.6",
"vant": "^2.12.8",
@@ -33,6 +34,7 @@
"vue-esign": "^1.0.5",
"vue-pdf": "^4.3.0",
"vue-qrcode-reader": "^3.1.0",
+ "vue-quill-editor": "^3.0.6",
"vue-router": "^3.0.1",
"vue-search-tree": "^1.9.9",
"vuex": "^3.6.2",
diff --git a/src/api/onlineHome/bankAgriculture/paymentApproval.js b/src/api/onlineHome/bankAgriculture/paymentApproval.js
index 0a795451..737def9b 100644
--- a/src/api/onlineHome/bankAgriculture/paymentApproval.js
+++ b/src/api/onlineHome/bankAgriculture/paymentApproval.js
@@ -354,3 +354,54 @@ export function updateTYinnongTransferFoStatus(data) {
data: data
})
}
+
+// 查询重大事项申请列表
+export function listMajorevent(query) {
+ return request({
+ url: '/yinnong/majorevent/list',
+ method: 'get',
+ params: query
+ })
+}
+
+// 新增重大事项申请
+export function addMajorevent(data) {
+ return request({
+ url: '/yinnong/majorevent/add',
+ method: 'post',
+ data: data
+ })
+}
+
+// 提交审批
+export function customSubmitMajorevent(id) {
+ return request({
+ url: '/yinnong/majorevent/customSubmit/' + id,
+ method: 'post'
+ })
+}
+// 查询重大事项申请详细
+export function getMajorevent(id) {
+ return request({
+ url: '/yinnong/majorevent/get/' + id,
+ method: 'get'
+ })
+}
+
+// 修改重大事项申请
+export function updateMajorevent(data) {
+ return request({
+ url: '/yinnong/majorevent/edit',
+ method: 'post',
+ data: data
+ })
+}
+
+// 删除重大事项申请
+export function delMajorevent(id) {
+ return request({
+ url: '/yinnong/majorevent/remove/' + id,
+ method: 'get'
+ })
+}
+
diff --git a/src/components/Editor/index.vue b/src/components/Editor/index.vue
new file mode 100644
index 00000000..8ae6f469
--- /dev/null
+++ b/src/components/Editor/index.vue
@@ -0,0 +1,292 @@
+
+
+
+
+
+
+
diff --git a/src/components/Editor/quill-title.js b/src/components/Editor/quill-title.js
new file mode 100644
index 00000000..ec029733
--- /dev/null
+++ b/src/components/Editor/quill-title.js
@@ -0,0 +1,57 @@
+const titleConfig = {
+ 'ql-bold':'加粗',
+ 'ql-color':'字体颜色',
+ 'ql-font':'字体',
+ 'ql-code':'插入代码',
+ 'ql-italic':'斜体',
+ 'ql-link':'添加链接',
+ 'ql-background':'背景颜色',
+ 'ql-size':'字体大小',
+ 'ql-strike':'删除线',
+ 'ql-script':'上标/下标',
+ 'ql-underline':'下划线',
+ 'ql-blockquote':'引用',
+ 'ql-header':'标题',
+ 'ql-indent':'缩进',
+ 'ql-list':'列表',
+ 'ql-align':'文本对齐',
+ 'ql-direction':'文本方向',
+ 'ql-code-block':'代码块',
+ 'ql-formula':'公式',
+ 'ql-image':'图片',
+ 'ql-video':'视频',
+ 'ql-clean':'清除字体样式'
+};
+
+// 增加编辑器按钮title提示
+export function addQuillTitle(){
+ const oToolBar = document.querySelector('.ql-toolbar'),
+ aButton = oToolBar.querySelectorAll('button'),
+ aSelect = oToolBar.querySelectorAll('select'),
+ aSpan= oToolBar.querySelectorAll('span');
+ aButton.forEach((item)=>{
+ if(item.className === 'ql-script'){
+ item.value === 'sub' ? item.title = '下标': item.title = '上标';
+ }else if(item.className === 'ql-indent'){
+ item.value === '+1' ? item.title ='向右缩进': item.title ='向左缩进';
+ }else if(item.className === 'ql-list'){
+ item.value==='ordered' ? item.title='有序列表' : item.title='无序列表'
+ }else if(item.className === 'ql-header'){
+ item.value === '1' ? item.title = '标题H1': item.title = '标题H2';
+ }else{
+ item.title = titleConfig[item.classList[0]];
+ }
+ });
+ aSelect.forEach((item)=>{
+ if(item.className!='ql-color'&&item.className!='ql-background'){
+ item.parentNode.title = titleConfig[item.classList[0]];
+ }
+ });
+ aSpan.forEach((item)=>{
+ if(item.classList[0]==='ql-color'){
+ item.title = titleConfig[item.classList[0]];
+ }else if(item.classList[0]==='ql-background'){
+ item.title = titleConfig[item.classList[0]];
+ }
+ });
+}
diff --git a/src/router/index.js b/src/router/index.js
index 6277383c..3eea61b7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1906,6 +1906,15 @@ export const constantRoutes = [
},
component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalList3'], resolve)
},
+ {
+ path: '/yinnong/approvalList13',
+ name: 'approvalList13',
+ meta: {
+ title: '重大事项',
+ hidden: true,
+ },
+ component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalList13'], resolve)
+ },
{
path: '/yinnong/approvalList4',
name: 'approvalList4',
@@ -1978,6 +1987,15 @@ export const constantRoutes = [
},
component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalDetail3'], resolve)
},
+ {
+ path: '/yinnong/approvalDetail13',
+ name: 'approvalDetail13',
+ meta: {
+ title: '重大事项',
+ hidden: true,
+ },
+ component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalDetail13'], resolve)
+ },
{
path: '/yinnong/approvalDetail4',
name: 'approvalDetail4',
@@ -2097,6 +2115,15 @@ export const constantRoutes = [
},
component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalAdd12'], resolve)
},
+ {
+ path: '/yinnong/approvalAdd13',
+ name: 'approvalAdd13',
+ meta: {
+ title: '添加重大事项',
+ hidden: true,
+ },
+ component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalAdd13'], resolve)
+ },
{
path: '/yinnong/approval/collectionAdd',
name: 'approvalCollectionAdd',
@@ -2188,6 +2215,15 @@ export const constantRoutes = [
},
component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalModify3'], resolve)
},
+ {
+ path: '/yinnong/approvalModify13',
+ name: 'approvalModify13',
+ meta: {
+ title: '修改重大事项',
+ hidden: true,
+ },
+ component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalModify13'], resolve)
+ },
{
path: '/yinnong/approvalModify4',
name: 'approvalModify4',
@@ -2260,6 +2296,15 @@ export const constantRoutes = [
},
component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalProcess3'], resolve)
},
+ {
+ path: '/yinnong/approvalProcess13',
+ name: 'approvalProcess13',
+ meta: {
+ title: '审批流程',
+ hidden: true,
+ },
+ component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalProcess13'], resolve)
+ },
{
path: '/yinnong/collectionList',
name: 'collectionList',
diff --git a/src/views/lawEnforcement/caseDistribution/caseDistribution.vue b/src/views/lawEnforcement/caseDistribution/caseDistribution.vue
index 2628e59a..c814901e 100644
--- a/src/views/lawEnforcement/caseDistribution/caseDistribution.vue
+++ b/src/views/lawEnforcement/caseDistribution/caseDistribution.vue
@@ -12,7 +12,7 @@
-
+
@@ -21,6 +21,8 @@
import Cookies from "js-cookie";
import request from '@/utils/request'
import * as echarts from 'echarts';
+ import $ from "jquery";
+ import {currentLocation} from "@/api/homestead";
export default {
name: "caseAllocation",
data() {
@@ -39,14 +41,1301 @@
{ text: '桥头镇', value: 'd' },
{ text: '温泉镇', value: 'e' },
],
+ geoJson: "",
};
},
created() {
+ currentLocation().then((res) => {
+ if (res.code == 200) {
+ let content = res.data;
+ this.geoJson = content.geoJson;
+ //获取地图
+ this.mapBackground();
+ }
+ });
},
mounted(){
},
methods: {
+ //加载地图
+ mapBackground() {
+ let _this = this;
+ var projection = new ol.proj.Projection({
+ //地图投影类型
+ code: "EPSG:3857",
+ units: "degrees",
+ //extent:extent
+ });
+ //影像图 -----------------------------start
+ var attributions =
+ '© MapTiler ' +
+ '© OpenStreetMap contributors';
+ var aerial = new ol.layer.Tile({
+ source: new ol.source.XYZ({
+ attributions: attributions,
+ url: "http://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+ }),
+ isGroup: true,
+ visible: true,
+ name: "天地图路网-卫星影像图",
+ });
+ var map = new ol.Map({
+ layers: [aerial],
+ //layers: [newwms],
+ projection: projection,
+ target: "mapWrap",
+ view: new ol.View({
+ center: ol.proj.fromLonLat([122.145662, 37.369575]),
+ zoom: 10.2,
+ minZoom: 10, //地图缩小限制
+ maxZoom: 18.9, //地图放大限制
+ }),
+ });
+ //地图属性定义
+ var nongZt = ["house", "land"];
+ var texiao_layer_fang;
+ var texiao_layer_di;
+ var delete_map = ["mapHouse", "mapLand"];
+ //业务图层 wfs服务 属性查询开始 ------------------start
+ /**
+ * @api wfs服务空间查询
+ * @param {*} wfsurl
+ * @param {*} srsName
+ * @param {*} typeName
+ * @param {*} drawType
+ * @param {option 可选} geometryField
+ */
+
+ var wmsSource = new ol.source.TileWMS({
+ //url: 'http://192.168.31.150:8888/geoserver/mywork_mysql/wms',
+ url: "http://116.255.223.226:8080/geoserver/nsgk_hc/wms",
+ //url: 'http://localhost:8888/geoserver/mywork_mysql/wms',
+ params: {
+ LAYERS: "nsgk_hc:nsgk_hc_all",
+ //'LAYERS': 'mywork_mysql:t_geo_hc_land',
+ TILED: true,
+ SRID: 3857,
+ serverType: "geoserver",
+ crossOrigin: "anonymous",
+ },
+ });
+
+ map.on("pointermove", function (evt) {
+ if (evt.dragging) {
+ return;
+ }
+ var pixel = map.getEventPixel(evt.originalEvent);
+ var hit = map.forEachLayerAtPixel(pixel, function () {
+ return true;
+ });
+ map.getTargetElement().style.cursor = hit ? "pointer" : "";
+ });
+ //属性查询结束 ------------------end
+ var shitu;
+ require(["@/assets/maps/plotPremises_" + _this.geoJson], function (data) {
+ shitu = new ol.layer.Vector({
+ title: "add Layer",
+ source: new ol.source.Vector({
+ projection: projection,
+ // url: "http://116.255.223.226:8081/nsgk_test/profile/geojson/huancui.json", //GeoJSON的文件路径，用户可以根据需求而改变
+ // format: new ol.format.GeoJSON(),
+ features: new ol.format.GeoJSON().readFeatures(data),
+ }),
+ style: new ol.style.Style({
+ fill: new ol.style.Fill({
+ //矢量图层填充颜色，以及透明度
+ color: "rgba(0,0,0,0)",
+ }),
+ stroke: new ol.style.Stroke({
+ //边界样式
+ color: "#47c68f",
+ width: 3,
+ }),
+ }),
+ });
+ // console.log(shitu);
+ map.addLayer(shitu);
+ });
+
+ var huancui_zhen;
+ require(["@/assets/maps/qu_" + _this.geoJson], function (data) {
+ huancui_zhen = new ol.layer.Vector({
+ title: "add huancui_zhen",
+ source: new ol.source.Vector({
+ projection: projection,
+ features: new ol.format.GeoJSON().readFeatures(data),
+ }),
+ style: new ol.style.Style({
+ fill: new ol.style.Fill({
+ //矢量图层填充颜色，以及透明度
+ color: "rgba(27,50,56,0.8)",
+ }),
+ }),
+ });
+ map.addLayer(huancui_zhen);
+ });
+
+ // var shitu = new ol.layer.Vector({
+ // title: "add Layer",
+ // source: new ol.source.Vector({
+ // projection: projection,
+ // url: "http://116.255.223.226:8081/nsgk_test/profile/geojson/huancui.json", //GeoJSON的文件路径，用户可以根据需求而改变
+ // format: new ol.format.GeoJSON(),
+ // }),
+ // style: new ol.style.Style({
+ // fill: new ol.style.Fill({
+ // //矢量图层填充颜色，以及透明度
+ // color: "rgba(0,0,0,0)",
+ // }),
+ // stroke: new ol.style.Stroke({
+ // //边界样式
+ // color: "#47c68f",
+ // width: 3,
+ // }),
+ // }),
+ // });
+ // map.addLayer(shitu);
+ // var huancui_zhen = new ol.layer.Vector({
+ // title: "add huancui_zhen",
+ // source: new ol.source.Vector({
+ // projection: projection,
+ // url: "http://116.255.223.226:8081/nsgk_test/profile/geojson/huancui_zhen.json", //GeoJSON的文件路径，用户可以根据需求而改变
+ // format: new ol.format.GeoJSON(),
+ // }),
+ // style: new ol.style.Style({
+ // fill: new ol.style.Fill({
+ // //矢量图层填充颜色，以及透明度
+ // color: "rgba(27,50,56,0.8)",
+ // }),
+ // }),
+ // });
+ // map.addLayer(huancui_zhen);
+
+ ///-----------乡---------------------------------------------------------------------------------------------------------
+ var villageVectorLayer; //村标记
+ async function villageDiagram() {
+ villageDataFun(_this.villageDataObj);
+ }
+
+ //村数据处理
+ function villageDataFun(villageMapData) {
+ let arrDatas = [];
+ // for (let i = 0; i < villageMapData.length; i++) {
+ let varName = "iconFeature0";
+ window[varName] = new ol.Feature({
+ geometry: new ol.geom.Point(
+ ol.proj.fromLonLat([villageMapData.lng, villageMapData.lat])
+ ),
+ name:
+ villageMapData.name == undefined
+ ? villageMapData.deptName
+ : villageMapData.name, //名称属性
+ orgCode: villageMapData.orgCode, //人口数（万）
+ lat: villageMapData.lat,
+ lng: villageMapData.lng,
+ type: "村",
+ zhenOrgCode: villageMapData.zhenOrgCode,
+ });
+ window[varName].setStyle(visCreateLabelStyle(window[varName]));
+ arrDatas.push(window[varName]);
+ // }
+
+ var vectorSource = new ol.source.Vector({
+ features: arrDatas,
+ });
+
+ // //矢量标注图层
+ villageVectorLayer = new ol.layer.Vector({
+ source: vectorSource,
+ });
+ map.addLayer(villageVectorLayer);
+ }
+
+ //矢量标注样式设置函数，设置image为图标ol.style.Icon
+ function visCreateLabelStyle(feature) {
+ return new ol.style.Style({
+ image: new ol.style.Icon({
+ //设置图标偏移
+ anchor: [0.5, 1],
+ //标注样式的起点位置
+ anchorOrigin: "top-right",
+ //X方向单位：分数
+ anchorXUnits: "fraction",
+ //Y方向单位：像素
+ anchorYUnits: "pixels",
+ //偏移起点位置的方向
+ offsetOrigin: "top-right",
+ //透明度
+ opacity: 0.9,
+ //图片路径
+ //src: 'images/map.png'
+ src: "https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png",
+ }),
+ text: new ol.style.Text({
+ textAlign: "center", //位置
+ textBaseline: "bottom", //基准线
+ font: "normal 12px 微软雅黑", //文字样式
+ text: feature.get("name"), //文本内容
+ fill: new ol.style.Fill({
+ //文本填充样式（即文字颜色)
+ color: "#ffffff",
+ }),
+ }),
+ zIndex: 9999,
+ });
+ }
+
+ // map.on("moveend", function (evt) {
+ // var zoom = map.getView().getZoom();
+ // if (zoom < 13) {
+ // if (villageVectorLayer != undefined) {
+ // map.removeLayer(villageVectorLayer);
+ // map.removeLayer(shitu);
+
+ // map.addLayer(shitu);
+ // map.removeLayer(townVectorLayer);
+ // townDiagram();
+ // }
+ // }
+ // });
+
+ map.on("singleclick", function (evt) {
+ let feature = map.forEachFeatureAtPixel(
+ evt.pixel,
+ (feature) => feature
+ );
+ if (feature) {
+ }
+
+ document.getElementById("info").innerHTML = "";
+ var viewResolution = map.getView().getResolution(); ///** @type {number} */ (view.getResolution());
+ var zb = evt.coordinate;
+ var url = wmsSource.getFeatureInfoUrl(
+ evt.coordinate,
+ viewResolution,
+ "EPSG:3857",
+ { INFO_FORMAT: "text/html" }
+ );
+ if (url) {
+ fetch(url)
+ .then(function (response) {
+ return response.text();
+ })
+ .then(function (html) {
+ //农房上传图片附件
+ _this.nfAddfileListHistory = [];
+ _this.nfAddfileListNow = [];
+ //农地上传图片附件
+ _this.ndAddfileListHistory = [];
+ _this.ndAddfileListNow = [];
+ if (html.indexOf(" {
+ map.removeLayer(texiao_layer_fang);
+ map.removeLayer(texiao_layer_di);
+ //特效动画实现 -----------------------------start
+ texiao_layer_fang = new ol.layer.Vector({
+ source: new ol.source.Vector(),
+ });
+ map.addLayer(texiao_layer_fang);
+ var deptmap = [zb[0], zb[1]];
+ //var center = ol.extent.getCenter(deptmap); //获取边界区域的中心位置
+ var circle = new ol.Feature({
+ geometry: new ol.geom.Point(deptmap), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+ });
+
+ //var out =new ol.coordinate.Coordinate(datamap);
+ //var extent = ol.extent.boundingExtent(feature.getGeometry().getCoordinates()[datamap]); //获取一个坐标数组的边界，格式为[minx,miny,maxx,maxy]
+ //var center = ol.extent.getCenter(extent); //获取边界区域的中心位置
+ //map.getView().setCenter(center); //设置当前地图的显示中心位置
+ circle.setStyle(
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: 0,
+ stroke: new ol.style.Stroke({
+ color: "yellow",
+ size: 1,
+ }),
+ }),
+ })
+ );
+ texiao_layer_fang.getSource().addFeature(circle);
+
+ // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+ var radius = 0;
+ map.on("postcompose", function () {
+ // 增大半径，最大20
+ radius++;
+ radius = radius % 10;
+ // 设置样式
+ circle.setStyle(
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: radius,
+ stroke: new ol.style.Stroke({
+ color: "yellow",
+ size: 1,
+ }),
+ }),
+ })
+ );
+ });
+ //特效动画实现 -----------------------------end
+ _this.hasTable = true;
+ document.getElementById("info").innerHTML = html;
+ if (html.indexOf("house") != -1) {
+ //农房
+ _this.farmhouseStatus = 0;
+ let obj = {};
+ let trs = $("#info .featureInfo").find("tr:eq(1)");
+ let zjId = trs.find("td").eq(0).text();
+ let zjIdNum = zjId.replace("t_geo_hc_house.", "");
+ obj.id = zjIdNum; // 主键id
+ obj.fwsyrmc = trs.find("td").eq(1).text(); //房屋所有人名称
+ obj.cm = trs.find("td").eq(2).text(); //村名
+ obj.cdm = trs.find("td").eq(3).text(); //村代码
+ obj.dz = trs.find("td").eq(4).text(); //地址
+ obj.sfyspsx = trs.find("td").eq(5).text(); //是否有审批手续
+ obj.fwsyqh = trs.find("td").eq(6).text(); //房屋所有权证号
+ obj.jzmj = trs.find("td").eq(7).text(); //建筑面积
+ obj.tdzh = trs.find("td").eq(8).text(); //建筑面积
+ obj.tdxz = trs.find("td").eq(9).text(); //土地性质
+ obj.tdmj = trs.find("td").eq(10).text(); //土地面积
+ obj.xzqk = trs.find("td").eq(11).text(); //现状情况
+ obj.zlrxm = trs.find("td").eq(12).text(); //租赁人姓名
+ obj.zlhtjzrq = trs.find("td").eq(13).text(); //租赁合同截止日期
+ obj.zlsynx = trs.find("td").eq(14).text(); //租赁剩余年限
+ obj.xzfwsfylzy = trs.find("td").eq(15).text(); //闲置房屋是否有流转意愿
+ obj.xh = trs.find("td").eq(16).text(); //农房编号
+
+ obj.orgCode = trs.find("td").eq(20).text(); //行政区代码
+ obj.tdfl = trs.find("td").eq(22).text(); //集体/个人
+ obj.frontHouse = trs.find("td").eq(23).text(); //图片前
+ obj.behindHouse = trs.find("td").eq(24).text(); //图片后
+ let cloneObj = JSON.parse(JSON.stringify(obj));
+ _this.houseInfoList = cloneObj;
+ console.log(trs)
+ // _this.houseInfoList.frontland = "";
+ // _this.houseInfoList.behindland = "";
+ _this.houseInfoLookList = obj;
+ } else {
+ _this.farmhouseStatus = 1;
+ //农地
+ let obj = {};
+ let trs = $("#info .featureInfo").find("tr:eq(1)");
+ let zjId = trs.find("td").eq(0).text();
+ let zjIdNum = zjId.replace("t_geo_hc_land.", "");
+ obj.id = zjIdNum; // 主键id
+ obj.xh = trs.find("td").eq(1).text(); //序号
+ obj.cm = trs.find("td").eq(2).text(); //村名
+ obj.cbrmc = trs.find("td").eq(3).text(); //承包人名称
+ obj.syrmc = trs.find("td").eq(4).text(); //使用人名称
+ obj.nydlx = trs.find("td").eq(5).text(); //农用地类型
+ obj.mj = trs.find("td").eq(6).text(); //面积
+ obj.xzqk = trs.find("td").eq(7).text(); //现状情况
+ obj.lzhtjzrq = trs.find("td").eq(8).text(); //流转合同截止时间
+ obj.lzsynx = trs.find("td").eq(9).text(); //流转剩余年限
+ obj.sfylzyx = trs.find("td").eq(10).text(); //是否流转意向
+ obj.cdm = trs.find("td").eq(11).text(); //村代码
+ obj.orgCode = trs.find("td").eq(15).text(); //行政区化代码
+ obj.frontland = trs.find("td").eq(18).text(); //图片前
+ obj.behindland = trs.find("td").eq(19).text(); //图片后
+ _this.nydlxOptionsValue = trs.find("td").eq(5).text(); //农用地类型
+ let cloneObj = JSON.parse(JSON.stringify(obj));
+ _this.landInfoList = cloneObj;
+ //编辑图片清空
+ // _this.landInfoList.frontland = "";
+ // _this.landInfoList.behindland = "";
+ _this.landInfoLookList = obj;
+ }
+ }, 300);
+
+ if (
+ _this.draw.drawMapPolygon == false &&
+ _this.searchBarOperVisbile == false
+ ) {
+ //判断不在绘制地图进入
+ if ($(".landHomestead_wrap").css("bottom") != "0px") {
+ $(".searchBar_wrap").css({ bottom: "0" });
+ $(".searchBar_wrap").animate(
+ {
+ bottom: "-100%",
+ },
+ 300
+ );
+
+ $(".landHomestead_wrap").css({ bottom: "-100%" });
+ $(".landHomestead_wrap").animate(
+ {
+ bottom: "0",
+ },
+ 400
+ );
+
+ $(".rightIcon_wrap").animate(
+ {
+ bottom: $(".landHomestead_wrap").height() + 10 + "px",
+ },
+ 200
+ );
+ }
+ }
+ } else {
+ _this.hasTable = false;
+
+ if ($(".searchBar_wrap").css("bottom") != "0px") {
+ $(".landHomestead_wrap").css({ bottom: "0" });
+ $(".landHomestead_wrap").animate(
+ {
+ bottom: "-100%",
+ },
+ 300
+ );
+
+ $(".searchBar_wrap").css({ bottom: "-100%" });
+ $(".searchBar_wrap").animate(
+ {
+ bottom: "0",
+ },
+ 400
+ );
+ let searchBarWrapPadding = $(".searchBar_wrap")
+ .css("paddingTop")
+ .replace("px", "");
+ let searchBarWrapHeight = $(".searchBar_wrap").height();
+
+ $(".rightIcon_wrap").animate(
+ {
+ bottom:
+ searchBarWrapHeight +
+ searchBarWrapPadding * 2 +
+ 10 +
+ "px",
+ },
+ 200
+ );
+ }
+ //非编辑情况初始化
+ if (_this.landHomesteadEditVisbile == false) {
+ //农地数据初始化
+ _this.landInfoList = {
+ id: "", //String 是 主键id
+ orgCode: "", // String 否 行政区代码
+ cdm: "", // String 否 村代码
+ cm: "", //String 否 村名
+ xh: "", // String 否 序号
+ cbrmc: "", //String 否 承包人名称
+ syrmc: "", //String 否 使用人名称
+ nydlx: "", // String 否 农用地类型
+ mj: "", // String 否 面积
+ lzsynx: "", // String 否 流转剩余年限
+ zlhtjzrq: "", // String 否 日期
+ sfylzyx: "", // String 否 是否流转意向
+ xzqk: "", // String 否 现状情况
+ theGeom: "", //String 否 空间坐标
+ xzqkKey: "", // String 否 忽略
+ nydlxKey: "", // String 否 忽略
+ frontland: "", //String 否 图片前
+ behindland: "", //String 否 图片后
+ };
+
+ //农房数据初始化
+ _this.houseInfoList = {
+ id: "", // String 是 主键id
+ orgCode: "", // String 否 行政区代码
+ cdm: "", // String 否 村代码
+ cm: "", // String 否 村名
+ xh: "", // String 否 序号
+ tdxz: "", //土地性质
+ fwsyrmc: "", // String 否 房屋所有人名称
+ fwsyqh: "", // String 否 房屋所有权证号
+ tdzh: "", // String 否 土地证号
+ jzmj: "", // String 否 建筑面积
+ tdmj: "", // String 否 土地面积
+ sfyspsx: "", // String 否 是否有审批手续
+ xzqk: "", // String 否 现状情况
+ theGeom: "", // String 否 空间坐标
+ xzqkKey: "", // String 否 忽略传null
+ tdxzKey: "", // String 否 忽略传null
+ frontHouse: "", // String 否 图片前
+ behindHouse: "", // String 否 图片后
+ dz: "", // String 否 地址
+ zlrxm: "", // String 否 租赁人姓名
+ zlhtjzrq: "", // 租赁合同截止日期
+ zlsynx: "", // 租赁剩余年限
+ xzfwsfylzy: "", // 闲置房屋是否有流转意愿
+ tdfl: "", // 集体/个人
+ };
+ }
+ }
+ });
+ }
+ });
+
+ map.on("pointermove", function (evt) {
+ if (evt.dragging) {
+ return;
+ }
+ var pixel = map.getEventPixel(evt.originalEvent);
+ var hit = map.forEachLayerAtPixel(pixel, function () {
+ return true;
+ });
+ map.getTargetElement().style.cursor = hit ? "pointer" : "";
+ });
+ //属性查询结束 ------------------end
+
+ //按照分类查询 村定位地图-----------------start
+ $("#cun").on("change", function () {
+ /**
+ * @api wfs服务空间查询
+ * @param {*} wfsurl
+ * @param {*} srsName
+ * @param {*} typeName
+ * @param {*} drawType
+ * @param {option 可选} geometryField
+ */
+
+ var cun = _this.villageDataObj.deptName;
+ //定位个人地图
+ map.removeLayer(texiao_layer_fang);
+ map.removeLayer(texiao_layer_di);
+ //删除之前加载的图层
+ let currObjNum = _this.villageDataObj;
+ map.getView().animate({
+ // 只设置需要的属性即可
+ center: ol.proj.fromLonLat([currObjNum.lng, currObjNum.lat]), // 中心点
+ zoom: 14.5, // 缩放级别
+ rotation: undefined, // 缩放完成view视图旋转弧度
+ duration: 1000, // 缩放持续时间，默认不需要设置
+ });
+
+ map.removeLayer(nongZt[0]);
+ map.removeLayer(nongZt[1]);
+ map.removeLayer(delete_map[0]);
+ map.removeLayer(delete_map[1]);
+ //村的数据判断
+
+ map.removeLayer(villageVectorLayer);
+ villageDiagram();
+ setTimeout(() => {
+ //map.removeLayer(shitu);
+ }, 1000);
+
+ //查询条件
+ var cql_filter;
+
+ //图层加载
+ //地的数据判断
+ var difang = ["nsgk_hc:t_geo_hc_house", "nsgk_hc:t_geo_hc_land"];
+ //业务图层 wms服务
+ for (var i = 0; i < difang.length; i++) {
+ if (difang[i] == "nsgk_hc:t_geo_hc_house") {
+ cql_filter = "CM='" + cun + "'";
+ } else {
+ cql_filter = "CM='" + cun + "'";
+ }
+ nongZt[i] = new ol.layer.Tile({
+ source: new ol.source.TileWMS({
+ //url: 'http://192.168.31.150:8888/geoserver/mywork_mysql/wms',
+ url: "http://116.255.223.226:8080/geoserver/nsgk_hc/wms",
+ //url: 'http://localhost:8888/geoserver/mywork_mysql/wms',
+ //url: 'http://localhost:8888/geoserver/new_shp/wms',
+ params: {
+ LAYERS: difang[i],
+ //'LAYERS': 'new_shp:new_shp_all',
+ TILED: true,
+ cql_filter: cql_filter,
+ SRID: 3857,
+ },
+ }),
+ });
+ //}
+ //定位查询位置
+ let param_dw = {
+ srsName: "EPSG:3857",
+ service: "WFS",
+ version: "1.0.0",
+ request: "GetFeature",
+ typename: difang[i],
+ //featureNS: 'nsgk_hc',//命名空间 URI
+ cql_filter: cql_filter,
+ //featurePrefix: 'nationalwater',//工作区名称
+ //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+ outputFormat: "application/json",
+ //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+ };
+ let url_dw = "http://116.255.223.226:8080/geoserver/nsgk_hc/wfs"; //wfsurl;
+ url_dw = url_dw + "?";
+ for (let key in param_dw) {
+ url_dw = url_dw + key + "=" + param_dw[key] + "&";
+ }
+ url_dw = url_dw.substr(0, url_dw.length - 1);
+ fetch(url_dw, {
+ method: "POST", // *GET, POST, PUT, DELETE, etc.
+ })
+ .then((res) => {
+ var geojsonmap = res.json();
+ return geojsonmap;
+ })
+ .then((data) => {
+ //var datamap = data.bbox;
+ // var datamap = data.features[0].bbox;
+ // map.getView().animate({
+ // // 只设置需要的属性即可
+ // center: datamap, // 中心点
+ // zoom: 15, // 缩放级别
+ // rotation: undefined, // 缩放完成view视图旋转弧度
+ // duration: 1000, // 缩放持续时间，默认不需要设置
+ // });
+ })
+ .catch((error) => {
+ console.log("【异常】", error);
+ });
+ map.addLayer(nongZt[i]);
+ //切换村底部盒子隐藏
+ _this.hasTable = false;
+ if ($(".searchBar_wrap").css("bottom") != "0px") {
+ $(".landHomestead_wrap").css({ bottom: "0" });
+ $(".landHomestead_wrap").animate(
+ {
+ bottom: "-100%",
+ },
+ 300
+ );
+
+ $(".searchBar_wrap").css({ bottom: "-100%" });
+ $(".searchBar_wrap").animate(
+ {
+ bottom: "0",
+ },
+ 400
+ );
+ let searchBarWrapPadding = $(".searchBar_wrap")
+ .css("paddingTop")
+ .replace("px", "");
+ let searchBarWrapHeight = $(".searchBar_wrap").height();
+
+ $(".rightIcon_wrap").animate(
+ {
+ bottom:
+ searchBarWrapHeight + searchBarWrapPadding * 2 + 10 + "px",
+ },
+ 200
+ );
+ }
+ }
+ });
+ //村定位查询-------------------------------------end
+
+ //按照查询条件人名 定位地图-----------------start
+ $("#query").on("click", function () {
+ /**
+ * @api wfs服务空间查询
+ * @param {*} wfsurl
+ * @param {*} srsName
+ * @param {*} typeName
+ * @param {*} drawType
+ * @param {option 可选} geometryField
+ */
+ var val = _this.seachText;
+ if (val == "") {
+ alert("请填写查询条件在查询");
+ } else {
+ //分类查询查询农地、农房
+ var difang;
+ //var di = document.getElementById('di');
+ //删除矢量图层json
+ //map.removeLayer(shitu);
+ //删除之前图层 --------------------start
+ //属性查询删除
+ //map.removeLayer(nongZt[0]);
+ //map.removeLayer(nongZt[1]);
+ //map.removeLayer(delete_map[0]);
+ //map.removeLayer(delete_map[1]);
+ map.removeLayer(texiao_layer_fang);
+ map.removeLayer(texiao_layer_di);
+ //删除之前图层 -------------------end
+ //查询条件
+ var cql_filter;
+ var cun = _this.villageDataObj.deptName;
+
+ difang = ["nsgk_hc:t_geo_hc_house", "nsgk_hc:t_geo_hc_land"];
+ var tach = 0;
+ var once = 0;
+ for (var i = 0; i < difang.length; i++) {
+ map.removeLayer(delete_map[i]);
+ // 数字验证！
+ var reg = /\d/;
+ //验证汉子
+ //var han = /^[\u4e00-\u9fa5]+$/;
+ if (reg.test(val)) {
+ //循环判断查询条件
+ cql_filter = "XH='" + val + "'" + "and CM='" + cun + "'";
+ } else {
+ //循环判断查询条件
+ if (cun != "all" && cun != "") {
+ if (difang[i] == "nsgk_hc:t_geo_hc_house") {
+ cql_filter = "FWSYRMC='" + val + "'" + "and CM='" + cun + "'";
+ } else {
+ cql_filter = "SYRMC='" + val + "'" + "and CM='" + cun + "'";
+ }
+ } else {
+ if (difang[i] == "nsgk_hc:t_geo_hc_house") {
+ cql_filter = "FWSYRMC='" + val + "'";
+ } else {
+ cql_filter = "SYRMC='" + val + "'";
+ }
+ }
+ }
+ //for(var i=0; i< difang.length; i++){
+ //cql_filter = "CM='"+cun +"'"+ "and XZQK='待流转待盘活'";
+
+ //图层加载
+
+ //业务图层 wms服务
+ delete_map[i] = new ol.layer.Tile({
+ source: new ol.source.TileWMS({
+ //url: 'http://192.168.31.150:8888/geoserver/mywork_mysql/wms',
+ url: "http://116.255.223.226:8080/geoserver/nsgk_hc/wms",
+ //url: 'http://localhost:8888/geoserver/mywork_mysql/wms',
+ //url: 'http://localhost:8888/geoserver/new_shp/wms',
+ params: {
+ LAYERS: difang[i],
+ //'LAYERS': 'new_shp:new_shp_all',
+ TILED: true,
+ cql_filter: cql_filter,
+ SRID: 3857,
+ },
+ }),
+ });
+
+ //}
+ //定位查询位置
+ let param_dw = {
+ srsName: "EPSG:3857",
+ service: "WFS",
+ version: "1.0.0",
+ request: "GetFeature",
+ typename: difang[i],
+ //featureNS: 'nsgk_hc',//命名空间 URI
+ cql_filter: cql_filter,
+ //featurePrefix: 'nationalwater',//工作区名称
+ //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+ outputFormat: "application/json",
+ //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+ };
+ let url_dw = "http://116.255.223.226:8080/geoserver/nsgk_hc/wfs"; //wfsurl;
+ url_dw = url_dw + "?";
+ for (let key in param_dw) {
+ url_dw = url_dw + key + "=" + param_dw[key] + "&";
+ }
+ url_dw = url_dw.substr(0, url_dw.length - 1);
+ fetch(url_dw, {
+ method: "POST", // *GET, POST, PUT, DELETE, etc.
+ })
+ .then((res) => {
+ var geojsonmap = res.json();
+ return geojsonmap;
+ })
+ .then((data) => {
+ tach = tach + 1;
+ if (data.features != null && data.features != "") {
+ //var datamap = data.bbox;
+ var datamap = data.features[0].bbox;
+ map.getView().animate({
+ // 只设置需要的属性即可
+ center: datamap, // 中心点
+ zoom: 17, // 缩放级别
+ rotation: undefined, // 缩放完成view视图旋转弧度
+ duration: 1000, // 缩放持续时间，默认不需要设置
+ });
+ //特效动画实现 -----------------------------start
+ if (tach == 1 && once == 0) {
+ texiao_layer_fang = new ol.layer.Vector({
+ source: new ol.source.Vector(),
+ });
+ map.addLayer(texiao_layer_fang);
+ var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+ var circle = new ol.Feature({
+ geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+ });
+
+ //var out =new ol.coordinate.Coordinate(datamap);
+ //var extent = ol.extent.boundingExtent(feature.getGeometry().getCoordinates()[datamap]); //获取一个坐标数组的边界，格式为[minx,miny,maxx,maxy]
+ //var center = ol.extent.getCenter(extent); //获取边界区域的中心位置
+ //map.getView().setCenter(center); //设置当前地图的显示中心位置
+ circle.setStyle(
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: 0,
+ stroke: new ol.style.Stroke({
+ color: "yellow",
+ size: 1,
+ }),
+ }),
+ })
+ );
+ texiao_layer_fang.getSource().addFeature(circle);
+
+ // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+ var radius = 0;
+ map.on("postcompose", function () {
+ // 增大半径，最大20
+ radius++;
+ radius = radius % 10;
+ // 设置样式
+ circle.setStyle(
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: radius,
+ stroke: new ol.style.Stroke({
+ color: "yellow",
+ size: 1,
+ }),
+ }),
+ })
+ );
+ });
+ } else {
+ texiao_layer_di = new ol.layer.Vector({
+ source: new ol.source.Vector(),
+ });
+ map.addLayer(texiao_layer_di);
+ var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+ var circle = new ol.Feature({
+ geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+ });
+
+ //var out =new ol.coordinate.Coordinate(datamap);
+ //var extent = ol.extent.boundingExtent(feature.getGeometry().getCoordinates()[datamap]); //获取一个坐标数组的边界，格式为[minx,miny,maxx,maxy]
+ //var center = ol.extent.getCenter(extent); //获取边界区域的中心位置
+ //map.getView().setCenter(center); //设置当前地图的显示中心位置
+ circle.setStyle(
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: 0,
+ stroke: new ol.style.Stroke({
+ color: "yellow",
+ size: 1,
+ }),
+ }),
+ })
+ );
+ texiao_layer_di.getSource().addFeature(circle);
+
+ // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+ var radius = 0;
+ map.on("postcompose", function () {
+ // 增大半径，最大20
+ radius++;
+ radius = radius % 10;
+ // 设置样式
+ circle.setStyle(
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: radius,
+ stroke: new ol.style.Stroke({
+ color: "yellow",
+ size: 1,
+ }),
+ }),
+ })
+ );
+ });
+ }
+ //特效动画实现 -----------------------------end
+ } else if (tach == 1) {
+ once = once + 1;
+ } else {
+ if (tach == 2 && once == 1) {
+ alert("没有找到相关人员农房农地信息");
+ }
+ }
+ })
+ .catch((error) => {
+ console.log("【异常】", error);
+ });
+ map.addLayer(delete_map[i]);
+ }
+ }
+ });
+ //按照查询 定位地图-----------------end
+
+ //开始绘制地图 ------------------- start
+
+ var vector_drawing;
+ var draw;
+ //开始绘制地图
+ $("#drawPolygon").click(function () {
+ //map.removeLayer(zjd_land);
+ map.removeLayer(vector_drawing);
+ //var source = new ol.source.Vector({wrapX: false});
+ vector_drawing = new ol.layer.Vector({
+ source: new ol.source.Vector(),
+ });
+ map.addLayer(vector_drawing);
+
+ function addInteraction() {
+ draw = new ol.interaction.Draw({
+ source: vector_drawing.getSource(),
+ type: "Polygon",
+ });
+ draw.on("drawend", function (evt) {
+ var feature = evt.feature;
+ var geometry = feature.getGeometry();
+ var coordinate = geometry.getCoordinates();
+ _this.coordinateList = coordinate.toString();
+ $("#drawRemove").trigger("click");
+ _this.$set(_this.draw, "drawMapPolygon", false);
+
+ //that.drawInsert = coordinate;
+ });
+ map.addInteraction(draw);
+ }
+
+ addInteraction();
+ });
+ //清除画图鼠标点击事件
+ $("#drawRemove").click(function () {
+ map.removeInteraction(draw);
+ });
+ //还原之前图层
+ $("#drawReset").click(function () {
+ map.removeLayer(vector_drawing);
+ //map.addLayer(zjd_land);
+ });
+
+ //开始绘制地图 ------------------- end
+
+ //特效实现
+ $("#texiao_fang").on("click", function () {
+ /**
+ * @api wfs服务空间查询
+ * @param {*} wfsurl
+ * @param {*} srsName
+ * @param {*} typeName
+ * @param {*} drawType
+ * @param {option 可选} geometryField
+ */
+
+ //alert("进入分类");
+ //删除之前加载的图层
+ map.removeLayer(texiao_layer_fang);
+ map.removeLayer(texiao_layer_di);
+ var cun = _this.villageDataObj.deptName;
+ _this.homesteadListShrink();
+ //删除之前加载的图层
+ //map.removeLayer(dishitu);
+ //map.removeLayer(cunshitu);
+ //分类查询查询农地、农房
+ var difang;
+ //地的数据判断
+ difang = "nsgk_hc:t_geo_hc_house";
+ //查询条件
+ var cql_filter;
+ //村的数据判断
+ var val = $("#texiao_fang").val();
+ if (val == "") {
+ alert("请填写查询条件在查询");
+ }
+ //for(var i=0; i< difang.length; i++){
+ //cql_filter = "CM='"+cun +"'"+ "and FWSYRMC='"+query_mz.value;
+ cql_filter = "FWSYRMC='" + val + "' and CM='" + cun + "'";
+ //图层加载
+ //地的数据判断
+
+ //定位查询位置
+ let param_dw = {
+ srsName: "EPSG:3857",
+ service: "WFS",
+ version: "1.0.0",
+ request: "GetFeature",
+ typename: difang,
+ //featureNS: 'nsgk_hc',//命名空间 URI
+ cql_filter: cql_filter,
+ //featurePrefix: 'nationalwater',//工作区名称
+ //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+ outputFormat: "application/json",
+ //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+ };
+ let url_dw = "http://116.255.223.226:8080/geoserver/nsgk_hc/wfs"; //wfsurl;
+ url_dw = url_dw + "?";
+ for (let key in param_dw) {
+ url_dw = url_dw + key + "=" + param_dw[key] + "&";
+ }
+ url_dw = url_dw.substr(0, url_dw.length - 1);
+ fetch(url_dw, {
+ method: "POST", // *GET, POST, PUT, DELETE, etc.
+ })
+ .then((res) => {
+ var geojsonmap = res.json();
+ return geojsonmap;
+ })
+ .then((data) => {
+ //关联查询农房信息---------------start
+ document.getElementById("info").innerHTML = "";
+ var select_fang = (document.getElementById("info").innerHTML =
+ data.features[0].properties);
+ _this.farmhouseStatus = 0;
+ let obj = {};
+ let zjId = data.features[0].id;
+ let zjIdNum = zjId.replace("t_geo_hc_house.", "");
+ obj.id = zjIdNum; // 主键id
+ obj.fwsyrmc = select_fang.FWSYRMC; //房屋所有人名称
+ obj.cm = select_fang.CM; //村名
+ obj.cdm = select_fang.CDM; //村代码
+ obj.dz = select_fang.DZ; //地址
+ obj.sfyspsx = select_fang.SFYSPSX; //是否有审批手续
+ obj.fwsyqh = select_fang.FWSYQH; //房屋所有权证号
+ obj.jzmj = select_fang.JZMJ; //建筑面积
+ obj.tdzh = select_fang.TDZH; //建筑面积
+ obj.tdxz = select_fang.TDXZ; //土地性质
+ obj.tdmj = select_fang.TDMJ; //土地面积
+ obj.xzqk = select_fang.XZQK; //现状情况
+ obj.zlrxm = select_fang.ZLRXM; //租赁人姓名
+ obj.zlhtjzrq = select_fang.ZLHTJZRQ; //租赁合同截止日期
+ obj.zlsynx = select_fang.ZLSYNX; //租赁剩余年限
+ obj.xzfwsfylzy = select_fang.XZFWSFYLZY; //闲置房屋是否有流转意愿
+ obj.xh = select_fang.XH; //农房编号
+
+ obj.orgCode = select_fang.org_code; //行政区代码
+ obj.tdfl = select_fang.TDFL; //集体/个人
+ obj.frontHouse = select_fang.front_house; //图片前
+ obj.behindHouse = select_fang.behind_house; //图片后
+ let cloneObj = JSON.parse(JSON.stringify(obj));
+ _this.houseInfoList = cloneObj;
+ // _this.houseInfoList.frontland = "";
+ // _this.houseInfoList.behindland = "";
+ _this.houseInfoLookList = obj;
+ //关联查询农房信息---------------end
+ //定位结束 --------------start
+ //var datamap = data.bbox;
+ var datamap = data.features[0].bbox;
+ map.getView().animate({
+ // 只设置需要的属性即可
+ center: datamap, // 中心点
+ zoom: 18, // 缩放级别
+ rotation: undefined, // 缩放完成view视图旋转弧度
+ duration: 1000, // 缩放持续时间，默认不需要设置
+ });
+ //定位结束 --------------end
+ //特效动画实现 -----------------------------start
+ texiao_layer_fang = new ol.layer.Vector({
+ source: new ol.source.Vector(),
+ });
+ map.addLayer(texiao_layer_fang);
+
+ var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+ var circle = new ol.Feature({
+ geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+ });
+
+ //var out =new ol.coordinate.Coordinate(datamap);
+ //var extent = ol.extent.boundingExtent(feature.getGeometry().getCoordinates()[datamap]); //获取一个坐标数组的边界，格式为[minx,miny,maxx,maxy]
+ //var center = ol.extent.getCenter(extent); //获取边界区域的中心位置
+ //map.getView().setCenter(center); //设置当前地图的显示中心位置
+ circle.setStyle(
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: 0,
+ stroke: new ol.style.Stroke({
+ color: "yellow",
+ size: 1,
+ }),
+ }),
+ })
+ );
+ texiao_layer_fang.getSource().addFeature(circle);
+
+ // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+ var radius = 0;
+ map.on("postcompose", function () {
+ // 增大半径，最大20
+ radius++;
+ radius = radius % 10;
+ // 设置样式
+ circle.setStyle(
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: radius,
+ stroke: new ol.style.Stroke({
+ color: "yellow",
+ size: 1,
+ }),
+ }),
+ })
+ );
+ });
+ //特效动画实现 -----------------------------end
+ })
+ .catch((error) => {
+ console.log("【异常】", error);
+ });
+ });
+ //-----------------------------------------------------------------------------特效农房加载结束 end
+
+ //-----------------------------------------------------------------------------特效农地加载开始 start
+ //特效实现
+ $("#texiao_di").on("click", function () {
+ /**
+ * @api wfs服务空间查询
+ * @param {*} wfsurl
+ * @param {*} srsName
+ * @param {*} typeName
+ * @param {*} drawType
+ * @param {option 可选} geometryField
+ */
+ //alert("进入分类");
+ //删除之前加载的图层
+ map.removeLayer(texiao_layer_di);
+ map.removeLayer(texiao_layer_fang);
+ _this.homesteadListShrink();
+ var cun = _this.villageDataObj.deptName;
+ //删除之前加载的图层
+ //map.removeLayer(dishitu);
+ //map.removeLayer(cunshitu);
+ //分类查询查询农地、农房
+ var difang;
+ //地的数据判断
+ difang = "nsgk_hc:t_geo_hc_land";
+ //查询条件
+ var cql_filter;
+ //村的数据判断
+ var val = $("#texiao_di").val();
+ if (val == "") {
+ alert("请填写查询条件在查询");
+ }
+ //for(var i=0; i< difang.length; i++){
+ //cql_filter = "CM='"+cun +"'"+ "and FWSYRMC='"+query_mz.value;
+ cql_filter = "SYRMC='" + val + "' and CM='" + cun + "'";
+ //图层加载
+
+ //定位查询位置
+ let param_dw = {
+ srsName: "EPSG:3857",
+ service: "WFS",
+ version: "1.0.0",
+ request: "GetFeature",
+ typename: difang,
+ INFO_FORMAT: "text/html",
+ //featureNS: 'nsgk_hc',//命名空间 URI
+ cql_filter: cql_filter,
+ //featurePrefix: 'nationalwater',//工作区名称
+ //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+ outputFormat: "application/json",
+ //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+ };
+ let url_dw = "http://116.255.223.226:8080/geoserver/nsgk_hc/wfs"; //wfsurl;
+ url_dw = url_dw + "?";
+ for (let key in param_dw) {
+ url_dw = url_dw + key + "=" + param_dw[key] + "&";
+ }
+ url_dw = url_dw.substr(0, url_dw.length - 1);
+ fetch(url_dw, {
+ method: "POST", // *GET, POST, PUT, DELETE, etc.
+ })
+ .then((res) => {
+ var geojsonmap = res.json();
+ return geojsonmap;
+ })
+ .then((data) => {
+ //获取坐标定位开始----------start
+ //var datamap = data.bbox;
+ var datamap = data.features[0].bbox;
+ map.getView().animate({
+ // 只设置需要的属性即可
+ center: datamap, // 中心点
+ zoom: 16, // 缩放级别
+ rotation: undefined, // 缩放完成view视图旋转弧度
+ duration: 1000, // 缩放持续时间，默认不需要设置
+ });
+ //获取坐标定位开始----------end
+ //特效动画实现 -----------------------------start
+ texiao_layer_di = new ol.layer.Vector({
+ source: new ol.source.Vector(),
+ });
+ map.addLayer(texiao_layer_di);
+
+ var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+ var circle = new ol.Feature({
+ geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+ });
+
+ //var out =new ol.coordinate.Coordinate(datamap);
+ //var extent = ol.extent.boundingExtent(feature.getGeometry().getCoordinates()[datamap]); //获取一个坐标数组的边界，格式为[minx,miny,maxx,maxy]
+ //var center = ol.extent.getCenter(extent); //获取边界区域的中心位置
+ //map.getView().setCenter(center); //设置当前地图的显示中心位置
+ circle.setStyle(
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: 0,
+ stroke: new ol.style.Stroke({
+ color: "#ef5b9c",
+ size: 1,
+ }),
+ }),
+ })
+ );
+ texiao_layer_di.getSource().addFeature(circle);
+
+ // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+ var radius = 0;
+ map.on("postcompose", function () {
+ // 增大半径，最大20
+ radius++;
+ radius = radius % 10;
+ // 设置样式
+ circle.setStyle(
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: radius,
+ stroke: new ol.style.Stroke({
+ color: "#ef5b9c",
+ size: 1,
+ }),
+ }),
+ })
+ );
+ });
+ //特效动画实现 -----------------------------end
+ //关联查询农地信息 ----------start
+ document.getElementById("info").innerHTML = "";
+ var select_di = (document.getElementById("info").innerHTML =
+ data.features[0].properties);
+ _this.farmhouseStatus = 1;
+ let obj = {};
+ let zjId = data.features[0].id;
+ let zjIdNum = zjId.replace("t_geo_hc_land.", "");
+ obj.id = zjIdNum; // 主键id
+ obj.xh = select_di.XH; //序号
+ obj.cm = select_di.CM; //村名
+ obj.cbrmc = select_di.CBRMC; //承包人名称
+ obj.syrmc = select_di.SYRMC; //使用人名称
+ obj.nydlx = select_di.NYDLX; //农用地类型
+ obj.mj = select_di.MJ; //面积
+ obj.xzqk = select_di.XZQK; //现状情况
+ obj.lzhtjzrq = select_di.LZHTJZRQ; //流转合同截止时间
+ obj.lzsynx = select_di.LZSYNX; //流转剩余年限
+ obj.sfylzyx = select_di.SFYLZYX; //是否流转意向
+ obj.cdm = select_di.CDM; //村代码
+ obj.orgCode = select_di.org_code; //行政区化代码
+ obj.frontland = select_di.front_land; //图片前
+ obj.behindland = select_di.behind_land; //图片后
+ // // _this.nydlxOptionsValue = trs.find("td").eq(5).text(); //农用地类型
+ let cloneObj = JSON.parse(JSON.stringify(obj));
+ _this.landInfoList = cloneObj;
+ // _this.landInfoList.frontland = "";
+ // _this.landInfoList.behindland = "";
+ _this.landInfoLookList = obj;
+ //关联查询农地信息 ----------end
+ })
+ .catch((error) => {
+ console.log("【异常】", error);
+ });
+ });
+
+ //-----------------------------------------------------------------------------特效农地加载结束 end
+ },
},
}
@@ -99,6 +1388,7 @@
left: 3%;
border-radius: 8PX;
overflow: hidden;
+ z-index: 999999;
/deep/ .van-dropdown-item__content{
width: 94%;
left: 3%;
@@ -106,4 +1396,12 @@
border-bottom-right-radius: 8PX;
}
}
+.map_area {
+ width: 100vw;
+ height: 100vh;
+ background: #ddd;
+ position: absolute;
+ left: 0;
+ top: 0;
+}
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd13.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd13.vue
new file mode 100644
index 00000000..b102368f
--- /dev/null
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd13.vue
@@ -0,0 +1,311 @@
+
+
+
+
+ 添加重大事项
+
+
+
+
+
+
+ 基础信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存
+
+
+
+
+
+
+
+
+
+
+
+ 重大事项
+
+
+
+
+
+
+ 基础信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 重大事项
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.eventTime}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 附件
+
+
+
+
+
+
+ 修改重大事项
+
+
+
+ 基础信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存
+
+
+
+
+
+
+
+
+
+
+
+ 审批历史
+
+
+
+
+
+
+
+
+
+
+ {{item1.activityName}}
+
+
+ {{item1.startTime}}
+
+
+
+
+ {{item1.assigneeName}}
+
+
+ {{item1.comment}}
+
+
+
+
+
+
开户行
+
+
+
+
重大事项
+