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