|
@@ -269,30 +269,25 @@
|
|
|
{{ item.logContent }}
|
|
|
</div>
|
|
|
<div>
|
|
|
- <router-link to="#" @click.native="clickFile(itemfile.fileUrl,itemfile.fileName)"
|
|
|
+ <router-link to="#"
|
|
|
+ @click.native="clickFile(itemfile.fileUrl,itemfile.fileName,itemfile.fileType)"
|
|
|
v-for="(itemfile,indexfile) in item.fileVOs">
|
|
|
- <!-- 使用el-image的:src需要加require -->
|
|
|
- <!-- <img v-if="isAssetTypeAnImage(itemfile.fileUrl)"-->
|
|
|
- <!-- style="width:3rem; height:3rem;margin: 2px;"-->
|
|
|
- <!-- :src="itemfile.fileUrl"-->
|
|
|
- <!-- :title="itemfile.fileName">-->
|
|
|
- <!-- </img>-->
|
|
|
- <el-image :src="itemfile.fileUrl" v-if="isAssetTypeAnImage(itemfile.fileUrl)"
|
|
|
- :preview-src-list="assetTypeAnImage(item.attachs)"
|
|
|
+ <el-image :src="itemfile.fileUrl" v-if="itemfile.fileType=='image'"
|
|
|
+ :preview-src-list="assetTypeAnImage(item.fileVOs)"
|
|
|
style="width:3rem; height:3rem;margin: 2px;"
|
|
|
:title="itemfile.fileName">
|
|
|
</el-image>
|
|
|
- <img v-else-if="isAssetTypeAnMp4(itemfile.fileUrl)"
|
|
|
+ <img v-else-if="itemfile.fileType=='video'"
|
|
|
style="width:3rem; height:3rem;margin: 2px;"
|
|
|
:src="require('@/assets/fileTypeImage/mp4.png')"
|
|
|
:title="itemfile.fileName">
|
|
|
</img>
|
|
|
- <img v-else-if="isAssetTypeAnWord(itemfile.fileUrl)"
|
|
|
+ <img v-else-if="itemfile.fileType=='word'"
|
|
|
style="width:3rem; height:3rem;margin: 2px;"
|
|
|
:src="require('@/assets/fileTypeImage/word.png')"
|
|
|
:title="itemfile.fileName">
|
|
|
</img>
|
|
|
- <img v-else-if="isAssetTypeAnExcel(itemfile.fileUrl)"
|
|
|
+ <img v-else-if="itemfile.fileType=='excel'"
|
|
|
style="width:3rem; height:3rem;margin: 2px;"
|
|
|
:src="require('@/assets/fileTypeImage/excel.png')"
|
|
|
:title="itemfile.fileName">
|
|
@@ -552,83 +547,17 @@ export default {
|
|
|
let imageList = []
|
|
|
if (filePath != null && filePath.length > 0) {
|
|
|
for (let i = 0; i < filePath.length; i++) {
|
|
|
- //获取最后一个.的位置
|
|
|
- var index = filePath[i].lastIndexOf('.')
|
|
|
- //获取后缀
|
|
|
- var ext = filePath[i].substr(index + 1)
|
|
|
- let aa = ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].indexOf(ext.toLowerCase()) !== -1
|
|
|
- if (aa) {
|
|
|
- imageList.push(filePath[i])
|
|
|
+ if (filePath[i].fileType == 'image') {
|
|
|
+ imageList.push(filePath[i].fileUrl)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
return imageList
|
|
|
},
|
|
|
- // 返回图片列表
|
|
|
- assetTypeAnImage(filePath) {
|
|
|
- let imageList = []
|
|
|
- if (filePath != null && filePath.length > 0) {
|
|
|
- for (let i = 0; i < filePath.length; i++) {
|
|
|
- //获取最后一个.的位置
|
|
|
- var index = filePath[i].lastIndexOf('.')
|
|
|
- //获取后缀
|
|
|
- var ext = filePath[i].substr(index + 1)
|
|
|
- let aa = ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].indexOf(ext.toLowerCase()) !== -1
|
|
|
- if (aa) {
|
|
|
- imageList.push(filePath[i])
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- return imageList
|
|
|
- },
|
|
|
- // 判断是否为视频
|
|
|
- isAssetTypeAnMp4(filePath) {
|
|
|
- //获取最后一个.的位置
|
|
|
- var index = filePath.lastIndexOf('.')
|
|
|
- //获取后缀
|
|
|
- var ext = filePath.substr(index + 1)
|
|
|
- let aa = ['mp4'].indexOf(ext.toLowerCase()) !== -1
|
|
|
- return aa
|
|
|
- },
|
|
|
- // 判断是否为Word
|
|
|
- isAssetTypeAnWord(filePath) {
|
|
|
- //获取最后一个.的位置
|
|
|
- var index = filePath.lastIndexOf('.')
|
|
|
- //获取后缀
|
|
|
- var ext = filePath.substr(index + 1)
|
|
|
- let aa = ['doc', 'docx'].indexOf(ext.toLowerCase()) !== -1
|
|
|
- return aa
|
|
|
- },
|
|
|
- // 判断是否为Excel
|
|
|
- isAssetTypeAnExcel(filePath) {
|
|
|
- //获取最后一个.的位置
|
|
|
- var index = filePath.lastIndexOf('.')
|
|
|
- //获取后缀
|
|
|
- var ext = filePath.substr(index + 1)
|
|
|
- let aa = ['xlsx', 'xls', 'csv'].indexOf(ext.toLowerCase()) !== -1
|
|
|
- return aa
|
|
|
- },
|
|
|
- // 判断是否为图片
|
|
|
- isAssetTypeAnImage(filePath) {
|
|
|
- //获取最后一个.的位置
|
|
|
- var index = filePath.lastIndexOf('.')
|
|
|
- //获取后缀
|
|
|
- var ext = filePath.substr(index + 1)
|
|
|
- let aa = ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].indexOf(ext.toLowerCase()) !== -1
|
|
|
- return aa
|
|
|
- },
|
|
|
- // 获取文件名称
|
|
|
- getFileName(name) {
|
|
|
- if (name.lastIndexOf('/') > -1) {
|
|
|
- return name.slice(name.lastIndexOf('/') + 1)
|
|
|
- } else {
|
|
|
- return ''
|
|
|
- }
|
|
|
- },
|
|
|
- clickFile(fileUrl, fileName) {
|
|
|
- if (this.isAssetTypeAnImage(fileUrl)) {
|
|
|
+ clickFile(fileUrl, fileName, fileType) {
|
|
|
+ if (fileType == 'image') {
|
|
|
return
|
|
|
- } else if (this.isAssetTypeAnMp4(fileUrl)) {
|
|
|
+ } else if (fileType == 'video') {
|
|
|
this.showTcPlayer = true
|
|
|
setTimeout(() => {
|
|
|
this.playVideo = fileUrl
|
|
@@ -637,7 +566,7 @@ export default {
|
|
|
let a = document.createElement('a')
|
|
|
a.download = fileName
|
|
|
a.href = fileUrl
|
|
|
- a.target="_blank"
|
|
|
+ a.target = '_blank'
|
|
|
a.click()
|
|
|
}
|
|
|
},
|
|
@@ -714,12 +643,11 @@ export default {
|
|
|
this.eventDialog = true
|
|
|
this.eventLogList = res.data.eventlog
|
|
|
this.visuForestCloudYuAnBo = res.data.visuForestCloudYuAnBo//应急预案
|
|
|
- if (res.data.catalogue != null && res.data.catalogue.length > 0) {
|
|
|
- this.address = res.data.catalogue[0].address
|
|
|
- this.eventType = res.data.catalogue[0].eventType
|
|
|
- this.eventId = res.data.catalogue[0].id
|
|
|
- this.longitude = res.data.catalogue[0].longitude
|
|
|
- this.latitude = res.data.catalogue[0].latitude
|
|
|
+ this.address = res.data.catalogue.address
|
|
|
+ this.eventType = res.data.catalogue.eventType
|
|
|
+ this.eventId = res.data.catalogue.id
|
|
|
+ this.longitude = res.data.catalogue.longitude
|
|
|
+ this.latitude = res.data.catalogue.latitude
|
|
|
let markersMap = {
|
|
|
lng: 124.59,
|
|
|
lat: 43.02,
|
|
@@ -732,20 +660,20 @@ export default {
|
|
|
radius: 0
|
|
|
}
|
|
|
|
|
|
- if (res.data.catalogue[0].eventStatusValue == 'forest_event_status_1' && res.data.catalogue[0].urgeCount == 0) {
|
|
|
+ if (res.data.catalogue.eventStatusValue == 'forest_event_status_1' && res.data.catalogue.urgeCount == 0) {
|
|
|
markersMap.icon = 'sj-icon-map-xinshangbao'
|
|
|
}
|
|
|
- if (res.data.catalogue[0].eventStatusValue == 'forest_event_status_1' && res.data.catalogue[0].urgeCount > 0) {
|
|
|
+ if (res.data.catalogue.eventStatusValue == 'forest_event_status_1' && res.data.catalogue.urgeCount > 0) {
|
|
|
markersMap.icon = 'sj-icon-map-cuiban'
|
|
|
- } else if (res.data.catalogue[0].eventStatusValue == 'forest_event_status_2') {
|
|
|
+ } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_2') {
|
|
|
markersMap.icon = 'sj-icon-map-qianshou'
|
|
|
- } else if (res.data.catalogue[0].eventStatusValue == 'forest_event_status_5') {
|
|
|
+ } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_5') {
|
|
|
markersMap.icon = 'sj-icon-map-banjie'
|
|
|
- } else if (res.data.catalogue[0].eventStatusValue == 'forest_event_status_6') {
|
|
|
+ } else if (res.data.catalogue.eventStatusValue == 'forest_event_status_6') {
|
|
|
markersMap.icon = 'sj-icon-map-guidang'
|
|
|
}
|
|
|
- markersMap.lng = res.data.catalogue[0].longitude
|
|
|
- markersMap.lat = res.data.catalogue[0].latitude
|
|
|
+ markersMap.lng = res.data.catalogue.longitude
|
|
|
+ markersMap.lat = res.data.catalogue.latitude
|
|
|
if (res.data.eventdetail != null && res.data.eventdetail.length > 0 && res.data.eventdetail[0].fireRadius != null && res.data.eventdetail[0].fireRadius != '' && res.data.eventdetail[0].fireRadius > 0) {
|
|
|
markersMap.radius = res.data.eventdetail[0].fireRadius
|
|
|
}
|
|
@@ -753,9 +681,8 @@ export default {
|
|
|
// that.$refs.supermapTaskDialog.dynamicPlotting()//弹出动态绘制窗口,防止截图位置改变
|
|
|
that.$refs.supermapTaskDialog.clearM(false)
|
|
|
that.$refs.supermapTaskDialog.setMarkersRadius([markersMap])
|
|
|
- that.$refs.supermapTaskDialog.dropLocation(res.data.catalogue[0].latitude, res.data.catalogue[0].longitude)
|
|
|
+ that.$refs.supermapTaskDialog.dropLocation(res.data.catalogue.latitude, res.data.catalogue.longitude)
|
|
|
}, 1000)
|
|
|
- }
|
|
|
})
|
|
|
},
|
|
|
refreshTaskList() {
|