fix: #42983

src/views/operate/components/config/viewModal.vue

@@ -24,19 +24,33 @@
         </template>
         <template #img="{ model, field }">
           <div class="imgText">
-            <p style="line-height:30px; margin: 0"> {{ model[field] }}</p>
+            <p style="line-height: 30px; margin: 0"> {{ model[field] }}</p>
             <PreviewGroup>
               <template v-for="item in model[field + 'Imgs']" :key="item">
-                <div class="video" @click="bofang(item)" style="display: inline-block;position: relative;" v-if="checkMediaType(item) == 'video'">
-                  <Image
-                    style="overflow: hidden; height: 100%; object-fit: cover; margin-right: 10px; pointer-events: none;"
-                    :height="80"
-                    :width="80"
+                <div
+                  class="video ant-image"
+                  @click="bofang(item)"
+                  style="display: inline-block; position: relative; width: 80px; height: 80px"
+                  v-if="checkMediaType(item) == 'video'"
+                >
+                  <img
+                    style="
+                      overflow: hidden;
+                      height: 100%;
+                      width: 100%;
+                      object-fit: cover;
+                      pointer-events: none;
+                    "
                     :key="item"
-                    :src="item + '?spm=qipa250&x-oss-process=video/snapshot,t_7000,f_jpg,w_800,h_600,m_fast'"
+                    :src="
+                      item +
+                      '?spm=qipa250&x-oss-process=video/snapshot,t_7000,f_jpg,w_800,h_600,m_fast'
+                    "
                     :size="200"
                   />
-                  <YoutubeOutlined style="font-size:32px; color: #fff;position:absolute;left:24px;top:24px" />
+                  <YoutubeOutlined
+                    style="font-size: 32px; color: #fff; position: absolute; left: 24px; top: 24px"
+                  />
                 </div>
                 <Image
                   v-else
@@ -61,24 +75,31 @@
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import { uploadApi } from '/@/api/product/index';
+  // import { uploadApi } from '/@/api/product/index';
   import { useI18n } from '/@/hooks/web/useI18n';
-  import { Tinymce } from '/@/components/Tinymce/index';
+  // import { Tinymce } from '/@/components/Tinymce/index';
   import { useModal } from '/@/components/Modal';
   import { feedbackhandle } from '/@/api/operate';
   import { Image } from 'ant-design-vue';
   import { YoutubeOutlined } from '@ant-design/icons-vue';
-  import videoModal from './bofang.vue'
+  import videoModal from './bofang.vue';
   const { t } = useI18n();
   export default defineComponent({
-    components: { BasicModal, videoModal, BasicForm, Image, PreviewGroup: Image.PreviewGroup, YoutubeOutlined },
+    components: {
+      BasicModal,
+      videoModal,
+      BasicForm,
+      Image,
+      PreviewGroup: Image.PreviewGroup,
+      YoutubeOutlined,
+    },
     props: {
       userData: { type: Object },
     },
     emits: ['update', 'register'],
     setup(props, { emit }) {
       const modelRef = ref({});
-      const footer = ref({footer: null})
+      const footer = ref({ footer: null });
       const fileFlow = reactive({
         coverImageUrl: '',
         title: '处理反馈',
@@ -110,7 +131,7 @@
           component: 'Input',
           slot: 'img',
           label: '问题描述',
-          defaultValue: 'cn',          
+          defaultValue: 'cn',
           colProps: {
             span: 20,
           },
@@ -248,7 +269,7 @@
       function handleVisibleChange(v) {
         v && props.userData && nextTick(() => onDataReceive(props.userData));
       }
-      function bofang(src){
+      function bofang(src) {
         openModal(true, src);
       }
       return {