licp
2024-04-10 0344815be8346d6c088415d3e3cb420963ece70e
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>
@@ -83,11 +93,31 @@
        <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="{height:fullscreen?'82':'70'+'vh'}" 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>
@@ -203,6 +233,8 @@
        upIndex: 0,
        statusList: [],
        claimVisible: false,
        issuedVisible: false,
        approveVisible: false,
        fullscreen:false,
        value:``
      }
@@ -325,7 +357,13 @@
            this.refreshTable()
               }
            })
      }
      },
      handleIssued(row){
        this.issuedVisible = true;
      },
      handleApprove(row){
        this.approveVisible = true;
      },
    }
  }
</script>