style:样式修改

@@ -52,7 +52,7 @@
   /deep/.el-textarea__inner {
     margin: 5px;
     width: 96%;
-    background: #05275B;
+    background: none;
     color: #FFFFFF;
     border-radius: 2px;
     border: 1px solid #6BC1FC;

 <template>
-  <el-dialog
-    :title="title"
-    :visible.sync="visible"
-    :width="width"
-    :append-to-body="appendToBody"
-    :modal="modal"
-    :close-on-click-modal="false"
-    :fullscreen="fullscreen"
-    :destroy-on-close="destroyOnClose"
-    :modal-append-to-body="modalAppendToBody"
-    :class="customClass"
-    @close="close"
-    class="dialog"
-  >
+  <el-dialog :title="title" :visible.sync="visible" :width="width" :append-to-body="appendToBody" :modal="modal"
+    :close-on-click-modal="false" :fullscreen="fullscreen" :destroy-on-close="destroyOnClose"
+    :modal-append-to-body="modalAppendToBody" :class="customClass" @close="close" class="dialog">
     <slot name="content" />
     <span slot="footer" class="dialog-footer">
       <slot name="footer" />
@@ -66,21 +55,21 @@ export default {
       default: '30%'
     }
   },
-  data() {
+  data () {
     return {}
   },
   computed: {
     visible: {
-      get() {
+      get () {
         return this.show
       },
-      set(val) {
+      set (val) {
         this.$emit('update:show', val) // visible 改变的时候通知父组件
       }
     }
   },
   methods: {
-    close() {
+    close () {
       this.$emit('close')
     }
   }
@@ -88,21 +77,23 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
 .dialog {
-  /deep/.el-dialog{
-overflow: hidden;
+  /deep/.el-dialog {
+    overflow: hidden;
     background: url("~@/image/dialogBg.png") no-repeat !important;
     background-size: 100% 100% !important;
   }
+
   .el-dialog__header {
     padding: 0;
     height: 56px;
     line-height: 56px;
     border-bottom: none;
+
     .el-dialog__title {
       font-weight: 400;
     }
+
     .el-dialog__title:before {
       display: inline-block;
       content: '';
@@ -114,31 +105,38 @@ overflow: hidden;
       position: relative;
       top: 2px;
     }
+
     .el-dialog__headerbtn {
       position: absolute;
       // top: 2%;
       right: 12px;
     }
   }
+
   .el-dialog__body {
     margin: 0px 12px;
     padding: 48px 24px;
     background: #fff;
     border: 1px solid #dfe7f3;
+
     .el-button {
       padding: 8px 16px;
       border: none;
     }
+
     .el-form {
       .el-checkbox {
         line-height: 32px;
         height: 32px;
       }
+
       .form-item-mb0 {
         margin-bottom: 0 !important;
       }
+
       .el-form-item {
         margin-bottom: 24px;
+
         .el-form-item__label {
           height: 32px;
           line-height: 32px;
@@ -148,21 +146,25 @@ overflow: hidden;
         .el-form-item__content {
           // height: 32px;
           line-height: 32px;
+
           // date 组件有图标
           .has-icon.el-date-editor {
             .el-input__inner {
               padding-left: 32px;
             }
           }
+
           .el-input__inner {
             padding: 0 8px;
             height: 32px;
             line-height: 32px;
             text-align: left;
           }
+
           .el-textarea__inner {
             padding: 8px 8px;
           }
+
           .el-input .el-input__icon {
             font-size: 14px;
             color: #747e8c;
@@ -170,6 +172,7 @@ overflow: hidden;
         }
       }
     }
+
     .el-select,
     .el-cascader,
     .el-date-editor {
@@ -183,11 +186,13 @@ overflow: hidden;
     height: 56px;
     line-height: 56px;
     border: none;
+
     .el-button {
       padding: 8px 16px;
       border: none;
     }
-    .el-button + .el-button {
+
+    .el-button+.el-button {
       margin-left: 12px;
     }
   }

@@ -3,90 +3,87 @@
   <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog"
     custom-class="dialogBox editDialogBox mainCenter" :visible.sync="dialogVisible" width="85%">
     <div slot="title" class="dialog_title" ref="dialogTitle">
-      <b>{{ title || '标题' }}</b>
+      {{ 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 v-if="titleName == 'sjmx'" class="sjmx">
-      <div class="dialog-from">
+      <div class="dialog-from" v-if="titleName == 'sjmx'">
         <el-row>
           <el-col :span="5">
             <span>业务报文ID：</span>
-            <div>{{ dataReport.BizMsgId }}</div>
+            <p>{{ dataReport.BizMsgId }}</p>
           </el-col>
           <el-col :span="7">
             <span>接入报文ID：</span>
-            <div>{{ dataReport.ASID }}</div>
+            <p>{{ dataReport.ASID }}</p>
           </el-col>
           <el-col :span="5">
             <span>行政区划编码：</span>
-            <div>{{ dataReport.AreaCode }}</div>
+            <p>{{ dataReport.AreaCode }}</p>
           </el-col>
           <el-col :span="7">
             <span>上次不动产单元号：</span>
-            <div>{{ dataReport.PreEstateNum }}</div>
+            <p>{{ dataReport.PreEstateNum }}</p>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="5">
             <span>业务编码：</span>
-            <div>{{ dataReport.RecType }}</div>
+            <p>{{ dataReport.RecType }}</p>
           </el-col>
           <el-col :span="7">
             <span>权利类型：</span>
-            <div>{{ dataReport.RightType }}</div>
+            <p>{{ dataReport.RightType }}</p>
           </el-col>
           <el-col :span="5">
             <span>登记类型：</span>
-            <div>{{ dataReport.RegType }}</div>
+            <p>{{ dataReport.RegType }}</p>
           </el-col>
           <el-col :span="7">
             <span>不动产权证书数量：</span>
-            <div>{{ dataReport.CertCount }}</div>
+            <p>{{ dataReport.CertCount }}</p>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="5">
             <span>创建时间：</span>
-            <div>{{ dataReport.createDate }}</div>
+            <p>{{ dataReport.createDate }}</p>
           </el-col>
           <el-col :span="7">
             <span>业务流水号：</span>
-            <div>{{ dataReport.RecFlowID }}</div>
+            <p>{{ dataReport.RecFlowID }}</p>
           </el-col>
           <el-col :span="5">
             <span>登记机构：</span>
-            <div>{{ dataReport.RegOrgID }}</div>
+            <p>{{ dataReport.RegOrgID }}</p>
           </el-col>
           <el-col :span="7">
             <span>证明数量：</span>
-            <div>{{ dataReport.ProofCount }}</div>
+            <p>{{ dataReport.ProofCount }}</p>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="5">
             <span>宗地/宗海代码：</span>
-            <div>{{ dataReport.ParcelID }}</div>
+            <p>{{ dataReport.ParcelID }}</p>
           </el-col>
           <el-col :span="7">
             <span>不动产单元号：</span>
-            <div>{{ dataReport.EstateNum }}</div>
+            <p>{{ dataReport.EstateNum }}</p>
           </el-col>
-          <el-col :span="10">
+          <el-col :span="11">
             <span>上次不动产权证号/不动产登记证明：</span>
-            <div>{{ dataReport.PreCertID }}</div>
+            <p>{{ dataReport.PreCertID }}</p>
           </el-col>
         </el-row>
-        <!-- <el-row>
-          <el-col :span="24">
-            <span>数字签名：</span>
-            <div>{{ dataReport.digitalsign }}</div>
-          </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">
@@ -104,6 +101,7 @@
         <Xyjg :form-data='dataReport'></Xyjg>
       </div>
       <JsonEditor :resultInfo="resultInfo" v-if="titleName == 'xml'" />
+    </div>
   </el-dialog>
 </template>
 
@@ -281,12 +279,14 @@ export default {
     border: 1px solid #224C7C !important;
     margin: 0 0 10px 0 !important;
     width: 100% !important;
+    background: transparent !important;
   }
 
   /deep/.el-input__inner {
     border: 1px solid #224C7C !important;
     margin: 0 !important;
     width: 100% !important;
+    background: transparent !important;
   }
 }
 
@@ -296,7 +296,6 @@ export default {
 }
 
 /deep/ .el-tabs {
-  margin: 0 15px 0 15px;
   color: #CEF8FF;
 }
 
@@ -342,6 +341,7 @@ export default {
 
 /deep/.el-tabs__header {
   border: none;
+  margin-bottom: 0;
 }
 
 /deep/.el-tabs__item.is-top:not(:last-child) {
@@ -389,11 +389,14 @@ export default {
   height: 825px !important;
 
   .dialog-from {
-    padding: 15px;
-    background: #08346F;
+    padding: 13px;
     border-radius: 2px;
     box-sizing: border-box;
-    margin: -3px 15px 15px 15px;
+
+    .el-row {
+      display: flex;
+      flex-wrap: nowrap;
+    }
 
     .el-col {
       line-height: 18px;
@@ -401,19 +404,22 @@ export default {
       align-items: center;
       margin-bottom: 3px;
       color: #B5D6DC;
+      border-radius: 2px;
+      border: 1px solid #224C7C;
+      margin: 5px;
 
       span {
         display: inline-block;
         padding: 3px;
         border-radius: 3px;
         overflow: hidden;
-        min-width: 140px;
-        text-align: right;
-        margin-right: 5px;
+        width: 100px;
+        white-space: nowrap;
+        text-align: left;
         color: #02D9FD;
       }
 
-      div {
+      p {
         flex: 1;
         width: 100%;
         padding-left: 5px;
@@ -421,6 +427,7 @@ export default {
         color: #c0c4cc;
         cursor: not-allowed;
         margin-right: 5px;
+        text-align: right;
       }
     }
   }
@@ -428,17 +435,17 @@ export default {
   .dialog_title {
     display: flex;
     position: relative;
-    top: -2px;
-
-    b {
-      flex: 1;
-      width: 100%;
-      @flex-center();
-    }
+    font-size: 24px;
+    top: -11px;
+    width: 38%;
+    height: 40px;
+    margin-left: 28px;
+    justify-content: center;
   }
 
   .el-dialog__header {
-    height: 50px;
+    display: flex;
+    margin-bottom: 15px;
   }
 
   .dialog_footer {

 <template>
   <div>
     <i class="icon-tubiao-242 iconfont" :title="title" @click="openDialog" />
-    <el-dialog
-      :key="key"
-      :title="title"
-      :inner-dialog="true"
-      :visible.sync="dialogVisible"
-      width="600px"
-      :close-on-click-modal="false"
-      append-to-body
-      @cancel="cancel"
-    >
-      <vue-json-editor
-        id="minejson"
-        v-model="resultInfo"
-        :mode="'code'"
-        lang="zh"
-        @json-change="onJsonChange"
-        @json-save="onJsonSave"
-        @has-error="onError"
-      />
-      <el-tooltip
-        content="全屏缩放"
-        effect="dark"
-        placement="bottom"
-        fullscreen
-        class="fullScreen"
-      >
+    <el-dialog :key="key" :title="title" :inner-dialog="true" :visible.sync="dialogVisible" width="600px"
+      :close-on-click-modal="false" append-to-body @cancel="cancel">
+      <vue-json-editor id="minejson" v-model="resultInfo" :mode="'code'" lang="zh" @json-change="onJsonChange"
+        @json-save="onJsonSave" @has-error="onError" />
+      <el-tooltip content="全屏缩放" effect="dark" placement="bottom" fullscreen class="fullScreen">
         <i class="el-icon-full-screen" @click="enLarge" />
       </el-tooltip>
       <template slot="footer">
         <div class="dialog-footer flex flex-pack-center">
-          <el-button
-            type="primary"
-            class="confirmBtn"
-            @click="onJsonSave"
-          >保存</el-button>
-          <el-button
-            type="primary"
-            class="cancelBtn"
-            @click="cancel"
-          >关闭</el-button>
+          <el-button type="primary" class="confirmBtn" @click="onJsonSave">保存</el-button>
+          <el-button type="primary" class="cancelBtn" @click="cancel">关闭</el-button>
         </div>
       </template>
     </el-dialog>
@@ -62,7 +33,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data () {
     return {
       activeNames: [],
       resultInfo: {},
@@ -75,7 +46,7 @@ export default {
   },
   watch: {
     resultInfos: {
-      handler: function(val) {
+      handler: function (val) {
         ++this.key
         this.resultInfo =
           this.resultInfos === '' ? {} : JSON.parse(this.resultInfos)
@@ -86,17 +57,17 @@ export default {
     }
   },
 
-  mounted() {
+  mounted () {
     this.resultInfo =
       this.resultInfos === '' ? {} : JSON.parse(this.resultInfos)
   },
 
   methods: {
-    onJsonChange(value) {
+    onJsonChange (value) {
       // 只有在格式正确的时候进入此事件
       this.hasJsonFlag = true
     },
-    onJsonSave() {
+    onJsonSave () {
       const value = this.resultInfo
       console.log(this.resultInfo, 'resultInfo')
       if (this.hasJsonFlag === false) {
@@ -109,19 +80,19 @@ export default {
         return true
       }
     },
-    onError(value) {
+    onError (value) {
       this.hasJsonFlag = false
     },
-    openDialog() {
+    openDialog () {
       this.dialogVisible = true
     },
-    cancel() {
+    cancel () {
       console.log(this.tmpResultInfo, 'tmpResultInfo')
       this.resultInfo = this.tmpResultInfo
       this.dialogVisible = false
     },
     // 放大
-    enLarge() {
+    enLarge () {
       const fullarea = document.getElementById('minejson')
       if (fullarea.requestFullscreen) {
         fullarea.requestFullscreen()
@@ -146,9 +117,11 @@ export default {
   top: 1px;
   color: #349af3;
 }
+
 ::v-deep .jsoneditor-vue {
   height: 100%;
 }
+
 .fullScreen {
   position: absolute;
   right: 5%;
@@ -156,22 +129,28 @@ export default {
   cursor: pointer;
   color: #fff;
 }
+
 ::v-deep .jsoneditor-modes {
   display: none !important;
 }
+
 .jsoneditor-poweredBy {
   display: none !important;
 }
+
 .jsoneditor-menu {
   background-color: #9c9e9f !important;
   border-bottom: 1px solid #9c9e9f !important;
 }
+
 .jsoneditor {
   border: 1px solid #9c9e9f !important;
 }
+
 .el-collapse {
   border: 0;
 }
+
 .el-collapse-item__header {
   height: 44px;
 }

@@ -35,6 +35,14 @@
   .dialogBox-content {
     height: auto
   }
+
+  .editDialogBox-box {
+    background: #031A46;
+    box-shadow: inset 0px 0px 12px 0px #02D9FD;
+    border-radius: 2px;
+    border: 1px solid #6BC1FC;
+    margin: 0 18px 15px 18px;
+  }
 }
 
 .dialog_title {
@@ -57,13 +65,18 @@
   padding-bottom: 0;
 }
 
-.el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF !important;
-  position: relative;
-  top: -2px;
-  right: 15px
+.el-dialog__headerbtn {
+  width: 42px;
+  height: 20px;
+  background: url("~@/image/closebg.png") no-repeat;
+  background-size: 100% 100%;
+  right: 40px;
+  top: 33px;
 }
 
+.el-dialog__close {
+  font-size: 0;
+}
 
 .el-form-item {
   @include flex;
@@ -88,8 +101,9 @@
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
+
   // 展开收起按钮位置
-.el-input__suffix{
+  .el-input__suffix {
     right: 10px;
-}
+  }
 }
\ No newline at end of file

@@ -180,13 +180,13 @@ table th {
   border-bottom: none !important;
 }
 
-.el-table__body {
-  -webkit-border-vertical-spacing: 6px !important; // 垂直间距
-}
+// .el-table__body {
+//   -webkit-border-vertical-spacing: 6px !important; // 垂直间距
+// }
 
 table td {
   box-sizing: border-box;
-  border-bottom: none !important;
+  border-bottom: 1px solid #458ACF !important;
 }
 
 //去掉最下面的那一条线
@@ -460,5 +460,4 @@ table td {
 .el-select-dropdown__item.hover,
 .el-select-dropdown__item:hover {
   background-color: transparent !important;
-  ;
 }
\ No newline at end of file

@@ -5,16 +5,16 @@
         background-color: rgba(0, 0, 0, 0);
 
         .el-table__header-wrapper {
-            border-right: 1px solid #103E99;
+            border-right: none;
 
         }
 
         .el-table__row .cell {
-            color: #DBFAFF !important;
+            color: #CEF8FF !important;
         }
 
         .el-table__row {
-            background: #0F56A3 !important;
+            background: rgba(0, 0, 0, 0) !important;
         }
 
         thead {

@@ -36,16 +36,17 @@ class data extends filter {
       {
         prop: "areacode",
         label: "行政区代码",
-        width: 70,
+        width: 90,
       },
       {
         prop: "areaName",
         label: "行政区名称",
-        width: 70,
+        width: 90,
       },
       {
         prop: "bizMsgid",
         label: "业务报文ID",
+        width: 90,
       },
       {
         prop: "createdate",
@@ -65,7 +66,7 @@ class data extends filter {
       {
         prop: "rectype",
         label: "业务编码",
-        width: 70,
+        width: 80,
       },
       {
         prop: "rectypeName",

@@ -17,13 +17,13 @@
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="接收开始日期" prop="startTime">
+            <el-form-item label="接收日期" prop="receiveStartTime">
               <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
                 clearable v-model="form.receiveStartTime" value-format="yyyy-MM-dd"></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="接收结束日期" prop="endTime">
+            <el-form-item label="至" prop="receiveEndTime" label-width="35px">
               <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
                 clearable v-model="form.receiveEndTime" value-format="yyyy-MM-dd"></el-date-picker>
             </el-form-item>
@@ -116,19 +116,25 @@ export default {
   },
   data () {
     return {
-      // 开始结束日期限制
       pickerOptionsStart: {
         disabledDate: (time) => {
-          if (this.form.endTime) {
-            return time.getTime() >= new Date(this.form.endTime).getTime();
+          let endDateVal = this.form.receiveEndTime;
+          if (endDateVal) {
+            return (
+              time.getTime() >
+              new Date(endDateVal).getTime() - 1 * 24 * 60 * 60 * 1000
+            );
           }
         },
       },
-      // 结束日期限制
       pickerOptionsEnd: {
         disabledDate: (time) => {
-          if (this.form.startTime) {
-            return time.getTime() <= new Date(this.form.startTime).getTime();
+          let beginDateVal = this.form.receiveStartTime;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime() + 1 * 24 * 60 * 60 * 1000
+            );
           }
         },
       },

@@ -8,3 +8,8 @@
     transform: translateX(-50%);
   }
 }
+
+.zhi {
+  color: #FFFFFF;
+  text-align: center;
+}
\ No newline at end of file

@@ -16,18 +16,16 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <el-form-item label="汇交时间" prop="startTime">
-              <el-row :gutter="20">
-                <el-col :span="12">
+          <el-col :span="6">
+            <el-form-item label="汇交时间" prop="exchangeStartTime">
               <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
                 clearable v-model="form.exchangeStartTime" value-format="yyyy-MM-dd"></el-date-picker>
+            </el-form-item>
           </el-col>
-                <el-col :span="12">
+          <el-col :span="6">
+            <el-form-item label="至" prop="exchangeStartTime" label-width="35px">
               <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
                 clearable v-model="form.exchangeEndTime" value-format="yyyy-MM-dd"></el-date-picker>
-                </el-col>
-              </el-row>
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -104,20 +102,16 @@ export default {
       // 开始结束日期限制
       pickerOptionsStart: {
         disabledDate: (time) => {
-          if (this.form.reportEndTime) {
-            return (
-              time.getTime() >= new Date(this.form.reportEndTime).getTime()
-            );
+          if (this.form.exchangeEndTime) {
+            return time.getTime() >= new Date(this.form.exchangeEndTime).getTime();
           }
         },
       },
       // 结束日期限制
       pickerOptionsEnd: {
         disabledDate: (time) => {
-          if (this.form.reportStartTime) {
-            return (
-              time.getTime() <= new Date(this.form.reportStartTime).getTime()
-            );
+          if (this.form.exchangeStartTime) {
+            return time.getTime() <= new Date(this.form.exchangeStartTime).getTime();
           }
         },
       },