附记
Showing
3 changed files
with
39 additions
and
4 deletions
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="证书预览" :isReset='false' :isSave='false' width="80%" | 2 | <dialogBox title="证书预览" :isReset='false' :isSave='false' width="75%" |
| 3 | @closeDialog="closeDialog" v-model="value"> | 3 | @closeDialog="closeDialog" v-model="value"> |
| 4 | <div class="from-clues"> | 4 | <div class="from-clues"> |
| 5 | <!-- 表单部分 --> | 5 | <!-- 表单部分 --> |
| 6 | <div class="zsyl-box"> | 6 | <div class="zsyl-box"> |
| 7 | <div class="zsyl-left"> | 7 | <div class="zsyl-left"> |
| 8 | <div class="zsyl-title">____()_______不动产权第 号</div> | 8 | <div class="zsyl-title"> |
| 9 | <span>_________</span> | ||
| 10 | <span>(</span> | ||
| 11 | <span>)</span> | ||
| 12 | <span>_________________</span> | ||
| 13 | <span>不动产权第</span> | ||
| 14 | <span>号</span> | ||
| 15 | </div> | ||
| 9 | <lb-table :show-header="false" :column="columns" border :heightNum="390" :pagination="false" heightNumSetting | 16 | <lb-table :show-header="false" :column="columns" border :heightNum="390" :pagination="false" heightNumSetting |
| 10 | :data="tableData"> | 17 | :data="tableData"> |
| 11 | </lb-table> | 18 | </lb-table> |
| 12 | </div> | 19 | </div> |
| 13 | <div class="zsyl-right"> | 20 | <div class="zsyl-right"> |
| 14 | <div class="zsyl-title">附记</div> | 21 | <div class="zsyl-title">附记</div> |
| 15 | <div></div> | 22 | <div class="zsyl-text"></div> |
| 16 | </div> | 23 | </div> |
| 17 | </div> | 24 | </div> |
| 18 | </div> | 25 | </div> |
| ... | @@ -46,6 +53,7 @@ export default { | ... | @@ -46,6 +53,7 @@ export default { |
| 46 | { | 53 | { |
| 47 | prop: "assignee", | 54 | prop: "assignee", |
| 48 | label: "", | 55 | label: "", |
| 56 | align:'left' | ||
| 49 | }, | 57 | }, |
| 50 | 58 | ||
| 51 | ]; | 59 | ]; |
| ... | @@ -112,11 +120,34 @@ export default { | ... | @@ -112,11 +120,34 @@ export default { |
| 112 | .zsyl-box{ | 120 | .zsyl-box{ |
| 113 | display: flex; | 121 | display: flex; |
| 114 | justify-content: space-between; | 122 | justify-content: space-between; |
| 123 | padding: 20px; | ||
| 124 | background: #FAFBE5; | ||
| 115 | .zsyl-left{ | 125 | .zsyl-left{ |
| 116 | width: 45%; | 126 | width: 45%; |
| 127 | .zsyl-title span:nth-child(3){ | ||
| 128 | margin-left: 75px; | ||
| 129 | } | ||
| 130 | .zsyl-title span:nth-child(6){ | ||
| 131 | float: right; | ||
| 132 | } | ||
| 117 | } | 133 | } |
| 118 | .zsyl-right{ | 134 | .zsyl-right{ |
| 119 | width: 45%; | 135 | width: 45%; |
| 136 | .zsyl-title{ | ||
| 137 | letter-spacing: 60px; | ||
| 138 | text-align: center; | ||
| 139 | text-indent: 60px; | ||
| 140 | } | ||
| 141 | .zsyl-text{ | ||
| 142 | border: 1px solid #E4EBF4; | ||
| 143 | height: 90%; | ||
| 144 | } | ||
| 145 | } | ||
| 146 | .zsyl-title{ | ||
| 147 | margin-bottom: 12px; | ||
| 148 | } | ||
| 149 | /deep/.el-table__row{ | ||
| 150 | background: #FAFBE5!important; | ||
| 120 | } | 151 | } |
| 121 | } | 152 | } |
| 122 | </style> | 153 | </style> | ... | ... |
| ... | @@ -41,7 +41,7 @@ | ... | @@ -41,7 +41,7 @@ |
| 41 | <el-tabs v-model="activeName"> | 41 | <el-tabs v-model="activeName"> |
| 42 | <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index"> | 42 | <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index"> |
| 43 | <div class="splitScreen-con" v-if='index == 0'> | 43 | <div class="splitScreen-con" v-if='index == 0'> |
| 44 | <component :is="editItem" :flag="flag" :key="key" /> | 44 | <component ref='slxx' :is="editItem" :flag="flag" :key="key" /> |
| 45 | </div> | 45 | </div> |
| 46 | <component :is="editItem" v-else :key="key" /> | 46 | <component :is="editItem" v-else :key="key" /> |
| 47 | </el-tab-pane> | 47 | </el-tab-pane> | ... | ... |
-
Please register or sign in to post a comment