样式

src/pages/modules/taskmanage/TaskLists.vue

@@ -1,5 +1,38 @@
 <template>
 <div class="main-container">
+  <div class="right_side">
+    <div class="content_wrap">
+      <div class="title_wrap">
+        <h2>任务管理</h2>
+      </div>
+      <div class="con1 grid_wrapper">
+        <table>
+          <tr class="t-head">
+            <th><div class="selbox"></div></th>
+            <th>序号</th>
+            <th>任务号</th>
+            <th>目标站点</th>
+            <th>任务状态</th>
+            <th>生成时间</th>
+          </tr>
+          <tr v-for="(e,index) in dataList" :key="e.task_uuid"  @click="toRadio(e, index)">
+            <td><div class="selbox radio_uncheck" :class="{'radio_checked': pkId === e.task_uuid}"></div></td>
+            <td>{{index+1}}</td>
+            <td>{{e.task_num}}</td>
+            <td>{{e.target_point}}</td>
+            <td><span class="icon" :class="{bgred: e.task_status_name ==='生成未执行', bgyellow: (e.task_status_name ==='执行中' || e.task_status_name ==='完成')}"></span>{{e.task_status_name}}</td>
+            <td>{{e.create_time}}</td>
+          </tr>
+        </table>
+        <div class="subbar">
+          <button class="btn btn1" @click="toDel(selectIndex)">任务取消</button>
+          <button class="btn btn2" @click="updateTask">任务提交</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- <div class="main-container">
   <div class="box0">
     <div class="title">任务管理</div>
   </div>
@@ -29,7 +62,7 @@
       </div>
     </div>
   </div>
-</div>
+</div> -->
 </template>
 
 <script>
@@ -103,7 +136,7 @@ export default {
   line-height 80px
   background center / 1499px 100% url(../../../images/new/bg-head-tb-in.png) no-repeat
 .main-container
-  padding-left 41px
+  // padding-left 41px
 .box0
   width 1580px
   height 102px
@@ -114,9 +147,11 @@ export default {
     padding-left 40px
     padding-top 53px
 .con1
-  width 1580px
-  height 819px
-  background center / 100% 100% url(../../../images/new/bg-con-l.png) no-repeat
+  // width 1580px
+  // height 819px
+  height 800px
+  // background center / 100% 100% url(../../../images/new/bg-con-l.png) no-repeat
+  background center / 100% 100% url(../../../images/new/bg-task-r2.png) no-repeat
   float left
   box-sizing border-box
   padding 40px