5907b297 by 杨威

添加/更正/综合查询增加二级菜单

1 parent d98a8767
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>
......