From f834675398226afeafc1286b8daf89b1dbf8e2bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=B0=8F=E6=9E=97?= <320730042@qq.com>
Date: Sun, 7 Jul 2024 16:13:57 +0800
Subject: [PATCH] feat: DeviceTypeVersionLog

---
 src/api/device-type-ver-log/index.ts          | 14 +++++
 src/api/device-type-ver-log/types.ts          | 16 +++++
 src/router/index.ts                           | 13 ++++
 .../components/DeviceTypeVersionLog.vue       | 61 +++++++++++++++++++
 .../components/RemoteOperateInfo.vue          |  8 +++
 .../components/SoapPackageLog.vue             |  6 +-
 6 files changed, 117 insertions(+), 1 deletion(-)
 create mode 100644 src/api/device-type-ver-log/index.ts
 create mode 100644 src/api/device-type-ver-log/types.ts
 create mode 100644 src/views/family/operate/remote-operation/components/DeviceTypeVersionLog.vue

diff --git a/src/api/device-type-ver-log/index.ts b/src/api/device-type-ver-log/index.ts
new file mode 100644
index 0000000..8d924ef
--- /dev/null
+++ b/src/api/device-type-ver-log/index.ts
@@ -0,0 +1,14 @@
+import { AxiosPromise } from "axios";
+import { DeviceTypeVerLogPageResult } from "@/api/device-type-ver-log/types";
+import request from "@/utils/request";
+
+export function deviceTypeVerLogPage(
+  devId?: number,
+  data?: PageQuery
+): AxiosPromise<DeviceTypeVerLogPageResult> {
+  return request({
+    url: `/api/device-type-ver-log/v1/page/${devId}`,
+    method: "POST",
+    data,
+  });
+}
diff --git a/src/api/device-type-ver-log/types.ts b/src/api/device-type-ver-log/types.ts
new file mode 100644
index 0000000..afeb03b
--- /dev/null
+++ b/src/api/device-type-ver-log/types.ts
@@ -0,0 +1,16 @@
+export interface DeviceTypeVerLogVO {
+  logid?: number;
+
+  taskName?: string;
+
+  loId?: string;
+
+  devSno?: string;
+
+  startTime?: string;
+
+  endTime?: string;
+
+  taskStatus?: string;
+}
+export type DeviceTypeVerLogPageResult = PageResult<DeviceTypeVerLogVO[]>;
diff --git a/src/router/index.ts b/src/router/index.ts
index f187ac8..c3c2158 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -308,6 +308,19 @@ export const constantRoutes: RouteRecordRaw[] = [
           title: "SOAP包日志",
         },
       },
+      {
+        path: "/resources/remote-info/device-type-version-log/:devId",
+        name: "DeviceTypeVersionLog",
+        component: () =>
+          import(
+            "@/views/family/operate/remote-operation/components/DeviceTypeVersionLog.vue"
+          ),
+        meta: {
+          hidden: true,
+          keepAlive: true,
+          title: "软件版本对外接口调用信息",
+        },
+      },
     ],
   },
 ];
diff --git a/src/views/family/operate/remote-operation/components/DeviceTypeVersionLog.vue b/src/views/family/operate/remote-operation/components/DeviceTypeVersionLog.vue
new file mode 100644
index 0000000..1890845
--- /dev/null
+++ b/src/views/family/operate/remote-operation/components/DeviceTypeVersionLog.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="app-container">
+    <el-card shadow="never">
+      <template #header>
+        <div style="display: flex; justify-content: space-between">
+          <div style="font-weight: 700; line-height: 32px; font-size: 14px">
+            设备软件版本对外接口能力调用信息
+          </div>
+        </div>
+      </template>
+      <div class="any-table">
+        <el-table :data="tableData" v-loading="loading">
+          <el-table-column label="设备序列号" prop="devSno" align="center" />
+          <el-table-column label="逻辑ID" prop="loId" align="center" />
+          <el-table-column label="任务名称" prop="taskName" align="center" />
+          <el-table-column label="开始时间" prop="startTime" align="center" />
+          <el-table-column label="结束时间" prop="endTime" align="center" />
+          <el-table-column label="执行状态" prop="taskStatus" align="center" />
+        </el-table>
+        <pagination
+          v-if="total > 0"
+          v-model:total="total"
+          v-model:page="queryForm.pageNum"
+          v-model:limit="queryForm.pageSize"
+          @pagination="getData"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { DeviceTypeVerLogVO } from "@/api/device-type-ver-log/types";
+import { deviceTypeVerLogPage } from "@/api/device-type-ver-log";
+const route = useRoute();
+let devId: number = parseInt(<string>route.params.devId);
+const tableData = ref<DeviceTypeVerLogVO[]>([]);
+const total = ref<number>(0);
+const queryForm = ref<PageQuery>({ pageNum: 1, pageSize: 10 });
+const loading = ref<boolean>(false);
+const getData = () => {
+  loading.value = true;
+  deviceTypeVerLogPage(devId, queryForm.value)
+    .then(({ data }) => {
+      tableData.value = data.list;
+      total.value = data.total;
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+};
+onMounted(() => {
+  getData();
+});
+</script>
+
+<style scoped>
+:deep(.el-card__body) {
+  padding: 10px 0 0 0;
+}
+</style>
diff --git a/src/views/family/operate/remote-operation/components/RemoteOperateInfo.vue b/src/views/family/operate/remote-operation/components/RemoteOperateInfo.vue
index 0b7cd8d..90832ea 100644
--- a/src/views/family/operate/remote-operation/components/RemoteOperateInfo.vue
+++ b/src/views/family/operate/remote-operation/components/RemoteOperateInfo.vue
@@ -357,6 +357,9 @@
                       <el-dropdown-item divided @click="skipSoapPackageLog"
                         >SOAP包日志</el-dropdown-item
                       >
+                      <el-dropdown-item divided @click="skipDevTypeVerLog"
+                      >软件版本对外接口调用信息</el-dropdown-item
+                      >
                     </el-scrollbar>
                   </el-dropdown-menu>
                 </template>
@@ -462,6 +465,11 @@ const skipSoapPackageLog = () => {
     path: `/resources/remote-info/soap-package-log/${remote.value.devId}`,
   });
 };
+const skipDevTypeVerLog = () => {
+  router.push({
+    path: `/resources/remote-info/device-type-version-log/${remote.value.devId}`,
+  });
+};
 onMounted(() => {
   getData();
 });
diff --git a/src/views/family/operate/remote-operation/components/SoapPackageLog.vue b/src/views/family/operate/remote-operation/components/SoapPackageLog.vue
index c4744f1..bed4d6c 100644
--- a/src/views/family/operate/remote-operation/components/SoapPackageLog.vue
+++ b/src/views/family/operate/remote-operation/components/SoapPackageLog.vue
@@ -199,4 +199,8 @@ function handleExport() {
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+:deep(.el-card__body) {
+  padding: 10px 0 0 0;
+}
+</style>