修改单据附件图片预览样式

src/components/sale/changebill-form.vue

@@ -767,8 +767,8 @@
       <div
         style="
           position: absolute;
-          width: 800px;
-          height: 600px;
+          max-width: 800px;
+          height: auto;
           left: 50%;
           top: 50%;
           margin-left: -400px;

src/components/sale/exambill-form.vue

@@ -440,28 +440,23 @@
       <div
         style="
           position: absolute;
-          width: 800px;
-          height: 600px;
+          max-width: 800px;
+          height: auto;
           left: 50%;
           top: 50%;
           margin-left: -400px;
           transform: translateY(-50%);
         "
       >
-        <el-carousel
-          :initial-index="initialIndex"
-          height="600px"
-          :interval="5000"
-          trigger="click"
+        <el-image
+          style="width: 100%; height: 100%"
+          fit="cover"
+          v-for="(item, index) in picObj"
+          :key="index"
+          :src="item"
+          :preview-src-list="picObj"
         >
-          <el-carousel-item
-            style="height: 600px; overflow: auto"
-            v-for="(item, index) in picObj"
-            :key="index"
-          >
-            <img :src="item" style="" />
-          </el-carousel-item>
-        </el-carousel>
+        </el-image>
       </div>
     </div>
   </q-dialog>

src/components/sale/leavebill-form.vue

@@ -510,28 +510,23 @@
       <div
         style="
           position: absolute;
-          width: 800px;
-          height: 600px;
+          max-width: 800px;
+          height: auto;
           left: 50%;
           top: 50%;
           margin-left: -400px;
           transform: translateY(-50%);
         "
       >
-        <el-carousel
-          :initial-index="initialIndex"
-          height="600px"
-          :interval="5000"
-          trigger="click"
+        <el-image
+          style="width: 100%; height: 100%"
+          fit="cover"
+          v-for="(item, index) in picObj"
+          :key="index"
+          :src="item"
+          :preview-src-list="picObj"
         >
-          <el-carousel-item
-            style="height: 600px; overflow: auto"
-            v-for="(item, index) in picObj"
-            :key="index"
-          >
-            <img :src="item" style="" />
-          </el-carousel-item>
-        </el-carousel>
+        </el-image>
       </div>
     </div>
   </q-dialog>

src/components/sale/orderlist.vue

@@ -886,18 +886,27 @@
     <div v-if="isShowContract" class="_show_img_box" @click="(isShowContract = false), (imgViewList = [])">
       <div style="
             position: absolute;
-            width: 800px;
-            height: 600px;
+            max-width: 800px;
+            height: auto;
             left: 50%;
             top: 50%;
             margin-left: -400px;
             margin-top: -300px;
           ">
-        <el-carousel :initial-index="initialIndex" height="600px" :interval="5000" trigger="click">
+        <!-- <el-carousel :initial-index="initialIndex" height="600px" :interval="5000" trigger="click">
           <el-carousel-item style="height: 600px; overflow: auto" v-for="(item, index) in imgViewList" :key="index">
             <img :src="item" style="" />
           </el-carousel-item>
-        </el-carousel>
+        </el-carousel> -->
+        <el-image
+          style="width: 100%; height: 100%"
+          fit="cover"
+          v-for="(item, index) in imgViewList"
+          :key="index"
+          :src="item"
+          :preview-src-list="imgViewList"
+        >
+        </el-image>
       </div>
     </div>
   </div>

src/components/sale/ordertrans-form.vue

@@ -491,28 +491,23 @@
       <div
         style="
           position: absolute;
-          width: 800px;
-          height: 600px;
+          max-width: 800px;
+          height: auto;
           left: 50%;
           top: 50%;
           margin-left: -400px;
           transform: translateY(-50%);
         "
       >
-        <el-carousel
-          :initial-index="initialIndex"
-          height="600px"
-          :interval="5000"
-          trigger="click"
-        >
-          <el-carousel-item
-            style="height: 600px; overflow: auto"
+          <el-image
+            style="width: 100%; height: 100%"
+            fit="cover"
             v-for="(item, index) in picObj"
             :key="index"
+            :src="item"
+            :preview-src-list="picObj"
           >
-            <img :src="item" style="" />
-          </el-carousel-item>
-        </el-carousel>
+          </el-image>
       </div>
     </div>
   </q-dialog>

src/components/sale/stopbill-form.vue

@@ -610,28 +610,23 @@
       <div
         style="
           position: absolute;
-          width: 800px;
-          height: 600px;
+          max-width: 800px;
+          height: auto;
           left: 50%;
           top: 50%;
           margin-left: -400px;
           transform: translateY(-50%);
         "
       >
