style:样式修改

@@ -4,103 +4,107 @@
     <div slot="title" class="dialog_title" ref="dialogTitle">
       {{ title || '标题' }}
     </div>
-    <div class="editDialogBox-box">
-      <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab">
-        <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane>
-        <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane>
-        <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane>
-      </el-tabs>
-      <div class="dialog-from" v-if="titleName == 'sjmx'">
-        <el-row>
-          <el-col :span="5">
-            <span>业务报文ID：</span>
-            <p>{{ dataReport.BizMsgId }}</p>
-          </el-col>
-          <el-col :span="6">
-            <span>接入报文ID：</span>
-            <p>{{ dataReport.ASID }}</p>
-          </el-col>
-          <el-col :span="6">
-            <span>行政区划编码：</span>
-            <p>{{ dataReport.AreaCode }}</p>
-          </el-col>
-          <el-col :span="7">
-            <span>上次不动产单元号：</span>
-            <p>{{ dataReport.PreEstateNum }}</p>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="5">
-            <span>业务编码：</span>
-            <p>{{ dataReport.RecType }}</p>
-          </el-col>
-          <el-col :span="6">
-            <span>权利类型：</span>
-            <p>{{ this.dicStatus(dataReport.RightType, 'A8') }}</p>
-          </el-col>
-          <el-col :span="6">
-            <span>登记类型：</span>
-            <p>{{ this.dicStatus(dataReport.RegType, 'A21') }}</p>
-          </el-col>
-          <el-col :span="7">
-            <span>不动产权证书数量：</span>
-            <p>{{ dataReport.CertCount }}</p>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="5">
-            <span>创建时间：</span>
-            <p>{{ dataReport.createDate }}</p>
-          </el-col>
-          <el-col :span="6">
-            <span>业务流水号：</span>
-            <p>{{ dataReport.RecFlowID }}</p>
-          </el-col>
-          <el-col :span="6">
-            <span>宗地/宗海代码：</span>
-            <p>{{ dataReport.ParcelID }}</p>
-          </el-col>
-          <el-col :span="7">
-            <span>证明数量：</span>
-            <p>{{ dataReport.ProofCount }}</p>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="6">
-            <span>不动产单元号：</span>
-            <p>{{ dataReport.EstateNum }}</p>
-          </el-col>
-          <el-col :span="8">
-            <span>登记机构：</span>
-            <p>{{ dataReport.RegOrgID }}</p>
-          </el-col>
-          <el-col :span="11">
-            <span>上次不动产权证号/不动产登记证明：</span>
-            <p>{{ dataReport.PreCertID }}</p>
-          </el-col>
-        </el-row>
-      </div>
-    </div>
-    <div class="editDialogBox-box">
-      <div v-if="titleName == 'sjmx'" 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">
-              <p class="name">{{ item.chinesetable }}</p>
-              <p class="soleurl" :data-name="item.soleurl">({{ item.datatable }})</p>
-            </div>
-          </el-tab-pane>
+    <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>
+          <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane>
+          <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane>
         </el-tabs>
-        <div class="edit-content">
-          <component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }"
-            :bsmYwsjb="bsmYwsjb" :bsmSjsb="dataReport.bsmReport || dataReport.bsmSjsb" />
+        <div class="dialog-from" v-if="titleName == 'sjmx'">
+          <el-row>
+            <el-col :span="5">
+              <span>业务报文ID：</span>
+              <p>{{ dataReport.BizMsgId }}</p>
+            </el-col>
+            <el-col :span="6">
+              <span>接入报文ID：</span>
+              <p>{{ dataReport.ASID }}</p>
+            </el-col>
+            <el-col :span="6">
+              <span>行政区划编码：</span>
+              <p>{{ dataReport.AreaCode }}</p>
+            </el-col>
+            <el-col :span="7">
+              <span>上次不动产单元号：</span>
+              <p>{{ dataReport.PreEstateNum }}</p>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="5">
+              <span>业务编码：</span>
+              <p>{{ dataReport.RecType }}</p>
+            </el-col>
+            <el-col :span="6">
+              <span>权利类型：</span>
+              <p>{{ this.dicStatus(dataReport.RightType, 'A8') }}</p>
+            </el-col>
+            <el-col :span="6">
+              <span>登记类型：</span>
+              <p>{{ this.dicStatus(dataReport.RegType, 'A21') }}</p>
+            </el-col>
+            <el-col :span="7">
+              <span>不动产权证书数量：</span>
+              <p>{{ dataReport.CertCount }}</p>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="5">
+              <span>创建时间：</span>
+              <p>{{ dataReport.createDate }}</p>
+            </el-col>
+            <el-col :span="6">
+              <span>业务流水号：</span>
+              <p>{{ dataReport.RecFlowID }}</p>
+            </el-col>
+            <el-col :span="6">
+              <span>宗地/宗海代码：</span>
+              <p>{{ dataReport.ParcelID }}</p>
+            </el-col>
+            <el-col :span="7">
+              <span>证明数量：</span>
+              <p>{{ dataReport.ProofCount }}</p>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <span>不动产单元号：</span>
+              <p>{{ dataReport.EstateNum }}</p>
+            </el-col>
+            <el-col :span="8">
+              <span>登记机构：</span>
+              <p>{{ dataReport.RegOrgID }}</p>
+            </el-col>
+            <el-col :span="11">
+              <span>上次不动产权证号/不动产登记证明：</span>
+              <p>{{ dataReport.PreCertID }}</p>
+            </el-col>
+          </el-row>
         </div>
