取消物资图片的fit="cover"属性

src/views/mes/dv/technology/technologyList/index.vue

@@ -141,7 +141,7 @@
                   :zoom-rate="1.2"
                   :preview-src-list="[scope.row.machineryImg]"
                   :initial-index="1"
-                  fit="cover" >
+                   >
                 </el-image>
                 <i class="el-icon-zoom-in" id="eyeicon"></i>
               </div>

src/views/mes/material/collectionmanagement/index.vue

@@ -189,7 +189,7 @@
               :zoom-rate="1.2"
               :preview-src-list="[scope.row.materialsTypePicture]"
               :initial-index="1"
-              fit="cover"
+
             >
             </el-image>
             <i class="el-icon-zoom-in" id="eyeicon"></i>

src/views/mes/material/inspectionplan/index.vue

@@ -364,7 +364,7 @@
                 :zoom-rate="1.2"
                 :preview-src-list="[scope.row.signatureImg]"
                 :initial-index="1"
-                fit="cover"
+
               >
               </el-image>
               <i class="el-icon-zoom-in" id="eyeicon"></i>

src/views/mes/material/lockers/index.vue

@@ -230,7 +230,7 @@
                   :zoom-rate="1.2"
                   :preview-src-list="[scope.row.cabinetPicture]"
                   :initial-index="1"
-                  fit="cover"
+
                 >
                 </el-image>
                 <i class="el-icon-zoom-in" id="eyeicon"></i>

src/views/mes/material/materialinformation/index.vue

@@ -256,7 +256,7 @@
               :zoom-rate="1.2"
               :preview-src-list="[scope.row.materialsTypePicture]"
               :initial-index="1"
-              fit="cover"
+
             >
             </el-image>
             <i class="el-icon-zoom-in" id="eyeicon"></i>
@@ -462,7 +462,7 @@
                   :zoom-rate="1.2"
                   :preview-src-list="[form.materialsTypePicture]"
                   :initial-index="1"
-                  fit="cover"
+                  
                 >
                 </el-image>
                 <i class="el-icon-zoom-in" id="eyeicon"></i>
@@ -561,6 +561,7 @@
         >
           <template slot-scope="scope">
             <img
+              style
               v-if="scope.row.materialsTypePicture"
               :src="scope.row.materialsTypePicture"
               alt=""

src/views/mes/pdf/Pdf.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <!-- 使用 iframe 加载 PDF 文件 -->
+    <iframe
+      :src="file"
+      width="100%"
+      height="800px"
+      style="border: none;"
+    ></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      file: null, // PDF 文件的 URL
+    };
+  },
+  created() {
+    // 从路由 query 参数中获取 PDF 文件 URL
+    this.file = this.$route.query.file;
+  },
+};
+</script>
+
+<style scoped>
+/* 添加一些样式以适应你的需求 */
+iframe {
+  width: 100%;
+  height: 100vh; /* 使 iframe 占满整个视口高度 */
+  border: none; /* 去除 iframe 的边框 */
+}
+</style>