From 8ef17fda16d6436106ea2c63a96b3b954f73fa10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=B0=8F=E6=9E=97?= <320730042@qq.com>
Date: Thu, 23 May 2024 16:51:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=BE=E5=A4=87=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E7=BB=91=E5=AE=9ATR069?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/device-type-ver/index.ts              |  8 ++++
 src/api/device-type-ver/types.ts              |  6 +++
 src/api/domain/types.ts                       |  2 +-
 src/components/IconSelect/index.vue           |  2 +-
 src/components/Table/TableBar.vue             |  2 +-
 .../tr069/components/BindingDevType.vue       | 45 +++++++++++++++++++
 .../components/Tr069DevTypeSoftVerList.vue    |  4 ++
 src/views/table/index.vue                     | 44 ------------------
 8 files changed, 66 insertions(+), 47 deletions(-)
 delete mode 100644 src/views/table/index.vue

diff --git a/src/api/device-type-ver/index.ts b/src/api/device-type-ver/index.ts
index 9f90f1b..e5d3aa1 100644
--- a/src/api/device-type-ver/index.ts
+++ b/src/api/device-type-ver/index.ts
@@ -1,4 +1,5 @@
 import {
+  BindingTr069Form,
   DeviceTypeToVerPageResult,
   DeviceTypeToVerQuery,
   DeviceTypeVerForm, DevVerServicePageResult,
@@ -142,3 +143,10 @@ export function addTypeVer(devTypeId: number, data: DeviceTypeVerForm) {
     data,
   });
 }
+export function tr069BindingDevType(data: BindingTr069Form) {
+  return request({
+    url: `/api/device-type-ver/v1/tr069-binding-dev-type`,
+    method: "POST",
+    data,
+  });
+}
diff --git a/src/api/device-type-ver/types.ts b/src/api/device-type-ver/types.ts
index 765a027..83cfb15 100644
--- a/src/api/device-type-ver/types.ts
+++ b/src/api/device-type-ver/types.ts
@@ -41,3 +41,9 @@ export interface DeviceServiceVO {
   servDesc?: string;
 }
 export type DevVerServicePageResult = PageResult<DeviceServiceVO[]>;
+
+export interface BindingTr069Form {
+  ids?: number[];
+
+  tr069VerId?: number;
+}
diff --git a/src/api/domain/types.ts b/src/api/domain/types.ts
index a320122..8f80361 100644
--- a/src/api/domain/types.ts
+++ b/src/api/domain/types.ts
@@ -29,6 +29,6 @@ export interface DomainForm {
 }
 
 export interface DomainOption {
-  key: ?number;
+  key?: number;
   label?: string;
 }
diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index 2c52504..afc5f3c 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -170,7 +170,7 @@ type IconNames = keyof typeof ElementPlusIconsVue;
 const renderIcon = (iconName: string) => {
   const iconComponent = ElementPlusIconsVue[iconName as IconNames];
   if (iconComponent) {
-    return h(resolveComponent(iconComponent.name));
+    return h(resolveComponent(<string>iconComponent.name));
   }
   return null;
 };
diff --git a/src/components/Table/TableBar.vue b/src/components/Table/TableBar.vue
index 5980dfc..c049370 100644
--- a/src/components/Table/TableBar.vue
+++ b/src/components/Table/TableBar.vue
@@ -96,7 +96,7 @@ function showPopover() {
 }
 
 // 选择列
