merege
parent
69bfd69af2
commit
a9c8d737af
|
|
@ -510,7 +510,7 @@ const handlerCustomRequest = (options)=>{
|
|||
}
|
||||
|
||||
const handlerUploadFile = ()=>{
|
||||
let url = "http://192.168.10.102:9500/api/Files/Upload"
|
||||
let url = ""
|
||||
|
||||
const [proxyFile] = fileList.value
|
||||
let file = proxyFile.originFileObj
|
||||
|
|
|
|||
|
|
@ -197,7 +197,6 @@ const handlerEditLayer = (item) => {
|
|||
// break;
|
||||
// }
|
||||
// layerJson.source.tiles = [
|
||||
// `http://192.168.10.102:9023/api/DroneCaseinfo/QueryVectorTileByTable?z={z}&x={x}&y={y}&table=${currentLayer.value?.relationTable}&field=\"gid\",`
|
||||
// ]
|
||||
layerJson.state = {
|
||||
attributeField:currentLayer.value?.attributeField,
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="image-preview-container" id="imagePreviewContainer">
|
||||
<img id="zoomableImage" draggable="false" src="http://192.168.10.102:9023//20240629\2024062914291178850041.jpg" />
|
||||
<img id="zoomableImage" draggable="false" src="" />
|
||||
<div class="operation-container">
|
||||
<div>
|
||||
<UndoOutlined />
|
||||
|
|
|
|||
|
|
@ -25,42 +25,7 @@
|
|||
};
|
||||
|
||||
// 展示的图层列表
|
||||
const layers = reactive([
|
||||
{
|
||||
id:1,
|
||||
name:"沂水县道路中心线",
|
||||
checked:false,
|
||||
layer:{
|
||||
'id': 'roadnetLine1',
|
||||
'type': 'line',
|
||||
'source': {
|
||||
type: 'vector',
|
||||
tiles: [ 'http://192.168.10.102:9020/api/DroneCaseinfo/QueryVectorTileByTable?z={z}&x={x}&y={y}&table=yishuixian&X-Token=1ded3fe7'],
|
||||
minzoom: 1,
|
||||
maxzoom: 20
|
||||
},
|
||||
"source-layer": "yishuixian",
|
||||
'layout': {
|
||||
'line-join': 'round',
|
||||
'line-cap': 'round'
|
||||
},
|
||||
'paint': {
|
||||
'line-color': [
|
||||
"case",
|
||||
["==", ["get", "handle_status_id"], 0],
|
||||
"#E6A23C",
|
||||
["==", ["get", "handle_status_id"], 1],
|
||||
"#409EFF",
|
||||
["==", ["get", "handle_status_id"], 2],
|
||||
"#67C23A",
|
||||
// 默认
|
||||
"#67C23A",
|
||||
],
|
||||
'line-width': 1
|
||||
}
|
||||
}
|
||||
}
|
||||
])
|
||||
const layers = reactive([]);
|
||||
|
||||
// 图层定位数据
|
||||
const location = reactive([118.556717,35.80391])
|
||||
|
|
|
|||
|
|
@ -25,42 +25,7 @@
|
|||
};
|
||||
|
||||
// 展示的图层列表
|
||||
const layers = reactive([
|
||||
{
|
||||
id:1,
|
||||
name:"沂水县道路中心线",
|
||||
checked:false,
|
||||
layer:{
|
||||
'id': 'roadnetLine1',
|
||||
'type': 'line',
|
||||
'source': {
|
||||
type: 'vector',
|
||||
tiles: [ 'http://192.168.10.102:9020/api/DroneCaseinfo/QueryVectorTileByTable?z={z}&x={x}&y={y}&table=yishuixian&X-Token=1ded3fe7'],
|
||||
minzoom: 1,
|
||||
maxzoom: 20
|
||||
},
|
||||
"source-layer": "yishuixian",
|
||||
'layout': {
|
||||
'line-join': 'round',
|
||||
'line-cap': 'round'
|
||||
},
|
||||
'paint': {
|
||||
'line-color': [
|
||||
"case",
|
||||
["==", ["get", "handle_status_id"], 0],
|
||||
"#E6A23C",
|
||||
["==", ["get", "handle_status_id"], 1],
|
||||
"#409EFF",
|
||||
["==", ["get", "handle_status_id"], 2],
|
||||
"#67C23A",
|
||||
// 默认
|
||||
"#67C23A",
|
||||
],
|
||||
'line-width': 1
|
||||
}
|
||||
}
|
||||
}
|
||||
])
|
||||
const layers = reactive([])
|
||||
|
||||
// 图层定位数据
|
||||
const location = reactive([118.556717,35.80391])
|
||||
|
|
|
|||
|
|
@ -980,7 +980,6 @@
|
|||
};
|
||||
const mapOnLoad = (map) => {
|
||||
// const test_url =
|
||||
// 'http://192.168.10.102:9020/api/DroneCaseinfo/QueryVectorTileByTable?z={z}&x={x}&y={y}&table=yishuixian&field="gid","objectid",';
|
||||
// map.addSource('street-border-source', {
|
||||
// type: 'vector',
|
||||
// tiles: [test_url],
|
||||
|
|
|
|||
|
|
@ -25,42 +25,7 @@
|
|||
};
|
||||
|
||||
// 展示的图层列表
|
||||
const layers = reactive([
|
||||
{
|
||||
id:1,
|
||||
name:"沂水县道路中心线",
|
||||
checked:false,
|
||||
layer:{
|
||||
'id': 'roadnetLine1',
|
||||
'type': 'line',
|
||||
'source': {
|
||||
type: 'vector',
|
||||
tiles: [ 'http://192.168.10.102:9020/api/DroneCaseinfo/QueryVectorTileByTable?z={z}&x={x}&y={y}&table=yishuixian&X-Token=1ded3fe7'],
|
||||
minzoom: 1,
|
||||
maxzoom: 20
|
||||
},
|
||||
"source-layer": "yishuixian",
|
||||
'layout': {
|
||||
'line-join': 'round',
|
||||
'line-cap': 'round'
|
||||
},
|
||||
'paint': {
|
||||
'line-color': [
|
||||
"case",
|
||||
["==", ["get", "handle_status_id"], 0],
|
||||
"#E6A23C",
|
||||
["==", ["get", "handle_status_id"], 1],
|
||||
"#409EFF",
|
||||
["==", ["get", "handle_status_id"], 2],
|
||||
"#67C23A",
|
||||
// 默认
|
||||
"#67C23A",
|
||||
],
|
||||
'line-width': 1
|
||||
}
|
||||
}
|
||||
}
|
||||
])
|
||||
const layers = reactive([])
|
||||
|
||||
// 图层定位数据
|
||||
const location = reactive([118.556717,35.80391])
|
||||
|
|
|
|||
|
|
@ -260,44 +260,7 @@
|
|||
// })
|
||||
|
||||
const baseLayers = reactive([
|
||||
{
|
||||
key:1,
|
||||
name: '天地图注记图层',
|
||||
checked:false,
|
||||
layer:{
|
||||
id: "tiandituzhuji",
|
||||
type: "raster",
|
||||
source: {
|
||||
type: "raster",
|
||||
tiles: [
|
||||
"https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=b6585bc41ee16251dbe6b1af64f375d9",
|
||||
],
|
||||
tileSize: 256,
|
||||
},
|
||||
layout: {
|
||||
visibility: "visible",
|
||||
},
|
||||
}
|
||||
},{
|
||||
key:2,
|
||||
name: '高清影像图层',
|
||||
checked:false,
|
||||
layer:{
|
||||
id: "gaoqingyingxiang",
|
||||
type: "raster",
|
||||
source: {
|
||||
type: "raster",
|
||||
tiles: [
|
||||
"http://60.213.14.14:8060/geoserver/feixian/wms?service=WMS&version=1.1.0&request=GetMap&layers=feixian:yingxiang&styles=&bbox={bbox-epsg-3857}&width=256&height=256&srs=EPSG:3857&format=image/png&TRANSPARENT=TRUE",
|
||||
],
|
||||
tileSize: 256,
|
||||
},
|
||||
layout: {
|
||||
visibility: "visible",
|
||||
},
|
||||
paint: {},
|
||||
}
|
||||
}
|
||||
|
||||
])
|
||||
|
||||
|
||||
|
|
@ -356,269 +319,7 @@
|
|||
"dataCode": ""
|
||||
},
|
||||
"table": {
|
||||
"isPage": true,
|
||||
"columns": [
|
||||
{
|
||||
"key": "_input_39",
|
||||
"label": "案件编号",
|
||||
"value": "案件编号",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "Input"
|
||||
},
|
||||
{
|
||||
"key": "_input_15",
|
||||
"label": "案件类型",
|
||||
"value": "案件类型",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "Input"
|
||||
},
|
||||
{
|
||||
"key": "_input_3",
|
||||
"label": "县区",
|
||||
"value": "县区",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "Input"
|
||||
},
|
||||
{
|
||||
"key": "_input_10",
|
||||
"label": "乡镇",
|
||||
"value": "乡镇",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "Input"
|
||||
},
|
||||
{
|
||||
"key": "_input_11",
|
||||
"label": "村/社区",
|
||||
"value": "村/社区",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "Input"
|
||||
},
|
||||
{
|
||||
"key": "_input_520d1d8068f4492ea8c42ce9bb61b3cf",
|
||||
"label": "农用地面积",
|
||||
"value": "农用地面积",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "Input"
|
||||
},
|
||||
{
|
||||
"key": "_input_16",
|
||||
"label": "案件描述",
|
||||
"value": "案件描述",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "Input"
|
||||
},
|
||||
{
|
||||
"key": "_input_7",
|
||||
"label": "判读人",
|
||||
"value": "判读人",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "Input"
|
||||
},
|
||||
{
|
||||
"key": "_input_44",
|
||||
"label": "下发时间",
|
||||
"value": "下发时间",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "Input"
|
||||
},
|
||||
{
|
||||
"key": "_card_group_155",
|
||||
"label": "判定结果",
|
||||
"value": "判定结果",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "CardGroup"
|
||||
},
|
||||
{
|
||||
"key": "_input_21f2a3b800f8402c8161bb767bce5e75",
|
||||
"label": "审核人",
|
||||
"value": "审核人",
|
||||
"width": 120,
|
||||
"align": "left",
|
||||
"isMinWidth": false,
|
||||
"component": "Input"
|
||||
}
|
||||
],
|
||||
"querys": [
|
||||
{
|
||||
"key": "_input_39",
|
||||
"label": "案件编号",
|
||||
"type": "Input",
|
||||
"componentProps": {
|
||||
"type": "text",
|
||||
"dataTable": "drone_caseinfo_single",
|
||||
"fieldName": "case_no"
|
||||
}
|
||||
},
|
||||
{
|
||||
"key": "_input_15",
|
||||
"label": "案件类型",
|
||||
"type": "Input",
|
||||
"componentProps": {
|
||||
"type": "text",
|
||||
"dataTable": "drone_caseinfo_single",
|
||||
"fieldName": "typename"
|
||||
}
|
||||
},
|
||||
{
|
||||
"key": "_input_3",
|
||||
"label": "县区",
|
||||
"type": "Input",
|
||||
"componentProps": {
|
||||
"type": "text",
|
||||
"dataTable": "drone_caseinfo_single",
|
||||
"fieldName": "countyname"
|
||||
}
|
||||
},
|
||||
{
|
||||
"key": "_input_10",
|
||||
"label": "乡镇",
|
||||
"type": "Input",
|
||||
"componentProps": {
|
||||
"type": "text",
|
||||
"dataTable": "drone_caseinfo_single",
|
||||
"fieldName": "streetname"
|
||||
}
|
||||
},
|
||||
{
|
||||
"key": "_input_11",
|
||||
"label": "村/社区",
|
||||
"type": "Input",
|
||||
"componentProps": {
|
||||
"type": "text",
|
||||
"dataTable": "drone_caseinfo_single",
|
||||
"fieldName": "communityname"
|
||||
}
|
||||
}
|
||||
],
|
||||
"btns": [
|
||||
{
|
||||
"label": "导出",
|
||||
"id": "Export",
|
||||
"prop": "Export",
|
||||
"icon": "ant-design:download-outlined",
|
||||
"isRowBtn": false,
|
||||
"class": "primary",
|
||||
"sort": 2
|
||||
},
|
||||
{
|
||||
"label": "编辑",
|
||||
"id": "Edit",
|
||||
"prop": "Edit",
|
||||
"icon": "ant-design:edit-outlined",
|
||||
"isRowBtn": true,
|
||||
"class": "success",
|
||||
"sort": 3,
|
||||
"isWFlow": true,
|
||||
"wFlowCode": "0000001"
|
||||
},
|
||||
{
|
||||
"label": "详情",
|
||||
"id": "Details",
|
||||
"prop": "Details",
|
||||
"icon": "ant-design:align-center-outlined",
|
||||
"isRowBtn": true,
|
||||
"class": "default",
|
||||
"sort": 5
|
||||
}
|
||||
],
|
||||
"maps": {
|
||||
"chooseLayer": "drone_shp_data",
|
||||
"isAllowEditPolygon": false,
|
||||
"isEnablePostionJump": true,
|
||||
"width": 50,
|
||||
"baseLayers": [
|
||||
{
|
||||
"id": "1e0be368-1276-4d31-8b33-db837ea7b319",
|
||||
"name": "天地图注记",
|
||||
"description": "天地图注记",
|
||||
"type": 0,
|
||||
"image": "20240703\\2024070317544709510069.png",
|
||||
"relationTable": null,
|
||||
"createTime": "2024-07-03 17:54:49",
|
||||
"createId": "-1",
|
||||
"srid": null,
|
||||
"status": 1,
|
||||
"shpPath": null,
|
||||
"style": "{\"id\":\"be961f7a-2d92-4c66-8365-dba8904d14dd\",\"type\":\"raster\",\"source\":{\"type\":\"raster\",\"tiles\":[\"https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=b6585bc41ee16251dbe6b1af64f375d9\"],\"tileSize\":256},\"layout\":{\"visibility\":\"none\"},\"paint\":{}}",
|
||||
"vectorType": null,
|
||||
"attributeTable": null,
|
||||
"attributeField": null,
|
||||
"checked": false
|
||||
},
|
||||
{
|
||||
"id": "252d2353-22a3-4a62-8d8c-fb37e8254abd",
|
||||
"name": "费县高清影像服务",
|
||||
"description": "费县高清影像服务",
|
||||
"type": 0,
|
||||
"image": "20240704\\2024070410225737170146.jpg",
|
||||
"relationTable": null,
|
||||
"createTime": "2024-07-04 10:22:59",
|
||||
"createId": "-1",
|
||||
"srid": null,
|
||||
"status": 1,
|
||||
"shpPath": null,
|
||||
"style": "{\"id\":\"293577da-a17d-4c6f-bab3-6dd669bad36c\",\"type\":\"raster\",\"source\":{\"type\":\"raster\",\"tiles\":[\"http://60.213.14.14:8060/geoserver/feixian/wms?service=WMS&version=1.1.0&request=GetMap&layers=feixian:yingxiang&styles=&bbox={bbox-epsg-3857}&width=256&height=256&srs=EPSG:3857&format=image/png&TRANSPARENT=TRUE\"],\"tileSize\":256},\"layout\":{\"visibility\":\"visible\"},\"paint\":{}}",
|
||||
"vectorType": null,
|
||||
"attributeTable": null,
|
||||
"attributeField": null,
|
||||
"checked": false
|
||||
}
|
||||
],
|
||||
"layers": [
|
||||
{
|
||||
"name": "违建图斑",
|
||||
"layers": [
|
||||
{
|
||||
"id": "5ce51b19-5db3-47b9-a48f-e0a389294426",
|
||||
"name": "天空地案件图斑-关联属性",
|
||||
"description": "天空地案件图斑-关联属性",
|
||||
"type": 0,
|
||||
"image": null,
|
||||
"relationTable": "drone_shp_data",
|
||||
"createTime": "2024-06-21 15:50:26",
|
||||
"createId": "-1",
|
||||
"srid": "EPSG:4326",
|
||||
"status": 1,
|
||||
"shpPath": null,
|
||||
"style": "{\n \"id\": \"5ce51b19-5db3-47b9-a48f-e0a389294426\",\n \"type\": \"line\",\n \"source\": {\n \"type\": \"vector\",\n \"tiles\": [\n \"http://192.168.10.102:9023/api/DroneCaseinfo/QueryVectorTileByTable?z={z}&x={x}&y={y}&table=drone_shp_data&field=\\\"gid\\\",\"\n ],\n \"minzoom\": 1,\n \"maxzoom\": 20\n },\n \"source-layer\": \"drone_shp_data\",\n \"layout\": {\n \"line-join\": \"round\",\n \"line-cap\": \"round\"\n },\n \"paint\": {\n \"line-color\": \"#408eff\",\n \"line-width\": 3\n },\n \"state\": {\n \"attributeField\": \"geomid\",\n \"attributeTable\": \"drone_caseinfo_single\"\n }\n}",
|
||||
"vectorType": "面",
|
||||
"attributeTable": "drone_caseinfo_single",
|
||||
"attributeField": "geomid",
|
||||
"checked": false
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"isShowMap": true,
|
||||
"mode": "3D",
|
||||
"angle": 0,
|
||||
"zoom": 13,
|
||||
"minZoom": 1,
|
||||
"maxZoom": 18,
|
||||
"center": "117,39"
|
||||
},
|
||||
"sidx": "",
|
||||
"isDESC": false
|
||||
|
||||
},
|
||||
"btns": [
|
||||
{
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@
|
|||
v-if="imageItem"
|
||||
width="100px"
|
||||
height="100px"
|
||||
:src="`http://192.168.10.102:9023/${imageItem}`"
|
||||
:src="`${VITE_GLOB_API_URL}/${imageItem}`"
|
||||
></a-image>
|
||||
</template>
|
||||
<!-- {{ anjianzhaopian }} -->
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
v-if="imageItem"
|
||||
width="100px"
|
||||
height="100px"
|
||||
:src="`http://192.168.10.102:9023/${imageItem}`"
|
||||
:src="`${VITE_GLOB_API_URL}/${imageItem}`"
|
||||
></a-image>
|
||||
</template>
|
||||
<!-- {{ casepic }} -->
|
||||
|
|
@ -125,7 +125,7 @@
|
|||
v-if="imageItem"
|
||||
width="100px"
|
||||
height="100px"
|
||||
:src="`http://192.168.10.102:9023/${imageItem}`"
|
||||
:src="`${VITE_GLOB_API_URL}/${imageItem}`"
|
||||
></a-image>
|
||||
</template>
|
||||
<!-- {{ chaichufugenghoupic }} -->
|
||||
|
|
@ -173,6 +173,8 @@ import { getGeom } from '@/api/sys/layerManagement';
|
|||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
const { createMessage } = useMessage();
|
||||
import Icon from '@/components/Icon/Icon.vue';
|
||||
import { getAppEnvConfig } from '@/utils/env';
|
||||
const { VITE_GLOB_API_URL } = getAppEnvConfig();
|
||||
import {
|
||||
mapTypeOptions,
|
||||
illegalTypeOptions,
|
||||
|
|
@ -365,7 +367,7 @@ function changeTask() {
|
|||
}
|
||||
}
|
||||
const downLoadFile = (url) => {
|
||||
window.open(`http://192.168.10.102:9023/${url}`,"mozillaTab")
|
||||
window.open(`${VITE_GLOB_API_URL}/${url}`,"mozillaTab")
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -65,7 +65,6 @@
|
|||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
// http://192.168.10.127:5173/#/dashboard/create_preview/add?code=
|
||||
import { h, ref, reactive, onBeforeMount } from 'vue';
|
||||
import { ProcessViewer } from '@/components/ProcessViewer/index';
|
||||
import { PageWrapper } from '@/components/Page';
|
||||
|
|
|
|||
Loading…
Reference in New Issue