HC_YFZX
/
CaiYuanYiTiHua
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://123.132.248.154:10000/HC_YFZX/CaiYuanYiTiHua

dianlixunjian
刘妍 2024-07-18 10:54:20 +08:00
parent 82b5049cba edd2ea09b6
commit 4dfce8d0dd
4 changed files with 64 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
.env.tiankongdi
View File

@ -12,7 +12,13 @@ VITE_BUILD_COMPRESS = 'none'
# Basic interface address SPA # Basic interface address SPA
# 天空地项目 # 天空地项目
VITE_GLOB_API_URL=http://120.222.154.7:6050 # VITE_GLOB_API_URL=http://120.222.154.7:6050
VITE_GLOB_API_URL=http://192.168.10.102:9023
# VITE_GLOB_API_URL=http://120.222.154.7:6050
# VITE_GLOB_API_URL=http://120.222.154.7:6050
# VITE_GLOB_API_URL=http://192.168.10.131:8989
VITE_INFO_IMAGE_URL=http://120.222.154.48:6050
# File upload address， optional # File upload address， optional
# It can be forwarded by nginx or write the actual address directly # It can be forwarded by nginx or write the actual address directly

2
src/utils/env.ts
View File

@ -35,6 +35,7 @@ export function getAppEnvConfig() {
VITE_GLOB_API_URL_PREFIX, VITE_GLOB_API_URL_PREFIX,
VITE_GLOB_UPLOAD_URL, VITE_GLOB_UPLOAD_URL,
VITE_GLOB_APP_LOGO, VITE_GLOB_APP_LOGO,
VITE_INFO_IMAGE_URL,
} = ENV; } = ENV;
let { VITE_GLOB_API_URL } = ENV; let { VITE_GLOB_API_URL } = ENV;
if (localStorage.getItem(API_ADDRESS)) { if (localStorage.getItem(API_ADDRESS)) {
@ -47,6 +48,7 @@ export function getAppEnvConfig() {
VITE_GLOB_API_URL_PREFIX, VITE_GLOB_API_URL_PREFIX,
VITE_GLOB_UPLOAD_URL, VITE_GLOB_UPLOAD_URL,
VITE_GLOB_APP_LOGO, VITE_GLOB_APP_LOGO,
VITE_INFO_IMAGE_URL,
}; };
} }

72
src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
View File

