| @@ -7,8 +7,8 @@ | |||||
| content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1.0,maximum=scale=1.0" /> | content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1.0,maximum=scale=1.0" /> | ||||
| <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico"> | <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico"> | ||||
| <script src="/static/js/ol.js"></script> | <script src="/static/js/ol.js"></script> | ||||
| <script type="text/javascript" | |||||
| src="http://api.tianditu.gov.cn/api?v=4.0&tk=cc4aba6e967096098249efa069733067"></script> | |||||
| <!-- <script type="text/javascript" | |||||
| src="http://api.tianditu.gov.cn/api?v=4.0&tk=cc4aba6e967096098249efa069733067"></script>--> | |||||
| <title>农燊高科</title> | <title>农燊高科</title> | ||||
| </head> | </head> | ||||
| @@ -17,4 +17,4 @@ | |||||
| <!-- built files will be auto injected --> | <!-- built files will be auto injected --> | ||||
| </body> | </body> | ||||
| </html> | |||||
| </html> | |||||
| @@ -8,7 +8,22 @@ export function getList(data){ | |||||
| params:data | params:data | ||||
| }) | }) | ||||
| } | } | ||||
| // 查询乡镇账户列表 | |||||
| export function queryTaccount(query) { | |||||
| return request({ | |||||
| url: '/yinnong/taccount/query', | |||||
| method: 'get', | |||||
| params: query | |||||
| }) | |||||
| } | |||||
| // 查询开户行信息列表 | |||||
| export function listDeposit(query) { | |||||
| return request({ | |||||
| url: '/yinnong/deposit/list', | |||||
| method: 'get', | |||||
| params: query | |||||
| }) | |||||
| } | |||||
| // 查询出纳账户设置详细 | // 查询出纳账户设置详细 | ||||
| export function getAccount(id) { | export function getAccount(id) { | ||||
| return request({ | return request({ | ||||
| @@ -51,3 +66,21 @@ export function delAccount(id) { | |||||
| method: 'get' | method: 'get' | ||||
| }) | }) | ||||
| } | } | ||||
| // 查询管控类型为中心账套时中心账套列表 | |||||
| export function getCentralBooks(query) { | |||||
| return request({ | |||||
| url: '/cashier/account/centralBooks', | |||||
| method: 'get', | |||||
| params: query | |||||
| }) | |||||
| } | |||||
| // 查询管控类型为中心账套时会计科目列表 | |||||
| export function getCentralSubjects(query) { | |||||
| return request({ | |||||
| url: '/cashier/account/centralSubjects', | |||||
| method: 'get', | |||||
| params: query | |||||
| }) | |||||
| } | |||||
| @@ -282,3 +282,12 @@ export function listAccount(query) { | |||||
| params: query | params: query | ||||
| }) | }) | ||||
| } | } | ||||
| // 查询村虚拟出纳账户设置列表 | |||||
| export function listAccount1(query) { | |||||
| return request({ | |||||
| url: '/cashier/account/list1', | |||||
| method: 'get', | |||||
| params: query | |||||
| }) | |||||
| } | |||||
| @@ -35,6 +35,7 @@ export default { | |||||
| newZb: null, | newZb: null, | ||||
| newGeom: null, | newGeom: null, | ||||
| mapData: null, | mapData: null, | ||||
| map:this.guidProduct(), | |||||
| //地图服务地址 | //地图服务地址 | ||||
| mapGeoServerUrl:"", | mapGeoServerUrl:"", | ||||
| }; | }; | ||||
| @@ -68,7 +69,7 @@ export default { | |||||
| /* console.log(this.message);*/ | /* console.log(this.message);*/ | ||||
| //加载地图编辑 | //加载地图编辑 | ||||
| var that = this; | var that = this; | ||||
| var map; | |||||
| //var map; | |||||
| //var hc_land; | //var hc_land; | ||||
| var draw; // global so we can remove it later | var draw; // global so we can remove it later | ||||
| var vector_drawing; | var vector_drawing; | ||||
| @@ -102,6 +103,7 @@ export default { | |||||
| }), | }), | ||||
| isGroup: true, | isGroup: true, | ||||
| name: "卫星影像图", | name: "卫星影像图", | ||||
| resolution:Math.random() * 0.00000001 | |||||
| }); | }); | ||||
| var yingxzi = new ol.layer.Tile({ | var yingxzi = new ol.layer.Tile({ | ||||
| @@ -110,9 +112,10 @@ export default { | |||||
| }), | }), | ||||
| isGroup: true, | isGroup: true, | ||||
| name: "天地图文字标注--卫星影像图", | name: "天地图文字标注--卫星影像图", | ||||
| resolution:Math.random() * 0.00000001 | |||||
| }); | }); | ||||
| //加载地图 | //加载地图 | ||||
| map = new ol.Map({ | |||||
| that.map = new ol.Map({ | |||||
| controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮 | controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮 | ||||
| layers: [aerial, yingxzi], | layers: [aerial, yingxzi], | ||||
| projection: projection, | projection: projection, | ||||
| @@ -122,30 +125,27 @@ export default { | |||||
| zoom: 15, | zoom: 15, | ||||
| minZoom: 5, //地图缩小限制 | minZoom: 5, //地图缩小限制 | ||||
| maxZoom: 18.3, //地图放大限制 | maxZoom: 18.3, //地图放大限制 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }), | }), | ||||
| interactions: ol.interaction.defaults({ | |||||
| pinchRotate: false // 移动端禁止地图旋转 | |||||
| }), | |||||
| //view: new ol.View({ol.view.getResolution() + Math.random() * 0.00000001)});//随机数缩放实现刷新 | |||||
| }); | }); | ||||
| that.mapData= that.message; | that.mapData= that.message; | ||||
| var zjdTc; | var zjdTc; | ||||
| var zrzTc; | var zrzTc; | ||||
| var fsssTc; | var fsssTc; | ||||
| map.removeLayer(zrzTc); | |||||
| map.removeLayer(zjdTc); | |||||
| map.removeLayer(fsssTc); | |||||
| that.map.removeLayer(zrzTc); | |||||
| that.map.removeLayer(zjdTc); | |||||
| that.map.removeLayer(fsssTc); | |||||
| //宅基地图层查询开始 ------------------start | //宅基地图层查询开始 ------------------start | ||||
| // var zjddmNew; | |||||
| // if(that.$cookies.get("search").zjddm !=undefined && that.$cookies.get("search").zjddm !=""){ | |||||
| // zjddmNew = that.$cookies.get("search").zjddm; | |||||
| // }else { | |||||
| // if(that.$cookies.get("item").zjddm !=undefined && that.$cookies.get("item").zjddm !=""){ | |||||
| // zjddmNew = that.$cookies.get("item").zjddm; | |||||
| // } | |||||
| // } | |||||
| var cql_filter_all = "dept_id='" + that.$cookies.get("map").deptId + "'" + "and zjddm='" + that.$cookies.get("map").zjddm + "'"; | |||||
| //村边界查询开始 ------------------------------end | |||||
| var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.$cookies.get("search").zjddm + "'"; | |||||
| console.log(cql_filter_all); | console.log(cql_filter_all); | ||||
| console.log(that.$cookies.get("item")); | |||||
| console.log(that.$cookies.get("search")); | |||||
| zjdTc= new ol.layer.Tile({ | |||||
| source: new ol.source.TileWMS({ | |||||
| zjdTc= new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl +"/geoserver/zjd_dc/wms", | url: that.mapGeoServerUrl +"/geoserver/zjd_dc/wms", | ||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_zjdzd', | LAYERS: 'zjd_dc:t_house_survey_zjdzd', | ||||
| @@ -153,13 +153,14 @@ export default { | |||||
| cql_filter: cql_filter_all, | cql_filter: cql_filter_all, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| }, | }, | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }), | }), | ||||
| }); | }); | ||||
| map.addLayer(zjdTc); | |||||
| that.map.addLayer(zjdTc); | |||||
| //宅基地图层查询开始 ------------------start | //宅基地图层查询开始 ------------------start | ||||
| //自然幢图层查询开始 ------------------start | //自然幢图层查询开始 ------------------start | ||||
| zrzTc= new ol.layer.Tile({ | |||||
| source: new ol.source.TileWMS({ | |||||
| zrzTc= new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | ||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_zrz', | LAYERS: 'zjd_dc:t_house_survey_zrz', | ||||
| @@ -167,14 +168,15 @@ export default { | |||||
| cql_filter: cql_filter_all, | cql_filter: cql_filter_all, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| }, | }, | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }), | }), | ||||
| }); | }); | ||||
| map.addLayer(zrzTc); | |||||
| that.map.addLayer(zrzTc); | |||||
| //自然幢图层查询结束 ------------------end | //自然幢图层查询结束 ------------------end | ||||
| //附属设施图层查询开始 ------------------start | //附属设施图层查询开始 ------------------start | ||||
| fsssTc= new ol.layer.Tile({ | |||||
| source: new ol.source.TileWMS({ | |||||
| fsssTc= new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | ||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_fsss', | LAYERS: 'zjd_dc:t_house_survey_fsss', | ||||
| @@ -182,9 +184,10 @@ export default { | |||||
| cql_filter: cql_filter_all, | cql_filter: cql_filter_all, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| }, | }, | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }), | }), | ||||
| }); | }); | ||||
| map.addLayer(fsssTc); | |||||
| that.map.addLayer(fsssTc); | |||||
| //附属设施图层查询结束 ------------------end | //附属设施图层查询结束 ------------------end | ||||
| //图层查询定位开始 ---------start | //图层查询定位开始 ---------start | ||||
| if(this.message.substring(0,1) =="{"){ | if(this.message.substring(0,1) =="{"){ | ||||
| @@ -200,6 +203,7 @@ export default { | |||||
| " \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
| " \"geometry\":" + this.message + "}"), | " \"geometry\":" + this.message + "}"), | ||||
| }), | }), | ||||
| resolution:Math.random() * 0.00000001, | |||||
| style: new ol.style.Style({ | style: new ol.style.Style({ | ||||
| fill: new ol.style.Fill({ | fill: new ol.style.Fill({ | ||||
| //矢量图层填充颜色,以及透明度 | //矢量图层填充颜色,以及透明度 | ||||
| @@ -212,19 +216,20 @@ export default { | |||||
| }), | }), | ||||
| }), | }), | ||||
| }); | }); | ||||
| map.addLayer(hc_land); | |||||
| that.map.addLayer(hc_land); | |||||
| var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX; | var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX; | ||||
| var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY; | var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY; | ||||
| var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX; | var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX; | ||||
| var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY; | var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY; | ||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| map.getView().animate({ | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
| center: center, // 中心点 | center: center, // 中心点 | ||||
| zoom: 17.9, // 缩放级别 | |||||
| zoom: 16.9, // 缩放级别 | |||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | ||||
| // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | ||||
| @@ -242,6 +247,7 @@ export default { | |||||
| " \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
| " \"geometry\":" + rightJoin + "}"), | " \"geometry\":" + rightJoin + "}"), | ||||
| }), | }), | ||||
| resolution:Math.random() * 0.00000001, | |||||
| style: new ol.style.Style({ | style: new ol.style.Style({ | ||||
| fill: new ol.style.Fill({ | fill: new ol.style.Fill({ | ||||
| //矢量图层填充颜色,以及透明度 | //矢量图层填充颜色,以及透明度 | ||||
| @@ -254,19 +260,20 @@ export default { | |||||
| }), | }), | ||||
| }), | }), | ||||
| }); | }); | ||||
| map.addLayer(hc_land); | |||||
| that.map.addLayer(hc_land); | |||||
| var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX; | var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX; | ||||
| var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY; | var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY; | ||||
| var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX; | var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX; | ||||
| var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY; | var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY; | ||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| map.getView().animate({ | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
| center: center, // 中心点 | center: center, // 中心点 | ||||
| zoom: 16.9, // 缩放级别 | zoom: 16.9, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | ||||
| // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | ||||
| @@ -278,15 +285,15 @@ export default { | |||||
| //开始绘制地图 | //开始绘制地图 | ||||
| $("#"+this.drawingPolygonMap).click(function () { | $("#"+this.drawingPolygonMap).click(function () { | ||||
| that.newGeom = 1; | that.newGeom = 1; | ||||
| map.removeLayer(hc_land); | |||||
| map.removeLayer(vector_drawing); | |||||
| that.map.removeLayer(hc_land); | |||||
| that.map.removeLayer(vector_drawing); | |||||
| //that.closeMoule = null; | //that.closeMoule = null; | ||||
| map.removeInteraction(draw); | |||||
| that.map.removeInteraction(draw); | |||||
| //var source = new ol.source.Vector({wrapX: false}); | //var source = new ol.source.Vector({wrapX: false}); | ||||
| vector_drawing = new ol.layer.Vector({ | vector_drawing = new ol.layer.Vector({ | ||||
| source: new ol.source.Vector(), | source: new ol.source.Vector(), | ||||
| }); | }); | ||||
| map.addLayer(vector_drawing); | |||||
| that.map.addLayer(vector_drawing); | |||||
| function addInteraction() { | function addInteraction() { | ||||
| draw = new ol.interaction.Draw({ | draw = new ol.interaction.Draw({ | ||||
| @@ -299,12 +306,12 @@ export default { | |||||
| var coordinate = geometry.getCoordinates(); | var coordinate = geometry.getCoordinates(); | ||||
| if(coordinate !="" && coordinate !=null){ | if(coordinate !="" && coordinate !=null){ | ||||
| //map.addLayer(vector_drawing); | //map.addLayer(vector_drawing); | ||||
| map.removeInteraction(draw); | |||||
| that.map.removeInteraction(draw); | |||||
| } | } | ||||
| that.closeMoule = coordinate; | that.closeMoule = coordinate; | ||||
| that.formSubmit(); | that.formSubmit(); | ||||
| }); | }); | ||||
| map.addInteraction(draw); | |||||
| that.map.addInteraction(draw); | |||||
| } | } | ||||
| addInteraction(); | addInteraction(); | ||||
| @@ -319,9 +326,9 @@ export default { | |||||
| $("#"+this.drawingResetMap).click(function () { | $("#"+this.drawingResetMap).click(function () { | ||||
| that.newGeom = 2; | that.newGeom = 2; | ||||
| if(that.closeMoule !=null) { | if(that.closeMoule !=null) { | ||||
| map.addLayer(hc_land); | |||||
| map.removeInteraction(draw); | |||||
| map.removeLayer(vector_drawing); | |||||
| that.map.addLayer(hc_land); | |||||
| that.map.removeInteraction(draw); | |||||
| that.map.removeLayer(vector_drawing); | |||||
| that.formSubmit(); | that.formSubmit(); | ||||
| } | } | ||||
| }); | }); | ||||
| @@ -372,7 +379,7 @@ export default { | |||||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | ||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| map.getView().animate({ | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
| center: center, // 中心点 | center: center, // 中心点 | ||||
| zoom: 17.9, // 缩放级别 | zoom: 17.9, // 缩放级别 | ||||
| @@ -414,7 +421,7 @@ export default { | |||||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | ||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| map.getView().animate({ | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
| center: center, // 中心点 | center: center, // 中心点 | ||||
| zoom: 16.9, // 缩放级别 | zoom: 16.9, // 缩放级别 | ||||
| @@ -456,12 +463,13 @@ export default { | |||||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | ||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| map.getView().animate({ | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
| center: center, // 中心点 | center: center, // 中心点 | ||||
| zoom: 17.9, // 缩放级别 | zoom: 17.9, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | ||||
| // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | ||||
| @@ -498,12 +506,13 @@ export default { | |||||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | ||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| map.getView().animate({ | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
| center: center, // 中心点 | center: center, // 中心点 | ||||
| zoom: 16.9, // 缩放级别 | zoom: 16.9, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| } | } | ||||
| } | } | ||||
| @@ -537,7 +546,7 @@ export default { | |||||
| }); | }); | ||||
| //加载地图 | //加载地图 | ||||
| map = new ol.Map({ | |||||
| that.map = new ol.Map({ | |||||
| controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮 | controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮 | ||||
| layers: [aerial, yingxzi], | layers: [aerial, yingxzi], | ||||
| projection: projection, | projection: projection, | ||||
| @@ -549,14 +558,20 @@ export default { | |||||
| zoom: 16.9, | zoom: 16.9, | ||||
| minZoom: 5, //地图缩小限制 | minZoom: 5, //地图缩小限制 | ||||
| maxZoom: 18, //地图放大限制 | maxZoom: 18, //地图放大限制 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }), | |||||
| interactions: ol.interaction.defaults({ | |||||
| pinchRotate: false // 移动端禁止地图旋转 | |||||
| }), | }), | ||||
| }); | }); | ||||
| //view.setResolution(view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新 | |||||
| //获取坐标是否存在 | //获取坐标是否存在 | ||||
| //var Zb; | //var Zb; | ||||
| //村边界查询开始 ------------------------------start | //村边界查询开始 ------------------------------start | ||||
| var cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'"; | var cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'"; | ||||
| var cunTc= new ol.layer.Tile({ | |||||
| source: new ol.source.TileWMS({ | |||||
| console.log(cql_filter); | |||||
| var cunTc= new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl +"/geoserver/zjd_dc/wms", | url: that.mapGeoServerUrl +"/geoserver/zjd_dc/wms", | ||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_border_village', | LAYERS: 'zjd_dc:t_house_survey_border_village', | ||||
| @@ -595,9 +610,10 @@ export default { | |||||
| }) | }) | ||||
| .then((data) => { | .then((data) => { | ||||
| console.log(data); | console.log(data); | ||||
| let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize()); | |||||
| map.getView().fit(data.bbox); | |||||
| map.getView().setResolution(resolution); | |||||
| let resolution = that.map.getView().getResolutionForExtent(data.bbox,that.map.getSize()); | |||||
| resolution:resolution + Math.random() * 0.00000001, | |||||
| that.map.getView().fit(data.bbox); | |||||
| that.map.getView().setResolution(resolution); | |||||
| // var datamap = data.bbox; | // var datamap = data.bbox; | ||||
| // var center = ol.extent.getCenter(datamap); | // var center = ol.extent.getCenter(datamap); | ||||
| // map.getView().animate({ | // map.getView().animate({ | ||||
| @@ -609,12 +625,12 @@ export default { | |||||
| .catch((error) => { | .catch((error) => { | ||||
| console.log("【异常】", error); | console.log("【异常】", error); | ||||
| }); | }); | ||||
| map.addLayer(cunTc); | |||||
| that.map.addLayer(cunTc); | |||||
| //村边界查询开始 ------------------------------end | //村边界查询开始 ------------------------------end | ||||
| //宅基地图层查询开始 ------------------start | //宅基地图层查询开始 ------------------start | ||||
| //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'"; | //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'"; | ||||
| var zjdTc= new ol.layer.Tile({ | |||||
| source: new ol.source.TileWMS({ | |||||
| var zjdTc= new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | ||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_zjdzd', | LAYERS: 'zjd_dc:t_house_survey_zjdzd', | ||||
| @@ -624,7 +640,7 @@ export default { | |||||
| }, | }, | ||||
| }), | }), | ||||
| }); | }); | ||||
| map.addLayer(zjdTc); | |||||
| that.map.addLayer(zjdTc); | |||||
| //宅基地图层查询开始 ------------------start | //宅基地图层查询开始 ------------------start | ||||
| // getQueryLand().then((response) => { | // getQueryLand().then((response) => { | ||||
| // if (response.code == 200) { | // if (response.code == 200) { | ||||
| @@ -660,12 +676,12 @@ export default { | |||||
| //开始绘制地图 | //开始绘制地图 | ||||
| $("#"+this.drawingPolygonMap).click(function () { | $("#"+this.drawingPolygonMap).click(function () { | ||||
| //that.closeMoule = null; | //that.closeMoule = null; | ||||
| map.removeInteraction(draw); | |||||
| that.map.removeInteraction(draw); | |||||
| //var source = new ol.source.Vector({wrapX: false}); | //var source = new ol.source.Vector({wrapX: false}); | ||||
| vector_drawing = new ol.layer.Vector({ | vector_drawing = new ol.layer.Vector({ | ||||
| source: new ol.source.Vector(), | source: new ol.source.Vector(), | ||||
| }); | }); | ||||
| map.addLayer(vector_drawing); | |||||
| that.map.addLayer(vector_drawing); | |||||
| function addInteraction() { | function addInteraction() { | ||||
| draw = new ol.interaction.Draw({ | draw = new ol.interaction.Draw({ | ||||
| @@ -679,12 +695,12 @@ export default { | |||||
| that.newZb = JSON.stringify(coordinate); | that.newZb = JSON.stringify(coordinate); | ||||
| if(coordinate !="" && coordinate !=null){ | if(coordinate !="" && coordinate !=null){ | ||||
| //map.addLayer(vector_drawing); | //map.addLayer(vector_drawing); | ||||
| map.removeInteraction(draw); | |||||
| that.map.removeInteraction(draw); | |||||
| } | } | ||||
| that.closeMoule = coordinate; | that.closeMoule = coordinate; | ||||
| that.formSubmit(); | that.formSubmit(); | ||||
| }); | }); | ||||
| map.addInteraction(draw); | |||||
| that.map.addInteraction(draw); | |||||
| } | } | ||||
| addInteraction(); | addInteraction(); | ||||
| @@ -698,8 +714,8 @@ export default { | |||||
| // }); | // }); | ||||
| //还原之前图层 | //还原之前图层 | ||||
| $("#"+this.drawingResetMap).click(function () { | $("#"+this.drawingResetMap).click(function () { | ||||
| map.removeInteraction(draw); | |||||
| map.removeLayer(vector_drawing); | |||||
| that.map.removeInteraction(draw); | |||||
| that.map.removeLayer(vector_drawing); | |||||
| //that.closeMoule = null; | //that.closeMoule = null; | ||||
| that.formSubmit(); | that.formSubmit(); | ||||
| }); | }); | ||||
| @@ -741,12 +757,13 @@ export default { | |||||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | ||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| map.getView().animate({ | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
| center: center, // 中心点 | center: center, // 中心点 | ||||
| zoom: 17.9, // 缩放级别 | zoom: 17.9, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | ||||
| // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | ||||
| @@ -783,12 +800,13 @@ export default { | |||||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | ||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| map.getView().animate({ | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
| center: center, // 中心点 | center: center, // 中心点 | ||||
| zoom: 16.9, // 缩放级别 | zoom: 16.9, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | ||||
| // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | ||||
| @@ -20,9 +20,9 @@ | |||||
| <div style=" width:90%; left:5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem; | <div style=" width:90%; left:5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem; | ||||
| top:1.2rem"> | top:1.2rem"> | ||||
| <van-row> | <van-row> | ||||
| <van-col span="4" :offset="1" style="text-align:center;" > | |||||
| <van-col span="4" :offset="1" style="text-align:center;" @click="zjdProduct"> | |||||
| <div @click="active=1"> | <div @click="active=1"> | ||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" :message="form.theGeom" @click="mapClickLoading" style="margin-top:0px;"/> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | ||||
| </div> | </div> | ||||
| </van-col> | </van-col> | ||||
| @@ -295,7 +295,7 @@ | |||||
| </van-field> | </van-field> | ||||
| <van-field name="uploader" label="宅基地现场照片" autocomplete="off"> | <van-field name="uploader" label="宅基地现场照片" autocomplete="off"> | ||||
| <template #input> | <template #input> | ||||
| <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="8"></van-uploader> | |||||
| <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="20"></van-uploader> | |||||
| </template> | </template> | ||||
| </van-field> | </van-field> | ||||
| <van-field | <van-field | ||||
| @@ -446,7 +446,7 @@ | |||||
| placeholder="备注" | placeholder="备注" | ||||
| maxlength="200" | maxlength="200" | ||||
| /> | /> | ||||
| <MapGisDrawing ref="drewingClickLoading1" :message="form.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||||
| <MapGisDrawing :ref="this.zjdProductResh" :message="form.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||||
| <div style="margin: 16px;"> | <div style="margin: 16px;"> | ||||
| <van-button v-if="isFinished" round color="#7AC943" style="width:100%" native-type="submit">保存</van-button> | <van-button v-if="isFinished" round color="#7AC943" style="width:100%" native-type="submit">保存</van-button> | ||||
| </div> | </div> | ||||
| @@ -1039,7 +1039,7 @@ | |||||
| label="备注" | label="备注" | ||||
| placeholder="备注" | placeholder="备注" | ||||
| /> | /> | ||||
| <MapGisDrawing ref="drewingClickLoading3" :message="form3.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||||
| <MapGisDrawing :ref="this.zrzProductResh" :message="form3.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||||
| <div style="margin: 16px;" v-if="isFinished"> | <div style="margin: 16px;" v-if="isFinished"> | ||||
| <van-button round block color="#7AC943" native-type="submit">保存</van-button> | <van-button round block color="#7AC943" native-type="submit">保存</van-button> | ||||
| </div> | </div> | ||||
| @@ -1830,7 +1830,7 @@ | |||||
| label="备注" | label="备注" | ||||
| placeholder="备注" | placeholder="备注" | ||||
| /> | /> | ||||
| <van-field | |||||
| <!-- <van-field | |||||
| autocomplete="off" | autocomplete="off" | ||||
| input-align="right" | input-align="right" | ||||
| v-model="nmfwform.zjdxctp" | v-model="nmfwform.zjdxctp" | ||||
| @@ -1843,7 +1843,7 @@ | |||||
| <template #input> | <template #input> | ||||
| <van-uploader v-model="fileListfw" :after-read="beforeReadfw" multiple @delete="deleteFilefw" :max-count="4"></van-uploader> | <van-uploader v-model="fileListfw" :after-read="beforeReadfw" multiple @delete="deleteFilefw" :max-count="4"></van-uploader> | ||||
| </template> | </template> | ||||
| </van-field> | |||||
| </van-field>--> | |||||
| <div style="margin: 16px;" v-if="isFinished"> | <div style="margin: 16px;" v-if="isFinished"> | ||||
| <van-button round block color="#7AC943" native-type="submit">保存</van-button> | <van-button round block color="#7AC943" native-type="submit">保存</van-button> | ||||
| </div> | </div> | ||||
| @@ -2418,7 +2418,7 @@ | |||||
| label="备注" | label="备注" | ||||
| placeholder="备注" | placeholder="备注" | ||||
| /> | /> | ||||
| <MapGisDrawing ref="drewingClickLoading4" :message="form4.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||||
| <MapGisDrawing :ref="this.fsssProductResh" :message="form4.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||||
| <div style="margin: 16px;" v-if="isFinished"> | <div style="margin: 16px;" v-if="isFinished"> | ||||
| <van-button round block color="#7AC943" native-type="submit">保存</van-button> | <van-button round block color="#7AC943" native-type="submit">保存</van-button> | ||||
| </div> | </div> | ||||
| @@ -3148,29 +3148,38 @@ | |||||
| enterMap: "", | enterMap: "", | ||||
| //记录从地图进入宅基地代码 | //记录从地图进入宅基地代码 | ||||
| enterMapZjddm:"", | enterMapZjddm:"", | ||||
| //地图状态保存 | |||||
| numerical:"", | |||||
| //审核状态 | //审核状态 | ||||
| isFinished:false, | isFinished:false, | ||||
| // cookies | // cookies | ||||
| cookiesInfo:null, | cookiesInfo:null, | ||||
| // 异常标记照片 | // 异常标记照片 | ||||
| fileListyc:[], | fileListyc:[], | ||||
| //刷新随机数 | |||||
| zjdProductResh:this.guidProduct(), | |||||
| zrzProductResh:this.guidProduct(), | |||||
| fsssProductResh:this.guidProduct(), | |||||
| }; | }; | ||||
| }, | }, | ||||
| created(){ | created(){ | ||||
| console.log(this.$route.query.res); | |||||
| console.log(this.$cookies.get("search")); | console.log(this.$cookies.get("search")); | ||||
| //this.itemBc = this.$cookies.get("map"); | //this.itemBc = this.$cookies.get("map"); | ||||
| //this.$cookies.set("item",""); | //this.$cookies.set("item",""); | ||||
| if(this.$cookies.get("search") !=null &&this.$cookies.get("search").zjddm !="" && this.$cookies.get("search").zjddm !=undefined && this.$cookies.get("search").zjddm !=null){ | if(this.$cookies.get("search") !=null &&this.$cookies.get("search").zjddm !="" && this.$cookies.get("search").zjddm !=undefined && this.$cookies.get("search").zjddm !=null){ | ||||
| this.ztMap =false; | this.ztMap =false; | ||||
| this.$cookies.set("map",this.$cookies.get("search")); | |||||
| console.log(this.$cookies.get("map")); | |||||
| //this.$cookies.set("map",this.$cookies.get("search")); | |||||
| this.numerical =this.$cookies.get("search"); | |||||
| }else { | }else { | ||||
| this.ztMap =true; | |||||
| if(this.$route.query.res !=null && this.$route.query.res !="" && this.$route.query.res !=undefined){ | |||||
| this.ztMap =true; | |||||
| this.numerical =this.$route.query.res; | |||||
| } | |||||
| } | } | ||||
| if(this.$cookies.get("search")){ | |||||
| if(this.$cookies.get("search").active!=null){ | |||||
| this.cookiesInfo = this.$cookies.get("search") | |||||
| if(this.numerical){ | |||||
| if(this.numerical.active!=null){ | |||||
| this.cookiesInfo = this.numerical | |||||
| this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
| //返回地图值记录----start | //返回地图值记录----start | ||||
| this.backMap.activeBtn = 4; | this.backMap.activeBtn = 4; | ||||
| @@ -3178,10 +3187,7 @@ | |||||
| this.backMap.backMapZjdAData = this.cookiesInfo.mapZjdAData; | this.backMap.backMapZjdAData = this.cookiesInfo.mapZjdAData; | ||||
| this.backMap.deptId = this.cookiesInfo.mapZjdAData.deptId; | this.backMap.deptId = this.cookiesInfo.mapZjdAData.deptId; | ||||
| this.backMap.zjddm = this.cookiesInfo.mapZjdAData.zjddm; | this.backMap.zjddm = this.cookiesInfo.mapZjdAData.zjddm; | ||||
| if(this.ztMap){ | |||||
| this.$cookies.set("map",this.backMap); | |||||
| } | |||||
| this.form.theGeom = this.cookiesInfo.mapZjdAData.theGeom; | |||||
| //this.form.theGeom = this.cookiesInfo.mapZjdAData.theGeom; | |||||
| //this.enterMapZjddm = this.cookiesInfo.mapZjdAData.zjddm; | //this.enterMapZjddm = this.cookiesInfo.mapZjdAData.zjddm; | ||||
| //返回地图值记录----end | //返回地图值记录----end | ||||
| this.active = this.cookiesInfo.active; | this.active = this.cookiesInfo.active; | ||||
| @@ -3193,7 +3199,9 @@ | |||||
| this.getnhdmlist(); | this.getnhdmlist(); | ||||
| this.getBaseUrl(); | this.getBaseUrl(); | ||||
| this.getZjd(); | this.getZjd(); | ||||
| //this.mapClickLoading(); | |||||
| if(this.ztMap){ | |||||
| this.$cookies.set("search",this.backMap); | |||||
| } | |||||
| let zrz = this.cookiesInfo.mapZrzAData; | let zrz = this.cookiesInfo.mapZrzAData; | ||||
| let fsss = this.cookiesInfo.mapFsssAData; | let fsss = this.cookiesInfo.mapFsssAData; | ||||
| if(this.cookiesInfo.active=="3"){ | if(this.cookiesInfo.active=="3"){ | ||||
| @@ -3218,6 +3226,7 @@ | |||||
| this.cookiesInfo = this.$cookies.get("search") | this.cookiesInfo = this.$cookies.get("search") | ||||
| this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
| this.item = this.cookiesInfo | this.item = this.cookiesInfo | ||||
| this.$cookies.set("search",this.cookiesInfo); | |||||
| if(this.item.houseDataConfirmStatus!="CONFIRMED"){ | if(this.item.houseDataConfirmStatus!="CONFIRMED"){ | ||||
| this.isFinished = true | this.isFinished = true | ||||
| } | } | ||||
| @@ -3341,9 +3350,9 @@ | |||||
| }); | }); | ||||
| }, | }, | ||||
| mounted(){ | mounted(){ | ||||
| if(this.active ==1){ | |||||
| this.mapClickLoading(); | |||||
| } | |||||
| // if(this.active ==1 && !this.ztMap){ | |||||
| // this.mapClickLoading(); | |||||
| // } | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| showPic(){ | showPic(){ | ||||
| @@ -3802,8 +3811,8 @@ | |||||
| d.push(blobBin.charCodeAt(i)) | d.push(blobBin.charCodeAt(i)) | ||||
| } | } | ||||
| const data2 = new FormData(); | const data2 = new FormData(); | ||||
| console.log(d) | |||||
| data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | ||||
| this.saveBlobAsFile(new Blob([new Uint8Array(d)],{type:'image/jpeg'}),this.form.zjddm) | |||||
| uploadFile(data2).then(res => { | uploadFile(data2).then(res => { | ||||
| if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""){ | if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""){ | ||||
| this.form.zjdxctp = this.form.zjdxctp + "," + res.fileName | this.form.zjdxctp = this.form.zjdxctp + "," + res.fileName | ||||
| @@ -3813,6 +3822,39 @@ | |||||
| }) | }) | ||||
| } | } | ||||
| }, | }, | ||||
| blobToBase64(blob) { | |||||
| return new Promise((resolve, reject) => { | |||||
| const fileReader = new FileReader(); | |||||
| fileReader.onload = (e) => { | |||||
| resolve(e.target.result); | |||||
| }; | |||||
| // readAsDataURL | |||||
| fileReader.readAsDataURL(blob); | |||||
| fileReader.onerror = () => { | |||||
| reject(new Error('blobToBase64 error')); | |||||
| }; | |||||
| }); | |||||
| }, | |||||
| saveBlobAsFile(blob, fileName) { | |||||
| /* var reader = new FileReader(blob); | |||||
| reader.onloadend = function () { | |||||
| var base64 = reader.result ; | |||||
| var link = document.createElement("a"); | |||||
| link.setAttribute("href", base64); | |||||
| link.setAttribute("download", fileName); | |||||
| link.click(); | |||||
| /!**!/ | |||||
| }; | |||||
| reader.readAsDataURL(blob);*/ | |||||
| let link = document.createElement("a"); | |||||
| link.href = window.URL.createObjectURL(blob); | |||||
| link.download = fileName; | |||||
| link.click(); | |||||
| window.URL.revokeObjectURL(link.href) | |||||
| link.remove() | |||||
| }, | |||||
| // 图片删除 | // 图片删除 | ||||
| deleteFilezjd(file){ | deleteFilezjd(file){ | ||||
| let url = ","+file.baseUrl | let url = ","+file.baseUrl | ||||
| @@ -4249,9 +4291,9 @@ | |||||
| //this.enterMap=""; | //this.enterMap=""; | ||||
| //this.$cookies.set("item",""); | //this.$cookies.set("item",""); | ||||
| if(this.ztMap && this.enterMap ==1){ | if(this.ztMap && this.enterMap ==1){ | ||||
| this.$cookies.set("map",this.backMap); | |||||
| this.$cookies.set("search",this.backMap); | |||||
| } else { | } else { | ||||
| this.$cookies.set("map",""); | |||||
| this.$cookies.set("search",""); | |||||
| } | } | ||||
| this.$router.push({name:'homesteadList'}); | this.$router.push({name:'homesteadList'}); | ||||
| // } | // } | ||||
| @@ -4522,6 +4564,7 @@ | |||||
| this.form.djName = res.dictLabel | this.form.djName = res.dictLabel | ||||
| } | } | ||||
| }) | }) | ||||
| this.zjdProduct(); | |||||
| }); | }); | ||||
| }else{ | }else{ | ||||
| let params = { | let params = { | ||||
| @@ -4556,6 +4599,7 @@ | |||||
| this.form.suyqrdm = response.rows[0].suyqrdm | this.form.suyqrdm = response.rows[0].suyqrdm | ||||
| this.form.zl = response.rows[0].suyqrmc | this.form.zl = response.rows[0].suyqrmc | ||||
| } | } | ||||
| this.zjdProduct(); | |||||
| }); | }); | ||||
| } | } | ||||
| }, | }, | ||||
| @@ -5440,6 +5484,7 @@ | |||||
| sjlyName:'农村宅基地使用权确权登记发证', | sjlyName:'农村宅基地使用权确权登记发证', | ||||
| theGeom:this.form.theGeom, | theGeom:this.form.theGeom, | ||||
| } | } | ||||
| this.zrzProduct(); | |||||
| }else{ | }else{ | ||||
| this.form3 = item | this.form3 = item | ||||
| this.form3.theGeom = item.theGeom; | this.form3.theGeom = item.theGeom; | ||||
| @@ -5474,10 +5519,12 @@ | |||||
| } | } | ||||
| }) | }) | ||||
| } | } | ||||
| if(this.form3.theGeom == null){ | |||||
| this.form3.theGeom = this.form.theGeom; | |||||
| } | |||||
| } | } | ||||
| this.showzrz = true; | this.showzrz = true; | ||||
| this.mapClickLoading(); | |||||
| this.zrzProduct(); | |||||
| this.active = 3; | this.active = 3; | ||||
| // if(){ | // if(){ | ||||
| // | // | ||||
| @@ -5735,6 +5782,7 @@ | |||||
| sfsgcf:'N', | sfsgcf:'N', | ||||
| theGeom:this.form.theGeom, | theGeom:this.form.theGeom, | ||||
| } | } | ||||
| this.fsssProduct(); | |||||
| }else{ | }else{ | ||||
| this.form4=item | this.form4=item | ||||
| console.log(this.form4); | console.log(this.form4); | ||||
| @@ -5775,7 +5823,7 @@ | |||||
| this.form4.sfsgcf = "N" | this.form4.sfsgcf = "N" | ||||
| } | } | ||||
| if(this.form4.theGeom==null||this.form4.theGeom==""){ | if(this.form4.theGeom==null||this.form4.theGeom==""){ | ||||
| this.form4.theGeom = this.form4.theGeom | |||||
| this.form4.theGeom = this.form.theGeom | |||||
| } | } | ||||
| this.fssslxOptions.map(res => { | this.fssslxOptions.map(res => { | ||||
| if(res.dictValue == item.fssslx){ | if(res.dictValue == item.fssslx){ | ||||
| @@ -5810,7 +5858,7 @@ | |||||
| } | } | ||||
| this.showfsss = true; | this.showfsss = true; | ||||
| this.active = 4; | this.active = 4; | ||||
| this.mapClickLoading(); | |||||
| this.fsssProduct(); | |||||
| } | } | ||||
| }, | }, | ||||
| showPopup3() { | showPopup3() { | ||||
| @@ -6005,15 +6053,13 @@ | |||||
| }, | }, | ||||
| //地图加载js------start | //地图加载js------start | ||||
| mapClickLoading(){ | mapClickLoading(){ | ||||
| //this.$cookies.set("item", this.form); | |||||
| console.log(this.$cookies.get("item")); | |||||
| setTimeout(() => { | setTimeout(() => { | ||||
| if(this.active =="1"){ | if(this.active =="1"){ | ||||
| this.$refs.drewingClickLoading1.drawingPaceCountryDarw(); | |||||
| this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
| }else if(this.active=="3"){ | }else if(this.active=="3"){ | ||||
| this.$refs.drewingClickLoading3.drawingPaceCountryDarw(); | |||||
| this.$refs[this.zrzProductResh].drawingPaceCountryDarw(); | |||||
| }else if(this.active=="4"){ | }else if(this.active=="4"){ | ||||
| this.$refs.drewingClickLoading4.drawingPaceCountryDarw(); | |||||
| this.$refs[this.fsssProductResh].drawingPaceCountryDarw(); | |||||
| } else { | } else { | ||||
| } | } | ||||
| @@ -6031,6 +6077,25 @@ | |||||
| } | } | ||||
| }, | }, | ||||
| zjdProduct(){ | |||||
| this.zjdProductResh = this.guidProduct(); | |||||
| this.mapClickLoading(); | |||||
| }, | |||||
| zrzProduct(){ | |||||
| this.zrzProductResh = this.guidProduct(); | |||||
| this.mapClickLoading(); | |||||
| }, | |||||
| fsssProduct(){ | |||||
| this.fsssProductResh = this.guidProduct(); | |||||
| this.mapClickLoading(); | |||||
| }, | |||||
| guidProduct(){ | |||||
| return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
| var r = Math.random() * 16 | 0, | |||||
| v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
| return v.toString(16); | |||||
| }); | |||||
| }, | |||||
| //地图加载js------end | //地图加载js------end | ||||
| } | } | ||||
| } | } | ||||
| @@ -1382,6 +1382,7 @@ | |||||
| backTheGeom:"", | backTheGeom:"", | ||||
| //地图服务地址 | //地图服务地址 | ||||
| mapGeoServerUrl:"", | mapGeoServerUrl:"", | ||||
| backMap:"", | |||||
| // 任务完成标记 | // 任务完成标记 | ||||
| isFinished:false, | isFinished:false, | ||||
| @@ -1429,15 +1430,15 @@ | |||||
| this.getDicts("member_remark").then(response => { | this.getDicts("member_remark").then(response => { | ||||
| this.cybzOptions = response.data; | this.cybzOptions = response.data; | ||||
| }); | }); | ||||
| if(this.$cookies.get("map") != null && this.$cookies.get("map") !="" && this.$cookies.get("map")!=undefined){ | |||||
| if(this.$cookies.get("map").activeBtn !=null){ | |||||
| if(this.$cookies.get("map").activeBtn == 4){ | |||||
| this.activeBtn = this.$cookies.get("map").activeBtn; | |||||
| if(this.$cookies.get("search") != null && this.$cookies.get("search") !="" && this.$cookies.get("search")!=undefined){ | |||||
| if(this.$cookies.get("search").activeBtn !=null){ | |||||
| if(this.$cookies.get("search").activeBtn == 4){ | |||||
| this.activeBtn = this.$cookies.get("search").activeBtn; | |||||
| this.item = this.$cookies.get("item"); | this.item = this.$cookies.get("item"); | ||||
| this.mapAddJump = this.$cookies.get("map").backMapZjdAData.deptId; | |||||
| this.backTheGeom = this.$cookies.get("map").backMapZjdAData.theGeom; | |||||
| this.mapZjdData = this.$cookies.get("map").backMapZjdAData; | |||||
| this.mapZjdTeAll.mapZjdAData = this.$cookies.get("map").backMapZjdAData; | |||||
| this.mapAddJump = this.$cookies.get("search").backMapZjdAData.deptId; | |||||
| this.backTheGeom = this.$cookies.get("search").backMapZjdAData.theGeom; | |||||
| this.mapZjdData = this.$cookies.get("search").backMapZjdAData; | |||||
| this.mapZjdTeAll.mapZjdAData = this.$cookies.get("search").backMapZjdAData; | |||||
| this.zjdHcDy = 1; | this.zjdHcDy = 1; | ||||
| this.mapZjdDataTure = 1; | this.mapZjdDataTure = 1; | ||||
| this.mapAddJumpNum =1; | this.mapAddJumpNum =1; | ||||
| @@ -1571,7 +1572,6 @@ | |||||
| }else{ | }else{ | ||||
| this.list.splice(index,1); | this.list.splice(index,1); | ||||
| } | } | ||||
| } | } | ||||
| }) | }) | ||||
| }) | }) | ||||
| @@ -1619,6 +1619,8 @@ | |||||
| delNh(item.id).then(res => { | delNh(item.id).then(res => { | ||||
| if(res.code=="200"){ | if(res.code=="200"){ | ||||
| this.nhlist.splice(index,1); | this.nhlist.splice(index,1); | ||||
| this.totalH-- | |||||
| this.totalR-- | |||||
| } | } | ||||
| }) | }) | ||||
| }) | }) | ||||
| @@ -1643,6 +1645,7 @@ | |||||
| delNhhncy(item.id).then(res => { | delNhhncy(item.id).then(res => { | ||||
| if(res.code=="200"){ | if(res.code=="200"){ | ||||
| this.hncylist.splice(index,1); | this.hncylist.splice(index,1); | ||||
| this.totalR-- | |||||
| } | } | ||||
| }) | }) | ||||
| // 更新户主信息 | // 更新户主信息 | ||||
| @@ -1682,6 +1685,7 @@ | |||||
| delNhhncy(id).then(res => { | delNhhncy(id).then(res => { | ||||
| if(res.code=="200"){ | if(res.code=="200"){ | ||||
| this.hncylist.splice(index,1); | this.hncylist.splice(index,1); | ||||
| this.totalR-- | |||||
| } | } | ||||
| }) | }) | ||||
| }) | }) | ||||
| @@ -1844,7 +1848,7 @@ | |||||
| }, | }, | ||||
| // 返回 | // 返回 | ||||
| onClickLeft(){ | onClickLeft(){ | ||||
| this.$cookies.set("map","") | |||||
| this.$cookies.set("search","") | |||||
| this.$router.push('/homesteadSurvey/index'); | this.$router.push('/homesteadSurvey/index'); | ||||
| }, | }, | ||||
| onConfirmhncysjly(value){ | onConfirmhncysjly(value){ | ||||
| @@ -2709,7 +2713,6 @@ | |||||
| duration:"1000", | duration:"1000", | ||||
| onClose:function(){ | onClose:function(){ | ||||
| _this.totalR+=1 | _this.totalR+=1 | ||||
| _this.totalH+=1 | |||||
| _this.showhncy = false | _this.showhncy = false | ||||
| let params = { | let params = { | ||||
| "nhdm":_this.form5.nhdm, | "nhdm":_this.form5.nhdm, | ||||
| @@ -2734,7 +2737,6 @@ | |||||
| duration:"1000", | duration:"1000", | ||||
| onClose:function(){ | onClose:function(){ | ||||
| _this.totalR+=1 | _this.totalR+=1 | ||||
| _this.totalH+=1 | |||||
| _this.showhncy = false | _this.showhncy = false | ||||
| let params = { | let params = { | ||||
| "nhdm":_this.form5.nhdm, | "nhdm":_this.form5.nhdm, | ||||
| @@ -2763,7 +2765,6 @@ | |||||
| duration:"1000", | duration:"1000", | ||||
| onClose:function(){ | onClose:function(){ | ||||
| _this.totalR+=1 | _this.totalR+=1 | ||||
| _this.totalH+=1 | |||||
| _this.showhncy = false | _this.showhncy = false | ||||
| let params = { | let params = { | ||||
| "nhdm":_this.form5.nhdm, | "nhdm":_this.form5.nhdm, | ||||
| @@ -2788,7 +2789,6 @@ | |||||
| duration:"1000", | duration:"1000", | ||||
| onClose:function(){ | onClose:function(){ | ||||
| _this.totalR+=1 | _this.totalR+=1 | ||||
| _this.totalH+=1 | |||||
| _this.showhncy = false | _this.showhncy = false | ||||
| let params = { | let params = { | ||||
| "nhdm":_this.form5.nhdm, | "nhdm":_this.form5.nhdm, | ||||
| @@ -2810,7 +2810,6 @@ | |||||
| duration:"1000", | duration:"1000", | ||||
| onClose:function(){ | onClose:function(){ | ||||
| _this.totalR+=1 | _this.totalR+=1 | ||||
| _this.totalH+=1 | |||||
| _this.showhncy = false | _this.showhncy = false | ||||
| let params = { | let params = { | ||||
| "nhdm":_this.form5.nhdm, | "nhdm":_this.form5.nhdm, | ||||
| @@ -2921,12 +2920,12 @@ | |||||
| zoom: 10, | zoom: 10, | ||||
| minZoom: 5, //地图缩小限制 | minZoom: 5, //地图缩小限制 | ||||
| maxZoom: 18.3, //地图放大限制 | maxZoom: 18.3, //地图放大限制 | ||||
| resolution: Math.random() * 0.00000001, | |||||
| }), | }), | ||||
| interactions: ol.interaction.defaults({ | interactions: ol.interaction.defaults({ | ||||
| pinchRotate: false // 移动端禁止地图旋转 | pinchRotate: false // 移动端禁止地图旋转 | ||||
| }), | }), | ||||
| }); | }); | ||||
| //使用geoserver服务查询开始 -------------------start | //使用geoserver服务查询开始 -------------------start | ||||
| //镇边界查询开始 ------------------------------start | //镇边界查询开始 ------------------------------start | ||||
| // var zhenTc= new ol.layer.Tile({ | // var zhenTc= new ol.layer.Tile({ | ||||
| @@ -2944,20 +2943,21 @@ | |||||
| //镇边界查询开始 ------------------------------end | //镇边界查询开始 ------------------------------end | ||||
| //村边界查询开始 ------------------------------start | //村边界查询开始 ------------------------------start | ||||
| var cql_filter | var cql_filter | ||||
| if(that.mapAddJumpNum == 1){ | |||||
| if (that.mapAddJumpNum == 1) { | |||||
| cql_filter = "dept_id='" + that.mapAddJump + "'"; | cql_filter = "dept_id='" + that.mapAddJump + "'"; | ||||
| } else { | } else { | ||||
| cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'"; | cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'"; | ||||
| } | } | ||||
| var cunTc= new ol.layer.Tile({ | |||||
| source: new ol.source.TileWMS({ | |||||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
| var cunTc = new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_border_village', | LAYERS: 'zjd_dc:t_house_survey_border_village', | ||||
| TILED: true, | TILED: true, | ||||
| cql_filter: cql_filter, | cql_filter: cql_filter, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| }, | }, | ||||
| resolution: Math.random() * 0.00000001, | |||||
| }), | }), | ||||
| }); | }); | ||||
| //定位查询位置 | //定位查询位置 | ||||
| @@ -2974,7 +2974,7 @@ | |||||
| outputFormat: "application/json", | outputFormat: "application/json", | ||||
| //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | ||||
| }; | }; | ||||
| let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl; | |||||
| let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl; | |||||
| url_dw = url_dw + "?"; | url_dw = url_dw + "?"; | ||||
| for (let key in param_dw) { | for (let key in param_dw) { | ||||
| url_dw = url_dw + key + "=" + param_dw[key] + "&"; | url_dw = url_dw + key + "=" + param_dw[key] + "&"; | ||||
| @@ -2988,7 +2988,7 @@ | |||||
| return geojsonmap; | return geojsonmap; | ||||
| }) | }) | ||||
| .then((data) => { | .then((data) => { | ||||
| if(that.backTheGeom !="" && that.backTheGeom !=undefined && that.backTheGeom.substring(0,1) =="{"){ | |||||
| if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") { | |||||
| hc_land_on = new ol.layer.Vector({ | hc_land_on = new ol.layer.Vector({ | ||||
| title: "add Layer", | title: "add Layer", | ||||
| source: new ol.source.Vector({ | source: new ol.source.Vector({ | ||||
| @@ -3010,18 +3010,26 @@ | |||||
| var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY; | var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY; | ||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| that.clickBbox = center; | |||||
| console.log(that.mapZjdData); | |||||
| that.textMjAll = that.mapZjdData.zdmj; | |||||
| map.getView().animate({ | map.getView().animate({ | ||||
| // 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
| center: center, // 中心点 | center: center, // 中心点 | ||||
| zoom: 17.9, // 缩放级别 | zoom: 17.9, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution: Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| } else if(that.backTheGeom !="" && that.backTheGeom !=undefined && that.backTheGeom.substring(0,1) =="[") { | |||||
| //this.backMap =1; | |||||
| } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") { | |||||
| //that.newHt ="1"; | //that.newHt ="1"; | ||||
| var zbNew = JSON.stringify({"type": "MultiPolygon", "coordinates": [that.backTheGeom.replaceAll("\"","")]}); | |||||
| var leftJoin = zbNew.replace("\"[","["); | |||||
| var rightJoin = leftJoin.replace("\"]","]"); | |||||
| var zbNew = JSON.stringify({ | |||||
| "type": "MultiPolygon", | |||||
| "coordinates": [that.backTheGeom.replaceAll("\"", "")] | |||||
| }); | |||||
| var leftJoin = zbNew.replace("\"[", "["); | |||||
| var rightJoin = leftJoin.replace("\"]", "]"); | |||||
| hc_land_on = new ol.layer.Vector({ | hc_land_on = new ol.layer.Vector({ | ||||
| title: "add Layer", | title: "add Layer", | ||||
| source: new ol.source.Vector({ | source: new ol.source.Vector({ | ||||
| @@ -3049,16 +3057,22 @@ | |||||
| var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY; | var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY; | ||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| that.clickBbox = center; | |||||
| console.log(that.mapZjdData); | |||||
| that.textMjAll = that.mapZjdData.zdmj; | |||||
| map.getView().animate({ | map.getView().animate({ | ||||
| // 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
| center: center, // 中心点 | center: center, // 中心点 | ||||
| zoom: 16.9, // 缩放级别 | zoom: 16.9, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution: Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| }else { | |||||
| let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize()); | |||||
| map.getView().fit(data.bbox); | |||||
| //this.backMap =1; | |||||
| } else { | |||||
| let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize()); | |||||
| resolution:resolution + Math.random() * 0.00000001, | |||||
| map.getView().fit(data.bbox); | |||||
| map.getView().setResolution(resolution); | map.getView().setResolution(resolution); | ||||
| } | } | ||||
| }) | }) | ||||
| @@ -3069,52 +3083,69 @@ | |||||
| //村边界查询开始 ------------------------------end | //村边界查询开始 ------------------------------end | ||||
| //宅基地图层查询开始 ------------------start | //宅基地图层查询开始 ------------------start | ||||
| //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'"; | //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'"; | ||||
| var zjdTc= new ol.layer.Tile({ | |||||
| source: new ol.source.TileWMS({ | |||||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
| var zjdTc = new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_zjdzd', | LAYERS: 'zjd_dc:t_house_survey_zjdzd', | ||||
| TILED: true, | TILED: true, | ||||
| cql_filter: cql_filter, | cql_filter: cql_filter, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| }, | }, | ||||
| resolution: Math.random() * 0.00000001, | |||||
| }), | }), | ||||
| }); | }); | ||||
| map.addLayer(zjdTc); | map.addLayer(zjdTc); | ||||
| //宅基地图层查询开始 ------------------start | //宅基地图层查询开始 ------------------start | ||||
| //自然幢图层查询开始 ------------------start | //自然幢图层查询开始 ------------------start | ||||
| var zrzTc= new ol.layer.Tile({ | |||||
| source: new ol.source.TileWMS({ | |||||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
| var zrzTc = new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_zrz', | LAYERS: 'zjd_dc:t_house_survey_zrz', | ||||
| TILED: true, | TILED: true, | ||||
| cql_filter: cql_filter, | cql_filter: cql_filter, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| }, | }, | ||||
| resolution: Math.random() * 0.00000001, | |||||
| }), | }), | ||||
| }); | }); | ||||
| map.addLayer(zrzTc); | map.addLayer(zrzTc); | ||||
| //自然幢图层查询开始 ------------------start | //自然幢图层查询开始 ------------------start | ||||
| //附属设施图层查询开始 ------------------start | //附属设施图层查询开始 ------------------start | ||||
| var fsssTc= new ol.layer.Tile({ | |||||
| source: new ol.source.TileWMS({ | |||||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
| var fsssTc = new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_fsss', | LAYERS: 'zjd_dc:t_house_survey_fsss', | ||||
| TILED: true, | TILED: true, | ||||
| cql_filter: cql_filter, | cql_filter: cql_filter, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| }, | }, | ||||
| resolution: Math.random() * 0.00000001, | |||||
| }), | }), | ||||
| }); | }); | ||||
| map.addLayer(fsssTc); | map.addLayer(fsssTc); | ||||
| //附属设施图层查询开始 ------------------start | //附属设施图层查询开始 ------------------start | ||||
| //使用geoserver服务查询开始 -------------------end | //使用geoserver服务查询开始 -------------------end | ||||
| // if(this.backMap ==1){ | |||||
| // var cql = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + this.mapZjdTeAll.mapZjdAData.zjddm + "'"; | |||||
| // var wmsSourceBack = new ol.source.ImageWMS({ | |||||
| // crossOrigin: 'anonymous', | |||||
| // params: { | |||||
| // LAYERS: 'zjd_dc:t_house_survey_all', | |||||
| // 'VERSION': '1.1.0', | |||||
| // 'FORMAT': "image/png", | |||||
| // 'CQL_FILTER': cql | |||||
| // }, | |||||
| // serverType: 'geoserver', | |||||
| // url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| // }); | |||||
| // zjdTc.setSource(wmsSourceBack); | |||||
| // ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新 | |||||
| // } | |||||
| //数据库直接加载数据渲染方式---------------------------------------------------start | //数据库直接加载数据渲染方式---------------------------------------------------start | ||||
| //判断当前账套是否有数据 | //判断当前账套是否有数据 | ||||
| // var mapTalkAbout = true; | // var mapTalkAbout = true; | ||||
| @@ -3516,6 +3547,7 @@ | |||||
| zoom: 17.8, // 缩放级别 | zoom: 17.8, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| }); | }); | ||||
| //定位当前位置 ------end | //定位当前位置 ------end | ||||
| @@ -3627,7 +3659,6 @@ | |||||
| //地图定义 | //地图定义 | ||||
| var delete_map = ["mapZjd", "mapZrz","mapFsss"]; | var delete_map = ["mapZjd", "mapZrz","mapFsss"]; | ||||
| var hc_land_query; | |||||
| var hc_land_queryList =[]; | var hc_land_queryList =[]; | ||||
| var texiao_layer_zjd; | var texiao_layer_zjd; | ||||
| var texiao_layer_zrz; | var texiao_layer_zrz; | ||||
| @@ -3638,9 +3669,10 @@ | |||||
| $("#deleteHistoryMap").trigger("click"); | $("#deleteHistoryMap").trigger("click"); | ||||
| var val = that.seachText; | var val = that.seachText; | ||||
| //删除之前查询图层 | //删除之前查询图层 | ||||
| //for(var i=0;hc_land_queryList>i;i++){ | |||||
| map.removeLayer(hc_land_query); | |||||
| //} | |||||
| for(var i=0;hc_land_queryList.length>i;i++){ | |||||
| map.removeLayer(hc_land_queryList[i]); | |||||
| } | |||||
| hc_land_queryList = []; | |||||
| that.mapDataAll =[]; | that.mapDataAll =[]; | ||||
| if (val == "") { | if (val == "") { | ||||
| that.$toast('请填写查询条件再查询'); | that.$toast('请填写查询条件再查询'); | ||||
| @@ -3678,9 +3710,8 @@ | |||||
| } | } | ||||
| that.mapDataAll[hg].typeTc="宅基地"; | that.mapDataAll[hg].typeTc="宅基地"; | ||||
| if (that.mapDataAll[hg] !=null && that.mapDataAll[hg].theGeom != null && that.mapDataAll[hg].theGeom != "") { | if (that.mapDataAll[hg] !=null && that.mapDataAll[hg].theGeom != null && that.mapDataAll[hg].theGeom != "") { | ||||
| //that.mapDataAll[hg].createBy = 'mapTheGeomZjdId'; | |||||
| hc_land_query = | |||||
| new ol.layer.Vector({ | |||||
| that.mapDataAll[hg].createBy = 'mapTheGeomZjdId'; | |||||
| hc_land_queryList[hg] =new ol.layer.Vector({ | |||||
| title: "add Layer", | title: "add Layer", | ||||
| source: new ol.source.Vector({ | source: new ol.source.Vector({ | ||||
| projection: projection, | projection: projection, | ||||
| @@ -3690,12 +3721,11 @@ | |||||
| }), | }), | ||||
| style: styleZjd | style: styleZjd | ||||
| }); | }); | ||||
| //hc_land_queryList.push(hc_land_query); | |||||
| map.addLayer(hc_land_query); | |||||
| var maxXMap = hc_land_query.values_.source.featuresRtree_.rbush_.data.maxX; | |||||
| var maxYMap = hc_land_query.values_.source.featuresRtree_.rbush_.data.maxY; | |||||
| var minXMap = hc_land_query.values_.source.featuresRtree_.rbush_.data.minX; | |||||
| var minYMap = hc_land_query.values_.source.featuresRtree_.rbush_.data.minY; | |||||
| map.addLayer(hc_land_queryList[hg]); | |||||
| var maxXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxX; | |||||
| var maxYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxY; | |||||
| var minXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minX; | |||||
| var minYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minY; | |||||
| //定位查询位置 | //定位查询位置 | ||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | ||||
| map.getView().animate({ | map.getView().animate({ | ||||
| @@ -3704,13 +3734,16 @@ | |||||
| zoom: 15.8, // 缩放级别 | zoom: 15.8, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| } | } | ||||
| // listFsss(paramsZrz).then((response) => { | // listFsss(paramsZrz).then((response) => { | ||||
| // that.mapDataAll.push(response.rows); | // that.mapDataAll.push(response.rows); | ||||
| // }); | // }); | ||||
| } | } | ||||
| // map.addLayer(hc_land_queryList); | |||||
| // for(var queryFor=0; hc_land_queryList > queryFor; queryFor++ ){ | |||||
| // map.addLayer(hc_land_queryList[queryFor]); | |||||
| // } | |||||
| // var mapZrzFor = that.mapDataAll[0].length+1; | // var mapZrzFor = that.mapDataAll[0].length+1; | ||||
| // console.log(mapZrzFor); | // console.log(mapZrzFor); | ||||
| // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){ | // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){ | ||||
| @@ -4039,31 +4072,12 @@ | |||||
| //样式加载定义 | //样式加载定义 | ||||
| var vector_drawing_delete; | var vector_drawing_delete; | ||||
| $("#area").click(function () { | $("#area").click(function () { | ||||
| if(that.textMjAll != "" && that.clickBbox !=""){ | |||||
| // var styleFsss = new ol.style.Style({ | |||||
| // text: new ol.style.Text({ | |||||
| // text: that.textMjAll+"㎡", | |||||
| // font: '30px sans-serif', | |||||
| // textAlign: "center", | |||||
| // textBaseline: "middle", | |||||
| // //font: 'verdana', | |||||
| // fill: new ol.style.Fill({ | |||||
| // color: "#ff00ff" | |||||
| // }), | |||||
| // // backgroundFill: new ol.style.Fill({ | |||||
| // // color: "#ff0000" | |||||
| // // }), | |||||
| // font: "30px sans-serif", | |||||
| // stroke: new ol.style.Stroke({ | |||||
| // color: "#ffffff" | |||||
| // // width: 3 | |||||
| // }), | |||||
| // offsetX: parseInt(0, 10), | |||||
| // offsetY: parseInt(0, 10), | |||||
| // placement: "point", //point 则自动计算面的中心k点然后标注 line 则根据面要素的边进行标注 | |||||
| // overflow: false //超出面的部分不显示 | |||||
| // }), | |||||
| // }); | |||||
| console.log(that.textMjAll); | |||||
| console.log(that.clickBbox); | |||||
| if(that.textMjAll ==null || that.textMjAll ==""){ | |||||
| that.textMjAll =0; | |||||
| } | |||||
| if((that.textMjAll != "" && that.clickBbox !="") || (that.textMjAll == 0 && that.clickBbox !="")){ | |||||
| map.removeLayer(vector_drawing_delete); | map.removeLayer(vector_drawing_delete); | ||||
| function createLabelStyle() { | function createLabelStyle() { | ||||
| return new ol.style.Style({ | return new ol.style.Style({ | ||||
| @@ -4094,8 +4108,6 @@ | |||||
| map.addLayer(vector_drawing_delete); | map.addLayer(vector_drawing_delete); | ||||
| newcenterFeature.setStyle(createLabelStyle()); //设置要素样式 | newcenterFeature.setStyle(createLabelStyle()); //设置要素样式 | ||||
| sourceMapLook.addFeature(newcenterFeature); | sourceMapLook.addFeature(newcenterFeature); | ||||
| that.clickBbox =""; | |||||
| that.textMjAll = ""; | |||||
| //map.addLayer(styleFsss); | //map.addLayer(styleFsss); | ||||
| } else if(that.textMjAllNum == "1"){ | } else if(that.textMjAllNum == "1"){ | ||||
| that.$toast("该图层面积暂无信息"); | that.$toast("该图层面积暂无信息"); | ||||
| @@ -4396,6 +4408,7 @@ | |||||
| }) | }) | ||||
| .then((data) => { | .then((data) => { | ||||
| let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize()); | let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize()); | ||||
| resolution:resolution + Math.random() * 0.00000001, | |||||
| map.getView().fit(data.bbox); | map.getView().fit(data.bbox); | ||||
| map.getView().setResolution(resolution); | map.getView().setResolution(resolution); | ||||
| // var datamap = data.bbox; | // var datamap = data.bbox; | ||||
| @@ -4431,6 +4444,7 @@ | |||||
| serverType: "geoserver", | serverType: "geoserver", | ||||
| crossOrigin: "anonymous", | crossOrigin: "anonymous", | ||||
| }, | }, | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| //查询宅基地图层 | //查询宅基地图层 | ||||
| @@ -4443,6 +4457,7 @@ | |||||
| serverType: "geoserver", | serverType: "geoserver", | ||||
| crossOrigin: "anonymous", | crossOrigin: "anonymous", | ||||
| }, | }, | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| //查询自然幢图层 | //查询自然幢图层 | ||||
| @@ -4455,6 +4470,7 @@ | |||||
| serverType: "geoserver", | serverType: "geoserver", | ||||
| crossOrigin: "anonymous", | crossOrigin: "anonymous", | ||||
| }, | }, | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| //查询附属设施图层 | //查询附属设施图层 | ||||
| @@ -4467,6 +4483,7 @@ | |||||
| serverType: "geoserver", | serverType: "geoserver", | ||||
| crossOrigin: "anonymous", | crossOrigin: "anonymous", | ||||
| }, | }, | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| @@ -4483,6 +4500,7 @@ | |||||
| //属性查询结束 ------------------end | //属性查询结束 ------------------end | ||||
| //点击查询详细信息 | //点击查询详细信息 | ||||
| map.on("singleclick", function (evt) { | map.on("singleclick", function (evt) { | ||||
| console.log(evt); | |||||
| let feature = map.forEachFeatureAtPixel( | let feature = map.forEachFeatureAtPixel( | ||||
| evt.pixel, | evt.pixel, | ||||
| (feature) => feature | (feature) => feature | ||||
| @@ -4491,12 +4509,17 @@ | |||||
| var zb = evt.coordinate; | var zb = evt.coordinate; | ||||
| var url; | var url; | ||||
| var url_bbox; | var url_bbox; | ||||
| that.clickBbox =""; | |||||
| that.textMjAll = ""; | |||||
| if(that.drawingClick) { | if(that.drawingClick) { | ||||
| //点击空白删除之前图层 | //点击空白删除之前图层 | ||||
| map.removeLayer(hc_land_on); | map.removeLayer(hc_land_on); | ||||
| //map.removeLayer(hc_land_query); | //map.removeLayer(hc_land_query); | ||||
| //for(var i=0;hc_land_query>i;i++){ | //for(var i=0;hc_land_query>i;i++){ | ||||
| map.removeLayer(hc_land_query); | |||||
| //map.removeLayer(hc_land_query); | |||||
| for(var i=0;hc_land_queryList.length>i;i++){ | |||||
| map.removeLayer(hc_land_queryList[i]); | |||||
| } | |||||
| //}c | //}c | ||||
| if (that.fsssSx && that.zjdSx && that.zrzSx) { | if (that.fsssSx && that.zjdSx && that.zrzSx) { | ||||
| url = wmsSource.getFeatureInfoUrl( | url = wmsSource.getFeatureInfoUrl( | ||||
| @@ -4619,7 +4642,7 @@ | |||||
| "zjddm": obj.zjddm, | "zjddm": obj.zjddm, | ||||
| } | } | ||||
| that.$cookies.set("search", "") | that.$cookies.set("search", "") | ||||
| that.$cookies.set("map", "") | |||||
| //that.$cookies.set("map", "") | |||||
| console.log(document.cookie.split(';').length) | console.log(document.cookie.split(';').length) | ||||
| console.log(params); | console.log(params); | ||||
| listZjdzd(params).then((response) => { | listZjdzd(params).then((response) => { | ||||
| @@ -4663,6 +4686,7 @@ | |||||
| zoom: 17.8, // 缩放级别 | zoom: 17.8, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| function createLabelStyleMap() { | function createLabelStyleMap() { | ||||
| @@ -4675,7 +4699,7 @@ | |||||
| //text: "标注点", //文本内容 | //text: "标注点", //文本内容 | ||||
| fill: new ol.style.Fill({ | fill: new ol.style.Fill({ | ||||
| //文本填充样式(即文字颜色) | //文本填充样式(即文字颜色) | ||||
| color: "#0099FF", | |||||
| color: "#FF0000", | |||||
| width: 10, | width: 10, | ||||
| }), | }), | ||||
| overflow: false //超出面的部分不显示 | overflow: false //超出面的部分不显示 | ||||
| @@ -4717,7 +4741,7 @@ | |||||
| "zjddm": obj.zjddm, | "zjddm": obj.zjddm, | ||||
| } | } | ||||
| that.$cookies.set("search", "") | that.$cookies.set("search", "") | ||||
| that.$cookies.set("map", "") | |||||
| //that.$cookies.set("map", "") | |||||
| listZjdzd(params).then((response) => { | listZjdzd(params).then((response) => { | ||||
| that.mapZjdData = response.rows[0]; | that.mapZjdData = response.rows[0]; | ||||
| //that.mapZjdAData.active = 1; | //that.mapZjdAData.active = 1; | ||||
| @@ -4762,6 +4786,7 @@ | |||||
| zoom: 17.8, // 缩放级别 | zoom: 17.8, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| }); | }); | ||||
| }); | }); | ||||
| @@ -4788,7 +4813,7 @@ | |||||
| "pageSize": 20, | "pageSize": 20, | ||||
| } | } | ||||
| that.$cookies.remove("search") | that.$cookies.remove("search") | ||||
| that.$cookies.set("map", "") | |||||
| //that.$cookies.set("map", "") | |||||
| listZjdzd(params).then((response) => { | listZjdzd(params).then((response) => { | ||||
| that.mapZjdData = response.rows[0]; | that.mapZjdData = response.rows[0]; | ||||
| that.mapZjdData.active = 1; | that.mapZjdData.active = 1; | ||||
| @@ -4801,6 +4826,7 @@ | |||||
| } | } | ||||
| //that.mapfsssData.active = 4; | //that.mapfsssData.active = 4; | ||||
| that.mapfsssData = response.data; | that.mapfsssData = response.data; | ||||
| console.log(that.mapfsssData); | |||||
| that.mapZjdTeAll.mapFsssAData = that.mapfsssData; | that.mapZjdTeAll.mapFsssAData = that.mapfsssData; | ||||
| that.zjdHcDy = obj.zjddm; | that.zjdHcDy = obj.zjddm; | ||||
| var styleZjd = new ol.style.Style({ | var styleZjd = new ol.style.Style({ | ||||
| @@ -4833,6 +4859,7 @@ | |||||
| zoom: 17.8, // 缩放级别 | zoom: 17.8, // 缩放级别 | ||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | rotation: undefined, // 缩放完成view视图旋转弧度 | ||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | duration: 1000, // 缩放持续时间,默认不需要设置 | ||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | }); | ||||
| }); | }); | ||||
| }); | }); | ||||
| @@ -5278,28 +5305,27 @@ | |||||
| }, | }, | ||||
| //宅基地点击地图核查 | //宅基地点击地图核查 | ||||
| zjdHc(){ | zjdHc(){ | ||||
| console.log(this.mapZjdTeAll); | |||||
| if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){ | if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){ | ||||
| if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){ | if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){ | ||||
| console.log("ggggggggg") | console.log("ggggggggg") | ||||
| this.mapZjdTeAll.active =1; | this.mapZjdTeAll.active =1; | ||||
| this.$cookies.set("search",this.mapZjdTeAll); | |||||
| this.$router.push({path:'/homesteadSurvey/add'}); | |||||
| } | |||||
| if(this.mapZrzData !=undefined && this.mapZrzData !=""){ | |||||
| // console.log(this.mapZjdTeAll); | |||||
| // this.$cookies.set("search",cookMap); | |||||
| // console.log(this.$cookies.get("search")); | |||||
| this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
| }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){ | |||||
| if(this.mapZjdTeAll.mapZjdAData !=""){ | if(this.mapZjdTeAll.mapZjdAData !=""){ | ||||
| this.mapZjdTeAll.active =3; | |||||
| this.$cookies.set("search",this.mapZjdTeAll); | |||||
| this.$router.push({path:'/homesteadSurvey/add'}); | |||||
| this.mapZjdTeAll.active = 3; | |||||
| // this.$cookies.set("search",this.mapZjdTeAll); | |||||
| this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
| } else { | } else { | ||||
| this.$toast("必须有宅基地数据才能进入自然幢核查"); | this.$toast("必须有宅基地数据才能进入自然幢核查"); | ||||
| } | } | ||||
| } | |||||
| if(this.mapFsssData !=undefined && this.mapFsssData !=""){ | |||||
| }else { | |||||
| if(this.mapZjdTeAll.mapZjdAData !="") { | if(this.mapZjdTeAll.mapZjdAData !="") { | ||||
| this.mapZjdTeAll.active = 4; | this.mapZjdTeAll.active = 4; | ||||
| this.$cookies.set("search", this.mapZjdTeAll); | |||||
| this.$router.push({path: '/homesteadSurvey/add'}); | |||||
| //this.$cookies.set("search", this.mapZjdTeAll); | |||||
| this.$router.push({path: '/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
| } else { | } else { | ||||
| this.$toast("必须有宅基地数据才能进入附属设施核查"); | this.$toast("必须有宅基地数据才能进入附属设施核查"); | ||||
| } | } | ||||
| @@ -23,6 +23,7 @@ | |||||
| input-align="right" | input-align="right" | ||||
| right-icon="arrow-down" | right-icon="arrow-down" | ||||
| label-width="auto" | label-width="auto" | ||||
| required | |||||
| /> | /> | ||||
| <van-popup v-model="showAccountType" position="bottom"> | <van-popup v-model="showAccountType" position="bottom"> | ||||
| <van-picker | <van-picker | ||||
| @@ -32,7 +33,149 @@ | |||||
| @cancel="showAccountType = false" | @cancel="showAccountType = false" | ||||
| /> | /> | ||||
| </van-popup> | </van-popup> | ||||
| <van-field | |||||
| readonly | |||||
| clickable | |||||
| label="所属银行" | |||||
| placeholder="请选择" | |||||
| v-model="bankType" | |||||
| @click="showBankType = true" | |||||
| input-align="right" | |||||
| right-icon="arrow-down" | |||||
| label-width="auto" | |||||
| required | |||||
| :rules="[{ required: true , message:'请选择所属银行' }]" | |||||
| /> | |||||
| <van-popup v-model="showBankType" position="bottom"> | |||||
| <van-picker | |||||
| show-toolbar | |||||
| :columns="bankTypeOptions" | |||||
| @confirm="onConfirmBankType" | |||||
| @cancel="showBankType = false" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-field | |||||
| readonly | |||||
| clickable | |||||
| label="账户分类" | |||||
| placeholder="请选择" | |||||
| v-model="villageAccountType" | |||||
| @click="showVillageAccountType = true" | |||||
| input-align="right" | |||||
| right-icon="arrow-down" | |||||
| label-width="auto" | |||||
| required | |||||
| :rules="[{ required: true , message:'请选择账户分类' }]" | |||||
| v-if="accountType=='银行存款'&&(form.bankType==1||form.bankType==2)" | |||||
| /> | |||||
| <van-popup v-model="showVillageAccountType" position="bottom"> | |||||
| <van-picker | |||||
| show-toolbar | |||||
| :columns="villageAccountTypeOptions" | |||||
| @confirm="onConfirmVillageAccountType" | |||||
| @cancel="showVillageAccountType = false" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-field | |||||
| readonly | |||||
| clickable | |||||
| label="所属镇账户" | |||||
| placeholder="请选择" | |||||
| v-model="taccountId" | |||||
| @click="showTaccountId = true" | |||||
| input-align="right" | |||||
| right-icon="arrow-down" | |||||
| label-width="auto" | |||||
| required | |||||
| :rules="[{ required: true , message:'请选择所属镇账户' }]" | |||||
| v-if="accountType=='银行存款'&&villageAccountType!='村虚拟账户'" | |||||
| /> | |||||
| <van-popup v-model="showTaccountId" position="bottom"> | |||||
| <van-picker | |||||
| show-toolbar | |||||
| :columns="taccountIdOptions" | |||||
| @confirm="onConfirmTaccountId" | |||||
| @cancel="showTaccountId = false" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-field label="账簿号" v-if="accountType=='银行存款'&&villageAccountType=='多级账簿'" required :rules="[{ required: true , message:'请输入账簿号' }]" v-model="form.accountNo" placeholder="请输入账户名称" input-align="right" label-width="auto"/> | |||||
| <van-field label="管控类型" required :rules="[{ required: true , message:'请选择管控类型' }]" v-if="accountType=='银行存款'&&form.bankType==2&&villageAccountType=='多级账簿'"> | |||||
| <template #right-icon> | |||||
| <van-radio-group direction="horizontal" v-model="form.managementControlType" @change="onConfirmManagementControlType"> | |||||
| <van-radio name="1">账簿余额</van-radio> | |||||
| <van-radio name="2">中心账簿</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| <van-field | |||||
| readonly | |||||
| clickable | |||||
| label="中心账套" | |||||
| placeholder="请选择" | |||||
| v-model="centralBookId" | |||||
| @click="showCentralBookId = true" | |||||
| input-align="right" | |||||
| right-icon="arrow-down" | |||||
| label-width="auto" | |||||
| required | |||||
| :rules="[{ required: true , message:'请选择开户银行' }]" | |||||
| v-if="accountType=='银行存款'&&form.managementControlType=='2'" | |||||
| /> | |||||
| <van-popup v-model="showCentralBookId" position="bottom"> | |||||
| <van-picker | |||||
| show-toolbar | |||||
| :columns="centralBookIdList" | |||||
| @confirm="onConfirmCentralBookId" | |||||
| @cancel="showCentralBookId = false" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-field | |||||
| readonly | |||||
| clickable | |||||
| label="会计科目" | |||||
| placeholder="请选择" | |||||
| v-model="centralSubjectId" | |||||
| @click="showCentralSubjectId = true" | |||||
| input-align="right" | |||||
| right-icon="arrow-down" | |||||
| label-width="auto" | |||||
| required | |||||
| :rules="[{ required: true , message:'请选择会计科目' }]" | |||||
| v-if="accountType=='银行存款'&&form.managementControlType=='2'" | |||||
| /> | |||||
| <van-popup v-model="showCentralSubjectId" position="bottom"> | |||||
| <van-picker | |||||
| show-toolbar | |||||
| :columns="centralSubjectIdList" | |||||
| @confirm="onConfirmCentralSubjectId" | |||||
| @cancel="showCentralSubjectId = false" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-field label="账户名称" required :rules="[{ required: true , message:'请输入账户名称' }]" v-model="form.accountName" placeholder="请输入账户名称" input-align="right" label-width="auto"/> | <van-field label="账户名称" required :rules="[{ required: true , message:'请输入账户名称' }]" v-model="form.accountName" placeholder="请输入账户名称" input-align="right" label-width="auto"/> | ||||
| <van-field label="银行账户" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入银行账户' }]" v-model="form.bankAccountNumber" placeholder="请输入银行账户" input-align="right" label-width="auto" required/> | |||||
| <van-field | |||||
| readonly | |||||
| clickable | |||||
| label="开户银行" | |||||
| placeholder="请选择" | |||||
| v-model="form.bankName" | |||||
| @click="showBankDeposit = true" | |||||
| input-align="right" | |||||
| right-icon="arrow-down" | |||||
| label-width="auto" | |||||
| required | |||||
| :rules="[{ required: true , message:'请选择开户银行' }]" | |||||
| v-if="accountType=='银行存款'" | |||||
| /> | |||||
| <van-popup v-model="showBankDeposit" position="bottom"> | |||||
| <van-picker | |||||
| show-toolbar | |||||
| :columns="bankDepositList" | |||||
| @confirm="onConfirmBankDeposit" | |||||
| @cancel="showBankDeposit = false" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-field label="联行号" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.paymentLines" placeholder="请输入联行号" input-align="right" label-width="auto" required/> | |||||
| <van-field | <van-field | ||||
| readonly | readonly | ||||
| clickable | clickable | ||||
| @@ -54,22 +197,51 @@ | |||||
| @cancel="showSubjectId = false" | @cancel="showSubjectId = false" | ||||
| /> | /> | ||||
| </van-popup> | </van-popup> | ||||
| <van-field label="银行账户" v-model="form.bankAccountNumber" placeholder="请输入银行账户" input-align="right" label-width="auto"/> | |||||
| <van-field label="开户银行" v-model="form.bankName" placeholder="请输入开户银行" input-align="right" label-width="auto"/> | |||||
| <van-field label="联行号" v-model="form.paymentLines" placeholder="请输入联行号" input-align="right" label-width="auto"/> | |||||
| <van-field label="操作员代码" v-model="form.operatorCode" placeholder="请输入操作员代码" input-align="right" label-width="auto"/> | |||||
| <van-field label="企业编码" v-model="form.enterpriseCode" placeholder="请输入企业编码" input-align="right" label-width="auto"/> | |||||
| <van-field label="开户银行地址" v-model="form.site" placeholder="请输入开户银行地址" input-align="right" label-width="auto"/> | |||||
| <van-field label="账户密码" v-model="form.accountPassword" placeholder="请输入账户密码" input-align="right" label-width="auto"/> | |||||
| <van-field label="开户银行地址" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入开户银行地址' }]" v-model="form.site" placeholder="请输入开户银行地址" input-align="right" label-width="auto" required/> | |||||
| <van-field label="支付口令" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入支付口令' }]" v-model="form.accountPassword" placeholder="请输入支付口令" input-align="right" label-width="auto" required/> | |||||
| <van-field label="账户类型" required :rules="[{ required: true , message:'请选择账户类型' }]"> | |||||
| <template #right-icon> | |||||
| <van-radio-group direction="horizontal" v-model="form.bankAccountType"> | |||||
| <van-radio name="1">公户</van-radio> | |||||
| <van-radio name="2">私户</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| <van-field label="初始余额" v-model="form.initialBalance" required :rules="[{ required: true , message:'请输入初始余额' }]" placeholder="请输入初始余额" input-align="right" label-width="auto"/> | <van-field label="初始余额" v-model="form.initialBalance" required :rules="[{ required: true , message:'请输入初始余额' }]" placeholder="请输入初始余额" input-align="right" label-width="auto"/> | ||||
| <van-cell title="是否停用"> | |||||
| <van-field label="内部账号" v-if="accountType=='银行存款'&&form.bankType=='3'" v-model="form.alternateField1" required :rules="[{ required: true , message:'请输入内部账号' }]" placeholder="请输入内部账号" input-align="right" label-width="auto"/> | |||||
| <van-field label="内部户名" v-if="accountType=='银行存款'&&form.bankType=='3'" v-model="form.alternateField2" required :rules="[{ required: true , message:'请输入内部户名' }]" placeholder="请输入内部户名" input-align="right" label-width="auto"/> | |||||
| <van-field label="账簿号" v-if="accountType=='银行存款'&&form.bankType=='3'" v-model="form.alternateField3" required :rules="[{ required: true , message:'请输入账簿号' }]" placeholder="请输入账簿号" input-align="right" label-width="auto"/> | |||||
| <van-field label="手机号码" v-if="accountType=='银行存款'&&form.bankType=='4'" v-model="form.alternateField1" required :rules="[{ required: true , message:'请输入手机号' }]" placeholder="请输入手机号" input-align="right" label-width="auto"/> | |||||
| <van-field label="是否停用" required :rules="[{ required: true , message:'请选择是否停用' }]"> | |||||
| <template #right-icon> | <template #right-icon> | ||||
| <van-radio-group direction="horizontal" v-model="form.status"> | <van-radio-group direction="horizontal" v-model="form.status"> | ||||
| <van-radio name="Y">是</van-radio> | <van-radio name="Y">是</van-radio> | ||||
| <van-radio name="N">否</van-radio> | <van-radio name="N">否</van-radio> | ||||
| </van-radio-group> | </van-radio-group> | ||||
| </template> | </template> | ||||
| </van-cell> | |||||
| </van-field> | |||||
| </div> | |||||
| <p class="main_title" v-if="villageAccountType=='多级账簿'">账簿信息</p> | |||||
| <div class="main_box" v-if="villageAccountType=='多级账簿'"> | |||||
| <van-field label="账簿是否限额" disabled> | |||||
| <template #right-icon> | |||||
| <van-radio-group direction="horizontal" v-model="form.alternateField1" :disabled="true"> | |||||
| <van-radio name="Y">是</van-radio> | |||||
| <van-radio name="N">否</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| <van-field label="单笔交易限额" v-model="form.alternateField2" placeholder="0.00" input-align="right" label-width="auto" :disabled="true"/> | |||||
| <van-field label="账簿是否透支" disabled> | |||||
| <template #right-icon> | |||||
| <van-radio-group direction="horizontal" v-model="form.alternateField3" :disabled="true"> | |||||
| <van-radio name="Y">是</van-radio> | |||||
| <van-radio name="N">否</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| <van-field label="透支类型" v-model="form.alternateField4" placeholder="无" input-align="right" label-width="auto" :disabled="true"/> | |||||
| <van-field label="透支额度(元)" v-model="form.alternateField5" placeholder="0.00" input-align="right" label-width="auto" :disabled="true"/> | |||||
| </div> | </div> | ||||
| <div style="padding: 16px 0;"> | <div style="padding: 16px 0;"> | ||||
| <van-row> | <van-row> | ||||
| @@ -84,34 +256,68 @@ | |||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import { getSubjectDetail , addAccount } from "@/api/onlineHome/bankAgriculture/paymentAccount"; | |||||
| import { getSubjectDetail , addAccount,listDeposit,queryTaccount,getCentralBooks } from "@/api/onlineHome/bankAgriculture/paymentAccount"; | |||||
| import {getCentralSubjects} from "../../../../api/onlineHome/bankAgriculture/paymentAccount"; | |||||
| export default { | export default { | ||||
| name: "paymentAccountAdd", | name: "paymentAccountAdd", | ||||
| data() { | data() { | ||||
| return { | return { | ||||
| showCentralSubjectId:false, | |||||
| showCentralBookId:false, | |||||
| showManagementControlType:false, | |||||
| showTaccountId:false, | |||||
| showVillageAccountType:false, | |||||
| villageAccountType:null, | |||||
| showAccountType:false, | showAccountType:false, | ||||
| showSubjectId:false, | showSubjectId:false, | ||||
| showBankType:false, | |||||
| minDate: new Date(), | minDate: new Date(), | ||||
| showBankDeposit:false, | |||||
| maxDate: new Date(2025, 10, 1), | maxDate: new Date(2025, 10, 1), | ||||
| currentDate: new Date(), | currentDate: new Date(), | ||||
| jgList:{}, | jgList:{}, | ||||
| managementControlType:'', | |||||
| taccountId:'', | |||||
| accountType:'', | accountType:'', | ||||
| bankType:'', | |||||
| centralBookId:'', | |||||
| centralSubjectId:'', | |||||
| jglx:'', | jglx:'', | ||||
| wfydlx:'', | wfydlx:'', | ||||
| wfydlxDictionaries:[], | wfydlxDictionaries:[], | ||||
| jglxDictionaries:[], | jglxDictionaries:[], | ||||
| subjectDictionaries:[], | subjectDictionaries:[], | ||||
| typeDictionaries:[], | typeDictionaries:[], | ||||
| villageAccountTypeOptions:[], | |||||
| taccountIdOptions:[], | |||||
| centralBookIdList:[], | |||||
| centralSubjectIdList:[], | |||||
| // 管控类型 == 中心账套时选择中心账套 | |||||
| centralBooks: [], | |||||
| // 管控类型字典 | |||||
| managementControlTypeOptions: [], | |||||
| bankDepositList:[], | |||||
| // 所属银行字典 | |||||
| bankTypeOptions: [], | |||||
| subjectDeatil:'', | subjectDeatil:'', | ||||
| bankDepositQueryParams: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| bookId: null, | |||||
| deptId: null, | |||||
| payee: null, | |||||
| payeeAccount: null, | |||||
| bankDeposit: null, | |||||
| payeeType:null, | |||||
| bankType:null, | |||||
| status: "0", | |||||
| }, | |||||
| form:{} | form:{} | ||||
| }; | }; | ||||
| }, | }, | ||||
| created() { | created() { | ||||
| this.getDetail(); | this.getDetail(); | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getDetail(){ | getDetail(){ | ||||
| @@ -121,16 +327,115 @@ | |||||
| this.typeDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue}); | this.typeDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue}); | ||||
| } | } | ||||
| }); | }); | ||||
| this.getDicts("cashier_account_management_control_type").then((res) => { | |||||
| for (var i = 0; i < res.data.length; i++) { | |||||
| this.managementControlTypeOptions.push({text: res.data[i].dictLabel, value: res.data[i].dictValue}); | |||||
| } | |||||
| }); | |||||
| this.getDicts("bank_type").then(res => { | |||||
| for (var i = 0; i < res.data.length; i++) { | |||||
| this.bankTypeOptions.push({text: res.data[i].dictLabel, value: res.data[i].dictValue}); | |||||
| } | |||||
| }); | |||||
| this.getDicts("village_account_type").then(res => { | |||||
| for (var i = 0; i < res.data.length; i++) { | |||||
| this.villageAccountTypeOptions.push({text: res.data[i].dictLabel, value: res.data[i].dictValue}); | |||||
| } | |||||
| }); | |||||
| getSubjectDetail().then((res) => { | getSubjectDetail().then((res) => { | ||||
| for (var i = 0; i < res.rows.length; i++) { | for (var i = 0; i < res.rows.length; i++) { | ||||
| this.subjectDictionaries.push({text: res.rows[i].subjectNameAll, value: res.rows[i].subjectId}); | this.subjectDictionaries.push({text: res.rows[i].subjectNameAll, value: res.rows[i].subjectId}); | ||||
| } | } | ||||
| }); | }); | ||||
| }, | }, | ||||
| getTaList(){ | |||||
| let params= { | |||||
| // 分页 | |||||
| pageNum: 1, | |||||
| pageSize: 100, | |||||
| bankType:this.form.bankType, | |||||
| } | |||||
| // this.getCentralBookOptions(); | |||||
| queryTaccount(params).then(res => { | |||||
| this.taccountIdOptions = res.rows; | |||||
| for (var i = 0; i < res.rows.length; i++) { | |||||
| this.$set(this.taccountIdOptions[i], "text",res.rows[i].payee); | |||||
| this.$set(this.taccountIdOptions[i], "value",res.rows[i].id); | |||||
| } | |||||
| }); | |||||
| }, | |||||
| getError(e){ | getError(e){ | ||||
| console.log(e) | |||||
| this.$notify({ type: 'danger', message: e.errors[0].message }); | this.$notify({ type: 'danger', message: e.errors[0].message }); | ||||
| }, | }, | ||||
| onConfirmCentralBookId(val){ | |||||
| this.showCentralBookId = false | |||||
| this.$set(this.form, "centralBookId",val.value); | |||||
| this.centralBookId = val.text | |||||
| getCentralSubjects({bookId: val.id}).then((res) => { | |||||
| this.centralSubjectIdList = res.data; | |||||
| for (var i = 0; i < res.data.length; i++) { | |||||
| this.$set(this.centralSubjectIdList[i], "text",res.data[i].subjectName); | |||||
| this.$set(this.centralSubjectIdList[i], "value",res.data[i].subjectId); | |||||
| } | |||||
| }) | |||||
| }, | |||||
| onConfirmCentralSubjectId(val){ | |||||
| this.showCentralSubjectId = false | |||||
| this.$set(this.form, "centralSubjectId",val.value); | |||||
| this.centralSubjectId = val.text | |||||
| }, | |||||
| onConfirmManagementControlType(val){ | |||||
| if(val==2){ | |||||
| getCentralBooks({yinnongTaccountId: this.form.taccountId}).then((res) => { | |||||
| this.centralBookIdList = res.data; | |||||
| for (var i = 0; i < res.data.length; i++) { | |||||
| this.$set(this.centralBookIdList[i], "text",res.data[i].bookName); | |||||
| this.$set(this.centralBookIdList[i], "value",res.data[i].id); | |||||
| } | |||||
| }); | |||||
| } | |||||
| }, | |||||
| onConfirmBankDeposit(val){ | |||||
| this.showBankDeposit = false | |||||
| this.$set(this.form, "bankName", val.bankDeposit); | |||||
| this.$set(this.form, "paymentLines", val.payeePaymentLines); | |||||
| }, | |||||
| onConfirmTaccountId(val){ | |||||
| this.showTaccountId = false | |||||
| this.taccountId = val.text | |||||
| this.$set(this.form, "taccountId", val.value); | |||||
| this.taccountIdOptions.map(res => { | |||||
| if(res.id==val.value){ | |||||
| if(this.form.villageAccountType === '3'){ | |||||
| this.$set(this.form, "bankAccountNumber", res.payeeAccount); | |||||
| } | |||||
| //this.form.bankName = res.bankDeposit; | |||||
| this.$set(this.form, "bankName", res.bankDeposit); | |||||
| this.$set(this.form, "paymentLines", res.payeePaymentLines); | |||||
| } | |||||
| }) | |||||
| }, | |||||
| onConfirmBankType(val){ | |||||
| this.showBankType = false | |||||
| this.bankType = val.text | |||||
| this.$set(this.form, "bankType", val.value); | |||||
| this.getTaList(); | |||||
| this.$set(this.form, "bankName", ''); | |||||
| this.$set(this.form, "paymentLines", ''); | |||||
| this.bankDepositQueryParams.bankType = val.value; | |||||
| listDeposit(this.bankDepositQueryParams).then(response => { | |||||
| this.bankDepositList = response.rows; | |||||
| for (var i = 0; i < response.rows.length; i++) { | |||||
| this.$set(this.bankDepositList[i], "text",response.rows[i].bankDeposit); | |||||
| this.$set(this.bankDepositList[i], "value",response.rows[i].bankDeposit); | |||||
| } | |||||
| }) | |||||
| }, | |||||
| onConfirmVillageAccountType(val){ | |||||
| this.showVillageAccountType = false | |||||
| this.villageAccountType = val.text | |||||
| this.$set(this.form, "villageAccountType", val.value); | |||||
| }, | |||||
| onConfirmSubject(data){ | onConfirmSubject(data){ | ||||
| this.subjectDeatil = data.text; | this.subjectDeatil = data.text; | ||||
| this.form.subjectId = data.value; | this.form.subjectId = data.value; | ||||
| @@ -13,21 +13,53 @@ | |||||
| <p class="main_title">基础信息</p> | <p class="main_title">基础信息</p> | ||||
| <div class="main_box" v-if="form"> | <div class="main_box" v-if="form"> | ||||
| <van-field readonly label="账户类型" v-model="accountType" input-align="right" label-width="auto" /> | <van-field readonly label="账户类型" v-model="accountType" input-align="right" label-width="auto" /> | ||||
| <van-field readonly label="所属银行" v-model="bankType" input-align="right" label-width="auto" /> | |||||
| <van-field readonly label="账户分类" v-if="accountType=='银行存款'&&(bankType=='中国银行'||bankType=='山东省农村信用社(农商行)')" v-model="villageAccountType" input-align="right" label-width="auto" /> | |||||
| <van-field readonly label="所属镇账户" v-if="accountType=='银行存款'&&villageAccountType!='村虚拟账户'" v-model="taccountId" input-align="right" label-width="auto" /> | |||||
| <van-field readonly label="账簿号" v-if="accountType=='银行存款'&&villageAccountType=='多级账簿'" v-model="accountNo" input-align="right" label-width="auto" /> | |||||
| <van-cell title="管控类型" v-if="accountType=='银行存款'&&villageAccountType=='多级账簿'&&bankType=='山东省农村信用社(农商行)'" > | |||||
| <template #right-icon> | |||||
| {{form.managementControlType == '1' ? '账簿余额':'中心账簿'}} | |||||
| </template> | |||||
| </van-cell> | |||||
| <van-field readonly label="中心账套" v-if="accountType=='银行存款'&&form.managementControlType=='2'" v-model="centralBookId" input-align="right" label-width="auto" /> | |||||
| <van-field readonly label="会计科目" v-if="accountType=='银行存款'&&form.managementControlType=='2'" v-model="centralSubjectId" input-align="right" label-width="auto" /> | |||||
| <van-field readonly label="账户名称" v-model="form.accountName" input-align="right" label-width="auto"/> | <van-field readonly label="账户名称" v-model="form.accountName" input-align="right" label-width="auto"/> | ||||
| <van-field readonly label="银行账户" v-if="accountType=='银行存款'" v-model="form.bankAccountNumber" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="开户银行" v-if="accountType=='银行存款'" v-model="form.bankName" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="联行号" v-if="accountType=='银行存款'" v-model="form.paymentLines" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="关联科目" v-model="subjectValue" input-align="right" label-width="auto" /> | <van-field readonly label="关联科目" v-model="subjectValue" input-align="right" label-width="auto" /> | ||||
| <van-field readonly label="银行账户" v-model="form.bankAccountNumber" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="开户银行" v-model="form.bankName" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="联行号" v-model="form.paymentLines" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="操作员代码" v-model="form.operatorCode" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="企业编码" v-model="form.enterpriseCode" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="开户银行地址" v-model="form.site" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="账户密码" v-model="form.accountPassword" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="科目名称" v-if="accountType=='银行存款'" v-model="form.subjectNameAll" input-align="right" label-width="auto" /> | |||||
| <van-field readonly label="支付口令" v-if="accountType=='银行存款'" v-model="form.site" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="手机号" v-if="accountType=='银行存款'&&bankType=='建设银行'" v-model="form.alternateField1" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="账户类别" v-model="bankAccountType" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="开户银行地址" v-if="accountType=='银行存款'" v-model="form.site" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="账户密码" v-if="accountType=='银行存款'" v-model="form.accountPassword" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="初始余额" v-model="form.initialBalance" input-align="right" label-width="auto"/> | <van-field readonly label="初始余额" v-model="form.initialBalance" input-align="right" label-width="auto"/> | ||||
| <van-cell title="是否停用"> | |||||
| <van-field readonly label="内部账号" v-if="accountType=='银行存款'&&bankType=='农业银行'" v-model="alternateField1" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="内部户名" v-if="accountType=='银行存款'&&bankType=='农业银行'" v-model="alternateField2" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="账簿号" v-if="accountType=='银行存款'&&bankType=='农业银行'" v-model="alternateField3" input-align="right" label-width="auto"/> | |||||
| <van-cell title="是否停用" v-if="accountType=='银行存款'" > | |||||
| <template #right-icon> | |||||
| {{form.status == 'Y' ? '是':'否'}} | |||||
| </template> | |||||
| </van-cell> | |||||
| </div> | |||||
| <p class="main_title" v-if="accountType=='银行存款'" >账簿信息</p> | |||||
| <div class="main_box" v-if="accountType=='银行存款'" > | |||||
| <van-cell title="账簿是否限额"> | |||||
| <template #right-icon> | |||||
| {{form.status == 'Y' ? '是':'否'}} | |||||
| </template> | |||||
| </van-cell> | |||||
| <van-field readonly label="单笔交易限额" v-model="form.initialBalance" input-align="right" label-width="auto"/> | |||||
| <van-cell title="账簿是否透支"> | |||||
| <template #right-icon> | <template #right-icon> | ||||
| {{form.status == 'Y' ? '是':'否'}} | {{form.status == 'Y' ? '是':'否'}} | ||||
| </template> | </template> | ||||
| </van-cell> | </van-cell> | ||||
| <van-field readonly label="投掷类型" v-model="form.initialBalance" input-align="right" label-width="auto"/> | |||||
| <van-field readonly label="透支额度(元)" v-model="form.initialBalance" input-align="right" label-width="auto"/> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| @@ -47,6 +79,17 @@ | |||||
| jgList:{}, | jgList:{}, | ||||
| accountType:'', | accountType:'', | ||||
| bankType:'', | |||||
| villageAccountType:'', | |||||
| taccountId:'', | |||||
| accountNo:'', | |||||
| managementControlType:'', | |||||
| centralBookId:'', | |||||
| centralSubjectId:'', | |||||
| bankAccountType:'', | |||||
| alternateField1:'', | |||||
| alternateField2:'', | |||||
| alternateField3:'', | |||||
| subjectValue:'', | subjectValue:'', | ||||
| wfydlx:'', | wfydlx:'', | ||||
| @@ -7,7 +7,7 @@ | |||||
| @click-left="$router.back(-1)" | @click-left="$router.back(-1)" | ||||
| > | > | ||||
| <template #title> | <template #title> | ||||
| <p style="font-weight: bold;">添加常用转账申请</p> | |||||
| <p style="font-weight: bold;">添加村户转账申请</p> | |||||
| </template> | </template> | ||||
| </van-nav-bar> | </van-nav-bar> | ||||
| <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | ||||
| @@ -57,6 +57,15 @@ | |||||
| @cancel="showcapital = false" | @cancel="showcapital = false" | ||||
| /> | /> | ||||
| </van-popup> | </van-popup> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| <van-field | <van-field | ||||
| readonly | readonly | ||||
| required | required | ||||
| @@ -66,7 +75,6 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -171,7 +179,7 @@ | |||||
| </van-radio-group> | </van-radio-group> | ||||
| </template> | </template> | ||||
| </van-cell> | </van-cell> | ||||
| <van-cell title="是否与付款方同行" v-if="form.bankType==2||form.bankType==4" > | |||||
| <van-cell title="是否与付款方同行" v-if="form.bankType==2||form.bankType==3||form.bankType==4" > | |||||
| <template #right-icon> | <template #right-icon> | ||||
| <van-radio-group direction="horizontal" v-model="form.isPeers" @change="accountTypeChange1"> | <van-radio-group direction="horizontal" v-model="form.isPeers" @change="accountTypeChange1"> | ||||
| <van-radio name="Y">是</van-radio> | <van-radio name="Y">是</van-radio> | ||||
| @@ -842,8 +850,12 @@ | |||||
| this.$set(this.form, "operatorCode", obj.operatorCode); | this.$set(this.form, "operatorCode", obj.operatorCode); | ||||
| this.$set(this.form, "enterpriseCode", obj.enterpriseCode); | this.$set(this.form, "enterpriseCode", obj.enterpriseCode); | ||||
| this.$set(this.form, "bankType", obj.bankType); | this.$set(this.form, "bankType", obj.bankType); | ||||
| this.$set(this.form, "bankAccountType", obj.bankAccountType); | |||||
| this.$set(this.form, "villageAccountType", obj.villageAccountType); | |||||
| this.$set(this.form, "taccountId", obj.taccountId); | |||||
| this.$set(this.form, "accountNo", obj.accountNo); | |||||
| this.$set(this.form, "cifNo", obj.cifNo); | |||||
| this.$set(this.form, "payerFrom", '1'); | this.$set(this.form, "payerFrom", '1'); | ||||
| console.log(obj.bankType) | |||||
| if(obj.bankType==1){ | if(obj.bankType==1){ | ||||
| this.form.accountType = "1" | this.form.accountType = "1" | ||||
| this.form.isPeers = null | this.form.isPeers = null | ||||
| @@ -880,6 +892,7 @@ | |||||
| this.$set(this.form, "deptId", ''); | this.$set(this.form, "deptId", ''); | ||||
| this.$set(this.form, "cashierId", obj.id); | this.$set(this.form, "cashierId", obj.id); | ||||
| this.$set(this.form, "payer", obj.accountName); | this.$set(this.form, "payer", obj.accountName); | ||||
| this.$set(this.form, "bankType", obj.bankType); | |||||
| if(obj.payerFrom==6){ | if(obj.payerFrom==6){ | ||||
| getQmyeFlow(obj.bankAccountNumber).then((response) => { | getQmyeFlow(obj.bankAccountNumber).then((response) => { | ||||
| this.$set(this.form, "payerAccount", response.data); | this.$set(this.form, "payerAccount", response.data); | ||||
| @@ -66,7 +66,15 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -242,7 +250,7 @@ | |||||
| payeeList:[], | payeeList:[], | ||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| transferType:"", | |||||
| transferType:10, | |||||
| orderByColumn: "id", | orderByColumn: "id", | ||||
| isAsc: "desc", | isAsc: "desc", | ||||
| }, | }, | ||||
| @@ -304,7 +312,7 @@ | |||||
| downId: null, | downId: null, | ||||
| orderId: null, | orderId: null, | ||||
| cashierId: null, | cashierId: null, | ||||
| cashType: '10', | |||||
| transferType: '10', | |||||
| accountType: '2', | accountType: '2', | ||||
| explainSituation: null, | explainSituation: null, | ||||
| succeedAmount: null, | succeedAmount: null, | ||||
| @@ -66,7 +66,15 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -242,7 +250,7 @@ | |||||
| payeeList:[], | payeeList:[], | ||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| transferType:"", | |||||
| transferType:11, | |||||
| orderByColumn: "id", | orderByColumn: "id", | ||||
| isAsc: "desc", | isAsc: "desc", | ||||
| }, | }, | ||||
| @@ -306,7 +314,7 @@ | |||||
| downId: null, | downId: null, | ||||
| orderId: null, | orderId: null, | ||||
| cashierId: null, | cashierId: null, | ||||
| cashType: '11', | |||||
| transferType: '11', | |||||
| accountType: '2', | accountType: '2', | ||||
| explainSituation: null, | explainSituation: null, | ||||
| succeedAmount: null, | succeedAmount: null, | ||||
| @@ -57,8 +57,15 @@ | |||||
| @cancel="showcapital = false" | @cancel="showcapital = false" | ||||
| /> | /> | ||||
| </van-popup> | </van-popup> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -287,7 +294,7 @@ | |||||
| payeeList:[], | payeeList:[], | ||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| transferType:"", | |||||
| transferType:12, | |||||
| orderByColumn: "id", | orderByColumn: "id", | ||||
| isAsc: "desc", | isAsc: "desc", | ||||
| }, | }, | ||||
| @@ -353,7 +360,7 @@ | |||||
| downId: null, | downId: null, | ||||
| orderId: null, | orderId: null, | ||||
| cashierId: null, | cashierId: null, | ||||
| cashType: '12', | |||||
| transferType: '12', | |||||
| accountType: '2', | accountType: '2', | ||||
| explainSituation: null, | explainSituation: null, | ||||
| succeedAmount: null, | succeedAmount: null, | ||||
| @@ -66,7 +66,15 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -163,7 +171,7 @@ | |||||
| <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p> | <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p> | ||||
| <div class="main_box" style="margin-bottom: 15px;"> | <div class="main_box" style="margin-bottom: 15px;"> | ||||
| <van-cell title="收款账户类型"> | |||||
| <van-cell title="收款账户类型" v-if="form.bankType==1"> | |||||
| <template #right-icon> | <template #right-icon> | ||||
| <van-radio-group direction="horizontal" v-model="form.accountType" @change="accountTypeChange"> | <van-radio-group direction="horizontal" v-model="form.accountType" @change="accountTypeChange"> | ||||
| <van-radio name="1">公户</van-radio> | <van-radio name="1">公户</van-radio> | ||||
| @@ -171,6 +179,14 @@ | |||||
| </van-radio-group> | </van-radio-group> | ||||
| </template> | </template> | ||||
| </van-cell> | </van-cell> | ||||
| <van-cell title="是否与付款方同行" v-if="form.bankType==2||form.bankType==3||form.bankType==4" > | |||||
| <template #right-icon> | |||||
| <van-radio-group direction="horizontal" v-model="form.isPeers" @change="accountTypeChange1"> | |||||
| <van-radio name="Y">是</van-radio> | |||||
| <van-radio name="N">否</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-cell> | |||||
| </div> | </div> | ||||
| <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index"> | <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index"> | ||||
| <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteChargeItme(index)" /> | <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteChargeItme(index)" /> | ||||
| @@ -517,6 +533,20 @@ | |||||
| }) | }) | ||||
| }); | }); | ||||
| }, | }, | ||||
| accountTypeChange1(e){ | |||||
| this.payeeList = []; | |||||
| this.chargeItme = []; | |||||
| this.queryParams.isPeers = this.form.isPeers | |||||
| this.queryParams.bankType = this.form.bankType | |||||
| this.queryParams.status = "0" | |||||
| listPayee(this.queryParams).then((response) => { | |||||
| this.payeeList = response.rows; | |||||
| response.rows.map((res,index) => { | |||||
| this.payeeList[index].text = res.payee; | |||||
| this.payeeList[index].value = res.id; | |||||
| }) | |||||
| }); | |||||
| }, | |||||
| // 钱计算 | // 钱计算 | ||||
| moneyChange(input) { | moneyChange(input) { | ||||
| let obj = {}; | let obj = {}; | ||||
| @@ -7,7 +7,7 @@ | |||||
| @click-left="$router.back(-1)" | @click-left="$router.back(-1)" | ||||
| > | > | ||||
| <template #title> | <template #title> | ||||
| <p style="font-weight: bold;">添加虚拟转账申请</p> | |||||
| <p style="font-weight: bold;">添加代管转账申请</p> | |||||
| </template> | </template> | ||||
| </van-nav-bar> | </van-nav-bar> | ||||
| <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | ||||
| @@ -66,7 +66,15 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -171,7 +179,7 @@ | |||||
| </van-radio-group> | </van-radio-group> | ||||
| </template> | </template> | ||||
| </van-cell> | </van-cell> | ||||
| <van-cell title="是否与付款方同行" v-if="form.bankType==2||form.bankType==4"> | |||||
| <van-cell title="是否与付款方同行" v-if="this.form.bankType == 2 || this.form.bankType == 3 || this.form.bankType == 4"> | |||||
| <template #right-icon> | <template #right-icon> | ||||
| <van-radio-group direction="horizontal" v-model="form.isPeers" @change="accountTypeChange1"> | <van-radio-group direction="horizontal" v-model="form.isPeers" @change="accountTypeChange1"> | ||||
| <van-radio name="Y">是</van-radio> | <van-radio name="Y">是</van-radio> | ||||
| @@ -243,7 +251,7 @@ | |||||
| import { addTransfer , listPayee , updateTransfer , getProjectto , listProject , addProjectto , customSubmit , getAccount ,getQmyeFlow} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | import { addTransfer , listPayee , updateTransfer , getProjectto , listProject , addProjectto , customSubmit , getAccount ,getQmyeFlow} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | ||||
| import { | import { | ||||
| attachmentList, | attachmentList, | ||||
| commonAttach, | |||||
| commonAttach, listAccount1, | |||||
| listVaccount, | listVaccount, | ||||
| listVaccount1 | listVaccount1 | ||||
| } from "../../../../api/onlineHome/bankAgriculture/paymentApproval"; | } from "../../../../api/onlineHome/bankAgriculture/paymentApproval"; | ||||
| @@ -330,13 +338,13 @@ | |||||
| villageAccountType:'1', | villageAccountType:'1', | ||||
| "params":{townAccountType:'1'} | "params":{townAccountType:'1'} | ||||
| } | } | ||||
| listVaccount1(params1).then((response) => { | |||||
| this.payerOptions = response.rows; | |||||
| listAccount1(params1).then((response) => { | |||||
| this.payerOptions = [] | |||||
| response.rows.map((res,index) => { | response.rows.map((res,index) => { | ||||
| res['payerFrom'] = '1' | |||||
| console.log(res) | |||||
| this.payerOptions[index].text = res.payee; | |||||
| this.payerOptions[index].value = res.id; | |||||
| res['payerFrom'] = '2' | |||||
| res['text']= res.accountName; | |||||
| res['value'] = res.id; | |||||
| this.payerOptions.push(res) | |||||
| }) | }) | ||||
| }); | }); | ||||
| this.getDictionaries(); | this.getDictionaries(); | ||||
| @@ -835,16 +843,20 @@ | |||||
| return account.id === select; //筛选出匹配数据 | return account.id === select; //筛选出匹配数据 | ||||
| }); | }); | ||||
| console.log(obj) | console.log(obj) | ||||
| this.$set(this.form, "bookId", obj.bookId); | |||||
| this.$set(this.form, "deptId", obj.deptId); | |||||
| this.$set(this.form, "cashierId", obj.id); | |||||
| this.$set(this.form, "payer", obj.payee); | |||||
| this.$set(this.form, "payerAccount", obj.payeeAccount); | |||||
| this.$set(this.form, "operatorCode", obj.operatorCode); | |||||
| this.$set(this.form, "enterpriseCode", obj.enterpriseCode); | |||||
| this.$set(this.form, "bankType", obj.bankType); | |||||
| this.$set(this.form, "payerFrom", '1'); | |||||
| console.log(obj.bankType) | |||||
| this.$set(this.form, "bookId", obj.bookId); | |||||
| this.$set(this.form, "deptId", obj.deptId); | |||||
| this.$set(this.form, "cashierId", obj.id); | |||||
| this.$set(this.form, "payer", obj.accountName); | |||||
| this.$set(this.form, "payerAccount", obj.bankAccountNumber); | |||||
| this.$set(this.form, "operatorCode", obj.operatorCode); | |||||
| this.$set(this.form, "enterpriseCode", obj.enterpriseCode); | |||||
| this.$set(this.form, "bankType", obj.bankType); | |||||
| this.$set(this.form, "bankAccountType", obj.bankAccountType); | |||||
| this.$set(this.form, "villageAccountType", obj.villageAccountType); | |||||
| this.$set(this.form, "taccountId", obj.taccountId); | |||||
| this.$set(this.form, "accountNo", obj.accountNo); | |||||
| this.$set(this.form, "cifNo", obj.cifNo); | |||||
| this.$set(this.form, "payerFrom", '1'); | |||||
| if(obj.bankType==1){ | if(obj.bankType==1){ | ||||
| this.form.accountType = "1" | this.form.accountType = "1" | ||||
| this.form.isPeers = null | this.form.isPeers = null | ||||
| @@ -18,6 +18,14 @@ | |||||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | ||||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | ||||
| <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -18,6 +18,14 @@ | |||||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | ||||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | ||||
| <van-field readonly label="提现总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | <van-field readonly label="提现总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -18,6 +18,14 @@ | |||||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | ||||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | ||||
| <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -17,6 +17,14 @@ | |||||
| <div class="main_box"> | <div class="main_box"> | ||||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | ||||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -7,7 +7,7 @@ | |||||
| @click-left="$router.back(-1)" | @click-left="$router.back(-1)" | ||||
| > | > | ||||
| <template #title> | <template #title> | ||||
| <p style="font-weight: bold;">查看常用转账申请</p> | |||||
| <p style="font-weight: bold;">查看村户转账申请</p> | |||||
| </template> | </template> | ||||
| <template #right> | <template #right> | ||||
| <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/> | <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/> | ||||
| @@ -18,6 +18,14 @@ | |||||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | ||||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | ||||
| <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -18,6 +18,14 @@ | |||||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | ||||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | ||||
| <van-field readonly label="提现总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | <van-field readonly label="提现总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -98,7 +106,7 @@ | |||||
| payeeList:[], | payeeList:[], | ||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| transferType:"", | |||||
| transferType:10, | |||||
| orderByColumn: "id", | orderByColumn: "id", | ||||
| isAsc: "desc", | isAsc: "desc", | ||||
| }, | }, | ||||
| @@ -18,6 +18,14 @@ | |||||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | ||||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | ||||
| <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -104,7 +112,7 @@ | |||||
| payeeList:[], | payeeList:[], | ||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| transferType:"", | |||||
| transferType:11, | |||||
| orderByColumn: "id", | orderByColumn: "id", | ||||
| isAsc: "desc", | isAsc: "desc", | ||||
| }, | }, | ||||
| @@ -17,6 +17,14 @@ | |||||
| <div class="main_box"> | <div class="main_box"> | ||||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | ||||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -155,7 +163,7 @@ | |||||
| payeeList:[], | payeeList:[], | ||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| transferType:"", | |||||
| transferType:12, | |||||
| orderByColumn: "id", | orderByColumn: "id", | ||||
| isAsc: "desc", | isAsc: "desc", | ||||
| }, | }, | ||||
| @@ -18,6 +18,14 @@ | |||||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | ||||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | ||||
| <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -7,7 +7,7 @@ | |||||
| @click-left="$router.back(-1)" | @click-left="$router.back(-1)" | ||||
| > | > | ||||
| <template #title> | <template #title> | ||||
| <p style="font-weight: bold;">查看虚拟转账申请</p> | |||||
| <p style="font-weight: bold;">查看代管转账申请</p> | |||||
| </template> | </template> | ||||
| <template #right> | <template #right> | ||||
| <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/> | <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/> | ||||
| @@ -18,6 +18,14 @@ | |||||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | ||||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | ||||
| <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -8,7 +8,7 @@ | |||||
| @click-right="goAdd()" | @click-right="goAdd()" | ||||
| > | > | ||||
| <template #title> | <template #title> | ||||
| <p style="font-weight: bold;">常用转账申请列表</p> | |||||
| <p style="font-weight: bold;">村户转账申请列表</p> | |||||
| </template> | </template> | ||||
| <template #right> | <template #right> | ||||
| <van-icon name="add" size="18"/> | <van-icon name="add" size="18"/> | ||||
| @@ -62,7 +62,7 @@ export default { | |||||
| queryParams:{ | queryParams:{ | ||||
| pageNum:1, | pageNum:1, | ||||
| pageSize:10, | pageSize:10, | ||||
| cashType: '10', | |||||
| transferType: '10', | |||||
| } | } | ||||
| }; | }; | ||||
| }, | }, | ||||
| @@ -62,7 +62,7 @@ export default { | |||||
| queryParams:{ | queryParams:{ | ||||
| pageNum:1, | pageNum:1, | ||||
| pageSize:10, | pageSize:10, | ||||
| cashType: '11', | |||||
| transferType: '11', | |||||
| } | } | ||||
| }; | }; | ||||
| }, | }, | ||||
| @@ -62,7 +62,7 @@ export default { | |||||
| queryParams:{ | queryParams:{ | ||||
| pageNum:1, | pageNum:1, | ||||
| pageSize:100, | pageSize:100, | ||||
| cashType: '12', | |||||
| transferType: '12', | |||||
| } | } | ||||
| }; | }; | ||||
| }, | }, | ||||
| @@ -8,7 +8,7 @@ | |||||
| @click-right="goAdd()" | @click-right="goAdd()" | ||||
| > | > | ||||
| <template #title> | <template #title> | ||||
| <p style="font-weight: bold;">虚拟转账申请列表</p> | |||||
| <p style="font-weight: bold;">代管转账申请列表</p> | |||||
| </template> | </template> | ||||
| <template #right> | <template #right> | ||||
| <van-icon name="add" size="18"/> | <van-icon name="add" size="18"/> | ||||
| @@ -7,7 +7,7 @@ | |||||
| @click-left="$router.back(-1)" | @click-left="$router.back(-1)" | ||||
| > | > | ||||
| <template #title> | <template #title> | ||||
| <p style="font-weight: bold;">修改常用转账申请</p> | |||||
| <p style="font-weight: bold;">修改村户转账申请</p> | |||||
| </template> | </template> | ||||
| </van-nav-bar> | </van-nav-bar> | ||||
| <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | ||||
| @@ -66,7 +66,15 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -66,7 +66,15 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -240,7 +248,7 @@ | |||||
| payeeList:[], | payeeList:[], | ||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| transferType:"", | |||||
| transferType:10, | |||||
| orderByColumn: "id", | orderByColumn: "id", | ||||
| isAsc: "desc", | isAsc: "desc", | ||||
| }, | }, | ||||
| @@ -66,7 +66,15 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -242,7 +250,7 @@ | |||||
| payeeList:[], | payeeList:[], | ||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| transferType:"", | |||||
| transferType:11, | |||||
| orderByColumn: "id", | orderByColumn: "id", | ||||
| isAsc: "desc", | isAsc: "desc", | ||||
| }, | }, | ||||
| @@ -66,7 +66,15 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -292,7 +300,7 @@ | |||||
| payeeList:[], | payeeList:[], | ||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| transferType:"", | |||||
| transferType:12, | |||||
| orderByColumn: "id", | orderByColumn: "id", | ||||
| isAsc: "desc", | isAsc: "desc", | ||||
| }, | }, | ||||
| @@ -66,7 +66,15 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -7,7 +7,7 @@ | |||||
| @click-left="$router.back(-1)" | @click-left="$router.back(-1)" | ||||
| > | > | ||||
| <template #title> | <template #title> | ||||
| <p style="font-weight: bold;">修改虚拟转账申请</p> | |||||
| <p style="font-weight: bold;">修改代管转账申请</p> | |||||
| </template> | </template> | ||||
| </van-nav-bar> | </van-nav-bar> | ||||
| <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | ||||
| @@ -66,7 +66,15 @@ | |||||
| input-align="right" | input-align="right" | ||||
| label-width="auto" | label-width="auto" | ||||
| /> | /> | ||||
| <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required | |||||
| :rules="[{ required: true , message:'请选择审批模式' }]"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.paymentState" direction="horizontal"> | |||||
| <van-radio name="1">线上支付</van-radio> | |||||
| <van-radio name="2">线下支付</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -356,7 +356,12 @@ | |||||
| </div> | </div> | ||||
| <p style="margin-top: 5px;color: #666666;">代管转账</p> | <p style="margin-top: 5px;color: #666666;">代管转账</p> | ||||
| </van-grid-item> | </van-grid-item> | ||||
| <van-grid-item text="公务卡转账" :to="{name:'approvalList2'}" > | |||||
| <div class="icon" slot="default" style="background:#3ac2db;" > | |||||
| <img src="../../../static/images/onlineHome/icon_Y2.png" alt /> | |||||
| </div> | |||||
| <p style="margin-top: 5px;color: #666666;">信用卡转账</p> | |||||
| </van-grid-item> | |||||
| <!-- | <!-- | ||||
| <van-grid-item text="虚拟挂账" :to="{name:'approvalList3'}" > | <van-grid-item text="虚拟挂账" :to="{name:'approvalList3'}" > | ||||
| <div class="icon" slot="default" style="background:#FFA63E;" > | <div class="icon" slot="default" style="background:#FFA63E;" > | ||||
| @@ -364,12 +369,7 @@ | |||||
| </div> | </div> | ||||
| <p style="margin-top: 5px;color: #666666;">虚拟挂账</p> | <p style="margin-top: 5px;color: #666666;">虚拟挂账</p> | ||||
| </van-grid-item> | </van-grid-item> | ||||
| <van-grid-item text="公务卡转账" :to="{name:'approvalList2'}" > | |||||
| <div class="icon" slot="default" style="background:#3ac2db;" > | |||||
| <img src="../../../static/images/onlineHome/icon_Y2.png" alt /> | |||||
| </div> | |||||
| <p style="margin-top: 5px;color: #666666;">信用卡转账</p> | |||||
| </van-grid-item> | |||||
| <van-grid-item text="母子转账" :to="{name:'approvalList5'}" > | <van-grid-item text="母子转账" :to="{name:'approvalList5'}" > | ||||
| <div class="icon" slot="default" style="background:#1D6FE9;" > | <div class="icon" slot="default" style="background:#1D6FE9;" > | ||||
| <img src="../../../static/images/onlineHome/icon_Y5.png" alt /> | <img src="../../../static/images/onlineHome/icon_Y5.png" alt /> | ||||