From d58444e2d837b218d0ce336cc91dd510133a349d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E7=A3=8A?= <45566618@qq.com>
Date: Fri, 8 Aug 2025 11:20:00 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E5=A4=87=E9=85=8D=E7=BD=AE=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/ConfigLog/SyncConfigLogList.vue | 131 ++++++++++++++++++
 src/views/iot/ConfigLog/configlog.api.ts      |  12 ++
 src/views/iot/ConfigLog/configlog.data.ts     |  77 ++++++++++
 src/views/iot/tplink/config/index.vue         |   6 +-
 src/views/iot/tq/config/index.vue             |   6 +-
 src/views/iot/yiweilian/config/index.vue      |   4 +-
 6 files changed, 231 insertions(+), 5 deletions(-)
 create mode 100644 src/views/iot/ConfigLog/SyncConfigLogList.vue
 create mode 100644 src/views/iot/ConfigLog/configlog.api.ts
 create mode 100644 src/views/iot/ConfigLog/configlog.data.ts

diff --git a/src/views/iot/ConfigLog/SyncConfigLogList.vue b/src/views/iot/ConfigLog/SyncConfigLogList.vue
new file mode 100644
index 0000000..d6c872f
--- /dev/null
+++ b/src/views/iot/ConfigLog/SyncConfigLogList.vue
@@ -0,0 +1,131 @@
+<template>
+  <div class="p-2">
+    <!--引用表格-->
+    <BasicTable @register="registerTable">
+      <!--插槽:table标题-->
+      <template #tableTitle>
+      </template>
+      <!--操作栏-->
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)"/>
+      </template>
+    </BasicTable>
+  </div>
+</template>
+
+<script lang="ts" name="tplink-camera-asyncMain" setup>
+import { ref, reactive } from 'vue';
+import { BasicTable, useTable, TableAction } from '/@/components/Table';
+import { useListPage } from '/@/hooks/system/useListPage';
+import { columns, formSchema } from './configlog.data';
+import { list } from './configlog.api';
+import JSelectDept from '/@/components/Form/src/jeecg/components/JSelectDept.vue';
+
+const props = defineProps({
+  serverType: '',
+});
+
+const queryParam = reactive<any>({});
+//注册table数据
+const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
+  tableProps: {
+    title: '配置同步日志表',
+    api: list,
+    columns: columns,
+    formConfig: {
+      schemas: formSchema
+    },
+    canResize: false,
+    useSearchForm: true,
+    showTableSetting: false,
+    showActionColumn: false,
+    beforeFetch: async (params) => {
+      queryParam.serverType = props.serverType
+      return Object.assign(params, queryParam);
+    },
+  },
+});
+const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
+
+/**
+ * 成功回调
+ */
+function handleSuccess() {
+  (selectedRowKeys.value = []) && reload();
+}
+
+/**
+ * 查询
+ */
+function searchQuery() {
+  reload();
+}
+
+/**
+ * 操作栏
+ */
+function getTableAction(record) {
+  return [];
+}
+
+defineExpose({
+  searchQuery
+});
+
+</script>
+
+<style lang="less" scoped>
+.jeecg-basic-table-form-container {
+  padding: 0;
+
+  .table-page-search-submitButtons {
+    display: block;
+    margin-bottom: 24px;
+    white-space: nowrap;
+  }
+
+  .query-group-cust {
+    min-width: 100px !important;
+  }
+
+  .query-group-split-cust {
+    width: 30px;
+    display: inline-block;
+    text-align: center
+  }
+
+  .ant-form-item:not(.ant-form-item-with-help) {
+    margin-bottom: 16px;
+    height: 32px;
+  }
+
+  :deep(.ant-picker),
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+}
+
+:deep(.ant-table-title) {
+  display: none !important;
+}
+
+:deep(.darkened-table) {
+  .ant-table-thead>tr>th {
+    background-color: #dadadaee;
+  }
+  .ant-table-tbody>tr>td {
+    background-color: #f3f3f3f5;
+  }
+
+}
+
+:deep(.z-table-class) {
+  .ant-table-thead>tr>th {
+    background-color: #e6f0fd;
+  }
+
+  .ant-table-tbody>tr>td {
+    background-color: #FBFBFB;
+  }
+}
+</style>
diff --git a/src/views/iot/ConfigLog/configlog.api.ts b/src/views/iot/ConfigLog/configlog.api.ts
new file mode 100644
index 0000000..95d6de4
--- /dev/null
+++ b/src/views/iot/ConfigLog/configlog.api.ts
@@ -0,0 +1,12 @@
+import { defHttp } from '/@/utils/http/axios';
+
+enum Api {
+
+  list = '/iot/syncConfigLog/list',
+
+}
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
diff --git a/src/views/iot/ConfigLog/configlog.data.ts b/src/views/iot/ConfigLog/configlog.data.ts
new file mode 100644
index 0000000..d6caa77
--- /dev/null
+++ b/src/views/iot/ConfigLog/configlog.data.ts
@@ -0,0 +1,77 @@
+import {BasicColumn} from '/@/components/Table';
+import {FormSchema} from '/@/components/Table';
+
+//列表数据
+export const columns: BasicColumn[] = [
+  {
+    title: '机构编码',
+    align: "center",
+    dataIndex: 'orgCode',
+    width: 80
+  },
+  {
+    title: '机构名称',
+    align: "center",
+    dataIndex: 'orgName',
+    width: 220
+  },
+  {
+    title: '操作',
+    align: "center",
+    dataIndex: 'syncType',
+    width: 80
+  },
+  {
+    title: '同步状态',
+    align: "center",
+    dataIndex: 'status',
+    width: 80
+  },
+  {
+    title: '服务类型',
+    align: "center",
+    dataIndex: 'serverType',
+    width: 80
+  },
+  {
+    title: '创建时间',
+    align: "center",
+    dataIndex: 'createTime',
+    width: 160
+  },
+  {
+    title: '更新时间',
+    align: "center",
+    dataIndex: 'updateTime',
+    width: 160
+  },
+  {
+    title: '备注',
+    align: "center",
+    dataIndex: 'content'
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '机构编码',
+    field: 'orgCode',
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入机构编码',
+    },
+  },
+  {
+    label: '同步状态',
+    field: 'status',
+    component: 'JDictSelectTag',
+    componentProps: {
+      placeholder: '请选择状态',
+      options: [
+        { label: '同步成功', value: '同步成功' },
+        { label: '同步中', value: '同步中' },
+        { label: '同步失败', value: '同步失败' },
+      ],
+    },
+  },
+];
diff --git a/src/views/iot/tplink/config/index.vue b/src/views/iot/tplink/config/index.vue
index a54476e..3857a34 100644
--- a/src/views/iot/tplink/config/index.vue
+++ b/src/views/iot/tplink/config/index.vue
@@ -17,7 +17,7 @@
         </BasicTable>
       </a-tab-pane>
       <a-tab-pane key="syncLogList" tab="同步历史">
