任务列表

packages/device/AppEquipmentManage/AppEquipmentManage.vue

@@ -8,6 +8,7 @@
 
 <script>
 import List from './components/List'
+import taskList from './components/taskList'
 
 export default {
   label: '广播设备管理',
@@ -19,19 +20,20 @@ export default {
 
   data() {
     return {
-      component: 'List',
+      component: 'taskList',
       params: {},
       include: [],
     }
   },
 
   components: {
-    List
+    List,
+    taskList,
   },
   methods: {
     onChange(data) {
-      if (data.type === 'add') {
-        this.component = 'Add'
+      if (data.type === 'taskList') {
+        this.component = 'taskList'
         this.params = data.params
       }
 

packages/device/AppEquipmentManage/components/List.vue

@@ -21,9 +21,10 @@
                   @selection-change="(v) => (ids = v.map((e) => e.id))">
           <el-table-column slot="options" label="操作" align="center" width="280" fixed="right">
             <template slot-scope="{ row }">
-              <el-button type="text" @click="close(row.id)">停播</el-button>
+              <!-- <el-button type="text" @click="close(row.id)">停播</el-button> -->
+              <el-button type="text" @click="toTaskList(row.id)">任务列表</el-button>
               <el-button type="text" @click="bind(row)">绑定行政区划</el-button>
-<!--              <el-button type="text" @click="locate=true">地图标绘</el-button>-->
+              <!-- <el-button type="text" @click="locate=true">地图标绘</el-button>-->
             </template>
           </el-table-column>
         </ai-table>
@@ -163,16 +164,7 @@ export default {
         })
       }
     },
-    close(id) {
-      this.$confirm('确定停播该设备?').then(() => {
-        this.instance.post(`/app/appdlbquipment/stop?deviceId=${id}`).then((res) => {
-          if (res.code == 0) {
-            this.$message.success('停播成功！')
-            this.getList()
-          }
-        })
-      })
-    },
+    
     getList() {
       this.instance.post(`/app/appdlbquipment/getDlbDeviceList`, null, {
         params: {
@@ -187,6 +179,16 @@ export default {
         }
       })
     },
+
+    toTaskList(id) {
+      this.$emit('change', {
+        type: 'taskList',
+        params: {
+          id: id || '',
+          // areaId: this.areaId,
+        },
+      })
+    },
   },
 }
 </script>

packages/device/AppEquipmentManage/components/taskList.vue

@@ -0,0 +1,130 @@
+<template>
+  <section class="taskList">
+    <ai-list>
+      <ai-title slot="title" title="任务列表" isShowBack isShowBottomBorder @onBackClick="cancel(false)"/>
+      <template #content>
+        <ai-search-bar bottomBorder>
+          <template slot="right">
+            <el-input v-model="search.keyword" size="small" placeholder="融资名称/创建人" clearable
+                      v-throttle="() => {page.current = 1, getList()}"
+                      @clear=";(page.current = 1), (search.keyword = ''), getList()" suffix-icon="iconfont iconSearch"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" ref="aitableex"
+                  :current.sync="page.current" :size.sync="page.size" @getList="getList"
+                  @selection-change="(v) => (ids = v.map((e) => e.id))">
+          <el-table-column slot="options" label="操作" align="center" width="280" fixed="right">
+            <template slot-scope="{ row }">
+              <el-button type="text" @click="close(row.id)">撤回任务</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'taskList',
+  components: {},
+  props: {
+    dict: Object,
+    instance: Function,
+    params: Object,
+  },
+  data() {
+    return {
+      page: {
+        current: 1,
+        size: 10,
+      },
+      total: 0,
+      search: {
+        bind: '',
+        keyword: '',
+      },
+      tableData: [],
+      colConfigs: [
+        {
+          prop: 'deviceName',
+          label: '任务名称',
+        },
+        {
+          prop: 'areaName',
+          label: '媒资类型',
+          align: 'center',
+        },
+        {
+          prop: 'serialNo',
+          label: '级别',
+          align: 'center',
+        },
+        {
+          prop: 'devStatus',
+          label: '播发方式',
+          width: '100',
+          align: 'center',
+          render: (h, {row}) => {
+            return h('span', null, this.dict.getLabel('dlbDevStatus', row.devStatus))
+          },
+        },
+        {
+          prop: 'bind',
+          label: '开始时间',
+          width: '120',
+          align: 'center',
+          render: (h, {row}) => {
+            return h('span', null, this.dict.getLabel('yesOrNo', row.bind))
+          },
+        },
+        {
+          prop: 'serialNo',
+          label: '状态',
+          align: 'center',
+        },
+        {
+          prop: 'serialNo',
+          label: '创建人',
+          align: 'center',
+        },
+        {
+          slot: 'options',
+          label: '操作',
+          align: 'center',
+        },
+      ],
+    }
+  },
+  create() {
+
+  },
+
+  methods: {
+    getList() {},
+
+    close(id) {
+      this.$confirm('确定停播该设备?').then(() => {
+        this.instance.post(`/app/appdlbquipment/stop?deviceId=${id}`).then((res) => {
+          if (res.code == 0) {
+            this.$message.success('停播成功！')
+            this.getList()
+          }
+        })
+      })
+    },
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'List',
+        isRefresh: !!isRefresh,
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.taskList {
+  height: 100%;
+}
+</style>