feat: 分组管理

hx-ai-intelligent/src/App.vue

@@ -48,6 +48,15 @@
       height: 100%;
     }
   }
+  // :deep(.ant-menu-item),
+  // :deep(.ant-menu-submenu-title) {
+  //   &:not(.ant-menu-item-selected) {
+  //     // &:not(.ant-menu-item-active) {
+  //     .anticon {
+  //       color: rgb(141, 150, 163);
+  //     }
+  //   }
+  // }
   // :deep(.ns-content) {
   //   // padding-top: 80px !important;
   // }

hx-ai-intelligent/src/api/deviceManage.ts

@@ -8,4 +8,5 @@ export enum device {
 export enum group {
   queryDeviceGroupTree = `${BASE_URL}/deviceGroup/queryDeviceGroupTree`, // 左侧树
   creatOrUpdate = `${BASE_URL}/deviceGroup/creatOrUpdate`, // 左侧树节点新增编辑
+  del = `${BASE_URL}/deviceGroup/del`, // 左侧树节点新增编辑
 }

hx-ai-intelligent/src/components/ns-modal-form.vue

@@ -1,13 +1,14 @@
 <template>
   <ns-modal
     ref="modalRef"
+    centered
     v-bind="extraModalConfig"
     destroyOnClose
     v-model:visible="visible"
     :title="title"
     :okButtonProps="buttonProps"
     @ok="handleOk">
-    <ns-form ref="formRef" :schemas="schemas" :model="formData" formLayout="formVertical" />
+    <ns-form ref="formRef" :schemas="schemas" :model="formData" formLayout="vertical" />
   </ns-modal>
 </template>
 
@@ -21,6 +22,7 @@
     api: string | object | Function;
     data?: object;
     extraModalConfig?: object;
+    success?: Function;
   };
   const route = useRoute();
   const { httpRequest } = useApi();
