附记
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