-        <el-carousel
-          :initial-index="initialIndex"
-          height="600px"
-          :interval="5000"
-          trigger="click"
+        <el-image
+          style="width: 100%; height: 100%"
+          fit="cover"
+          v-for="(item, index) in picObj"
+          :key="index"
+          :src="item"
+          :preview-src-list="picObj"
         >
-          <el-carousel-item
-            style="height: 600px; overflow: auto"
-            v-for="(item, index) in picObj"
-            :key="index"
-          >
-            <img :src="item" style="" />
-          </el-carousel-item>
-        </el-carousel>
+        </el-image>
       </div>
     </div>
   </q-dialog>

src/components/sale/temporaryClassbill-form.vue

@@ -562,28 +562,23 @@
       <div
         style="
           position: absolute;
-          width: 800px;
-          height: 600px;
+          max-width: 800px;
+          height: auto;
           left: 50%;
           top: 50%;
           margin-left: -400px;
           transform: translateY(-50%);
         "
       >
-        <el-carousel
-          :initial-index="initialIndex"
-          height="600px"
-          :interval="5000"
-          trigger="click"
+        <el-image
+          style="width: 100%; height: 100%"
+          fit="cover"
+          v-for="(item, index) in picObj"
+          :key="index"
+          :src="item"
+          :preview-src-list="picObj"
         >
-          <el-carousel-item
-            style="height: 600px; overflow: auto"
-            v-for="(item, index) in picObj"
-            :key="index"
-          >
-            <img :src="item" style="" />
-          </el-carousel-item>
-        </el-carousel>
+        </el-image>
       </div>
     </div>
   </q-dialog>

src/components/sale/zujuanbill-form.vue

@@ -432,28 +432,23 @@
       <div
         style="
           position: absolute;
-          width: 800px;
-          height: 600px;
+          max-width: 800px;
+          height: auto;
           left: 50%;
           top: 50%;
           margin-left: -400px;
           transform: translateY(-50%);
         "
       >
-        <el-carousel
-          :initial-index="initialIndex"
-          height="600px"
-          :interval="5000"
-          trigger="click"
+        <el-image
+          style="width: 100%; height: 100%"
+          fit="cover"
+          v-for="(item, index) in picObj"
+          :key="index"
+          :src="item"
+          :preview-src-list="picObj"
         >
-          <el-carousel-item
-            style="height: 600px; overflow: auto"
-            v-for="(item, index) in picObj"
-            :key="index"
-          >
-            <img :src="item" style="" />
-          </el-carousel-item>
-        </el-carousel>
+        </el-image>
       </div>
     </div>
   </q-dialog>

src/components/teacher/provisionalInviteForm.vue

@@ -420,28 +420,23 @@
         <div
           style="
             position: absolute;
-            width: 800px;
-            height: 600px;
+            max-width: 800px;
+            height: auto;
             left: 50%;
             top: 50%;
             margin-left: -400px;
             margin-top: -300px;
           "
         >
-          <el-carousel
-            :initial-index="initialIndex"
-            height="600px"
-            :interval="5000"
-            trigger="click"
+          <el-image
+            style="width: 100%; height: 100%"
+            fit="cover"
+            v-for="(item, index) in picObj"
+            :key="index"
+            :src="item"
+            :preview-src-list="picObj"
           >
-            <el-carousel-item
-              style="height: 600px; overflow: auto"
-              v-for="(item, index) in picObj"
-              :key="index"
-            >
-              <img :src="item" style="" />
-            </el-carousel-item>
-          </el-carousel>
+          </el-image>
         </div>
       </div>
     </q-card>

src/components/teacher/stopLessonForm.vue

@@ -162,28 +162,23 @@
         <div
           style="
             position: absolute;
-            width: 800px;
-            height: 600px;
+            max-width: 800px;
+            height: auto;
             left: 50%;
             top: 50%;
             margin-left: -400px;
             margin-top: -300px;
           "
         >
-          <el-carousel
-            :initial-index="initialIndex"
-            height="600px"
-            :interval="5000"
-            trigger="click"
+          <el-image
+            style="width: 100%; height: 100%"
+            fit="cover"
+            v-for="(item, index) in picObj"
+            :key="index"
+            :src="item"
+            :preview-src-list="picObj"
           >
-            <el-carousel-item
-              style="height: 600px; overflow: auto"
-              v-for="(item, index) in picObj"
-              :key="index"
-            >
-              <img :src="item" style="" />
-            </el-carousel-item>
-          </el-carousel>
+          </el-image>
         </div>
       </div>
     </q-card>