From 809515e73e6339a869d402496198d13d68db5879 Mon Sep 17 00:00:00 2001
From: xiongqian <2167232911@qq.com>
Date: Tue, 31 Jan 2023 09:52:00 +0800
Subject: [PATCH 01/15] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E4=BA=A7?=
 =?UTF-8?q?=E5=93=81=E6=96=B0=E5=A2=9E=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/regular.ts                    |  8 ++-
 src/views/device/Product/Save/index.vue | 95 ++++++++++++++++++++-----
 2 files changed, 84 insertions(+), 19 deletions(-)

diff --git a/src/utils/regular.ts b/src/utils/regular.ts
index 9d88336f..7e7fa9cc 100644
--- a/src/utils/regular.ts
+++ b/src/utils/regular.ts
@@ -1,4 +1,10 @@
 // 用于校验 url
 export const urlReg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/;
 
-export const isUrl = (path: string): boolean => urlReg.test(path)
\ No newline at end of file
+export const isUrl = (path: string): boolean => urlReg.test(path)
+
+// 用于校验只允许输入英文或者数字或者-或者_
+
+export const inputReg = /^[a-zA-Z0-9_\-]+$/
+
+export const isInput = (value: string) => inputReg.test(value)
\ No newline at end of file
diff --git a/src/views/device/Product/Save/index.vue b/src/views/device/Product/Save/index.vue
index 1c928ba6..5958a65c 100644
--- a/src/views/device/Product/Save/index.vue
+++ b/src/views/device/Product/Save/index.vue
@@ -13,7 +13,7 @@
         width="650px"
     >
         <div style="margin-top: 10px">
-            <a-form :layout="'vertical'">
+            <a-form :layout="'vertical'" :model="form" :rules="rules">
                 <a-row type="flex">
                     <a-col flex="180px">
                         <a-form-item>
@@ -83,7 +83,7 @@
                         </a-form-item>
                     </a-col>
                     <a-col flex="auto">
-                        <a-form-item>
+                        <a-form-item name="id">
                             <template #label>
                                 <span>ID</span>
                                 <a-tooltip
@@ -96,27 +96,31 @@
                                 </a-tooltip>
                             </template>
                             <a-input
-                                v-model:value="modelRef.id"
+                                v-model:value="form.id"
                                 placeholder="请输入ID"
                             />
                         </a-form-item>
-                        <a-form-item label="名称">
+                        <a-form-item label="名称" name="name">
                             <a-input
-                                v-model:value="modelRef.name"
+                                v-model:value="form.name"
                                 placeholder="请输入名称"
                             />
                         </a-form-item>
                     </a-col>
                 </a-row>
-                <a-form-item label="产品分类">
+                <a-form-item label="产品分类" name="classifiedId">
                     <a-tree-select
                         showSearch
-                        v-model:value="modelRef.productId"
+                        v-model:value="form.productId"
                         placeholder="请选择产品分类"
+                        :tree-data="treeList"
                     >
+                        <template #title="{ value: val, title }">
+                            <template>{{ val }}</template>
+                        </template>
                     </a-tree-select>
                 </a-form-item>
-                <a-form-item label="设备类型">
+                <a-form-item label="设备类型" name="deviceType">
                     <a-row :span="24" :gutter="20">
                         <a-col
                             :span="8"
@@ -181,9 +185,9 @@
                         </a-col>
                     </a-row>
                 </a-form-item>
-                <a-form-item label="说明">
+                <a-form-item label="说明" name="describe">
                     <a-textarea
-                        v-model:value="modelRef.describe"
+                        v-model:value="form.describe"
                         placeholder="请输入说明"
                     />
                 </a-form-item>
@@ -193,12 +197,15 @@
 </template>
 
 <script lang="ts" setup>
-import { queryTree } from '@/api/device/category';
+import { category } from '@/api/device/product';
 import { Form } from 'ant-design-vue';
 import { getImage } from '@/utils/comm.ts';
 import { message } from 'ant-design-vue';
 import ChooseCard from '../ChooseCard/index.vue';
 import { FILE_UPLOAD } from '@/api/comm';
