Skip to content

Z
ZiBoYingJI
Commit a783c093 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

自然资源详情页图片展示

parent 3cc42ca3
Show whitespace changes
Inline Side-by-side
Showing with 105 additions and 22 deletions
public/datav/detail/dev-use.html
View file @ a783c093
...@@ -84,8 +84,11 @@ ...@@ -84,8 +84,11 @@
<div class="flex-1 ml15 flex-text flex-column ovh" <div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between"> style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> <!-- <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> </div>
...@@ -145,7 +148,16 @@ ...@@ -145,7 +148,16 @@
type: '3' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测 type: '3' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
} }
}).then(res => { }).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 this.isReady = true
......
public/datav/detail/dizhi-huanjing.html
View file @ a783c093
...@@ -84,8 +84,11 @@ ...@@ -84,8 +84,11 @@
<div class="flex-1 ml15 flex-text flex-column ovh" <div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between"> style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> <!-- <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> </div>
...@@ -145,7 +148,16 @@ ...@@ -145,7 +148,16 @@
type: '4' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测 type: '4' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
} }
}).then(res => { }).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 this.isReady = true
......
public/datav/detail/green-mine.html
View file @ a783c093
...@@ -84,8 +84,11 @@ ...@@ -84,8 +84,11 @@
<div class="flex-1 ml15 flex-text flex-column ovh" <div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between"> style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> <!-- <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> </div>
...@@ -145,7 +148,16 @@ ...@@ -145,7 +148,16 @@
type: '5' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测 type: '5' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
} }
}).then(res => { }).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 this.isReady = true
......
public/datav/detail/mine-global.html
View file @ a783c093
...@@ -84,8 +84,12 @@ ...@@ -84,8 +84,12 @@
<div class="flex-1 ml15 flex-text flex-column ovh" <div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between"> style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> <!-- <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> </div>
...@@ -145,7 +149,16 @@ ...@@ -145,7 +149,16 @@
type: '1' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测 type: '1' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
} }
}).then(res => { }).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 this.isReady = true
......
public/datav/detail/resource-storage.html
View file @ a783c093
...@@ -84,8 +84,11 @@ ...@@ -84,8 +84,11 @@
<div class="flex-1 ml15 flex-text flex-column ovh" <div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between"> style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> <!-- <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> </div>
...@@ -145,7 +148,16 @@ ...@@ -145,7 +148,16 @@
type: '2' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测 type: '2' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
} }
}).then(res => { }).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 this.isReady = true
......
public/datav/detail/shui-monitor.html
View file @ a783c093
...@@ -84,9 +84,10 @@ ...@@ -84,9 +84,10 @@
<div class="flex-1 ml15 flex-text flex-column ovh" <div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between"> 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> </div>
</div> </div>
...@@ -145,7 +146,16 @@ ...@@ -145,7 +146,16 @@
type: '6' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测 type: '6' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
} }
}).then(res => { }).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 this.isReady = true
......
public/datav/detail/tu-monitor.html
View file @ a783c093
...@@ -84,8 +84,11 @@ ...@@ -84,8 +84,11 @@
<div class="flex-1 ml15 flex-text flex-column ovh" <div class="flex-1 ml15 flex-text flex-column ovh"
style="height: calc(100vh - 110px); justify-content: space-between"> style="height: calc(100vh - 110px); justify-content: space-between;overflow-y: auto;">
<img :src="filePath" alt="" srcset="" style="width: 100%; height: 100%;"> <!-- <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> </div>
...@@ -145,7 +148,16 @@ ...@@ -145,7 +148,16 @@
type: '7' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测 type: '7' // 1:矿山全景2:资源储量3:开发利用4:地质环境5:绿色矿山6:水监测 7:土监测
} }
}).then(res => { }).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 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