+      </div>
+      <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">
+                <p class="name">{{ item.chinesetable }}</p>
+                <p class="soleurl" :data-name="item.soleurl">({{ item.datatable }})</p>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+          <div class="edit-content">
+            <component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }"
+              :bsmYwsjb="bsmYwsjb" :bsmSjsb="dataReport.bsmReport || dataReport.bsmSjsb" />
+          </div>
 
+        </div>
+        <div v-if="titleName == 'xyjg'">
+          <Xyjg :form-data='dataReport'></Xyjg>
+        </div>
       </div>
-      <div v-if="titleName == 'xyjg'">
-        <Xyjg :form-data='dataReport'></Xyjg>
+      <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'">
+        <JsonEditor :resultInfo="resultInfo" />
       </div>
-      <JsonEditor :resultInfo="resultInfo" class="JsonEditor" v-if="titleName == 'xml'" />
     </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;

 .tableClass {
-    /deep/.el-table {
-        border: none !important;
-        border-radius: 0 !important;
-        background-color: rgba(0, 0, 0, 0);
+  /deep/.el-table {
+    border: none !important;
+    border-radius: 0 !important;
+    background-color: rgba(0, 0, 0, 0);
 
-        .el-table__header-wrapper {
-            border-right: none;
+    .el-table__header-wrapper {
+      border-right: none;
 
-        }
+    }
 
-        .el-table__row .cell {
-            color: #8DEAF9 !important;
-            font-weight: 100 !important;
-        }
+    .el-table__row .cell {
+      color: #8DEAF9 !important;
+      font-weight: 100 !important;
+    }
 
-        .el-table__row {
-            background: rgba(0, 0, 0, 0) !important;
-        }
+    .el-table__row {
+      background: rgba(0, 0, 0, 0) !important;
+    }
 
-        thead {
-            background: #073781;
-            border-radius: 2px;
-            height: 42px;
-
-            & th {
-                //inherit：规定应该从父元素继承 background-color 属性的设置。
-                //transparent：默认。背景颜色为透明。
-                // background-color: inherit !important;
-                background-color: transparent;
-                color: #02D9FD;
-            }
-
-            & tr {
-                // background-color: inherit !important;
-                background-color: transparent;
-            }
-        }
+    thead {
+      background: #073781;
+      border-radius: 2px;
+      height: 42px;
+
+      & th {
+        //inherit：规定应该从父元素继承 background-color 属性的设置。
+        //transparent：默认。背景颜色为透明。
+        // background-color: inherit !important;
+        background-color: transparent;
+        color: #02D9FD;
+      }
+
+      & tr {
+        // background-color: inherit !important;
+        background-color: transparent;
+      }
     }
+  }
 }
 
 //*****start*通用表单查询条件，列表样式******//
 .from-clues {
-    height: 100%;
+  height: 100%;
+  width: 100%;
+  min-width: 1280px;
+  box-sizing: border-box;
+  overflow-x: hidden;
+  padding: 2px;
+
+  &-header {
     width: 100%;
-    min-width: 1280px;
+    padding: 5px 30px 20px 24px;
     box-sizing: border-box;
-    overflow-x: hidden;
-    padding: 2px;
-
-    &-header {
-        width: 100%;
-        padding: 5px 30px 20px 24px;
-        box-sizing: border-box;
-        background: url("~@/image/formHeader.png") no-repeat;
-        background-size: 100% 100%;
-        margin-top: 15px;
-
-        /deep/.el-form-item__label {
-            color: #E3F1FF;
-        }
+    background: url("~@/image/formHeader.png") no-repeat;
+    background-size: 100% 100%;
+    margin-top: 15px;
 
-        /deep/.el-input__inner {
-            background: #07388B;
-            border-radius: 2px;
-            color: #CEF8FF;
-            border: 1px solid #6BC1FC;
-        }
+    /deep/.el-form-item__label {
+      color: #E3F1FF;
     }
 
-    .advanced-search {
-        display: flex;
-        font-size: 12px;
-        flex-wrap: wrap;
-        padding-top: 5px;
-        height: 30px;
-
-        span {
-            display: flex;
-            align-items: center;
-        }
+    /deep/.el-input__inner {
+      background: #07388B;
+      border-radius: 2px;
+      color: #CEF8FF;
+      border: 1px solid #6BC1FC;
+    }
+  }
 
-        i {
-            color: $light-blue;
-            margin-left: 5px;
-            cursor: pointer;
-        }
+  .advanced-search {
+    display: flex;
+    font-size: 12px;
+    flex-wrap: wrap;
+    padding-top: 5px;
+    height: 30px;
 
-        ul {
-            display: flex;
-            align-items: center;
-
-            li {
-                color: $light-blue;
-                border: 1px solid $light-blue;
-                border-radius: 10px;
-                padding: 2px 8px;
-                line-height: 16px;
-            }
-        }
+    span {
+      display: flex;
+      align-items: center;
+    }
 
-        .clean-btn {
-            margin-left: 10px;
-        }
+    i {
+      color: $light-blue;
+      margin-left: 5px;
+      cursor: pointer;
     }
 
-    &-content {
-        width: 100%;
-        box-sizing: border-box;
-        margin-top: 15px;
-        background: url("~@/image/formContent.png") no-repeat;
-        background-size: 100% 100%;
-        padding: 22px 42px 20px;
-        //修改表头的背景颜色横向渐变色
-        @extend .tableClass;
-
-        /deep/.el-pagination__total {
-            color: #FFFFFF;
-        }
+    ul {
+      display: flex;
+      align-items: center;
+
+      li {
+        color: $light-blue;
+        border: 1px solid $light-blue;
+        border-radius: 10px;
+        padding: 2px 8px;
+        line-height: 16px;
+      }
+    }
 
-        .bgc {
-            box-shadow: inset 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
-            background-color: rgba(0, 0, 0, 0);
-        }
+    .clean-btn {
+      margin-left: 10px;
+    }
+  }
 
-        /deep/ .el-pagination {
-            .el-input__inner {
-                color: #FFFFFF;
-                border: none;
-                @extend .bgc;
-            }
-
-            .el-pager li:not(.disabled).active {
-                box-shadow: inset 0px 0px 12px 0px #02D9FD;
-                border-radius: 1px;
-                border: 1px solid #02D9FD;
-                background-color: rgba(0, 0, 0, 0);
-            }
-
-            .el-pager li {
-                @extend .bgc;
-                color: #FFFFFF;
-            }
-        }
+  &-content {
+    width: 100%;
+    box-sizing: border-box;
+    margin-top: 15px;
+    background: url("~@/image/formContent.png") no-repeat;
+    background-size: 100% 100%;
+    padding: 22px 42px 20px;
+    //修改表头的背景颜色横向渐变色
+    @extend .tableClass;
 
-        /deep/.btn-next,
-        /deep/.btn-prev {
-            @extend .bgc;
-            color: #FFFFFF;
-        }
+    /deep/.el-pagination__total {
+      color: #FFFFFF;
+    }
 
+    .bgc {
+      box-shadow: inset 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
+      background-color: rgba(0, 0, 0, 0);
     }
 
-    .el-form--inline .el-form-item {
-        width: auto;
-        margin-right: 0px;
+    /deep/ .el-pagination {
+      .el-input__inner {
+        color: #FFFFFF;
+        border: none;
+        @extend .bgc;
+      }
 
-        .el-form-item__content {
-            width: auto;
-        }
+      .el-pager li:not(.disabled).active {
+        box-shadow: inset 0px 0px 12px 0px #02D9FD;
+        border-radius: 1px;
+        border: 1px solid #02D9FD;
+        background-color: rgba(0, 0, 0, 0);
+      }
+
+      .el-pager li {
+        @extend .bgc;
+        color: #FFFFFF;
+      }
     }
 
+    /deep/.btn-next,
+    /deep/.btn-prev {
+      @extend .bgc;
+      color: #FFFFFF;
+    }
 
+  }
 
-    .el-form-item--small.el-form-item {
-        margin-bottom: 0px;
+  .el-form--inline .el-form-item {
+    width: auto;
+    margin-right: 0px;
+
+    .el-form-item__content {
+      width: auto;
     }
+  }
+
+
+
+  .el-form-item--small.el-form-item {
+    margin-bottom: 0px;
+  }
 }
 
 
 
 //*****end*通用表单查询条件，列表样式******//
 /deep/.el-range-separator {
-    line-height: 28px !important;
+  line-height: 28px !important;
 }
 
 .width200px {
-    width: 200px;
+  width: 200px;
 }
 
 .width300px {
-    width: 300px;
+  width: 300px;
 }
 
 
 .slxx_title {
-    border-bottom: 1px solid $borderColor;
-    padding-left: 10px;
-    padding-bottom: 5px;
-    margin-bottom: 10px;
-    margin-top: 5px;
-    font-size: 16px;
-    font-weight: 500;
-    color: #4a4a4a;
+  border-bottom: 1px solid $borderColor;
+  padding-left: 10px;
+  padding-bottom: 5px;
+  margin-bottom: 10px;
+  margin-top: 5px;
+  font-size: 16px;
+  font-weight: 500;
+  color: #4a4a4a;
 }
 
 // 搜索框按钮的位置
 .btnColRight {
-    box-sizing: border-box;
-    text-align: right;
+  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;
 
@@ -429,5 +441,4 @@
     }
   }
 
-}
-
+}
\ No newline at end of file