附记

@@ -191,4 +191,8 @@ export default {
     border: 1px solid #ebf2fa;
   }
 }
+/deep/.el-table .cell{
+  padding-left: 3px;
+  padding-right: 3px;
+}
 </style>

 <template>
-  <dialogBox title="证书预览" :isReset='false' :isSave='false'   width="80%" 
+  <dialogBox title="证书预览" :isReset='false' :isSave='false'   width="75%" 
      @closeDialog="closeDialog" v-model="value">
     <div class="from-clues">
       <!-- 表单部分 -->
       <div class="zsyl-box">
              <div class="zsyl-left">
-                  <div class="zsyl-title">____()_______不动产权第         号</div>
+                  <div class="zsyl-title">
+                    <span>_________</span>
+                    <span>(</span>
+                    <span>)</span>
+                    <span>_________________</span>
+                    <span>不动产权第</span>
+                    <span>号</span>
+                  </div>
                   <lb-table  :show-header="false"  :column="columns" border  :heightNum="390"  :pagination="false" heightNumSetting
                   :data="tableData">
                 </lb-table>
              </div>
              <div class="zsyl-right">
               <div class="zsyl-title">附记</div>
-              <div></div>
+              <div class="zsyl-text"></div>
              </div>
       </div>
     </div>
@@ -46,6 +53,7 @@ export default {
       {
         prop: "assignee",
         label: "",
+        align:'left'
       },
      
     ];
@@ -112,11 +120,34 @@ export default {
 .zsyl-box{
   display: flex;
   justify-content: space-between;
+  padding: 20px;
+  background: #FAFBE5;
   .zsyl-left{
     width: 45%;
+    .zsyl-title span:nth-child(3){
+      margin-left: 75px;
+    }
+    .zsyl-title span:nth-child(6){
+      float: right;
+    }
   }
   .zsyl-right{
     width: 45%;
+    .zsyl-title{
+      letter-spacing: 60px;
+    text-align: center;
+    text-indent: 60px;
+    }
+    .zsyl-text{
+      border: 1px solid #E4EBF4;
+      height: 90%;
+    }
+  }
+  .zsyl-title{
+    margin-bottom: 12px;
+  }
+  /deep/.el-table__row{
+    background: #FAFBE5!important;
   }
 }
 </style>

@@ -41,7 +41,7 @@
         <el-tabs v-model="activeName">
           <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
             <div class="splitScreen-con" v-if='index == 0'>
-              <component :is="editItem" :flag="flag" :key="key" />
+              <component ref='slxx' :is="editItem" :flag="flag" :key="key" />
             </div>
             <component :is="editItem" v-else :key="key" />
           </el-tab-pane>