矿产图斑详情补充

dianlixunjian
刘妍 2024-09-05 17:07:44 +08:00
parent 3a0f18f95e
commit 886776228a
2 changed files with 517 additions and 4 deletions

View File

@ -101,7 +101,7 @@
</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
<a-tab-pane key="2" tab="填报" force-render v-if="caseInfo.typename">
<a-tab-pane key="2" tab="填报" force-render>
<a-descriptions
:column="2"
bordered
@ -112,7 +112,7 @@
}"
>
<a-descriptions-item label="图斑类型">{{ caseInfo.typename }}</a-descriptions-item>
<a-descriptions-item label="合法性判定">{{
<a-descriptions-item label="合法性判定" v-if="caseInfo.typename">{{
getLabel('hefapanding_fill', caseInfo.hefapanding_fill)
}}</a-descriptions-item>
<!-- 开采 -->
@ -252,7 +252,336 @@
}}</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
<a-tab-pane key="3" tab="审核" v-if="caseInfo.xianshenheren_fill">
<template v-if="caseInfo.typename == '开采' && caseInfo.hefapanding_fill == 2">
<a-tab-pane key="4" tab="填报审核">
<a-divider>县级审核</a-divider>
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="审核结果">{{
caseInfo.xianshenhejieguo_fill
}}</a-descriptions-item>
<a-descriptions-item label="审核意见">{{
caseInfo.xianbohuinote_fill
}}</a-descriptions-item>
<a-descriptions-item label="审核人">{{
caseInfo.xianshenheren_fill
}}</a-descriptions-item>
<a-descriptions-item label="审核时间">{{
caseInfo.xianshenhetime_fill
}}</a-descriptions-item>
</a-descriptions>
<a-divider>市级审核</a-divider>
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="市级审核人">{{
caseInfo.shishenheren_fill
}}</a-descriptions-item>
<a-descriptions-item label="市级审核时间">{{
caseInfo.shishenhetime_fill
}}</a-descriptions-item>
<a-descriptions-item label="是否通过">{{
caseInfo.shishenhejieguo_fill
}}</a-descriptions-item>
<a-descriptions-item label="审核意见">{{
caseInfo.shibohuinote_fill
}}</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
<a-tab-pane key="5" tab="查处">
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="是否立案">{{
caseInfo.islian_punish
}}</a-descriptions-item>
<a-descriptions-item label="立案时间">{{
caseInfo.liantime_punish
}}</a-descriptions-item>
<a-descriptions-item label="立案机关">{{
caseInfo.lianjiguan_punish
}}</a-descriptions-item>
<a-descriptions-item label="是否结案">{{
caseInfo.isjiean_punish
}}</a-descriptions-item>
<a-descriptions-item label="违法主体">{{
caseInfo.weifazhuti_punish
}}</a-descriptions-item>
<a-descriptions-item label="违法开采矿产品数量(吨)">{{
caseInfo.weifashuliang_punish
}}</a-descriptions-item>
<a-descriptions-item label="违法开采矿产品价值(万元)">{{
caseInfo.weifajiazhi_punish
}}</a-descriptions-item>
<a-descriptions-item label="违法面积(亩)">{{
caseInfo.weifaarea_punish
}}</a-descriptions-item>
<a-descriptions-item label="相关地类">{{
caseInfo.xiangguandilei_punish
}}</a-descriptions-item>
<a-descriptions-item label="渉嫌犯罪移送司法机关">{{
caseInfo.isyisongsifa_punish
}}</a-descriptions-item>
<a-descriptions-item label="党纪政务处分情况">{{
caseInfo.dangjichufen_punish
}}</a-descriptions-item>
<a-descriptions-item label="是否作出行政处罚决定">{{
caseInfo.isxingzhengchufa_punish
}}</a-descriptions-item>
<a-descriptions-item label="行政处罚决定书编号">{{
caseInfo.xingzhengchufanum_punish
}}</a-descriptions-item>
<a-descriptions-item label="没收违法所得金额(万元)">{{
caseInfo.moshoujine_punish
}}</a-descriptions-item>
<a-descriptions-item label="罚款金额(万元)">{{
caseInfo.fakuanjine_punish
}}</a-descriptions-item>
<a-descriptions-item label="没收矿产品数量(吨)">{{
caseInfo.moshoushuliang_punish
}}</a-descriptions-item>
<a-descriptions-item label="处罚附件">
<a-image-preview-group :preview="{ getContainer }">
<template v-for="(item, itemIndex) in chufafujianList" :key="itemIndex">
<a-image
v-if="showImage(item)"
style="width: 100px; height: 100px"
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
:preview="{ getContainer }"
/>
<div v-else>
<Icon
v-if="item"
:style="`font-size: 30px; cursor: pointer;`"
icon="ion:document-attach-outline"
@click="downLoadFile(item)"
/>
{{ item }}
</div>
</template>
</a-image-preview-group>
</a-descriptions-item>
<a-descriptions-item label="落实到位文件">
<a-image-preview-group :preview="{ getContainer }">
<template v-for="(item, itemIndex) in luoshidaoweiwenjianList" :key="itemIndex">
<a-image
v-if="showImage(item)"
style="width: 100px; height: 100px"
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
:preview="{ getContainer }"
/>
<div v-else>
<Icon
v-if="item"
:style="`font-size: 30px; cursor: pointer;`"
icon="ion:document-attach-outline"
@click="downLoadFile(item)"
/>
{{ item }}
</div>
</template>
</a-image-preview-group>
</a-descriptions-item>
<a-descriptions-item label="是否移送法院强制执行">{{
caseInfo.isqiangzhizhixing_punish
}}</a-descriptions-item>
<a-descriptions-item label="查处人">{{
caseInfo.chachuren_punish
}}</a-descriptions-item>
<a-descriptions-item label="查处时间">{{
caseInfo.chachutime_punish
}}</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
<a-tab-pane key="6" tab="查处审核">
<a-divider>县级审核</a-divider>
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="审核结果">{{
caseInfo.xianshenhejieguo_punish
}}</a-descriptions-item>
<a-descriptions-item label="审核意见">{{
caseInfo.xianbohuinote_punish
}}</a-descriptions-item>
<a-descriptions-item label="审核人">{{
caseInfo.xianshenheren_punish
}}</a-descriptions-item>
<a-descriptions-item label="审核时间">{{
caseInfo.xianshenhetime_punish
}}</a-descriptions-item>
</a-descriptions>
<a-divider>市级审核</a-divider>
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="审核结果">{{
caseInfo.shishenhejieguo_punish
}}</a-descriptions-item>
<a-descriptions-item label="审核意见">{{
caseInfo.shibohuinote_punish
}}</a-descriptions-item>
<a-descriptions-item label="市级审核人">{{
caseInfo.shishenheren_punish
}}</a-descriptions-item>
<a-descriptions-item label="市级审核时间">{{
caseInfo.shishenhetime_punish
}}</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
<a-tab-pane key="7" tab="整改">
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="情况说明">{{
caseInfo.qingkuangnote_reform
}}</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 zhenggaizhaopianList"
:key="imageIndex"
>
<a-image
v-if="imageItem"
@click="handlerPreviewImage(imageIndex, imageItem)"
width="100px"
height="100px"
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
:preview="{
getContainer,
}"
/>
</template>
</a-image-preview-group>
</div>
</a-descriptions-item>
<a-descriptions-item label="附件">
<a-image-preview-group :preview="{ getContainer }">
<template v-for="(item, itemIndex) in zhenggaifujianList" :key="itemIndex">
<a-image
v-if="showImage(item)"
style="width: 100px; height: 100px"
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
:preview="{ getContainer }"
/>
<div v-else>
<Icon
v-if="item"
:style="`font-size: 30px; cursor: pointer;`"
icon="ion:document-attach-outline"
@click="downLoadFile(item)"
/>
{{ item }}
</div>
</template>
</a-image-preview-group>
</a-descriptions-item>
<a-descriptions-item label="整改人">{{
caseInfo.zhenggairen_reform
}}</a-descriptions-item>
<a-descriptions-item label="整改时间">{{
caseInfo.zhenggaitime_reform
}}</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
<a-tab-pane key="8" tab="整改审核">
<a-divider>县级审核</a-divider>
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="审核结果">{{
caseInfo.xianshenhejieguo_reform
}}</a-descriptions-item>
<a-descriptions-item label="审核意见">{{
caseInfo.xianbohuinote_reform
}}</a-descriptions-item>
<a-descriptions-item label="审核人">{{
caseInfo.xianshenheren_reform
}}</a-descriptions-item>
<a-descriptions-item label="审核时间">{{
caseInfo.xianshenhetime_reform
}}</a-descriptions-item>
</a-descriptions>
<a-divider>市级审核</a-divider>
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="是否通过">{{
caseInfo.shishenhejieguo_reform
}}</a-descriptions-item>
<a-descriptions-item label="审核意见">{{
caseInfo.shibohuinote_reform
}}</a-descriptions-item>
<a-descriptions-item label="市级审核人">{{
caseInfo.shishenheren_reform
}}</a-descriptions-item>
<a-descriptions-item label="市级审核时间">{{
caseInfo.shishenhetime_reform
}}</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
</template>
<a-tab-pane
key="3"
tab="审核"
v-if="caseInfo.typename == '开采' && caseInfo.hefapanding_fill != 2"
>
<a-divider>县级审核</a-divider>
<a-descriptions
:column="2"
@ -300,6 +629,167 @@
}}</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
<!-- 整改类型加工 -->
<template v-if="caseInfo.typename == '加工' && caseInfo.hefapanding_jgfill == 2">
<a-tab-pane key="9" tab="整改">
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="整改类型">{{
caseInfo.zhenggaitype_jgzhg
}}</a-descriptions-item>
<a-descriptions-item label="保留承诺">{{
caseInfo.baoliuchengnuo_jgzhg
}}</a-descriptions-item>
<a-descriptions-item label="单位或个人名称">{{
caseInfo.danweiname_jgzhg
}}</a-descriptions-item>
<a-descriptions-item label="具体位置">{{
caseInfo.jutiweizhi_jgzhg
}}</a-descriptions-item>
<a-descriptions-item label="存在问题">{{
caseInfo.cunzaiwenti_jgzhg
}}</a-descriptions-item>
<a-descriptions-item label="图斑变化情况说明">{{
caseInfo.shuoming_jgzhg
}}</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 zhenggaiqianzhaopianList"
:key="imageIndex"
>
<a-image
v-if="imageItem"
@click="handlerPreviewImage(imageIndex, imageItem)"
width="100px"
height="100px"
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
:preview="{
getContainer,
}"
/>
</template>
</a-image-preview-group>
</div>
</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 zhenggaihouzhaopianList"
:key="imageIndex"
>
<a-image
v-if="imageItem"
@click="handlerPreviewImage(imageIndex, imageItem)"
width="100px"
height="100px"
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
:preview="{
getContainer,
}"
/>
</template>
</a-image-preview-group>
</div>
</a-descriptions-item>
<a-descriptions-item label="附件">
<a-image-preview-group :preview="{ getContainer }">
<template v-for="(item, itemIndex) in jiagongzhenggaifujianList" :key="itemIndex">
<a-image
v-if="showImage(item)"
style="width: 100px; height: 100px"
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
:preview="{ getContainer }"
/>
<div v-else>
<Icon
v-if="item"
:style="`font-size: 30px; cursor: pointer;`"
icon="ion:document-attach-outline"
@click="downLoadFile(item)"
/>
{{ item }}
</div>
</template>
</a-image-preview-group>
</a-descriptions-item>
<a-descriptions-item label="整改确认人">{{
caseInfo.zhenggairen_jgzhg
}}</a-descriptions-item>
<a-descriptions-item label="整改时间">{{
caseInfo.zhenggaitime_jgzhg
}}</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
<a-tab-pane key="10" tab="审核">
<a-divider>县级审核</a-divider>
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="审核结果">{{
caseInfo.xianshenhejieguo_fill
}}</a-descriptions-item>
<a-descriptions-item label="审核意见">{{
caseInfo.xianbohuinote_fill
}}</a-descriptions-item>
<a-descriptions-item label="审核人">{{
caseInfo.xianshenheren_fill
}}</a-descriptions-item>
<a-descriptions-item label="审核时间">{{
caseInfo.xianshenhetime_fill
}}</a-descriptions-item>
</a-descriptions>
<a-divider>市级审核</a-divider>
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all',
}"
>
<a-descriptions-item label="审核结果">{{
caseInfo.shishenhejieguo_fill
}}</a-descriptions-item>
<a-descriptions-item label="审核意见">{{
caseInfo.shibohuinote_fill
}}</a-descriptions-item>
<a-descriptions-item label="审核人">{{
caseInfo.shishenheren_fill
}}</a-descriptions-item>
<a-descriptions-item label="审核时间">{{
caseInfo.shishenhetime_fill
}}</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
</template>
</a-tabs>
</div>
</div>
@ -405,9 +895,32 @@
const xianchangzhaopianList = computed(() => {
return caseInfo.value.zhaopian_fill ? caseInfo.value.zhaopian_fill.split(',') : [];
});
const zhenggaizhaopianList = computed(() => {
return caseInfo.value.zhaopian_reform ? caseInfo.value.zhaopian_reform.split(',') : [];
});
const zhenggaiqianzhaopianList = computed(() => {
return caseInfo.value.zhaopianqian_jgzhg ? caseInfo.value.zhaopianqian_jgzhg.split(',') : [];
});
const zhenggaihouzhaopianList = computed(() => {
return caseInfo.value.zhaopianhou_jgzhg ? caseInfo.value.zhaopianhou_jgzhg.split(',') : [];
});
const qitafujianList = computed(() => {
return caseInfo.value.fujian ? caseInfo.value.fujian.split(',') : [];
});
const chufafujianList = computed(() => {
return caseInfo.value.chufafile_punish ? caseInfo.value.chufafile_punish.split(',') : [];
});
const luoshidaoweiwenjianList = computed(() => {
return caseInfo.value.luoshifile_punish ? caseInfo.value.luoshifile_punish.split(',') : [];
});
const zhenggaifujianList = computed(() => {
return caseInfo.value.fujian_reform ? caseInfo.value.fujian_reform.split(',') : [];
});
const jiagongzhenggaifujianList = computed(() => {
return caseInfo.value.fujian_jgzhg ? caseInfo.value.fujian_jgzhg.split(',') : [];
});
function onMapboxLoad() {
changeTask();
}

View File

@ -88,7 +88,7 @@ export const columns: BasicColumn[] = [
dataIndex: 'kaicaizhuti_kcfill',
},
{
title: '开违法类型',
title: '开违法类型',
dataIndex: 'wefatype_kcfill',
},
{