|
|
|
|
@ -84,7 +84,7 @@
|
|
|
|
|
v-for="item in /\/land/g.test($route.path) ? detail.id_asset_picture_files_land_id_relation : detail.id_asset_picture_files_house_id_relation"
|
|
|
|
|
>
|
|
|
|
|
<el-image
|
|
|
|
|
style="width: 100%; height: 100%"
|
|
|
|
|
style="width: 100%; height: 100%;max-width: 200px;"
|
|
|
|
|
:src="item.url"
|
|
|
|
|
:preview-src-list="
|
|
|
|
|
(/\/land/g.test($route.path) ? detail.id_asset_picture_files_land_id_relation : detail.id_asset_picture_files_house_id_relation).map(
|
|
|
|
|
@ -108,7 +108,7 @@
|
|
|
|
|
<template v-if="histories && histories.length > 0">
|
|
|
|
|
<Timeline>
|
|
|
|
|
<TimelineItem v-for="(item, index) in histories" :key="item.id">
|
|
|
|
|
<el-descriptions :column="1" size="mini" border :title="$moment(item.fashengshijian).format('YYYY-MM-DD HH:mm')" :label-style="{ 'width': '86px' }">
|
|
|
|
|
<el-descriptions :column="1" size="mini" border :title="$moment(item.fashengshijian).format('YYYY-MM-DD')" :label-style="{ 'width': '86px' }">
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label">
|
|
|
|
|
<i class="el-icon-coordinate"></i>
|
|
|
|
|
@ -133,15 +133,20 @@
|
|
|
|
|
<el-descriptions-item>
|
|
|
|
|
<template slot="label">
|
|
|
|
|
<i class="el-icon-picture-outline"></i>
|
|
|
|
|
相关图片
|
|
|
|
|
文件目录
|
|
|
|
|
</template>
|
|
|
|
|
<div style="display: flex;flex-wrap: wrap;padding-top: 10px;">
|
|
|
|
|
<div style="display: flex;flex-direction: column; align-items: center;margin-right: 16px;" v-for="(img,index) in item.id_his_tupian_files_asset_history_id_relation" :key="img.id">
|
|
|
|
|
<el-image
|
|
|
|
|
style="height: 160px"
|
|
|
|
|
:src="img.url"
|
|
|
|
|
fit="contain"
|
|
|
|
|
></el-image>
|
|
|
|
|
<div style="display: flex;flex-direction: column; align-items: center;margin-right: 16px;cursor: pointer;"
|
|
|
|
|
v-for="(img,index) in item.id_his_tupian_files_asset_history_id_relation"
|
|
|
|
|
:key="img.id"
|
|
|
|
|
@click="open(img.url)">
|
|
|
|
|
<!-- <el-image-->
|
|
|
|
|
<!-- style="height: 160px"-->
|
|
|
|
|
<!-- :src="img.url"-->
|
|
|
|
|
<!-- fit="contain"-->
|
|
|
|
|
<!-- :preview-src-list="item.id_his_tupian_files_asset_history_id_relation.map(i => i.url)"-->
|
|
|
|
|
<!-- ></el-image>-->
|
|
|
|
|
<i class="el-icon-document" style="font-size: 24px;"></i>
|
|
|
|
|
<div style="color: #3477c6;padding: 10px 0;">{{ ++index }}. <span style="font-weight: 600;">{{ img.original_name }}</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -269,6 +274,37 @@
|
|
|
|
|
<div style="position:fixed;right: 40px;bottom: 80px;background: #fff;border-radius: 100%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 20px;cursor: pointer;" @click="print">
|
|
|
|
|
<Icon type="md-print" />
|
|
|
|
|
</div>
|
|
|
|
|
<div style="position:fixed;right: 40px;bottom: 30px;background: #fff;border-radius: 100%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 20px;cursor: pointer;" @click="isShowSearch = !isShowSearch">
|
|
|
|
|
<Icon type="md-search" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<transition name="search-container">
|
|
|
|
|
<el-card v-show="isShowSearch" class="search-container">
|
|
|
|
|
<template #header>
|
|
|
|
|
<div style="display:flex;align-items: center;">
|
|
|
|
|
<p>搜索</p>
|
|
|
|
|
|
|
|
|
|
<i class="el-icon-close" style="margin-left: auto;" @click="isShowSearch = false"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<Button size="small" type="success" ghost>资产</Button>
|
|
|
|
|
<Button size="small" type="info" ghost>文件</Button>
|
|
|
|
|
</div>
|
|
|
|
|
<el-input size="mini" style="margin-top: 4px;" placeholder="请输入名称" clearable>
|
|
|
|
|
<el-button type="primary" slot="append" icon="el-icon-search"></el-button>
|
|
|
|
|
</el-input>
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
<li></li>
|
|
|
|
|
<li></li>
|
|
|
|
|
<li></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</template>
|
|
|
|
|
</el-card>
|
|
|
|
|
</transition>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -284,6 +320,7 @@ export default {
|
|
|
|
|
name: "detail",
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
isShowSearch: false,
|
|
|
|
|
showModal: false,
|
|
|
|
|
codeUri: "",
|
|
|
|
|
center: [120.283692, 31.614211],
|
|
|
|
|
@ -674,6 +711,42 @@ a:hover {
|
|
|
|
|
.el-image + .el-image {
|
|
|
|
|
margin-left: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.search-container-enter-active {
|
|
|
|
|
animation: slide-in-fwd-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.search-container-leave-active {
|
|
|
|
|
animation: slide-out-fwd-br 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
|
|
|
|
|
}
|
|
|
|
|
@keyframes slide-in-fwd-br {
|
|
|
|
|
0% {
|
|
|
|
|
transform: translateZ(-1400px) translateY(800px) translateX(1000px);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
transform: translateZ(0) translateY(0) translateX(0);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@keyframes slide-out-fwd-br {
|
|
|
|
|
0% {
|
|
|
|
|
transform: translateZ(0) translateY(0) translateX(0);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
transform: translateZ(600px) translateY(300px) translateX(400px);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.search-container {
|
|
|
|
|
min-width: 300px;
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
right: 100px;
|
|
|
|
|
bottom: 30px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
.map-marker {
|
|
|
|
|
|