@ -24,38 +24,33 @@
<a-descriptions-item label="案件类型">{{ typename }}</a-descriptions-item> <a-descriptions-item label="案件类型">{{ typename }}</a-descriptions-item>
<a-descriptions-item label="县区">{{ countyname }}</a-descriptions-item> <a-descriptions-item label="县区">{{ countyname }}</a-descriptions-item>
<a-descriptions-item label="乡镇">{{ streetname }}</a-descriptions-item> <a-descriptions-item label="乡镇">{{ streetname }}</a-descriptions-item>
<a-descriptions-item label="村/社区">{{ communityname }}</a-descriptions-item> <a-descriptions-item label="图斑描述">{{ case_description }}</a-descriptions-item>
<a-descriptions-item label="图斑地址">{{ address }}</a-descriptions-item>
<a-descriptions-item label="备注">{{ remark }}</a-descriptions-item>
<a-descriptions-item label="下发时间">{{ createtime }}</a-descriptions-item>
<a-descriptions-item label="图斑面积(亩)">{{ area }}</a-descriptions-item>
<a-descriptions-item label="农用地面积(亩)">{{ nongyongdi_area }}</a-descriptions-item>
<a-descriptions-item label="耕地面积(亩)">{{ gengdi_area }}</a-descriptions-item>
<a-descriptions-item label="基本农田面积(亩)">{{ yongjiujibennongtian_area }}</a-descriptions-item>
<a-descriptions-item label="占重点区域面积(亩)">{{ zhongdianquyu_area }}</a-descriptions-item>
<a-descriptions-item label="占生态红线面积(亩)">{{ shengtaibaohuhongxian_area }}</a-descriptions-item>
<a-descriptions-item label="占空间规划面积(亩)">{{ guotukongjianguihua_area }}</a-descriptions-item>
<a-descriptions-item label="经度">{{ lng }}</a-descriptions-item> <a-descriptions-item label="经度">{{ lng }}</a-descriptions-item>
<a-descriptions-item label="纬度">{{ lat }}</a-descriptions-item> <a-descriptions-item label="纬度">{{ lat }}</a-descriptions-item>
<a-descriptions-item label="农用地面积">{{ nongyongdi_area }}</a-descriptions-item> <a-descriptions-item label="图斑照片">
<a-descriptions-item label="耕地面积">{{ gengdi_area }}</a-descriptions-item> <div class="image-div">
<a-descriptions-item label="永久基本农田面积">{{
yongjiujibennongtian_area
}}</a-descriptions-item>
<a-descriptions-item label="生态保护红线面积">{{
shengtaibaohuhongxian_area
}}</a-descriptions-item>
<a-descriptions-item label="国土空间规划面积">{{
guotukongjianguihua_area
}}</a-descriptions-item>
<a-descriptions-item label="案件面积">{{ area }}</a-descriptions-item>
<a-descriptions-item label="案件描述">{{ case_description }}</a-descriptions-item>
<a-descriptions-item label="判读时间">{{ identification_time }}</a-descriptions-item>
<a-descriptions-item label="案件备注">{{ remark }}</a-descriptions-item>
<a-descriptions-item label="下发时间">{{ createtime }}</a-descriptions-item>
<a-descriptions-item label="案件图片">
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex"> <template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
<a-image <a-image
v-if="imageItem" v-if="imageItem"
width="100px" width="100px"
height="100px" height="100px"
:src="`${VITE_GLOB_API_URL}/${imageItem}`" :src="`${VITE_INFO_IMAGE_URL}/${imageItem}`"
:preview="{ :preview="{
getContainer, getContainer,
}" }"
></a-image> ></a-image>
</template> </template>
<!-- {{ anjianzhaopian }} --> </div>
</a-descriptions-item> </a-descriptions-item>
</a-descriptions> </a-descriptions>
</a-tab-pane> </a-tab-pane>
@ -78,14 +73,15 @@
<a-descriptions-item label="违法类型">{{ <a-descriptions-item label="违法类型">{{
getLabel('weifaleixing', weifaleixing) getLabel('weifaleixing', weifaleixing)
}}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="处理方式">{{ <a-descriptions-item label="实际用途">{{ qita_use_to }}</a-descriptions-item>
<!-- <a-descriptions-item label="处理方式">{{
getLabel('result_name', result_name) getLabel('result_name', result_name)
}}</a-descriptions-item> }}</a-descriptions-item> -->
<a-descriptions-item label="立案号">{{ registr_number }}</a-descriptions-item> <!-- <a-descriptions-item label="立案号">{{ registr_number }}</a-descriptions-item>
<a-descriptions-item label="违法联系人">{{ illegal_contact }}</a-descriptions-item> <a-descriptions-item label="违法联系人">{{ illegal_contact }}</a-descriptions-item>
<a-descriptions-item label="违法人身份证号">{{ <a-descriptions-item label="违法人身份证号">{{
illegal_shenfenzhenghao illegal_shenfenzhenghao
}}</a-descriptions-item> }}</a-descriptions-item> -->
<a-descriptions-item label="判定依据说明">{{ <a-descriptions-item label="判定依据说明">{{
pandingyijushuoming pandingyijushuoming
}}</a-descriptions-item> }}</a-descriptions-item>
@ -103,20 +99,19 @@
<!-- {{ fujian }} --> <!-- {{ fujian }} -->
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="照片"> <a-descriptions-item label="照片">
<div class="image-div">
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex"> <template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
<div style="margin-top: 10px">
<a-image <a-image
v-if="imageItem" v-if="imageItem"
width="100px" width="100px"
height="100px" height="100px"
:src="`${VITE_GLOB_API_URL}/${imageItem}`" :src="`${VITE_INFO_IMAGE_URL}/${imageItem}`"
:preview="{ :preview="{
getContainer, getContainer,
}" }"
></a-image> ></a-image>
</div>
</template> </template>
<!-- {{ casepic }} --> </div>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item> <a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item>
<a-descriptions-item label="填报时间">{{ examine_time }}</a-descriptions-item> <a-descriptions-item label="填报时间">{{ examine_time }}</a-descriptions-item>
@ -146,26 +141,24 @@
{{ item }} {{ item }}
</div> </div>
</template> </template>
<!-- {{ yanshoubiao }} -->
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="拆除复耕后照片"> <a-descriptions-item label="拆除复耕后照片">
<div class="image-div">
<template <template
v-for="(imageItem, imageIndex) in chaichufugenghoupicList" v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
:key="imageIndex" :key="imageIndex"
> >
<div style="margin-top: 10px">
<a-image <a-image
v-if="imageItem" v-if="imageItem"
width="100px" width="100px"
height="100px" height="100px"
:src="`${VITE_GLOB_API_URL}/${imageItem}`" :src="`${VITE_INFO_IMAGE_URL}/${imageItem}`"
:preview="{ :preview="{
getContainer, getContainer,
}" }"
></a-image> ></a-image>
</div>
</template> </template>
<!-- {{ chaichufugenghoupic }} --> </div>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="附件"> <a-descriptions-item label="附件">
<template v-for="(item, itemIndex) in zhenggaifujianList" :key="itemIndex"> <template v-for="(item, itemIndex) in zhenggaifujianList" :key="itemIndex">
@ -212,7 +205,7 @@
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';
const { VITE_GLOB_API_URL } = getAppEnvConfig(); const { VITE_INFO_IMAGE_URL } = getAppEnvConfig();
import { import {
mapTypeOptions, mapTypeOptions,
illegalTypeOptions, illegalTypeOptions,
@ -412,7 +405,7 @@
} }
} }
const downLoadFile = (url) => { const downLoadFile = (url) => {
window.open(`${VITE_GLOB_API_URL}/${url}`, 'mozillaTab'); window.open(`${VITE_INFO_IMAGE_URL}/${url}`, 'mozillaTab');
}; };
const getContainer = () => { const getContainer = () => {
return document.getElementById('info-container') return document.getElementById('info-container')
@ -420,9 +413,15 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.image-div{
width: 300px;
max-height: 200px;
overflow: auto;
}
.detail-container { .detail-container {
width: 100vw; width: 100vw;
height: calc(100vh - 120px); height: calc(100vh - 120px);
display: flex;
} }
.detail-container::after { .detail-container::after {
content: ''; content: '';
@ -438,7 +437,7 @@
margin-right: 20px; margin-right: 20px;
} }
.info-container { .info-container {
float: left; // float: left;
position: relative; position: relative;
:deep(.ant-image-preview-wrap){ :deep(.ant-image-preview-wrap){
position: absolute; position: absolute;
@ -459,5 +458,6 @@
overflow: auto; overflow: auto;
height: 80vh; height: 80vh;
overflow: auto; overflow: auto;
padding-right: 10px;
} }
</style> </style>

2
types/config.d.ts vendored
View File

@ -161,4 +161,6 @@ export interface GlobEnvConfig {
VITE_GLOB_UPLOAD_URL?: string; VITE_GLOB_UPLOAD_URL?: string;
// logo // logo
VITE_GLOB_APP_LOGO?: string; VITE_GLOB_APP_LOGO?: string;
// info image video
VITE_INFO_IMAGE_URL?: string;
} }