完成检验项目统计前端页面

licp

2024-04-11 f798ddf028ff583492cfec9d04d2530de54f46eb

 src/components/view/b1-report-preparation.vue

@@ -44,6 +44,16 @@
    right: 52px;
    top: 22px;
  }

  .btns{
    position: absolute;
    right: 100px;
    top: 17px;
  }

  .fullscreen{
    height:82vh
  }
</style>

<template>
@@ -72,21 +82,42 @@
               <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:70vh" :class="{fullscreen:fullscreen}" 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>
         </span>
      </el-dialog>
    <el-dialog title="报告审核" :visible.sync="issuedVisible" 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>
      <div class="btns">
        <el-button type="primary" size="small">通过</el-button>
        <el-button size="small">不通过</el-button>
      </div>
      </el-dialog>
    <el-dialog title="报告批准" :visible.sync="approveVisible" 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>
      <div class="btns">
        <el-button type="primary" size="small">批准</el-button>
        <el-button size="small">不批准</el-button>
      </div>
      </el-dialog>
   </div>
</template>
@@ -94,7 +125,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 +162,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',
@@ -197,13 +233,42 @@
        upIndex: 0,
        statusList: [],
        claimVisible: false,
        issuedVisible: false,
        approveVisible: 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,36 +278,92 @@
        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(/&nbsp;/g, "&nbsp;&nbsp;");
            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()
               }
            })
      },
      handleIssued(row){
        this.issuedVisible = true;
      },
      handleApprove(row){
        this.approveVisible = true;
      },
    }
  }
</script>