From 3b19fdf6f0d4c2fbdf5b07b065e7748d1e0caf4a Mon Sep 17 00:00:00 2001
From: jym503558564 <503558564@qq.com>
Date: Sun, 22 Mar 2020 11:46:09 +0800
Subject: [PATCH] =?UTF-8?q?[Update]=20=E5=A2=9E=E5=8A=A0=E5=91=BD=E4=BB=A4?=
 =?UTF-8?q?=E8=BF=87=E6=BB=A4=E5=99=A8=E5=88=97=E8=A1=A8=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/asset.js                       |   8 ++
 src/i18n/langs/cn.js                   |   2 +-
 src/router/index.js                    |   8 +-
 src/views/assets/CommandFilterList.vue | 132 +++++++++++++++++++++++++
 4 files changed, 145 insertions(+), 5 deletions(-)
 create mode 100644 src/views/assets/CommandFilterList.vue

diff --git a/src/api/asset.js b/src/api/asset.js
index 6538977fa..ffd8a8099 100644
--- a/src/api/asset.js
+++ b/src/api/asset.js
@@ -32,3 +32,11 @@ export function getLabelList(data) {
   })
 }
 
+export function getCommandFilterList(data) {
+  return request({
+    url: '/api/v1/assets/cmd-filters/',
+    method: 'get',
+    params: data
+  })
+}
+
diff --git a/src/i18n/langs/cn.js b/src/i18n/langs/cn.js
index 68156814a..8f64e0e8b 100644
--- a/src/i18n/langs/cn.js
+++ b/src/i18n/langs/cn.js
@@ -21,7 +21,7 @@ const cn = {
     'AdminUserList': '管理用户',
     'SystemUserList': '系统用户',
     'LabelList': '标签管理',
-    'commandFilterList': '命令过滤',
+    'CommandFilterList': '命令过滤',
     'platformList': '平台列表',
     'applications': '应用管理',
     'perms': '权限管理',
diff --git a/src/router/index.js b/src/router/index.js
index 40015d254..d9009b392 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -146,10 +146,10 @@ export const constantRoutes = [
         meta: { title: 'LabelList' }
       },
       {
-        path: 'command-filters',
-        name: 'commandFilterList',
-        component: () => import('@/views/tree/index'),
-        meta: { title: 'commandFilterList' }
+        path: 'cmd-filter/list',
+        name: 'CommandFilterList',
+        component: () => import('@/views/assets/CommandFilterList.vue'),
+        meta: { title: 'CommandFilterList' }
       },
       {
         path: 'platforms',
diff --git a/src/views/assets/CommandFilterList.vue b/src/views/assets/CommandFilterList.vue
new file mode 100644
index 000000000..a58246559
--- /dev/null
+++ b/src/views/assets/CommandFilterList.vue
@@ -0,0 +1,132 @@
+<template>
+  <BackPlayground :title="$t('route.AdminUserList')">
+    <ListTables
+      :tablebotton="$t('assets.AdminUserCreate')"
+      tableroute="UserEdit"
+      @SizeChange="handleSizeChange"
+      @CurrentChange="handleCurrentChange"
+    >
+      <el-table
+        v-loading="listLoading"
+        :data="tableData"
+        stripe
+        border
+        class="userTable"
+      >
+        <el-table-column
+          type="selection"
+          width="55"
+          align="center"
+          header-align="center"
+        />
+        <el-table-column
+          :label="this.$t('assets.name')"
+          sortable
+          align="center"
+          header-align="center"
+        >
+          <template slot-scope="scope">
+            <el-button type="text" size="small" style="font-size:14px" @click="handleDetail(scope.$index, scope.row)">{{ scope.row.name }}</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="this.$t('assets.rules')"
+          align="center"
+          header-align="center"
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.rules.length }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="this.$t('assets.system_user')"
+          align="center"
+          header-align="center"
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.system_users.length }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="this.$t('assets.comment')"
+          align="center"
+          header-align="center"
+          sortable
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.comment }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="this.$t('assets.action')"
+          align="center"
+          header-align="center"
+        >
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="primary"
+              @click="handleEdit(scope.$index, scope.row)"
+            >{{ $t('assets.update') }}</el-button>
+            <el-button
+              size="mini"
+              type="danger"
+              @click="handleDelete(scope.$index, scope.row)"
+            >{{ $t('assets.delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </ListTables>
+  </BackPlayground>
+</template>
+
+<script>
+import { ListTables, BackPlayground } from '@/layout/components'
+import { getCommandFilterList } from '@/api/asset'
+import Tables from '@/layout/mixin/ListTables'
+export default {
+  components: {
+    BackPlayground,
+    ListTables
+  },
+  mixins: [Tables],
+  data() {
+    return {
+      tableData: [],
+      listLoading: true
+    }
+  },
+  created() {
+    this.getCommandFilter(this.current_page, this.page_size, this.offset)
+  },
+  methods: {
+    handleDetail: function(index, row) {
+      this.$router.push({ name: 'LabelDetail', params: { id: row.id }})
+    },
+    handleSizeChange(val) {
+      // 当每页数量改变触发
+      this.offset = (this.current_page - 1) * val
+      this.page_size = val
+      this.getCommandFilter(this.current_page, val, this.offset)
+    },
+    handleCurrentChange(val) {
+      // 当页码改变触发
+      this.offset = (val - 1) * this.page_size
+      this.current_page = val
+      this.getCommandFilter(val, this.page_size, this.offset)
+    },
+    getCommandFilter(draw, limit, offset) {
+      this.listLoading = true
+      getCommandFilterList({ draw, limit, offset }).then(response => {
+        this.tableData = response.results
+        this.total = response.count
+        this.listLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>