style:样式修改

 <template>
-  <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox dataReporting editDialogBox mainCenter"
-    :visible.sync="dialogVisible" width="92%">
+  <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog"
+    custom-class="dialogBox dataReporting editDialogBox sbdialog commonDialog mainCenter" :visible.sync="dialogVisible"
+    width="92%">
     <div slot="title" class="dialog_title" ref="dialogTitle">
       {{ title || '详情' }}
     </div>
@@ -111,7 +112,7 @@
         </div>
       </div>
       <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'">
-        <JsonEditor :resultInfo="resultInfo" />
+        <JsonEditor class="editXML"  :resultInfo="resultInfo" />
       </div>
       <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xyjg'">
         <Xyjg :form-data='dataReport'></Xyjg>
@@ -128,14 +129,14 @@
 </template>
 
 <script>
-  import axios from "axios";
-  import SERVER from '@/api/config'
-  const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/'
-  import { mapGetters } from "vuex";
-  import JsonEditor from "@/components/JsonEditor.vue";
-  import Xyjg from "./Result";
-  import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js";
-  export default {
+import axios from "axios";
+import SERVER from '@/api/config'
+const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/'
+import { mapGetters } from "vuex";
+import JsonEditor from "@/components/JsonEditor.vue";
+import Xyjg from "./Result";
+import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js";
+export default {
   components: { JsonEditor, Xyjg },
   props: {
     title: {
@@ -332,14 +333,5 @@
       }
     }
   }
-  }
+}
 </script>
-<style scoped lang="scss">
-  /deep/.editDialogBox {
-    .el-dialog__header {
-      display: flex;
-      margin-bottom: 10px;
-    }
-  }
-</style>
-

@@ -12,9 +12,4 @@ export default {
     }
   }
 }
-
 </script>
\ No newline at end of file
-
-<style scoped lang="scss">
-
-</style>

@@ -86,7 +86,6 @@ input[type="number"] {
 // refine element ui upload
 .el-input.is-disabled .el-input__inner {
   background-color: transparent !important;
-  border: 1px solid #224C7C !important;
 }
 
 .upload-container {

@@ -223,18 +223,9 @@
 }
 
 // 登簿日志弹出框
-.entryJournal {
-  .el-textarea__inner {
-    height: 67vh !important;
-    border: none !important;
-    background-color: #ffffff !important;
-    color: #000000 !important;
-  }
-
+.commonDialog {
   /deep/.dialog-from_header {
     margin: 0 !important;
-
-
   }
 
   .el-dialog__headerbtn .el-dialog__close {
@@ -270,16 +261,23 @@
   .regularHeight {
     display: flex;
     flex-direction: column;
-    height: 87vh;
+    height: 80vh;
     margin-bottom: 5px;
 
     .editDialogBox-con,
     .JsonEditor {
       flex: 1;
     }
-  }
 
-  .d-center {}
+    .editXML {
+      border: 1px solid blue;
+      margin-top: 10px;
+
+      .el-textarea__inner {
+        height: 68vh !important;
+      }
+    }
+  }
 
   .dialog_title {
     color: white;
@@ -288,14 +286,11 @@
 
   .el-tabs__item {
     color: #CEF8FF !important;
-    background-color: #3D59C4;
+    background-color: none;
     display: flex;
     flex-direction: row;
     justify-content: center;
-    // background: url("~@/image/tabitem.png") no-repeat;
-    // background-size: 100% 100%;
     border-radius: 3px;
-    border: 1px solid blue !important;
   }
 
   .el-tabs__nav {
@@ -312,8 +307,7 @@
   }
 
   .el-tabs__item.is-active {
-    // background: url("~@/image/tabitemse.png") no-repeat;
-    // background-size: 100% 100%;
+    background-color: #3D59C4;
   }
 
   .from-clues-content {
@@ -325,7 +319,6 @@
   .editDialogBox-box {
     position: relative;
     top: 10px;
-    // height: 100%;
   }
 
   .dialog-from {
@@ -367,6 +360,25 @@
   }
 }
 
+.entryJournal {
+  .el-textarea__inner {
+    height: 67vh !important;
+    border: none !important;
+    background-color: #ffffff !important;
+    color: #000000 !important;
+  }
+}
+
+// 上报日志弹出框
+.sbdialog {
+  .el-textarea__inner {
+    height: 30vh !important;
+    border: none !important;
+    background-color: #ffffff !important;
+    color: #000000 !important;
+  }
+}
+
 // 数据上报弹出框
 .dataReporting {
   .el-dialog__header {
@@ -426,15 +438,11 @@
 
   .el-tabs__item {
     color: #cef8ff !important;
-
     display: flex;
     flex-direction: row;
     justify-content: center;
-    // background: url("~@/image/tabitem.png") no-repeat;
-    // background-size: 100% 100%;
     background-color: #3D59C4;
     border-radius: 3px;
-    border: 1px solid blue !important;
   }
 
   .obligee-item-name {
@@ -512,8 +520,8 @@
   }
 
   .el-tabs__item.is-active {
-    // background: url("~@/image/tabitemse.png") no-repeat;
-    // background-size: 100% 100%;
+    background-color: #1c3294;
+    color: #FFFFFF;
   }
 
   .success-images {
@@ -640,10 +648,6 @@
     }
   }
 
-  .el-form-item__label {
-    color: rgb(0, 0, 0);
-  }
-
   .el-input__inner {
     // background-color: #07388b;
   }
@@ -659,10 +663,6 @@
     // color: rgb(0, 0, 0);
   }
 
-  .el-form-item__label {
-    color: rgb(2, 0, 0);
-  }
-
   .el-dialog__header {
     .dialog_title {
 
@@ -785,9 +785,9 @@
     border-right: none;
     text-align: center;
     padding: 0;
-    color: #05bbdb;
     line-height: 16px;
     font-size: 12px;
+    text-align: right;
     margin-top: 8px !important;
   }
 

 <template>
-  <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox entryJournal editDialogBox mainCenter"
-    :visible.sync="dialogVisible" width="90%">
+  <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog"
+    custom-class="dialogBox entryJournal commonDialog editDialogBox mainCenter" :visible.sync="dialogVisible" width="90%">
     <div slot="title" class="dialog_title" ref="dialogTitle">
       {{ title || '登薄日志' }}
     </div>
@@ -193,12 +193,12 @@
 </template>
 
 <script>
-  import { sbdata, sendThis } from './data/sbdata'
-  import { dbdata, sendThis1 } from './data/dbdata'
-  import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js"
-  import JsonEditor from "@/components/JsonEditor.vue";
-  import { judgeListComplete } from "@/utils/tools.js"
-  export default {
+import { sbdata, sendThis } from './data/sbdata'
+import { dbdata, sendThis1 } from './data/dbdata'
+import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js"
+import JsonEditor from "@/components/JsonEditor.vue";
+import { judgeListComplete } from "@/utils/tools.js"
+export default {
   components: { JsonEditor },
   data () {
     return {
@@ -455,8 +455,7 @@
       }
     }
   }
-  }
+}
 </script>
-<style scoped lang="scss">
-</style>
+
 

@@ -153,6 +153,7 @@ export default {
             {
               label: "操作",
               width: "80",
+              fixed: "right",
               render: (h, scope) => {
                 return (
                   <div>