word弹窗

src/components/pages/test/check/docxTemplateDialog.vue

@@ -5,6 +5,7 @@
     :title="dialogTitle"
     width="60%"
     top="10vh"
+    :fullscreen="true"
     :before-close="handleClose"
     class="dialog_diy"
     ref="docxTemplateDialogRef"
@@ -1258,18 +1259,19 @@ ${html}
 }
 
 .dialog_diy >>> .el-dialog__header {
-  background: #fff !important;
   padding: 15px 20px;
+	background-color: #454545 !important;
+	color: #fff !important;
 }
 
 .dialog_diy >>> .el-dialog__body {
-  height: calc(100% - 124px);
+  height: calc(100% - 54px);
   box-sizing: border-box;
   padding: 0px;
 }
 
 .dialog_diy >>> .el-dialog__title {
-  color: #000;
+  color: #fff;
 }
 
 .dialog_diy >>> .el-dialog__headerbtn {
@@ -1277,11 +1279,11 @@ ${html}
 }
 
 .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
-  color: #000;
+  color: #fff;
 }
 
 .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
-  color: #000;
+  color: #fff;
 }
 
 .dialog_diy >>> .el-dialog__body,
@@ -1291,23 +1293,26 @@ ${html}
 
 .box {
   width: 100%;
-  height: 70vh;
+  height: 100%;
   padding: 0 20px 15px;
   display: flex;
   box-sizing: border-box;
+	overflow: auto;
 }
 
 .b_left {
-  width: 630pt;
-  height: 100%;
+	flex: 1;
+	height: 100%;
   border: none;
   outline: none;
+	box-sizing: border-box;
+	padding-top: 20px;
 }
 
 .b_right {
   flex: 1;
-  /* min-width: 700px;
-  max-width: 700px; */
+  min-width: 700px;
+  max-width: 700px;
   height: 100%;
 }