添加/更正/综合查询增加二级菜单
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