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,218 +129,209 @@
 </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 {
-    components: { JsonEditor, Xyjg },
-    props: {
-      title: {
-        type: String,
-        default: ''
-      },
-      tabsActiveName: {
-        type: String,
-        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: {
+      type: String,
+      default: ''
+    },
+    tabsActiveName: {
+      type: String,
+      default: ''
+    },
+    visiableXml: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  computed: {
+    ...mapGetters(["dicData"]),
+  },
+  data () {
+    return {
+      key: 0,
+      resultInfo: '',
+
+      titleName: 'sjmx',
+      // 报文list
+      bwoptions: [],
+      dataReport: {},
+      index: 0,
+      bsmYwsjb: "",
+      ruleFormList: {
+        BizMsgId: "", // 业务报文ID
+        ASID: "", // ASID
+        AreaCode: "", //行政区划编码
+        PreEstateNum: "", //上次不动产单元号
+        RecType: "", // 业务编码
+        RightType: "", // 权利类型
+        RegType: "", //登记类型
+        CertCount: "", //不动产权证书数量
+        createDate: "", //创建时间
+        RecFlowID: "", // 业务流水号
+        ParcelID: "", //宗地/宗海代码
+        ProofCount: "", //证明数量
+        EstateNum: "", // 不动产单元号
+        RegOrgID: "", // 登记机构
+        PreCertID: "", //次不动产权证号/不动产登记证明
       },
-      visiableXml: {
-        type: Boolean,
-        default: false
+      images: require("./images/success.gif"),
+      dialogVisible: false,
+      activeName: undefined,
+      editItem: "",
+      headerList: [],
+      dataTable: "",
+    };
+  },
+  methods: {
+    dicStatus (val, code) {
+      let data = this.dicData[code],
+        name = ''
+      if (data) {
+        data.map((item) => {
+          if (item.DCODE == val) {
+            name = item.DNAME
+          }
+        })
+        return name
       }
     },
-
-    computed: {
-      ...mapGetters(["dicData"]),
+    handleTitleTab (val) {
     },
-    data () {
-      return {
-        key: 0,
-        resultInfo: '',
-
-        titleName: 'sjmx',
-        // 报文list
-        bwoptions: [],
-        dataReport: {},
-        index: 0,
-        bsmYwsjb: "",
-        ruleFormList: {
-          BizMsgId: "", // 业务报文ID
-          ASID: "", // ASID
-          AreaCode: "", //行政区划编码
-          PreEstateNum: "", //上次不动产单元号
-          RecType: "", // 业务编码
-          RightType: "", // 权利类型
-          RegType: "", //登记类型
-          CertCount: "", //不动产权证书数量
-          createDate: "", //创建时间
-          RecFlowID: "", // 业务流水号
-          ParcelID: "", //宗地/宗海代码
-          ProofCount: "", //证明数量
-          EstateNum: "", // 不动产单元号
-          RegOrgID: "", // 登记机构
-          PreCertID: "", //次不动产权证号/不动产登记证明
-        },
-        images: require("./images/success.gif"),
-        dialogVisible: false,
-        activeName: undefined,
-        editItem: "",
-        headerList: [],
-        dataTable: "",
-      };
+    isShow (item) {
+      this.$set(this.bwoptions, 0, {
+        value: item.bizMsgid,
+        label: item.bizMsgid,
+      })
+      this.$set(this.bwoptions, 1, {
+        value: item.bizMsgid + 'CBXZ',
+        label: item.bizMsgid + 'CBXZ',
+      })
+      this.$set(this.bwoptions, 2, {
+        value: item.bizMsgid + 'BBXZ',
+        label: item.bizMsgid + 'BBXZ',
+      })
+      this.titleName = 'sjmx';
+      this.dialogVisible = true;
+      //获取表头列表
+      this._getList(item)
+      //不动产数据查询上报详情
+      getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => {
+        if (res.code == 200) {
+          this.dataReport = res.result;
+        }
+      })
+      // 获取xml
+      if (this.visiableXml) {
+        getXml(item.bizMsgid).then((res) => {
+          this.resultInfo = res.message
+        })
+      }
+    },
+    // 获取列表接口
+    _getList (data) {
+      getTabsDetail({ bsmReport: data.bsmReport || data.bsmSjsb }).then((res) => {
+        if (res.code == 200) {
+          this.headerList = res.result;
+          this.activeName = this.tabsActiveName == '' ? res.result[0].soleurl : this.tabsActiveName
+          this.bsmYwsjb = this.headerList[0].bsmYwsjb;
+          this.editItem = this.loadView(this.activeName);
+        }
+      });
+    },
+    changeList (val) {
+      let _index = val.index;
+      if (_index > this.index) {
+      }
+      this.index = _index;
+      this.bsmYwsjb = this.headerList[val.index].bsmYwsjb;
+      this.editItem = this.loadView(this.activeName);
+      // this.diaData.list.forEach((item) => {
+      //   if (item.soleurl == this.activeName) {
+      //     this.dataTable = item.dataTable;
+      //   }
+      // });
+    },
+    loadView (view) {
+      return (r) =>
+        require.ensure([], () => r(require(`@/components/Business/${view}.vue`)));
     },
-    methods: {
-      dicStatus (val, code) {
-        let data = this.dicData[code],
-          name = ''
-        if (data) {
-          data.map((item) => {
-            if (item.DCODE == val) {
-              name = item.DNAME
+    closeDialog () {
+      this.dialogVisible = false;
+      //关闭弹框时将tabs项置空
+      this.editItem = "";
+      this.headerList = [];
+    },
+    /**
+     * @description: 提交
+     * @author: renchao
+     */
+    submitForm: _.debounce(async function () {
+      let _this = this
+      // 上报请求头修改
+      try {
+        var headRes = await axios.post('/api' + urlHeader + 'edit', this.dataReport,
+          {
+            headers: {
+              'Authorization': sessionStorage.getItem("token") || ""
             }
           })
-          return name
+        if (headRes.code == 200) {
+          _this._getList(_this.dataReport)
         }
-      },
-      handleTitleTab (val) {
-      },
-      isShow (item) {
-        this.$set(this.bwoptions, 0, {
-          value: item.bizMsgid,
-          label: item.bizMsgid,
+      } catch (error) {
+        this.$message({
+          message: '报文头修改出错',
+          type: 'error'
         })
-        this.$set(this.bwoptions, 1, {
-          value: item.bizMsgid + 'CBXZ',
-          label: item.bizMsgid + 'CBXZ',
-        })
-        this.$set(this.bwoptions, 2, {
-          value: item.bizMsgid + 'BBXZ',
-          label: item.bizMsgid + 'BBXZ',
+      }
+      let listRes = await this.$refs["editItem"].handleUpdateForm()
+      if (headRes.data?.code == 200 && listRes == 200) {
+        this.$message({
+          message: '修改成功',
+          type: 'success'
         })
-        this.titleName = 'sjmx';
-        this.dialogVisible = true;
-        //获取表头列表
-        this._getList(item)
-        //不动产数据查询上报详情
-        getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => {
-          if (res.code == 200) {
-            this.dataReport = res.result;
-          }
+      }
+    }, 500),
+    /**
+     * @description: 重新上报
+     * @author: renchao
+     */
+    handleResubmit () {
+      let _this = this
+      this.$confirm('重新生成报文，是否上报省厅?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        createXml()
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
         })
-        // 获取xml
-        if (this.visiableXml) {
-          getXml(item.bizMsgid).then((res) => {
-            this.resultInfo = res.message
-          })
-        }
-      },
-      // 获取列表接口
-      _getList (data) {
-        getTabsDetail({ bsmReport: data.bsmReport || data.bsmSjsb }).then((res) => {
+      })
+      function createXml () {
+        restartGenerateXml(_this.dataReport.bsmSjsb || _this.dataReport.bsmReport).then((res) => {
           if (res.code == 200) {
-            this.headerList = res.result;
-            this.activeName = this.tabsActiveName == '' ? res.result[0].soleurl : this.tabsActiveName
-            this.bsmYwsjb = this.headerList[0].bsmYwsjb;
-            this.editItem = this.loadView(this.activeName);
-          }
-        });
-      },
-      changeList (val) {
-        let _index = val.index;
-        if (_index > this.index) {
-        }
-        this.index = _index;
-        this.bsmYwsjb = this.headerList[val.index].bsmYwsjb;
-        this.editItem = this.loadView(this.activeName);
-        // this.diaData.list.forEach((item) => {
-        //   if (item.soleurl == this.activeName) {
-        //     this.dataTable = item.dataTable;
-        //   }
-        // });
-      },
-      loadView (view) {
-        return (r) =>
-          require.ensure([], () => r(require(`@/components/Business/${view}.vue`)));
-      },
-      closeDialog () {
-        this.dialogVisible = false;
-        //关闭弹框时将tabs项置空
-        this.editItem = "";
-        this.headerList = [];
-      },
-      /**
-       * @description: 提交
-       * @author: renchao
-       */
-      submitForm: _.debounce(async function () {
-        let _this = this
-        // 上报请求头修改
-        try {
-          var headRes = await axios.post('/api' + urlHeader + 'edit', this.dataReport,
-            {
-              headers: {
-                'Authorization': sessionStorage.getItem("token") || ""
-              }
+            _this.resultInfo = res.message
+            _this.$message({
+              message: '修改成功',
+              type: 'success'
             })
-          if (headRes.code == 200) {
-            _this._getList(_this.dataReport)
           }
-        } catch (error) {
-          this.$message({
-            message: '报文头修改出错',
-            type: 'error'
-          })
-        }
-        let listRes = await this.$refs["editItem"].handleUpdateForm()
-        if (headRes.data?.code == 200 && listRes == 200) {
-          this.$message({
-            message: '修改成功',
-            type: 'success'
-          })
-        }
-      }, 500),
-      /**
-       * @description: 重新上报
-       * @author: renchao
-       */
-      handleResubmit () {
-        let _this = this
-        this.$confirm('重新生成报文，是否上报省厅?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          createXml()
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          })
         })
-        function createXml () {
-          restartGenerateXml(_this.dataReport.bsmSjsb || _this.dataReport.bsmReport).then((res) => {
-            if (res.code == 200) {
-              _this.resultInfo = res.message
-              _this.$message({
-                message: '修改成功',
-                type: 'success'
-              })
-            }
-          })
-        }
       }
     }
   }
+}
 </script>
-<style scoped lang="scss">
-  /deep/.editDialogBox {
-    .el-dialog__header {
-      display: flex;
-      margin-bottom: 10px;
-    }
-  }
-</style>
-

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

@@ -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 {
@@ -217,4 +216,4 @@ input[type="number"] {
 
 .el-form-item__content {
   flex: 1;
-}
+}
\ No newline at end of file

@@ -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;
   }
 
@@ -868,4 +868,4 @@
       right: 5px;
     }
   }
-}
+}
\ No newline at end of file

 <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,270 +193,269 @@
 </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 {
-    components: { JsonEditor },
-    data () {
-      return {
-        key: 0,
-        title: '',
-        dialogVisible: false,
-        titleName: 'sjmx',
-        titleName2: 'drdbxd',
-        dbBsm: '',
-        // 头部信息
-        accessLog: {
-          AREACODE: '',
-          AREANAME: '',
-          ACCESSDATE: '',
-          REMARK: ''
-        },
-        // 当日登薄信息记录数
-        registerInfo: {
-          TOTALNUM: '', // 总数量
-          FIRSTREG: '', // 首次登记数量
-          TRANSFERREG: '', // 转移登记数量
-          CHANGEREG: '', // 变更登记数量
-          LOGOUTREG: '', // 注销登记数量
-          RIVISEREG: '', // 更正登记数量
-          DISSENTINGREG: '', // 异议登记数量
-          ADVANCEREG: '', // 预告登记数量
-          SEIZEREG: '', // 查封登记数量
-          EASEMENTREG: '', // 地役权登记数量
-          otherReg: '', // 其他登记数量
-          BUSINESSTYPECOUNT: '', // 业务类型总数
-        },
-        // 当日上报记录数
-        accessInfo: {
-          TOTALNUM: '', // 总数量
-          FIRSTREG: '', // 首次登记数量
-          TRANSFERREG: '', // 转移登记数量
-          CHANGEREG: '', // 变更登记数量
-          LOGOUTREG: '', // 注销登记数量
-          RIVISEREG: '', // 更正登记数量
-          DISSENTINGREG: '', // 异议登记数量
-          ADVANCEREG: '', // 预告登记数量
-          SEIZEREG: '', // 查封登记数量
-          EASEMENTREG: '', // 地役权登记数量
-          otherReg: '', // 其他登记数量
-          BUSINESSTYPECOUNT: '', // 业务类型总数
-        },
-        // 当日登薄详单
-        tableDBData: {
-          data: [],
-          column: dbdata.columns()
-        },
-        // 当日上报详单
-        tableSBData: {
-          data: [],
-          column: sbdata.columns()
-        },
-        // XML详情
-        resultInfo: '',
-        dataReport: {}
-      }
-    },
-    mounted () {
-      sendThis(this);
-      sendThis1(this);
-    },
-    watch: {
+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 {
+      key: 0,
+      title: '',
+      dialogVisible: false,
+      titleName: 'sjmx',
+      titleName2: 'drdbxd',
+      dbBsm: '',
+      // 头部信息
+      accessLog: {
+        AREACODE: '',
+        AREANAME: '',
+        ACCESSDATE: '',
+        REMARK: ''
+      },
+      // 当日登薄信息记录数
       registerInfo: {
-        handler: function (newVal, oldVal) {
-          this.registerInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) +
-            (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
-            + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
-        },
-        deep: true
+        TOTALNUM: '', // 总数量
+        FIRSTREG: '', // 首次登记数量
+        TRANSFERREG: '', // 转移登记数量
+        CHANGEREG: '', // 变更登记数量
+        LOGOUTREG: '', // 注销登记数量
+        RIVISEREG: '', // 更正登记数量
+        DISSENTINGREG: '', // 异议登记数量
+        ADVANCEREG: '', // 预告登记数量
+        SEIZEREG: '', // 查封登记数量
+        EASEMENTREG: '', // 地役权登记数量
+        otherReg: '', // 其他登记数量
+        BUSINESSTYPECOUNT: '', // 业务类型总数
       },
+      // 当日上报记录数
       accessInfo: {
-        handler: function (newVal, oldVal) {
-          this.accessInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) +
-            (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
-            + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
-        },
-        deep: true
-      }
-    },
-    methods: {
-      closeDialog () {
-        this.dialogVisible = false;
+        TOTALNUM: '', // 总数量
+        FIRSTREG: '', // 首次登记数量
+        TRANSFERREG: '', // 转移登记数量
+        CHANGEREG: '', // 变更登记数量
+        LOGOUTREG: '', // 注销登记数量
+        RIVISEREG: '', // 更正登记数量
+        DISSENTINGREG: '', // 异议登记数量
+        ADVANCEREG: '', // 预告登记数量
+        SEIZEREG: '', // 查封登记数量
+        EASEMENTREG: '', // 地役权登记数量
+        otherReg: '', // 其他登记数量
+        BUSINESSTYPECOUNT: '', // 业务类型总数
       },
-      isShow (item) {
-        this.title = '登薄日志(' + item.ACCESSDATE + ')'
-        this.titleName = 'sjmx'
-        this.dialogVisible = true
-        this.dbBsm = item.dbBsm
-        this._getDetails(item.dbBsm)
+      // 当日登薄详单
+      tableDBData: {
+        data: [],
+        column: dbdata.columns()
       },
-      /**
-       * @description: 获取列表接口
-       * @author: renchao
-       */
-      _getDetails (data) {
-        getDetail(data).then(res => {
-          let { accessLog, registerInfo, accessInfo, accessList, registerList
-          } = res.result
-          this.accessLog = accessLog
-          this.resultInfo = accessLog.LOGSXML
-          this.registerInfo = registerInfo
-          this.accessInfo = accessInfo
-          this.tableDBData.data = _.cloneDeep(registerList)
-          this.tableSBData.data = _.cloneDeep(accessList)
-          this.tableDBData.data.forEach((item, index) => {
-            this.$set(item, 'index', index)
-          })
-          this.tableSBData.data.forEach((item, index) => {
-            this.$set(item, 'index', index)
-          })
-        })
+      // 当日上报详单
+      tableSBData: {
+        data: [],
+        column: sbdata.columns()
       },
-      // 当日登薄详单
-      handleDBAdd () {
-        this.tableDBData.data.push({
-          YWH: '',
-          DJLX: '',
-          QLLX: '',
-          BDCDYH: '',
-          ZSZMH: '',
-          SFSB: '',
-          BWID: '',
-          BSM_DBLOG: this.accessLog.bsmDblog
+      // XML详情
+      resultInfo: '',
+      dataReport: {}
+    }
+  },
+  mounted () {
+    sendThis(this);
+    sendThis1(this);
+  },
+  watch: {
+    registerInfo: {
+      handler: function (newVal, oldVal) {
+        this.registerInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) +
+          (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
+          + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
+      },
+      deep: true
+    },
+    accessInfo: {
+      handler: function (newVal, oldVal) {
+        this.accessInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) +
+          (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
+          + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
+      },
+      deep: true
+    }
+  },
+  methods: {
+    closeDialog () {
+      this.dialogVisible = false;
+    },
+    isShow (item) {
+      this.title = '登薄日志(' + item.ACCESSDATE + ')'
+      this.titleName = 'sjmx'
+      this.dialogVisible = true
+      this.dbBsm = item.dbBsm
+      this._getDetails(item.dbBsm)
+    },
+    /**
+     * @description: 获取列表接口
+     * @author: renchao
+     */
+    _getDetails (data) {
+      getDetail(data).then(res => {
+        let { accessLog, registerInfo, accessInfo, accessList, registerList
+        } = res.result
+        this.accessLog = accessLog
+        this.resultInfo = accessLog.LOGSXML
+        this.registerInfo = registerInfo
+        this.accessInfo = accessInfo
+        this.tableDBData.data = _.cloneDeep(registerList)
+        this.tableSBData.data = _.cloneDeep(accessList)
+        this.tableDBData.data.forEach((item, index) => {
+          this.$set(item, 'index', index)
+        })
+        this.tableSBData.data.forEach((item, index) => {
+          this.$set(item, 'index', index)
+        })
+      })
+    },
+    // 当日登薄详单
+    handleDBAdd () {
+      this.tableDBData.data.push({
+        YWH: '',
+        DJLX: '',
+        QLLX: '',
+        BDCDYH: '',
+        ZSZMH: '',
+        SFSB: '',
+        BWID: '',
+        BSM_DBLOG: this.accessLog.bsmDblog
+      })
+      this.tableDBData.data.forEach((item, index) => {
+        this.$set(item, 'index', index)
+      })
+    },
+    handleDBMinus (row) {
+      this.$confirm('此操作将删除列表, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.tableDBData.data.splice(row.index, 1)
+        this.$message({
+          type: 'success',
+          message: '删除成功!'
         })
         this.tableDBData.data.forEach((item, index) => {
           this.$set(item, 'index', index)
         })
-      },
-      handleDBMinus (row) {
-        this.$confirm('此操作将删除列表, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          this.tableDBData.data.splice(row.index, 1)
-          this.$message({
-            type: 'success',
-            message: '删除成功!'
-          })
-          this.tableDBData.data.forEach((item, index) => {
-            this.$set(item, 'index', index)
-          })
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
         })
-      },
-      // 当日上报详单
-      handleSBAdd () {
-        this.tableSBData.data.push({
-          YWH: '',
-          BDCDYH: '',
-          BWID: '',
-          BSM_DBLOG: this.accessLog.bsmDblog
+      })
+    },
+    // 当日上报详单
+    handleSBAdd () {
+      this.tableSBData.data.push({
+        YWH: '',
+        BDCDYH: '',
+        BWID: '',
+        BSM_DBLOG: this.accessLog.bsmDblog
+      })
+      this.tableSBData.data.forEach((item, index) => {
+        this.$set(item, 'index', index)
+      })
+    },
+    handleSBMinus (row) {
+      this.$confirm('此操作将删除列表, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.tableSBData.data.splice(row.index, 1)
+        this.$message({
+          type: 'success',
+          message: '删除成功!'
         })
         this.tableSBData.data.forEach((item, index) => {
           this.$set(item, 'index', index)
         })
-      },
-      handleSBMinus (row) {
-        this.$confirm('此操作将删除列表, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          this.tableSBData.data.splice(row.index, 1)
-          this.$message({
-            type: 'success',
-            message: '删除成功!'
-          })
-          this.tableSBData.data.forEach((item, index) => {
-            this.$set(item, 'index', index)
-          })
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
         })
-      },
-      /**
-       * @description: 确定修改详情
-       * @param {*} function
-       * @author: renchao
-       */
-      submitForm: _.debounce(function () {
-        let _this = this
-        if (_verify(this.tableDBData.data, '当日登薄详单列表必填') && _verify(this.tableSBData.data, '当日上报详单列表必填')) {
-          _editDetail()
+      })
+    },
+    /**
+     * @description: 确定修改详情
+     * @param {*} function
+     * @author: renchao
+     */
+    submitForm: _.debounce(function () {
+      let _this = this
+      if (_verify(this.tableDBData.data, '当日登薄详单列表必填') && _verify(this.tableSBData.data, '当日上报详单列表必填')) {
+        _editDetail()
+      }
+      function _verify (data, msg) {
+        let flag = true
+        if (!judgeListComplete(data)) {
+          _this.$message({
+            message: msg,
+            type: 'warning'
+          })
+          flag = false
         }
-        function _verify (data, msg) {
-          let flag = true
-          if (!judgeListComplete(data)) {
+        return flag
+      }
+      function _editDetail () {
+        edit({
+          accessLog: _this.accessLog, registerInfo: _this.registerInfo,
+          accessInfo: _this.accessInfo,
+          accessList: _this.tableSBData.data,
+          registerList: _this.tableDBData.data
+        }).then(res => {
+          if (res.code == 200) {
             _this.$message({
-              message: msg,
-              type: 'warning'
+              message: '保存成功',
+              type: 'success'
             })
-            flag = false
+            _this._getDetails(_this.dbBsm)
+          }
+        })
+      }
+    }, 600),
+    /**
+     * @description: 登薄日志重新生成报文
+     * @param {*} function
+     * @author: renchao
+     */
+    handleResubmit () {
+      let _this = this
+      this.$confirm('重新生成报文，是否上报省厅?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        createXml()
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
+      function createXml () {
+        regenerateDbXml(_this.dbBsm).then(res => {
+          if (res.code == 200) {
+            _this.$message({
+              message: '生成成功',
+              type: 'success'
+            })
+            _this.resultInfo = res.message
           }
-          return flag
-        }
-        function _editDetail () {
-          edit({
-            accessLog: _this.accessLog, registerInfo: _this.registerInfo,
-            accessInfo: _this.accessInfo,
-            accessList: _this.tableSBData.data,
-            registerList: _this.tableDBData.data
-          }).then(res => {
-            if (res.code == 200) {
-              _this.$message({
-                message: '保存成功',
-                type: 'success'
-              })
-              _this._getDetails(_this.dbBsm)
-            }
-          })
-        }
-      }, 600),
-      /**
-       * @description: 登薄日志重新生成报文
-       * @param {*} function
-       * @author: renchao
-       */
-      handleResubmit () {
-        let _this = this
-        this.$confirm('重新生成报文，是否上报省厅?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          createXml()
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          })
         })
-        function createXml () {
-          regenerateDbXml(_this.dbBsm).then(res => {
-            if (res.code == 200) {
-              _this.$message({
-                message: '生成成功',
-                type: 'success'
-              })
-              _this.resultInfo = res.message
-            }
-          })
-        }
       }
     }
   }
+}
 </script>
-<style scoped lang="scss">
-</style>
+
 

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