-        <!--      <SyncLogList ref="syncLogListRef" :orgCode="orgData.orgCode"></SyncLogList>-->
+        <SyncConfigLogList ref="syncConfigLogListRef" :serverType="serverType"></SyncConfigLogList>
       </a-tab-pane>
     </a-tabs>
   </div>
@@ -34,7 +34,8 @@ import { list } from './config.api';
 import { useUserStore } from '/@/store/modules/user';
 import { useDrawer } from "@/components/Drawer";
 import { useRouter } from 'vue-router';
-import ConfigDrawer from './components/ConfigDrawer.vue'
+import ConfigDrawer from './components/ConfigDrawer.vue';
+import SyncConfigLogList from '@/views/iot/ConfigLog/SyncConfigLogList.vue';
 
 //注册drawer
 const [registerDrawer, { openDrawer }] = useDrawer();
@@ -42,6 +43,7 @@ let router = useRouter();
 const formRef = ref();
 const tableRef = ref();
 const isShow = ref(false);
+const serverType = ref('摄像头');
 const queryParam = reactive<any>({});
 const userStore = useUserStore();
 //注册table数据
diff --git a/src/views/iot/tq/config/index.vue b/src/views/iot/tq/config/index.vue
index 5e4d0b2..1786caa 100644
--- a/src/views/iot/tq/config/index.vue
+++ b/src/views/iot/tq/config/index.vue
@@ -17,7 +17,7 @@
         </BasicTable>
       </a-tab-pane>
       <a-tab-pane key="syncLogList" tab="同步历史">
-        <!--      <SyncLogList ref="syncLogListRef" :orgCode="orgData.orgCode"></SyncLogList>-->
+        <SyncConfigLogList ref="syncConfigLogListRef" :serverType="serverType"></SyncConfigLogList>
       </a-tab-pane>
     </a-tabs>
   </div>
@@ -34,12 +34,14 @@ import { list } from './config.api';
 import { useUserStore } from '/@/store/modules/user';
 import { useDrawer } from "@/components/Drawer";
 import { useRouter } from 'vue-router';
-import ConfigDrawer from './components/ConfigDrawer.vue'
+import ConfigDrawer from './components/ConfigDrawer.vue';
+import SyncConfigLogList from '@/views/iot/ConfigLog/SyncConfigLogList.vue';
 
 //注册drawer
 const [registerDrawer, { openDrawer }] = useDrawer();
 let router = useRouter();
 const formRef = ref();
+const serverType = ref('电水表');
 const queryParam = reactive<any>({});
 const userStore = useUserStore();
 //注册table数据
diff --git a/src/views/iot/yiweilian/config/index.vue b/src/views/iot/yiweilian/config/index.vue
index 3eb8cc7..d0159a9 100644
--- a/src/views/iot/yiweilian/config/index.vue
+++ b/src/views/iot/yiweilian/config/index.vue
@@ -17,7 +17,7 @@
       </BasicTable>
     </a-tab-pane>
     <a-tab-pane key="syncLogList" tab="同步历史">
-<!--      <SyncLogList ref="syncLogListRef" :orgCode="orgData.orgCode"></SyncLogList>-->
+      <SyncConfigLogList ref="syncConfigLogListRef" :serverType="serverType"></SyncConfigLogList>
     </a-tab-pane>
   </a-tabs>
   </div>
@@ -35,6 +35,7 @@ import { useUserStore } from '/@/store/modules/user';
 import { useDrawer } from "@/components/Drawer";
 import { useRouter } from 'vue-router';
 import ConfigDrawer from './components/ConfigDrawer.vue'
+import SyncConfigLogList from '@/views/iot/ConfigLog/SyncConfigLogList.vue';
 
 //注册drawer
 const [registerDrawer, { openDrawer }] = useDrawer();
@@ -42,6 +43,7 @@ let router = useRouter();
 const formRef = ref();
 const tableRef = ref();
 const isShow = ref(false);
+const serverType = ref('温湿度计');
 const queryParam = reactive<any>({});
 const userStore = useUserStore();
 //注册table数据