弹出框样式调整

src/assets/css/common.css

@@ -753,4 +753,18 @@ padding-left: 30px;
 }
 #business_container .m-review .eContainer .c-page-container-div .el-form {
   height: 100% !important;
+}
+.el-dialog__wrapper {
+  overflow: hidden;
+  height: 100%;
+}
+.el-dialog--center {
+  height: 70%;
+  overflow: auto;
+}
+.el-dialog--center .el-dialog__body {
+  height: 100%;
+}
+.el-dialog--center .el-dialog__body>div{
+  height: 100%;
 }
\ No newline at end of file

src/components/business/docpan/views/index.vue

@@ -2,7 +2,7 @@
   <div class="eibs-tab">
     <c-col :span="24" style="">
       <el-table :data="stmData.data">
-        <el-table-column label="介质" width="110px">
+        <el-table-column label="介质" min-width="110px">
           <template slot-scope="scope">
             <el-form-item
               label-width="0"
@@ -25,7 +25,7 @@
             </el-form-item>
           </template>
         </el-table-column>
-        <el-table-column label="报文格式" width="150px">
+        <el-table-column label="报文格式" min-width="150px">
           <template slot-scope="scope">
             <c-select
               v-model="scope.row.docsnf"
@@ -43,7 +43,7 @@
             </c-select>
           </template>
         </el-table-column>
-        <el-table-column label="语言" width="150px">
+        <el-table-column label="语言" min-width="150px">
           <template slot-scope="scope">
             <c-select
               v-model="scope.row.docuil"
@@ -60,7 +60,7 @@
             </c-select>
           </template>
         </el-table-column>
-        <el-table-column label="传送方式" width="110px">
+        <el-table-column label="传送方式" min-width="110px">
           <template slot-scope="scope">
             <el-form-item
               label-width="0"
@@ -83,7 +83,7 @@
             </el-form-item>
           </template>
         </el-table-column>
-        <el-table-column label="发送份数" width="70">
+        <el-table-column label="发送份数" min-width="70">
           <template slot-scope="scope">
             <c-input
               v-model="scope.row.apfcpy1"
@@ -94,7 +94,7 @@
             </c-input>
           </template>
         </el-table-column>
-        <el-table-column label="抄送份数" width="70">
+        <el-table-column label="抄送份数" min-width="70">
           <template slot-scope="scope">
             <c-input
               v-model="scope.row.apfcpy2"
@@ -104,7 +104,7 @@
             </c-input>
           </template>
         </el-table-column>
-        <el-table-column label="" width="110px">
+        <el-table-column label="" min-width="110px">
           <template slot-scope="scope">
             <el-form-item
               label-width="0"
@@ -478,7 +478,7 @@
       </el-dialog>
     </template>
     <!-- el-dialog和el-tab-pane配合使用版本不对，el-dialog在关闭时候会导致浏览器卡死，用slot title替换掉el-dialog默认自带的关闭按钮，参照文档https://www.jianshu.com/p/63cbaa172351/ -->
-    <el-dialog  v-if="previewVisible" :visible.sync="dialogVisible" center class="preview" :show-close="false"  width="70%">
+    <el-dialog :modal-append-to-body="false" :show-close="false" v-if="previewVisible" :visible.sync="previewVisible" center class="preview" width="70%" destroy-on-close v-dialogDrag>
       <div slot="title" class="dialog-title">
         <span>预览</span>
         <i class="el-icon-close" style="float:right;" @click="previewVisible=false"></i>
@@ -949,9 +949,20 @@ export default {
   width: 100%;
   height: calc(100% - 54px);
 }
-.preview /deep/ .el-dialog--center .el-dialog_body div {
+.preview /deep/ .el-dialog--center {
+  height: 70%;
+  overflow: hidden;
+}
+.preview /deep/ .el-dialog--center .el-dialog__body {
+  height: 100%;
+}
+.preview /deep/ .el-dialog--center .el-dialog__body>div{
   height: 100%;
 }
+.preview /deep/ .el-tabs .el-tabs__content {
+  height: 80%;
+  overflow: auto;
+}
 .preMessage /deep/ .el-textarea__inner {
     font-size: 14px !important;
     font-family: math !important;