|
|
@@ -1,30 +1,101 @@
|
|
|
-
|
|
|
<template>
|
|
|
- <div style="z-index: 999" v-if='value&&data.length>0' class='detail' :style="leftStyle" v-drag='`.detail .ant-card-head`'>
|
|
|
- <a-card :title='title' >
|
|
|
- <a-icon slot='extra' class='panelClose' type='close' @click="$emit('input',false)"/>
|
|
|
- <a-descriptions bordered :column='2'>
|
|
|
- <a-descriptions-item v-for='(item,index) in data' :key='item.field' :label='item.field'>
|
|
|
- {{ item.val }}
|
|
|
- </a-descriptions-item>
|
|
|
-
|
|
|
- <a-descriptions-item :label=image>
|
|
|
- <!-- <img v-for='(item,index) in this.images' alt="无图片" style="width: 100%" :src="item"/>-->
|
|
|
-<!-- <view-images isMultiple v-model="this.images" :disabled='uploadDisabled'></view-images>-->
|
|
|
- <ImagesView :image-list="images"></ImagesView>
|
|
|
-
|
|
|
- </a-descriptions-item>
|
|
|
- </a-descriptions>
|
|
|
+ <div style='z-index: 999' v-if='value && data.length>0' class='detail' :style='leftStyle'
|
|
|
+ v-drag='`.detail .ant-card-head`'>
|
|
|
+ <a-card :title='title'>
|
|
|
+ <a-icon slot='extra' class='panelClose' type='close' @click="$emit('input',false)" />
|
|
|
+ <div class="descriptions-container">
|
|
|
+ <div class="separator">
|
|
|
+ <h4><b>土地基本信息</b></h4>
|
|
|
+ </div>
|
|
|
+ <a-descriptions :column="2" :bordered="true" class="description-group">
|
|
|
+ <a-descriptions-item v-for='(item) in list_baseinfo' :key='item.field' :label='item.label'>
|
|
|
+ {{ item.val }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+
|
|
|
+ <div class="separator">
|
|
|
+ <h4><b>土地权证信息</b></h4>
|
|
|
+ </div>
|
|
|
+ <a-descriptions :column="2" :bordered="true" class="description-group">
|
|
|
+ <a-descriptions-item v-for='(item) in list_tdqz' :key='item.field' :label='item.label'>
|
|
|
+ {{ item.val }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+
|
|
|
+ <div class="separator">
|
|
|
+ <h4><b>土地使用信息</b></h4>
|
|
|
+ </div>
|
|
|
+ <a-descriptions :column="2" :bordered="true" class="description-group">
|
|
|
+ <a-descriptions-item v-for='(item) in list_tdsy' :key='item.field' :label='item.label'>
|
|
|
+ {{ item.val }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+
|
|
|
+ <div class="separator">
|
|
|
+ <h4><b>土地使用情况及盘活利用信息</b></h4>
|
|
|
+ </div>
|
|
|
+ <a-descriptions :column="2" :bordered="true" class="description-group">
|
|
|
+ <a-descriptions-item v-for='(item) in list_tdph' :key='item.field' :label='item.label'>
|
|
|
+ {{ item.val }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+
|
|
|
+ <div class="separator">
|
|
|
+ <h4><b>土地价值信息</b></h4>
|
|
|
+ </div>
|
|
|
+ <a-descriptions :column="2" :bordered="true" class="description-group">
|
|
|
+ <a-descriptions-item v-for='(item) in list_tdjz' :key='item.field' :label='item.label'>
|
|
|
+ {{ item.val }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+
|
|
|
+ <div class="separator">
|
|
|
+ <h4><b>经营信息</b></h4>
|
|
|
+ </div>
|
|
|
+ <a-descriptions :column="2" :bordered="true" class="description-group">
|
|
|
+ <a-descriptions-item v-for='(item) in list_tdjy' :key='item.field' :label='item.label'>
|
|
|
+ {{ item.val }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+
|
|
|
+ <div class="separator">
|
|
|
+ <h4><b>审核信息</b></h4>
|
|
|
+ </div>
|
|
|
+ <a-descriptions :column="2" :bordered="true" class="description-group">
|
|
|
+ <a-descriptions-item v-for='(item) in list_tdsh' :key='item.field' :label='item.label'>
|
|
|
+ {{ item.val }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+
|
|
|
+ <div class="separator">
|
|
|
+ <h4><b>照片信息</b></h4>
|
|
|
+ </div>
|
|
|
+ <a-descriptions :column="1" :bordered="true" class="description-group">
|
|
|
+ <a-descriptions-item :label=image>
|
|
|
+ <ImagesView :image-list='images'></ImagesView>
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+ </div>
|
|
|
+
|
|
|
+<!-- <a-descriptions bordered :column='2'>-->
|
|
|
+<!-- <a-descriptions-item v-for='(item,index) in data' :key='item.field' :label='item.field'>-->
|
|
|
+<!-- {{ item.val }}-->
|
|
|
+<!-- </a-descriptions-item>-->
|
|
|
+<!-- <a-descriptions-item :label=image>-->
|
|
|
+<!-- <ImagesView :image-list='images'></ImagesView>-->
|
|
|
+<!-- </a-descriptions-item>-->
|
|
|
+<!-- </a-descriptions>-->
|
|
|
</a-card>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import ViewImages from "@comp/jeecg/ViewImages";
|
|
|
-import ImagesView from "@comp/jeecg/ImagesView";
|
|
|
+import ViewImages from '@comp/jeecg/ViewImages'
|
|
|
+import ImagesView from '@comp/jeecg/ImagesView'
|
|
|
+
|
|
|
export default {
|
|
|
name: 'QueryInfo',
|
|
|
- components: {ViewImages,ImagesView},
|
|
|
+ components: { ViewImages, ImagesView },
|
|
|
props: {
|
|
|
value: {
|
|
|
type: Boolean,
|
|
|
@@ -33,7 +104,7 @@ export default {
|
|
|
},
|
|
|
title: {
|
|
|
type: String,
|
|
|
- default: "详情"
|
|
|
+ default: '详情'
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
|
@@ -43,74 +114,230 @@ export default {
|
|
|
images: [],
|
|
|
leftStyle: '',
|
|
|
previewVisible: false,
|
|
|
- uploadDisabled: false
|
|
|
- };
|
|
|
+ uploadDisabled: false,
|
|
|
+ detail_info: {},
|
|
|
+ list_baseinfo: [],
|
|
|
+ list_tdqz: [],
|
|
|
+ list_tdsy: [],
|
|
|
+ list_tdph:[],
|
|
|
+ list_tdjz:[],
|
|
|
+ list_tdjy:[],
|
|
|
+ list_tdsh:[],
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
handleCancel() {
|
|
|
- this.close();
|
|
|
- this.previewVisible = false;
|
|
|
+ this.close()
|
|
|
+ this.previewVisible = false
|
|
|
},
|
|
|
- loadDetail(attributes) {
|
|
|
+ loadDetail(res) {
|
|
|
+ this.list_baseinfo = []
|
|
|
+ this.list_tdqz = []
|
|
|
+ this.list_tdsy = []
|
|
|
+ this.list_tdph=[]
|
|
|
+ this.list_tdjz=[]
|
|
|
+ this.list_tdjy=[]
|
|
|
+ this.list_tdsh=[]
|
|
|
+ var baseinfo = {
|
|
|
+ createBy: '录入主体',
|
|
|
+ dk: '宗地名称',
|
|
|
+ ssqTypeName: '权利类型',
|
|
|
+ ssqOtherName: '其它权利类型',
|
|
|
+ tdgsqyy: '土地归属企业',
|
|
|
+ qsqx: '权属期限',
|
|
|
+ qsdqsj: '权属到期时间',
|
|
|
+ gjczqyName: '国家出资企业',
|
|
|
+ xzqh: '行政区划',
|
|
|
+ zlwz: '详细地址',
|
|
|
+ zscyqk: '产权证持有情况',
|
|
|
+ otherZscyqk: '其他权证持有情况'
|
|
|
+ };
|
|
|
+ var tdqz = {
|
|
|
+ wjlx: '文件类型',
|
|
|
+ wjbh: '产权证号',
|
|
|
+ tdsyqr: '权证登记使用人名称',
|
|
|
+ qsqssj: '土地获取时间',
|
|
|
+ qzpzsymj: '证载面积',
|
|
|
+ pzyt: '批准用途',
|
|
|
+ otherPzyt: '其它证载(批准)用途',
|
|
|
+ zfghyt: '政府规划用途',
|
|
|
+ otherZfghyt: '其它规划用途'
|
|
|
+ };
|
|
|
+ var tdsy = {
|
|
|
+ tdsjsyr: '土地实际使用人',
|
|
|
+ sfyz: '权证登记人和使用人一致',
|
|
|
+ syqsyfs: '使用权类型',
|
|
|
+ otherZfghyt: '其他使用权类型',
|
|
|
+ sjytText: '实际用途',
|
|
|
+ otherSjyt: '其他实际用途',
|
|
|
+ zfghsfyz: '政府规划用途是否与实际用途一致',
|
|
|
+ sjytsffh: '实际用途是否符合划拨用地目录',
|
|
|
+ cqbgbjtdje: '产权变更需补交的土地出让金数额（万元）',
|
|
|
+ sfxyjntdsys: '是否需要缴纳土地使用税',
|
|
|
+ tdsysjnje: '土地使用税缴纳金额',
|
|
|
+ sfgyz: '是否共用宗地',
|
|
|
+ zjzmj: '总建筑面积(平方米)',
|
|
|
+ qzpzsymj2: '证载建筑面积(平方米)',
|
|
|
+ sjzytdmj: '实际面积(平方米)',
|
|
|
+ sjsyjzmj: '实际建筑面积(平方米)',
|
|
|
+ sjrjl: '容积率'
|
|
|
+ };
|
|
|
+ var tdph={
|
|
|
+ tdsyxz: '土地使用现状',
|
|
|
+ zcsyzx: '正常使用现状',
|
|
|
+ dbdycfqk: '土地资产的担保、抵押、查封情况',
|
|
|
+ dphxz: '待盘活现状',
|
|
|
+ phsj: '计划盘活时间',
|
|
|
+ phlytj: '是否有盘活意愿',
|
|
|
+ yxphfs: '其他盘活利用途径',
|
|
|
+ yxphzt: '意向盘活主体',
|
|
|
+ dsjzwsfyz: '地上建筑物产权人是否与权证登记人使用人名称是否一致',
|
|
|
+ dsjzwcqr: '地上建筑物产权人',
|
|
|
+ dsjzwyt: '地上建筑物用途',
|
|
|
+ dlwzName: '地理区位情况',
|
|
|
+ sfczjf: '是否存在产权纠纷',
|
|
|
+ cqxxbcsm: '产权信息补充说明'
|
|
|
+ };
|
|
|
+ var tdjz={
|
|
|
+ tdzmyz: '土地账面原值（万元）',
|
|
|
+ tdzmjz: '土地账面净值（万元）',
|
|
|
+ tdscjz: '土地市场价值（万元）',
|
|
|
+ tdzljz: '土地租赁价值（万元）',
|
|
|
+ };
|
|
|
+ var tdjy={
|
|
|
+ yysr: '主营业务收入（万元）',
|
|
|
+ nss: '企业所得税（万元）',
|
|
|
+ jyrs: '就业人数',
|
|
|
+ lirun: '净利润（万元）',
|
|
|
+ yys: '营业税及附加（万元）',
|
|
|
+ bz: '备注',
|
|
|
+ };
|
|
|
+ var tdsh={
|
|
|
+ shzt: '审核是否通过',
|
|
|
+ shyj: '审核意见',
|
|
|
+ shren: '审核人',
|
|
|
+ shrq: '审核日期',
|
|
|
+ };
|
|
|
+ console.log(res)
|
|
|
+ this.detail_info = res
|
|
|
this.images = []
|
|
|
- let width = document.getElementById('basic-map').offsetWidth - 355;
|
|
|
- this.leftStyle = `left:${width * 0.9}px`;
|
|
|
- this.leftStyle = `right:1 rem`;
|
|
|
- if (attributes) {
|
|
|
- this.data = [];
|
|
|
- for (let key in attributes) {
|
|
|
- let item = {};
|
|
|
- if(key != "IMAGE"){
|
|
|
- item.field = key;
|
|
|
- item.val = attributes[key];
|
|
|
- this.data.push(item);
|
|
|
+ let width = document.getElementById('basic-map').offsetWidth - 355
|
|
|
+ this.leftStyle = `left:${width * 0.9}px`
|
|
|
+ this.leftStyle = `right:1 rem`
|
|
|
+ if (res) {
|
|
|
+ this.data = []
|
|
|
+ for (let key in res) {
|
|
|
+ let item = {}
|
|
|
+ if (key != 'images') {
|
|
|
+ item.field = key
|
|
|
+ item.val = res[key]
|
|
|
+ //key 包含在字段之内
|
|
|
+ if (baseinfo[key] != null) {
|
|
|
+ item.label = baseinfo[key]
|
|
|
+ this.list_baseinfo.push(item)
|
|
|
+ }
|
|
|
+ //key 包含在字段之内
|
|
|
+ if (tdqz[key] != null) {
|
|
|
+ item.label = tdqz[key]
|
|
|
+ this.list_tdqz.push(item)
|
|
|
+ }
|
|
|
+
|
|
|
+ //key 包含在字段之内
|
|
|
+ if (tdsy[key] != null) {
|
|
|
+ item.label = tdsy[key]
|
|
|
+ this.list_tdsy.push(item)
|
|
|
+ }
|
|
|
+ //土地盘活
|
|
|
+ if (tdph[key] != null) {
|
|
|
+ item.label = tdph[key]
|
|
|
+ this.list_tdph.push(item)
|
|
|
+ }
|
|
|
+ //土地价值
|
|
|
+ if (tdjz[key] != null) {
|
|
|
+ item.label = tdjz[key]
|
|
|
+ this.list_tdjz.push(item)
|
|
|
+ }
|
|
|
+ //土地经营信息
|
|
|
+ if (tdjy[key] != null) {
|
|
|
+ item.label = tdjy[key]
|
|
|
+ this.list_tdjy.push(item)
|
|
|
+ }
|
|
|
+ //土地审核信息
|
|
|
+ if (tdsh[key] != null) {
|
|
|
+ item.label = tdsh[key]
|
|
|
+ this.list_tdsh.push(item)
|
|
|
+ }
|
|
|
+ this.data.push(item)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- if (attributes.IMAGE != null) {
|
|
|
- var StringImage = attributes.IMAGE;
|
|
|
- var img;
|
|
|
- var result="";
|
|
|
- if (StringImage.includes(",")) {
|
|
|
-
|
|
|
- img = StringImage.split(",")
|
|
|
+ if (res.images != null) {
|
|
|
+ console.log('照片不为空')
|
|
|
+ console.log(res.images)
|
|
|
+ let StringImage = res.images
|
|
|
+ let img
|
|
|
+ let result = ''
|
|
|
+ if (StringImage.includes(',')) {
|
|
|
+ img = StringImage.split(',')
|
|
|
for (let i = 0; i < img.length; i++) {
|
|
|
- result = "/tdzcxx/images/"+img[i]
|
|
|
+ result = '/tdzcxx/images/' + img[i]
|
|
|
//result="http://localhost:8080/jeecg-boot/sys/common/statics/"+img[i]
|
|
|
this.images.push(result)
|
|
|
}
|
|
|
} else if (StringImage != null) {
|
|
|
- result = "/tdzcxx/images/"+ StringImage
|
|
|
+ result = '/tdzcxx/images/' + StringImage
|
|
|
//result="http://localhost:8080/jeecg-boot/sys/common/statics/"+StringImage
|
|
|
this.images.push(result)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-};
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
+.items {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
.detail {
|
|
|
display: flex;
|
|
|
position: fixed;
|
|
|
top: 210px;
|
|
|
- right: 40%;
|
|
|
+ right: 30%;
|
|
|
}
|
|
|
|
|
|
.detail .ant-card-body {
|
|
|
padding: 4px;
|
|
|
- width: 900px;
|
|
|
- max-height: 600px;
|
|
|
+ width: 1080px;
|
|
|
+ max-height: 720px;
|
|
|
overflow-y: auto;
|
|
|
-/* box-shadow: 0 0 5px #357ee5;*/
|
|
|
+ /* box-shadow: 0 0 5px #357ee5;*/
|
|
|
}
|
|
|
+
|
|
|
.detail .ant-card-head {
|
|
|
- background-color:rgba(24, 129, 253, 0.78);
|
|
|
- color:white;
|
|
|
+ background-color: rgba(24, 129, 253, 0.78);
|
|
|
+ color: white;
|
|
|
}
|
|
|
+
|
|
|
.detail .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content {
|
|
|
padding: 9px 18px;
|
|
|
}
|
|
|
+.separator {
|
|
|
+ margin-top: 16px;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.descriptions-container {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 1600px; /* 或者根据需要设置一个合适的宽度 */
|
|
|
+ margin: auto;
|
|
|
+}
|
|
|
+/* 增加 label 的宽度 */
|
|
|
+.ant-descriptions-item-content {
|
|
|
+ min-width: 200px;
|
|
|
+ white-space: normal; /* 允许文本换行 */
|
|
|
+}
|
|
|
+
|
|
|
</style>
|
|
|
`
|