+import { isInput } from '@/utils/regular';
+import type { Rule } from 'ant-design-vue/es/form';
+import { queryProductId } from '@/api/device/product';
 
 const emit = defineEmits(['close', 'save']);
 const props = defineProps({
@@ -240,7 +247,7 @@ const deviceList = ref([
     },
 ]);
 
-const modelRef = reactive({
+const form = reactive({
     id: '',
     name: '',
     classifiedId: '',
@@ -249,15 +256,63 @@ const modelRef = reactive({
     describe: '',
     photoUrl: '',
 });
+/**
+ * 校验id
+ */
+const validateInput = async (_rule: Rule, value: string) => {
+    if (value) {
+        if (!isInput(value)) {
+            return Promise.reject('请输入英文或者数字或者-或者_');
+        } else {
+            const res = await queryProductId(value);
+            if (res.status === 200) {
+                if (res.result) {
+                    return Promise.reject('该ID已存在');
+                }
+            }
+        }
+        return Promise.resolve();
+    }
+};
+/**
+ * 校验是否选择设备类型
+ */
+const validateDeviceType = async (_rule: Rule, value: string) => {
+    if (photoValue.value.length === 0) {
+        return Promise.resolve('请选择设备类型');
+    }
+};
+const rules = reactive({
+    id: [
+        { message: '请输入名称', validator: validateInput, trigger: 'change' },
+    ],
+    name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+    deviceType: [
+        {
+            required: true,
+            message: '请选择设备类型',
+            trigger: 'blur',
+            validator: validateDeviceType,
+        },
+    ],
+});
 
+/**
+ * 查询产品分类
+ */
+const queryProductTree = async () => {
+    category({
+        paging: false,
+    }).then((resp) => {
+        if (resp.status === 200) {
+            treeList.value = resp.result;
+        }
+    });
+};
 watch(
     () => props.isAdd,
     () => {
-        queryTree({ paging: false }).then((resp) => {
-            if (resp.status === 200) {
-                treeList.value = resp.result;
-            }
-        });
+        queryProductTree();
     },
     { immediate: true, deep: true },
 );
@@ -306,9 +361,13 @@ const handleChange = (info: any) => {
     if (info.file.status === 'done') {
         info.file.url = info.file.response?.result;
         logoLoading.value = false;
-        logoLoading.value = info.file.response?.result;
+        photoValue.value = info.file.response?.result;
     }
 };
+/**
+ * 初始化
+ */
+queryProductTree();
 defineExpose({
     show: show,
 });

From e550fe67e502aeb0e8f629657cfb0d61ec46f966 Mon Sep 17 00:00:00 2001
From: xieyonghong <18010623010@163.com>
Date: Tue, 31 Jan 2023 11:35:54 +0800
Subject: [PATCH 02/15] =?UTF-8?q?update:=201.=E4=BC=98=E5=8C=96=E5=8A=A8?=
 =?UTF-8?q?=E6=80=81=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/initHome.ts |   2 +-
 src/main.ts         |  11 +--
 src/router/index.ts |  21 ++---
 src/router/menu.ts  | 184 ++++++++++++++++++++++----------------------
 src/store/menu.ts   |   3 +-
 src/utils/menu.ts   |  20 +++--
 src/views/404.vue   |  14 ++++
 7 files changed, 134 insertions(+), 121 deletions(-)
 create mode 100644 src/views/404.vue

diff --git a/src/api/initHome.ts b/src/api/initHome.ts
index 658a3394..daf6d767 100644
--- a/src/api/initHome.ts
+++ b/src/api/initHome.ts
@@ -1,7 +1,7 @@
 import server from '@/utils/request';
 
 // 更新全部菜单
-export const updateMenus = (data: any) => server.path(`/menu/iot/_all`, data)
+export const updateMenus = (data: any) => server.patch(`/menu/iot/_all`, data)
 // 添加角色
 export const addRole = (data: any) => server.post(`/role`, data)
 
diff --git a/src/main.ts b/src/main.ts
index c69804cf..1f0b04d5 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,17 +1,14 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 import store from './store'
-import router from './router'
 import components from './components'
+import router from './router'
 import './style.less'
 import 'ant-design-vue/es/notification/style/css';
-import Antd from 'ant-design-vue/es'
 
 const app = createApp(App)
 
-app.use(store)
 app.use(router)
-app.use(components)
-app.use(Antd)
-
-app.mount('#app')
+  .use(store)
+  .use(components)
+  .mount('#app')
diff --git a/src/router/index.ts b/src/router/index.ts
index 91ae60a0..6b89d003 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -3,6 +3,8 @@ import menus, { LoginPath } from './menu'
 import { cleanToken, getToken } from '@/utils/comm'
 import { useUserInfo } from '@/store/userInfo'
 import { useSystem } from '@/store/system'
+import NotFindPage from '@/views/404.vue'
+import { useMenuStore } from 'store/menu'
 
 const router = createRouter({
   history: createWebHashHistory(),
@@ -27,22 +29,23 @@ router.beforeEach((to, from, next) => {
       } else {
         const userInfo = useUserInfo()
         const system = useSystem()
+        const menu = useMenuStore()
 
-        if (!userInfo.userInfos.username) {
+        if (!menu.menuData.length) {
           userInfo.getUserInfo().then(() => {
             system.getSystemVersion().then((menuData: any[]) => {
               menuData.forEach(r => {
-                router.addRoute('main', r)
+                router.addRoute('base', r)
               })
-              const redirect = decodeURIComponent((from.query.redirect as string) || to.path)
-              if(to.path === redirect) {
-                next({ ...to, replace: true })
-              } else {
-                next({ path: redirect })
-              }
+
+              router.addRoute('base',{
+                path: '/:pathMatch(.*)*',
+                component: () => NotFindPage
+              })
+              console.log(to)
+              next({ ...to, replace: true })
             })
           }).catch(() => {
-            console.log('userInfo', userInfo)
             cleanToken()
             next({ path: LoginPath })
           })
diff --git a/src/router/menu.ts b/src/router/menu.ts
index d086ddf5..056aa40d 100644
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@@ -32,10 +32,10 @@ export default [
         path: '/account/center/bind',
         component: () => import('@/views/account/Center/bind/index.vue')
     },
-    {
-        path: '/iot/home',
-        component: () => import('@/views/home/index.vue')
-    },
+    // {
+    //     path: '/iot/home',
+    //     component: () => import('@/views/home/index.vue')
+    // },
     {
         path: '/table',
         component: () => import('@/views/demo/table/index.vue')
@@ -48,107 +48,107 @@ export default [
         path: '/search',
         component: () => import('@/views/demo/Search.vue')
     },
-    {
-        path: '/notice/Config',
-        component: () => import('@/views/notice/Config/index.vue')
-    },
-    {
-        path: '/notice/Config/detail/:id',
-        component: () => import('@/views/notice/Config/Detail/index.vue')
-    },
-    {
-        path: '/notice/Template',
-        component: () => import('@/views/notice/Template/index.vue')
-    },
-    {
-        path: '/notice/Template/detail/:id',
-        component: () => import('@/views/notice/Template/Detail/index.vue')
-    },
+    // {
+    //     path: '/notice/Config',
+    //     component: () => import('@/views/notice/Config/index.vue')
+    // },
+    // {
+    //     path: '/notice/Config/detail/:id',
+    //     component: () => import('@/views/notice/Config/Detail/index.vue')
+    // },
+    // {
+    //     path: '/notice/Template',
+    //     component: () => import('@/views/notice/Template/index.vue')
+    // },
+    // {
+    //     path: '/notice/Template/detail/:id',
+    //     component: () => import('@/views/notice/Template/Detail/index.vue')
+    // },
     // end: 测试用, 可删除
 
     // 设备管理
-    {
-        path: '/device/Instance',
-        component: () => import('@/views/device/Instance/index.vue')
-    },
+    // {
+    //     path: '/device/Instance',
+    //     component: () => import('@/views/device/Instance/index.vue')
+    // },
     // link 运维管理
-    {
-        path: '/link/log',
-        component: () => import('@/views/link/Log/index.vue')
-    },
-    {
-        path: '/link/certificate',
-        component: () => import('@/views/link/Certificate/index.vue')
-    },
-    {
-        path: '/link/certificate/detail/add',
-        component: () => import('@/views/link/Certificate/Detail/index.vue')
-    },
-    {
-        path: '/link/accessConfig',
-        component: () => import('@/views/link/AccessConfig/index.vue')
-    },
-    {
-        path: '/link/accessConfig/detail/add',
-        component: () => import('@/views/link/AccessConfig/Detail/index.vue')
-    },
+    // {
+    //     path: '/link/log',
+    //     component: () => import('@/views/link/Log/index.vue')
+    // },
+    // {
+    //     path: '/link/certificate',
+    //     component: () => import('@/views/link/Certificate/index.vue')
+    // },
+    // {
+    //     path: '/link/certificate/detail/add',
+    //     component: () => import('@/views/link/Certificate/Detail/index.vue')
+    // },
+    // {
+    //     path: '/link/accessConfig',
+    //     component: () => import('@/views/link/AccessConfig/index.vue')
+    // },
+    // {
+    //     path: '/link/accessConfig/detail/add',
+    //     component: () => import('@/views/link/AccessConfig/Detail/index.vue')
+    // },
     // system 系统管理
-    {
-        path:'/system/Basis',
-        component: ()=>import('@/views/system/Basis/index.vue')
-    },
-    {
-        path:'/system/api',
-        component: ()=>import('@/views/system/apiPage/index.vue')
-    },
-    {
-        path:'/system/Role',
-        component: ()=>import('@/views/system/Role/index.vue')
-    },
-    {
-        path:'/system/Role/detail/:id',
-        component: ()=>import('@/views/system/Role/Detail/index.vue')
-    },
-    {
-        path:'/system/Permission',
-        component: ()=>import('@/views/system/Permission/index.vue')
-    },
+    // {
+    //     path:'/system/Basis',
+    //     component: ()=>import('@/views/system/Basis/index.vue')
+    // },
+    // {
+    //     path:'/system/api',
+    //     component: ()=>import('@/views/system/apiPage/index.vue')
+    // },
+    // {
+    //     path:'/system/Role',
+    //     component: ()=>import('@/views/system/Role/index.vue')
+    // },
+    // {
+    //     path:'/system/Role/detail/:id',
+    //     component: ()=>import('@/views/system/Role/Detail/index.vue')
+    // },
+    // {
+    //     path:'/system/Permission',
+    //     component: ()=>import('@/views/system/Permission/index.vue')
+    // },
     // 初始化
     {
       path: '/init-home',
       component: () => import('@/views/init-home/index.vue')
     },
     // 物联卡 iot-card
-    {
-      path: '/iot-card/Home',
-      component: () => import('@/views/iot-card/Home/index.vue')
-    },
-    {
-      path: '/iot-card/Dashboard',
-      component: () => import('@/views/iot-card/Dashboard/index.vue')
-    },
-    {
-      path: '/iot-card/CardManagement',
-      component: () => import('@/views/iot-card/CardManagement/index.vue')
-    },
+    // {
+    //   path: '/iot-card/Home',
+    //   component: () => import('@/views/iot-card/Home/index.vue')
+    // },
+    // {
+    //   path: '/iot-card/Dashboard',
+    //   component: () => import('@/views/iot-card/Dashboard/index.vue')
+    // },
+    // {
+    //   path: '/iot-card/CardManagement',
+    //   component: () => import('@/views/iot-card/CardManagement/index.vue')
+    // },
     // 北向输出
-    {
-        path: '/northbound/DuerOS',
-        component: () => import('@/views/northbound/DuerOS/index.vue')
-    },
-    {
-        path: '/northbound/AliCloud',
-        component: () => import('@/views/northbound/AliCloud/index.vue')
-    },
+    // {
+    //     path: '/northbound/DuerOS',
+    //     component: () => import('@/views/northbound/DuerOS/index.vue')
+    // },
+    // {
+    //     path: '/northbound/AliCloud',
+    //     component: () => import('@/views/northbound/AliCloud/index.vue')
+    // },
 
     // 产品分类 
-    {
-      path: '/iot/device/Category',
-        component: () => import('@/views/device/Category/index.vue')
-    } ,
+    // {
+    //   path: '/iot/device/Category',
+    //     component: () => import('@/views/device/Category/index.vue')
+    // } ,
     // 产品
-     {
-      path: '/iot/device/Product',
-      component: () => import('@/views/device/Product/index.vue')
-     }
+    //  {
+    //   path: '/iot/device/Product',
+    //   component: () => import('@/views/device/Product/index.vue')
+    //  }
 ]
\ No newline at end of file
diff --git a/src/store/menu.ts b/src/store/menu.ts
index 42f1946d..70e1ced9 100644
--- a/src/store/menu.ts
+++ b/src/store/menu.ts
@@ -6,6 +6,7 @@ export const useMenuStore = defineStore({
   id: 'menu',
   state: () => ({
     menus: {},
+    menuData: [],
     menusKey: []
   }),
   getters:  {
@@ -59,7 +60,7 @@ export const useMenuStore = defineStore({
               hideInMenu: true
             }
           })
-          this.menus = menus
+          this.menuData = menus
           res(menus)
         }
       })
diff --git a/src/utils/menu.ts b/src/utils/menu.ts
index 22230e84..e860b162 100644
--- a/src/utils/menu.ts
+++ b/src/utils/menu.ts
@@ -1,4 +1,4 @@
-const pagesComponent = import.meta.glob('../views/system/**/*.vue', { eager: true });
+const pagesComponent = import.meta.glob('../views/**/*.vue', { eager: true });
 import { BlankLayoutPage, BasicLayoutPage } from 'components/Layout'
 
 type ExtraRouteItem = {
@@ -61,13 +61,11 @@ const extraRouteObj = {
 const resolveComponent = (name: any) => {
   // TODO 暂时用system进行测试
   const importPage = pagesComponent[`../views/${name}/index.vue`];
-  // if (!importPage) {
-  //   throw new Error(`Unknown page ${name}. Is it located under Pages with a .vue extension?`);
-  // }
-
+  if (!importPage) {
+    console.warn(`Unknown page ${name}. Is it located under Pages with a .vue extension?`)
+  }
   //@ts-ignore
-  return !importPage ? BlankLayoutPage :  importPage.default
-  // return importPage.default
+  return !!importPage ? importPage.default : BlankLayoutPage
 }
 
 const findChildrenRoute = (code: string, url: string): ExtraRouteItem[] => {
@@ -85,7 +83,7 @@ const findChildrenRoute = (code: string, url: string): ExtraRouteItem[] => {
 
 export function filterAsnycRouter(asyncRouterMap: any, parentCode = '', level = 1) {
   return asyncRouterMap.map((route: any) => {
-
+    console.log(route.name, route)
     route.path = `${route.url}`
     route.meta = {
       icon: route.icon,
@@ -93,11 +91,11 @@ export function filterAsnycRouter(asyncRouterMap: any, parentCode = '', level =
     }
 
     // 查看是否有隐藏子路由
-    route.children = route.children && route.children.length ? [...route.children, ...findChildrenRoute(route.code, route.url)] : findChildrenRoute(route.code, route.url)
+    const extraChildren = findChildrenRoute(route.code, route.url)
+    route.children = route.children && route.children.length ? [...route.children, ...extraChildren] : extraChildren
 
     // TODO 查看是否具有详情页
     // route.children = [...route.children, ]
-
     if (route.children && route.children.length) {
       route.component = () => level === 1 ? BasicLayoutPage : BlankLayoutPage
       route.children = filterAsnycRouter(route.children, `${parentCode}/${route.code}`, level + 1)
@@ -105,7 +103,7 @@ export function filterAsnycRouter(asyncRouterMap: any, parentCode = '', level =
     } else {
       route.component = resolveComponent(route.code);
     }
-    console.log(route.code, route)
+
     return route
   })
 }
\ No newline at end of file
diff --git a/src/views/404.vue b/src/views/404.vue
new file mode 100644
index 00000000..7794d959
--- /dev/null
+++ b/src/views/404.vue
@@ -0,0 +1,14 @@
+<template>
+  <a-result status="404" title="404" sub-title="Sorry, the page you visited does not exist.">
+  </a-result>
+</template>
+
+<script>
+export default {
+  name: '404.vue'
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file

From bd6a101afed86f2c59600bd11fd0035e653eb18f Mon Sep 17 00:00:00 2001
From: blp <2962632571@qq.com>
Date: Tue, 31 Jan 2023 14:14:21 +0800
Subject: [PATCH 03/15] =?UTF-8?q?feat:=20=E7=89=A9=E8=81=94=E5=8D=A1?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E6=96=B0=E5=A2=9E=E3=80=81=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot-card/cardManagement.ts          |  20 +-
 src/views/iot-card/CardManagement/Save.vue  | 246 ++++++++++++++++++++
 src/views/iot-card/CardManagement/index.vue |  48 +++-
 src/views/iot-card/data.ts                  |  76 ++++++
 4 files changed, 385 insertions(+), 5 deletions(-)
 create mode 100644 src/views/iot-card/CardManagement/Save.vue
 create mode 100644 src/views/iot-card/data.ts

diff --git a/src/api/iot-card/cardManagement.ts b/src/api/iot-card/cardManagement.ts
index 51a77294..34aee292 100644
--- a/src/api/iot-card/cardManagement.ts
+++ b/src/api/iot-card/cardManagement.ts
@@ -97,4 +97,22 @@ export const _import = (configId: any, params: any) => server.get(`/network/card
  * @param format 类型 xlsx、csv
  * @param params
  */
-export const _export = (format: string, data: any) => server.post(`/network/card/download.${format}/_query`, data, 'blob');
\ No newline at end of file
+export const _export = (format: string, data: any) => server.post(`/network/card/download.${format}/_query`, data, 'blob');
+
+/**
+ * 验证iccid
+ * @param id
+ */
+export const validateId = (id: string) => server.get(`/network/card/id/_validate?id=${id}`);
+
+/**
+ * 新增物联卡
+ * @param data
+ */
+export const add = (data: any) => server.patch(`/network/card`, data);
+
+/**
+ * 编辑物联卡
+ * @param data
+ */
+export const edit = (data: any) => server.put(`/network/card/${data.id}`, data);
\ No newline at end of file
diff --git a/src/views/iot-card/CardManagement/Save.vue b/src/views/iot-card/CardManagement/Save.vue
new file mode 100644
index 00000000..9e62a69f
--- /dev/null
+++ b/src/views/iot-card/CardManagement/Save.vue
@@ -0,0 +1,246 @@
+<template>
+    <a-modal
+        :maskClosable="false"
+        width="600px"
+        :visible="true"
+        :title="type === 'add' ? '新增' : '编辑'"
+        @ok="handleOk"
+        @cancel="handleCancel"
+        :confirmLoading="btnLoading"
+    >
+        <div style="margin-top: 10px">
+            <a-form
+                :layout="'vertical'"
+                ref="formRef"
+                :rules="rules"
+                :model="modelRef"
+            >
+                <a-form-item label="卡号" name="id">
+                    <a-input
+                        v-model:value="modelRef.id"
+                        placeholder="请输入卡号"
+                        :disabled="type === 'edit'"
+                    ></a-input>
+                </a-form-item>
+                <a-form-item name="iccId">
+                    <template #label>
+                        <span>
+                            ICCID
+                            <a-tooltip title="IC卡的唯一识别号码">
+                                <AIcon
+                                    type="QuestionCircleOutlined"
+                                    style="margin-left: 2px"
+                                />
+                            </a-tooltip>
+                        </span>
+                    </template>
+                    <a-input
+                        v-model:value="modelRef.iccId"
+                        placeholder="请输入ICCID"
+                        :disabled="type === 'edit'"
+                    />
+                </a-form-item>
+                <a-form-item label="平台对接" name="platformConfigId">
+                    <a-select
+                        showSearch
+                        :filter-option="filterOption"
+                        :disabled="type === 'edit'"
+                        allowClear
+                        :options="platformConfigList"
+                        v-model:value="modelRef.platformConfigId"
+                        placeholder="请选择平台对接"
+                    >
+                    </a-select>
+                </a-form-item>
+
+                <a-form-item label="运营商" name="operatorName">
+                    <a-select
+                        allowClear
+                        showSearch
+                        :filter-option="filterOption"
+                        :options="OperatorList"
+                        v-model:value="modelRef.operatorName"
+                        placeholder="请选择运营商"
+                    >
+                    </a-select>
+                </a-form-item>
+                <a-form-item label="类型" name="cardType">
+                    <a-select
+                        allowClear
+                        showSearch
+                        :disabled="type === 'edit'"
+                        :filter-option="filterOption"
+                        :options="TypeList"
+                        v-model:value="modelRef.cardType"
+                        placeholder="请选择类型"
+                    >
+                    </a-select>
+                </a-form-item>
+                <a-form-item label="说明" name="describe">
+                    <a-textarea
+                        v-model:value="modelRef.describe"
+                        placeholder="请输入说明"
+                        showCount
+                        :maxlength="200"
+                    />
+                </a-form-item>
+            </a-form>
+        </div>
+    </a-modal>
+</template>
+
+<script lang="ts" setup>
+import {
+    queryPlatformNoPage,
+    validateId,
+    add,
+    edit,
+} from '@/api/iot-card/cardManagement';
+import { message } from 'ant-design-vue';
+import { OperatorList, TypeList } from '@/views/iot-card/data';
+
+const emit = defineEmits(['change']);
+const props = defineProps({
+    type: {
+        type: String,
+    },
+    data: {
+        type: Object,
+        default: undefined,
+    },
+});
+
+const btnLoading = ref<boolean>(false);
+const platformConfigList = ref<Record<string, any>[]>([]);
+
+const formRef = ref();
+
+const modelRef = reactive({
+    id: '',
+    iccId: '',
+    platformConfigId: undefined,
+    operatorName: undefined,
+    cardType: undefined,
+    describe: '',
+});
+
+const isValidateId = async (id: string) => {
+    const res: any = await validateId(id);
+    if (res.status === 200) {
+        if (res.result?.passed) {
+            return '';
+        } else {
+            return res.result.reason;
+        }
+    } else {
+        return '请输入输入正确的ICCID';
+    }
+};
+
+const vailIccId = async (_: Record<string, any>, value: string) => {
+    if (value) {
+        const validateId =
+            props.type === 'add' ? await isValidateId(value) : '';
+        if (validateId === '') {
+            return Promise.resolve();
+        } else {
+            return Promise.reject(new Error(`${validateId}`));
+        }
+        // } else {
+        //     return Promise.reject(new Error('请输入卡号'));
+    }
+};
+
+const rules = {
+    id: [
+        {
+            required: true,
+            message: '请输入卡号',
+        },
+        {
+            max: 64,
+            message: '最多输入64个字符',
+        },
+        {
+            validator: vailIccId,
+            trigger: 'blur',
+        },
+    ],
+    iccId: [
+        {
+            required: true,
+            message: '请输入ICCID',
+        },
+        {
+            max: 64,
+            message: '最多输入64个字符',
+        },
+    ],
+    platformConfigId: [
+        {
+            required: true,
+            message: '请选择平台对接',
+        },
+    ],
+    cardType: [
+        {
+            required: true,
+            message: '请选择类型',
+        },
+    ],
+};
+
+const filterOption = (input: string, option: any) => {
+    return (
+        option.componentOptions.children[0].text
+            .toLowerCase()
+            .indexOf(input.toLowerCase()) >= 0
+    );
+};
+
+watch(
+    () => props.data,
+    (newValue) => {
+        queryPlatformNoPage({
+            paging: false,
+            sorts: [{ name: 'createTime', order: 'desc' }],
+            terms: [{ column: 'state', value: 'enabled' }],
+        }).then((resp: any) => {
+            if (resp.status === 200) {
+                platformConfigList.value = resp.result.map((item: any) => ({
+                    label: item.name,
+                    value: item.id,
+                }));
+            }
+        });
+        Object.assign(modelRef, newValue);
+    },
+    { immediate: true, deep: true },
+);
+
+const handleCancel = () => {
+    emit('change', false);
+    formRef.value.resetFields();
+};
+
+const handleOk = () => {
+    formRef.value
+        .validate()
+        .then(async () => {
+            btnLoading.value = true;
+            const resp =
+                props.type === 'add'
+                    ? await add(toRaw(modelRef))
+                    : await edit(toRaw(modelRef));
+            btnLoading.value = false;
+            if (resp.status === 200) {
+                message.success('操作成功！');
+                emit('change', true);
+                formRef.value.resetFields();
+            }
+        })
+        .catch((err: any) => {
+            console.log('error', err);
+        });
+};
+</script>
diff --git a/src/views/iot-card/CardManagement/index.vue b/src/views/iot-card/CardManagement/index.vue
index 3cf85c36..3b5a1809 100644
--- a/src/views/iot-card/CardManagement/index.vue
+++ b/src/views/iot-card/CardManagement/index.vue
@@ -151,11 +151,18 @@
                             <span class="flow-text">
                                 {{ slotProps.totalFlow }}
                             </span>
-                            <span class="card-item-content-text"> M 使用流量</span>
+                            <span class="card-item-content-text">
+                                M 使用流量</span
+                            >
                         </div>
                         <div v-else>
                             <div class="progress-text">
-                                <div>{{ slotProps.totalFlow - slotProps.usedFlow }} %</div>
+                                <div>
+                                    {{
+                                        slotProps.totalFlow - slotProps.usedFlow
+                                    }}
+                                    %
+                                </div>
                                 <div class="card-item-content-text">
                                     总共 {{ slotProps.totalFlow }} M
                                 </div>
@@ -163,7 +170,9 @@
                             <a-progress
                                 :strokeColor="'#ADC6FF'"
                                 :showInfo="false"
-                                :percent="slotProps.totalFlow - slotProps.usedFlow"
+                                :percent="
+                                    slotProps.totalFlow - slotProps.usedFlow
+                                "
                             />
                         </div>
                     </template>
@@ -307,6 +316,13 @@
             :cardId="cardId"
             @change="bindDevice"
         />
+        <!-- 新增、编辑 -->
+        <Save
+            v-if="visible"
+            :type="saveType"
+            :data="current"
+            @change="saveChange"
+        />
     </div>
 </template>
 
@@ -333,6 +349,7 @@ import { getImage } from '@/utils/comm';
 import BindDevice from './BindDevice.vue';
 import Import from './Import.vue';
 import Export from './Export.vue';
+import Save from './Save.vue';
 
 const cardManageRef = ref<Record<string, any>>({});
 const params = ref<Record<string, any>>({});
@@ -344,6 +361,7 @@ const exportVisible = ref<boolean>(false);
 const importVisible = ref<boolean>(false);
 const cardId = ref<any>();
 const current = ref<Partial<CardManagement>>({});
+const saveType = ref<string>('');
 
 const columns = [
     {
@@ -504,6 +522,11 @@ const getActions = (
                 title: '编辑',
             },
             icon: 'EditOutlined',
+            onClick: () => {
+                visible.value = true;
+                current.value = data;
+                saveType.value = 'edit';
+            },
         },
         {
             key: 'view',
@@ -651,10 +674,27 @@ const handleView = (id: string) => {
 /**
  * 新增
  */
-const handleAdd = () => {};
+const handleAdd = () => {
+    visible.value = true;
+    current.value = {};
+    saveType.value = 'add';
+};
+
+/**
+ * 新增、编辑关闭弹窗
+ * @param val 加载表格
+ */
+const saveChange = (val: any) => {
+    visible.value = false;
+    current.value = {};
+    if (val) {
+        cardManageRef.value?.reload();
+    }
+};
 
 /**
  * 绑定设备关闭窗口
+ * @param val
  */
 const bindDevice = (val: boolean) => {
     bindDeviceVisible.value = false;
diff --git a/src/views/iot-card/data.ts b/src/views/iot-card/data.ts
new file mode 100644
index 00000000..cf9a9fc3
--- /dev/null
+++ b/src/views/iot-card/data.ts
@@ -0,0 +1,76 @@
+import { getImage } from '@/utils/comm';
+
+// 平台类型
+export const PlatformTypeList = [
+  {
+    label: '移动OneLink',
+    value: 'OneLinkPB',
+    imgUrl: getImage('/iot-card/onelink.png'),
+  },
+  {
+    label: '电信Ctwing',
+    value: 'CtwingCmp',
+    imgUrl: getImage('/iot-card/ctwingcmp.png'),
+  },
+  {
+    label: '联通Unicom',
+    value: 'UnicomCmp',
+    imgUrl: getImage('/iot-card/unicom.png'),
+  },
+];
+
+//运营商
+export const OperatorList = [
+  {
+    label: '移动',
+    value: '移动',
+  },
+  {
+    label: '电信',
+    value: '电信',
+  },
+  {
+    label: '联通',
+    value: '联通',
+  },
+];
+
+// 类型
+export const TypeList = [
+  {
+    label: '年卡',
+    value: 'year',
+  },
+  {
+    label: '季卡',
+    value: 'season',
+  },
+  {
+    label: '月卡',
+    value: 'month',
+  },
+  {
+    label: '其他',
+    value: 'other',
+  },
+];
+
+// 支付方式
+export const PaymentMethod = [
+  {
+    label: '支付宝手机网站支付',
+    value: 'ALIPAY_WAP',
+  },
+  {
+    label: '支付宝网页及时到账支付',
+    value: 'ALIPAY_WEB',
+  },
+  {
+    label: '微信公众号支付',
+    value: 'WEIXIN_JSAPI',
+  },
+  {
+    label: '微信扫码支付',
+    value: 'WEIXIN_NATIVE',
+  },
+];

From 4ea899f874b30fd7e59c064cd61e98ec963f0369 Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Tue, 31 Jan 2023 14:24:54 +0800
Subject: [PATCH 04/15] =?UTF-8?q?fix:=20=E9=80=9A=E7=9F=A5=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E6=96=B0=E5=A2=9E=E7=BC=96=E8=BE=91=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/notice/Config/Detail/index.vue | 47 +++++++++++++++---------
 src/views/notice/Template/index.vue      |  4 +-
 2 files changed, 32 insertions(+), 19 deletions(-)

diff --git a/src/views/notice/Config/Detail/index.vue b/src/views/notice/Config/Detail/index.vue
index 700c6d89..abfc22a5 100644
--- a/src/views/notice/Config/Detail/index.vue
+++ b/src/views/notice/Config/Detail/index.vue
@@ -311,31 +311,42 @@ const msgType = ref([
 // 表单数据
 const formData = ref<ConfigFormData>({
     configuration: {
-        appKey: '',
-        appSecret: '',
+        host: '',
+        port: 25,
+        ssl: false,
+        sender: '',
+        username: '',
+        password: '',
     },
     description: '',
     name: '',
-    provider: 'dingTalkMessage',
-    type: 'dingTalk',
+    provider: 'embedded',
+    type: 'email',
 });
 
 // 根据通知方式展示对应的字段
 watch(
     () => formData.value.type,
     (val) => {
-        // formData.value.configuration = Object.values<any>(CONFIG_FIELD_MAP[val])[0];
         msgType.value = MSG_TYPE[val];
 
         formData.value.provider = msgType.value[0].value;
+
+        formData.value.configuration =
+            CONFIG_FIELD_MAP[val][formData.value.provider];
+
+        clearValid();
     },
 );
 
-computed(() =>
-    Object.assign(
-        formData.value.configuration,
-        CONFIG_FIELD_MAP[formData.value.type][formData.value.provider],
-    ),
+watch(
+    () => formData.value.provider,
+    (val) => {
+        formData.value.configuration =
+            CONFIG_FIELD_MAP[formData.value.type][val];
+
+        clearValid();
+    },
 );
 
 // 验证规则
@@ -405,15 +416,15 @@ const { resetFields, validate, validateInfos, clearValidate } = useForm(
     formData.value,
     formRules.value,
 );
-watch(
-    () => formData.value.type,
-    () => {
+
+const clearValid = () => {
+    setTimeout(() => {
         clearValidate();
-    },
-    { deep: true },
-);
+    }, 200);
+};
 
 const getDetail = async () => {
+    if (route.params.id === ':id') return;
     const res = await configApi.detail(route.params.id as string);
     // console.log('res: ', res);
     formData.value = res.result;
@@ -441,10 +452,12 @@ const handleSubmit = () => {
                 message.success('保存成功');
                 router.back();
             }
-            btnLoading.value = false;
         })
         .catch((err) => {
             console.log('err: ', err);
+        })
+        .finally(() => {
+            btnLoading.value = false;
         });
 };
 </script>
diff --git a/src/views/notice/Template/index.vue b/src/views/notice/Template/index.vue
index 7af08260..87c20444 100644
--- a/src/views/notice/Template/index.vue
+++ b/src/views/notice/Template/index.vue
@@ -256,7 +256,7 @@ const getMethodTxt = (type: string) => {
  * 新增
  */
 const handleAdd = () => {
-    router.push(`/notice/Config/detail/:id`);
+    router.push(`/notice/Template/detail/:id`);
 };
 
 /**
@@ -323,7 +323,7 @@ const getActions = (
             onClick: () => {
                 // visible.value = true;
                 // current.value = data;
-                router.push(`/notice/Config/detail/${data.id}`);
+                router.push(`/notice/Template/detail/${data.id}`);
             },
         },
         {

From f381453bceacff6fe59ef4017697ae76c007758a Mon Sep 17 00:00:00 2001
From: 100011797 <2642441182@qq.com>
Date: Tue, 31 Jan 2023 15:38:04 +0800
Subject: [PATCH 05/15] =?UTF-8?q?feat:=20=E6=A0=87=E7=AD=BE=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=92=8C=E5=85=B3=E7=B3=BB=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../images/device/{ => instance}/button.png   | Bin
 src/api/device/instance.ts                    |  47 +++++++
 src/components/Table/index.tsx                |   4 +-
 .../Detail/Info/components/Config/index.vue   |  40 ++++--
 .../Detail/Info/components/Relation/Save.vue  | 125 ++++++++++++++++++
 .../Detail/Info/components/Relation/index.vue |  10 ++
 .../Detail/Info/components/Tags/Save.vue      | 117 ++++++++++++++++
 .../Detail/Info/components/Tags/index.vue     |  35 ++++-
 src/views/device/Instance/Detail/index.vue    |  77 ++++++++++-
 src/views/device/Instance/index.vue           |  28 ++--
 10 files changed, 456 insertions(+), 27 deletions(-)
 rename public/images/device/{ => instance}/button.png (100%)
 create mode 100644 src/views/device/Instance/Detail/Info/components/Relation/Save.vue
 create mode 100644 src/views/device/Instance/Detail/Info/components/Tags/Save.vue

diff --git a/public/images/device/button.png b/public/images/device/instance/button.png
similarity index 100%
rename from public/images/device/button.png
rename to public/images/device/instance/button.png
diff --git a/src/api/device/instance.ts b/src/api/device/instance.ts
index b1d01908..ceb17116 100644
--- a/src/api/device/instance.ts
+++ b/src/api/device/instance.ts
@@ -120,3 +120,50 @@ export const update = (data: Partial<DeviceInstance>) => data.id ? server.patch(
  * @returns 
  */
 export const getConfigMetadata = (id: string) => server.get(`/device-instance/${id}/config-metadata`)
+
+/**
+ * 断开连接
+ * @param id 设备id
+ * @returns 
+ */
+export const _disconnect = (id: string) => server.post(`/device-instance/${id}/disconnect`)
+
+/**
+ * 查询用户列表
+ * @returns 
+ */
+export const queryUserListNoPaging = () => server.post(`/user/_query/no-paging`, {
+  paging: false,
+  sorts: [{name: 'name', order: "asc"}]
+})
+
+/**
+ * 保存设备关系
+ * @param id 设备id
+ * @param data 
+ * @returns 
+ */
+export const saveRelations = (id: string, data: Record<string, any>) => server.patch(`/device/instance/${id}/relations`, data)
+
+/**
+ * 修改标签
+ * @param id 设备id
+ * @param data 
+ * @returns 
+ */
+export const saveTags = (id: string, data: Record<string, any>) => server.patch(`/device/instance/${id}/tag`, data)
+
+/**
+ * 删除标签
+ * @param deviceId 设备id
+ * @param id 标签id
+ * @returns 
+ */
+export const delTags = (deviceId: string, id: string) => server.remove(`/device/instance/${deviceId}/tag/${id}`)
+
+/**
+ * 恢复默认配置
+ * @param deviceId 设备id
+ * @returns 
+ */
+export const configurationReset = (deviceId: string) => server.put(`/device-instance/${deviceId}/configuration/_reset`)
\ No newline at end of file
diff --git a/src/components/Table/index.tsx b/src/components/Table/index.tsx
index 1a37be86..fb778495 100644
--- a/src/components/Table/index.tsx
+++ b/src/components/Table/index.tsx
@@ -333,7 +333,7 @@ const JTable = defineComponent<JTableProps>({
                             total={total.value}
                             showQuickJumper={false}
                             showSizeChanger={true}
-                            current={pageIndex.value}
+                            current={pageIndex.value + 1}
                             pageSize={pageSize.value}
                             pageSizeOptions={['12', '24', '48', '60', '100']}
                             showTotal={(num) => {
@@ -345,7 +345,7 @@ const JTable = defineComponent<JTableProps>({
                                 handleSearch({
                                     ...props.params,
                                     pageSize: size,
-                                    pageIndex: pageSize.value === size ? page : 0
+                                    pageIndex: pageSize.value === size ? (page ? page - 1 : 0) : 0
                                 })
                             }}
                         />
diff --git a/src/views/device/Instance/Detail/Info/components/Config/index.vue b/src/views/device/Instance/Detail/Info/components/Config/index.vue
index f22eabaa..4d7b0d78 100644
--- a/src/views/device/Instance/Detail/Info/components/Config/index.vue
+++ b/src/views/device/Instance/Detail/Info/components/Config/index.vue
@@ -4,8 +4,12 @@
             <div style="font-size: 16px; font-weight: 700">配置</div>
             <a-space>
                <a-button type="link" @click="visible = true"><AIcon type="EditOutlined" />编辑</a-button>
-               <a-button type="link" v-if="instanceStore.detail.current?.value !== 'notActive'"><AIcon type="CheckOutlined" />应用配置<a-tooltip title="修改配置后需重新应用后才能生效。"><AIcon type="QuestionCircleOutlined" /></a-tooltip></a-button>
-               <a-button type="link" v-if="instanceStore.detail.aloneConfiguration"><AIcon type="SyncOutlined" />恢复默认<a-tooltip title="该设备单独编辑过配置信息，点击此将恢复成默认的配置信息，请谨慎操作。"><AIcon type="QuestionCircleOutlined" /></a-tooltip></a-button>
+               <a-popconfirm title="确认重新应用该配置？" @confirm="deployBtn">
+                    <a-button type="link" v-if="instanceStore.detail.current?.value !== 'notActive'"><AIcon type="CheckOutlined" />应用配置<a-tooltip title="修改配置后需重新应用后才能生效。"><AIcon type="QuestionCircleOutlined" /></a-tooltip></a-button>
+               </a-popconfirm>
+               <a-popconfirm title="确认恢复默认配置？" @confirm="resetBtn">
+                    <a-button type="link" v-if="instanceStore.detail.aloneConfiguration"><AIcon type="SyncOutlined" />恢复默认<a-tooltip title="该设备单独编辑过配置信息，点击此将恢复成默认的配置信息，请谨慎操作。"><AIcon type="QuestionCircleOutlined" /></a-tooltip></a-button>
+               </a-popconfirm>
             </a-space>
         </div>
         <a-descriptions bordered size="small" v-for="i in config" :key="i.name">
@@ -28,7 +32,8 @@
 <script lang="ts" setup>
 import { useInstanceStore } from "@/store/instance"
 import { ConfigMetadata } from "@/views/device/Product/typings"
-import { getConfigMetadata } from '@/api/device/instance'
+import { getConfigMetadata, _deploy, configurationReset } from '@/api/device/instance'
+import { message } from "ant-design-vue"
 
 const instanceStore = useInstanceStore()
 const visible = ref<boolean>(false)
@@ -36,11 +41,11 @@ const config = ref<ConfigMetadata[]>([])
 
 watchEffect(() => {
     if(instanceStore.current.id){
-        // getConfigMetadata(instanceStore.current.id).then(resp => {
-        //     if(resp.status === 200){
-        //         config.value = resp?.result as ConfigMetadata[]
-        //     }
-        // })
+        getConfigMetadata(instanceStore.current.id).then(resp => {
+            if(resp.status === 200){
+                config.value = resp?.result as ConfigMetadata[]
+            }
+        })
     }
 })
 
@@ -53,5 +58,24 @@ const isExit = (property: string) => {
         instanceStore.current?.cachedConfiguration[property]
     );
   }
+  
+const deployBtn = async () => {
+    if(instanceStore.current.id){
+        const resp = await _deploy(instanceStore.current.id)
+        if (resp.status === 200) {
+            message.success('操作成功')
+            instanceStore.refresh(instanceStore.current.id)
+        }
+    }
+}
 
+const resetBtn = async () => {
+    if(instanceStore.current.id){
+        const resp = await configurationReset(instanceStore.current.id)
+        if (resp.status === 200) {
+            message.success('恢复默认配置成功')
+            instanceStore.refresh(instanceStore.current.id)
+        }
+    }
+}
 </script>
\ No newline at end of file
diff --git a/src/views/device/Instance/Detail/Info/components/Relation/Save.vue b/src/views/device/Instance/Detail/Info/components/Relation/Save.vue
new file mode 100644
index 00000000..bf7db937
--- /dev/null
+++ b/src/views/device/Instance/Detail/Info/components/Relation/Save.vue
@@ -0,0 +1,125 @@
+<template>
+    <a-drawer placement="right" :closable="false" :visible="true">
+        <template #title>
+            <div
+                style="
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                "
+            >
+                <span
+                    ><AIcon
+                        type="CloseOutlined"
+                        style="margin-right: 5px"
+                        @click="onClose"
+                    />编辑</span
+                >
+                <a-button type="primary" @click="saveBtn">保存</a-button>
+            </div>
+        </template>
+        <a-form layout="vertical" ref="formRef" :model="modelRef">
+            <a-form-item
+                :name="item.relation"
+                :label="item.relationName"
+                v-for="(item, index) in dataSource"
+                :key="index"
+            >
+                <a-select
+                    showSearch
+                    mode="multiple"
+                    v-model:value="modelRef[item.relation]"
+                    :placeholder="`请选择${item.relationName}`"
+                >
+                    <a-select-option
+                        :value="item.value"
+                        v-for="item in userList"
+                        :key="item.id"
+                        >{{ item.name }}</a-select-option
+                    >
+                </a-select>
+            </a-form-item>
+        </a-form>
+    </a-drawer>
+</template>
+
+<script lang="ts" setup>
+import { queryUserListNoPaging, saveRelations } from '@/api/device/instance';
+import { useInstanceStore } from '@/store/instance';
+import { message } from 'ant-design-vue';
+
+const emit = defineEmits(['close', 'save']);
+
+const formRef = ref();
+const modelRef = reactive({});
+const userList = ref<Record<string, any>[]>([]);
+
+const instanceStore = useInstanceStore();
+
+const dataSource = ref<Record<any, any>[]>([]);
+
+watchEffect(() => {
+    const arr = (instanceStore.current?.relations || [])
+    dataSource.value = arr as Record<any, any>[];
+    arr.map((item) => {
+        modelRef[item.relation] = [
+            ...(item?.related || []).map((i: any) => JSON.stringify(i)),
+        ];
+    });
+});
+
+onMounted(() => {
+    queryUserListNoPaging().then((resp) => {
+        if (resp.status === 200) {
+            userList.value = (resp.result as Record<string, any>[]).map(
+                (item) => {
+                    return {
+                        ...item,
+                        label: item.name,
+                        value: JSON.stringify({
+                            id: item.id,
+                            name: item.name,
+                        }),
+                    };
+                },
+            );
+        }
+    });
+});
+
+const onClose = () => {
+    emit('close');
+    formRef.value.resetFields();
+};
+
+const saveBtn = () => {
+    formRef.value.validate().then(async () => {
+        const values = toRaw(modelRef);
+        if (Object.keys(values).length > 0) {
+            const param: any[] = [];
+            Object.keys(values).forEach((key) => {
+                const item = dataSource.value.find((i) => i.relation === key);
+                const items = (values[key] || []).map((i: string) =>
+                    JSON.parse(i),
+                );
+                if (item) {
+                    param.push({
+                        relatedType: 'user',
+                        relation: item.relation,
+                        description: '',
+                        related: [...items],
+                    });
+                }
+            });
+            if(param.length && instanceStore.current.id){
+                const resp = await saveRelations(instanceStore.current.id, param);
+                if (resp.status === 200) {
+                    message.success('操作成功！');
+                    emit('save');
+                    formRef.value.resetFields();
+                }
+            }
+        }
+    });
+};
+</script>
\ No newline at end of file
diff --git a/src/views/device/Instance/Detail/Info/components/Relation/index.vue b/src/views/device/Instance/Detail/Info/components/Relation/index.vue
index 2fa91436..293fddd2 100644
--- a/src/views/device/Instance/Detail/Info/components/Relation/index.vue
+++ b/src/views/device/Instance/Detail/Info/components/Relation/index.vue
@@ -7,17 +7,27 @@
             </template>
             <a-descriptions-item :span="1" v-for="item in dataSource" :key="item.objectId" :label="item.relationName">{{ item?.related ? (item?.related || []).map(i => i.name).join(',') : '' }}</a-descriptions-item>
         </a-descriptions>
+        <Save v-if="visible" @save="saveBtn" @close="visible = false" />
     </div>
 </template>
 
 <script lang="ts" setup>
 import { useInstanceStore } from "@/store/instance"
+import Save from './Save.vue'
 const instanceStore = useInstanceStore()
 
 const dataSource = ref<Record<any, any>[]>([])
+const visible = ref<boolean>(false);
 
 watchEffect(() => {
     const arr = (instanceStore.current?.relations || []).reverse()
     dataSource.value = arr as Record<any, any>[]
 })
+
+const saveBtn = () => {
+    visible.value = false
+    if(instanceStore.current.id){
+        instanceStore.refresh(instanceStore.current.id)
+    }
+}
 </script>
diff --git a/src/views/device/Instance/Detail/Info/components/Tags/Save.vue b/src/views/device/Instance/Detail/Info/components/Tags/Save.vue
new file mode 100644
index 00000000..dafe416a
--- /dev/null
+++ b/src/views/device/Instance/Detail/Info/components/Tags/Save.vue
@@ -0,0 +1,117 @@
+<template>
+    <a-modal
+        :width="1000"
+        :visible="true"
+        title="编辑标签"
+        @ok="handleOk"
+        @cancel="handleCancel"
+    >
+        <a-table
+            rowKey="id"
+            :columns="columns"
+            :data-source="dataSource"
+            bordered
+            :pagination="false"
+        >
+            <template #bodyCell="{ column, text, record }">
+                <div style="width: 280px">
+                    <template v-if="['key', 'name'].includes(column.dataIndex)">
+                        <span>{{ text }}</span>
+                    </template>
+                    <template v-else>
+                        <ValueItem
+                            v-model:modelValue="record.value"
+                            :itemType="record.type"
+                            :options="
+                                record.type === 'enum'
+                                    ? (record?.dataType?.elements || []).map(
+                                          (item) => {
+                                              return {
+                                                  label: item.text,
+                                                  value: item.value,
+                                              };
+                                          },
+                                      )
+                                    : record.type === 'boolean'
+                                    ? [
+                                          { label: '是', value: true },
+                                          { label: '否', value: false },
+                                      ]
+                                    : undefined
+                            "
+                        />
+                    </template>
+                </div>
+            </template>
+        </a-table>
+    </a-modal>
+</template>
+
+<script lang="ts" setup>
+import { useInstanceStore } from '@/store/instance';
+import { message } from 'ant-design-vue';
+import _ from 'lodash';
+import { saveTags, delTags } from '@/api/device/instance'
+
+const emit = defineEmits(['close', 'save']);
+
+const columns = [
+    {
+        title: 'ID',
+        dataIndex: 'key',
+        with: '33%',
+    },
+    {
+        title: '名称',
+        dataIndex: 'name',
+        with: '33%',
+    },
+    {
+        title: '值',
+        dataIndex: 'value',
+        with: '34%',
+    },
+];
+const instanceStore = useInstanceStore();
+
+const dataSource = ref<Record<any, any>[]>([]);
+
+watchEffect(() => {
+    const arr = instanceStore.current?.tags || [];
+    dataSource.value = _.cloneDeep(arr);
+});
+
+const handleOk = async () => {
+    if (dataSource.value.length) {
+        const list = (dataSource.value || [])
+            .filter((item: any) => item?.key && item?.value)
+            .map((i: any) => {
+                const { dataType, ...extra } = i;
+                return { ...extra };
+            });
+        if (list.length) {
+            // 填值
+            const resp = await saveTags(instanceStore.current?.id || '', list);
+            if (resp.status === 200) {
+              message.success('操作成功！');
+            }
+          }
+          const _list = (dataSource.value || []).filter((item: any) => item?.key && !item?.value);
+          if (_list.length) {
+            // 删除值
+            _list.map(async (item: any) => {
+              if (item.id) {
+                await delTags(instanceStore.current?.id || '', item.id);
+              }
+            });
+          }
+          emit('save');
+    } else {
+        emit('close');
+    }
+};
+
+const handleCancel = () => {
+    emit('close');
+};
+</script>
\ No newline at end of file
diff --git a/src/views/device/Instance/Detail/Info/components/Tags/index.vue b/src/views/device/Instance/Detail/Info/components/Tags/index.vue
index b672f699..f197d60f 100644
--- a/src/views/device/Instance/Detail/Info/components/Tags/index.vue
+++ b/src/views/device/Instance/Detail/Info/components/Tags/index.vue
@@ -1,3 +1,34 @@
 <template>
-    tags
-</template>
\ No newline at end of file
+    <div style="margin-top: 20px">
+        <a-descriptions bordered>
+            <template #title>
+                标签
+                <a-button type="link" @click="visible = true"><AIcon type="EditOutlined" />编辑</a-button>
+            </template>
+            <a-descriptions-item :span="1" v-for="item in dataSource" :key="item.key" :label="`${item.name}（${item.key})`">{{ item?.value }}</a-descriptions-item>
+        </a-descriptions>
+        <Save v-if="visible" @close="visible = false" @save="saveBtn" />
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { useInstanceStore } from "@/store/instance"
+import Save from './Save.vue'
+
+const instanceStore = useInstanceStore()
+
+const dataSource = ref<Record<any, any>[]>([])
+const visible = ref<boolean>(false)
+
+watchEffect(() => {
+    const arr = (instanceStore.current?.tags || [])
+    dataSource.value = arr as Record<any, any>[]
+})
+
+const saveBtn = () => {
+    visible.value = false
+    if(instanceStore.current.id){
+        instanceStore.refresh(instanceStore.current.id)
+    }
+}
+</script>
diff --git a/src/views/device/Instance/Detail/index.vue b/src/views/device/Instance/Detail/index.vue
index b4c055b5..d9f2f0e5 100644
--- a/src/views/device/Instance/Detail/index.vue
+++ b/src/views/device/Instance/Detail/index.vue
@@ -1,7 +1,40 @@
 <template>
     <page-container :tabList="list" @back="onBack" :tabActiveKey="instanceStore.active" @tabChange="onTabChange">
-        <template #subTitle><div>{{instanceStore.current.name}}</div></template>
-        <component :is="instanceStore.tabActiveKey" />
+        <template #title>
+            <div>
+                <div style="display: flex;  align-items: center;">
+                    <div>{{instanceStore.current.name}}</div>
+                    <a-divider type="vertical" />
+                    <a-space>
+                        <a-badge :text="instanceStore.current.state?.text" :status="statusMap.get(instanceStore.current.state?.value)" />
+                        <a-popconfirm title="确认启用设备" @confirm="handleAction" v-if="instanceStore.current.state?.value === 'notActive'">
+                            <a-button type="link">启用设备</a-button>
+                        </a-popconfirm>
+                        <a-popconfirm title="确认断开连接" @confirm="handleDisconnect" v-if="instanceStore.current.state?.value === 'online'">
+                            <a-button type="link">断开连接</a-button>
+                        </a-popconfirm>
+                        <a-tooltip v-if="instanceStore.current?.accessProvider === 'child-device' &&
+            instanceStore.current?.state?.value === 'offline'"  :title="instanceStore.current?.features?.find((item) => item.id === 'selfManageState')
+                      ? '该设备的在线状态与父设备(网关设备)保持一致'
+                      : '该设备在线状态由设备自身运行状态决定，不继承父设备（网关设备）的在线状态'">
+                            <AIcon type="QuestionCircleOutlined" style="font-size: 14px" />
+                        </a-tooltip>
+                    </a-space>
+                </div>
+                <div style="padding-top: 10px">
+                    <a-descriptions size="small" :column="4">
+                        <a-descriptions-item label="ID">{{ instanceStore.current.id }}</a-descriptions-item>
+                        <a-descriptions-item label="所属产品">
+                            <a-button style="margin-top: -5px; padding: 0" type="link" @click="jumpProduct">{{ instanceStore.current.productName }}</a-button>
+                        </a-descriptions-item>
+                    </a-descriptions>
+                </div>
+            </div>
+        </template>
+        <template #extra>
+            <img @click="handleRefresh" :src="getImage('/device/instance/button.png')" style="margin-right: 20px; cursor: pointer;" />
+        </template>
+        <component :is="tabs[instanceStore.tabActiveKey]" />
     </page-container>
 </template>
 
@@ -9,9 +42,18 @@
 import { useInstanceStore } from '@/store/instance';
 import Info from './Info/index.vue';
 import Metadata from '../../components/Metadata/index.vue';
+import { _deploy, _disconnect } from '@/api/device/instance'
+import { message } from 'ant-design-vue';
+import { getImage } from '@/utils/comm';
+
 const route = useRoute();
 const instanceStore = useInstanceStore()
 
+const statusMap = new Map();
+statusMap.set('online', 'processing');
+statusMap.set('offline', 'error');
+statusMap.set('notActive', 'warning');
+
 const list = [
     {
         key: 'Info',
@@ -46,4 +88,35 @@ const onBack = () => {
 const onTabChange = (e: string) => {
     instanceStore.tabActiveKey = e
 }
+
+const handleAction = async () => {
+    if(instanceStore.current.id){
+        const resp = await _deploy(instanceStore.current.id)
+        if(resp.status === 200){
+            message.success('操作成功！')
+            instanceStore.refresh(instanceStore.current.id)
+        }
+    }
+}
+
+const handleDisconnect = async () => {
+    if(instanceStore.current.id){
+        const resp = await _disconnect(instanceStore.current.id)
+        if(resp.status === 200){
+            message.success('操作成功！')
+            instanceStore.refresh(instanceStore.current.id)
+        }
+    }
+}
+
+const handleRefresh = async () => {
+    if(instanceStore.current.id){
+        await instanceStore.refresh(instanceStore.current.id)
+        message.success('操作成功')
+    }
+}
+
+const jumpProduct = () => {
+    message.warn('暂未开发')
+}
 </script>
\ No newline at end of file
diff --git a/src/views/device/Instance/index.vue b/src/views/device/Instance/index.vue
index fb842bec..52fd4ef4 100644
--- a/src/views/device/Instance/index.vue
+++ b/src/views/device/Instance/index.vue
@@ -101,8 +101,8 @@
                 :actions="getActions(slotProps, 'card')"
                 v-bind="slotProps"
                 :active="_selectedRowKeys.includes(slotProps.id)"
-                :status="slotProps.state.value"
-                :statusText="slotProps.state.text"
+                :status="slotProps.state?.value"
+                :statusText="slotProps.state?.text"
                 :statusNames="{
                     online: 'success',
                     offline: 'error',
@@ -126,7 +126,7 @@
                     <a-row>
                         <a-col :span="12">
                             <div class="card-item-content-text">设备类型</div>
-                            <div>{{ slotProps.deviceType.text }}</div>
+                            <div>{{ slotProps.deviceType?.text }}</div>
                         </a-col>
                         <a-col :span="12">
                             <div class="card-item-content-text">产品名称</div>
@@ -151,7 +151,7 @@
                                 />
                                 <template v-else>
                                     <AIcon :type="item.icon" />
-                                    <span>{{ item.text }}</span>
+                                    <span>{{ item?.text }}</span>
                                 </template>
                             </a-button>
                         </a-popconfirm>
@@ -166,7 +166,7 @@
                                 />
                                 <template v-else>
                                     <AIcon :type="item.icon" />
-                                    <span>{{ item.text }}</span>
+                                    <span>{{ item?.text }}</span>
                                 </template>
                             </a-button>
                         </template>
@@ -176,8 +176,8 @@
         </template>
         <template #state="slotProps">
             <a-badge
-                :text="slotProps.state === 1 ? ' 正常' : '禁用'"
-                :status="statusMap.get(slotProps.state)"
+                :text="slotProps.state?.text"
+                :status="statusMap.get(slotProps.state?.value)"
             />
         </template>
         <template #action="slotProps">
@@ -228,7 +228,7 @@
         :api="api"
         :type="type"
     />
-    <Save v-if="visible" :data="current" />
+    <Save v-if="visible" :data="current" @close="visible = false" @save="saveBtn" />
 </template>
 
 <script setup lang="ts">
@@ -263,8 +263,10 @@ const api = ref<string>('');
 const type = ref<string>('');
 
 const statusMap = new Map();
-statusMap.set(1, 'processing');
-statusMap.set(0, 'error');
+statusMap.set('online', 'processing');
+statusMap.set('offline', 'error');
+statusMap.set('notActive', 'warning');
+
 const columns = [
     {
         title: 'ID',
@@ -399,9 +401,9 @@ const getActions = (
         },
         {
             key: 'action',
-            text: data.state.value !== 'notActive' ? '禁用' : '启用',
+            text: data.state?.value !== 'notActive' ? '禁用' : '启用',
             tooltip: {
-                title: data.state.value !== 'notActive' ? '禁用' : '启用',
+                title: data.state?.value !== 'notActive' ? '禁用' : '启用',
             },
             icon:
                 data.state.value !== 'notActive'
@@ -430,7 +432,7 @@ const getActions = (
         {
             key: 'delete',
             text: '删除',
-            disabled: data.state.value !== 'notActive',
+            disabled: data.state?.value !== 'notActive',
             tooltip: {
                 title:
                     data.state.value !== 'notActive'

From fdacebbec88ee85ae6b85e05328da775b7298960 Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Tue, 31 Jan 2023 16:07:46 +0800
Subject: [PATCH 06/15] =?UTF-8?q?fix:=20=E6=96=B0=E5=A2=9E=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF=E4=BA=A4=E4=BA=92=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/notice/Template/Detail/index.vue | 54 +++++++++++++++-------
 1 file changed, 38 insertions(+), 16 deletions(-)

diff --git a/src/views/notice/Template/Detail/index.vue b/src/views/notice/Template/Detail/index.vue
index 82ce27eb..ed323dff 100644
--- a/src/views/notice/Template/Detail/index.vue
+++ b/src/views/notice/Template/Detail/index.vue
@@ -495,12 +495,19 @@ const msgType = ref([
 
 // 表单数据
 const formData = ref<TemplateFormData>({
-    template: {},
+    template: {
+        subject: '',
+        sendTo: [],
+        attachments: [],
+        message: '',
+        text: '',
+    },
     name: '',
     type: 'email',
     provider: 'embedded',
     description: '',
     variableDefinitions: [],
+    configId: '',
 });
 
 // 根据通知方式展示对应的字段
@@ -513,17 +520,30 @@ watch(
         formData.value.provider = msgType.value[0].value;
         // console.log('formData.value.template: ', formData.value.template);
 
+        formData.value.template =
+            TEMPLATE_FIELD_MAP[val][formData.value.provider];
+
         getConfigList();
+        clearValid();
     },
 );
 
-computed(() => {
-    // console.log('formData.value.type: ', formData.value.type);
-    Object.assign(
-        formData.value.template,
-        TEMPLATE_FIELD_MAP[formData.value.type][formData.value.provider],
-    );
-});
+watch(
+    () => formData.value.provider,
+    (val) => {
+        formData.value.template = TEMPLATE_FIELD_MAP[formData.value.type][val];
+
+        clearValid();
+    },
+);
+
+// computed(() => {
+//     // console.log('formData.value.type: ', formData.value.type);
+//     Object.assign(
+//         formData.value.template,
+//         TEMPLATE_FIELD_MAP[formData.value.type][formData.value.provider],
+//     );
+// });
 
 // 验证规则
 const formRules = ref({
@@ -557,14 +577,6 @@ const { resetFields, validate, validateInfos, clearValidate } = useForm(
     formData.value,
     formRules.value,
 );
-watch(
-    () => formData.value.type,
-    () => {
-        formData.value.variableDefinitions = [];
-        clearValidate();
-    },
-    { deep: true },
-);
 
 watch(
     () => formData.value.template.message,
@@ -593,6 +605,13 @@ watch(
     { deep: true },
 );
 
+const clearValid = () => {
+    setTimeout(() => {
+        formData.value.variableDefinitions = [];
+        clearValidate();
+    }, 200);
+};
+
 /**
  * 获取详情
  */
@@ -653,6 +672,7 @@ getSignsList();
  */
 const btnLoading = ref<boolean>(false);
 const handleSubmit = () => {
+    if (formData.value.type === 'email') delete formData.value.configId
     validate()
         .then(async () => {
             // console.log('formData.value: ', formData.value);
@@ -673,6 +693,8 @@ const handleSubmit = () => {
         })
         .catch((err) => {
             console.log('err: ', err);
+        })
+        .finally(() => {
             btnLoading.value = false;
         });
 };

From 4fc5d5315f83ec1f4a315f36045a24b69beb25e3 Mon Sep 17 00:00:00 2001
From: blp <2962632571@qq.com>
Date: Tue, 31 Jan 2023 16:12:49 +0800
Subject: [PATCH 07/15] =?UTF-8?q?feat:=20=E7=89=A9=E8=81=94=E5=8D=A1?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E6=9F=A5=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot-card/cardManagement.ts            |   8 +-
 src/router/menu.ts                            |   4 +
 .../iot-card/CardManagement/Detail/index.vue  | 167 ++++++++++++++++++
 src/views/iot-card/CardManagement/index.vue   |  10 ++
 4 files changed, 188 insertions(+), 1 deletion(-)
 create mode 100644 src/views/iot-card/CardManagement/Detail/index.vue

diff --git a/src/api/iot-card/cardManagement.ts b/src/api/iot-card/cardManagement.ts
index 34aee292..768aba60 100644
--- a/src/api/iot-card/cardManagement.ts
+++ b/src/api/iot-card/cardManagement.ts
@@ -115,4 +115,10 @@ export const add = (data: any) => server.patch(`/network/card`, data);
  * 编辑物联卡
  * @param data
  */
-export const edit = (data: any) => server.put(`/network/card/${data.id}`, data);
\ No newline at end of file
+export const edit = (data: any) => server.put(`/network/card/${data.id}`, data);
+
+/**
+ * 根据id查看详情
+ * @param id
+ */
+export const queryDetail = (id: any) => server.get(`/network/card/${id}`);
\ No newline at end of file
diff --git a/src/router/menu.ts b/src/router/menu.ts
index 234bcabf..f7cddb58 100644
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@@ -145,6 +145,10 @@ export default [
       path: '/iot-card/CardManagement',
       component: () => import('@/views/iot-card/CardManagement/index.vue')
     },
+    {
+      path: '/iot-card/CardManagement/Detail',
+      component: () => import('@/views/iot-card/CardManagement/Detail/index.vue')
+    },
     // 北向输出
     {
         path: '/northbound/DuerOS',
diff --git a/src/views/iot-card/CardManagement/Detail/index.vue b/src/views/iot-card/CardManagement/Detail/index.vue
new file mode 100644
index 00000000..3e1a330d
--- /dev/null
+++ b/src/views/iot-card/CardManagement/Detail/index.vue
@@ -0,0 +1,167 @@
+<!-- 物联卡查看 -->
+<template>
+    <div class="page-container">
+        <!-- 新增、编辑 -->
+        <Save
+            v-if="visible"
+            :type="saveType"
+            :data="current"
+            @change="saveChange"
+        />
+        <a-row :gutter="[24, 24]">
+            <a-col :span="24">
+                <a-card>
+                    <a-descriptions size="small" :column="3" bordered>
+                        <template #title>
+                            <span key="1">基本信息</span>
+                            <a-button
+                                key="2"
+                                type="link"
+                                @click="
+                                    () => {
+                                        visible = true;
+                                        current = detail;
+                                        saveType = 'edit';
+                                    }
+                                "
+                            >
+                                <AIcon type="EditOutlined"></AIcon>
+                                编辑
+                            </a-button>
+                        </template>
+
+                        <a-descriptions-item label="卡号">{{
+                            detail.id
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="ICCID">{{
+                            detail.iccId
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="绑定设备">{{
+                            detail.deviceName
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="平台类型">{{
+                            detail.operatorPlatformType?.text
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="平台名称">{{
+                            detail.platformConfigName
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="运营商">{{
+                            detail.operatorName
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="类型">{{
+                            detail.cardType?.text
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="激活日期">{{
+                            detail.activationDate
+                                ? moment(detail.activationDate).format(
+                                      'YYYY-MM-DD HH:mm:ss',
+                                  )
+                                : ''
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="更新时间">{{
+                            detail.updateTime
+                                ? moment(detail.updateTime).format(
+                                      'YYYY-MM-DD HH:mm:ss',
+                                  )
+                                : ''
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="总流量">{{
+                            detail.totalFlow
+                                ? detail.totalFlow.toFixed(2) + ' M'
+                                : ''
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="使用流量">{{
+                            detail.usedFlow
+                                ? detail.usedFlow.toFixed(2) + ' M'
+                                : ''
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="剩余流量">{{
+                            detail.residualFlow
+                                ? detail.residualFlow.toFixed(2) + ' M'
+                                : ''
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="状态">{{
+                            detail?.cardState?.text
+                        }}</a-descriptions-item>
+                        <a-descriptions-item label="说明">{{
+                            detail?.describe
+                        }}</a-descriptions-item>
+                    </a-descriptions>
+                </a-card>
+            </a-col>
+            <a-col :span="24">
+                <!-- 流量统计 -->
+                <a-row :gutter="40">
+                    <a-col :span="16">
+                        <div class="card">
+                            <Guide title="流量统计">
+                                <template #extra></template>
+                            </Guide>
+                            <LineChart
+                                :showX="true"
+                                :showY="true"
+                                style="min-height: 450px"
+                                :chartData="flowData"
+                            />
+                        </div>
+                    </a-col>
+                    <a-col :span="8">
+                        <div class="card">
+                            <a-row :gutter="20">
+                                <a-col :span="24">
+                                    <Guide title="数据统计" />
+                                </a-col>
+                            </a-row>
+                        </div>
+                    </a-col>
+                </a-row>
+            </a-col>
+        </a-row>
+    </div>
+</template>
+
+<script setup lang="ts">
+import moment from 'moment';
+import type { CardManagement } from '../typing';
+import { queryDetail } from '@/api/iot-card/cardManagement';
+import Save from '../Save.vue';
+import Guide from '@/views/iot-card/components/Guide.vue';
+import LineChart from '@/views/iot-card/components/LineChart.vue';
+
+const route = useRoute();
+
+const visible = ref<boolean>(false);
+const current = ref<Partial<CardManagement>>({});
+const saveType = ref<string>('');
+const detail = ref<any>({});
+
+const flowData = ref<any[]>([]);
+
+const getDetail = () => {
+    queryDetail(route.query.id).then((resp: any) => {
+        if (resp.status === 200) {
+            detail.value = resp.result;
+        }
+    });
+};
+
+/**
+ * 新增、编辑关闭弹窗
+ * @param val 加载表格
+ */
+const saveChange = (val: any) => {
+    visible.value = false;
+    current.value = {};
+    if (val) {
+        getDetail();
+    }
+};
+
+getDetail();
+</script>
+<style scoped lang="less">
+.card {
+    padding: 24px;
+    background-color: #fff;
+}
+</style>
diff --git a/src/views/iot-card/CardManagement/index.vue b/src/views/iot-card/CardManagement/index.vue
index 3b5a1809..1ac18f80 100644
--- a/src/views/iot-card/CardManagement/index.vue
+++ b/src/views/iot-card/CardManagement/index.vue
@@ -351,6 +351,8 @@ import Import from './Import.vue';
 import Export from './Export.vue';
 import Save from './Save.vue';
 
+const router = useRouter();
+
 const cardManageRef = ref<Record<string, any>>({});
 const params = ref<Record<string, any>>({});
 const _selectedRowKeys = ref<string[]>([]);
@@ -535,6 +537,14 @@ const getActions = (
                 title: '查看',
             },
             icon: 'EyeOutlined',
+            onClick: () => {
+                router.push({
+                    path: '/iot-card/CardManagement/Detail',
+                    query: {
+                        id: data.id,
+                    },
+                });
+            },
         },
         {
             key: 'bindDevice',

From 88ecf733df1e241a37f0093f21e7d0083d6efb83 Mon Sep 17 00:00:00 2001
From: blp <2962632571@qq.com>
Date: Tue, 31 Jan 2023 16:14:04 +0800
Subject: [PATCH 08/15] =?UTF-8?q?feat:=20=E5=85=85=E5=80=BC=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/menu.ts                    | 4 ++++
 src/views/iot-card/Recharge/index.vue | 8 ++++++++
 2 files changed, 12 insertions(+)
 create mode 100644 src/views/iot-card/Recharge/index.vue

diff --git a/src/router/menu.ts b/src/router/menu.ts
index f7cddb58..4f044c8a 100644
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@@ -149,6 +149,10 @@ export default [
       path: '/iot-card/CardManagement/Detail',
       component: () => import('@/views/iot-card/CardManagement/Detail/index.vue')
     },
+    {
+      path: '/iot-card/Recharge',
+      component: () => import('@/views/iot-card/Recharge/index.vue')
+    },
     // 北向输出
     {
         path: '/northbound/DuerOS',
diff --git a/src/views/iot-card/Recharge/index.vue b/src/views/iot-card/Recharge/index.vue
new file mode 100644
index 00000000..4f1bbbc0
--- /dev/null
+++ b/src/views/iot-card/Recharge/index.vue
@@ -0,0 +1,8 @@
+<!-- 充值管理 -->
+<template>
+    <div class="page-container">充值管理</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="less"></style>

From ea4552a2b8965b90e9af247d4de9fea8bd89d539 Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Tue, 31 Jan 2023 16:48:01 +0800
Subject: [PATCH 09/15] =?UTF-8?q?fix:=20=E9=92=89=E9=92=89=E6=9C=BA?=
 =?UTF-8?q?=E5=99=A8=E4=BA=BA=E6=B6=88=E6=81=AF=E7=B1=BB=E5=9E=8B=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/notice/Template/Detail/index.vue | 80 ++++++++++++++--------
 1 file changed, 53 insertions(+), 27 deletions(-)

diff --git a/src/views/notice/Template/Detail/index.vue b/src/views/notice/Template/Detail/index.vue
index ed323dff..93415894 100644
--- a/src/views/notice/Template/Detail/index.vue
+++ b/src/views/notice/Template/Detail/index.vue
@@ -120,15 +120,15 @@
                                             ]
                                         "
                                     >
-                                        <!-- <a-input
+                                        <a-input
                                             v-model:value="
-                                                formData.template.markdown?.title
+                                                formData.template.markdown.title
                                             "
                                             placeholder="请输入标题"
-                                        /> -->
+                                        />
                                     </a-form-item>
                                 </template>
-                                <!-- <template
+                                <template
                                     v-if="
                                         formData.template.messageType === 'link'
                                     "
@@ -141,7 +141,7 @@
                                     >
                                         <a-input
                                             v-model:value="
-                                                formData.template.link?.title
+                                                formData.template.link.title
                                             "
                                             placeholder="请输入标题"
                                         />
@@ -149,21 +149,40 @@
                                     <a-form-item label="图片链接">
                                         <a-input
                                             v-model:value="
-                                                formData.template.link?.picUrl
+                                                formData.template.link.picUrl
                                             "
                                             placeholder="请输入图片链接"
-                                        />
+                                        >
+                                            <template #addonAfter>
+                                                <a-upload
+                                                    name="file"
+                                                    :action="FILE_UPLOAD"
+                                                    :headers="{
+                                                        [TOKEN_KEY]:
+                                                            LocalStore.get(
+                                                                TOKEN_KEY,
+                                                            ),
+                                                    }"
+                                                    :showUploadList="false"
+                                                    @change="
+                                                        (e) => handleChange(e)
+                                                    "
+                                                >
+                                                    <AIcon type="UploadOutlined" />
+                                                </a-upload>
+                                            </template>
+                                        </a-input>
                                     </a-form-item>
                                     <a-form-item label="内容链接">
                                         <a-input
                                             v-model:value="
                                                 formData.template.link
-                                                    ?.messageUrl
+                                                    .messageUrl
                                             "
                                             placeholder="请输入内容链接"
                                         />
                                     </a-form-item>
-                                </template> -->
+                                </template>
                             </template>
                         </template>
                         <!-- 微信 -->
@@ -456,7 +475,7 @@
 
 <script setup lang="ts">
 import { getImage } from '@/utils/comm';
-import { Form } from 'ant-design-vue';
+import { Form, UploadChangeParam } from 'ant-design-vue';
 import { message } from 'ant-design-vue';
 import { IVariableDefinitions, TemplateFormData } from '../types';
 import {
@@ -475,6 +494,10 @@ import ToUser from './components/ToUser.vue';
 import ToOrg from './components/ToOrg.vue';
 import ToTag from './components/ToTag.vue';
 
+import { FILE_UPLOAD } from '@/api/comm';
+import { LocalStore } from '@/utils/comm';
+import { TOKEN_KEY } from '@/utils/variable';
+
 const router = useRouter();
 const route = useRoute();
 const useForm = Form.useForm;
@@ -537,14 +560,6 @@ watch(
     },
 );
 
-// computed(() => {
-//     // console.log('formData.value.type: ', formData.value.type);
-//     Object.assign(
-//         formData.value.template,
-//         TEMPLATE_FIELD_MAP[formData.value.type][formData.value.provider],
-//     );
-// });
-
 // 验证规则
 const formRules = ref({
     type: [{ required: true, message: '请选择通知方式' }],
@@ -637,6 +652,15 @@ const getConfigList = async () => {
 };
 getConfigList();
 
+/**
+ * link消息类型 图片链接
+ */
+ const handleChange = (info: UploadChangeParam) => {
+    if (info.file.status === 'done') {
+        formData.value.template.link.picUrl = info.file.response?.result;
+    }
+};
+
 /**
  * 配置选择改变
  */
@@ -672,10 +696,12 @@ getSignsList();
  */
 const btnLoading = ref<boolean>(false);
 const handleSubmit = () => {
-    if (formData.value.type === 'email') delete formData.value.configId
+    if (formData.value.type === 'email') delete formData.value.configId;
+    if (formData.value.template.messageType === 'markdown') delete formData.value.template.link
+    if (formData.value.template.messageType === 'link') delete formData.value.template.markdown
+    // console.log('formData.value: ', formData.value);
     validate()
         .then(async () => {
-            // console.log('formData.value: ', formData.value);
             formData.value.template.ttsCode =
                 formData.value.template.templateCode;
             btnLoading.value = true;
@@ -700,13 +726,13 @@ const handleSubmit = () => {
 };
 
 // test
-watch(
-    () => formData.value,
-    (val) => {
-        console.log('formData.value: ', val);
-    },
-    { deep: true },
-);
+// watch(
+//     () => formData.value,
+//     (val) => {
+//         console.log('formData.value: ', val);
+//     },
+//     { deep: true },
+// );
 // test
 </script>
 

From 3f8aba0a8c500403ead7fb3fe45430ca59a698ff Mon Sep 17 00:00:00 2001
From: 100011797 <2642441182@qq.com>
Date: Tue, 31 Jan 2023 16:51:48 +0800
Subject: [PATCH 10/15] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E5=8D=A1=E7=89=87=E5=90=8D=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CardBox/index.vue           | 7 +++++++
 src/router/menu.ts                         | 4 ++++
 src/views/device/Instance/index.vue        | 1 +
 src/views/northbound/DuerOS/Save/index.vue | 3 +++
 src/views/northbound/DuerOS/index.vue      | 2 +-
 5 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 src/views/northbound/DuerOS/Save/index.vue

diff --git a/src/components/CardBox/index.vue b/src/components/CardBox/index.vue
index cb958ce7..0915064a 100644
--- a/src/components/CardBox/index.vue
+++ b/src/components/CardBox/index.vue
@@ -231,6 +231,13 @@ const handleClick = () => {
 
             :deep(.card-item-content-title) {
                 cursor: pointer;
+                font-size: 16px;
+                font-weight: 700;
+                color: @primary-color;
+                width: calc(100% - 100px);
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
             }
 
             :deep(.card-item-heard-name) {
diff --git a/src/router/menu.ts b/src/router/menu.ts
index 234bcabf..22aaecec 100644
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@@ -150,6 +150,10 @@ export default [
         path: '/northbound/DuerOS',
         component: () => import('@/views/northbound/DuerOS/index.vue')
     },
+    {
+        path: '/northbound/DuerOS/detail/:id',
+        component: () => import('@/views/northbound/DuerOS/Save/index.vue')
+    },
     {
         path: '/northbound/AliCloud',
         component: () => import('@/views/northbound/AliCloud/index.vue')
diff --git a/src/views/device/Instance/index.vue b/src/views/device/Instance/index.vue
index 52fd4ef4..11656160 100644
--- a/src/views/device/Instance/index.vue
+++ b/src/views/device/Instance/index.vue
@@ -1,4 +1,5 @@
 <template>
+    <Search :columns="columns" target="device-instance" />
     <JTable
         ref="instanceRef"
         :columns="columns"
diff --git a/src/views/northbound/DuerOS/Save/index.vue b/src/views/northbound/DuerOS/Save/index.vue
new file mode 100644
index 00000000..9573a57f
--- /dev/null
+++ b/src/views/northbound/DuerOS/Save/index.vue
@@ -0,0 +1,3 @@
+<template>
+    123
+</template>
\ No newline at end of file
diff --git a/src/views/northbound/DuerOS/index.vue b/src/views/northbound/DuerOS/index.vue
index f8ab376f..520d60bd 100644
--- a/src/views/northbound/DuerOS/index.vue
+++ b/src/views/northbound/DuerOS/index.vue
@@ -148,7 +148,7 @@ const getActions = (data: Partial<Record<string, any>>): ActionsType[] => {
 }
 
 const add = () => {
-    message.warn('123')
+    // router.push(`/northbound/DuerOS/detail/:id`)
 }
 
 </script>
\ No newline at end of file

From c4ae0a6dddd4ea8c99baa1a3f729e493de347cdc Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Tue, 31 Jan 2023 17:16:19 +0800
Subject: [PATCH 11/15] =?UTF-8?q?fix:=20=E4=BB=A3=E7=A0=81=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=99=A8=E7=B2=98=E8=B4=B4=E6=97=B6=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E5=8C=96=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MonacoEditor/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/MonacoEditor/index.vue b/src/components/MonacoEditor/index.vue
index 4ec0f91d..9b8b725c 100644
--- a/src/components/MonacoEditor/index.vue
+++ b/src/components/MonacoEditor/index.vue
@@ -50,6 +50,7 @@ onMounted(() => {
         automaticLayout: true,
         scrollBeyondLastLine: false,
         theme: props.theme, // 主题色: vs(默认高亮), vs-dark(黑色), hc-black(高亮黑色)
+        formatOnPaste: true,
     });
 
     instance.onDidChangeModelContent(() => {

From d48d504b302b737e84cd3824cfbf599988bb199e Mon Sep 17 00:00:00 2001
From: xiongqian <2167232911@qq.com>
Date: Tue, 31 Jan 2023 17:25:51 +0800
Subject: [PATCH 12/15] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E4=BA=A7=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/device/product.ts               |   2 +-
 src/views/device/Product/Save/index.vue | 258 +++++++++++++++---------
 src/views/device/Product/index.vue      |  25 ++-
 3 files changed, 188 insertions(+), 97 deletions(-)

diff --git a/src/api/device/product.ts b/src/api/device/product.ts
index 6ae11030..9d29476b 100644
--- a/src/api/device/product.ts
+++ b/src/api/device/product.ts
@@ -108,7 +108,7 @@ export const deleteProduct = (id: string) => server.patch(`/device-product/${id}
  * 检测产品Id唯一性
  * @param id 产品ID
  */
- export const queryProductId = (id: string) => server.post(`/device-product/${id}/exists`)
+ export const queryProductId = (id: string) => server.get(`/device-product/${id}/exists`)
 /**
  * 保存产品
  * @param data 产品信息
diff --git a/src/views/device/Product/Save/index.vue b/src/views/device/Product/Save/index.vue
index 5958a65c..d7605411 100644
--- a/src/views/device/Product/Save/index.vue
+++ b/src/views/device/Product/Save/index.vue
@@ -11,12 +11,21 @@
         cancelText="取消"
         v-bind="layout"
         width="650px"
+        :confirmLoading="loading"
     >
         <div style="margin-top: 10px">
-            <a-form :layout="'vertical'" :model="form" :rules="rules">
+            <a-form
+                :layout="'vertical'"
+                :model="form"
+                :rules="rules"
+                ref="formRef"
+            >
                 <a-row type="flex">
                     <a-col flex="180px">
-                        <a-form-item>
+                        <a-form-item name="photoUrl">
+                            <JUpload v-model="form.photoUrl" />
+                        </a-form-item>
+                        <!-- <a-form-item>
                             <div class="upload-image-warp-logo">
                                 <div class="upload-image-border-logo">
                                     <a-upload
@@ -80,7 +89,7 @@
                                     </div>
                                 </div>
                             </div>
-                        </a-form-item>
+                        </a-form-item> -->
                     </a-col>
                     <a-col flex="auto">
                         <a-form-item name="id">
@@ -89,15 +98,16 @@
                                 <a-tooltip
                                     title="若不填写，系统将自动生成唯一ID"
                                 >
-                                    <img
-                                        class="img-style"
-                                        :src="getImage('/init-home/mark.png')"
+                                    <AIcon
+                                        type="QuestionCircleOutlined"
+                                        style="margin-left: 2px"
                                     />
                                 </a-tooltip>
                             </template>
                             <a-input
                                 v-model:value="form.id"
                                 placeholder="请输入ID"
+                                :disabled="disabled"
                             />
                         </a-form-item>
                         <a-form-item label="名称" name="name">
@@ -111,79 +121,69 @@
                 <a-form-item label="产品分类" name="classifiedId">
                     <a-tree-select
                         showSearch
-                        v-model:value="form.productId"
+                        v-model:value="form.classifiedId"
                         placeholder="请选择产品分类"
                         :tree-data="treeList"
+                        @change="valueChange"
+                        :fieldNames="{ label: 'name', value: 'id' }"
+                        :filterTreeNode="
+                            (v, option) => filterSelectNode(v, option)
+                        "
                     >
-                        <template #title="{ value: val, title }">
-                            <template>{{ val }}</template>
-                        </template>
+                        <template> </template>
                     </a-tree-select>
                 </a-form-item>
                 <a-form-item label="设备类型" name="deviceType">
-                    <a-row :span="24" :gutter="20">
-                        <a-col
-                            :span="8"
-                            v-for="item in deviceList"
-                            :key="item.value"
-                        >
-                            <ChooseCard
-                                :value="item"
-                                v-bind="item"
-                                @click="handleClick"
-                                :active="_selectedRowKeys.includes(item.value)"
+                    <a-radio-group
+                        v-model:value="form.deviceType"
+                        style="width: 100%"
+                        @change="changeValue"
+                    >
+                        <a-row :span="24" :gutter="10">
+                            <a-col
+                                :span="8"
+                                v-for="item in deviceList"
+                                :key="item.value"
                             >
-                                <template #img>
-                                    <slot name="img">
-                                        <img
-                                            v-if="item.value === 'device'"
-                                            :src="
-                                                getImage('/device-type-1.png')
-                                            "
-                                        />
-                                        <img
-                                            v-if="
-                                                item.value === 'childrenDevice'
-                                            "
-                                            :src="
-                                                getImage('/device-type-2.png')
-                                            "
-                                        />
-                                        <img
-                                            v-if="item.value === 'gateway'"
-                                            :src="
-                                                getImage(
-                                                    '/device/device-type-3.png',
-                                                )
-                                            "
-                                        />
-                                    </slot>
-                                </template>
-                                <template #content>
-                                    <span
-                                        class="card-style"
-                                        :style="
-                                            _selectedRowKeys.includes(
-                                                item.value,
-                                            )
-                                                ? 'color: #10239e'
-                                                : ''
-                                        "
-                                        >{{
-                                            item.value === 'device'
-                                                ? '直连设备'
-                                                : item.value ===
-                                                  'childrenDevice'
-                                                ? '网关子设备'
-                                                : item.value === 'gateway'
-                                                ? '网关设备'
-                                                : ''
-                                        }}</span
+                                <div class="button-style">
+                                    <a-radio-button
+                                        :value="item.value"
+                                        style="height: 100%; width: 100%"
+                                        :disabled="disabled"
                                     >
-                                </template>
-                            </ChooseCard>
-                        </a-col>
-                    </a-row>
+                                        <div class="card-content">
+                                            <a-row :gutter="20">
+                                                <a-col :span="10">
+                                                    <!-- 图片 -->
+                                                    <div class="img-style">
+                                                        <img :src="item.logo" />
+                                                    </div>
+                                                </a-col>
+                                                <a-col :span="14">
+                                                    <span class="card-style">
+                                                        {{ item.label }}
+                                                    </span>
+                                                </a-col>
+                                            </a-row>
+
+                                            <!-- 勾选 -->
+                                            <div
+                                                v-if="
+                                                    form.deviceType ===
+                                                    item.value
+                                                "
+                                                class="checked-icon"
+                                            >
+                                                <div>
+                                                    <CheckOutlined />
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </a-radio-button>
+                                </div>
+                            </a-col>
+                        </a-row>
+                    </a-radio-group>
                 </a-form-item>
                 <a-form-item label="说明" name="describe">
                     <a-textarea
@@ -202,10 +202,16 @@ import { Form } from 'ant-design-vue';
 import { getImage } from '@/utils/comm.ts';
 import { message } from 'ant-design-vue';
 import ChooseCard from '../ChooseCard/index.vue';
+import { filterTreeSelectNode, filterSelectNode } from '@/utils/comm';
 import { FILE_UPLOAD } from '@/api/comm';
 import { isInput } from '@/utils/regular';
 import type { Rule } from 'ant-design-vue/es/form';
 import { queryProductId } from '@/api/device/product';
+import {
+    SearchOutlined,
+    CheckOutlined,
+    DeleteOutlined,
+} from '@ant-design/icons-vue';
 
 const emit = defineEmits(['close', 'save']);
 const props = defineProps({
@@ -218,9 +224,12 @@ const props = defineProps({
         default: 0,
     },
 });
+const loading = ref<boolean>(false);
 const treeList = ref<Record<string, any>[]>([]);
-const visible = ref(false);
-const logoLoading = ref(false);
+const visible = ref<boolean>(false);
+const logoLoading = ref<boolean>(false);
+const formRef = ref();
+const disabled = ref<boolean>(false);
 const useForm = Form.useForm;
 const _selectedRowKeys = ref([]);
 const photoValue = ref('/images/device-product.png');
@@ -236,14 +245,17 @@ const deviceList = ref([
     {
         label: '直连设备',
         value: 'device',
+        logo: getImage('/device-type-1.png'),
     },
     {
         label: '网关子设备',
         value: 'childrenDevice',
+        logo: getImage('/device-type-2.png'),
     },
     {
         label: '网关设备',
         value: 'gateway',
+        logo: getImage('/device/device-type-3.png'),
     },
 ]);
 
@@ -254,7 +266,7 @@ const form = reactive({
     classifiedName: '',
     deviceType: '',
     describe: '',
-    photoUrl: '',
+    photoUrl: getImage('/device/instance/device-card.png'),
 });
 /**
  * 校验id
@@ -265,12 +277,13 @@ const validateInput = async (_rule: Rule, value: string) => {
             return Promise.reject('请输入英文或者数字或者-或者_');
         } else {
             const res = await queryProductId(value);
-            if (res.status === 200) {
-                if (res.result) {
-                    return Promise.reject('该ID已存在');
-                }
+            if (res.status === 200 && res.result) {
+                return Promise.reject('ID重复');
+            } else {
+                return Promise.resolve();
             }
         }
+    } else {
         return Promise.resolve();
     }
 };
@@ -278,25 +291,27 @@ const validateInput = async (_rule: Rule, value: string) => {
  * 校验是否选择设备类型
  */
 const validateDeviceType = async (_rule: Rule, value: string) => {
-    if (photoValue.value.length === 0) {
-        return Promise.resolve('请选择设备类型');
+    if (!value) {
+        return Promise.reject('请选择设备类型');
+    } else {
+        return Promise.resolve();
     }
 };
 const rules = reactive({
-    id: [
-        { message: '请输入名称', validator: validateInput, trigger: 'change' },
-    ],
+    id: [{ validator: validateInput, trigger: 'blur' }],
     name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
     deviceType: [
         {
             required: true,
-            message: '请选择设备类型',
-            trigger: 'blur',
             validator: validateDeviceType,
+            trigger: 'blur',
         },
     ],
 });
 
+const valueChange = (value: string, label: string) => {
+    form.classifiedName = label[0];
+};
 /**
  * 查询产品分类
  */
@@ -312,14 +327,33 @@ const queryProductTree = async () => {
 watch(
     () => props.isAdd,
     () => {
-        queryProductTree();
+        // queryProductTree();
     },
     { immediate: true, deep: true },
 );
 /**
  * 显示弹窗
  */
-const show = () => {
+const show = (data: any) => {
+    console.log(props.isAdd, '11111');
+    if (props.isAdd === 2) {
+        // form.name = data.name;
+        // form.classifiedId = data.classifiedId;
+        // form.classifiedName = data.classifiedName;
+        // form.photoUrl = data.photoUrl || photoValue.value;
+        // form.deviceType = data.deviceType.value;
+        // form.describe = form.describe;
+        // form.id = data.id;
+        // disabled.value = true;
+    } else {
+        // form.name = '';
+        // form.classifiedId = '';
+        // form.classifiedName = '';
+        // form.photoUrl = photoValue.value;
+        // form.deviceType = '';
+        // form.describe = '';
+        // form.id = '';
+    }
     visible.value = true;
 };
 
@@ -329,11 +363,18 @@ const show = () => {
 const close = () => {
     visible.value = false;
 };
+const { resetFields, validate, validateInfos, clearValidate } = useForm(
+    form,
+    rules,
+);
 /**
- * 卡片点击事件
+ * 提交表单数据
  */
-const handleClick = (dt: any) => {
-    _selectedRowKeys.value = dt;
+const submitData = () => {
+    formRef.value
+        .validate()
+        .then(async () => {})
+        .catch((err: any) => {});
 };
 /**
  * 文件上传之前
@@ -367,7 +408,7 @@ const handleChange = (info: any) => {
 /**
  * 初始化
  */
-queryProductTree();
+// queryProductTree();
 defineExpose({
     show: show,
 });
@@ -375,7 +416,7 @@ defineExpose({
 <style scoped lang="less">
 .card-style {
     position: relative;
-    top: 8px;
+    top: 19px;
 }
 .upload-image-warp-logo {
     display: flex;
@@ -442,4 +483,37 @@ defineExpose({
         }
     }
 }
+.button-style {
+    background-color: #fff;
+    height: 66px;
+    .card-content {
+        width: 100%;
+        .img-style {
+            position: relative;
+            top: 16px;
+        }
+        .checked-icon {
+            position: absolute;
+            right: -22px;
+            bottom: -22px;
+            z-index: 2;
+            width: 44px;
+            height: 44px;
+            color: #2f54eb;
+            // background-color: #2f54eb;
+            transform: rotate(-45deg);
+
+            > div {
+                position: relative;
+                height: 100%;
+                transform: rotate(45deg);
+                background-color: transparent;
+            }
+        }
+    }
+    // &:hover {
+    //     color: #2f54eb;
+    //     border: 1px solid #2f54eb;
+    // }
+}
 </style>
diff --git a/src/views/device/Product/index.vue b/src/views/device/Product/index.vue
index c5d6d505..e71205cd 100644
--- a/src/views/device/Product/index.vue
+++ b/src/views/device/Product/index.vue
@@ -107,7 +107,7 @@
             </template>
         </JTable>
         <!-- 新增、编辑 -->
-        <Save ref="saveRef" />
+        <Save ref="saveRef" :isAdd="isAdd" :title="title" />
     </a-card>
 </template>
 
@@ -140,6 +140,8 @@ import Save from './Save/index.vue';
 /**
  * 表格数据
  */
+const isAdd = ref<number>(0);
+const title = ref<string>('');
 const statusMap = new Map();
 statusMap.set(1, 'success');
 statusMap.set(0, 'error');
@@ -187,6 +189,7 @@ const columns = [
 ];
 
 const _selectedRowKeys = ref<string[]>([]);
+const currentForm = ref({});
 
 const onSelectChange = (keys: string[]) => {
     _selectedRowKeys.value = [...keys];
@@ -205,11 +208,14 @@ const handleClick = (dt: any) => {
     }
 };
 
-const getActions = (data: Partial<Record<string, any>>): ActionsType[] => {
+const getActions = (
+    data: Partial<Record<string, any>>,
+    type: 'card' | 'table',
+): ActionsType[] => {
     if (!data) {
         return [];
     }
-    return [
+    const actions = [
         {
             key: 'view',
             text: '查看',
@@ -217,6 +223,7 @@ const getActions = (data: Partial<Record<string, any>>): ActionsType[] => {
                 title: '查看',
             },
             icon: 'EyeOutlined',
+            onClick: () => {},
         },
         {
             key: 'edit',
@@ -226,6 +233,13 @@ const getActions = (data: Partial<Record<string, any>>): ActionsType[] => {
             },
 
             icon: 'EditOutlined',
+            onClick: () => {
+                title.value = '编辑';
+                isAdd.value = 2;
+                nextTick(() => {
+                    saveRef.value.show(data);
+                });
+            },
         },
         {
             key: 'download',
@@ -283,10 +297,13 @@ const getActions = (data: Partial<Record<string, any>>): ActionsType[] => {
             icon: 'DeleteOutlined',
         },
     ];
+    return actions;
 };
 
 const add = () => {
-    saveRef.value.show();
+    isAdd.value = 1;
+    title.value = '新增';
+    saveRef.value.show(currentForm.value);
 };
 
 // 筛选

From 8e2e0de679520cf8fa27163bb827c2d51aa2d224 Mon Sep 17 00:00:00 2001
From: xieyonghong <18010623010@163.com>
Date: Tue, 31 Jan 2023 17:50:47 +0800
Subject: [PATCH 13/15] =?UTF-8?q?update:=201.=E4=BC=98=E5=8C=96=E5=8A=A8?=
 =?UTF-8?q?=E6=80=81=E8=B7=AF=E7=94=B1,=E5=A4=84=E7=90=86=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E6=95=B0=E6=8D=AE=E6=A0=BC=E5=BC=8F=EF=BC=9B=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96layout=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/BasicLayoutPage.vue     |   3 +-
 .../Layout/components/Header/index.tsx        |   2 +-
 .../components/SiderMenu/SiderMenu.less       |   4 +
 src/main.ts                                   |   4 +-
 src/router/index.ts                           |   6 +-
 src/router/menu.ts                            |   2 +-
 src/store/menu.ts                             |   7 +-
 src/utils/menu.ts                             | 157 +++++++++++++++---
 src/views/home/index.vue                      | 125 +++++++-------
 9 files changed, 220 insertions(+), 90 deletions(-)

diff --git a/src/components/Layout/BasicLayoutPage.vue b/src/components/Layout/BasicLayoutPage.vue
index 054f54ad..ebc3adc4 100644
--- a/src/components/Layout/BasicLayoutPage.vue
+++ b/src/components/Layout/BasicLayoutPage.vue
@@ -21,6 +21,7 @@
 import { ProLayout } from '@/components/Layout'
 import DefaultSetting from '../../../config/config'
 import { useMenuStore } from '@/store/menu'
+import { clearMenuItem } from 'components/Layout/utils'
 
 type StateType = {
   collapsed: boolean
@@ -39,7 +40,7 @@ const layoutConf = reactive({
   siderWidth: DefaultSetting.layout.siderWidth,
   logo: DefaultSetting.layout.logo,
   title: DefaultSetting.layout.title,
-  menuData: menu.menus,
+  menuData: clearMenuItem(menu.siderMenus),
 });
 
 const state = reactive<StateType>({
diff --git a/src/components/Layout/components/Header/index.tsx b/src/components/Layout/components/Header/index.tsx
index c4bfc014..a804a3a2 100644
--- a/src/components/Layout/components/Header/index.tsx
+++ b/src/components/Layout/components/Header/index.tsx
@@ -32,7 +32,7 @@ export const HeaderView = defineComponent({
             height: `${headerHeight.value}px`,
             lineHeight: `${headerHeight.value}px`,
             width: `100%`,
-
+            background: 'transparent'
           }}
         />
         <Layout.Header
diff --git a/src/components/Layout/components/SiderMenu/SiderMenu.less b/src/components/Layout/components/SiderMenu/SiderMenu.less
index 6b230073..bc177192 100644
--- a/src/components/Layout/components/SiderMenu/SiderMenu.less
+++ b/src/components/Layout/components/SiderMenu/SiderMenu.less
@@ -13,4 +13,8 @@
     flex-direction: column;
     height: 100%;
   }
+
+  .ant-menu-inline {
+    background: transparent;
+  }
 }
diff --git a/src/main.ts b/src/main.ts
index 1f0b04d5..8452514e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -8,7 +8,7 @@ import 'ant-design-vue/es/notification/style/css';
 
 const app = createApp(App)
 
-app.use(router)
-  .use(store)
+app.use(store)
+  .use(router)
   .use(components)
   .mount('#app')
diff --git a/src/router/index.ts b/src/router/index.ts
index 6b89d003..abe29a44 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -37,12 +37,12 @@ router.beforeEach((to, from, next) => {
               menuData.forEach(r => {
                 router.addRoute('base', r)
               })
-
               router.addRoute('base',{
-                path: '/:pathMatch(.*)*',
+                path: '/:pathMatch(.*)',
+                name: 'error',
                 component: () => NotFindPage
               })
-              console.log(to)
+
               next({ ...to, replace: true })
             })
           }).catch(() => {
diff --git a/src/router/menu.ts b/src/router/menu.ts
index 056aa40d..7e97e255 100644
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@@ -18,7 +18,7 @@ export default [
     //   path: '/initsetting',
     //   component: () => import('@/view/Login/initSet.vue')
     // }
-
+    { path: '/*', redirect: '/'},
     // start: 测试用, 可删除
     {
         path: '/login',
diff --git a/src/store/menu.ts b/src/store/menu.ts
index 70e1ced9..7d1a675e 100644
--- a/src/store/menu.ts
+++ b/src/store/menu.ts
@@ -1,12 +1,14 @@
 import { defineStore } from "pinia";
 import { queryOwnThree } from '@/api/system/menu'
 import { filterAsnycRouter } from '@/utils/menu'
+import { cloneDeep } from 'lodash-es'
 
 export const useMenuStore = defineStore({
   id: 'menu',
   state: () => ({
     menus: {},
     menuData: [],
+    siderMenus: [],
     menusKey: []
   }),
   getters:  {
@@ -52,7 +54,8 @@ export const useMenuStore = defineStore({
         ];
         const resp = await queryOwnThree({ paging: false, terms: params })
         if (resp.success) {
-          const menus = filterAsnycRouter(resp.result)
+          const silderMenus = filterAsnycRouter(cloneDeep(resp.result))
+          const menus = filterAsnycRouter(cloneDeep(resp.result))
           menus.push({
             path: '/',
             redirect: menus[0]?.path,
@@ -61,6 +64,8 @@ export const useMenuStore = defineStore({
             }
           })
           this.menuData = menus
+          this.siderMenus = silderMenus
+          console.log('silderMenus', silderMenus)
           res(menus)
         }
       })
diff --git a/src/utils/menu.ts b/src/utils/menu.ts
index e860b162..2907f1c2 100644
--- a/src/utils/menu.ts
+++ b/src/utils/menu.ts
@@ -1,11 +1,99 @@
 const pagesComponent = import.meta.glob('../views/**/*.vue', { eager: true });
 import { BlankLayoutPage, BasicLayoutPage } from 'components/Layout'
 
-type ExtraRouteItem = {
-  code: string
-  name: string
-  url?: string
-}
+/**
+ * 权限信息
+ */
+export type PermissionInfo = {
+  permission: string;
+  actions: string[];
+};
+
+/**
+ * 按钮信息
+ */
+export type MenuButtonInfo = {
+  id: string;
+  name: string;
+  permissions: PermissionInfo;
+  createTime: number;
+  describe?: string;
+  options: Record<string, any>;
+};
+
+
+export type MenuItem = {
+  id: string;
+  /**
+   * 名称
+   */
+  name: string;
+  /**
+   * 编码
+   */
+  code: string;
+  /**
+   * 所属应用
+   */
+  application: string;
+  /**
+   * 描述
+   */
+  describe: string;
+  /**
+   * url，路由
+   */
+  url: string;
+  /**
+   * 图标
+   */
+  icon: string;
+  /**
+   * 状态, 0为禁用，1为启用
+   */
+  status: number;
+  /**
+   * 绑定权限信息
+   */
+  permissions: PermissionInfo[];
+  /**
+   * 按钮定义信息
+   */
+  buttons: MenuButtonInfo[];
+  /**
+   * 其他配置信息
+   */
+  options: Record<string, any>;
+  /**
+   * 父级ID
+   */
+  parentId: string;
+  /**
+   * 树结构路径
+   */
+  path: string;
+  /**
+   * 排序序号
+   */
+  sortIndex: number;
+  /**
+   * 树层级
+   */
+  level: number;
+  createTime: number;
+  redirect?: string;
+  children?: MenuItem[];
+  accessSupport?: { text: string; value: string };
+  appId?: string; //应用id
+  isShow?: boolean;
+  meta?: {
+    title?: string
+    icon?: string
+    [key: string]: any
+  },
+  component?: any
+};
+
 // 额外子级路由
 const extraRouteObj = {
   'media/Cascade': {
@@ -59,51 +147,82 @@ const extraRouteObj = {
 
 
 const resolveComponent = (name: any) => {
-  // TODO 暂时用system进行测试
   const importPage = pagesComponent[`../views/${name}/index.vue`];
   if (!importPage) {
     console.warn(`Unknown page ${name}. Is it located under Pages with a .vue extension?`)
   }
   //@ts-ignore
-  return !!importPage ? importPage.default : BlankLayoutPage
+  return !!importPage ? importPage.default : undefined
 }
 
-const findChildrenRoute = (code: string, url: string): ExtraRouteItem[] => {
+const findChildrenRoute = (code: string, url: string): MenuItem[] => {
   if (extraRouteObj[code]) {
-    return extraRouteObj[code].children.map((route: ExtraRouteItem) => {
+    return extraRouteObj[code].children.map((route: MenuItem) => {
       return {
         url: `${url}/${route.code}`,
         code: route.code,
-        name: route.name
+        name: route.name,
+        isShow: false
       }
     })
   }
   return []
 }
 
+const findDetailRouteItem = (code: string, url: string): Partial<MenuItem> | null => {
+  const detailComponent = resolveComponent(`${code}/Detail`)
+  if (detailComponent) {
+    return {
+      url: `${url}/Detail/:id`,
+      component: detailComponent,
+      name: '详情信息',
+      isShow: false
+    }
+  }
+  return null
+}
+
+const findDetailRoutes = (routes: any[]): any[] => {
+  const newRoutes: any[] = []
+  routes.forEach((route: any) => {
+    newRoutes.push(route)
+    const detail = findDetailRouteItem(route.code, route.url)
+    if (detail) {
+      newRoutes.push(detail)
+    }
+  })
+  return newRoutes
+}
+
 export function filterAsnycRouter(asyncRouterMap: any, parentCode = '', level = 1) {
+
   return asyncRouterMap.map((route: any) => {
-    console.log(route.name, route)
+
     route.path = `${route.url}`
     route.meta = {
       icon: route.icon,
-      title: route.name
+      title: route.name,
+      hideInMenu: route.isShow === false
     }
 
     // 查看是否有隐藏子路由
     const extraChildren = findChildrenRoute(route.code, route.url)
     route.children = route.children && route.children.length ? [...route.children, ...extraChildren] : extraChildren
-
-    // TODO 查看是否具有详情页
-    // route.children = [...route.children, ]
+    route.children = findDetailRoutes(route.children)
     if (route.children && route.children.length) {
-      route.component = () => level === 1 ? BasicLayoutPage : BlankLayoutPage
+      // TODO 查看是否具有详情页
       route.children = filterAsnycRouter(route.children, `${parentCode}/${route.code}`, level + 1)
-      route.redirect = route.children[0].url
+      const showChildren = route.children.some((r: any) => !r.meta.hideInMenu)
+      if (showChildren) {
+        route.component = () => level === 1 ? BasicLayoutPage : BlankLayoutPage
+        route.redirect = route.children[0].url
+      } else {
+        route.component = resolveComponent(route.code) || BlankLayoutPage;
+      }
     } else {
-      route.component = resolveComponent(route.code);
+      route.component = resolveComponent(route.code) || BlankLayoutPage;
     }
-
+    delete route.name
     return route
   })
 }
\ No newline at end of file
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 1327a1eb..d438a522 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,79 +1,80 @@
 <template>
-    <div class="container">
-        <div class="header"></div>
-        <div class="left"></div>
-        <div class="content iot-home-container" v-loading="loading">
-            <InitHome v-if="currentView === 'init'" @refresh="setCurrentView" />
-            <DeviceHome v-else-if="currentView === 'device'" />
-            <DevOpsHome v-else-if="currentView === 'ops'" />
-            <ComprehensiveHome v-else-if="currentView === 'comprehensive'" />
-        </div>
-    </div>
+  <page-container>
+    <InitHome v-if="currentView === 'init'" @refresh='setCurrentView' />
+    <DeviceHome v-else-if="currentView === 'device'" />
+    <DevOpsHome v-else-if="currentView === 'ops'" />
+    <ComprehensiveHome v-else-if="currentView === 'comprehensive'" />
+  </page-container>
+
 </template>
 
-<script lang="ts" setup>
-import InitHome from './components/InitHome/index.vue';
-import DeviceHome from './components/DeviceHome/index.vue';
-import DevOpsHome from './components/DevOpsHome/index.vue';
-import ComprehensiveHome from './components/ComprehensiveHome/index.vue';
+<script lang='ts' setup name='IotHome'>
+import InitHome from './components/InitHome/index.vue'
+import DeviceHome from './components/DeviceHome/index.vue'
+import DevOpsHome from './components/DevOpsHome/index.vue'
+import ComprehensiveHome from './components/ComprehensiveHome/index.vue'
+import PageContainer from 'components/Layout/components/PageContainer'
+import { isNoCommunity } from '@/utils/utils'
+import { getMe_api, getView_api } from '@/api/home'
 
-import { isNoCommunity } from '@/utils/utils';
-import { getMe_api, getView_api } from '@/api/home';
+const router = useRouter()
 
-const router = useRouter();
-
-const currentView = ref<string>('');
-const loading = ref<boolean>(true);
+const currentView = ref<string>('')
+const loading = ref<boolean>(true)
 
 // 获取选择的视图
 const setCurrentView = () => {
-    getView_api().then((resp: any) => {
-        if (resp.status === 200) {
-            if (resp.result) currentView.value = resp.result?.content;
-            else if (resp.result.username === 'admin') {
-                currentView.value = 'comprehensive';
-            } else currentView.value = 'init';
-        }
-    });
-};
+  getView_api().then((resp: any) => {
+    if (resp.status === 200) {
+      if (resp.result) currentView.value = resp.result?.content
+      else if (resp.result.username === 'admin') {
+        currentView.value = 'comprehensive'
+      } else currentView.value = 'init'
+    }
+  })
+}
 
 if (isNoCommunity) {
-    // 判断是否是api用户   是则跳转  否则获取选中的视图
-    getMe_api().then((resp: any) => {
-        if (resp && resp.status === 200) {
-            const isApiUser = resp.result.dimensions.find(
-                (item: any) =>
-                    item.type === 'api-client' || item.type.id === 'api-client',
-            );
+  // 判断是否是api用户   是则跳转  否则获取选中的视图
+  getMe_api().then((resp: any) => {
+    if (resp && resp.status === 200) {
+      const isApiUser = resp.result.dimensions.find(
+        (item: any) =>
+          item.type === 'api-client' || item.type.id === 'api-client'
+      )
+
+      isApiUser ? router.push('/system/api') : setCurrentView()
+    }
+  })
+} else setCurrentView()
 
-            isApiUser ? router.push('/system/api') : setCurrentView();
-        }
-    });
-}else setCurrentView()
 </script>
 
-<style lang="less" scoped>
+<style lang='less' scoped>
 .container {
-    background: #f0f2f5;
+  background: #f0f2f5;
+  width: 100vw;
+  min-height: 100vh;
+  display: flex;
+  flex-wrap: wrap;
+
+  .header {
+    height: 48px;
+    background: #7e1c1c;
     width: 100vw;
-    min-height: 100vh;
-    display: flex;
-    flex-wrap: wrap;
-    .header {
-        height: 48px;
-        background: #7e1c1c;
-        width: 100vw;
-    }
-    .left {
-        background: #352d85;
-        width: 210px;
-        min-height: calc(100vh - 48px);
-    }
-    .content {
-        margin: 24px;
-        width: calc(100vw - 280px);
-        overflow: hidden;
-        min-height: calc(100vh - 96px);
-    }
+  }
+
+  .left {
+    background: #352d85;
+    width: 210px;
+    min-height: calc(100vh - 48px);
+  }
+
+  .content {
+    margin: 24px;
+    width: calc(100vw - 280px);
+    overflow: hidden;
+    min-height: calc(100vh - 96px);
+  }
 }
 </style>

From 16c320802e0ff1f9e9f6b707ec483cbd0db6bc26 Mon Sep 17 00:00:00 2001
From: xieyonghong <18010623010@163.com>
Date: Tue, 31 Jan 2023 18:00:00 +0800
Subject: [PATCH 14/15] =?UTF-8?q?update:=201.=E5=88=A0=E9=99=A4=E5=A4=9A?=
 =?UTF-8?q?=E4=BD=99=E9=9D=99=E6=80=81=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/menu.ts | 117 +--------------------------------------------
 1 file changed, 1 insertion(+), 116 deletions(-)

diff --git a/src/router/menu.ts b/src/router/menu.ts
index 7e97e255..2a043f4f 100644
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@@ -1,23 +1,6 @@
 export const LoginPath = '/login'
 
 export default [
-    // {
-    //     path: '/',
-    //     redirect: LoginPath
-    // },
-    // {
-    //     path: '/init',
-    //     component: () => import('@/view/InitPage.vue')
-    // },
-    // {
-    //     path: LoginPath,
-    //     name: 'login',
-    //     component: () => import('@/view/Login/index.vue')
-    // },
-    // {
-    //   path: '/initsetting',
-    //   component: () => import('@/view/Login/initSet.vue')
-    // }
     { path: '/*', redirect: '/'},
     // start: 测试用, 可删除
     {
@@ -32,10 +15,6 @@ export default [
         path: '/account/center/bind',
         component: () => import('@/views/account/Center/bind/index.vue')
     },
-    // {
-    //     path: '/iot/home',
-    //     component: () => import('@/views/home/index.vue')
-    // },
     {
         path: '/table',
         component: () => import('@/views/demo/table/index.vue')
@@ -48,107 +27,13 @@ export default [
         path: '/search',
         component: () => import('@/views/demo/Search.vue')
     },
-    // {
-    //     path: '/notice/Config',
-    //     component: () => import('@/views/notice/Config/index.vue')
-    // },
-    // {
-    //     path: '/notice/Config/detail/:id',
-    //     component: () => import('@/views/notice/Config/Detail/index.vue')
-    // },
-    // {
-    //     path: '/notice/Template',
-    //     component: () => import('@/views/notice/Template/index.vue')
-    // },
-    // {
-    //     path: '/notice/Template/detail/:id',
-    //     component: () => import('@/views/notice/Template/Detail/index.vue')
-    // },
+
     // end: 测试用, 可删除
 
-    // 设备管理
-    // {
-    //     path: '/device/Instance',
-    //     component: () => import('@/views/device/Instance/index.vue')
-    // },
-    // link 运维管理
-    // {
-    //     path: '/link/log',
-    //     component: () => import('@/views/link/Log/index.vue')
-    // },
-    // {
-    //     path: '/link/certificate',
-    //     component: () => import('@/views/link/Certificate/index.vue')
-    // },
-    // {
-    //     path: '/link/certificate/detail/add',
-    //     component: () => import('@/views/link/Certificate/Detail/index.vue')
-    // },
-    // {
-    //     path: '/link/accessConfig',
-    //     component: () => import('@/views/link/AccessConfig/index.vue')
-    // },
-    // {
-    //     path: '/link/accessConfig/detail/add',
-    //     component: () => import('@/views/link/AccessConfig/Detail/index.vue')
-    // },
-    // system 系统管理
-    // {
-    //     path:'/system/Basis',
-    //     component: ()=>import('@/views/system/Basis/index.vue')
-    // },
-    // {
-    //     path:'/system/api',
-    //     component: ()=>import('@/views/system/apiPage/index.vue')
-    // },
-    // {
-    //     path:'/system/Role',
-    //     component: ()=>import('@/views/system/Role/index.vue')
-    // },
-    // {
-    //     path:'/system/Role/detail/:id',
-    //     component: ()=>import('@/views/system/Role/Detail/index.vue')
-    // },
-    // {
-    //     path:'/system/Permission',
-    //     component: ()=>import('@/views/system/Permission/index.vue')
-    // },
     // 初始化
     {
       path: '/init-home',
       component: () => import('@/views/init-home/index.vue')
     },
-    // 物联卡 iot-card
-    // {
-    //   path: '/iot-card/Home',
-    //   component: () => import('@/views/iot-card/Home/index.vue')
-    // },
-    // {
-    //   path: '/iot-card/Dashboard',
-    //   component: () => import('@/views/iot-card/Dashboard/index.vue')
-    // },
-    // {
-    //   path: '/iot-card/CardManagement',
-    //   component: () => import('@/views/iot-card/CardManagement/index.vue')
-    // },
-    // 北向输出
-    // {
-    //     path: '/northbound/DuerOS',
-    //     component: () => import('@/views/northbound/DuerOS/index.vue')
-    // },
-    // {
-    //     path: '/northbound/AliCloud',
-    //     component: () => import('@/views/northbound/AliCloud/index.vue')
-    // },
 
-    // 产品分类 
-    // {
-    //   path: '/iot/device/Category',
-    //     component: () => import('@/views/device/Category/index.vue')
-    // } ,
-    // 产品
-    //  {
-    //   path: '/iot/device/Product',
-    //   component: () => import('@/views/device/Product/index.vue')
-    //  }
 ]
\ No newline at end of file

From 4dd78fbd638b9f9bbd6741eadf359087b142d755 Mon Sep 17 00:00:00 2001
From: blp <2962632571@qq.com>
Date: Tue, 31 Jan 2023 18:09:23 +0800
Subject: [PATCH 15/15] =?UTF-8?q?feat:=20=E5=85=85=E5=80=BC=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=88=97=E8=A1=A8=E3=80=81=E5=85=85=E5=80=BC=E4=BF=9D?=
 =?UTF-8?q?=E5=AD=98=EF=BC=8C=E6=8E=A5=E5=8F=A3=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot-card/cardManagement.ts            |  14 +-
 .../iot-card/CardManagement/BindDevice.vue    |   1 +
 src/views/iot-card/Recharge/Save.vue          | 191 ++++++++++++++++++
 src/views/iot-card/Recharge/index.vue         | 168 ++++++++++++++-
 4 files changed, 370 insertions(+), 4 deletions(-)
 create mode 100644 src/views/iot-card/Recharge/Save.vue

diff --git a/src/api/iot-card/cardManagement.ts b/src/api/iot-card/cardManagement.ts
index 768aba60..0a4f53d5 100644
--- a/src/api/iot-card/cardManagement.ts
+++ b/src/api/iot-card/cardManagement.ts
@@ -121,4 +121,16 @@ export const edit = (data: any) => server.put(`/network/card/${data.id}`, data);
  * 根据id查看详情
  * @param id
  */
-export const queryDetail = (id: any) => server.get(`/network/card/${id}`);
\ No newline at end of file
+export const queryDetail = (id: any) => server.get(`/network/card/${id}`);
+
+/**
+ * 查询物联卡充值缴费日志
+ * @param data
+ */
+export const queryRechargeList = (data: any) => server.post(`/network/card/recharge/_log`, data)
+
+/**
+ * 充值
+ * @param data
+ */
+export const recharge = (data: any) => server.post(`/network/card/_recharge`, data)
\ No newline at end of file
diff --git a/src/views/iot-card/CardManagement/BindDevice.vue b/src/views/iot-card/CardManagement/BindDevice.vue
index cdf48031..acdba8df 100644
--- a/src/views/iot-card/CardManagement/BindDevice.vue
+++ b/src/views/iot-card/CardManagement/BindDevice.vue
@@ -19,6 +19,7 @@
                 ref="bindDeviceRef"
                 :columns="columns"
                 :request="queryUnbounded"
+                model="TABLE"
                 :defaultParams="{
                     sorts: [{ name: 'createTime', order: 'desc' }],
                 }"
diff --git a/src/views/iot-card/Recharge/Save.vue b/src/views/iot-card/Recharge/Save.vue
new file mode 100644
index 00000000..4199d358
--- /dev/null
+++ b/src/views/iot-card/Recharge/Save.vue
@@ -0,0 +1,191 @@
+<template>
+    <a-modal
+        :maskClosable="false"
+        width="600px"
+        :visible="true"
+        title="充值"
+        @ok="handleOk"
+        @cancel="handleCancel"
+        :confirmLoading="btnLoading"
+    >
+        <div>
+            <div class="modal-info">
+                <AIcon
+                    type="ExclamationCircleOutlined"
+                    style="margin-right: 6px"
+                />暂只支持移动OneLink平台
+            </div>
+            <a-form
+                layout="vertical"
+                ref="formRef"
+                :rules="rules"
+                :model="modelRef"
+            >
+                <a-form-item label="平台对接" name="configId">
+                    <a-select
+                        v-model:value="modelRef.configId"
+                        :options="configList"
+                        allowClear
+                        show-search
+                        style="width: 100%"
+                        placeholder="请选择平台对接"
+                    >
+                    </a-select>
+                </a-form-item>
+                <a-form-item label="账户id" name="rechargeId">
+                    <a-input
+                        v-model:value="modelRef.rechargeId"
+                        placeholder="请输入账户id"
+                    />
+                </a-form-item>
+                <a-form-item label="充值金额" name="chargeMoney">
+                    <a-input-number
+                        allowClear
+                        :precision="2"
+                        style="width: 100%"
+                        v-model:value="modelRef.chargeMoney"
+                        :min="1"
+                        :max="500"
+                        placeholder="请输入1~500之间的金额"
+                    />
+                </a-form-item>
+
+                <a-form-item label="支付方式" name="paymentType">
+                    <a-select
+                        allowClear
+                        :options="PaymentMethod"
+                        v-model:value="modelRef.paymentType"
+                        placeholder="请选择支付方式"
+                    >
+                    </a-select>
+                </a-form-item>
+            </a-form>
+        </div>
+    </a-modal>
+</template>
+
+<script lang="ts" setup>
+import { queryPlatformNoPage, recharge } from '@/api/iot-card/cardManagement';
+import { message } from 'ant-design-vue';
+import { PaymentMethod } from '@/views/iot-card/data';
+
+const emit = defineEmits(['change']);
+
+const btnLoading = ref<boolean>(false);
+const configList = ref<Record<string, any>[]>([]);
+
+const formRef = ref();
+
+const modelRef = reactive({
+    configId: undefined,
+    rechargeId: '',
+    chargeMoney: undefined,
+    paymentType: undefined,
+});
+
+const rules = {
+    configId: [
+        {
+            required: true,
+            message: '请选择平台对接',
+        },
+        {
+            max: 64,
+            message: '最多输入64个字符',
+        },
+    ],
+    rechargeId: [
+        {
+            required: true,
+            message: '请输入账户id',
+        },
+        {
+            max: 64,
+            message: '最多输入64个字符',
+        },
+    ],
+    chargeMoney: [
+        {
+            required: true,
+            message: '请输入充值金额',
+        },
+        // {
+        //     min: 1,
+        //     max: 500,
+        //     message: '请输入1~500之间的数字',
+        // },
+    ],
+    paymentType: [
+        {
+            required: true,
+            message: '请选择支付方式',
+        },
+    ],
+};
+
+const queryProvidersList = () => {
+    queryPlatformNoPage({
+        paging: false,
+        terms: [
+            {
+                terms: [
+                    {
+                        column: 'operatorName',
+                        termType: 'eq',
+                        value: 'onelink',
+                    },
+                    {
+                        column: 'state',
+                        termType: 'eq',
+                        value: 'enabled',
+                        type: 'and',
+                    },
+                ],
+            },
+        ],
+    }).then((res: any) => {
+        configList.value = res.result.map((item: any) => ({
+            label: item.name,
+            value: item.id,
+        }));
+    });
+};
+
+const handleCancel = () => {
+    emit('change');
+    formRef.value.resetFields();
+};
+
+const handleOk = () => {
+    formRef.value
+        .validate()
+        .then(async () => {
+            btnLoading.value = true;
+            const resp: any = await recharge(toRaw(modelRef));
+            btnLoading.value = false;
+            if (resp.status === 200) {
+                if (resp.result === '失败') {
+                    message.error('缴费失败');
+                } else {
+                    window.open(resp.result);
+                }
+                emit('change');
+                formRef.value.resetFields();
+            }
+        })
+        .catch((err: any) => {
+            console.log('error', err);
+        });
+};
+
+queryProvidersList();
+</script>
+
+<style scoped lang="less">
+.modal-info {
+    color: rgba(0, 0, 0, 0.55);
+    background-color: #f6f6f6;
+    padding: 6px 12px;
+    margin-bottom: 12px;
+}
+</style>
diff --git a/src/views/iot-card/Recharge/index.vue b/src/views/iot-card/Recharge/index.vue
index 4f1bbbc0..27fdab16 100644
--- a/src/views/iot-card/Recharge/index.vue
+++ b/src/views/iot-card/Recharge/index.vue
@@ -1,8 +1,170 @@
 <!-- 充值管理 -->
 <template>
-    <div class="page-container">充值管理</div>
+    <div class="page-container">
+        <Search
+            :columns="columns"
+            target="iot-card-management-search"
+            @search="handleSearch"
+        />
+        <JTable
+            ref="rechargeRef"
+            :columns="columns"
+            :request="queryRechargeList"
+            model="TABLE"
+            :defaultParams="{ sorts: [{ name: 'createTime', order: 'desc' }] }"
+            :params="params"
+        >
+            <template #headerTitle>
+                <a-space>
+                    <a-button type="primary" @click="visible = true">
+                        充值
+                    </a-button>
+                    <div class="tips-text">
+                        <span style="margin-right: 8px; font-size: 16px">
+                            <AIcon type="ExclamationCircleOutlined"></AIcon>
+                        </span>
+                        本平台仅提供充值入口，具体充值结果需以运营商的充值结果为准
+                    </div>
+                </a-space>
+            </template>
+            <template #createTime="slotProps">
+                {{
+                    slotProps.createTime
+                        ? moment(slotProps.createTime).format(
+                              'YYYY-MM-DD HH:mm:ss',
+                          )
+                        : ''
+                }}
+            </template>
+            <template #action="slotProps">
+                <a-space :size="16">
+                    <a-tooltip
+                        v-for="i in getActions(slotProps)"
+                        :key="i.key"
+                        v-bind="i.tooltip"
+                    >
+                        <a-popconfirm v-if="i.popConfirm" v-bind="i.popConfirm">
+                            <a-button
+                                :disabled="i.disabled"
+                                style="padding: 0"
+                                type="link"
+                                ><AIcon :type="i.icon"
+                            /></a-button>
+                        </a-popconfirm>
+                        <a-button
+                            style="padding: 0"
+                            type="link"
+                            v-else
+                            @click="i.onClick && i.onClick(slotProps)"
+                        >
+                            <a-button
+                                :disabled="i.disabled"
+                                style="padding: 0"
+                                type="link"
+                                ><AIcon :type="i.icon"
+                            /></a-button>
+                        </a-button>
+                    </a-tooltip>
+                </a-space>
+            </template>
+        </JTable>
+        <!-- 充值 -->
+        <Save v-if="visible" @change="saveChange" />
+    </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import moment from 'moment';
+import type { ActionsType } from '@/components/Table';
+import { queryRechargeList } from '@/api/iot-card/cardManagement';
+import Save from './Save.vue';
 
-<style scoped lang="less"></style>
+const rechargeRef = ref<Record<string, any>>({});
+const params = ref<Record<string, any>>({});
+const visible = ref<boolean>(false);
+
+const columns = [
+    {
+        title: '充值金额',
+        dataIndex: 'chargeMoney',
+        key: 'chargeMoney',
+        ellipsis: true,
+        search: {
+            type: 'string',
+        },
+    },
+    {
+        title: '支付方式',
+        dataIndex: 'paymentType',
+        key: 'paymentType',
+        search: {
+            type: 'string',
+        },
+    },
+    {
+        title: '订单号',
+        dataIndex: 'orderNumber',
+        key: 'orderNumber',
+        ellipsis: true,
+    },
+    {
+        title: '支付URL',
+        dataIndex: 'url',
+        key: 'url',
+    },
+    {
+        title: '订单时间',
+        dataIndex: 'createTime',
+        key: 'createTime',
+        scopedSlots: true,
+        search: {
+            type: 'date',
+        },
+    },
+    {
+        title: '操作',
+        key: 'action',
+        fixed: 'right',
+        scopedSlots: true,
+    },
+];
+
+const getActions = (data: Partial<Record<string, any>>): ActionsType[] => {
+    if (!data) return [];
+    return [
+        {
+            key: 'view',
+            text: '查看',
+            tooltip: {
+                title: '查看',
+            },
+            icon: 'EyeOutlined',
+            onClick: () => {},
+        },
+    ];
+};
+
+const handleSearch = (params: any) => {
+    console.log(params);
+    params.value = params;
+};
+
+/**
+ * 充值关闭弹窗
+ * @param val 加载表格
+ */
+const saveChange = (val: any) => {
+    visible.value = false;
+    if (val) {
+        rechargeRef.value?.reload();
+    }
+};
+</script>
+
+<style scoped lang="less">
+.tips-text {
+    padding-left: 24px;
+    background: #fff;
+    font-size: 14px;
+}
+</style>