手术类型管理-添加图片预览

src/views/system/surgical-type/detail.vue

@@ -8,7 +8,7 @@
         :span="['avatar'].includes(p.name) ? 3 : 1"
       >
         <span v-if="p.key === 'avatar'">
-          <img :src="p.value" style="width: 120px; height: 120px" />
+          <ImagePreview :imageList="[p.value]" style="width: 120px" />
         </span>
         <template v-else>
           {{ p.value }}
@@ -21,12 +21,12 @@
   import { onMounted, computed, ref } from 'vue';
   import { useRoute } from 'vue-router';
   import { useAsyncState } from '@vueuse/core';
+  import { ImagePreview } from '/@/components/Preview/index';
   import { ComputedRef } from '@vue/reactivity';
   import { Descriptions, Card } from 'ant-design-vue';
   import { descriptionColumns } from './schema';
   import * as SurgicalTypeApi from '/@/api/system/surgicalTypeApi';
   import { SurgicalType } from '/@/api/model/surgicalType';
-
   const route = useRoute();
   const id = ref(route.params?.id);