【供应商附件管理】增加图片、pdf预览功能

src/views/purchase/SupAtttachment/index.vue

@@ -57,11 +57,15 @@ export default {
       }
     },
     useDbclick(row) {
-      window.open(row.url);
-      // var oA = document.createElement("a"); //创建a标签
-      // oA.href = row.url; //添加 href 属性
-      // oA.target = "_blank"; //添加 target 属性
-      // oA.click(); //模拟点击
+      // window.open(row.url);
+      let [url, isPreview] = row.url.split("?");
+      let [isView, value] = isPreview.split("=");
+      window.open(`${url}?${isView}=${false}`);
+    },
+    usePreview(row) {
+      let [url, isPreview] = row.url.split("?");
+      let [isView, value] = isPreview.split("=");
+      window.open(`${url}?${isView}=${true}`);
     },
   },
   async created() {
@@ -97,6 +101,9 @@ export default {
           <el-button type="text" @click="useDbclick(scope.row)" :size="size"
             >下载</el-button
           >
+          <el-button type="text" @click="usePreview(scope.row)" :size="size"
+            >预览</el-button
+          >
         </template>
       </ux-table-column>
     </el-super-ux-table>