drp-ui/src/views/business/as/after-sales/components/image-preview/index.vue

<!-- 文件预览 -->
<script>
export default {
  name: "ImagePreview",
  props: {
    value: [Array],
  },
  data() {
    return {
      // fileList: [],
    };
  },
  computed: {
    fileList: {
      get() {
        return this.$props.value.map((item) => {
          return {
            ...item,
            url: item.filepath,
          };
        });
      },
      set() {},
    },
  },
  methods: {
    afterRead(file) {
      console.log(file, "file");
    },
    useDelete() {},
  },
  created() {},
};
</script>

<template>
  <div class="preview-image">
    <van-uploader
      v-model="fileList"
      preview-size="60px"
      :deletable="false"
      readonly
    />
  </div>
</template>

<style scoped>
.van-image-preview {
  z-index: 2024;
}
</style>