style:样式修改

 <!--
-  功能：结果
-  作者：calliope
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-03-13 11:09:01
 -->
 <template>
   <div class='result'>
+    <div class="result-con" style="margin-bottom: 15px;">
       <p>响应xml</p>
       <el-input type="textarea" disabled :rows="6" class="resulttext" placeholder="响应xml" v-model="REPMSGXML">
       </el-input>
+    </div>
+    <div class="result-con" style="margin-top: 15px;">
       <p>错误信息</p>
       <el-input type="textarea" disabled :rows="6" class="resulttext" placeholder="错误信息" v-model="ERRORINFO">
       </el-input>
     </div>
+  </div>
 </template>
 <script>
 import { getReceiveDataReportResult } from "@/api/dataReport.js";
@@ -40,22 +45,40 @@ export default {
 <style scoped lang='scss'>
 @import '~@/styles/public.scss';
 
+
 .result {
   padding: 15px;
   height: 100%;
 
-  p {
-    color: #ffffff;
-    line-height: 26px;
-    font-size: 18px;
-  }
-
   /deep/.el-textarea__inner {
-    min-height: 30vh !important;
-    background-color: #08346F !important;
+    height: 30vh !important;
     color: #ffffff;
     border: none !important;
+    color: #ffffff;
   }
 
+  &-con {
+    background: #04275B;
+    border-radius: 2px;
+    padding: 10px;
+    box-sizing: border-box;
+
+    p {
+      color: #2997E8;
+      font-size: 14px;
+      position: relative;
+      padding-left: 10px;
+    }
+
+    p::before {
+      position: absolute;
+      content: '';
+      width: 3px;
+      height: 10px;
+      background-color: #2997E8;
+      left: 0;
+      top: 3px;
+    }
+  }
 }
 </style>

@@ -341,20 +341,39 @@ export default {
 /deep/.el-dialog__body {
   display: flex;
   flex-direction: column;
-  padding-bottom: 25px;
+  padding-bottom: 30px;
 }
 
 /deep/ .el-tabs {
   color: #CEF8FF;
 }
 
+.d-center {
+  z-index: 1000;
+}
+
 .sjmx {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
   /deep/.el-tabs__item {
     height: 50px;
     padding-top: 6px;
   }
 }
 
+.result {
+  flex: 1;
+  height: 100%;
+}
+
+.editDialogBox-con {
+  flex: 1;
+  height: 100%;
+  overflow-y: hidden;
+}
+
 /deep/.el-tabs__item {
   color: #CEF8FF !important;
 
@@ -427,9 +446,8 @@ export default {
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: 1px;
-  margin-bottom: 10px;
   border-top: none;
-  height: 44vh;
+  height: 38vh !important;
 }
 
 /deep/.editDialogBox {
@@ -439,7 +457,7 @@ export default {
 
   .el-dialog__header {
     display: flex;
-    margin-bottom: 15px;
+    margin-bottom: 10px;
   }
 
   .dialog_footer {

@@ -61,7 +61,7 @@
   }
 
   .appMain {
-    min-width: 1290px;
+    // min-width: 1280px;
     height: calc(100vh - 101px) !important;
     box-sizing: border-box;
 

@@ -7,8 +7,8 @@
   .dialog_title {
     display: flex;
     position: relative;
-    font-size: 24px;
-    top: -11px;
+    font-size: 23px;
+    top: -10px;
     width: 38%;
     height: 40px;
     margin-left: 28px;
@@ -68,8 +68,9 @@
 }
 
 .regularHeight {
-  height: 80vh;
   display: flex;
+  flex: 1;
+  height: 100%;
   flex-direction: column;
 
   .editDialogBox-con,
@@ -147,7 +148,6 @@
 
 .el-dialog__header {
   color: #FFFFFF;
-  // background: #074487;
   height: 46px !important;
   width: 97%;
   margin: 0 auto;
@@ -157,6 +157,7 @@
 .el-dialog__body {
   padding-top: 0;
   padding-bottom: 0;
+  height: 95vh;
 }
 
 .el-dialog__headerbtn {

@@ -336,6 +336,15 @@ aside {
   color: $yellow;
 }
 
+// 操作按钮样式
+.btnColor {
+  color: #8DEAF9;
+}
+.successColor {
+  color:#67C23A
+}
+
+
 // 通过 入库 样式
 .adopt,
 .success {
@@ -409,10 +418,9 @@ aside {
   background: #FF7962;
   color: #FF7962;
 }
+
 // 引入字体
 @font-face {
-  font-family:AliBold;
-  src:url('../image/font/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf')
+  font-family: AliBold;
+  src: url('../image/font/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf')
 }
\ No newline at end of file
-
-

@@ -340,4 +340,5 @@
   word-break: break-all;
   line-height: 20px;
   flex: 1;
+  
 }
\ No newline at end of file

@@ -48,7 +48,7 @@
 .from-clues {
   height: 100%;
   width: 100%;
-  min-width: 1280px;
+  // min-width: 1280px;
   box-sizing: border-box;
   overflow-x: hidden;
   padding: 2px;
@@ -407,7 +407,7 @@
 
     .el-dialog__header {
       display: flex;
-      margin-bottom: 15px;
+      margin-bottom: 10px;
     }
 
     .el-dialog__footer {

@@ -336,7 +336,7 @@
 }
 
 .el-menu-item span {
-  white-space: normal;
+  white-space: nowrap !important;
   word-break: break-all;
   line-height: 20px;
   flex: 1;

@@ -120,8 +120,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
-                    size="mini"
+                    type="text"
+                    class='btnColor'
                     onClick={() => { this.handleEdit(scope.row) }}
                   >
                     详情

@@ -113,7 +113,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     size="mini"
                     onClick={() => { this.handleEdit(scope.row) }}
                   >

@@ -121,8 +121,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
-                    size="mini"
+                    type="text"
+                    class='btnColor'
                     onClick={() => { this.handleEdit(scope.row) }}
                   >
                     详情

@@ -109,7 +109,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     onClick={() => {
                       this.handleEdit(scope.row);
                     }}

@@ -77,7 +77,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     onClick={() => {
                       this.handleEdit(scope.row);
                     }}

@@ -109,7 +109,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     onClick={() => {
                       this.handleEdit(scope.row);
                     }}

@@ -105,7 +105,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     onClick={() => {
                       this.handleEdit(scope.row);
                     }}

@@ -106,7 +106,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     onClick={() => {
                       this.handleEdit(scope.row);
                     }}

@@ -103,7 +103,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     onClick={() => {
                       this.handleEdit(scope.row);
                     }}

@@ -100,7 +100,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     onClick={() => {
                       this.handleEdit(scope.row);
                     }}

@@ -105,7 +105,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     onClick={() => {
                       this.handleEdit(scope.row);
                     }}

@@ -101,7 +101,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     onClick={() => {
                       this.handleEdit(scope.row);
                     }}

@@ -113,8 +113,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
-                    size="mini"
+                    type="text"
+                    class='btnColor'
                     onClick={() => { this.handleEdit(scope.row) }}
                   >
                     详情

@@ -101,8 +101,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
-                    size="mini"
+                    type="text"
+                    class='btnColor'
                     onClick={() => { this.handleEdit(scope.row) }}
                   >
                     详情

@@ -102,7 +102,8 @@ export default {
               return (
                 <div>
                   <el-button
-                    type="primary"
+                    type="text"
+                    class='btnColor'
                     onClick={() => {
                       this.handleEdit(scope.row);
                     }}

@@ -199,6 +199,8 @@
         width: 60%;
         flex-direction: column;
         position: relative;
+        flex: 1;
+        height: 100%;
         li {
           font-size: 0.1042rem;
         }
@@ -222,6 +224,7 @@
       .cardcontent-right {
         flex: 1;
         width: 100%;
+        height: 100%;
         flex-direction: column;
         font-size: 0.0833rem;
 

@@ -56,7 +56,7 @@ class data extends filter {
       {
         prop: "recflowid",
         label: "业务流水号",
-        width: 95,
+        width: 100,
       },
       {
         prop: "estatenum",
@@ -70,6 +70,7 @@ class data extends filter {
       },
       {
         prop: "rectypeName",
+        minWidth: 240,
         label: "业务名称",
         render: (h, scope) => {
           return (

@@ -193,7 +193,7 @@ export default {
                       scope.row.receiveState == 2 ?
                         <el-button
                           type="text"
-                          style="color:#67C23A"
+                          class='successColor'
                           onClick={() => {
                             this.handleDetails(scope.row);
                           }}
@@ -203,6 +203,7 @@ export default {
                         </el-button> :
                         <el-button
                           type="text"
+                          class='btnColor'
                           onClick={() => {
                             this.handleDetails(scope.row);
                           }}

@@ -166,13 +166,13 @@
           </el-tabs>
           <!-- 当日登薄详单 -->
           <div class="from-clues-content" v-show="titleName2 == 'drdbxd'">
-            <lb-table :column="tableDBData.column" :pagination="false" :heightNumSetting="true" :heightNum="200"
+            <lb-table :column="tableDBData.column" :pagination="false" :heightNumSetting="true" :heightNum="180"
               :data="tableDBData.data">
             </lb-table>
           </div>
           <!-- 当日上报详单 -->
           <div class="from-clues-content" v-show="titleName2 == 'sbslxd'">
-            <lb-table :column="tableSBData.column" :pagination="false" :heightNumSetting="true" :heightNum="200"
+            <lb-table :column="tableSBData.column" :pagination="false" :heightNumSetting="true" :heightNum="180"
               :data="tableSBData.data">
             </lb-table>
           </div>
@@ -467,10 +467,25 @@ export default {
   margin: 0;
 }
 
+/deep/.el-dialog {
+  display: flex;
+  flex-direction: column;
+}
+
+/deep/.el-dialog__body {
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 30px;
+  height: 100%;
+  flex: 1;
+  position: relative;
+}
+
 .regularHeight {
-  height: 77vh;
   display: flex;
   flex-direction: column;
+  flex: 1;
+  height: 100%;
 
   .editDialogBox-con,
   .JsonEditor {
@@ -478,6 +493,12 @@ export default {
   }
 }
 
+.d-center {}
+
+.dialog_title {
+  top: -13px
+}
+
 /deep/.el-tabs__item {
   color: #CEF8FF !important;
 
@@ -516,6 +537,7 @@ export default {
 .editDialogBox-box {
   position: relative;
   top: 10px;
+  height: 100%;
 }
 
 .dialog-from {
@@ -546,7 +568,7 @@ export default {
   }
 
   &_title {
-    font-size: 18px;
+    font-size: 14px;
     color: #d7eaee;
     margin: 3px 0;
   }