From 26878bead6115cdb04e0e349a64fd3090b94d37d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E7=A3=8A?= <45566618@qq.com>
Date: Mon, 21 Apr 2025 14:52:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=BA=E6=9E=84=E7=AE=A1=E7=90=86=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0TpLink=E7=94=A8=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Form/src/jeecg/components/JSelectDept.vue |   4 +-
 .../iot/tplink/project/ProjectInfo.data.ts    |   4 +-
 src/views/iot/tplink/region/RegionInfo.api.ts |   2 +-
 .../tplink/region/components/RegionForm.vue   |   8 +-
 .../region/components/RegionInfoDrawer.vue    |   8 +-
 .../depart/components/TplinkUserTab.vue       | 102 ++++++++++++++++++
 src/views/system/depart/depart.api.ts         |  11 ++
 src/views/system/depart/depart.data.ts        |  95 ++++++++++++++++
 src/views/system/depart/index.vue             |  16 ++-
 9 files changed, 232 insertions(+), 18 deletions(-)
 create mode 100644 src/views/system/depart/components/TplinkUserTab.vue

diff --git a/src/components/Form/src/jeecg/components/JSelectDept.vue b/src/components/Form/src/jeecg/components/JSelectDept.vue
index 3a96688..50729ee 100644
--- a/src/components/Form/src/jeecg/components/JSelectDept.vue
+++ b/src/components/Form/src/jeecg/components/JSelectDept.vue
@@ -30,7 +30,7 @@
     props: {
       value: propTypes.oneOfType([propTypes.string, propTypes.array]),
       // 是否允许多选，默认 true
-      multiple: propTypes.bool.def(true),
+      multiple: propTypes.bool.def(false),
     },
     emits: ['options-change', 'change', 'select', 'update:value'],
     setup(props, { emit, refs }) {
@@ -159,7 +159,7 @@
         // update-end--author:liaozhiyang---date:20240627---for：【TV360X-1648】用户编辑界面“所属部门”与“负责部门”联动出错（同步之前丢的代码）
       };
       // update-end--author:liaozhiyang---date:20240527---for：【TV360X-414】部门设置了默认值，查询重置变成空了(同步JSelectUser组件改法)
