|
|
|
|
@ -1,10 +1,7 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<el-page-header
|
|
|
|
|
:content="
|
|
|
|
|
$route.meta.title +
|
|
|
|
|
(detail.dikuaimingcheng ? ' - ' + detail.dikuaimingcheng : '')
|
|
|
|
|
"
|
|
|
|
|
:content="$route.meta.title"
|
|
|
|
|
style="
|
|
|
|
|
padding: 1em;
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
@ -17,12 +14,15 @@
|
|
|
|
|
>
|
|
|
|
|
</el-page-header>
|
|
|
|
|
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :span="14">
|
|
|
|
|
<el-row :gutter="24">
|
|
|
|
|
<el-col :span="21">
|
|
|
|
|
<el-card
|
|
|
|
|
id="detail-pictures"
|
|
|
|
|
v-if="
|
|
|
|
|
detail.id_assets_atlas_files_asset_id_relation &&
|
|
|
|
|
detail.id_assets_atlas_files_asset_id_relation.length > 0
|
|
|
|
|
(detail.id_assets_atlas_files_house_id_relation &&
|
|
|
|
|
detail.id_assets_atlas_files_house_id_relation.length > 0) ||
|
|
|
|
|
(detail.id_assets_atlas_files_land_id_relation &&
|
|
|
|
|
detail.id_assets_atlas_files_land_id_relation.length > 0)
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<div class="el-descriptions__header el-descriptions__title">
|
|
|
|
|
@ -30,7 +30,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<el-carousel trigger="click" height="150px">
|
|
|
|
|
<el-carousel-item
|
|
|
|
|
v-for="item in detail.id_assets_atlas_files_asset_id_relation"
|
|
|
|
|
v-for="item in (detail.id_assets_atlas_files_house_id_relation || detail.id_assets_atlas_files_land_id_relation)"
|
|
|
|
|
>
|
|
|
|
|
<el-image
|
|
|
|
|
style="width: 100%; height: 100%"
|
|
|
|
|
@ -57,7 +57,7 @@
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
<el-card>
|
|
|
|
|
<el-card id="detail-files">
|
|
|
|
|
<div class="el-descriptions__header el-descriptions__title">
|
|
|
|
|
资产相关附件
|
|
|
|
|
</div>
|
|
|
|
|
@ -68,11 +68,26 @@
|
|
|
|
|
detail.id_assets_file_files_file_id_relation.length > 0
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<div v-for="item in detail.id_assets_file_files_file_id_relation" style="display: flex;justify-content: space-between;">
|
|
|
|
|
<div
|
|
|
|
|
v-for="item in detail.id_assets_file_files_file_id_relation"
|
|
|
|
|
style="display: flex; justify-content: space-between"
|
|
|
|
|
>
|
|
|
|
|
<a :download="item.url">{{ item.original_name }}</a>
|
|
|
|
|
<div>
|
|
|
|
|
<el-button type="primary" icon="el-icon-download" circle size="mini" @click="down(item)"></el-button>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" circle size="mini" @click="open(item.url)"></el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
icon="el-icon-download"
|
|
|
|
|
circle
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="down(item)"
|
|
|
|
|
></el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
icon="el-icon-search"
|
|
|
|
|
circle
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="open(item.url)"
|
|
|
|
|
></el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -82,7 +97,7 @@
|
|
|
|
|
</template>
|
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
<el-card>
|
|
|
|
|
<el-card id="detail-documents">
|
|
|
|
|
<div class="el-descriptions__header el-descriptions__title">
|
|
|
|
|
资产证件图片
|
|
|
|
|
</div>
|
|
|
|
|
@ -99,7 +114,11 @@
|
|
|
|
|
<el-image
|
|
|
|
|
style="width: 100%; height: 100%"
|
|
|
|
|
:src="item.url"
|
|
|
|
|
:preview-src-list="detail.id_assets_picture_files_file_id_relation.map(i=>i.url)"
|
|
|
|
|
:preview-src-list="
|
|
|
|
|
detail.id_assets_picture_files_file_id_relation.map(
|
|
|
|
|
(i) => i.url
|
|
|
|
|
)
|
|
|
|
|
"
|
|
|
|
|
fit="contain"
|
|
|
|
|
></el-image>
|
|
|
|
|
</div>
|
|
|
|
|
@ -109,11 +128,9 @@
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
</el-card>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="10">
|
|
|
|
|
<el-card>
|
|
|
|
|
<el-card id="detail-histories">
|
|
|
|
|
<div class="el-descriptions__header el-descriptions__title">
|
|
|
|
|
资产历史
|
|
|
|
|
历史沿革
|
|
|
|
|
</div>
|
|
|
|
|
<template>
|
|
|
|
|
<template v-if="histories && histories.length > 0">
|
|
|
|
|
@ -135,7 +152,7 @@
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
</el-card>
|
|
|
|
|
<el-card>
|
|
|
|
|
<el-card id="detail-assetsMap">
|
|
|
|
|
<div class="el-descriptions__header el-descriptions__title">
|
|
|
|
|
资产地图
|
|
|
|
|
</div>
|
|
|
|
|
@ -147,9 +164,22 @@
|
|
|
|
|
></div>
|
|
|
|
|
</el-card>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="3">
|
|
|
|
|
<Anchor show-ink :offset-top="64">
|
|
|
|
|
<AnchorLink href="#detail-pictures" title="资产图集" v-if="
|
|
|
|
|
(detail.id_assets_atlas_files_house_id_relation &&
|
|
|
|
|
detail.id_assets_atlas_files_house_id_relation.length > 0) ||
|
|
|
|
|
(detail.id_assets_atlas_files_land_id_relation &&
|
|
|
|
|
detail.id_assets_atlas_files_land_id_relation.length > 0)
|
|
|
|
|
" />
|
|
|
|
|
<AnchorLink href="#detail-files" title="相关附件" />
|
|
|
|
|
<AnchorLink href="#detail-documents" title="证件图片" />
|
|
|
|
|
<AnchorLink href="#detail-histories" title="历史沿革" />
|
|
|
|
|
<AnchorLink href="#detail-assetsMap" title="资产地图" />
|
|
|
|
|
</Anchor>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Modal
|
|
|
|
|
:width="76"
|
|
|
|
|
transfer
|
|
|
|
|
@ -179,7 +209,7 @@ export default {
|
|
|
|
|
name: "detail",
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
showModal:false,
|
|
|
|
|
showModal: false,
|
|
|
|
|
codeUri: "",
|
|
|
|
|
center: [120.283692, 31.614211],
|
|
|
|
|
marker: {},
|
|
|
|
|
@ -332,7 +362,7 @@ export default {
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const detail = await show({
|
|
|
|
|
id: this.$route.query.id,
|
|
|
|
|
id: this.$route.params.id,
|
|
|
|
|
table_name: this.customForm.tableName,
|
|
|
|
|
});
|
|
|
|
|
this.detail = detail;
|
|
|
|
|
@ -352,10 +382,9 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
});
|
|
|
|
|
this.histories = res.data.sort(function(a,b){
|
|
|
|
|
return new Date(a.riqi).getTime()-new Date(b.riqi).getTime();
|
|
|
|
|
this.histories = res.data.sort(function (a, b) {
|
|
|
|
|
return new Date(a.riqi).getTime() - new Date(b.riqi).getTime();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
@ -426,6 +455,11 @@ a:hover {
|
|
|
|
|
color: red;
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .ivu-anchor-link-title:hover {
|
|
|
|
|
transition: all 0.2s;
|
|
|
|
|
color: $primaryColor !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
.map-marker {
|
|
|
|
|
|