资产图片预览旋转

src/views/assetManage/inventory/index.vue

@@ -129,13 +129,19 @@
             <div class="asset-image-wrapper">
               <div v-if="assetImageList.length > 0" class="asset-image-scroll">
                 <div v-for="(item, index) in assetImageList" :key="item.id || index" class="image-item">
-                  <img :src="item.imgUrl" alt="资产图片" class="preview-img">
+                  <!-- <img :src="item.imgUrl" alt="资产图片" class="preview-img" @click="openPreview(item.imgUrl)" > -->
+                  <el-image
+                    class="preview-img"
+                    :src="item.imgUrl"
+                    fit="contain"
+                    :preview-src-list="assetImageList.map(img => img.imgUrl)"
+                    :preview-initial-index="index"
+                  />
                   <div class="delete-btn" @click="deleteAssetImage(item.id, index)">
                     <i class="el-icon-close" />
                   </div>
                 </div>
               </div>
-
               <div v-else class="default-img">
                 <img :src="require('@/assets/images/system/default-img2.png')" alt="默认图片">
               </div>
@@ -144,6 +150,7 @@
         </div>
       </div>
     </el-dialog>
+
   </div>
 </template>
 
@@ -615,4 +622,25 @@ export default {
     margin-top: 30px;
   }
 }
+
+.preview-dialog{
+   ::v-deep .el-dialog {
+    width: 1300px !important;
+    .el-dialog__body{
+      padding: 10px 0 30px 0 !important;
+    }
+    // .preview-content{
+    //   height: calc(100vh - 330px) !important;
+    //   overflow: hidden !important;
+    //   overflow-y: auto !important;
+    //   border: none !important;
+    //   .el-form-item__label{
+    //     color: #0C0E1E !important;
+    //   }
+    // }
+    // .dialog-footer{
+    //   margin-top: 10px !important;
+    // }
+  }
+}
 </style>

src/views/assetManage/stocktaking/index.vue

@@ -279,10 +279,10 @@
             <el-table-column prop="capitalStatus" label="资产状态" min-width="100px" />
             <el-table-column prop="capitaltypename" label="资产类型" min-width="100px" />
             <el-table-column prop="departmentname" label="使用部门" min-width="260px" :show-overflow-tooltip="true" />
-            <el-table-column prop="resourcename" label="使用人" min-width="100px" />
+            <el-table-column prop="resourcename" label="使用人" min-width="100px" :show-overflow-tooltip="true" />
             <!-- <el-table-column prop="blongsubcompanyname" label="所属单位" min-width="180px" :show-overflow-tooltip="true" />
             <el-table-column prop="blongdepartmentname" label="所属部门" min-width="180px" :show-overflow-tooltip="true" /> -->
-            <el-table-column prop="glrname" label="管理人" min-width="100px" />
+            <el-table-column prop="glrname" label="管理人" min-width="100px" :show-overflow-tooltip="true" />
             <el-table-column prop="cfd" label="存放地" min-width="260px" :show-overflow-tooltip="true" />
           </el-table>
           <div style="margin-top: 10px; display: flex; justify-content: flex-end;">