From c9303f5f4ff471081bdeb6ed2c15448a77adfb22 Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期三, 03 四月 2024 11:08:05 +0800 Subject: [PATCH] 调整在线编制报告页面 --- src/components/view/b1-report-preparation.vue | 43 ++++++++++++++++++++++++++++++++++++++----- 1 files changed, 38 insertions(+), 5 deletions(-) diff --git a/src/components/view/b1-report-preparation.vue b/src/components/view/b1-report-preparation.vue index b38230a..c407f7b 100644 --- a/src/components/view/b1-report-preparation.vue +++ b/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> @@ -57,7 +63,7 @@ <div class="search_thing"> <div class="search_label">鐘舵�侊細</div> <div class="search_input"> - <el-select v-model="componentData.entity.status" placeholder="鍏ㄩ儴"> + <el-select v-model="componentData.entity.status" placeholder="鍏ㄩ儴" size="small"> <el-option v-for="item in statusList" :key="item.value" @@ -77,14 +83,28 @@ :key="upIndex" @handleWeave="handleWeave"/> </div> </div> + <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> + </span> + </el-dialog> </div> </template> <script> import ValueTable from '../tool/value-table.vue' + import Word from '../tool/word.vue' + // import convertFileToHtml from '../../util/file'; export default { components: { - ValueTable + ValueTable, + Word, }, data() { return { @@ -178,14 +198,23 @@ }, entityCopy: {}, upIndex: 0, - statusList:[] + statusList:[], + 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() }, @@ -193,7 +222,9 @@ this.componentData.entity = this.HaveJson(this.entityCopy) this.upIndex++ }, - handleWeave(){}, + handleWeave(){ + this.claimVisible = true; + }, // 鏉冮檺鍒嗛厤 getPower(radio) { let power = JSON.parse(sessionStorage.getItem('power')) @@ -213,9 +244,11 @@ } }, handleClose() { - this.upLoad = false; }, + confirmClaim(){ + console.log(11111111111,this.$refs.Word.getValue()) + } } } </script> -- Gitblit v1.9.3