NEZ-570 fix: terminal 审计日志搜索无效 && dc 上划页面

nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue

@@ -0,0 +1,209 @@
+<template>
+  <div>
+    <nz-bottom-data-list
+      :api="url"
+      style="height: 100%"
+      :custom-table-title.sync="tools.customTableTitle"
+      :layout="['searchInput', 'elementSet']"
+      :search-msg="searchMsg"
+      :tabs="tabs"
+      @search="search"
+      @changeTab="changeTab"
+    >
+      <template v-slot:title><span :title="obj.name">{{obj.name}}</span></template>
+      <template v-slot>
+        <asset-table
+          ref="dataTable"
+          :api="url"
+          :custom-table-title="tools.customTableTitle"
+          :height="mainTableHeight"
+          :table-data="tableData"
+          @del="del"
+          @edit="edit"
+          @orderBy="tableDataSort"
+          @reload="getTableData"
+          @selectionChange="selectionChange"
+          ></asset-table>
+      </template>
+      <template v-slot:pagination>
+        <Pagination ref="Pagination" :pageObj="pageObj" :tableId="tableId" @pageNo='pageNo' @pageSize='pageSize'></Pagination>
+      </template>
+    </nz-bottom-data-list>
+    <transition name="right-box">
+      <asset-box v-if="rightBox.show"
+                 ref="assetBox"
+                 :brand-data="brandData"
+                 :dc-data="obj"
+                 :field-group-data="fieldGroupData"
+                 :from="fromRoute.asset"
+                 :obj="object"
+                 :snmp-credential-data="snmpCredentialData"
+                 :state-data="stateData"
+                 :type-data="typeData"
+                 @close="closeRightBox"
+                 @refresh="getTableData"></asset-box>
+    </transition>
+  </div>
+</template>
+
+<script>
+import dataListMixin from '@/components/common/mixin/dataList'
+import subDataListMixin from '@/components/common/mixin/subDataList'
+import nzBottomDataList from '@/components/common/bottomBox/nzBottomDataList'
+import assetTable from "@/components/common/table/asset/assetTable";
+import assetBox from "@/components/common/rightBox/asset/assetBox";
+export default {
+  name: 'assetTab',
+  mixins: [dataListMixin, subDataListMixin],
+  components: {
+    nzBottomDataList,
+    assetTable,
+    assetBox
+  },
+  data () {
+    return {
+      url: '/asset/asset',
+      tableId: 'assetTabTable', // 需要分页的table的id，用于记录每页数量
+      searchMsg: { // 给搜索框子组件传递的信息
+        zheze_none: true,
+        searchLabelList: [{
+          id: 1,
+          name: 'ID',
+          type: 'input',
+          label: 'id',
+          disabled: false
+        }, {
+          id: 20,
+          name: 'SN',
+          type: 'input',
+          label: 'sn',
+          disabled: false
+        }, {
+          id: 21,
+          name: 'Host',
+          type: 'input',
+          label: 'host',
+          disabled: false
+        }, {
+          id: 22,
+          name: this.$t('asset.state'),
+          type: 'select',
+          label: 'assetState',
+          disabled: false
+        }, {
+          id: 23,
+          name: 'pingStatus',
+          type: 'select',
+          label: 'pingStatus',
+          disabled: false
+        }, {
+          id: 23,
+          name: this.$t('asset.tableTitle.cabinet'),
+          type: 'input',
+          label: 'cabinetName',
+          disabled: false
+        }]
+      },
+      searchLabel: { dcIds: this.obj.id },
+      brandData: [],
+      modelData: [],
+      stateData: [],
+      typeData: [],
+      dcData: [],
+      snmpCredentialData: [],
+      fieldGroupData: []
+    }
+  },
+  methods: {
+    getStateData () {
+      return new Promise(resolve => {
+        this.$get('asset/stateConf').then(response => {
+          if (response.code === 200) {
+            this.stateData = response.data.list
+          }
+          resolve()
+        })
+      })
+    },
+    getTypeData () {
+      return new Promise(resolve => {
+        this.$get('asset/typeConf/tree').then(response => {
+          if (response.code === 200) {
+            this.typeData = response.data.list
+          }
+          resolve()
+        })
+      })
+    },
+    getDcData () {
+      return new Promise(resolve => {
+        this.$get('dc', { pageSize: -1 }).then(response => {
+          if (response.code === 200) {
+            this.dcData = response.data.list
+          }
+          resolve()
+        })
+      })
+    },
+    getSnmpCredentialData () {
+      return new Promise(resolve => {
+        this.$get('snmp/credential', { pageSize: -1 }).then(response => {
+          if (response.code === 200) {
+            this.snmpCredentialData = response.data.list
+          }
+          resolve()
+        })
+      })
+    },
+    getFieldGroupData () {
+      return new Promise(resolve => {
+        this.$get('asset/field/group', { pageSize: -1 }).then(response => {
+          if (response.code === 200) {
+            this.fieldGroupData = response.data.list
+          }
+          resolve()
+        })
+      })
+    },
+    getBrandData () {
+      return new Promise(resolve => {
+        this.$get('asset/brand').then(response => {
+          if (response.code === 200) {
+            this.brandData = response.data.list
+          }
+          resolve()
+        })
+      })
+    },
+    getModelData (brandId) {
+      return new Promise(resolve => {
+        this.$get('asset/model').then(response => {
+          if (response.code === 200) {
+            this.modelData = response.data.list
+          }
+          resolve()
+        })
+      })
+    },
+
+  },
+  watch:{
+    obj:{
+      immediate:true,
+      deep:true,
+      handler(n,o){
+        this.searchLabel.dcIds=n.id;
+        this.getTableData();
+      }
+    }
+  },
+  mounted () {
+    this.getBrandData()
+    this.getStateData()
+    this.getTypeData()
+    this.getDcData()
+    this.getSnmpCredentialData()
+    this.getFieldGroupData()
+  },
+}
+</script>