@@ -59,14 +61,15 @@
     formRef.value
       .triggerSubmit()
       .then((data: any) => {
-        const { api } = props;
+        const { api, success } = props;
         const requestConfig: HttpRequestConfig = { method: 'POST' };
         const { params } = route;
 
         httpRequest({ api, params: data, pathParams: params, requestConfig })
-          .then(() => {
+          .then((res) => {
             NsMessage.success('操作成功', 1, () => {
               toggle();
+              success && success(res);
             });
           })
           .finally(() => {

hx-ai-intelligent/src/icon/fenzujiedian.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8.98974609375" height="8.14453125" viewBox="0 0 8.98974609375 8.14453125" fill="none">
+<path d="M7.93101 4.53462L6.23624 4.53462L5.52032 3.46466L6.49265 1.79796L5.44381 0L3.32621 0L2.27236 1.79796L3.29704 3.54617L2.62652 4.54987L1.05875 4.54987L0 6.34726L1.05875 8.1452L3.17144 8.1452L4.06128 6.62695L4.93729 6.62695L5.81886 8.13029L7.93102 8.13029L8.98978 6.33258L7.93101 4.53462ZM3.19734 4.59392L3.8643 3.59569L5.00553 3.59569L5.73168 4.68208L4.88461 6.1274L4.09644 6.1274L3.19734 4.59392Z"   fill="url(#linear_fill_60_2513)" >
+</path>
+<defs>
+<linearGradient id="linear_fill_60_2513" x1="4.494873046875" y1="0" x2="4.494873046875" y2="8.14453125" gradientUnits="userSpaceOnUse">
+<stop offset="0" stop-color="#4DACE6"  />
+<stop offset="1" stop-color="#2A93D5"  />
+</linearGradient>
+</defs>
+</svg>

hx-ai-intelligent/src/icon/jisuanjiedian.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9.1005859375" height="9.099609375" viewBox="0 0 9.1005859375 9.099609375" fill="none">
+<path d="M7.01762 4.69157L2.30136 4.69157C2.04227 4.66303 1.84615 4.44409 1.84615 4.18343C1.84615 3.92276 2.04227 3.70384 2.30136 3.67525L7.01762 3.67525C7.27673 3.70384 7.47285 3.92276 7.47285 4.18343C7.47285 4.44409 7.27673 4.66303 7.01762 4.69157ZM7.01762 6.69587L2.30136 6.69587C2.04227 6.6673 1.84615 6.44837 1.84615 6.18771C1.84615 5.92704 2.04227 5.70809 2.30136 5.67952L7.01762 5.67952C7.27673 5.70809 7.47285 5.92704 7.47285 6.18771C7.47285 6.44837 7.27673 6.6673 7.01762 6.69587ZM9.09498 8.33346L9.09498 1.98149C9.09498 1.21918 8.46167 1.27564 8.46167 1.27564L4.88941 1.27564C4.77006 1.27634 4.65399 1.23653 4.56021 1.16271C4.56021 1.16271 4.40816 0.880585 4.12926 0.428757C3.87605 -0.0795288 3.54708 0.00531769 3.54708 0.00531769L0.785301 0.00531769C0 0.00531769 0 0.824379 0 0.824379L0 8.27722C0 9.2087 0.633301 9.09628 0.633301 9.09628L8.53744 9.09628C9.19643 9.09547 9.09498 8.33345 9.09498 8.33345L9.09498 8.33346Z"   fill="url(#linear_fill_60_2485)" >
+</path>
+<defs>
+<linearGradient id="linear_fill_60_2485" x1="4.55029296875" y1="0" x2="4.55029296875" y2="9.099609375" gradientUnits="userSpaceOnUse">
+<stop offset="0" stop-color="#4DACE6"  />
+<stop offset="1" stop-color="#2A93D5"  />
+</linearGradient>
+</defs>
+</svg>

hx-ai-intelligent/src/view/equipmentManage/group/config.ts

@@ -62,7 +62,12 @@ const mockData = ref(data.listData);
 export const formSchema = [
   {
     field: 'isCreate',
-    component: 'NsInput',
+    component: 'NsCheck',
+    show: false,
+  },
+  {
+    field: 'isCreatSon',
+    component: 'NsCheck',
     show: false,
   },
   {
@@ -71,7 +76,12 @@ export const formSchema = [
     show: false,
   },
   {
-    field: 'isCreatSon',
+    field: 'id',
+    component: 'NsInput',
+    show: false,
+  },
+  {
+    field: 'pid',
     component: 'NsInput',
     show: false,
   },
@@ -95,10 +105,10 @@ export const formSchema = [
     component: 'NsSelectApi',
     componentProps: {
       placeholder: '请选择节点类型(必填)',
-      api: dict,
+      api: () => dict({ params: { dicKey: 'COUNT_POINT' } }),
-      params: { dicKey: 'COUNT_POINT' },
+      // params: { dicKey: 'COUNT_POINT' },
       immediate: true,
-      resultField: 'data.COUNT_POINT',
+      // resultField: 'data.COUNT_POINT',
       labelField: 'cnValue',
       valueField: 'cnValue',
     },
@@ -118,6 +128,7 @@ export const treeConfig = (orgId) => {
       title: '能耗分组',
     },
     params: { orgId },
+    showLine: { showLeafIcon: false },
     api: group.queryDeviceGroupTree,
     // api: () => {
     //   return new Promise((resolve) => {
@@ -127,7 +138,7 @@ export const treeConfig = (orgId) => {
     //   });
     // },
     transform: (data) => {
-      return [{ title: '全部', key: 'all', selectable: false, children: data }];
+      return [{ pointName: '全部', id: 'all', selectable: false, children: data }];
     },
     formConfig: {
       schemas: [

hx-ai-intelligent/src/view/equipmentManage/group/index.vue

@@ -10,20 +10,25 @@
   <NsModalFrom ref="modalFormRef" v-bind="nsModalFormConfig" />
   <div class="groupContainer">
     <div class="tree">
-      <ns-tree-api v-bind="tConfig" @select="handleSelect">
+      <ns-tree-api ref="treeRef" v-bind="tConfig" @select="handleSelect">
         <template #title="data">
           <div class="treeRow">
-            <span>{{ data.title }}</span>
+            <div>
+              <ns-icon :name="data.pointType !== '计算节点' ? 'fenzujiedian' : 'jisuanjiedian'" />
+              <span style="padding-left: 8px">{{ data.pointName }}</span>
+            </div>
             <a-dropdown>
               <ns-icon name="actionMore" size="14" class="actionMore" />
               <template #overlay>
                 <a-menu>
+                  <template v-for="(item, index) in actionList" :key="index">
+                    <!-- 全部节点只需要新增子节点 -->
                     <a-menu-item
-                    v-for="(item, index) in actionList"
+                      v-if="data.id !== 'all' || item.key === 'addNodeSon'"
-                    :key="index"
                       @click="item.func(data)">
                       <span>{{ item.title }}</span>
                     </a-menu-item>
+                  </template>
                 </a-menu>
               </template>
             </a-dropdown>
@@ -45,6 +50,7 @@
   import { NsMessage, NsModal } from '/nerv-lib/component';
   import NsModalFrom from '/@/components/ns-modal-form.vue';
   import { group } from '/@/api/deviceManage';
+  import { http } from '/nerv-lib/util/http';
 
   type opType = 'up' | 'down';
   const { getParams } = useParams();
@@ -52,6 +58,7 @@
   const editDrawerRef = ref();
   const editGroupRef = ref();
   const editFormulaRef = ref();
+  const treeRef = ref();
   const defaultType = ref(true);
   const result = JSON.parse(sessionStorage.getItem('ORGID')!);
   const config = tableConfig(editDrawerRef, editGroupRef, editFormulaRef);
@@ -65,6 +72,9 @@
     extraModalConfig: {
       bodyStyle: { paddingBottom: 0 },
     },
+    success: () => {
+      treeRef.value?.treeReload();
+    },
   });
   nextTick(() => {
     console.log(modalFormRef.value, 'modal');
@@ -74,30 +84,35 @@
     console.log(data);
     nsModalFormConfig.value.title = '新增';
     nsModalFormConfig.value.data = {
-      pointName: '新增',
       isCreate: true,
-      isCreatSon: false,
       orgId: result,
     };
+    if (data.id !== 'all') {
+      nsModalFormConfig.value.data.pid = data.id;
+      nsModalFormConfig.value.data.isCreatSon = true;
+    }
     modalFormRef.value?.toggle();
   };
   const editNode = (data) => {
     console.log(data);
     nsModalFormConfig.value.title = '编辑';
-    nsModalFormConfig.value.data = { pointName: 123 };
+    nsModalFormConfig.value.data = data;
     modalFormRef.value?.toggle();
-
-    data.value = { pointName: 'qwe' };
   };
   const moveNode = (data, type: opType) => {
     console.log(data);
   };
 
-  const deleteNode = (a) => {
+  const deleteNode = (record) => {
     NsModal.confirm({
+      centered: true,
+      title: '提示',
       content: '确定删除吗?',
       onOk: () => {
-        console.log(a);
+        http.post(group.del, { id: record.id }).then(() => {
+          treeRef.value?.treeReload();
+          NsMessage.success('删除成功');
+        });
       },
     });
   };

hx-ai-intelligent/src/view/organizationManage/usermanage/index.vue

@@ -26,6 +26,7 @@
     </div>
     <a-drawer
       :width="500"
+      title=" "
       :visible="visible"
       :body-style="{ paddingBottom: '80px' }"
       :footer-style="{ textAlign: 'right' }"
@@ -545,7 +546,8 @@
       {
         label: '新增',
         name: 'userAdd',
-        type: 'primary',
+        style: { marginBottom: '16px' },
+        // type: 'primary',
         handle: () => {
           addformvisible.value = true;
         },
@@ -644,6 +646,9 @@
     :deep(.ns-table-main) {
       border-top: 0;
       padding: 0;
+      .drawerTable {
+        margin-top: 16px;
+      }
     }
   }
 </style>

lib/component/tree/tree-api.vue

@@ -105,6 +105,11 @@
   };
 
   getData();
+  const treeReload = (params) => {
+    getData(params);
+  };
+
+  defineExpose({ treeReload });
 </script>
 <style lang="less" scoped>
   @gap: 16px;