添加/更正/综合查询增加二级菜单
Showing
3 changed files
with
44 additions
and
1 deletions
1 | <template> | 1 | <template> |
2 | <el-tabs v-model="activeName" class="tabs"> | ||
3 | <el-tab-pane label="添加" name="tj"> | ||
2 | <div class="main"> | 4 | <div class="main"> |
3 | <p class="tips">查询条件</p> | 5 | <p class="tips">查询条件</p> |
4 | <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> | 6 | <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> |
... | @@ -50,6 +52,8 @@ | ... | @@ -50,6 +52,8 @@ |
50 | </div> | 52 | </div> |
51 | </div> | 53 | </div> |
52 | </div> | 54 | </div> |
55 | </el-tab-pane> | ||
56 | </el-tabs> | ||
53 | </template> | 57 | </template> |
54 | 58 | ||
55 | <script> | 59 | <script> |
... | @@ -63,6 +67,7 @@ | ... | @@ -63,6 +67,7 @@ |
63 | props: {}, | 67 | props: {}, |
64 | data() { | 68 | data() { |
65 | return { | 69 | return { |
70 | activeName:'tj', | ||
66 | type:'add', | 71 | type:'add', |
67 | total: 0, | 72 | total: 0, |
68 | pageNo: 1, | 73 | pageNo: 1, |
... | @@ -157,6 +162,15 @@ | ... | @@ -157,6 +162,15 @@ |
157 | }; | 162 | }; |
158 | </script> | 163 | </script> |
159 | <style scoped lang="less"> | 164 | <style scoped lang="less"> |
165 | |||
166 | .tabs{ | ||
167 | height: calc(100% - 50px); | ||
168 | /deep/.el-tabs__content{ | ||
169 | height: 100%; | ||
170 | /deep/.el-tab-pane{ | ||
171 | height: 100%; | ||
172 | } | ||
173 | } | ||
160 | .main { | 174 | .main { |
161 | width: 100%; | 175 | width: 100%; |
162 | height: 100%; | 176 | height: 100%; |
... | @@ -188,4 +202,5 @@ | ... | @@ -188,4 +202,5 @@ |
188 | } | 202 | } |
189 | } | 203 | } |
190 | } | 204 | } |
205 | } | ||
191 | </style> | 206 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-tabs v-model="activeName" class="tabs"> | ||
3 | <el-tab-pane label="更正" name="gz"> | ||
2 | <div class="main"> | 4 | <div class="main"> |
3 | <p class="tips">查询条件</p> | 5 | <p class="tips">查询条件</p> |
4 | <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> | 6 | <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> |
... | @@ -57,6 +59,8 @@ | ... | @@ -57,6 +59,8 @@ |
57 | </div> | 59 | </div> |
58 | </div> | 60 | </div> |
59 | </div> | 61 | </div> |
62 | </el-tab-pane> | ||
63 | </el-tabs> | ||
60 | </template> | 64 | </template> |
61 | 65 | ||
62 | <script> | 66 | <script> |
... | @@ -71,6 +75,7 @@ | ... | @@ -71,6 +75,7 @@ |
71 | props: {}, | 75 | props: {}, |
72 | data() { | 76 | data() { |
73 | return { | 77 | return { |
78 | activeName:'gz', | ||
74 | type:'modify', | 79 | type:'modify', |
75 | qszt: ['1'], | 80 | qszt: ['1'], |
76 | total: 0, | 81 | total: 0, |
... | @@ -226,6 +231,14 @@ | ... | @@ -226,6 +231,14 @@ |
226 | }; | 231 | }; |
227 | </script> | 232 | </script> |
228 | <style scoped lang="less"> | 233 | <style scoped lang="less"> |
234 | .tabs{ | ||
235 | height: calc(100% - 50px); | ||
236 | /deep/.el-tabs__content{ | ||
237 | height: 100%; | ||
238 | /deep/.el-tab-pane{ | ||
239 | height: 100%; | ||
240 | } | ||
241 | } | ||
229 | .main { | 242 | .main { |
230 | width: 100%; | 243 | width: 100%; |
231 | height: 100%; | 244 | height: 100%; |
... | @@ -257,4 +270,5 @@ | ... | @@ -257,4 +270,5 @@ |
257 | } | 270 | } |
258 | } | 271 | } |
259 | } | 272 | } |
273 | } | ||
260 | </style> | 274 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-tabs v-model="activeName" class="tabs"> | ||
3 | <el-tab-pane label="综合查询" name="zhcx"> | ||
2 | <div class="main"> | 4 | <div class="main"> |
3 | <p class="tips">查询条件</p> | 5 | <p class="tips">查询条件</p> |
4 | <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> | 6 | <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> |
... | @@ -54,6 +56,8 @@ | ... | @@ -54,6 +56,8 @@ |
54 | 56 | ||
55 | </div> | 57 | </div> |
56 | </div> | 58 | </div> |
59 | </el-tab-pane> | ||
60 | </el-tabs> | ||
57 | </template> | 61 | </template> |
58 | 62 | ||
59 | <script> | 63 | <script> |
... | @@ -67,6 +71,7 @@ | ... | @@ -67,6 +71,7 @@ |
67 | props: {}, | 71 | props: {}, |
68 | data() { | 72 | data() { |
69 | return { | 73 | return { |
74 | activeName:'zhcx', | ||
70 | type:'all', | 75 | type:'all', |
71 | total: 0, | 76 | total: 0, |
72 | pageNo: 1, | 77 | pageNo: 1, |
... | @@ -183,11 +188,19 @@ | ... | @@ -183,11 +188,19 @@ |
183 | }; | 188 | }; |
184 | </script> | 189 | </script> |
185 | <style scoped lang="less"> | 190 | <style scoped lang="less"> |
191 | .tabs{ | ||
192 | height: calc(100% - 50px); | ||
193 | /deep/.el-tabs__content{ | ||
194 | height: 100%; | ||
195 | /deep/.el-tab-pane{ | ||
196 | height: 100%; | ||
197 | } | ||
198 | } | ||
186 | .main { | 199 | .main { |
187 | width: 100%; | 200 | width: 100%; |
188 | height: 100%; | 201 | height: 100%; |
189 | box-sizing: border-box; | 202 | box-sizing: border-box; |
190 | padding: 0 18px; | 203 | padding: 0 18px 0 0; |
191 | display: flex; | 204 | display: flex; |
192 | flex-direction: column; | 205 | flex-direction: column; |
193 | background-color: #EAEDF5; | 206 | background-color: #EAEDF5; |
... | @@ -223,4 +236,5 @@ | ... | @@ -223,4 +236,5 @@ |
223 | width: 230px; | 236 | width: 230px; |
224 | } | 237 | } |
225 | } | 238 | } |
239 | } | ||
226 | </style> | 240 | </style> | ... | ... |
-
Please register or sign in to post a comment