Skip to content

蔡永松 / fontweb-dc

Go to a project
Toggle navigation
Toggle navigation pinning
57d903bc by 焦小希
Options

统一页面风格样式，联调接口

1 parent 2cbbd032
Inline Side-by-side
Showing 7 changed files with 74 additions and 33 deletions
...@@ -41,6 +41,7 @@ ...@@ -41,6 +41,7 @@
41 } 41 }
42 .el-table{ 42 .el-table{
43 margin-top: 20px; 43 margin-top: 20px;
44 border: 1px solid #cac8c8
44 } 45 }
45 .el-table th { 46 .el-table th {
46 background:#F2F2F2 !important; 47 background:#F2F2F2 !important;
...@@ -51,7 +52,9 @@ ...@@ -51,7 +52,9 @@
51 .block{ 52 .block{
52 float: right; 53 float: right;
53 background: #fff; 54 background: #fff;
54 margin-top: 10px; 55 position: fixed;
56 bottom: 0;
57 right: 0;
55 } 58 }
56 .el-table__row{ 59 .el-table__row{
57 cursor: pointer; 60 cursor: pointer;
...@@ -141,7 +144,7 @@ ...@@ -141,7 +144,7 @@
141 </el-table-column> 144 </el-table-column>
142 <el-table-column 145 <el-table-column
143 prop="jssi" 146 prop="jssi"
144 label="接受时间" 147 label="接收时间"
145 align="center" 148 align="center"
146 width="200" 149 width="200"
147 > 150 >
...@@ -208,7 +211,7 @@ ...@@ -208,7 +211,7 @@
208 </el-table-column> 211 </el-table-column>
209 <el-table-column 212 <el-table-column
210 prop="jssi" 213 prop="jssi"
211 label="接受时间" 214 label="接收时间"
212 align="center" 215 align="center"
213 width="200" 216 width="200"
214 > 217 >
...@@ -275,7 +278,7 @@ ...@@ -275,7 +278,7 @@
275 </el-table-column> 278 </el-table-column>
276 <el-table-column 279 <el-table-column
277 prop="jssi" 280 prop="jssi"
278 label="接受时间" 281 label="接收时间"
279 align="center" 282 align="center"
280 width="200" 283 width="200"
281 > 284 >
...@@ -342,7 +345,7 @@ ...@@ -342,7 +345,7 @@
342 </el-table-column> 345 </el-table-column>
343 <el-table-column 346 <el-table-column
344 prop="jssi" 347 prop="jssi"
345 label="接受时间" 348 label="接收时间"
346 align="center" 349 align="center"
347 width="200" 350 width="200"
348 > 351 >
......
...@@ -41,6 +41,7 @@ ...@@ -41,6 +41,7 @@
41 } 41 }
42 .el-table{ 42 .el-table{
43 margin-top: 20px; 43 margin-top: 20px;
44 border: 1px solid #cac8c8
44 } 45 }
45 .el-table th { 46 .el-table th {
46 background:#F2F2F2 !important; 47 background:#F2F2F2 !important;
...@@ -51,7 +52,9 @@ ...@@ -51,7 +52,9 @@
51 .block{ 52 .block{
52 float: right; 53 float: right;
53 background: #fff; 54 background: #fff;
54 margin-top: 10px; 55 position: fixed;
56 bottom: 0;
57 right: 0;
55 } 58 }
56 .el-table__row{ 59 .el-table__row{
57 cursor: pointer; 60 cursor: pointer;
...@@ -142,7 +145,7 @@ ...@@ -142,7 +145,7 @@
142 </el-table-column> 145 </el-table-column>
143 <el-table-column 146 <el-table-column
144 prop="jssj" 147 prop="jssj"
145 label="接受时间" 148 label="接收时间"
146 align="center" 149 align="center"
147 width="200" 150 width="200"
148 > 151 >
...@@ -210,7 +213,7 @@ ...@@ -210,7 +213,7 @@
210 </el-table-column> 213 </el-table-column>
211 <el-table-column 214 <el-table-column
212 prop="jssi" 215 prop="jssi"
213 label="接受时间" 216 label="接收时间"
214 align="center" 217 align="center"
215 width="200" 218 width="200"
216 > 219 >
...@@ -278,7 +281,7 @@ ...@@ -278,7 +281,7 @@
278 </el-table-column> 281 </el-table-column>
279 <el-table-column 282 <el-table-column
280 prop="jssi" 283 prop="jssi"
281 label="接受时间" 284 label="接收时间"
282 align="center" 285 align="center"
283 width="200" 286 width="200"
284 > 287 >
...@@ -346,7 +349,7 @@ ...@@ -346,7 +349,7 @@
346 </el-table-column> 349 </el-table-column>
347 <el-table-column 350 <el-table-column
348 prop="jssi" 351 prop="jssi"
349 label="接受时间" 352 label="接收时间"
350 align="center" 353 align="center"
351 width="200" 354 width="200"
352 > 355 >
......
...@@ -41,6 +41,7 @@ ...@@ -41,6 +41,7 @@
41 } 41 }
42 .el-table{ 42 .el-table{
43 margin-top: 20px; 43 margin-top: 20px;
44 border: 1px solid #cac8c8
44 } 45 }
45 .el-table th { 46 .el-table th {
46 background:#F2F2F2 !important; 47 background:#F2F2F2 !important;
...@@ -51,7 +52,9 @@ ...@@ -51,7 +52,9 @@
51 .block{ 52 .block{
52 float: right; 53 float: right;
53 background: #fff; 54 background: #fff;
54 margin-top: 10px; 55 position: fixed;
56 bottom: 0;
57 right: 0;
55 } 58 }
56 .el-table__row{ 59 .el-table__row{
57 cursor: pointer; 60 cursor: pointer;
...@@ -141,7 +144,7 @@ ...@@ -141,7 +144,7 @@
141 </el-table-column> 144 </el-table-column>
142 <el-table-column 145 <el-table-column
143 prop="jssi" 146 prop="jssi"
144 label="接受时间" 147 label="接收时间"
145 align="center" 148 align="center"
146 width="200" 149 width="200"
147 > 150 >
...@@ -208,7 +211,7 @@ ...@@ -208,7 +211,7 @@
208 </el-table-column> 211 </el-table-column>
209 <el-table-column 212 <el-table-column
210 prop="jssi" 213 prop="jssi"
211 label="接受时间" 214 label="接收时间"
212 align="center" 215 align="center"
213 width="200" 216 width="200"
214 > 217 >
...@@ -275,7 +278,7 @@ ...@@ -275,7 +278,7 @@
275 </el-table-column> 278 </el-table-column>
276 <el-table-column 279 <el-table-column
277 prop="jssi" 280 prop="jssi"
278 label="接受时间" 281 label="接收时间"
279 align="center" 282 align="center"
280 width="200" 283 width="200"
281 > 284 >
...@@ -342,7 +345,7 @@ ...@@ -342,7 +345,7 @@
342 </el-table-column> 345 </el-table-column>
343 <el-table-column 346 <el-table-column
344 prop="jssi" 347 prop="jssi"
345 label="接受时间" 348 label="接收时间"
346 align="center" 349 align="center"
347 width="200" 350 width="200"
348 > 351 >
......
...@@ -49,12 +49,14 @@ ...@@ -49,12 +49,14 @@
49 .el-table tbody tr:hover>td { 49 .el-table tbody tr:hover>td {
50 background-color:#EEF9FF!important 50 background-color:#EEF9FF!important
51 } 51 }
52 .el-table{
53 border: 1px solid #cac8c8
54 }
52 .block{ 55 .block{
53 float: right; 56 float: right;
54 background: #fff; 57 background: #fff;
55 margin-top: 10px; 58 position: fixed;
56 position:absolute; 59 bottom: 0;
57 bottom:0;
58 right: 0; 60 right: 0;
59 } 61 }
60 .el-table__row{ 62 .el-table__row{
...@@ -148,7 +150,7 @@ ...@@ -148,7 +150,7 @@
148 </el-table-column> 150 </el-table-column>
149 <el-table-column 151 <el-table-column
150 prop="jssi" 152 prop="jssi"
151 label="接受时间" 153 label="接收时间"
152 align="center" 154 align="center"
153 width="200" 155 width="200"
154 > 156 >
...@@ -215,7 +217,7 @@ ...@@ -215,7 +217,7 @@
215 </el-table-column> 217 </el-table-column>
216 <el-table-column 218 <el-table-column
217 prop="jssi" 219 prop="jssi"
218 label="接受时间" 220 label="接收时间"
219 align="center" 221 align="center"
220 width="200" 222 width="200"
221 > 223 >
...@@ -282,7 +284,7 @@ ...@@ -282,7 +284,7 @@
282 </el-table-column> 284 </el-table-column>
283 <el-table-column 285 <el-table-column
284 prop="jssi" 286 prop="jssi"
285 label="接受时间" 287 label="接收时间"
286 align="center" 288 align="center"
287 width="200" 289 width="200"
288 > 290 >
...@@ -349,12 +351,13 @@ ...@@ -349,12 +351,13 @@
349 </el-table-column> 351 </el-table-column>
350 <el-table-column 352 <el-table-column
351 prop="jssi" 353 prop="jssi"
352 label="接受时间" 354 label="接收时间"
353 align="center" 355 align="center"
354 width="200" 356 width="200"
355 > 357 >
356 </el-table-column> 358 </el-table-column>
357 </el-table> 359 </el-table>
360 </div>
358 <!-- 分页区域--> 361 <!-- 分页区域-->
359 <div class="block"> 362 <div class="block">
360 <el-pagination 363 <el-pagination
...@@ -367,7 +370,6 @@ ...@@ -367,7 +370,6 @@
367 :total="8"> 370 :total="8">
368 </el-pagination> 371 </el-pagination>
369 </div> 372 </div>
370 </div>
371 </div> 373 </div>
372 <script src="./js/widget.js"></script> 374 <script src="./js/widget.js"></script>
373 </body> 375 </body>
......
...@@ -5,6 +5,11 @@ var self = new Vue({ ...@@ -5,6 +5,11 @@ var self = new Vue({
5 search:'', 5 search:'',
6 projectId:null, 6 projectId:null,
7 userId:null, 7 userId:null,
8 flowid: 't1001_8a8610de737b99270173937337e00133',
9 userid: 't0101_8a8610de737b99270173941e5c50017e',
10 pageNum:1,
11 pageSize:2,
12 total:0,
8 params: { 13 params: {
9 rwListIndex: 0 14 rwListIndex: 0
10 }, 15 },
...@@ -101,11 +106,27 @@ var self = new Vue({ ...@@ -101,11 +106,27 @@ var self = new Vue({
101 ] 106 ]
102 } 107 }
103 }, 108 },
109 mounted(){
110 // this.getData();
111 },
104 methods:{ 112 methods:{
105 handleSizeChange(){ 113 handleSizeChange(){
106 114
107 }, 115 },
108 handleCurrentChange(){}, 116 handleCurrentChange(){},
117 getData() {
118 axios.get(CONF_NEWGHSC_SERVERURL + '/ghjg/backlog/'+this.pageNum+'/'+this.pageSize, {
119 params: {
120 flowid: this.flowid,
121 userId: this.userid,
122 keyword: this.search
123 }
124 }).then(res => {
125 this.total=res.data.data.total;
126 this.tabaledata = res.data.data.list;
127 }).catch();
128
129 },
109 clickData(row){ 130 clickData(row){
110 this.jumpdetailPage(row) 131 this.jumpdetailPage(row)
111 }, 132 },
......
...@@ -23,11 +23,13 @@ ...@@ -23,11 +23,13 @@
23 } 23 }
24 .el-input{ 24 .el-input{
25 margin-top:15px; 25 margin-top:15px;
26 margin-left:-100px;
27 } 26 }
28 .el-button{ 27 .el-button{
29 margin-top: 20px; 28 margin-top: 20px;
30 } 29 }
30 .el-table{
31 border: 1px solid #cac8c8
32 }
31 .el-table th { 33 .el-table th {
32 background:#F2F2F2 !important; 34 background:#F2F2F2 !important;
33 } 35 }
...@@ -37,7 +39,9 @@ ...@@ -37,7 +39,9 @@
37 .block{ 39 .block{
38 float: right; 40 float: right;
39 background: #fff; 41 background: #fff;
40 margin-top: 10px; 42 position: fixed;
43 bottom: 0;
44 right: 0;
41 } 45 }
42 .el-pagination__jump{ 46 .el-pagination__jump{
43 margin-top: -15px; 47 margin-top: -15px;
...@@ -90,7 +94,7 @@ ...@@ -90,7 +94,7 @@
90 <el-row :gutter="20"> 94 <el-row :gutter="20">
91 <el-col :span="4"> 95 <el-col :span="4">
92 <!-- <button class="btns">查询</button>--> 96 <!-- <button class="btns">查询</button>-->
93 <button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button> 97 <button class="btns" @click="openHandleJumpUrl('t1001_8a8610d86117e3b401611848a8690000')">添加</button>
94 <button class="btns">删除</button> 98 <button class="btns">删除</button>
95 </el-col> 99 </el-col>
96 <el-col :span="6"> 100 <el-col :span="6">
...@@ -177,18 +181,19 @@ ...@@ -177,18 +181,19 @@
177 </el-table-column> 181 </el-table-column>
178 </el-table> 182 </el-table>
179 <!-- 分页区域--> 183 <!-- 分页区域-->
184
185 </div>
180 <div class="block"> 186 <div class="block">
181 <el-pagination 187 <el-pagination
182 @size-change="handleSizeChange" 188 @size-change="handleSizeChange"
183 @current-change="handleCurrentChange" 189 @current-change="handleCurrentChange"
184 :current-page="1" 190 :current-page="pageNum"
185 :page-sizes="[2, 3, 5]" 191 :page-sizes="[2, 5, 8]"
186 :page-size="4" 192 :page-size="pageSize"
187 layout="total, sizes, prev, pager, next, jumper" 193 layout="total, sizes, prev, pager, next, jumper"
188 :total="8"> 194 :total="10">
189 </el-pagination> 195 </el-pagination>
190 </div> 196 </div>
191 </div>
192 </div> 197 </div>
193 <script src="./js/widget.js"></script> 198 <script src="./js/widget.js"></script>
194 </body> 199 </body>
......
...@@ -23,7 +23,6 @@ ...@@ -23,7 +23,6 @@
23 } 23 }
24 .el-input{ 24 .el-input{
25 margin-top:15px; 25 margin-top:15px;
26 margin-left:-100px;
27 } 26 }
28 .el-button{ 27 .el-button{
29 margin-top: 20px; 28 margin-top: 20px;
...@@ -31,13 +30,18 @@ ...@@ -31,13 +30,18 @@
31 .el-table th { 30 .el-table th {
32 background:#F2F2F2 !important; 31 background:#F2F2F2 !important;
33 } 32 }
33 .el-table{
34 border: 1px solid #cac8c8
35 }
34 .el-table tbody tr:hover>td { 36 .el-table tbody tr:hover>td {
35 background-color:#EEF9FF!important 37 background-color:#EEF9FF!important
36 } 38 }
37 .block{ 39 .block{
38 float: right; 40 float: right;
39 background: #fff; 41 background: #fff;
40 margin-top: 10px; 42 position: fixed;
43 bottom: 0;
44 right: 0;
41 } 45 }
42 .el-pagination__jump{ 46 .el-pagination__jump{
43 margin-top: -15px; 47 margin-top: -15px;
......