-      
+
       return {
         // state,
         attrs,
diff --git a/src/views/iot/tplink/project/ProjectInfo.data.ts b/src/views/iot/tplink/project/ProjectInfo.data.ts
index b4cb545..f837301 100644
--- a/src/views/iot/tplink/project/ProjectInfo.data.ts
+++ b/src/views/iot/tplink/project/ProjectInfo.data.ts
@@ -59,7 +59,7 @@ export const searchFormSchema: FormSchema[] = [
     field: 'institutionId',
     component: 'JDictSelectTag',
     componentProps: {
-      dictCode: 'nu_admin_institution_area,inst_name,id,org_category = 1 order by inst_name asc',
+      dictCode: 'sys_depart,depart_name,id,org_category = 1 order by depart_name asc',
       placeholder: '请选择机构',
     },
   },
@@ -107,7 +107,7 @@ export const formSchema: FormSchema[] = [
     field: 'institutionId',
     component: 'JDictSelectTag',
     componentProps: {
-      dictCode: 'nu_admin_institution_area,inst_name,id,org_category = 1 order by inst_name asc',
+      dictCode: 'sys_depart,depart_name,id,org_category = 1 order by depart_name asc',
       placeholder: '请选择机构',
     },
   },
diff --git a/src/views/iot/tplink/region/RegionInfo.api.ts b/src/views/iot/tplink/region/RegionInfo.api.ts
index 5c1eac3..dd74287 100644
--- a/src/views/iot/tplink/region/RegionInfo.api.ts
+++ b/src/views/iot/tplink/region/RegionInfo.api.ts
@@ -11,7 +11,7 @@ enum Api {
   add = '/iot/regionInfo/add',
   edit = '/iot/regionInfo/edit',
   delete = '/iot/regionInfo/delete',
-  queryChildrenByParentId = '/admin/institutionArea/queryChildrenByParentId',
+  queryChildrenByParentId = '/sys/sysDepart/queryChildrenByParentId',
 }
 
 
diff --git a/src/views/iot/tplink/region/components/RegionForm.vue b/src/views/iot/tplink/region/components/RegionForm.vue
index c80be9c..a4c3c9a 100644
--- a/src/views/iot/tplink/region/components/RegionForm.vue
+++ b/src/views/iot/tplink/region/components/RegionForm.vue
@@ -5,8 +5,8 @@
         <a-select v-model:value="model[field]" @change="(value,option) => handleChange(value,option,model)">
           <a-select-option :value="null">请选择…</a-select-option>
           <template v-for="item in areaOptions" :key="`${item.id}`">
-            <a-select-option :value="item.id" :label="item.instName">
-              {{item.instName}}
+            <a-select-option :value="item.id" :label="item.departName">
+              {{item.departName}}
             </a-select-option>
           </template>
         </a-select>
@@ -103,9 +103,9 @@
 
   async function handleChange(value,option:Option,formData){
     if(value == null){
-      formData["regionName"] = model.value["regionName"];
+      formData["departName"] = model.value["departName"];
     }else{
-      formData["regionName"] = option.label;
+      formData["departName"] = option.label;
     }
   }
 
diff --git a/src/views/iot/tplink/region/components/RegionInfoDrawer.vue b/src/views/iot/tplink/region/components/RegionInfoDrawer.vue
index 78931b2..4e264fb 100644
--- a/src/views/iot/tplink/region/components/RegionInfoDrawer.vue
+++ b/src/views/iot/tplink/region/components/RegionInfoDrawer.vue
@@ -12,8 +12,8 @@
       <template #areaSelect ="{model,field}">
         <a-select v-model:value="model[field]" @change="(value,option) => handleChange(value,option,model)">
           <template v-for="item in areaOptions" :key="`${item.id}`">
-            <a-select-option :value="item.id" :label="item.instName">
-              {{item.instName}}
+            <a-select-option :value="item.id" :label="item.departName">
+              {{item.departName}}
             </a-select-option>
           </template>
         </a-select>
@@ -98,9 +98,9 @@ const fetchArea = async (institutionId) => {
 
 async function handleChange(value,option:Option,formData){
   if(value == null){
-    formData["regionName"] = "";
+    formData["departName"] = "";
   }else{
-    formData["regionName"] = option.label;
+    formData["departName"] = option.label;
   }
 }
 
diff --git a/src/views/system/depart/components/TplinkUserTab.vue b/src/views/system/depart/components/TplinkUserTab.vue
new file mode 100644
index 0000000..177677b
--- /dev/null
+++ b/src/views/system/depart/components/TplinkUserTab.vue
@@ -0,0 +1,102 @@
+<template>
+  <a-spin :spinning="loading">
+    <BasicForm @register="registerForm">
+      <template #pwd="{ model, field }">
+        <a-row :gutter="8">
+          <a-input-password v-model:value="model[field]" placeholder="请输入密码" />
+        </a-row>
+      </template>
+    </BasicForm>
+    <div class="j-box-bottom-button offset-20" style="margin-top: 30px">
+      <div class="j-box-bottom-button-float" :class="[`${prefixCls}`]">
+        <a-button preIcon="ant-design:sync-outlined" @click="onReset">重置</a-button>
+        <a-button type="primary" preIcon="ant-design:save-filled" @click="onSubmit">保存</a-button>
+      </div>
+    </div>
+  </a-spin>
+</template>
+
+<script lang="ts" setup>
+  import { watch, computed, inject, ref, unref, onMounted } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { getUser,saveUser } from '../depart.api';
+  import { tplinkUseFormSchema } from '../depart.data';
+  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useMessage } from "@/hooks/web/useMessage";
+  const { createMessage } = useMessage();
+
+  const { prefixCls } = useDesign('j-depart-form-content');
+
+  const emit = defineEmits(['success']);
+  const props = defineProps({
+    data: { type: Object, default: () => ({}) },
+    rootTreeData: { type: Array, default: () => [] },
+  });
+  const loading = ref<boolean>(false);
+  // 当前的弹窗数据
+  const model = ref<object>({});
+
+  //注册表单
+  const [registerForm, { resetFields, setFieldsValue, validateFields, getFieldsValue, validate, updateSchema }] = useForm({
+    schemas: tplinkUseFormSchema,
+    showActionButtonGroup: false,
+  });
+
+  onMounted(() => {
+    // data 变化，重填表单
+    watch(
+      () => props.data,
+      async () => {
+        let record = unref(props.data);
+        if (typeof record !== 'object') {
+          record = {};
+        }
+        model.value = record;
+        await resetFields();
+        //获取数据源信息
+        let data = await getUser({ orgCode : model.value.orgCode });
+        if(data == null){
+          data = {};
+          data.orgCode = record.orgCode;
+        }
+        await setFieldsValue({ ...data });
+      },
+      { deep: true, immediate: true }
+    );
+  });
+
+  // 重置表单
+  async function onReset() {
+    await resetFields();
+    await setFieldsValue({ ...model.value });
+  }
+
+  // 提交事件
+  async function onSubmit() {
+    try {
+      loading.value = true;
+      let values = await validate();
+      values = Object.assign({}, model.value, values);
+      //提交表单
+      await saveUser(values);
+      let data = await getUser({ orgCode : values.orgCode });
+      //刷新列表
+      emit('success');
+      Object.assign(model.value, data);
+    } finally {
+      loading.value = false;
+    }
+  }
+</script>
+<style lang="less">
+  // update-begin-author:liusq date:20230625 for: [issues/563]暗色主题部分失效
+
+  @prefix-cls: ~'@{namespace}-j-depart-form-content';
+  /*begin 兼容暗夜模式*/
+  .@{prefix-cls} {
+    background: @component-background;
+    border-top: 1px solid @border-color-base;
+  }
+  /*end 兼容暗夜模式*/
+  // update-end-author:liusq date:20230625 for: [issues/563]暗色主题部分失效
+</style>
diff --git a/src/views/system/depart/depart.api.ts b/src/views/system/depart/depart.api.ts
index f224f49..cca38ca 100644
--- a/src/views/system/depart/depart.api.ts
+++ b/src/views/system/depart/depart.api.ts
@@ -24,6 +24,9 @@ export enum Api {
   getUpdateDepartInfo = '/sys/user/getUpdateDepartInfo',
   doUpdateDepartInfo = '/sys/user/doUpdateDepartInfo',
   changeDepartChargePerson = '/sys/user/changeDepartChargePerson',
+
+  getUser = '/iot/tplink/getUser',
+  saveUser = '/iot/tplink/saveUser',
 }
 
 /**
@@ -120,3 +123,11 @@ export const deleteDepart = (id) => defHttp.delete({ url: Api.delete, params:{ i
  * @param params
  */
 export const changeDepartChargePerson = (params) => defHttp.put({ url: Api.changeDepartChargePerson, params });
+/**
+ * 添加和编辑图门系统用户
+ */
+export const saveUser = (params) => defHttp.post({ url: Api.saveUser, params });
+/**
+ * 获取图门系统用户
+ */
+export const getUser = (params?) => defHttp.get({ url: Api.getUser, params });
diff --git a/src/views/system/depart/depart.data.ts b/src/views/system/depart/depart.data.ts
index 7b45961..a40f047 100644
--- a/src/views/system/depart/depart.data.ts
+++ b/src/views/system/depart/depart.data.ts
@@ -131,3 +131,98 @@ export const orgCategoryOptions = {
     { value: '2', label: '区域' },
   ],
 };
