|
@@ -108,39 +108,39 @@
|
|
|
<div class="pic_view">
|
|
|
<div class="swiper-container" id="swiperPic" v-show="tablePicArr.Pic.length">
|
|
|
<div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide" v-for="(item,$index) in tablePicArr.Nameplate" :key="item.key">
|
|
|
+ <div class="swiper-slide" v-for="(item,$index) in tablePicArr.Nameplate" :key="item.Key">
|
|
|
<div class="img_view">
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key" :title="item.name" :alt="item.name">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key" :title="item.Name" :alt="item.Name">
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImgUrl('Nameplate',$index)"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="swiper-slide" v-for="(item,$index) in tablePicArr.Pic" :key="item.key">
|
|
|
- <div class="img_view" v-if="item.type != 'image_video'">
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)" v-if="item.name == '铭牌照片'"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" :title="item.name" :alt="item.name">
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)" v-if="item.name == '设备正面照片'"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" :title="item.name" :alt="item.name">
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)" v-if="item.name == '带二维码的设备远景照片'"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" :title="item.name" :alt="item.name">
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)" v-if="item.name == '设备左侧照片'"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" :title="item.name" :alt="item.name">
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)" v-if="item.name == '设备右侧照片'"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" :title="item.name" :alt="item.name">
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)" v-if="item.name == '设备背面照片'"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" :title="item.name" :alt="item.name">
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)" v-if="item.name == '带二维码的设备近景照片'"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" :title="item.name" :alt="item.name">
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)" v-if="item.name == '视频资料' && item.type == 'image'"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" :title="item.name" :alt="item.name">
|
|
|
- <div v-if="item.type == 'video'" style="width:100%;height:100%;">
|
|
|
- <video style="width:100%;height:100%;" :src="'/image-service/common/file_get/'+ item.key + '?systemId=dataPlatform'" controls
|
|
|
- :poster="'/image-service/common/image_get?systemId=dataPlatform&key='+ delVideo(item.key) +'&width=200'"></video>
|
|
|
+ <div class="swiper-slide" v-for="(item,$index) in tablePicArr.Pic" :key="item.Key">
|
|
|
+ <div class="img_view" v-if="item.Type != 'image_video'">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)" v-if="item.Name == '铭牌照片'"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" :title="item.Name" :alt="item.Name">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)" v-if="item.Name == '设备正面照片'"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" :title="item.Name" :alt="item.Name">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)" v-if="item.Name == '带二维码的设备远景照片'"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" :title="item.Name" :alt="item.Name">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)" v-if="item.Name == '设备左侧照片'"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" :title="item.Name" :alt="item.Name">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)" v-if="item.Name == '设备右侧照片'"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" :title="item.Name" :alt="item.Name">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)" v-if="item.Name == '设备背面照片'"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" :title="item.Name" :alt="item.Name">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)" v-if="item.Name == '带二维码的设备近景照片'"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" :title="item.Name" :alt="item.Name">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)" v-if="item.Name == '视频资料' && item.Type == 'image'"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" :title="item.Name" :alt="item.Name">
|
|
|
+ <div v-if="item.Type == 'video'" style="width:100%;height:100%;">
|
|
|
+ <video style="width:100%;height:100%;" :src="'/image-service/common/file_get/'+ item.Key + '?systemId=dataPlatform'" controls
|
|
|
+ :poster="'/image-service/common/image_get?systemId=dataPlatform&key='+ delVideo(item.Key) +'&width=200'"></video>
|
|
|
</div>
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)" v-if="item.name == '其他照片'"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" :title="item.name" :alt="item.name">
|
|
|
- <img v-load @error="setErrorImg" @click="seeBig(item.key,item.name,item.type)" v-if="item.name == '全景照片'"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" :title="item.name" :alt="item.name">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)" v-if="item.Name == '其他照片'"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" :title="item.Name" :alt="item.Name">
|
|
|
+ <img v-load @error="setErrorImg" @click="seeBig(item.Key,item.Name,item.Type)" v-if="item.Name == '全景照片'"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" :title="item.Name" :alt="item.Name">
|
|
|
<!-- <i
|
|
|
@click="delPic($index)"
|
|
|
class="iconfont icon-guanbi"
|
|
@@ -216,58 +216,58 @@
|
|
|
<!-- //图片排序 -->
|
|
|
<ul>
|
|
|
<li v-for="(item,index) in imgList.place" v-if="imgList.place.length" class="img_view">
|
|
|
- <img @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" alt>
|
|
|
+ <img @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" alt>
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImage(index)"></i>
|
|
|
</li>
|
|
|
<li v-for="(item,index) in imgList.nameplate" v-if="imgList.nameplate.length" class="img_view">
|
|
|
- <img @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" alt>
|
|
|
+ <img @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" alt>
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImage(index)"></i>
|
|
|
</li>
|
|
|
<li v-for="(item,index) in imgList.ahead" v-if="imgList.ahead.length" class="img_view">
|
|
|
- <img @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" alt>
|
|
|
+ <img @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" alt>
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImage(index)"></i>
|
|
|
</li>
|
|
|
<li v-for="(item,index) in imgList.qrCodeLooger" v-if="imgList.qrCodeLooger.length" class="img_view">
|
|
|
- <img @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" alt>
|
|
|
+ <img @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" alt>
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImage(index)"></i>
|
|
|
</li>
|
|
|
<li v-for="(item,index) in imgList.left" v-if="imgList.left.length" class="img_view">
|
|
|
- <img @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" alt>
|
|
|
+ <img @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" alt>
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImage(index)"></i>
|
|
|
</li>
|
|
|
<li v-for="(item,index) in imgList.right" v-if="imgList.right.length" class="img_view">
|
|
|
- <img @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" alt>
|
|
|
+ <img @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" alt>
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImage(index)"></i>
|
|
|
</li>
|
|
|
<li v-for="(item,index) in imgList.bottom" v-if="imgList.bottom.length" class="img_view">
|
|
|
- <img @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" alt>
|
|
|
+ <img @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" alt>
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImage(index)"></i>
|
|
|
</li>
|
|
|
<li v-for="(item,index) in imgList.qrCode" v-if="imgList.qrCode.length" class="img_view">
|
|
|
- <img @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" alt>
|
|
|
+ <img @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" alt>
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImage(index)"></i>
|
|
|
</li>
|
|
|
<li v-for="(item,index) in imgList.panorama" v-if="imgList.panorama.length" class="img_view">
|
|
|
- <img @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" alt>
|
|
|
+ <img @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" alt>
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImage(index)"></i>
|
|
|
</li>
|
|
|
- <li v-for="(item,index) in imgList.else" v-if="imgList.else.length && item.type != 'image_video'" class="img_view">
|
|
|
- <img @click="seeBig(item.key,item.name,item.type)"
|
|
|
- :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.key +'&width=200'" alt>
|
|
|
+ <li v-for="(item,index) in imgList.else" v-if="imgList.else.length && item.Type != 'image_video'" class="img_view">
|
|
|
+ <img @click="seeBig(item.Key,item.Name,item.Type)"
|
|
|
+ :src="'/image-service/common/image_get?systemId=dataPlatform&key='+ item.Key +'&width=200'" alt>
|
|
|
<i class="iconfont icon-shuaxin icon" @click.stop="changeImage(index)"></i>
|
|
|
</li>
|
|
|
<li v-for="item in imgList.video" style="border: 1px solid #ccc;">
|
|
|
- <video style="width:100%;height:100%;" :src="'/image-service/common/file_get/'+ item.key + '?systemId=dataPlatform'" controls
|
|
|
- :poster="'/image-service/common/image_get?systemId=dataPlatform&key='+ delVideo(item.key) +'&width=200'"></video>
|
|
|
+ <video style="width:100%;height:100%;" :src="'/image-service/common/file_get/'+ item.Key + '?systemId=dataPlatform'" controls
|
|
|
+ :poster="'/image-service/common/image_get?systemId=dataPlatform&key='+ delVideo(item.Key) +'&width=200'"></video>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
@@ -512,7 +512,7 @@ export default {
|
|
|
},
|
|
|
delPicPost(name, key) {
|
|
|
let myInfos = this.infos.Infos[name].map(item => {
|
|
|
- if (item.key == key) {
|
|
|
+ if (item.Key == key) {
|
|
|
return undefined
|
|
|
} else {
|
|
|
return item
|