From 03e129acc0cae8cb578f0d46ee3db95db9adef4c Mon Sep 17 00:00:00 2001
From: caill <815519168@qq.com>
Date: Fri, 17 Nov 2023 08:49:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=87=E4=BB=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/modules/taskmanage/TaskLists2.vue | 197 ++++++++++++++++++++
 1 file changed, 197 insertions(+)
 create mode 100644 src/pages/modules/taskmanage/TaskLists2.vue

diff --git a/src/pages/modules/taskmanage/TaskLists2.vue b/src/pages/modules/taskmanage/TaskLists2.vue
new file mode 100644
index 0000000..27e8567
--- /dev/null
+++ b/src/pages/modules/taskmanage/TaskLists2.vue
@@ -0,0 +1,197 @@
+<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_code}}</td>
+                <td>{{e.next_point_code}}</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>
+      <div class="tasklist">
+        <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> -->
+    </template>
+
+<script>
+import {queryTaskList, updateTask} from '@/config/getData.js'
+export default {
+  name: 'TaskLists',
+  data () {
+    return {
+      pkId: '',
+      selectIndex: '',
+      dataList: []
+    }
+  },
+  created () {
+    this.initData()
+  },
+  methods: {
+    async initData () {
+      let res = await queryTaskList()
+      if (res.code === '1') {
+        this.dataList = res.result
+      } else {
+        this.toast(res.desc)
+      }
+    },
+    toRadio (e, index) {
+      this.selectIndex = index
+      this.pkId = this.pkId === e.task_uuid ? '' : e.task_uuid
+    },
+    toDel (index) {
+      if (this.pkId) {
+        this.dataList.splice(index, 1)
+        this.pkId = ''
+      }
+    },
+    async updateTask () {
+      let res = await updateTask(this.dataList)
+      if (res.code === '1') {
+        this.toast(res.desc)
+        this.pkId = ''
+        this.initData()
+      } else {
+        this.toast(res.desc)
+      }
+    }
+  }
+}
+</script>
+
+    <style lang="stylus" scoped>
+    .selbox
+      width 40px
+      height 40px
+      position relative
+    .radio_uncheck
+      background center / 100% 100% url(../../../images/new/icon-check1.png) no-repeat
+    .radio_checked
+      background center / 100% 100% url(../../../images/new/icon-check2.png) no-repeat
+    .icon
+      display inline-block
+      width 43px
+      height 43px
+      position relative
+      top 10px
+    .bgyellow
+      background center / 100% 100% url(../../../images/new/icon-error1.png) no-repeat
+    .bgred
+      background center / 100% 100% url(../../../images/new/icon-error2.png) no-repeat
+    .t-head
+      height 80px
+      line-height 80px
+      background center / 1499px 100% url(../../../images/new/bg-head-tb-in.png) no-repeat
+    .main-container
+      // padding-left 41px
+    .box0
+      width 1580px
+      height 102px
+      background center / 100% 100% url(../../../images/new/bg-title-l.png) no-repeat
+      .title
+        font-size 36px
+        color #F6F9FE
+        padding-left 40px
+        padding-top 53px
+    .con1
+      // 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
+      position relative
+    .status-box
+      display inline-block
+      width .4rem
+      height .4rem
+      border-radius .2rem
+    .grid_wrapper table th
+      color #ffffff
+      font-size 30px
+      background rgba(31,46,73,0.5)
+      line-height 80px
+      border-right none
+      padding 0
+      padding-left 30px
+      text-align left
+    .grid_wrapper table td
+      color #ffffff
+      font-size 30px
+      background rgba(31,46,73,0.5)
+      line-height 80px
+      border-bottom 1px solid #20395D
+      border-right none
+      padding 0
+      padding-left 30px
+      text-align left
+    .btn
+      width 335px
+      height 91px
+      font-size 36px
+      margin-left 167px
+      position absolute
+      bottom 28px
+      color #f6f9fe
+    .btn1
+      left 306px
+      background center / 100% 100% url(../../../images/new/btn-red.png) no-repeat
+    .btn2
+      left 668px
+      background center / 100% 100% url(../../../images/new/btn-blue.png) no-repeat
+    </style>