+
+export const tplinkUseFormSchema: FormSchema[] = [
+  {
+    field: 'id',
+    label: 'id',
+    component: 'Input',
+    show: false,
+  },
+  {
+    field: 'orgCode',
+    label: '所属机构',
+    component: 'Input',
+    required: true,
+    dynamicDisabled: true
+  },
+  {
+    field: 'tumsProjectId',
+    label: '所属项目ID',
+    component: 'Input',
+    required: true,
+    show: false,
+  },
+  {
+    field: 'tumsProjectName',
+    label: '所属项目',
+    component: 'Input',
+    required: true,
+    dynamicDisabled: true
+  },
+  {
+    field: 'tumsUsername',
+    label: '用户名',
+    component: 'Input',
+    required: true,
+  },
+  {
+    field: 'tumsPassword',
+    label: '密码',
+    required: true,
+    component: 'StrengthMeter',
+    rules: [
+      {
+        required: true,
+        message: '请输入登录密码',
+      },
+      {
+        pattern: /^(?!.*(.)\1{2})(?=(?:.*[0-9].*[A-Z])|(?:.*[0-9].*[a-z])|(?:.*[0-9].*[~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -])|(?:.*[A-Z].*[a-z])|(?:.*[A-Z].*[~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -])|(?:.*[a-z].*[~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -]))[0-9A-Za-z~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -]{8,64}$/,
+        message: '密码由8位数字、大小写字母和特殊符号组成!',
+      },
+    ],
+    dynamicDisabled: ({ values }) => {
+      return !!values.id;
+    },
+  },
+  {
+    field: 'tumsRoleId',
+    label: '角色',
+    required: true,
+    component: 'JDictSelectTag',
+    componentProps: {
+      placeholder: '请选择类型',
+      options: [
+        { label: '超级管理员', value: '1' },
+        { label: '项目管理员', value: '2' },
+        { label: '项目查看员', value: '3' },
+        { label: '视频监控员', value: '4' },
+      ],
+    },
+  },
+  {
+    field: 'ftpIp',
+    label: 'FTP地址',
+    component: 'Input',
+  },
+  {
+    field: 'ftpPort',
+    label: 'FTP端口',
+    component: 'Input',
+  },
+  {
+    field: 'ftpUsername',
+    label: 'FTP用户',
+    component: 'Input',
+  },
+  {
+    field: 'ftpPassword',
+    label: 'FTP密码',
+    component: 'InputPassword',
+  },
+  {
+    field: 'ftpUploadpath',
+    label: 'FTP上传路径',
+    component: 'Input',
+  },
+];
diff --git a/src/views/system/depart/index.vue b/src/views/system/depart/index.vue
index 9a9b309..92f261b 100644
--- a/src/views/system/depart/index.vue
+++ b/src/views/system/depart/index.vue
@@ -11,16 +11,21 @@
               <DepartFormTab :data="departData" :rootTreeData="rootTreeData" @success="onSuccess" />
             </div>
           </a-tab-pane>
