合同模版预览

src/router/modules/remaining.ts

@@ -713,6 +713,18 @@ const remainingRouter: AppRouteRecordRaw[] = [
           title: '新增客户投诉',
           activeMenu: '/crm/customer-complaints'
         }
+      },
+      {
+        path: 'filetemplate/previewDoc',
+        component: () => import('@/views/crm/filetemplate/previewDoc.vue'),
+        name: 'FileTemplatePreviewDoc',
+        meta: {
+          noCache: true,
+          hidden: true,
+          canTo: true,
+          title: '合同预览',
+          activeMenu: '/crm/filetemplate'
+        }
       }
     ]
   },

src/views/crm/filetemplate/previewDoc.vue

@@ -0,0 +1,16 @@
+<template>
+
+  <ContentWrap :bodyStyle="{ padding: '0px' }" class="!mb-0">
+    <IFrame :src="src" />
+  </ContentWrap>
+</template>
+<script lang="ts" setup>
+
+defineOptions({ name: 'previewDoc' })
+
+const { query } = useRoute() // 查询参数
+
+
+const src = ref('https://view.officeapps.live.com/op/embed.aspx?src='+query.src)
+
+</script>