前后端全面升级

cmdb-ui/src/modules/acl/views/module/triggerPattern.vue

@@ -0,0 +1,68 @@
+<template>
+  <CustomDrawer
+    :hasFooter="false"
+    title="正则匹配结果"
+    :visible="patternVisible"
+    width="500"
+    @close="
+      () => {
+        patternVisible = false
+      }
+    "
+  >
+    <vxe-table :data="tableData" :max-height="`${windowHeight - 110}px`">
+      <vxe-table-column field="name" title="资源名"></vxe-table-column>
+      <vxe-table-column field="uid" title="创建人">
+        <template #default="{row}">
+          {{ getRoleName(row.uid) }}
+        </template>
+      </vxe-table-column>
+      <vxe-table-column field="created_at" title="创建时间"></vxe-table-column>
+    </vxe-table>
+  </CustomDrawer>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import { patternResults } from '@/modules/acl/api/trigger'
+export default {
+  name: 'TriggerPattern',
+  props: {
+    roles: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  data() {
+    return {
+      patternVisible: false,
+      tableData: [],
+    }
+  },
+  computed: {
+    ...mapState({
+      windowHeight: state => state.windowHeight,
+    }),
+  },
+  methods: {
+    open(params) {
+      patternResults(params).then(res => {
+        this.patternVisible = true
+        this.tableData = res
+      })
+    },
+    getRoleName(uid) {
+      if (uid) {
+        const _find = this.roles.find(item => item.uid === uid)
+        if (_find) {
+          return _find.name
+        }
+        return ''
+      }
+      return ''
+    },
+  },
+}
+</script>
+
+<style></style>