图片调整

src/components/OssImageUpload/index.vue

@@ -33,7 +33,7 @@
       的文件
     </div>
 
-    <el-dialog v-model:visible="dialogVisible" title="预览" width="800" append-to-body>
+    <el-dialog v-model="dialogVisible" title="预览" width="800" append-to-body>
       <img :src="dialogImageUrl" style="display: block; max-width: 100%; margin: 0 auto" />
     </el-dialog>
   </div>

src/views/contentManage/video/index.vue

@@ -71,7 +71,14 @@
         <el-table-column label="点赞数量" prop="likeCounts" align="center" width="100" />
         <el-table-column label="封面图片" align="center" width="200">
           <template #default="{ row }">
-            <img alt="封面图片" style="max-width: 20%; max-height: 20%" :src="row.firstFrameImg" />
+            <el-image
+              v-if="row.firstFrameImg"
+              :src="row.firstFrameImg"
+              fit="cover"
+              :preview-teleported="true"
+              :preview-src-list="[row.firstFrameImg]"
+              :style="{ width: '50px', height: '50px' }"
+            />
           </template>
         </el-table-column>
         <el-table-column label="时间" align="center" prop="createTime" width="180" />

src/views/darrenorder/index.vue

@@ -28,8 +28,8 @@
 
     <el-card shadow="hover">
       <el-table v-loading="loading" border :data="tenantList">
-        <el-table-column type="selection" width="55" align="center" />
+        <!-- <el-table-column type="selection" width="55" align="center" />
-        <el-table-column v-if="false" label="id" align="center" prop="id" />
+        <el-table-column v-if="false" label="id" align="center" prop="id" /> -->
         <el-table-column label="团长姓名" align="center" prop="spreadUserName" />
         <el-table-column label="用户手机号" align="center" prop="phoneHidden" />
         <el-table-column label="订单号" align="center" prop="orderSn" />

src/views/pms/product/AddProduct.vue

@@ -83,7 +83,7 @@
           </div>
         </template>
         <el-form-item label="主图" prop="pic">
-          <oss-image-upload v-model="form.pic" :limit="1"></oss-image-upload>
+          <oss-image-upload v-model="form.pic" :limit="1" class="img-upload-mini"></oss-image-upload>
         </el-form-item>
         <el-form-item label="轮播图" prop="albumPics">
           <oss-image-upload v-model="albumPics" :limit="5" class="img-upload-mini"></oss-image-upload>
@@ -582,15 +582,15 @@ export default {
             display flex
             align-items center
   .img-upload-mini .el-upload--picture-card
-    width: 48px;
+    width: 108px;
-    height: 48px;
+    height: 108px;
     line-height: 57px;
   .hide  .el-upload-list--picture-card .el-upload-list__item
-      width: 80px;
+      width: 108px;
-      height: 80px;
+      height: 108px;
       margin-bottom: 0;
       margin-right: 8px;
   .el-upload-list--picture-card .el-upload-list__item
-    width: 80px;
+    width: 108px;
-    height:80px;
+    height:108px;
 </style>

src/views/pms/product/index.vue

@@ -63,7 +63,7 @@
           <el-table-column label="商品分类" prop="productCategoryName" align="center"> </el-table-column>
           <el-table-column label="商品封面图" prop="pic" width="100" align="center">
             <template v-slot="scope">
-              <el-image v-if="scope.row.pic" :src="scope.row.pic" class="small-img" />
+              <el-image v-if="scope.row.pic" :src="scope.row.pic" class="small-img" :preview-teleported="true" :preview-src-list="[scope.row.pic]" />
             </template>
           </el-table-column>
           <el-table-column label="商品轮播图" prop="albumPics" width="100" align="center">