-function changeColumn(show: boolean, index: number) {
+function changeColumn(show: any, index: number) {
   let columns = props.columns;
   columns.map((item, i) => {
     if (index === i) {
diff --git a/src/views/resources/tr069/components/BindingDevType.vue b/src/views/resources/tr069/components/BindingDevType.vue
index bec3177..ca655b2 100644
--- a/src/views/resources/tr069/components/BindingDevType.vue
+++ b/src/views/resources/tr069/components/BindingDevType.vue
@@ -57,6 +57,19 @@
     </div>
 
     <el-card shadow="never">
+      <template #header>
+        <div
+          style="display: flex; justify-content: flex-end; align-items: center"
+        >
+          <el-button
+            type="primary"
+            plain
+            @click="binding"
+            :disabled="multiples.length === 0"
+            ><i-ep-position /> 绑定</el-button
+          >
+        </div>
+      </template>
       <div class="any-table">
         <el-table
           :data="tableData"
@@ -108,6 +121,8 @@ import {
 } from "@/api/device-type";
 import { Tr069DevTypeQuery, Tr069DevTypeVO } from "@/api/tr069/types";
 import { ElTable } from "element-plus";
+import { tr069BindingDevType } from "@/api/device-type-ver";
+import { BindingTr069Form } from "@/api/device-type-ver/types";
 const multiples = ref<Tr069DevTypeVO[]>([]);
 const searchForm = ref<Tr069DevTypeQuery>({
   devTypeName: "",
@@ -116,6 +131,8 @@ const searchForm = ref<Tr069DevTypeQuery>({
   pageNum: 1,
   pageSize: 10,
 });
+const route = useRoute();
+let tr069VerId: number = parseInt(<string>route.params.tr069VerId);
 const vendorNameOption = ref<OptionType[]>([]);
 const typeNameOption = ref<OptionType[]>([]);
 const hardVerOption = ref<OptionType[]>([]);
@@ -158,6 +175,34 @@ const redirect = (devTypeId: number) => {
     path: `/resources/device_type_to_ver/${devTypeId}`,
   });
 };
+const binding = () => {
+  let ids: number[] = [];
+  multiples.value.forEach((obj) => {
+    ids.push(<number>obj.devTypeId);
+  });
+  let form: BindingTr069Form = {
+    ids,
+    tr069VerId,
+  };
+  loading.value = true;
+  tr069BindingDevType(form)
+    .then(() => {
+      ElMessage({
+        message: "操作成功",
+        type: "success",
+        plain: true,
+        duration: 1000,
+        onClose: () => {
+          router.push({
+            path: `/resources/tr069-dev-type-soft-ver/${tr069VerId}`,
+          });
+        },
+      });
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+};
 onMounted(() => {
   loadVendorNameOption();
   loadTypeNameOption();
diff --git a/src/views/resources/tr069/components/Tr069DevTypeSoftVerList.vue b/src/views/resources/tr069/components/Tr069DevTypeSoftVerList.vue
index f1ac611..652eda9 100644
--- a/src/views/resources/tr069/components/Tr069DevTypeSoftVerList.vue
+++ b/src/views/resources/tr069/components/Tr069DevTypeSoftVerList.vue
@@ -9,6 +9,10 @@
               <i-ep-plus />
               新增
             </el-button>
+            <el-button type="primary" @click="loadTr069DevTypePage">
+              <i-ep-refresh />
+              刷新
+            </el-button>
           </div>
         </div>
       </div>
diff --git a/src/views/table/index.vue b/src/views/table/index.vue
deleted file mode 100644
index feb396e..0000000
--- a/src/views/table/index.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div class="app-container">
-    <TableBar :columns="columns" @change-columns="changeColumns">
-      <template #bottom>
-        <el-button type="primary">新增用户</el-button>
-      </template>
-    </TableBar>
-    <AnyTable>
-      <template #column>
-        <el-table-column label="头像" v-if="columns[0].show" />
-        <el-table-column label="用户名" v-if="columns[1].show" />
-        <el-table-column label="手机号" v-if="columns[2].show" />
-        <el-table-column label="邮箱" v-if="columns[3].show" />
-        <el-table-column label="性别" v-if="columns[4].show" />
-        <el-table-column label="部门" v-if="columns[5].show" />
-        <el-table-column label="状态" v-if="columns[6].show" />
-        <el-table-column label="创建日期" v-if="columns[7].show" />
-      </template>
-    </AnyTable>
-  </div>
-</template>
-
-<script setup lang="ts">
-import TableBar from "@/components/Table/TableBar.vue";
-import AnyTable from "@/components/Table/AnyTable.vue";
-
-const columns = ref<TableColumns[]>([
-  { name: "头像", show: true },
-  { name: "用户名", show: true },
-  { name: "手机号", show: true },
-  { name: "邮箱", show: true },
-  { name: "性别", show: true },
-  { name: "部门", show: true },
-  { name: "状态", show: true },
-  { name: "创建日期", show: true },
-]);
-const changeColumns = (newColumns: TableColumns[]) => {
-  columns.value = newColumns;
-};
-</script>
-
-<style lang="scss" scoped>
-
-</style>