Kaynağa Gözat

delete comment

yinbangzhong 2 yıl önce
ebeveyn
işleme
dab148db45

+ 28 - 28
src/views/dmx/knowledgeLib/components/docx.vue

@@ -1,42 +1,42 @@
 <template>
-  <!-- <vue-office-docx
+  <vue-office-docx
     :src="previewSrc"
     :style="comStyle"
     @rendered="renderedHandler"
     @error="errorHandler"
-  /> -->
+  />
 </template>
 
 <script setup>
-//	获取父组件传递的资源url
-// const props = defineProps({
-//   previewSrc: {
-//     type: String,
-//     required: false,
-//     default: () => '',
-//   },
-// });
-// //引入VueOfficeDocx组件相关
-// import VueOfficeDocx from '@vue-office/docx';
-// import '@vue-office/docx/lib/index.css';
+  //	获取父组件传递的资源url
+  const props = defineProps({
+    previewSrc: {
+      type: String,
+      required: false,
+      default: () => '',
+    },
+  });
+  //引入VueOfficeDocx组件相关
+  import VueOfficeDocx from '@vue-office/docx';
+  import '@vue-office/docx/lib/index.css';
 
-// const comStyle = {
-//   width: '100%',
-//   height: '100%',
-// };
+  const comStyle = {
+    width: '100%',
+    height: '100%',
+  };
 
-// const renderedHandler = () => {
-//   console.log('rendered');
-// };
-// const errorHandler = (err) => {
-//   console.log('error', err);
-// };
+  const renderedHandler = () => {
+    console.log('rendered');
+  };
+  const errorHandler = (err) => {
+    console.log('error', err);
+  };
 </script>
 
 <style scoped lang="less">
-.aUpload {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
+  .aUpload {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
 </style>

+ 28 - 29
src/views/dmx/knowledgeLib/components/excel.vue

@@ -1,43 +1,42 @@
 <template>
-  <!-- <vue-office-excel
+  <vue-office-excel
     :src="previewSrc"
     :style="comStyle"
     @rendered="renderedHandler"
     @error="errorHandler"
-  /> -->
+  />
 </template>
 
 <script setup>
-//	获取父组件传递的资源url
-// 引入VueOfficeExcel组件相关
-// import VueOfficeExcel from "@vue-office/excel";
-// import "@vue-office/excel/lib/index.css";
+  //	获取父组件传递的资源url
+  const props = defineProps({
+    previewSrc: {
+      type: String,
+      required: false,
+      default: () => '',
+    },
+  });
+  //引入VueOfficeExcel组件相关
+  import VueOfficeExcel from '@vue-office/excel';
+  import '@vue-office/excel/lib/index.css';
 
-// const props = defineProps({
-//   previewSrc: {
-//     type: String,
-//     required: false,
-//     default: () => "",
-//   },
-// });
+  const comStyle = {
+    width: '100%',
+    height: '100%',
+  };
 
-// const comStyle = {
-//   width: "100%",
-//   height: "100%",
-// };
-
-// const renderedHandler = () => {
-//   console.log("rendered");
-// };
-// const errorHandler = (err) => {
-//   console.log("error", err);
-// };
+  const renderedHandler = () => {
+    console.log('rendered');
+  };
+  const errorHandler = (err) => {
+    console.log('error', err);
+  };
 </script>
 
 <style scoped lang="less">
-.aUpload {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
+  .aUpload {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
 </style>

+ 26 - 26
src/views/dmx/knowledgeLib/components/txtPdf.vue

@@ -3,35 +3,35 @@
 </template>
 
 <script setup>
-//	获取父组件传递的资源url
-// const props = defineProps({
-//   previewSrc: {
-//     type: String,
-//     required: false,
-//     default: () => '',
-//   },
-// });
-// //引入VueOfficeExcel组件相关
-// import VueOfficeExcel from '@vue-office/excel';
-// import '@vue-office/excel/lib/index.css';
+  //	获取父组件传递的资源url
+  const props = defineProps({
+    previewSrc: {
+      type: String,
+      required: false,
+      default: () => '',
+    },
+  });
+  //引入VueOfficeExcel组件相关
+  import VueOfficeExcel from '@vue-office/excel';
+  import '@vue-office/excel/lib/index.css';
 
-// const comStyle = {
-//   width: '100%',
-//   height: '100%',
-// };
+  const comStyle = {
+    width: '100%',
+    height: '100%',
+  };
 
-// const renderedHandler = () => {
-//   console.log('rendered');
-// };
-// const errorHandler = (err) => {
-//   console.log('error', err);
-// };
+  const renderedHandler = () => {
+    console.log('rendered');
+  };
+  const errorHandler = (err) => {
+    console.log('error', err);
+  };
 </script>
 
 <style scoped lang="less">
-.aUpload {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
+  .aUpload {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
 </style>