| @@ -7,8 +7,8 @@ | |||
| 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"> | |||
| <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> | |||
| </head> | |||
| @@ -17,4 +17,4 @@ | |||
| <!-- built files will be auto injected --> | |||
| </body> | |||
| </html> | |||
| </html> | |||
| @@ -8,7 +8,22 @@ export function getList(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) { | |||
| return request({ | |||
| @@ -51,3 +66,21 @@ export function delAccount(id) { | |||
| 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 | |||
| }) | |||
| } | |||
| // 查询村虚拟出纳账户设置列表 | |||
| export function listAccount1(query) { | |||
| return request({ | |||
| url: '/cashier/account/list1', | |||
| method: 'get', | |||
| params: query | |||
| }) | |||
| } | |||
| @@ -35,6 +35,7 @@ export default { | |||
| newZb: null, | |||
| newGeom: null, | |||
| mapData: null, | |||
| map:this.guidProduct(), | |||
| //地图服务地址 | |||
| mapGeoServerUrl:"", | |||
| }; | |||
| @@ -68,7 +69,7 @@ export default { | |||
| /* console.log(this.message);*/ | |||
| //加载地图编辑 | |||
| var that = this; | |||
| var map; | |||
| //var map; | |||
| //var hc_land; | |||
| var draw; // global so we can remove it later | |||
| var vector_drawing; | |||
| @@ -102,6 +103,7 @@ export default { | |||
| }), | |||
| isGroup: true, | |||
| name: "卫星影像图", | |||
| resolution:Math.random() * 0.00000001 | |||
| }); | |||
| var yingxzi = new ol.layer.Tile({ | |||
| @@ -110,9 +112,10 @@ export default { | |||
| }), | |||
| isGroup: true, | |||
| 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([]), //隐藏放大缩小按钮 | |||
| layers: [aerial, yingxzi], | |||
| projection: projection, | |||
| @@ -122,30 +125,27 @@ export default { | |||
| zoom: 15, | |||
| minZoom: 5, //地图缩小限制 | |||
| 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; | |||
| var zjdTc; | |||
| var zrzTc; | |||
| var fsssTc; | |||
| map.removeLayer(zrzTc); | |||
| map.removeLayer(zjdTc); | |||
| map.removeLayer(fsssTc); | |||
| that.map.removeLayer(zrzTc); | |||
| that.map.removeLayer(zjdTc); | |||
| that.map.removeLayer(fsssTc); | |||
| //宅基地图层查询开始 ------------------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(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", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_zjdzd', | |||
| @@ -153,13 +153,14 @@ export default { | |||
| cql_filter: cql_filter_all, | |||
| SRID: 3857, | |||
| }, | |||
| resolution:Math.random() * 0.00000001, | |||
| }), | |||
| }); | |||
| map.addLayer(zjdTc); | |||
| that.map.addLayer(zjdTc); | |||
| //宅基地图层查询开始 ------------------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", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_zrz', | |||
| @@ -167,14 +168,15 @@ export default { | |||
| cql_filter: cql_filter_all, | |||
| SRID: 3857, | |||
| }, | |||
| resolution:Math.random() * 0.00000001, | |||
| }), | |||
| }); | |||
| map.addLayer(zrzTc); | |||
| that.map.addLayer(zrzTc); | |||
| //自然幢图层查询结束 ------------------end | |||
| //附属设施图层查询开始 ------------------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", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_fsss', | |||
| @@ -182,9 +184,10 @@ export default { | |||
| cql_filter: cql_filter_all, | |||
| SRID: 3857, | |||
| }, | |||
| resolution:Math.random() * 0.00000001, | |||
| }), | |||
| }); | |||
| map.addLayer(fsssTc); | |||
| that.map.addLayer(fsssTc); | |||
| //附属设施图层查询结束 ------------------end | |||
| //图层查询定位开始 ---------start | |||
| if(this.message.substring(0,1) =="{"){ | |||
| @@ -200,6 +203,7 @@ export default { | |||
| " \"type\": \"Feature\",\n" + | |||
| " \"geometry\":" + this.message + "}"), | |||
| }), | |||
| resolution:Math.random() * 0.00000001, | |||
| style: new ol.style.Style({ | |||
| 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 maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY; | |||
| var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX; | |||
| var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY; | |||
| //定位查询位置 | |||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
| map.getView().animate({ | |||
| that.map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: center, // 中心点 | |||
| zoom: 17.9, // 缩放级别 | |||
| zoom: 16.9, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | |||
| // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | |||
| @@ -242,6 +247,7 @@ export default { | |||
| " \"type\": \"Feature\",\n" + | |||
| " \"geometry\":" + rightJoin + "}"), | |||
| }), | |||
| resolution:Math.random() * 0.00000001, | |||
| style: new ol.style.Style({ | |||
| 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 maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY; | |||
| var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX; | |||
| var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY; | |||
| //定位查询位置 | |||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
| map.getView().animate({ | |||
| that.map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: center, // 中心点 | |||
| zoom: 16.9, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | |||
| // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | |||
| @@ -278,15 +285,15 @@ export default { | |||
| //开始绘制地图 | |||
| $("#"+this.drawingPolygonMap).click(function () { | |||
| that.newGeom = 1; | |||
| map.removeLayer(hc_land); | |||
| map.removeLayer(vector_drawing); | |||
| that.map.removeLayer(hc_land); | |||
| that.map.removeLayer(vector_drawing); | |||
| //that.closeMoule = null; | |||
| map.removeInteraction(draw); | |||
| that.map.removeInteraction(draw); | |||
| //var source = new ol.source.Vector({wrapX: false}); | |||
| vector_drawing = new ol.layer.Vector({ | |||
| source: new ol.source.Vector(), | |||
| }); | |||
| map.addLayer(vector_drawing); | |||
| that.map.addLayer(vector_drawing); | |||
| function addInteraction() { | |||
| draw = new ol.interaction.Draw({ | |||
| @@ -299,12 +306,12 @@ export default { | |||
| var coordinate = geometry.getCoordinates(); | |||
| if(coordinate !="" && coordinate !=null){ | |||
| //map.addLayer(vector_drawing); | |||
| map.removeInteraction(draw); | |||
| that.map.removeInteraction(draw); | |||
| } | |||
| that.closeMoule = coordinate; | |||
| that.formSubmit(); | |||
| }); | |||
| map.addInteraction(draw); | |||
| that.map.addInteraction(draw); | |||
| } | |||
| addInteraction(); | |||
| @@ -319,9 +326,9 @@ export default { | |||
| $("#"+this.drawingResetMap).click(function () { | |||
| that.newGeom = 2; | |||
| 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(); | |||
| } | |||
| }); | |||
| @@ -372,7 +379,7 @@ export default { | |||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
| //定位查询位置 | |||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
| map.getView().animate({ | |||
| that.map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: center, // 中心点 | |||
| zoom: 17.9, // 缩放级别 | |||
| @@ -414,7 +421,7 @@ export default { | |||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
| //定位查询位置 | |||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
| map.getView().animate({ | |||
| that.map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: center, // 中心点 | |||
| zoom: 16.9, // 缩放级别 | |||
| @@ -456,12 +463,13 @@ export default { | |||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
| //定位查询位置 | |||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
| map.getView().animate({ | |||
| that.map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: center, // 中心点 | |||
| zoom: 17.9, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | |||
| // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | |||
| @@ -498,12 +506,13 @@ export default { | |||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
| //定位查询位置 | |||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
| map.getView().animate({ | |||
| that.map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: center, // 中心点 | |||
| zoom: 16.9, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| 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([]), //隐藏放大缩小按钮 | |||
| layers: [aerial, yingxzi], | |||
| projection: projection, | |||
| @@ -549,14 +558,20 @@ export default { | |||
| zoom: 16.9, | |||
| minZoom: 5, //地图缩小限制 | |||
| maxZoom: 18, //地图放大限制 | |||
| resolution:Math.random() * 0.00000001, | |||
| }), | |||
| interactions: ol.interaction.defaults({ | |||
| pinchRotate: false // 移动端禁止地图旋转 | |||
| }), | |||
| }); | |||
| //view.setResolution(view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新 | |||
| //获取坐标是否存在 | |||
| //var Zb; | |||
| //村边界查询开始 ------------------------------start | |||
| 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", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_border_village', | |||
| @@ -595,9 +610,10 @@ export default { | |||
| }) | |||
| .then((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 center = ol.extent.getCenter(datamap); | |||
| // map.getView().animate({ | |||
| @@ -609,12 +625,12 @@ export default { | |||
| .catch((error) => { | |||
| console.log("【异常】", error); | |||
| }); | |||
| map.addLayer(cunTc); | |||
| that.map.addLayer(cunTc); | |||
| //村边界查询开始 ------------------------------end | |||
| //宅基地图层查询开始 ------------------start | |||
| //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", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_zjdzd', | |||
| @@ -624,7 +640,7 @@ export default { | |||
| }, | |||
| }), | |||
| }); | |||
| map.addLayer(zjdTc); | |||
| that.map.addLayer(zjdTc); | |||
| //宅基地图层查询开始 ------------------start | |||
| // getQueryLand().then((response) => { | |||
| // if (response.code == 200) { | |||
| @@ -660,12 +676,12 @@ export default { | |||
| //开始绘制地图 | |||
| $("#"+this.drawingPolygonMap).click(function () { | |||
| //that.closeMoule = null; | |||
| map.removeInteraction(draw); | |||
| that.map.removeInteraction(draw); | |||
| //var source = new ol.source.Vector({wrapX: false}); | |||
| vector_drawing = new ol.layer.Vector({ | |||
| source: new ol.source.Vector(), | |||
| }); | |||
| map.addLayer(vector_drawing); | |||
| that.map.addLayer(vector_drawing); | |||
| function addInteraction() { | |||
| draw = new ol.interaction.Draw({ | |||
| @@ -679,12 +695,12 @@ export default { | |||
| that.newZb = JSON.stringify(coordinate); | |||
| if(coordinate !="" && coordinate !=null){ | |||
| //map.addLayer(vector_drawing); | |||
| map.removeInteraction(draw); | |||
| that.map.removeInteraction(draw); | |||
| } | |||
| that.closeMoule = coordinate; | |||
| that.formSubmit(); | |||
| }); | |||
| map.addInteraction(draw); | |||
| that.map.addInteraction(draw); | |||
| } | |||
| addInteraction(); | |||
| @@ -698,8 +714,8 @@ export default { | |||
| // }); | |||
| //还原之前图层 | |||
| $("#"+this.drawingResetMap).click(function () { | |||
| map.removeInteraction(draw); | |||
| map.removeLayer(vector_drawing); | |||
| that.map.removeInteraction(draw); | |||
| that.map.removeLayer(vector_drawing); | |||
| //that.closeMoule = null; | |||
| that.formSubmit(); | |||
| }); | |||
| @@ -741,12 +757,13 @@ export default { | |||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
| //定位查询位置 | |||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
| map.getView().animate({ | |||
| that.map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: center, // 中心点 | |||
| zoom: 17.9, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | |||
| // map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]); | |||
| @@ -783,12 +800,13 @@ export default { | |||
| var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
| //定位查询位置 | |||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
| map.getView().animate({ | |||
| that.map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: center, // 中心点 | |||
| zoom: 16.9, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| // let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize()); | |||
| // 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; | |||
| top:1.2rem"> | |||
| <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"> | |||
| <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> | |||
| </div> | |||
| </van-col> | |||
| @@ -295,7 +295,7 @@ | |||
| </van-field> | |||
| <van-field name="uploader" label="宅基地现场照片" autocomplete="off"> | |||
| <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> | |||
| </van-field> | |||
| <van-field | |||
| @@ -446,7 +446,7 @@ | |||
| placeholder="备注" | |||
| 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;"> | |||
| <van-button v-if="isFinished" round color="#7AC943" style="width:100%" native-type="submit">保存</van-button> | |||
| </div> | |||
| @@ -1039,7 +1039,7 @@ | |||
| label="备注" | |||
| 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"> | |||
| <van-button round block color="#7AC943" native-type="submit">保存</van-button> | |||
| </div> | |||
| @@ -1830,7 +1830,7 @@ | |||
| label="备注" | |||
| placeholder="备注" | |||
| /> | |||
| <van-field | |||
| <!-- <van-field | |||
| autocomplete="off" | |||
| input-align="right" | |||
| v-model="nmfwform.zjdxctp" | |||
| @@ -1843,7 +1843,7 @@ | |||
| <template #input> | |||
| <van-uploader v-model="fileListfw" :after-read="beforeReadfw" multiple @delete="deleteFilefw" :max-count="4"></van-uploader> | |||
| </template> | |||
| </van-field> | |||
| </van-field>--> | |||
| <div style="margin: 16px;" v-if="isFinished"> | |||
| <van-button round block color="#7AC943" native-type="submit">保存</van-button> | |||
| </div> | |||
| @@ -2418,7 +2418,7 @@ | |||
| label="备注" | |||
| 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"> | |||
| <van-button round block color="#7AC943" native-type="submit">保存</van-button> | |||
| </div> | |||
| @@ -3148,29 +3148,38 @@ | |||
| enterMap: "", | |||
| //记录从地图进入宅基地代码 | |||
| enterMapZjddm:"", | |||
| //地图状态保存 | |||
| numerical:"", | |||
| //审核状态 | |||
| isFinished:false, | |||
| // cookies | |||
| cookiesInfo:null, | |||
| // 异常标记照片 | |||
| fileListyc:[], | |||
| //刷新随机数 | |||
| zjdProductResh:this.guidProduct(), | |||
| zrzProductResh:this.guidProduct(), | |||
| fsssProductResh:this.guidProduct(), | |||
| }; | |||
| }, | |||
| created(){ | |||
| console.log(this.$route.query.res); | |||
| console.log(this.$cookies.get("search")); | |||
| //this.itemBc = this.$cookies.get("map"); | |||
| //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){ | |||
| 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 { | |||
| 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","") | |||
| //返回地图值记录----start | |||
| this.backMap.activeBtn = 4; | |||
| @@ -3178,10 +3187,7 @@ | |||
| this.backMap.backMapZjdAData = this.cookiesInfo.mapZjdAData; | |||
| this.backMap.deptId = this.cookiesInfo.mapZjdAData.deptId; | |||
| 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; | |||
| //返回地图值记录----end | |||
| this.active = this.cookiesInfo.active; | |||
| @@ -3193,7 +3199,9 @@ | |||
| this.getnhdmlist(); | |||
| this.getBaseUrl(); | |||
| this.getZjd(); | |||
| //this.mapClickLoading(); | |||
| if(this.ztMap){ | |||
| this.$cookies.set("search",this.backMap); | |||
| } | |||
| let zrz = this.cookiesInfo.mapZrzAData; | |||
| let fsss = this.cookiesInfo.mapFsssAData; | |||
| if(this.cookiesInfo.active=="3"){ | |||
| @@ -3218,6 +3226,7 @@ | |||
| this.cookiesInfo = this.$cookies.get("search") | |||
| this.$cookies.set("search","") | |||
| this.item = this.cookiesInfo | |||
| this.$cookies.set("search",this.cookiesInfo); | |||
| if(this.item.houseDataConfirmStatus!="CONFIRMED"){ | |||
| this.isFinished = true | |||
| } | |||
| @@ -3341,9 +3350,9 @@ | |||
| }); | |||
| }, | |||
| mounted(){ | |||
| if(this.active ==1){ | |||
| this.mapClickLoading(); | |||
| } | |||
| // if(this.active ==1 && !this.ztMap){ | |||
| // this.mapClickLoading(); | |||
| // } | |||
| }, | |||
| methods: { | |||
| showPic(){ | |||
| @@ -3802,8 +3811,8 @@ | |||
| d.push(blobBin.charCodeAt(i)) | |||
| } | |||
| const data2 = new FormData(); | |||
| console.log(d) | |||
| 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 => { | |||
| if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""){ | |||
| 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){ | |||
| let url = ","+file.baseUrl | |||
| @@ -4249,9 +4291,9 @@ | |||
| //this.enterMap=""; | |||
| //this.$cookies.set("item",""); | |||
| if(this.ztMap && this.enterMap ==1){ | |||
| this.$cookies.set("map",this.backMap); | |||
| this.$cookies.set("search",this.backMap); | |||
| } else { | |||
| this.$cookies.set("map",""); | |||
| this.$cookies.set("search",""); | |||
| } | |||
| this.$router.push({name:'homesteadList'}); | |||
| // } | |||
| @@ -4522,6 +4564,7 @@ | |||
| this.form.djName = res.dictLabel | |||
| } | |||
| }) | |||
| this.zjdProduct(); | |||
| }); | |||
| }else{ | |||
| let params = { | |||
| @@ -4556,6 +4599,7 @@ | |||
| this.form.suyqrdm = response.rows[0].suyqrdm | |||
| this.form.zl = response.rows[0].suyqrmc | |||
| } | |||
| this.zjdProduct(); | |||
| }); | |||
| } | |||
| }, | |||
| @@ -5440,6 +5484,7 @@ | |||
| sjlyName:'农村宅基地使用权确权登记发证', | |||
| theGeom:this.form.theGeom, | |||
| } | |||
| this.zrzProduct(); | |||
| }else{ | |||
| this.form3 = item | |||
| this.form3.theGeom = item.theGeom; | |||
| @@ -5474,10 +5519,12 @@ | |||
| } | |||
| }) | |||
| } | |||
| if(this.form3.theGeom == null){ | |||
| this.form3.theGeom = this.form.theGeom; | |||
| } | |||
| } | |||
| this.showzrz = true; | |||
| this.mapClickLoading(); | |||
| this.zrzProduct(); | |||
| this.active = 3; | |||
| // if(){ | |||
| // | |||
| @@ -5735,6 +5782,7 @@ | |||
| sfsgcf:'N', | |||
| theGeom:this.form.theGeom, | |||
| } | |||
| this.fsssProduct(); | |||
| }else{ | |||
| this.form4=item | |||
| console.log(this.form4); | |||
| @@ -5775,7 +5823,7 @@ | |||
| this.form4.sfsgcf = "N" | |||
| } | |||
| if(this.form4.theGeom==null||this.form4.theGeom==""){ | |||
| this.form4.theGeom = this.form4.theGeom | |||
| this.form4.theGeom = this.form.theGeom | |||
| } | |||
| this.fssslxOptions.map(res => { | |||
| if(res.dictValue == item.fssslx){ | |||
| @@ -5810,7 +5858,7 @@ | |||
| } | |||
| this.showfsss = true; | |||
| this.active = 4; | |||
| this.mapClickLoading(); | |||
| this.fsssProduct(); | |||
| } | |||
| }, | |||
| showPopup3() { | |||
| @@ -6005,15 +6053,13 @@ | |||
| }, | |||
| //地图加载js------start | |||
| mapClickLoading(){ | |||
| //this.$cookies.set("item", this.form); | |||
| console.log(this.$cookies.get("item")); | |||
| setTimeout(() => { | |||
| if(this.active =="1"){ | |||
| this.$refs.drewingClickLoading1.drawingPaceCountryDarw(); | |||
| this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||
| }else if(this.active=="3"){ | |||
| this.$refs.drewingClickLoading3.drawingPaceCountryDarw(); | |||
| this.$refs[this.zrzProductResh].drawingPaceCountryDarw(); | |||
| }else if(this.active=="4"){ | |||
| this.$refs.drewingClickLoading4.drawingPaceCountryDarw(); | |||
| this.$refs[this.fsssProductResh].drawingPaceCountryDarw(); | |||
| } 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 | |||
| } | |||
| } | |||
| @@ -1382,6 +1382,7 @@ | |||
| backTheGeom:"", | |||
| //地图服务地址 | |||
| mapGeoServerUrl:"", | |||
| backMap:"", | |||
| // 任务完成标记 | |||
| isFinished:false, | |||
| @@ -1429,15 +1430,15 @@ | |||
| this.getDicts("member_remark").then(response => { | |||
| 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.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.mapZjdDataTure = 1; | |||
| this.mapAddJumpNum =1; | |||
| @@ -1571,7 +1572,6 @@ | |||
| }else{ | |||
| this.list.splice(index,1); | |||
| } | |||
| } | |||
| }) | |||
| }) | |||
| @@ -1619,6 +1619,8 @@ | |||
| delNh(item.id).then(res => { | |||
| if(res.code=="200"){ | |||
| this.nhlist.splice(index,1); | |||
| this.totalH-- | |||
| this.totalR-- | |||
| } | |||
| }) | |||
| }) | |||
| @@ -1643,6 +1645,7 @@ | |||
| delNhhncy(item.id).then(res => { | |||
| if(res.code=="200"){ | |||
| this.hncylist.splice(index,1); | |||
| this.totalR-- | |||
| } | |||
| }) | |||
| // 更新户主信息 | |||
| @@ -1682,6 +1685,7 @@ | |||
| delNhhncy(id).then(res => { | |||
| if(res.code=="200"){ | |||
| this.hncylist.splice(index,1); | |||
| this.totalR-- | |||
| } | |||
| }) | |||
| }) | |||
| @@ -1844,7 +1848,7 @@ | |||
| }, | |||
| // 返回 | |||
| onClickLeft(){ | |||
| this.$cookies.set("map","") | |||
| this.$cookies.set("search","") | |||
| this.$router.push('/homesteadSurvey/index'); | |||
| }, | |||
| onConfirmhncysjly(value){ | |||
| @@ -2709,7 +2713,6 @@ | |||
| duration:"1000", | |||
| onClose:function(){ | |||
| _this.totalR+=1 | |||
| _this.totalH+=1 | |||
| _this.showhncy = false | |||
| let params = { | |||
| "nhdm":_this.form5.nhdm, | |||
| @@ -2734,7 +2737,6 @@ | |||
| duration:"1000", | |||
| onClose:function(){ | |||
| _this.totalR+=1 | |||
| _this.totalH+=1 | |||
| _this.showhncy = false | |||
| let params = { | |||
| "nhdm":_this.form5.nhdm, | |||
| @@ -2763,7 +2765,6 @@ | |||
| duration:"1000", | |||
| onClose:function(){ | |||
| _this.totalR+=1 | |||
| _this.totalH+=1 | |||
| _this.showhncy = false | |||
| let params = { | |||
| "nhdm":_this.form5.nhdm, | |||
| @@ -2788,7 +2789,6 @@ | |||
| duration:"1000", | |||
| onClose:function(){ | |||
| _this.totalR+=1 | |||
| _this.totalH+=1 | |||
| _this.showhncy = false | |||
| let params = { | |||
| "nhdm":_this.form5.nhdm, | |||
| @@ -2810,7 +2810,6 @@ | |||
| duration:"1000", | |||
| onClose:function(){ | |||
| _this.totalR+=1 | |||
| _this.totalH+=1 | |||
| _this.showhncy = false | |||
| let params = { | |||
| "nhdm":_this.form5.nhdm, | |||
| @@ -2921,12 +2920,12 @@ | |||
| zoom: 10, | |||
| minZoom: 5, //地图缩小限制 | |||
| maxZoom: 18.3, //地图放大限制 | |||
| resolution: Math.random() * 0.00000001, | |||
| }), | |||
| interactions: ol.interaction.defaults({ | |||
| pinchRotate: false // 移动端禁止地图旋转 | |||
| }), | |||
| }); | |||
| //使用geoserver服务查询开始 -------------------start | |||
| //镇边界查询开始 ------------------------------start | |||
| // var zhenTc= new ol.layer.Tile({ | |||
| @@ -2944,20 +2943,21 @@ | |||
| //镇边界查询开始 ------------------------------end | |||
| //村边界查询开始 ------------------------------start | |||
| var cql_filter | |||
| if(that.mapAddJumpNum == 1){ | |||
| if (that.mapAddJumpNum == 1) { | |||
| cql_filter = "dept_id='" + that.mapAddJump + "'"; | |||
| } else { | |||
| 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: { | |||
| LAYERS: 'zjd_dc:t_house_survey_border_village', | |||
| TILED: true, | |||
| cql_filter: cql_filter, | |||
| SRID: 3857, | |||
| }, | |||
| resolution: Math.random() * 0.00000001, | |||
| }), | |||
| }); | |||
| //定位查询位置 | |||
| @@ -2974,7 +2974,7 @@ | |||
| outputFormat: "application/json", | |||
| //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 + "?"; | |||
| for (let key in param_dw) { | |||
| url_dw = url_dw + key + "=" + param_dw[key] + "&"; | |||
| @@ -2988,7 +2988,7 @@ | |||
| return geojsonmap; | |||
| }) | |||
| .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({ | |||
| title: "add Layer", | |||
| source: new ol.source.Vector({ | |||
| @@ -3010,18 +3010,26 @@ | |||
| var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY; | |||
| //定位查询位置 | |||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
| that.clickBbox = center; | |||
| console.log(that.mapZjdData); | |||
| that.textMjAll = that.mapZjdData.zdmj; | |||
| map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: center, // 中心点 | |||
| zoom: 17.9, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| 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"; | |||
| 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({ | |||
| title: "add Layer", | |||
| source: new ol.source.Vector({ | |||
| @@ -3049,16 +3057,22 @@ | |||
| var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY; | |||
| //定位查询位置 | |||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
| that.clickBbox = center; | |||
| console.log(that.mapZjdData); | |||
| that.textMjAll = that.mapZjdData.zdmj; | |||
| map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: center, // 中心点 | |||
| zoom: 16.9, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| 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); | |||
| } | |||
| }) | |||
| @@ -3069,52 +3083,69 @@ | |||
| //村边界查询开始 ------------------------------end | |||
| //宅基地图层查询开始 ------------------start | |||
| //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: { | |||
| LAYERS: 'zjd_dc:t_house_survey_zjdzd', | |||
| TILED: true, | |||
| cql_filter: cql_filter, | |||
| SRID: 3857, | |||
| }, | |||
| resolution: Math.random() * 0.00000001, | |||
| }), | |||
| }); | |||
| map.addLayer(zjdTc); | |||
| //宅基地图层查询开始 ------------------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: { | |||
| LAYERS: 'zjd_dc:t_house_survey_zrz', | |||
| TILED: true, | |||
| cql_filter: cql_filter, | |||
| SRID: 3857, | |||
| }, | |||
| resolution: Math.random() * 0.00000001, | |||
| }), | |||
| }); | |||
| map.addLayer(zrzTc); | |||
| //自然幢图层查询开始 ------------------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: { | |||
| LAYERS: 'zjd_dc:t_house_survey_fsss', | |||
| TILED: true, | |||
| cql_filter: cql_filter, | |||
| SRID: 3857, | |||
| }, | |||
| resolution: Math.random() * 0.00000001, | |||
| }), | |||
| }); | |||
| map.addLayer(fsssTc); | |||
| //附属设施图层查询开始 ------------------start | |||
| //使用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 | |||
| //判断当前账套是否有数据 | |||
| // var mapTalkAbout = true; | |||
| @@ -3516,6 +3547,7 @@ | |||
| zoom: 17.8, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| }); | |||
| //定位当前位置 ------end | |||
| @@ -3627,7 +3659,6 @@ | |||
| //地图定义 | |||
| var delete_map = ["mapZjd", "mapZrz","mapFsss"]; | |||
| var hc_land_query; | |||
| var hc_land_queryList =[]; | |||
| var texiao_layer_zjd; | |||
| var texiao_layer_zrz; | |||
| @@ -3638,9 +3669,10 @@ | |||
| $("#deleteHistoryMap").trigger("click"); | |||
| 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 =[]; | |||
| if (val == "") { | |||
| that.$toast('请填写查询条件再查询'); | |||
| @@ -3678,9 +3710,8 @@ | |||
| } | |||
| that.mapDataAll[hg].typeTc="宅基地"; | |||
| 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", | |||
| source: new ol.source.Vector({ | |||
| projection: projection, | |||
| @@ -3690,12 +3721,11 @@ | |||
| }), | |||
| 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]); //获取边界区域的中心位置 | |||
| map.getView().animate({ | |||
| @@ -3704,13 +3734,16 @@ | |||
| zoom: 15.8, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| } | |||
| // listFsss(paramsZrz).then((response) => { | |||
| // 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; | |||
| // console.log(mapZrzFor); | |||
| // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){ | |||
| @@ -4039,31 +4072,12 @@ | |||
| //样式加载定义 | |||
| var vector_drawing_delete; | |||
| $("#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); | |||
| function createLabelStyle() { | |||
| return new ol.style.Style({ | |||
| @@ -4094,8 +4108,6 @@ | |||
| map.addLayer(vector_drawing_delete); | |||
| newcenterFeature.setStyle(createLabelStyle()); //设置要素样式 | |||
| sourceMapLook.addFeature(newcenterFeature); | |||
| that.clickBbox =""; | |||
| that.textMjAll = ""; | |||
| //map.addLayer(styleFsss); | |||
| } else if(that.textMjAllNum == "1"){ | |||
| that.$toast("该图层面积暂无信息"); | |||
| @@ -4396,6 +4408,7 @@ | |||
| }) | |||
| .then((data) => { | |||
| let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize()); | |||
| resolution:resolution + Math.random() * 0.00000001, | |||
| map.getView().fit(data.bbox); | |||
| map.getView().setResolution(resolution); | |||
| // var datamap = data.bbox; | |||
| @@ -4431,6 +4444,7 @@ | |||
| serverType: "geoserver", | |||
| crossOrigin: "anonymous", | |||
| }, | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| //查询宅基地图层 | |||
| @@ -4443,6 +4457,7 @@ | |||
| serverType: "geoserver", | |||
| crossOrigin: "anonymous", | |||
| }, | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| //查询自然幢图层 | |||
| @@ -4455,6 +4470,7 @@ | |||
| serverType: "geoserver", | |||
| crossOrigin: "anonymous", | |||
| }, | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| //查询附属设施图层 | |||
| @@ -4467,6 +4483,7 @@ | |||
| serverType: "geoserver", | |||
| crossOrigin: "anonymous", | |||
| }, | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| @@ -4483,6 +4500,7 @@ | |||
| //属性查询结束 ------------------end | |||
| //点击查询详细信息 | |||
| map.on("singleclick", function (evt) { | |||
| console.log(evt); | |||
| let feature = map.forEachFeatureAtPixel( | |||
| evt.pixel, | |||
| (feature) => feature | |||
| @@ -4491,12 +4509,17 @@ | |||
| var zb = evt.coordinate; | |||
| var url; | |||
| var url_bbox; | |||
| that.clickBbox =""; | |||
| that.textMjAll = ""; | |||
| if(that.drawingClick) { | |||
| //点击空白删除之前图层 | |||
| map.removeLayer(hc_land_on); | |||
| //map.removeLayer(hc_land_query); | |||
| //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 | |||
| if (that.fsssSx && that.zjdSx && that.zrzSx) { | |||
| url = wmsSource.getFeatureInfoUrl( | |||
| @@ -4619,7 +4642,7 @@ | |||
| "zjddm": obj.zjddm, | |||
| } | |||
| that.$cookies.set("search", "") | |||
| that.$cookies.set("map", "") | |||
| //that.$cookies.set("map", "") | |||
| console.log(document.cookie.split(';').length) | |||
| console.log(params); | |||
| listZjdzd(params).then((response) => { | |||
| @@ -4663,6 +4686,7 @@ | |||
| zoom: 17.8, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| function createLabelStyleMap() { | |||
| @@ -4675,7 +4699,7 @@ | |||
| //text: "标注点", //文本内容 | |||
| fill: new ol.style.Fill({ | |||
| //文本填充样式(即文字颜色) | |||
| color: "#0099FF", | |||
| color: "#FF0000", | |||
| width: 10, | |||
| }), | |||
| overflow: false //超出面的部分不显示 | |||
| @@ -4717,7 +4741,7 @@ | |||
| "zjddm": obj.zjddm, | |||
| } | |||
| that.$cookies.set("search", "") | |||
| that.$cookies.set("map", "") | |||
| //that.$cookies.set("map", "") | |||
| listZjdzd(params).then((response) => { | |||
| that.mapZjdData = response.rows[0]; | |||
| //that.mapZjdAData.active = 1; | |||
| @@ -4762,6 +4786,7 @@ | |||
| zoom: 17.8, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| }); | |||
| }); | |||
| @@ -4788,7 +4813,7 @@ | |||
| "pageSize": 20, | |||
| } | |||
| that.$cookies.remove("search") | |||
| that.$cookies.set("map", "") | |||
| //that.$cookies.set("map", "") | |||
| listZjdzd(params).then((response) => { | |||
| that.mapZjdData = response.rows[0]; | |||
| that.mapZjdData.active = 1; | |||
| @@ -4801,6 +4826,7 @@ | |||
| } | |||
| //that.mapfsssData.active = 4; | |||
| that.mapfsssData = response.data; | |||
| console.log(that.mapfsssData); | |||
| that.mapZjdTeAll.mapFsssAData = that.mapfsssData; | |||
| that.zjdHcDy = obj.zjddm; | |||
| var styleZjd = new ol.style.Style({ | |||
| @@ -4833,6 +4859,7 @@ | |||
| zoom: 17.8, // 缩放级别 | |||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||
| resolution:Math.random() * 0.00000001, | |||
| }); | |||
| }); | |||
| }); | |||
| @@ -5278,28 +5305,27 @@ | |||
| }, | |||
| //宅基地点击地图核查 | |||
| zjdHc(){ | |||
| console.log(this.mapZjdTeAll); | |||
| if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){ | |||
| if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){ | |||
| console.log("ggggggggg") | |||
| 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 !=""){ | |||
| 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 { | |||
| this.$toast("必须有宅基地数据才能进入自然幢核查"); | |||
| } | |||
| } | |||
| if(this.mapFsssData !=undefined && this.mapFsssData !=""){ | |||
| }else { | |||
| if(this.mapZjdTeAll.mapZjdAData !="") { | |||
| 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 { | |||
| this.$toast("必须有宅基地数据才能进入附属设施核查"); | |||
| } | |||
| @@ -23,6 +23,7 @@ | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| label-width="auto" | |||
| required | |||
| /> | |||
| <van-popup v-model="showAccountType" position="bottom"> | |||
| <van-picker | |||
| @@ -32,7 +33,149 @@ | |||
| @cancel="showAccountType = false" | |||
| /> | |||
| </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="银行账户" 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 | |||
| readonly | |||
| clickable | |||
| @@ -54,22 +197,51 @@ | |||
| @cancel="showSubjectId = false" | |||
| /> | |||
| </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-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> | |||
| <van-radio-group direction="horizontal" v-model="form.status"> | |||
| <van-radio name="Y">是</van-radio> | |||
| <van-radio name="N">否</van-radio> | |||
| </van-radio-group> | |||
| </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 style="padding: 16px 0;"> | |||
| <van-row> | |||
| @@ -84,34 +256,68 @@ | |||
| </template> | |||
| <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 { | |||
| name: "paymentAccountAdd", | |||
| data() { | |||
| return { | |||
| showCentralSubjectId:false, | |||
| showCentralBookId:false, | |||
| showManagementControlType:false, | |||
| showTaccountId:false, | |||
| showVillageAccountType:false, | |||
| villageAccountType:null, | |||
| showAccountType:false, | |||
| showSubjectId:false, | |||
| showBankType:false, | |||
| minDate: new Date(), | |||
| showBankDeposit:false, | |||
| maxDate: new Date(2025, 10, 1), | |||
| currentDate: new Date(), | |||
| jgList:{}, | |||
| managementControlType:'', | |||
| taccountId:'', | |||
| accountType:'', | |||
| bankType:'', | |||
| centralBookId:'', | |||
| centralSubjectId:'', | |||
| jglx:'', | |||
| wfydlx:'', | |||
| wfydlxDictionaries:[], | |||
| jglxDictionaries:[], | |||
| subjectDictionaries:[], | |||
| typeDictionaries:[], | |||
| villageAccountTypeOptions:[], | |||
| taccountIdOptions:[], | |||
| centralBookIdList:[], | |||
| centralSubjectIdList:[], | |||
| // 管控类型 == 中心账套时选择中心账套 | |||
| centralBooks: [], | |||
| // 管控类型字典 | |||
| managementControlTypeOptions: [], | |||
| bankDepositList:[], | |||
| // 所属银行字典 | |||
| bankTypeOptions: [], | |||
| subjectDeatil:'', | |||
| bankDepositQueryParams: { | |||
| pageNum: 1, | |||
| pageSize: 10, | |||
| bookId: null, | |||
| deptId: null, | |||
| payee: null, | |||
| payeeAccount: null, | |||
| bankDeposit: null, | |||
| payeeType:null, | |||
| bankType:null, | |||
| status: "0", | |||
| }, | |||
| form:{} | |||
| }; | |||
| }, | |||
| created() { | |||
| this.getDetail(); | |||
| }, | |||
| methods: { | |||
| getDetail(){ | |||
| @@ -121,16 +327,115 @@ | |||
| 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) => { | |||
| for (var i = 0; i < res.rows.length; i++) { | |||
| 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){ | |||
| console.log(e) | |||
| 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){ | |||
| this.subjectDeatil = data.text; | |||
| this.form.subjectId = data.value; | |||
| @@ -13,21 +13,53 @@ | |||
| <p class="main_title">基础信息</p> | |||
| <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="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-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="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-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> | |||
| {{form.status == 'Y' ? '是':'否'}} | |||
| </template> | |||
| </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> | |||
| </template> | |||
| @@ -47,6 +79,17 @@ | |||
| jgList:{}, | |||
| accountType:'', | |||
| bankType:'', | |||
| villageAccountType:'', | |||
| taccountId:'', | |||
| accountNo:'', | |||
| managementControlType:'', | |||
| centralBookId:'', | |||
| centralSubjectId:'', | |||
| bankAccountType:'', | |||
| alternateField1:'', | |||
| alternateField2:'', | |||
| alternateField3:'', | |||
| subjectValue:'', | |||
| wfydlx:'', | |||
| @@ -7,7 +7,7 @@ | |||
| @click-left="$router.back(-1)" | |||
| > | |||
| <template #title> | |||
| <p style="font-weight: bold;">添加常用转账申请</p> | |||
| <p style="font-weight: bold;">添加村户转账申请</p> | |||
| </template> | |||
| </van-nav-bar> | |||
| <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | |||
| @@ -57,6 +57,15 @@ | |||
| @cancel="showcapital = false" | |||
| /> | |||
| </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 | |||
| readonly | |||
| required | |||
| @@ -66,7 +75,6 @@ | |||
| input-align="right" | |||
| label-width="auto" | |||
| /> | |||
| </div> | |||
| <div class="main_box" style="margin-top: 10px;"> | |||
| @@ -171,7 +179,7 @@ | |||
| </van-radio-group> | |||
| </template> | |||
| </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> | |||
| <van-radio-group direction="horizontal" v-model="form.isPeers" @change="accountTypeChange1"> | |||
| <van-radio name="Y">是</van-radio> | |||
| @@ -842,8 +850,12 @@ | |||
| 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'); | |||
| console.log(obj.bankType) | |||
| if(obj.bankType==1){ | |||
| this.form.accountType = "1" | |||
| this.form.isPeers = null | |||
| @@ -880,6 +892,7 @@ | |||
| this.$set(this.form, "deptId", ''); | |||
| this.$set(this.form, "cashierId", obj.id); | |||
| this.$set(this.form, "payer", obj.accountName); | |||
| this.$set(this.form, "bankType", obj.bankType); | |||
| if(obj.payerFrom==6){ | |||
| getQmyeFlow(obj.bankAccountNumber).then((response) => { | |||
| this.$set(this.form, "payerAccount", response.data); | |||
| @@ -66,7 +66,15 @@ | |||
| input-align="right" | |||
| 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -242,7 +250,7 @@ | |||
| payeeList:[], | |||
| // 查询参数 | |||
| queryParams: { | |||
| transferType:"", | |||
| transferType:10, | |||
| orderByColumn: "id", | |||
| isAsc: "desc", | |||
| }, | |||
| @@ -304,7 +312,7 @@ | |||
| downId: null, | |||
| orderId: null, | |||
| cashierId: null, | |||
| cashType: '10', | |||
| transferType: '10', | |||
| accountType: '2', | |||
| explainSituation: null, | |||
| succeedAmount: null, | |||
| @@ -66,7 +66,15 @@ | |||
| input-align="right" | |||
| 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -242,7 +250,7 @@ | |||
| payeeList:[], | |||
| // 查询参数 | |||
| queryParams: { | |||
| transferType:"", | |||
| transferType:11, | |||
| orderByColumn: "id", | |||
| isAsc: "desc", | |||
| }, | |||
| @@ -306,7 +314,7 @@ | |||
| downId: null, | |||
| orderId: null, | |||
| cashierId: null, | |||
| cashType: '11', | |||
| transferType: '11', | |||
| accountType: '2', | |||
| explainSituation: null, | |||
| succeedAmount: null, | |||
| @@ -57,8 +57,15 @@ | |||
| @cancel="showcapital = false" | |||
| /> | |||
| </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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -287,7 +294,7 @@ | |||
| payeeList:[], | |||
| // 查询参数 | |||
| queryParams: { | |||
| transferType:"", | |||
| transferType:12, | |||
| orderByColumn: "id", | |||
| isAsc: "desc", | |||
| }, | |||
| @@ -353,7 +360,7 @@ | |||
| downId: null, | |||
| orderId: null, | |||
| cashierId: null, | |||
| cashType: '12', | |||
| transferType: '12', | |||
| accountType: '2', | |||
| explainSituation: null, | |||
| succeedAmount: null, | |||
| @@ -66,7 +66,15 @@ | |||
| input-align="right" | |||
| 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 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> | |||
| <div class="main_box" style="margin-bottom: 15px;"> | |||
| <van-cell title="收款账户类型"> | |||
| <van-cell title="收款账户类型" v-if="form.bankType==1"> | |||
| <template #right-icon> | |||
| <van-radio-group direction="horizontal" v-model="form.accountType" @change="accountTypeChange"> | |||
| <van-radio name="1">公户</van-radio> | |||
| @@ -171,6 +179,14 @@ | |||
| </van-radio-group> | |||
| </template> | |||
| </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 :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)" /> | |||
| @@ -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) { | |||
| let obj = {}; | |||
| @@ -7,7 +7,7 @@ | |||
| @click-left="$router.back(-1)" | |||
| > | |||
| <template #title> | |||
| <p style="font-weight: bold;">添加虚拟转账申请</p> | |||
| <p style="font-weight: bold;">添加代管转账申请</p> | |||
| </template> | |||
| </van-nav-bar> | |||
| <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | |||
| @@ -66,7 +66,15 @@ | |||
| input-align="right" | |||
| 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -171,7 +179,7 @@ | |||
| </van-radio-group> | |||
| </template> | |||
| </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> | |||
| <van-radio-group direction="horizontal" v-model="form.isPeers" @change="accountTypeChange1"> | |||
| <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 { | |||
| attachmentList, | |||
| commonAttach, | |||
| commonAttach, listAccount1, | |||
| listVaccount, | |||
| listVaccount1 | |||
| } from "../../../../api/onlineHome/bankAgriculture/paymentApproval"; | |||
| @@ -330,13 +338,13 @@ | |||
| villageAccountType:'1', | |||
| "params":{townAccountType:'1'} | |||
| } | |||
| listVaccount1(params1).then((response) => { | |||
| this.payerOptions = response.rows; | |||
| listAccount1(params1).then((response) => { | |||
| this.payerOptions = [] | |||
| 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(); | |||
| @@ -835,16 +843,20 @@ | |||
| return account.id === select; //筛选出匹配数据 | |||
| }); | |||
| 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){ | |||
| this.form.accountType = "1" | |||
| 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="capitalExpenditureType" 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 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="capitalExpenditureType" 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 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="capitalExpenditureType" 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -17,6 +17,14 @@ | |||
| <div class="main_box"> | |||
| <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 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -7,7 +7,7 @@ | |||
| @click-left="$router.back(-1)" | |||
| > | |||
| <template #title> | |||
| <p style="font-weight: bold;">查看常用转账申请</p> | |||
| <p style="font-weight: bold;">查看村户转账申请</p> | |||
| </template> | |||
| <template #right> | |||
| <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="capitalExpenditureType" 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 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="capitalExpenditureType" 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -98,7 +106,7 @@ | |||
| payeeList:[], | |||
| // 查询参数 | |||
| queryParams: { | |||
| transferType:"", | |||
| transferType:10, | |||
| orderByColumn: "id", | |||
| isAsc: "desc", | |||
| }, | |||
| @@ -18,6 +18,14 @@ | |||
| <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="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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -104,7 +112,7 @@ | |||
| payeeList:[], | |||
| // 查询参数 | |||
| queryParams: { | |||
| transferType:"", | |||
| transferType:11, | |||
| orderByColumn: "id", | |||
| isAsc: "desc", | |||
| }, | |||
| @@ -17,6 +17,14 @@ | |||
| <div class="main_box"> | |||
| <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 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -155,7 +163,7 @@ | |||
| payeeList:[], | |||
| // 查询参数 | |||
| queryParams: { | |||
| transferType:"", | |||
| transferType:12, | |||
| orderByColumn: "id", | |||
| isAsc: "desc", | |||
| }, | |||
| @@ -18,6 +18,14 @@ | |||
| <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="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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -7,7 +7,7 @@ | |||
| @click-left="$router.back(-1)" | |||
| > | |||
| <template #title> | |||
| <p style="font-weight: bold;">查看虚拟转账申请</p> | |||
| <p style="font-weight: bold;">查看代管转账申请</p> | |||
| </template> | |||
| <template #right> | |||
| <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="capitalExpenditureType" 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -8,7 +8,7 @@ | |||
| @click-right="goAdd()" | |||
| > | |||
| <template #title> | |||
| <p style="font-weight: bold;">常用转账申请列表</p> | |||
| <p style="font-weight: bold;">村户转账申请列表</p> | |||
| </template> | |||
| <template #right> | |||
| <van-icon name="add" size="18"/> | |||
| @@ -62,7 +62,7 @@ export default { | |||
| queryParams:{ | |||
| pageNum:1, | |||
| pageSize:10, | |||
| cashType: '10', | |||
| transferType: '10', | |||
| } | |||
| }; | |||
| }, | |||
| @@ -62,7 +62,7 @@ export default { | |||
| queryParams:{ | |||
| pageNum:1, | |||
| pageSize:10, | |||
| cashType: '11', | |||
| transferType: '11', | |||
| } | |||
| }; | |||
| }, | |||
| @@ -62,7 +62,7 @@ export default { | |||
| queryParams:{ | |||
| pageNum:1, | |||
| pageSize:100, | |||
| cashType: '12', | |||
| transferType: '12', | |||
| } | |||
| }; | |||
| }, | |||
| @@ -8,7 +8,7 @@ | |||
| @click-right="goAdd()" | |||
| > | |||
| <template #title> | |||
| <p style="font-weight: bold;">虚拟转账申请列表</p> | |||
| <p style="font-weight: bold;">代管转账申请列表</p> | |||
| </template> | |||
| <template #right> | |||
| <van-icon name="add" size="18"/> | |||
| @@ -7,7 +7,7 @@ | |||
| @click-left="$router.back(-1)" | |||
| > | |||
| <template #title> | |||
| <p style="font-weight: bold;">修改常用转账申请</p> | |||
| <p style="font-weight: bold;">修改村户转账申请</p> | |||
| </template> | |||
| </van-nav-bar> | |||
| <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | |||
| @@ -66,7 +66,15 @@ | |||
| input-align="right" | |||
| 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -66,7 +66,15 @@ | |||
| input-align="right" | |||
| 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -240,7 +248,7 @@ | |||
| payeeList:[], | |||
| // 查询参数 | |||
| queryParams: { | |||
| transferType:"", | |||
| transferType:10, | |||
| orderByColumn: "id", | |||
| isAsc: "desc", | |||
| }, | |||
| @@ -66,7 +66,15 @@ | |||
| input-align="right" | |||
| 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -242,7 +250,7 @@ | |||
| payeeList:[], | |||
| // 查询参数 | |||
| queryParams: { | |||
| transferType:"", | |||
| transferType:11, | |||
| orderByColumn: "id", | |||
| isAsc: "desc", | |||
| }, | |||
| @@ -66,7 +66,15 @@ | |||
| input-align="right" | |||
| 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -292,7 +300,7 @@ | |||
| payeeList:[], | |||
| // 查询参数 | |||
| queryParams: { | |||
| transferType:"", | |||
| transferType:12, | |||
| orderByColumn: "id", | |||
| isAsc: "desc", | |||
| }, | |||
| @@ -66,7 +66,15 @@ | |||
| input-align="right" | |||
| 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -7,7 +7,7 @@ | |||
| @click-left="$router.back(-1)" | |||
| > | |||
| <template #title> | |||
| <p style="font-weight: bold;">修改虚拟转账申请</p> | |||
| <p style="font-weight: bold;">修改代管转账申请</p> | |||
| </template> | |||
| </van-nav-bar> | |||
| <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first> | |||
| @@ -66,7 +66,15 @@ | |||
| input-align="right" | |||
| 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 class="main_box" style="margin-top: 10px;"> | |||
| @@ -356,7 +356,12 @@ | |||
| </div> | |||
| <p style="margin-top: 5px;color: #666666;">代管转账</p> | |||
| </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'}" > | |||
| <div class="icon" slot="default" style="background:#FFA63E;" > | |||
| @@ -364,12 +369,7 @@ | |||
| </div> | |||
| <p style="margin-top: 5px;color: #666666;">虚拟挂账</p> | |||
| </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'}" > | |||
| <div class="icon" slot="default" style="background:#1D6FE9;" > | |||
| <img src="../../../static/images/onlineHome/icon_Y5.png" alt /> | |||