Merge branch 'main' of http://123.132.248.154:10000/HC_YFZX/CaiYuanYiTiHua
commit
d60aa5f895
|
|
@ -90,7 +90,8 @@
|
||||||
<a-button type="primary" style="margin-right: 25px" @click="prevData">上一条</a-button>
|
<a-button type="primary" style="margin-right: 25px" @click="prevData">上一条</a-button>
|
||||||
<a-button type="primary" @click="nextData">下一条</a-button>
|
<a-button type="primary" @click="nextData">下一条</a-button>
|
||||||
</div>
|
</div>
|
||||||
<ShowInfoModal :showInfoData="showInfoData" />
|
<NewShowInfoModal v-if="dayjs(showInfoData.synchronoustime).isAfter(newVersion)" :showInfoData="showInfoData" />
|
||||||
|
<ShowInfoModal v-else :showInfoData="showInfoData" />
|
||||||
</div>
|
</div>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</PageWrapper>
|
</PageWrapper>
|
||||||
|
|
@ -104,6 +105,7 @@
|
||||||
import { getAppEnvConfig } from '@/utils/env';
|
import { getAppEnvConfig } from '@/utils/env';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
import ShowInfoModal from '@/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue';
|
import ShowInfoModal from '@/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue';
|
||||||
|
import NewShowInfoModal from '@/views/demo/tiankongdi/curbspotcity/MapList/NewShowInfoModal/index.vue';
|
||||||
import { getCaseInfoById } from '@/api/tiankongdi/index';
|
import { getCaseInfoById } from '@/api/tiankongdi/index';
|
||||||
import { dataProcessingCount } from '@/views/demo/tiankongdi/util';
|
import { dataProcessingCount } from '@/views/demo/tiankongdi/util';
|
||||||
import { BasicForm, useForm } from '@/components/Form';
|
import { BasicForm, useForm } from '@/components/Form';
|
||||||
|
|
@ -137,6 +139,7 @@
|
||||||
jibenArea2: null,
|
jibenArea2: null,
|
||||||
nowStatus: undefined,
|
nowStatus: undefined,
|
||||||
});
|
});
|
||||||
|
const newVersion = ref(dayjs('2025-07-28 23:59:59'))
|
||||||
const tableData = ref([]);
|
const tableData = ref([]);
|
||||||
const tablePaginationRight = ref({
|
const tablePaginationRight = ref({
|
||||||
current: 1,
|
current: 1,
|
||||||
|
|
|
||||||
|
|
@ -80,8 +80,7 @@
|
||||||
<a-button type="primary" style="margin-right: 25px" @click="prevData">上一条</a-button>
|
<a-button type="primary" style="margin-right: 25px" @click="prevData">上一条</a-button>
|
||||||
<a-button type="primary" @click="nextData">下一条</a-button>
|
<a-button type="primary" @click="nextData">下一条</a-button>
|
||||||
</div>
|
</div>
|
||||||
<ShowInfoModal :showInfoData="showInfoData" :showInfoRecord="showInfoRecord" :isAuditList="true"/>
|
<NewShowInfoModal :showInfoData="showInfoData" :showInfoRecord="showInfoRecord" :isAuditList="true"/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
<a-modal
|
<a-modal
|
||||||
|
|
@ -109,7 +108,7 @@
|
||||||
import { columns, searchFormSchema } from './utils';
|
import { columns, searchFormSchema } from './utils';
|
||||||
import { getAppEnvConfig } from '@/utils/env';
|
import { getAppEnvConfig } from '@/utils/env';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
import ShowInfoModal from '@/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue';
|
import NewShowInfoModal from '@/views/demo/tiankongdi/curbspotcity/MapList/NewShowInfoModal/index.vue';
|
||||||
import UploadModal from './uploadModal.vue';
|
import UploadModal from './uploadModal.vue';
|
||||||
import { getCaseInfoById } from '@/api/tiankongdi/index';
|
import { getCaseInfoById } from '@/api/tiankongdi/index';
|
||||||
|
|
||||||
|
|
@ -266,6 +265,7 @@
|
||||||
if (querys.tubanlaiyuan) {
|
if (querys.tubanlaiyuan) {
|
||||||
querys.tubanlaiyuan = querys.tubanlaiyuan.join(',');
|
querys.tubanlaiyuan = querys.tubanlaiyuan.join(',');
|
||||||
}
|
}
|
||||||
|
querys.typename = '农用地'
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
// await loadCaseInfoTuBanList(querys).then((res) => {
|
// await loadCaseInfoTuBanList(querys).then((res) => {
|
||||||
await LoadCaseInfoNYDList(querys).then((res) => {
|
await LoadCaseInfoNYDList(querys).then((res) => {
|
||||||
|
|
|
||||||
|
|
@ -212,9 +212,9 @@ export const searchFormSchema: FormSchema[] = [
|
||||||
colProps: { span: 4 },
|
colProps: { span: 4 },
|
||||||
componentProps: {
|
componentProps: {
|
||||||
options: [
|
options: [
|
||||||
{ label: '通过', value: '0' },
|
{ label: '通过', value: '1' },
|
||||||
{ label: '疑似问题', value: '1' },
|
{ label: '疑似问题', value: '2' },
|
||||||
{ label: '未标注', value: '2' },
|
{ label: '未标注', value: '0' },
|
||||||
],
|
],
|
||||||
mode: 'multiple',
|
mode: 'multiple',
|
||||||
maxTagCount: 1
|
maxTagCount: 1
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,732 @@
|
||||||
|
<template>
|
||||||
|
<div class="detail-container">
|
||||||
|
<div class="map-container" v-if="!props.hiddenInfoMap">
|
||||||
|
<MapboxMap
|
||||||
|
:caseno="props.showInfoData.case_no"
|
||||||
|
:countyname="props.showInfoData.countyname"
|
||||||
|
:imageList="imageList"
|
||||||
|
:geomsList="geomsList"
|
||||||
|
:mapConfig="mapConfig"
|
||||||
|
@handlerDrawComplete="handlerDrawComplete"
|
||||||
|
@mapOnLoad="onMapboxLoad"
|
||||||
|
ref="MapboxComponent"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="info-container" id="info-container">
|
||||||
|
<a-tabs v-model:activeKey="activeKey">
|
||||||
|
<a-tab-pane key="1" tab="线索下发">
|
||||||
|
<a-descriptions
|
||||||
|
:column="2"
|
||||||
|
bordered
|
||||||
|
:contentStyle="{
|
||||||
|
'text-align': 'center',
|
||||||
|
'min-width': '250px',
|
||||||
|
'word-break': 'break-all',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<a-descriptions-item label="线索编号">{{
|
||||||
|
props.showInfoData.case_no
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="线索类型">{{
|
||||||
|
props.showInfoData.typename
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="县区">{{
|
||||||
|
props.showInfoData.countyname
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="乡镇">{{
|
||||||
|
props.showInfoData.streetname
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="社区/村">{{
|
||||||
|
props.showInfoData.communityname
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="线索面积(亩)">{{
|
||||||
|
dataProcessing(props.showInfoData.area)
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="农用地面积(亩)">{{
|
||||||
|
dataProcessing(props.showInfoData.nongyongdi_area)
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="耕地面积(亩)">{{
|
||||||
|
dataProcessing(props.showInfoData.gengdi_area)
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="永农面积(亩)">{{
|
||||||
|
dataProcessing(props.showInfoData.yongjiujibennongtian_area)
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="占生态红线面积(亩)">{{
|
||||||
|
dataProcessing(props.showInfoData.shengtaibaohuhongxian_area)
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="线索描述">{{
|
||||||
|
props.showInfoData.case_description
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="备注">{{ props.showInfoData.remark }}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="经度">{{ props.showInfoData.lng }}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="纬度">{{ props.showInfoData.lat }}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="下发时间">{{
|
||||||
|
props.showInfoData.synchronoustime
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="线索照片">
|
||||||
|
<div class="image-div">
|
||||||
|
<a-image-preview-group
|
||||||
|
:preview="{
|
||||||
|
getContainer: getContainer,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
||||||
|
<a-image
|
||||||
|
v-if="imageItem"
|
||||||
|
width="100px"
|
||||||
|
height="100px"
|
||||||
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
|
</div>
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="接收人">{{
|
||||||
|
props.showInfoData.jieshou_people
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="接收时间">{{
|
||||||
|
props.showInfoData.jieshou_time?.split('.')[0]
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
</a-descriptions>
|
||||||
|
<div
|
||||||
|
v-if="isKeepSupervision && props.showInfoRecord.piccheck == '待审核'"
|
||||||
|
style="display: flex; justify-content: right; margin-top: 10px; gap: 10px"
|
||||||
|
>
|
||||||
|
<a-button type="primary" @click="funCheckCxjgPic"> 继续持续监管 </a-button>
|
||||||
|
<a-button type="primary" @click="moveInIllegalSubejctOpen = true">
|
||||||
|
转入违法用地
|
||||||
|
</a-button>
|
||||||
|
</div>
|
||||||
|
</a-tab-pane>
|
||||||
|
<a-tab-pane
|
||||||
|
key="2"
|
||||||
|
tab="线索定性"
|
||||||
|
force-render
|
||||||
|
>
|
||||||
|
<a-descriptions
|
||||||
|
:column="2"
|
||||||
|
bordered
|
||||||
|
:contentStyle="{
|
||||||
|
'text-align': 'center',
|
||||||
|
'min-width': '250px',
|
||||||
|
'word-break': 'break-all',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<a-descriptions-item label="判定结果">{{
|
||||||
|
getLabel('is_illegal', props.showInfoData.is_illegal)
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item v-if="props.showInfoData.is_illegal == 3" label="项目名称">{{
|
||||||
|
props.showInfoData.xiangmumc
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item v-if="props.showInfoData.is_illegal == 3" label="项目主体">{{
|
||||||
|
props.showInfoData.xiangmuzhuti
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item v-if="props.showInfoData.is_illegal == 3" label="实际用途">{{
|
||||||
|
props.showInfoData.actual_use_to
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item v-if="props.showInfoData.is_illegal == 3" label="附件">
|
||||||
|
<a-image-preview-group :preview="{ getContainer }">
|
||||||
|
<template v-for="(item, itemIndex) in fujianList" :key="itemIndex">
|
||||||
|
<a-image
|
||||||
|
v-if="showImage(item)"
|
||||||
|
style="width: 100px; height: 100px"
|
||||||
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
|
||||||
|
:preview="{ getContainer }"
|
||||||
|
></a-image>
|
||||||
|
<div v-else>
|
||||||
|
<Icon
|
||||||
|
v-if="item"
|
||||||
|
:style="`font-size: 30px; cursor: pointer;`"
|
||||||
|
icon="ion:document-attach-outline"
|
||||||
|
@click="hanlderPreViewFile(item)"
|
||||||
|
/>
|
||||||
|
{{ handlerDealFileName(item) }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item v-if="props.showInfoData.is_illegal == 0" label="附件">
|
||||||
|
<a-image-preview-group :preview="{ getContainer }">
|
||||||
|
<template v-for="(item, itemIndex) in hefafujianList" :key="itemIndex">
|
||||||
|
<a-image
|
||||||
|
v-if="showImage(item)"
|
||||||
|
style="width: 100px; height: 100px"
|
||||||
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
|
||||||
|
:preview="{ getContainer }"
|
||||||
|
></a-image>
|
||||||
|
<div v-else>
|
||||||
|
<Icon
|
||||||
|
v-if="item"
|
||||||
|
:style="`font-size: 30px; cursor: pointer;`"
|
||||||
|
icon="ion:document-attach-outline"
|
||||||
|
@click="hanlderPreViewFile(item)"
|
||||||
|
/>
|
||||||
|
{{ handlerDealFileName(item) }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item v-if="props.showInfoData.is_illegal == 2" label="实际用途">{{
|
||||||
|
getLabel('qita_use_to', props.showInfoData.qita_use_to)
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item v-if="props.showInfoData.is_illegal == 2" label="附件">
|
||||||
|
<a-image-preview-group :preview="{ getContainer }">
|
||||||
|
<template v-for="(item, itemIndex) in qitafujianList" :key="itemIndex">
|
||||||
|
<a-image
|
||||||
|
v-if="showImage(item)"
|
||||||
|
style="width: 100px; height: 100px"
|
||||||
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
|
||||||
|
:preview="{ getContainer }"
|
||||||
|
></a-image>
|
||||||
|
<div v-else>
|
||||||
|
<Icon
|
||||||
|
v-if="item"
|
||||||
|
:style="`font-size: 30px; cursor: pointer;`"
|
||||||
|
icon="ion:document-attach-outline"
|
||||||
|
@click="hanlderPreViewFile(item)"
|
||||||
|
/>
|
||||||
|
{{ handlerDealFileName(item) }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="判定依据说明">{{
|
||||||
|
props.showInfoData.pandingyijushuoming
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="照片">
|
||||||
|
<div class="image-div">
|
||||||
|
<a-image-preview-group
|
||||||
|
:preview="{
|
||||||
|
getContainer: getContainer,
|
||||||
|
onVisibleChange: handlerImageChange,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
||||||
|
<a-image
|
||||||
|
v-if="imageItem"
|
||||||
|
@click="handlerPreviewImage(imageIndex, imageItem)"
|
||||||
|
width="100px"
|
||||||
|
height="100px"
|
||||||
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
|
</div>
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="填报人">{{
|
||||||
|
props.showInfoData.examiner_name
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="填报时间">{{
|
||||||
|
props.showInfoData.examine_time
|
||||||
|
}}</a-descriptions-item>
|
||||||
|
</a-descriptions>
|
||||||
|
</a-tab-pane>
|
||||||
|
</a-tabs>
|
||||||
|
<div style="height: 40px;" v-if="props.isAuditList">
|
||||||
|
<a-button type="primary" style="margin-right: 15px;" @click="changeBiaozhu(1)">通过</a-button>
|
||||||
|
<a-button type="primary" danger @click="changeBiaozhu(2)">疑似问题</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- File Preview && Download Start -->
|
||||||
|
<a-modal
|
||||||
|
v-model:open="previewFileModalVisible"
|
||||||
|
style="width: 100vw"
|
||||||
|
title="文件预览"
|
||||||
|
wrap-class-name="full-modal"
|
||||||
|
>
|
||||||
|
<FilePreview v-if="previewFileModalVisible" :fileUrl="previewFileUrl"></FilePreview>
|
||||||
|
<template #footer>
|
||||||
|
<a-button key="cancel" @click="handleCancelPreviewFile">取消</a-button>
|
||||||
|
<a-button key="confirm" type="primary" @click="handlerDownloadFle">下载</a-button>
|
||||||
|
</template>
|
||||||
|
</a-modal>
|
||||||
|
<!--File Preview && Download End -->
|
||||||
|
|
||||||
|
<a-modal
|
||||||
|
v-model:open="moveInIllegalSubejctOpen"
|
||||||
|
style="width: 40vw; height: 40vw"
|
||||||
|
title="线索照片选择"
|
||||||
|
@ok="funMoveInIllegalSubject"
|
||||||
|
>
|
||||||
|
<div class="moveListAllChoose">
|
||||||
|
<a-checkbox v-model:checked="moveListChecked" @change="moveListAllChoose">
|
||||||
|
按顺序全选
|
||||||
|
</a-checkbox>
|
||||||
|
</div>
|
||||||
|
<div class="moveModal">
|
||||||
|
<a-image-preview-group
|
||||||
|
:preview="{
|
||||||
|
visible: false,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
||||||
|
<div class="moveList">
|
||||||
|
<img
|
||||||
|
v-if="imageItem"
|
||||||
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
style="cursor: pointer; width: 110px; height: 110px; margin: 5px"
|
||||||
|
@click="moveListAddOrRemove(imageItem)"
|
||||||
|
/>
|
||||||
|
<div v-if="moveList.findIndex((item) => item == imageItem) != -1" class="move">
|
||||||
|
{{ moveList.findIndex((item) => item == imageItem) + 1 }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
|
</div>
|
||||||
|
</a-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { defineProps, ref, computed, onBeforeMount, watch } from 'vue';
|
||||||
|
import MapboxMap from '@/components/MapboxMaps/MapComponent.vue';
|
||||||
|
import { getConfig, getGeom } from '@/api/sys/layerManagement';
|
||||||
|
import { MoveInIllegalSubject, CheckCxjgPic } from '@/api/demo/system';
|
||||||
|
import { getLoadCaseImgList } from '@/api/tiankongdi';
|
||||||
|
import { useMessage } from '@/hooks/web/useMessage';
|
||||||
|
import axios from 'axios';
|
||||||
|
const { createMessage } = useMessage();
|
||||||
|
import Icon from '@/components/Icon/Icon.vue';
|
||||||
|
import { getAppEnvConfig } from '@/utils/env';
|
||||||
|
import { UpdateDroneCaseInfoBiaoZhu } from '@/api/demo/auditlist';
|
||||||
|
import { message } from 'ant-design-vue';
|
||||||
|
const { VITE_GLOB_INFO_IMAGE_URL } = getAppEnvConfig();
|
||||||
|
|
||||||
|
import {
|
||||||
|
mapTypeOptions,
|
||||||
|
illegalTypeOptions,
|
||||||
|
measureOptions,
|
||||||
|
mapStatusOptions,
|
||||||
|
markTypeOptions,
|
||||||
|
illegalTypeList,
|
||||||
|
resultOptions,
|
||||||
|
qitaUseTOOptions,
|
||||||
|
} from '@/utils/global';
|
||||||
|
|
||||||
|
const MapboxComponent = ref();
|
||||||
|
const mapConfig = ref({});
|
||||||
|
const props = defineProps(['showInfoData', 'hiddenInfoMap', 'showInfoRecord', 'isAuditList']);
|
||||||
|
const activeKey = ref('1');
|
||||||
|
const geomsList = ref();
|
||||||
|
const imageList = ref([]);
|
||||||
|
console.log('props', props.showInfoData);
|
||||||
|
watch(
|
||||||
|
() => props.showInfoData,
|
||||||
|
() => {
|
||||||
|
getConfig({ code: 'mapsetting' }).then((res) => {
|
||||||
|
mapConfig.value = JSON.parse(res.codeValue);
|
||||||
|
});
|
||||||
|
changeTask();
|
||||||
|
},
|
||||||
|
);
|
||||||
|
async function getCaseImgList() {
|
||||||
|
imageList.value = await getLoadCaseImgList({
|
||||||
|
caseid: props.showInfoData.id,
|
||||||
|
category: '违法用地',
|
||||||
|
});
|
||||||
|
MapboxComponent.value.handlerLoadPictureAzimuth(imageList.value);
|
||||||
|
|
||||||
|
// 匹配去除无效图片
|
||||||
|
// let zhengshiImageList = [];
|
||||||
|
// imageList.value?.forEach((item,index)=>{
|
||||||
|
// let obj = anjianzhaopianList.value?.find((it,idx)=>{
|
||||||
|
// return item.filePath == it;
|
||||||
|
// })
|
||||||
|
// if(obj){
|
||||||
|
// zhengshiImageList.push(imageList.value[index]);
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
}
|
||||||
|
|
||||||
|
function handlerDealFileName(path) {
|
||||||
|
const regex = /([^/\\]+)(?=\.[^/\\]*$|$)/;
|
||||||
|
const matchStr = path.match(regex);
|
||||||
|
if (matchStr?.length) {
|
||||||
|
return matchStr[0];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handlerPreviewImage(index, url) {
|
||||||
|
const regex = /([^/\\]+)(?=\.[^/\\]*$|$)/;
|
||||||
|
const match = url.match(regex);
|
||||||
|
if (match) {
|
||||||
|
MapboxComponent.value.handlerCurrentImageChange(match[1]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const isInitImageLisener = ref<Boolean>(false);
|
||||||
|
// 监听预览图片地址变化进行箭头切换
|
||||||
|
function handlerImageChange(e): void {
|
||||||
|
isInitImageLisener.value = false;
|
||||||
|
if (e && !isInitImageLisener.value) {
|
||||||
|
setTimeout(function () {
|
||||||
|
const targetNode = document.getElementsByClassName('ant-image-preview-img');
|
||||||
|
targetNode?.forEach((node, index) => {
|
||||||
|
let imageObserver = new MutationObserver((mutationsList) => {
|
||||||
|
for (const mutation of mutationsList) {
|
||||||
|
if (node.getAttribute(mutation.attributeName).match('http')) {
|
||||||
|
handlerPreviewImage(0, node.getAttribute(mutation.attributeName));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const config = { attributes: true };
|
||||||
|
imageObserver.observe(node, config);
|
||||||
|
isInitImageLisener.value = true;
|
||||||
|
});
|
||||||
|
}, 250);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onBeforeMount(() => {});
|
||||||
|
|
||||||
|
const anjianzhaopianList = computed(() => {
|
||||||
|
getCaseImgList();
|
||||||
|
return props.showInfoData.anjianzhaopian ? props.showInfoData.anjianzhaopian.split(',') : [];
|
||||||
|
});
|
||||||
|
const casepicList = computed(() => {
|
||||||
|
return props.showInfoData.casepic ? props.showInfoData.casepic.split(',') : [];
|
||||||
|
});
|
||||||
|
const chaichufugenghoupicList = computed(() => {
|
||||||
|
return props.showInfoData.chaichufugenghoupic
|
||||||
|
? props.showInfoData.chaichufugenghoupic.split(',')
|
||||||
|
: [];
|
||||||
|
});
|
||||||
|
const bubanzhaopianList = computed(() => {
|
||||||
|
return props.showInfoData.bubanzhaopian ? props.showInfoData.bubanzhaopian.split(',') : [];
|
||||||
|
});
|
||||||
|
const fujianList = computed(() => {
|
||||||
|
return props.showInfoData.fujian ? props.showInfoData.fujian.split(',') : [];
|
||||||
|
});
|
||||||
|
const hefafujianList = computed(() => {
|
||||||
|
return props.showInfoData.hefafujian ? props.showInfoData.hefafujian.split(',') : [];
|
||||||
|
});
|
||||||
|
const qitafujianList = computed(() => {
|
||||||
|
return props.showInfoData.qitafujian ? props.showInfoData.qitafujian.split(',') : [];
|
||||||
|
});
|
||||||
|
const zhenggaifujianList = computed(() => {
|
||||||
|
return props.showInfoData.zhenggaifujian ? props.showInfoData.zhenggaifujian.split(',') : [];
|
||||||
|
});
|
||||||
|
const yanshoubiaoList = computed(() => {
|
||||||
|
return props.showInfoData.yanshoubiao ? props.showInfoData.yanshoubiao.split(',') : [];
|
||||||
|
});
|
||||||
|
const wrjffzhaopianList = computed(() => {
|
||||||
|
return props.showInfoData.wrjffzhaopian ? props.showInfoData.wrjffzhaopian.split(',') : [];
|
||||||
|
});
|
||||||
|
const xchczhaopianList = computed(() => {
|
||||||
|
return props.showInfoData.xchczhaopian ? props.showInfoData.xchczhaopian.split(',') : [];
|
||||||
|
});
|
||||||
|
function onMapboxLoad() {
|
||||||
|
changeTask();
|
||||||
|
}
|
||||||
|
const getLabel = (type, value) => {
|
||||||
|
let result: any[] = [];
|
||||||
|
let label = '';
|
||||||
|
switch (type) {
|
||||||
|
case 'is_illegal':
|
||||||
|
result = mapTypeOptions;
|
||||||
|
break;
|
||||||
|
case 'weifaleixing':
|
||||||
|
result = illegalTypeList;
|
||||||
|
break;
|
||||||
|
case 'measure_name':
|
||||||
|
result = measureOptions;
|
||||||
|
break;
|
||||||
|
case 'result_name':
|
||||||
|
result = resultOptions;
|
||||||
|
break;
|
||||||
|
case 'qita_use_to':
|
||||||
|
result = qitaUseTOOptions;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
result.forEach((item) => {
|
||||||
|
if (item.value == value) {
|
||||||
|
label = item.label;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return label;
|
||||||
|
};
|
||||||
|
async function changeTask() {
|
||||||
|
let getGeomPrams = {
|
||||||
|
TableName: 'drone_shp_data ',
|
||||||
|
FieldName: 'gid',
|
||||||
|
FieldValue: props.showInfoData.geomid?.split(','),
|
||||||
|
page: 1,
|
||||||
|
limit: 999,
|
||||||
|
key: null,
|
||||||
|
};
|
||||||
|
if (props.showInfoData.geomid) {
|
||||||
|
getGeom(getGeomPrams).then((res) => {
|
||||||
|
let geoms = [];
|
||||||
|
if (res) {
|
||||||
|
if (res.items?.length > 0) {
|
||||||
|
res.items.forEach((item, index) => {
|
||||||
|
let geom = {
|
||||||
|
key: item.gid,
|
||||||
|
mapgeom: item.geometry,
|
||||||
|
};
|
||||||
|
geoms.push(geom);
|
||||||
|
geomsList.value = geoms;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// MapboxComponent.value.handlerDraw(status,mapgemoList.value, false);
|
||||||
|
MapboxComponent.value.handlerDraw('Details', geoms, false);
|
||||||
|
} else {
|
||||||
|
geomsList.value = null;
|
||||||
|
createMessage.error('当前数据没有线索！');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
createMessage.error('当前数据没有线索！');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// const hanlderPreViewFile = (url) => {
|
||||||
|
// if (url.indexOf('.pdf') !== -1) {
|
||||||
|
// axios({
|
||||||
|
// method: 'get',
|
||||||
|
// url: `${VITE_GLOB_INFO_IMAGE_URL}/${url}`,
|
||||||
|
// responseType: 'blob',
|
||||||
|
// headers: {
|
||||||
|
// 'Content-Disposition': 'inline',
|
||||||
|
// },
|
||||||
|
// })
|
||||||
|
// .then((response) => {
|
||||||
|
// let blob = new Blob([response.data], { type: 'application/pdf' });
|
||||||
|
// let url = window.URL.createObjectURL(blob);
|
||||||
|
// window.open(url);
|
||||||
|
// })
|
||||||
|
// .catch((error) => {
|
||||||
|
// console.error(error);
|
||||||
|
// });
|
||||||
|
// } else {
|
||||||
|
// window.open(`${VITE_GLOB_INFO_IMAGE_URL}/${url}`, '_blank');
|
||||||
|
// }
|
||||||
|
// };
|
||||||
|
|
||||||
|
///////// File Preview && Download ////////
|
||||||
|
|
||||||
|
import FilePreview from '@/components/Upload/src/components/FilePreview.vue';
|
||||||
|
|
||||||
|
const previewFileModalVisible = ref(false);
|
||||||
|
const previewFileUrl = ref('');
|
||||||
|
|
||||||
|
const hanlderPreViewFile = (url) => {
|
||||||
|
previewFileUrl.value = `${VITE_GLOB_INFO_IMAGE_URL}/${url}`;
|
||||||
|
previewFileModalVisible.value = true;
|
||||||
|
};
|
||||||
|
|
||||||
|
const handlerDownloadFle = () => {
|
||||||
|
window.open(previewFileUrl.value, 'mozillaTab');
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleCancelPreviewFile = () => {
|
||||||
|
previewFileModalVisible.value = false;
|
||||||
|
};
|
||||||
|
///////
|
||||||
|
|
||||||
|
const getContainer = () => {
|
||||||
|
return document.getElementById('info-container');
|
||||||
|
};
|
||||||
|
const dataProcessing = (value) => {
|
||||||
|
if (!value) {
|
||||||
|
return '0';
|
||||||
|
}
|
||||||
|
if (value.indexOf('.') == -1) {
|
||||||
|
return value;
|
||||||
|
} else {
|
||||||
|
if (value.split('.')[1].length <= 2) {
|
||||||
|
return value;
|
||||||
|
}
|
||||||
|
let resultString = value.replace('㎡', '');
|
||||||
|
return Number(resultString).toFixed(2);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const showImage = (url) => {
|
||||||
|
if (url.indexOf('.png') !== -1 || url.indexOf('.jpg') !== -1 || url.indexOf('.jpeg') !== -1) {
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 是否是持续监察
|
||||||
|
const isKeepSupervision = window.location.href.includes('/tiankongdi/keepSupervision');
|
||||||
|
// 线索照片选择弹窗
|
||||||
|
const moveInIllegalSubejctOpen = ref(false);
|
||||||
|
const moveList: any = ref([]);
|
||||||
|
function moveListAddOrRemove(value) {
|
||||||
|
if (moveList.value.includes(value)) {
|
||||||
|
moveList.value = moveList.value.filter((item) => item !== value);
|
||||||
|
} else {
|
||||||
|
moveList.value.push(value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 全选
|
||||||
|
const moveListChecked = ref(false);
|
||||||
|
function moveListAllChoose(e) {
|
||||||
|
if (e.target.checked) {
|
||||||
|
moveList.value = props.showInfoData.casepic.split(',');
|
||||||
|
} else {
|
||||||
|
moveList.value = [];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 转入违法用地
|
||||||
|
const funMoveInIllegalSubject = async () => {
|
||||||
|
if (moveList.value.length == 0) {
|
||||||
|
createMessage.error('请选择要转入违法用地的图片！');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let querys = {
|
||||||
|
caseId: props.showInfoData.Id || props.showInfoData.id,
|
||||||
|
casepic: moveList.value.toString(),
|
||||||
|
};
|
||||||
|
await MoveInIllegalSubject(querys).then((res) => {
|
||||||
|
if (res) {
|
||||||
|
createMessage.success('转移成功！');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 继续持续监管
|
||||||
|
const funCheckCxjgPic = async () => {
|
||||||
|
let querys = {
|
||||||
|
id: props.showInfoData.case_no,
|
||||||
|
};
|
||||||
|
await CheckCxjgPic(querys).then((res) => {
|
||||||
|
if (res) {
|
||||||
|
createMessage.success('图片审核成功，持续监管中！');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const changeBiaozhu = (type: number) => {
|
||||||
|
UpdateDroneCaseInfoBiaoZhu({id: props.showInfoData.id, biaozhu: type}).then(res => {
|
||||||
|
message.success(res)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.image-div {
|
||||||
|
min-width: 340px;
|
||||||
|
max-height: 220px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
.detail-container {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100vh - 120px);
|
||||||
|
display: flex;
|
||||||
|
padding: 0px 20px;
|
||||||
|
}
|
||||||
|
.detail-container::after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
height: 0;
|
||||||
|
visibility: none;
|
||||||
|
}
|
||||||
|
.map-container {
|
||||||
|
float: left;
|
||||||
|
width: 45vw;
|
||||||
|
height: calc(100vh - 100px);
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
:deep(.ant-image) {
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
:deep(.ant-image-preview-switch-left) {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
:deep(.ant-image-preview-switch-right) {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.info-container {
|
||||||
|
// float: left;
|
||||||
|
position: relative;
|
||||||
|
flex: 1;
|
||||||
|
:deep(.ant-image-preview-wrap) {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
:deep(.ant-image-preview-mask) {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
:deep(.ant-image-preview-operations-wrapper) {
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
.ant-image-preview-operations {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
.ant-image-preview-operations-operation {
|
||||||
|
// flex:1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ant-image-preview-operations-operation:nth-last-child(1) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ant-image-preview-operations-operation:nth-last-child(2) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .ant-tabs .ant-tabs-content-holder {
|
||||||
|
overflow: auto;
|
||||||
|
height: calc(80vh - 40px);
|
||||||
|
overflow: auto;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 线索照片选择
|
||||||
|
.moveListAllChoose {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: left;
|
||||||
|
margin-left: 30px;
|
||||||
|
height: 30px;
|
||||||
|
|
||||||
|
// 页面不能被选中
|
||||||
|
-webkit-user-select: none; /* Safari */
|
||||||
|
-moz-user-select: none; /* Firefox */
|
||||||
|
-ms-user-select: none; /* IE/Edge */
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.moveModal {
|
||||||
|
position: relative;
|
||||||
|
margin-left: 24px;
|
||||||
|
margin-right: 24px;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
max-height: 600px;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
.moveList {
|
||||||
|
position: relative;
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
|
||||||
|
.move {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 5px;
|
||||||
|
right: 5px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background: red;
|
||||||
|
color: azure;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -453,10 +453,6 @@
|
||||||
</a-descriptions>
|
</a-descriptions>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
</a-tabs>
|
</a-tabs>
|
||||||
<div style="height: 40px;" v-if="props.isAuditList">
|
|
||||||
<a-button type="primary" style="margin-right: 15px;" @click="changeBiaozhu(1)">通过</a-button>
|
|
||||||
<a-button type="primary" danger @click="changeBiaozhu(2)">疑似问题</a-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- File Preview && Download Start -->
|
<!-- File Preview && Download Start -->
|
||||||
|
|
@ -521,8 +517,6 @@
|
||||||
const { createMessage } = useMessage();
|
const { createMessage } = useMessage();
|
||||||
import Icon from '@/components/Icon/Icon.vue';
|
import Icon from '@/components/Icon/Icon.vue';
|
||||||
import { getAppEnvConfig } from '@/utils/env';
|
import { getAppEnvConfig } from '@/utils/env';
|
||||||
import { UpdateDroneCaseInfoBiaoZhu } from '@/api/demo/auditlist';
|
|
||||||
import { message } from 'ant-design-vue';
|
|
||||||
const { VITE_GLOB_INFO_IMAGE_URL } = getAppEnvConfig();
|
const { VITE_GLOB_INFO_IMAGE_URL } = getAppEnvConfig();
|
||||||
|
|
||||||
import {
|
import {
|
||||||
|
|
@ -538,7 +532,7 @@
|
||||||
|
|
||||||
const MapboxComponent = ref();
|
const MapboxComponent = ref();
|
||||||
const mapConfig = ref({});
|
const mapConfig = ref({});
|
||||||
const props = defineProps(['showInfoData', 'hiddenInfoMap', 'showInfoRecord', 'isAuditList']);
|
const props = defineProps(['showInfoData', 'hiddenInfoMap', 'showInfoRecord',]);
|
||||||
const activeKey = ref('1');
|
const activeKey = ref('1');
|
||||||
const geomsList = ref();
|
const geomsList = ref();
|
||||||
const imageList = ref([]);
|
const imageList = ref([]);
|
||||||
|
|
@ -832,11 +826,6 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
const changeBiaozhu = (type: number) => {
|
|
||||||
UpdateDroneCaseInfoBiaoZhu({id: props.showInfoData.id, biaozhu: type}).then(res => {
|
|
||||||
message.success(res)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
@ -905,7 +894,7 @@
|
||||||
}
|
}
|
||||||
::v-deep .ant-tabs .ant-tabs-content-holder {
|
::v-deep .ant-tabs .ant-tabs-content-holder {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
height: calc(80vh - 40px);
|
height:80vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue