Merge branch 'main' of http://123.132.248.154:10000/HC_YFZX/CaiYuanYiTiHua
commit
4dfce8d0dd
|
|
@ -12,7 +12,13 @@ VITE_BUILD_COMPRESS = 'none'
|
|||
|
||||
# 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
|
||||
# It can be forwarded by nginx or write the actual address directly
|
||||
|
|
|
|||
|
|
@ -35,6 +35,7 @@ export function getAppEnvConfig() {
|
|||
VITE_GLOB_API_URL_PREFIX,
|
||||
VITE_GLOB_UPLOAD_URL,
|
||||
VITE_GLOB_APP_LOGO,
|
||||
VITE_INFO_IMAGE_URL,
|
||||
} = ENV;
|
||||
let { VITE_GLOB_API_URL } = ENV;
|
||||
if (localStorage.getItem(API_ADDRESS)) {
|
||||
|
|
@ -47,6 +48,7 @@ export function getAppEnvConfig() {
|
|||
VITE_GLOB_API_URL_PREFIX,
|
||||
VITE_GLOB_UPLOAD_URL,
|
||||
VITE_GLOB_APP_LOGO,
|
||||
VITE_INFO_IMAGE_URL,
|
||||
};
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -24,38 +24,33 @@
|
|||
<a-descriptions-item label="案件类型">{{ typename }}</a-descriptions-item>
|
||||
<a-descriptions-item label="县区">{{ countyname }}</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="纬度">{{ lat }}</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="生态保护红线面积">{{
|
||||
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">
|
||||
<a-image
|
||||
v-if="imageItem"
|
||||
width="100px"
|
||||
height="100px"
|
||||
:src="`${VITE_GLOB_API_URL}/${imageItem}`"
|
||||
:preview="{
|
||||
getContainer,
|
||||
}"
|
||||
></a-image>
|
||||
</template>
|
||||
<!-- {{ anjianzhaopian }} -->
|
||||
<a-descriptions-item label="图斑照片">
|
||||
<div class="image-div">
|
||||
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
||||
<a-image
|
||||
v-if="imageItem"
|
||||
width="100px"
|
||||
height="100px"
|
||||
:src="`${VITE_INFO_IMAGE_URL}/${imageItem}`"
|
||||
:preview="{
|
||||
getContainer,
|
||||
}"
|
||||
></a-image>
|
||||
</template>
|
||||
</div>
|
||||
</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
</a-tab-pane>
|
||||
|
|
@ -78,14 +73,15 @@
|
|||
<a-descriptions-item label="违法类型">{{
|
||||
getLabel('weifaleixing', weifaleixing)
|
||||
}}</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)
|
||||
}}</a-descriptions-item>
|
||||
<a-descriptions-item label="立案号">{{ registr_number }}</a-descriptions-item>
|
||||
}}</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_shenfenzhenghao
|
||||
}}</a-descriptions-item>
|
||||
}}</a-descriptions-item> -->
|
||||
<a-descriptions-item label="判定依据说明">{{
|
||||
pandingyijushuoming
|
||||
}}</a-descriptions-item>
|
||||
|
|
@ -103,20 +99,19 @@
|
|||
<!-- {{ fujian }} -->
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="照片">
|
||||
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
||||
<div style="margin-top: 10px">
|
||||
<div class="image-div">
|
||||
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
||||
<a-image
|
||||
v-if="imageItem"
|
||||
width="100px"
|
||||
height="100px"
|
||||
:src="`${VITE_GLOB_API_URL}/${imageItem}`"
|
||||
:src="`${VITE_INFO_IMAGE_URL}/${imageItem}`"
|
||||
:preview="{
|
||||
getContainer,
|
||||
}"
|
||||
></a-image>
|
||||
</div>
|
||||
</template>
|
||||
<!-- {{ casepic }} -->
|
||||
</template>
|
||||
</div>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item>
|
||||
<a-descriptions-item label="填报时间">{{ examine_time }}</a-descriptions-item>
|
||||
|
|
@ -146,26 +141,24 @@
|
|||
{{ item }}
|
||||
</div>
|
||||
</template>
|
||||
<!-- {{ yanshoubiao }} -->
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="拆除复耕后照片">
|
||||
<template
|
||||
v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
|
||||
:key="imageIndex"
|
||||
>
|
||||
<div style="margin-top: 10px">
|
||||
<div class="image-div">
|
||||
<template
|
||||
v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
|
||||
:key="imageIndex"
|
||||
>
|
||||
<a-image
|
||||
v-if="imageItem"
|
||||
width="100px"
|
||||
height="100px"
|
||||
:src="`${VITE_GLOB_API_URL}/${imageItem}`"
|
||||
:src="`${VITE_INFO_IMAGE_URL}/${imageItem}`"
|
||||
:preview="{
|
||||
getContainer,
|
||||
}"
|
||||
></a-image>
|
||||
</div>
|
||||
</template>
|
||||
<!-- {{ chaichufugenghoupic }} -->
|
||||
</template>
|
||||
</div>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="附件">
|
||||
<template v-for="(item, itemIndex) in zhenggaifujianList" :key="itemIndex">
|
||||
|
|
@ -212,7 +205,7 @@
|
|||
const { createMessage } = useMessage();
|
||||
import Icon from '@/components/Icon/Icon.vue';
|
||||
import { getAppEnvConfig } from '@/utils/env';
|
||||
const { VITE_GLOB_API_URL } = getAppEnvConfig();
|
||||
const { VITE_INFO_IMAGE_URL } = getAppEnvConfig();
|
||||
import {
|
||||
mapTypeOptions,
|
||||
illegalTypeOptions,
|
||||
|
|
@ -412,7 +405,7 @@
|
|||
}
|
||||
}
|
||||
const downLoadFile = (url) => {
|
||||
window.open(`${VITE_GLOB_API_URL}/${url}`, 'mozillaTab');
|
||||
window.open(`${VITE_INFO_IMAGE_URL}/${url}`, 'mozillaTab');
|
||||
};
|
||||
const getContainer = () => {
|
||||
return document.getElementById('info-container')
|
||||
|
|
@ -420,9 +413,15 @@
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.image-div{
|
||||
width: 300px;
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
.detail-container {
|
||||
width: 100vw;
|
||||
height: calc(100vh - 120px);
|
||||
display: flex;
|
||||
}
|
||||
.detail-container::after {
|
||||
content: '';
|
||||
|
|
@ -438,7 +437,7 @@
|
|||
margin-right: 20px;
|
||||
}
|
||||
.info-container {
|
||||
float: left;
|
||||
// float: left;
|
||||
position: relative;
|
||||
:deep(.ant-image-preview-wrap){
|
||||
position: absolute;
|
||||
|
|
@ -459,5 +458,6 @@
|
|||
overflow: auto;
|
||||
height: 80vh;
|
||||
overflow: auto;
|
||||
padding-right: 10px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -161,4 +161,6 @@ export interface GlobEnvConfig {
|
|||
VITE_GLOB_UPLOAD_URL?: string;
|
||||
// logo
|
||||
VITE_GLOB_APP_LOGO?: string;
|
||||
// info image video
|
||||
VITE_INFO_IMAGE_URL?: string;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue