style:样式修改

@@ -4,6 +4,7 @@
     <div slot="title" class="dialog_title" ref="dialogTitle">
       {{ title || '标题' }}
     </div>
+    <div class="regularHeight">
       <div class="editDialogBox-box">
         <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab">
           <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane>
@@ -81,8 +82,8 @@
           </el-row>
         </div>
       </div>
-    <div class="editDialogBox-box">
-      <div v-if="titleName == 'sjmx'" class="sjmx">
+      <div class="editDialogBox-box editDialogBox-con" v-if="titleName == 'sjmx'">
+        <div class="sjmx">
           <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList">
             <el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl">
               <div slot="label" class="tab-pane-item">
@@ -100,7 +101,10 @@
         <div v-if="titleName == 'xyjg'">
           <Xyjg :form-data='dataReport'></Xyjg>
         </div>
-      <JsonEditor :resultInfo="resultInfo" class="JsonEditor" v-if="titleName == 'xml'" />
+      </div>
+      <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'">
+        <JsonEditor :resultInfo="resultInfo" />
+      </div>
     </div>
     <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'sjmx'">
       <btn nativeType="cz" @click="dialogVisible = false">取 消</btn>
@@ -188,7 +192,6 @@ export default {
       }
     },
     handleTitleTab (val) {
-      console.log(val);
     },
     isShow (item) {
       this.dataReport = item;
@@ -269,6 +272,18 @@ export default {
 @import "~@/styles/mixin.scss";
 @import "~@/styles/dialogBox.scss";
 
+.regularHeight {
+  height: 80vh;
+  display: flex;
+  flex-direction: column;
+
+  .editDialogBox-con,
+  .JsonEditor {
+    flex: 1;
+    height: 100%;
+  }
+}
+
 /deep/.el-dialog__body {
   display: flex;
   flex-direction: column;
@@ -355,7 +370,6 @@ export default {
 }
 
 .edit-content {
-  height: 45vh;
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: 1px;

 <template>
-  <el-input type="textarea" :rows="6" disabled placeholder="配置参数" v-model="resultInfo">
+  <el-input type="textarea" :rows="6" placeholder="配置参数" v-model="resultInfo">
   </el-input>
 </template>
 <script>
@@ -16,9 +16,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
-/* jsoneditor右上角默认有一个链接,加css去掉了 */
 /deep/.el-textarea__inner {
-  min-height: 70vh !important;
+  height: 72vh !important;
+  border: none !important;
   background-color: #08346F !important;
   color: #ffffff;
   border: none !important;

@@ -105,7 +105,7 @@
 }
 
 /deep/.el-textarea__inner {
-  border: 1px solid #224C7C !important;
+  border: 1px solid #224C7C;
   margin: 0 0 10px 0 !important;
   width: 100% !important;
   color: #dadde3 !important;

@@ -199,11 +199,13 @@
   box-sizing: border-box;
   text-align: right;
 }
+
 // 修改弹框样式
-.modifydialog{
+.modifydialog {
   /deep/.el-dialog__header {
     text-align: center;
     margin-bottom: 10px;
+
     .el-dialog__title {
       color: white;
     }
@@ -212,29 +214,36 @@
   /deep/.el-form-item__label {
     color: white;
   }
+
   /deep/.el-input__inner {
     background-color: #07388b;
   }
+
   /deep/.el-input__inner {
     background: #07388b;
     border-radius: 2px;
     border: 1px solid #6bc1fc;
   }
+
   /deep/.el-textarea__inner {
     background: #07388b;
     color: #fff;
   }
+
   /deep/.el-form-item__label {
     color: #fff;
   }
+
   /deep/.el-dialog__headerbtn {
     position: absolute;
     top: 22px;
     right: 30px;
   }
+
   /deep/.el-dialog__header {
     text-align: center;
     margin-bottom: 10px;
+
     .el-dialog__title {
       color: white;
     }
@@ -242,7 +251,7 @@
 }
 
 // 角色配置
-.roleconfiguration{
+.roleconfiguration {
   /deep/.el-dialog__body {
     display: flex;
     flex-direction: column;
@@ -328,7 +337,6 @@
   }
 
   .edit-content {
-    height: 450px;
     overflow-y: auto;
     overflow-x: hidden;
     padding-right: 1px;
@@ -401,6 +409,7 @@
       display: flex;
       margin-bottom: 15px;
     }
+
     .el-dialog__footer {
       padding-right: 40px;
     }
@@ -414,12 +423,15 @@
   .el-dialog__wrapper {
     overflow: hidden;
   }
+
   /deep/.el-table {
     background: none;
+
     th.el-table__cell {
       background-color: #073781;
       color: #02d9fd;
     }
+
     tr {
       background: none;
 
@@ -430,4 +442,3 @@
   }
 
 }
\ No newline at end of file
-