From ebafa0caac76450802535f0952457e86c4ea2962 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期三, 03 四月 2024 17:05:55 +0800
Subject: [PATCH] 测试在线编制

---
 src/components/view/b1-report-preparation.vue |   59 +++++++++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 51 insertions(+), 8 deletions(-)

diff --git a/src/components/view/b1-report-preparation.vue b/src/components/view/b1-report-preparation.vue
index 753b297..d56cb4d 100644
--- a/src/components/view/b1-report-preparation.vue
+++ b/src/components/view/b1-report-preparation.vue
@@ -72,6 +72,7 @@
 					<el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
 				</div>
 			</div>
+      <!-- <input id="input" type="file" accept=".doc,.docx"></input> -->
 			<div class="table">
 				<ValueTable ref="ValueTable" :url="$api.insReport.pageInsReport" :componentData="componentData"
 					:key="upIndex"/>
@@ -82,7 +83,7 @@
         <i class="el-icon-full-screen" style="cursor: pointer;font-size: 18px" @click="fullscreen=true;" v-if="!fullscreen"></i>
         <img src="../../../static/img/no-full.svg" alt="" v-else style="cursor: pointer;" @click="fullscreen=false;" >
       </div>
-      <Word :style="fullscreen?'height:83vh':'height:70vh'" v-if="claimVisible" ref="Word" :value="value"/>
+      <Word :style="{height:fullscreen?'82':'70'+'vh'}" v-if="claimVisible" ref="Word" :value="value"/>
 			<span slot="footer" class="dialog-footer">
 				<el-button @click="claimVisible = false">鍙� 娑�</el-button>
 				<el-button type="primary" @click="confirmClaim">纭� 瀹�</el-button>
@@ -94,7 +95,8 @@
 <script>
   import ValueTable from '../tool/value-table.vue'
   import Word from '../tool/word.vue'
-  // import convertFileToHtml from '../../util/file';
+  import file from '../../util/file';
+  import { convertToHtml } from 'mammoth';
 	export default {
 		components: {
 			ValueTable,
@@ -198,12 +200,39 @@
         statusList: [],
         claimVisible: false,
         fullscreen:false,
-        value:''
+        value:``
       }
     },
     mounted() {
       this.entityCopy = this.HaveJson(this.componentData.entity)
       this.getPower()
+
+      // let that = this;
+      // let input = document.getElementById('input');
+      // input.onchange = function(){
+      //   let file = this.files[0];
+      //   let reader = new FileReader();
+      //   reader.readAsArrayBuffer(file);
+      //   reader.onload = function(loadEvent){
+      //     convertToHtml({
+      //     arrayBuffer: loadEvent.target.result })
+      //     .then(res=>{
+      //       that.value = res.value
+      //         .replace('<h1>', '<h1 style="text-align: center;">')
+      //         .replace('<h2>', '<h2 style="text-align: center;">')
+      //         .replace('<img ','<img style="height:3.6cm;width:3.6cm"')
+      //         .replace(/<table>/g, '<table style="border-collapse: collapse;border: 1px solid #000;">')
+      //         .replace(/<tr>/g, '<tr style="height: 30px;">')
+      //         .replace(/<td>/g, '<td style="border: 1px solid #000;">')
+      //         .replace(/<p>/g, '<p style="text-indent: 2em;">')
+      //         .replace(/<a [^>]*>/g, "")
+      //         .replace(/<\/a>/g, "")
+      //       console.log(11111111111,that.value)
+      //       that.claimVisible = true;
+      //     })
+      //     .done();
+      //   }
+      // }
     },
     methods: {
       refreshTable() {
@@ -213,8 +242,22 @@
         this.componentData.entity = this.HaveJson(this.entityCopy)
         this.upIndex++
       },
-      handleWeave() {
-        this.claimVisible = true;
+      async handleWeave(row) {
+        // this.value = await file.convertFileToHtml(row.url)
+        // this.claimVisible = true;
+        this.$axios.post(this.$api.insReport.wordToHtml, {
+          path:row.url
+          }).then(res => {
+					if (res.code === 200) {
+            // console.log(11111111,res.data)
+            this.value = res.data.replace(/<a [^>]*>/g, "")
+              .replace(/<\/a>/g, "").replace(/&nbsp;/g, "&nbsp;&nbsp;");
+            this.claimVisible = true;
+					}
+
+				}).catch(error => {
+					console.error(error)
+				})
       },
       // 鏉冮檺鍒嗛厤
       getPower(radio) {
@@ -238,10 +281,10 @@
         this.upLoad = false;
       },
       confirmClaim() {
-        console.log(this.$refs.Word.getValue())
+        // console.log(this.$refs.Word.getValue())
       },
-      selectAllByOne(row){
-        console.log(row);
+      async selectAllByOne(row){
+        console.log(row,await file.convertFileToHtml(row.url));
       }
     }
   }

--
Gitblit v1.9.3