更新

MrShi

2025-03-12 69a1b3bf45738f048361ee4ccb6bdc64fce35720

 admin/src/components/common/upload.vue

@@ -9,15 +9,16 @@
                <video controls autoplay :src="item.url" v-else></video>
            </div>
            <div class="file_list_item" :style="{width: width, height: height, cursor: 'pointer'}" @click="$refs.file.click()">
                <i class="el-icon-plus"></i>
            </div>
            <i class="el-icon-plus" style="font-size: 18px;color: #8c939d;text-align: center;margin-top: 10px"></i>
            <i style="font-size: 12px;color: #8c939d;font-style: normal;text-align: center">{{tips}}</i>
        </div>
        <input type="file" ref="file" :accept="accept" @change="getFile" />
        </div>
    </div>
</template>

<script>
    import axios from 'axios';
import axios from 'axios'
    export default {
        props: {
            width: {
@@ -32,6 +33,10 @@
                type: Array,
                default: []
            },
    tips: {
      type: String,
      default: '0'
    },
            accept: {
                type: String,
                default: ''
@@ -43,7 +48,7 @@
        },
        data() {
            return {
                uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/upload'
      uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/upload'
            }
        },

@@ -64,9 +69,9 @@
                    axios.post(this.uploadImgUrl, formdate)
                        .then(res => {
                            this.$emit('success', res.data.data)
            console.log(res.data.data)
                        })
                        .catch(e => {
                            this.$message.error(e)
                        })
                        .finally(() => {
                            this.$refs.file.value = null
@@ -102,7 +107,7 @@
                overflow: hidden;
                border-radius: 5px;
                border: 1px solid #d5d5d5;
                margin-left: 15px;
                margin: 5px;
                position: relative;
                &:first-child {
                    margin: 0 !important;
@@ -117,10 +122,11 @@
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 10000;
                    cursor: pointer;
                    .el-icon-close {
                        color: #ffffff;
                        font-size: 19px;
                        font-size: 14px;
                    }
                }
                .el-icon-plus {
@@ -138,4 +144,3 @@
        }
    }
</style>