From 2b4272b2372187107f0fbdb2dbe8d0cd50ea4060 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期二, 09 四月 2024 10:31:20 +0800
Subject: [PATCH] 完成多行动态合并功能
---
src/components/view/b1-report-preparation.vue | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 100 insertions(+), 17 deletions(-)
diff --git a/src/components/view/b1-report-preparation.vue b/src/components/view/b1-report-preparation.vue
index 753b297..a2cd4a1 100644
--- a/src/components/view/b1-report-preparation.vue
+++ b/src/components/view/b1-report-preparation.vue
@@ -72,17 +72,18 @@
<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"/>
</div>
</div>
- <el-dialog title="鍦ㄧ嚎缂栧埗" :visible.sync="claimVisible" width="25cm" :modal-append-to-body="false" :fullscreen="fullscreen">
+ <el-dialog title="鍦ㄧ嚎缂栧埗" :visible.sync="claimVisible" width="22cm" :modal-append-to-body="false" :fullscreen="fullscreen">
<div class="full-screen">
<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,
@@ -130,13 +132,17 @@
}, {
id: 'handleUpload',
font: '涓婁紶',
- type: 'text',
+ type: 'upload',
+ uploadConfig:{
+ url:this.$api.insReport.inReport,
+ accept:'.docx'
+ },
method: 'handleUpload',
disabFun: (row, index) => {
return row.isExamine != null
}
}, {
- id: 'handlRestore',
+ id: 'handleRestore',
font: '杩樺師',
type: 'text',
method: 'handleRestore',
@@ -198,12 +204,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,35 +246,85 @@
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.urlS?row.urlS:row.url
+ }).then(res => {
+ if (res.code === 200) {
+ // console.log(11111111,res.data)
+ this.value = res.data
+ .replace(/<a [^>]*>/g, "")
+ .replace(/<\/a>/g, "")
+ .replace(/ /g, " ");
+ this.claimVisible = true;
+ }
+
+ }).catch(error => {
+ console.error(error)
+ })
},
// 鏉冮檺鍒嗛厤
getPower(radio) {
let power = JSON.parse(sessionStorage.getItem('power'))
+ let edit = false
let up = false
- let del = false
- let add = false
+ let res = false
+ let issued = false
+ let approve = false
for (var i = 0; i < power.length; i++) {
- if (power[i].menuMethod == 'upInsOrder') {
+ if (power[i].menuMethod == 'upReportFile') {
+ edit = true
+ }
+ if (power[i].menuMethod == 'inReport') {
up = true
}
- if (power[i].menuMethod == 'addInsOrder') {
- add = true
+ if (power[i].menuMethod == 'upReportUrl') {
+ res = true
}
}
- if (!up) {
+ if (!approve) {
+ this.componentData.do.splice(5, 1)
+ }
+ if (!issued) {
this.componentData.do.splice(4, 1)
+ }
+ if (!res) {
+ this.componentData.do.splice(3, 1)
+ }
+ if (!up) {
+ this.componentData.do.splice(2, 1)
+ }
+ if (!edit) {
+ this.componentData.do.splice(0, 1)
}
},
handleClose() {
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));
+ },
+ download(row){
+ let url = row.urlS?row.urlS:row.url;
+ const link = document.createElement('a');
+ link.href = this.javaApi + url;
+ document.body.appendChild(link);
+ link.click();
+ },
+ handleRestore(row){
+ this.$axios.post(this.$api.insReport.upReportUrl, {
+ id:row.id
+ }).then(res => {
+ if (res.code === 200) {
+ this.$message.success('鎿嶄綔鎴愬姛')
+ this.refreshTable()
+ }
+ })
}
}
}
--
Gitblit v1.9.3