添加log

src/api/customer/index.ts

@@ -62,24 +62,21 @@ export const cameraList = (params: cameraListParams) =>
       ignoreCancelToken: true,
     },
   });
+const fileNameObj = {
+  0: '入库模板.xlsx',
+  1: '出库模板.xlsx',
+  2: '客户关联模板.xlsx',
+  3: 'rtk设备导入模板.xlsx',
+  4: 'rtk账号导入模板.xlsx',
+  5: '到期时间导入模板.xlsx',
+};
 export const downTemplate = (params: companyExcelParams) =>
   defHttp.downloadFile<FileStream>({
     method: 'GET',
     url: Api.downTemplate,
     params: params,
     // data: params,
-    fileName:
-      params.type == 0
-        ? '入库模板.xlsx'
-        : params.type == 1
-        ? '出库模板.xlsx'
-        : params.type == 3
-        ? 'rtk设备导入模板.xlsx'
-        : params.type == 4
-        ? 'rtk账号导入模板.xlsx'
-        : params.type == 5
-        ? '到期时间导入模板.xlsx'
-        : '客户关联模板.xlsx',
+    fileName: fileNameObj[params.type],
     headers: {
       // @ts-ignore
       ignoreCancelToken: true,

src/views/product/rtk/rtklist.vue

@@ -1,42 +1,54 @@
 <template>
-  <div>
-    <BasicTable @register="registerTable">
-      <template #toolbar>
-        <a-button type="primary" @click="handleEdit" v-if="getCheckPerm('rtk-add')">新增</a-button>
-      </template>
-      <template #copy="{ record }">
-        <a @click="handleCopy(record.authorizeKey)">
-          {{ record.authorizeKey }}
-        </a>
-      </template>
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            //{
-            //  label: record.status ? '取消激活' : '激活',
-            //  ifShow: getCheckPerm('rtk-activation'),
-            //  onClick: handleActive.bind(null, record),
-            //},
-            {
-              label: '编辑',
-              ifShow: getCheckPerm('rtk-updata'),
-              onClick: handleEdit.bind(null, record),
-            },
-            {
-              label: '删除',
-              color: 'error',
-              ifShow: getCheckPerm('rtk-delete'),
-              onClick: handleDelete.bind(null, record),
-            },
-          ]"
-        />
-      </template>
-    </BasicTable>
-    <AddModal @register="register" @update="reload" />
-  </div>
+  <PageWrapper contentClass="testPageWrapper">
+    <template #footer>
+      <a-tabs v-model:activeKey="activeKey" @change="changeTable">
+        <a-tab-pane :key="0" tab="RTK管理" />
+        <a-tab-pane :key="1" tab="使用日志" />
+      </a-tabs>
+    </template>
+    <div>
+      <BasicTable v-show="activeKey == 1" @register="registerlogTable" />
+      <BasicTable v-show="activeKey == 0" @register="registerTable">
+        <template #toolbar>
+          <a-button type="primary" @click="handleEdit" v-if="getCheckPerm('rtk-add')"
+            >新增</a-button
+          >
+        </template>
+        <template #copy="{ record }">
+          <a @click="handleCopy(record.authorizeKey)">
+            {{ record.authorizeKey }}
+          </a>
+        </template>
+        <template #action="{ record }">
+          <TableAction
+            :actions="[
+              //{
+              //  label: record.status ? '取消激活' : '激活',
+              //  ifShow: getCheckPerm('rtk-activation'),
+              //  onClick: handleActive.bind(null, record),
+              //},
+              {
+                label: '编辑',
+                ifShow: getCheckPerm('rtk-updata'),
+                onClick: handleEdit.bind(null, record),
+              },
+              {
+                label: '删除',
+                color: 'error',
+                ifShow: getCheckPerm('rtk-delete'),
+                onClick: handleDelete.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+      </BasicTable>
+      <AddModal @register="register" @update="reload" />
+    </div>
+  </PageWrapper>
 </template>
 <script lang="ts">
-  import { defineComponent, h } from 'vue';
+  import { defineComponent, h, ref } from 'vue';
+  import { PageWrapper } from '/@/components/Page';
   import {
     BasicTable,
     useTable,
@@ -50,9 +62,12 @@
   import { useI18n } from '/@/hooks/web/useI18n';
   import { copyTextToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import AddModal from './AddenvModal.vue';
+  import { Tabs } from 'ant-design-vue';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { usePermissionStore } from '/@/store/modules/permission';
   import { incrementUseTypeList } from '/@/api/account';
+  import { rtklogColumns, rtklogsearchForm } from './data';
+  import { rtkUseLogList } from '/@/api/rtk';
   import { Switch } from 'ant-design-vue';
   export default defineComponent({
     components: {
@@ -61,9 +76,13 @@
       TableAction,
       TableImg,
       Switch,
+      PageWrapper,
+      [Tabs.name]: Tabs,
+      [Tabs.TabPane.name]: Tabs.TabPane,
     },
     setup() {
       const { t } = useI18n();
+      const activeKey = ref(0);
       const { createMessage, createConfirm } = useMessage();
       const permissionStore = usePermissionStore();
       const { getCheckPerm } = permissionStore;
@@ -226,7 +245,7 @@
           },
         ],
       };
-      const [registerTable, { reload }] = useTable({
+      const [registerTable, { reload: reload0 }] = useTable({
         api: rtkInfoList,
         title: 'rtk列表',
         columns: columns,
@@ -249,6 +268,23 @@
         rowKey: 'id',
         canResize: false,
       });
+      const [registerlogTable, { reload: reload1 }] = useTable({
+        api: rtkUseLogList,
+        title: '账号使用日志',
+        columns: rtklogColumns,
+        useSearchForm: true,
+        showIndexColumn: false,
+        formConfig: rtklogsearchForm,
+        showTableSetting: true,
+        fetchSetting: {
+          pageField: 'pageNum',
+          sizeField: 'pageSize',
+          listField: 'list',
+          totalField: 'total',
+        },
+        rowKey: 'id',
+        canResize: false,
+      });
       async function handleDelete(record) {
         createConfirm({
           iconType: 'warning',
@@ -283,6 +319,13 @@
           authorizeTime: `${record.authorizeTime || '10'}_${record.authorizeTimeUnit || '1'}`,
         });
       }
+      function reload() {
+        if (activeKey.value == 0) {
+          reload0();
+        } else if (activeKey.value == 1) {
+          reload1();
+        }
+      }
       return {
         registerTable,
         handleCopy,
@@ -292,6 +335,8 @@
         handleActive,
         getCheckPerm,
         handleEdit,
+        registerlogTable,
+        activeKey,
       };
     },
   });