-          <a-tab-pane tab="机构权限" key="role-info">
-            <div style="padding: 0 20px 20px">
-              <DepartRuleTab :data="departData" />
-            </div>
-          </a-tab-pane>
+<!--          <a-tab-pane tab="机构权限" key="role-info">-->
+<!--            <div style="padding: 0 20px 20px">-->
+<!--              <DepartRuleTab :data="departData" />-->
+<!--            </div>-->
+<!--          </a-tab-pane>-->
           <a-tab-pane tab="数据源管理" key="data-info" v-if="departData.orgCategory == 1">
             <div style="padding: 0 20px 20px">
               <DataSourceTab :data="departData" />
             </div>
           </a-tab-pane>
+          <a-tab-pane tab="TPLINK用户" key="tplink-user-info">
+            <div style="padding: 0 20px 20px">
+              <TplinkUserTab :data="departData" />
+            </div>
+          </a-tab-pane>
         </a-tabs>
         <div v-show="departData == null" style="padding-top: 40px">
           <a-empty description="尚未选择机构" />
@@ -37,6 +42,7 @@
   import DepartFormTab from './components/DepartFormTab.vue';
   import DepartRuleTab from './components/DepartRuleTab.vue';
   import DataSourceTab from './components/DataSourceTab.vue';
+  import TplinkUserTab from './components/TplinkUserTab.vue';
 
   const { prefixCls } = useDesign('depart-manage');
   provide('prefixCls', prefixCls);