| | |
| | | <template> |
| | | <div> |
| | | <el-dialog :title="title" :visible.sync="visible" width="900px" center :before-close="close"> |
| | | <el-dialog :title="title" :visible.sync="visible" top="30px" width="900px" center :before-close="close"> |
| | | <div> |
| | | <el-form ref="ruleForm" :disabled="pageState==='detail'" label-width="100px" :model="formData" class="demo-form-inline" :rules="rules"> |
| | | <el-row> |
| | |
| | | v-if="file.fileType ===1" |
| | | style="width: 100px; height: 100px" |
| | | :src="file.url" |
| | | :preview-src-list="fileBaseList" |
| | | :preview-src-list="getPreviewImages(file.fileId,fileBaseList)" |
| | | :initial-index="index" |
| | | /> |
| | | <video v-else :src="file.url" style="width: 100px; height: 100px" @click="openVideo(file)"> |
| | |
| | | import uploadFile from '@/components/UploadExcel/index' |
| | | import bus from '@/Bus' |
| | | import requestObj from '@/utils/request' |
| | | import _ from 'lodash' |
| | | export default { |
| | | components: { uploadFile }, |
| | | props: { |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | getPreviewImages(index, list) { |
| | | let startIndex = 0 |
| | | const chechList = _.cloneDeep(list) |
| | | chechList.forEach((item, i) => { |
| | | const str = item.substring(item.lastIndexOf('/') + 1) |
| | | console.log('str', str) |
| | | if (Number(str) === Number(index)) { |
| | | startIndex = i |
| | | } |
| | | }) |
| | | |
| | | console.log('index', index) |
| | | console.log('startIndex', startIndex) |
| | | var imgList = [...list] |
| | | if (index === 0) return imgList |
| | | var start = imgList.splice(startIndex) |
| | | var remain = imgList.splice(0, startIndex) |
| | | return start.concat(remain) |
| | | }, |
| | | openVideo(item) { |
| | | console.log('item', item) |
| | | this.dialogImageUrl = item.url |