调整在线编制报告页面

licp

2024-04-03 c9303f5f4ff471081bdeb6ed2c15448a77adfb22

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

@@ -38,6 +38,12 @@
   .el-form-item {
      margin-bottom: 16px;
   }

  .full-screen{
    position: absolute;
    right: 52px;
    top: 22px;
  }
</style>

<template>
@@ -77,8 +83,12 @@
               :key="upIndex" @handleWeave="handleWeave"/>
         </div>
      </div>
    <el-dialog title="在线编制" :visible.sync="claimVisible" width="80%" :modal-append-to-body="false">
      <Word style="height:70vh" v-if="claimVisible" ref="Word"/>
    <el-dialog title="在线编制" :visible.sync="claimVisible" width="25cm" :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"/>
         <span slot="footer" class="dialog-footer">
            <el-button @click="claimVisible = false">取 消</el-button>
            <el-button type="primary" @click="confirmClaim">确 定</el-button>
@@ -90,6 +100,7 @@
<script>
   import ValueTable from '../tool/value-table.vue'
  import Word from '../tool/word.vue'
  // import convertFileToHtml from '../../util/file';
   export default {
      components: {
         ValueTable,
@@ -188,14 +199,22 @@
            entityCopy: {},
            upIndex: 0,
        statusList:[],
        claimVisible:false
        claimVisible:false,
        fullscreen:false,
        value:''
         }
      },
    watch:{
      claimVisible(val){
        this.fullscreen = false;
      }
    },
      mounted() {
         this.entityCopy = this.HaveJson(this.componentData.entity)
         this.getPower()
      },
      methods: {
      // ...convertFileToHtml(),
         refreshTable() {
            this.$refs['ValueTable'].selectList()
         },