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