样式

src/components/TestThree.vue

@@ -1,10 +1,10 @@
 <template>
   <section class="taskmanage">
-    <div class="con1">
+    <div class="con1 grid_wrapper">
       <!-- <test-one v-if="currentIndex === 0"></test-one>
       <test-two v-if="currentIndex === 1"></test-two>
       <test-three v-if="currentIndex === 2"></test-three> -->
-      <table class="filter-table">
+      <table>
         <tr>
           <th>任务号</th>
           <th>目标站点</th>
@@ -15,7 +15,7 @@
           <td>{{e.task_num}}</td>
           <td>{{e.target_point}}</td>
           <td :class="{cyellow:e.task_status ==='1',cred:e.task_status ==='2',cgreen:e.task_status ==='0',}">{{e.task_status_name}}</td>
-          <td class="last-td">{{e.create_time}}<span v-if="e.task_uuid" :class="{'radio_checked': pkId === e.task_uuid}"></span></td>
+          <td class="last-td">{{e.create_time}}<div v-if="e.task_uuid" :class="{'radio_checked': pkId === e.task_uuid}"></div></td>
         </tr>
       </table>
     </div>
@@ -289,33 +289,33 @@ export default {
   color #00C852
 .con1
   float left
-  margin-top .39rem
-  width 10.4rem
-  margin-left .4rem
+  width 100%
+  padding 0.25rem
 .check-box
   width 1rem
 .radio_checked
+  position relative
+  top 10px
   display inline-block
-  width .32rem
-  height .32rem
-  margin-left .5rem
-  margin-top .1rem
+  width 25px
+  height 25px
+  margin-left .4rem
   background center / 100% 100% url(../images/aio/checked.png) no-repeat
-  vertical-align -5%
+  // vertical-align -5%
 .last-td
   width 4.4rem
   text-align left
-  padding-left 0.5rem
+  padding-left 1.7rem
   box-sizing border-box
 .con2
   // width 10.4rem
-  margin-left 2.8rem
+  margin-left 2.1rem
   position fixed
   bottom 0.5rem
   img
     width 1.1rem
     height 1.1rem
-    margin-right .29rem
+    margin-right .5rem
   .submitbtn
     display inline-block
     // position absolute
@@ -327,10 +327,10 @@ export default {
   _fj(center)
   margin-top .2rem
 .pop_btn
-  _wh(1.8rem,.88rem)
+  _wh(1.5rem,.88rem)
   background #989EBB
   border 2px solid #8B90A6
-  border-radius: .28rem
+  border-radius: .24rem
   _font(.32rem,.88rem,#fff,500,center)
   margin 0 .12rem
 .pop_btn_primary
@@ -423,4 +423,6 @@ export default {
 .setup_no
   _font(.3rem, 1rem,#FD6A35,,)
   margin-left .4rem
+.grid_wrapper table td
+  line-height 40px
 </style>

src/pages/modules/errormanage/ErrorInfo.vue

@@ -16,7 +16,7 @@
           <td :class="{cyellow:e.errorcategory_name ==='一类',cred:e.errorcategory_name ==='二类'}">{{e.errorcategory_name}}</td>
           <!-- <td>{{e.error_category}}<span class="status-box" :class="{bgyellow:e.error_status ==='1',bgred:e.error_status ==='2',bggreen:e.error_status ==='0',}"></span></td> -->
           <td>{{e.error_content}}</td>
-          <td class="last-td">{{e.handing_method}}</td>
+          <td>{{e.handing_method}}</td>
         </tr>
       </table>
     </div>

src/pages/modules/taskmanage/TaskLists.vue

@@ -91,9 +91,8 @@ export default {
 <style lang="stylus" scoped>
 .con1
   float left
-  margin-top .39rem
-  margin-left .4rem
-  width 10.4rem
+  width 100%
+  padding 0.25rem
 .last-td
   width 4.4rem
   text-align left