|
@@ -9,14 +9,14 @@
|
|
|
<div class="saga-upload-images">
|
|
|
<div v-if="type != 'video'" class="point-image" v-for="(item,index) in imagesArr">
|
|
|
<i v-if="!readOnly" class="el-icon-delete" @click="delImage(index,item)"></i>
|
|
|
- <img :src="imageGetUrl + '&key=' +item" alt v-load>
|
|
|
+ <img :src="imageGetUrl + '&key=' +item.key" @click="lookImg" alt v-load>
|
|
|
</div>
|
|
|
<div v-if="type == 'video'" class="point-image" v-for="(item,index) in imagesArr">
|
|
|
<i v-if="!readOnly" class="el-icon-delete" @click="delImage(index,item)"></i>
|
|
|
<video
|
|
|
width="100%"
|
|
|
height="100%;"
|
|
|
- :src="imageGetUrl + '&key=' +item"
|
|
|
+ :src="imageGetUrl + '&key=' +item.key"
|
|
|
controls="controls"
|
|
|
>您的浏览器不支持 video 标签。</video>
|
|
|
</div>
|
|
@@ -35,11 +35,16 @@
|
|
|
<video style="display:none;" id="video" controls/>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <details-dialog :title="'图片'" :iframeSrc="iframeSrc" :dialog="dialog" :setData="imagesArr"></details-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import tools from "@/utils/scan/tools";
|
|
|
+import detailsDialog from "@/components/business_space/lib/detailsDia"
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ detailsDialog
|
|
|
+ },
|
|
|
props: {
|
|
|
keysArr: {
|
|
|
type: [Array, String]
|
|
@@ -73,7 +78,11 @@ export default {
|
|
|
baseUrl: "",
|
|
|
imageGetUrl: "/image-service/common/image_get?systemId=dataPlatform",
|
|
|
imageUploadUrl: "/image-service/common/image_upload?systemId=dataPlatform&secret=9e0891a7a8c8e885&overwrite=true",
|
|
|
- imagesArr: []
|
|
|
+ imagesArr: [],
|
|
|
+ iframeSrc: "",
|
|
|
+ dialog: {
|
|
|
+ details: false
|
|
|
+ }
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -94,7 +103,11 @@ export default {
|
|
|
this.imagesArr = [];
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+ //查看图片
|
|
|
+ lookImg() {
|
|
|
+ this.dialog.details = true
|
|
|
+ this.iframeSrc = process.env.BASE_URL + ":8890/photo-View.html"
|
|
|
+ },
|
|
|
//删除图片
|
|
|
delImage(i, key) {
|
|
|
if (this.type == "video") {
|