k94314517
2024-07-11 a52f8c508d08014d1a153cfc02e12b5fc185a3a4
admin/src/components/common/upload.vue
@@ -5,10 +5,10 @@
                <div class="dele" @click="deleItem(index)">
                    <i class="el-icon-close"></i>
                </div>
                <img :src="item.url" v-if="fileType(item.url) === 'img'" />
                <video controls autoplay :src="item.url" v-else></video>
                <img :src="item.fileurlFull" v-if="fileType(item.fileurlFull) === 'img'" />
                <video controls autoplay :src="item.fileurlFull" v-else></video>
            </div>
            <div class="file_list_item" :style="{width: width, height: height, cursor: 'pointer'}" @click="$refs.file.click()">
            <div v-if="list ==null || list.length == 0 || list.length < maxLength" class="file_list_item" :style="{width: width, height: height, cursor: 'pointer'}" @click="$refs.file.click()">
                <i class="el-icon-plus"></i>
            </div>
        </div>
@@ -17,7 +17,7 @@
</template>
<script>
    import axios from 'axios';
import axios from 'axios'
    export default {
        props: {
            width: {
@@ -39,6 +39,10 @@
            folder: {
                type: String,
                default: ''
    },
    maxLength: {
      type: Number,
      default: 9999
            }
        },
        data() {
@@ -46,10 +50,9 @@
                uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/upload'
            }
        },
        methods: {
            fileType(url) {
                if (url.indexOf('.mp4') !== -1) {
      if (url && url.indexOf('.mp4') !== -1) {
                    return 'video'
                } else {
                    return 'img'
@@ -108,6 +111,7 @@
                    margin: 0 !important;
                }
                .dele {
                  z-index: 10000;
                    position: absolute;
                    right: 0;
                    top: 0;
@@ -138,4 +142,3 @@
        }
    }
</style>