Commit a783c093 authored by xinzhedeai's avatar xinzhedeai

自然资源详情页图片展示

parent 3cc42ca3
......@@ -84,8 +84,11 @@
<div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;">
style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<!-- <img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> -->
<div v-for="item in filePath" style="width:100%;">
<img :src="item" alt="" srcset="" style="width: 100%; height: 100%;">
</div>
</div>
......@@ -145,7 +148,16 @@
type: '3' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
}
}).then(res => {
this.filePath = host + '/file' + res.data.body
// this.filePath = host + '/file' + res.data.body
const result = res.data.body
console.info(result)
if(result){
this.filePath = []
result.forEach(item => {
this.filePath.push(host + '/file' + item)
});
console.log(this.filePath)
}
});
this.isReady = true
......
......@@ -84,8 +84,11 @@
<div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;">
style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<!-- <img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> -->
<div v-for="item in filePath" style="width:100%;">
<img :src="item" alt="" srcset="" style="width: 100%; height: 100%;">
</div>
</div>
......@@ -145,7 +148,16 @@
type: '4' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
}
}).then(res => {
this.filePath = host + '/file' + res.data.body
// this.filePath = host + '/file' + res.data.body
const result = res.data.body
console.info(result)
if(result){
this.filePath = []
result.forEach(item => {
this.filePath.push(host + '/file' + item)
});
console.log(this.filePath)
}
});
this.isReady = true
......
......@@ -84,8 +84,11 @@
<div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;">
style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<!-- <img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> -->
<div v-for="item in filePath" style="width:100%;">
<img :src="item" alt="" srcset="" style="width: 100%; height: 100%;">
</div>
</div>
......@@ -145,7 +148,16 @@
type: '5' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
}
}).then(res => {
this.filePath = host + '/file' + res.data.body
// this.filePath = host + '/file' + res.data.body
const result = res.data.body
console.info(result)
if(result){
this.filePath = []
result.forEach(item => {
this.filePath.push(host + '/file' + item)
});
console.log(this.filePath)
}
});
this.isReady = true
......
......@@ -84,8 +84,12 @@
<div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;">
style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<!-- <img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> -->
<div v-for="item in filePath" style="width:100%;">
<img :src="item" alt="" srcset="" style="width: 100%; height: 100%;">
</div>
</div>
......@@ -145,7 +149,16 @@
type: '1' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
}
}).then(res => {
this.filePath = host + '/file' + res.data.body
// this.filePath = host + '/file' + res.data.body
const result = res.data.body
console.info(result)
if(result){
this.filePath = []
result.forEach(item => {
this.filePath.push(host + '/file' + item)
});
console.log(this.filePath)
}
});
this.isReady = true
......
......@@ -84,8 +84,11 @@
<div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;">
style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<!-- <img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> -->
<div v-for="item in filePath" style="width:100%;">
<img :src="item" alt="" srcset="" style="width: 100%; height: 100%;">
</div>
</div>
......@@ -145,7 +148,16 @@
type: '2' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
}
}).then(res => {
this.filePath = host + '/file' + res.data.body
// this.filePath = host + '/file' + res.data.body
const result = res.data.body
console.info(result)
if(result){
this.filePath = []
result.forEach(item => {
this.filePath.push(host + '/file' + item)
});
console.log(this.filePath)
}
});
this.isReady = true
......
......@@ -84,9 +84,10 @@
<div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;">
style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<div v-for="item in filePath" style="width:100%;">
<img :src="item" alt="" srcset="" style="width: 100%; height: 100%;">
</div>
</div>
</div>
......@@ -145,7 +146,16 @@
type: '6' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
}
}).then(res => {
this.filePath = host + '/file' + res.data.body
// this.filePath = host + '/file' + res.data.body
const result = res.data.body
console.info(result)
if(result){
this.filePath = []
result.forEach(item => {
this.filePath.push(host + '/file' + item)
});
console.log(this.filePath)
}
});
this.isReady = true
......
......@@ -84,8 +84,11 @@
<div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;">
style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<!-- <img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> -->
<div v-for="item in filePath" style="width:100%;">
<img :src="item" alt="" srcset="" style="width: 100%; height: 100%;">
</div>
</div>
......@@ -145,7 +148,16 @@
type: '7' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
}
}).then(res => {
this.filePath = host + '/file' + res.data.body
// this.filePath = host + '/file' + res.data.body
const result = res.data.body
console.info(result)
if(result){
this.filePath = []
result.forEach(item => {
this.filePath.push(host + '/file' + item)
});
console.log(this.filePath)
}
});
this.isReady = true
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment