| | |
| | | right: 52px; |
| | | top: 22px; |
| | | } |
| | | |
| | | .btns{ |
| | | position: absolute; |
| | | right: 100px; |
| | | top: 17px; |
| | | } |
| | | |
| | | .fullscreen{ |
| | | height:82vh |
| | | } |
| | | </style> |
| | | |
| | | <template> |
| | |
| | | <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> |
| | |
| | | upIndex: 0, |
| | | statusList: [], |
| | | claimVisible: false, |
| | | issuedVisible: false, |
| | | approveVisible: false, |
| | | fullscreen:false, |
| | | value:`` |
| | | } |
| | |
| | | this.refreshTable() |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | handleIssued(row){ |
| | | this.issuedVisible = true; |
| | | }, |
| | | handleApprove(row){ |
| | | this.approveVisible = true; |
| | | }, |
| | | } |
| | | } |
| | | </script> |