|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div ref="pictureArea" class="picture-preview" :style="getAreaStyle()">
|
|
|
+ <div ref="pictureArea" class="picture-preview" :style="[getAreaStyle(), getComponentStyle()]">
|
|
|
<SerialNumberPosition v-if="isEnable(data.property.sn_display_mode)" :property="data.property" />
|
|
|
|
|
|
<div ref="pictureAreaBox" class="main">
|
|
|
@@ -10,7 +10,7 @@
|
|
|
ref="pictureCarousel"
|
|
|
indicator-position="none"
|
|
|
:autoplay="false"
|
|
|
- :style="{ height: elementHeight - 144 - 32 + 'px' }"
|
|
|
+ :style="{ height: `${elementHeight - 144 - 32}px` }"
|
|
|
@change="handleChange"
|
|
|
>
|
|
|
<el-carousel-item v-for="(file, i) in data.file_list" :key="i">
|
|
|
@@ -37,8 +37,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- v-else
|
|
|
v-for="file in data.file_list"
|
|
|
+ v-else
|
|
|
:key="file.file_id"
|
|
|
class="alone-pic-area"
|
|
|
:style="getVideoItemStyle()"
|
|
|
@@ -89,7 +89,7 @@ export default {
|
|
|
data: {
|
|
|
handler(val) {
|
|
|
this.fileLen = val.file_list.length;
|
|
|
- if (this.fileLen == 0) return;
|
|
|
+ if (this.fileLen === 0) return;
|
|
|
if (this.data.property.view_method === 'list') {
|
|
|
const ele = this.$refs.pictureAreaBox;
|
|
|
const sn_position = this.data.property.sn_position;
|
|
|
@@ -136,7 +136,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
this.elementHeight = Math.max(this.elementHeight, this.data.min_height);
|
|
|
- this.$emit('handleHeightChange', this.id, this.elementHeight + 'px');
|
|
|
+ this.$emit('handleHeightChange', this.id, `${this.elementHeight}px`);
|
|
|
},
|
|
|
deep: true,
|
|
|
},
|