From 9fed0b944275f4be29b94b00ea8ec76c0f254f4f Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Fri, 25 Jul 2025 10:21:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=89=A9=E8=81=94=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E5=90=8C=E6=AD=A5=E6=9F=A5=E8=AF=A2=E4=B8=8E=E5=88=86?=
 =?UTF-8?q?=E9=85=8D=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Drawer/src/BasicDrawer.vue     |   1 -
 .../SimpleMenu/src/components/MenuItem.vue    |   1 -
 src/components/registerGlobComp.ts            |   2 +-
 src/hooks/web/useWebSocket.ts                 |   8 +-
 src/store/modules/permission.ts               |   2 +-
 src/views/iot/baseIot/BaseIot.data.ts         |  75 ++++++++
 src/views/iot/baseIot/CheckBaseIotList.vue    | 179 ++++++++++++++++++
 src/views/iot/baseIot/compoents/SxtForm.vue   | 118 ++++++++++++
 src/views/iot/baseIot/compoents/SxtModal.vue  |  66 +++++++
 9 files changed, 444 insertions(+), 8 deletions(-)
 create mode 100644 src/views/iot/baseIot/BaseIot.data.ts
 create mode 100644 src/views/iot/baseIot/CheckBaseIotList.vue
 create mode 100644 src/views/iot/baseIot/compoents/SxtForm.vue
 create mode 100644 src/views/iot/baseIot/compoents/SxtModal.vue

diff --git a/src/components/Drawer/src/BasicDrawer.vue b/src/components/Drawer/src/BasicDrawer.vue
index 498e52e..0381a99 100644
--- a/src/components/Drawer/src/BasicDrawer.vue
+++ b/src/components/Drawer/src/BasicDrawer.vue
@@ -89,7 +89,6 @@
             opt.getContainer = `.${prefixVar}-layout-content` as any;
           }
         }
-        console.log('getProps:opt',opt);
         return opt as DrawerProps;
       });
 
diff --git a/src/components/SimpleMenu/src/components/MenuItem.vue b/src/components/SimpleMenu/src/components/MenuItem.vue
index 0b7afc7..703ae74 100644
--- a/src/components/SimpleMenu/src/components/MenuItem.vue
+++ b/src/components/SimpleMenu/src/components/MenuItem.vue
@@ -107,7 +107,6 @@
 
       //update-begin-author:taoyan date:2022-6-1 for: VUEN-1144 online 配置成菜单后，打开菜单，显示名称未展示为菜单名称
       function storePathTitle(path) {
-        console.log('storePathTitle', path);
         let title = '';
         if (instance!.attrs) {
           let item: any = instance!.attrs.item;
diff --git a/src/components/registerGlobComp.ts b/src/components/registerGlobComp.ts
index a234b1f..0bc85c0 100644
--- a/src/components/registerGlobComp.ts
+++ b/src/components/registerGlobComp.ts
@@ -131,5 +131,5 @@ export function registerGlobComp(app: App) {
     .use(Cascader)
     .use(Rate)
     .use(Progress);
-    console.log("---初始化---， 全局注册Antd、仪表盘、流程设计器、online、流程等组件--------------")
+    // console.log("---初始化---， 全局注册Antd、仪表盘、流程设计器、online、流程等组件--------------")
 }
diff --git a/src/hooks/web/useWebSocket.ts b/src/hooks/web/useWebSocket.ts
index 31ee8a2..a0ad07f 100644
--- a/src/hooks/web/useWebSocket.ts
+++ b/src/hooks/web/useWebSocket.ts
@@ -28,10 +28,10 @@ export function connectWebSocket(url: string) {
     protocols: [token],
     // update-begin--author:liaozhiyang---date:20240726---for：[issues/6662] 演示系统socket总断，换一个写法
     onConnected: function (ws) {
-      console.log('[WebSocket] 连接成功', ws);
+      // console.log('[WebSocket] 连接成功', ws);
     },
     onDisconnected: function (ws, event) {
-      console.log('[WebSocket] 连接断开：', ws, event);
+      // console.log('[WebSocket] 连接断开：', ws, event);
     },
     onError: function (ws, event) {
       console.log('[WebSocket] 连接发生错误: ', ws, event);
@@ -78,11 +78,11 @@ export function connectWebSocket(url: string) {
 }
 
 function onOpen() {
-  console.log('[WebSocket] 连接成功');
+  // console.log('[WebSocket] 连接成功');
 }
 
 function onClose(e) {
-  console.log('[WebSocket] 连接断开：', e);
+  // console.log('[WebSocket] 连接断开：', e);
 }
 
 function onError(e) {
diff --git a/src/store/modules/permission.ts b/src/store/modules/permission.ts
index 8700459..4582c80 100644
--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -212,7 +212,7 @@ export const usePermissionStore = defineStore({
         // 后台菜单构建
         case PermissionModeEnum.BACK:
           const { createMessage, createWarningModal } = useMessage();
-          console.log(" --- 构建后台路由菜单 --- ")
+          // console.log(" --- 构建后台路由菜单 --- ")
           // 菜单加载提示
           // createMessage.loading({
           //   content: t('sys.app.menuLoading'),
diff --git a/src/views/iot/baseIot/BaseIot.data.ts b/src/views/iot/baseIot/BaseIot.data.ts
new file mode 100644
index 0000000..55d0877
--- /dev/null
+++ b/src/views/iot/baseIot/BaseIot.data.ts
@@ -0,0 +1,75 @@
+import {BasicColumn} from '/@/components/Table';
+import {FormSchema} from '/@/components/Table';
+import { rules} from '/@/utils/helper/validator';
+import { render } from '/@/utils/common/renderUtils';
+import { getWeekMonthQuarterYear } from '/@/utils';
+//列表数据
+export const baseSxtColumns: BasicColumn[] = [
+  {
+    title: '设备序号',
+    align: "center",
+    dataIndex: 'deviceIndex',
+    width: 120,
+  },
+  {
+    title: '设备名称',
+    align: "center",
+    dataIndex: 'deviceName'
+  },
+  {
+    title: '设备状态',
+    align: "center",
+    dataIndex: 'deviceStatus_dictText',
+    width: 120,
+  },
+  {
+    title: '设备型号',
+    align: "center",
+    dataIndex: 'deviceModel',
+    width: 220,
+  },
+  {
+    title: 'NUID',
+    align: "center",
+    dataIndex: 'nuId',
+    width: 120,
+  },
+  {
+    title: '操作',
+    align: "center",
+    dataIndex: 'action',
+    width: 120,
+  },
+];
+
+export const checkSxtColumns: BasicColumn[] = [
+  {
+    title: '设备序号',
+    align: "center",
+    dataIndex: 'deviceIndex',
+    width: 120,
+  },
+  {
+    title: '设备名称',
+    align: "center",
+    dataIndex: 'deviceName'
+  },
+  {
+    title: '设备状态',
+    align: "center",
+    dataIndex: 'deviceStatus_dictText',
+    width: 120,
+  },
+  {
+    title: '设备型号',
+    align: "center",
+    dataIndex: 'deviceModel',
+    width: 220,
+  },
+  {
+    title: '操作',
+    align: "center",
+    dataIndex: 'action',
+    width: 120,
+  },
+];
\ No newline at end of file
diff --git a/src/views/iot/baseIot/CheckBaseIotList.vue b/src/views/iot/baseIot/CheckBaseIotList.vue
new file mode 100644
index 0000000..aec3a83
--- /dev/null
+++ b/src/views/iot/baseIot/CheckBaseIotList.vue
@@ -0,0 +1,179 @@
+<template>
+  <div class="p-2">
+    <div v-if="activeKey==='1'">
+      <!--查询区域-->
+      <div class="jeecg-basic-table-form-container">
+        <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
+          <a-row :gutter="24">
+            <a-col :lg="6">
+              <a-form-item name="syncType">
+                <template #label><span title="机构名称">机构名称</span></template>
+                <j-dict-select-tag type='list' v-model:value="queryParam.id" dictCode="sys_depart,depart_name,id"
+                  placeholder="请选机构名称" allow-clear />
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
+                  <a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
+                  <a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset" style="margin-left: 8px">重置</a-button>
+              </span>
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+      <a-row>
+        <a-col v-for="(item,index) in orgList" style="padding: 5px" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6">
+          <a-card :title="item.departName"
+          :class="['card-3d', { 'card-selected': isSelected===item }]"
+          @mouseenter="item.key"
+          @mouseleave="item.key"
+          @click="isSelected = item">
+            <p>机构编码：{{item.orgCode}}</p>
+            <p>创建时间：{{item.createTime}}</p>
+            <p style="text-align: right"><a-button @click="handleCheckOrg(item)">选择</a-button></p>
+          </a-card>
+        </a-col>
+      </a-row>
+    </div>
+    <div v-else-if="activeKey==='2'">
+      
+
+      <a-row style="padding:10px;">
+        <a-col :span="12"><span style="font-size: 18px;">{{orgInfo.departName}} - 物联设备配置</span></a-col>
+        <a-col :span="12" style="text-align: right"><a-button @click="activeKey = '1'">返回上一页</a-button></a-col>
+        <a-col v-for="(item,index) in baseList" style="padding: 5px" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6">
+          <a-card :title="`NUID：`+item.nuId"
+            :class="['card-3d', { 'card-selected': isSelected===item }]"
+            @mouseenter="item.key"
+            @mouseleave="item.key"
+            @click="isSelected = item">
+            <p>单元名称：{{item.nuName}}</p>
+            <p>创建时间：{{item.createTime}}</p>
+            <p>单元类型：{{item.areaFlagText}}</p>
+            <div style="text-align: center;">
+              <a-badge :count="item.sxtNum">
+                <a-button type="dashed" size="small" @click="handleSxt(item)" style="margin-left: 10px;">摄像头</a-button>
+              </a-badge>
+              <a-badge :count="item.dbNum">
+                <a-button type="dashed" size="small" @click="handleDb(item)" style="margin-left: 10px;">电表</a-button>
+              </a-badge>
+              <a-badge :count="item.sbNum" >
+                <a-button type="dashed" size="small" @click="handleSb(item)" style="margin-left: 10px;">水表</a-button>
+              </a-badge>
+              <a-badge :count="item.wsdjNum" >
+                <a-button type="dashed" size="small" @click="handleWsd(item)" style="margin-left: 10px;">温湿度</a-button>
+              </a-badge>
+            </div>
+          </a-card>
+        </a-col>
+      </a-row>
+    </div>
+    <SxtModal ref="sxtModal" @success="handleSuccess"></SxtModal>
+  </div>
+</template>
+
+<script lang="ts" name="ElectricitySyncLog-ElectricitySyncLog" setup>
+  import { ref, reactive,onMounted } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+  import SxtModal from '/@/views/iot/baseIot/compoents/SxtModal.vue';
+
+  const formRef = ref();
+  const sxtModal = ref();
+  const queryParam = reactive<any>({});
+  
+  const activeKey= ref('1');
+  const orgInfo= ref<any>({});
+  const orgList= ref<any>([]);
+  const baseList= ref<any>([]);
+  const isHover = ref(false);
+  const isSelected = ref(false);
+  const labelCol = reactive({
+    xs:24, sm:4, xl:6, xxl:4
+  });
+  const wrapperCol = reactive({
+    xs: 24, sm: 20,
+  });
+
+//查询机构列表
+  function searchQuery() {
+    defHttp.get({ url: '/sys/sysDepart/listAll', params: queryParam }).then((res) => {
+      orgList.value = res;
+    });
+  }
+//重置
+function searchReset() {
+    queryParam.id = '';
+    searchQuery();
+  }
+  //操作成功刷新页面
+  function handleSuccess(){
+    searchQuery();
+  }
+  // 选择机构
+  function handleCheckOrg(item){
+    activeKey.value = "2";
+    orgInfo.value = item;
+    getBaseList(item);
+  }
+
+  //获取护理单元及物联设备数量
+  function getBaseList(item){
+    defHttp.get({ url: '/admin/nuBaseInfo/nuBaseInfo/getBaseWlsbList', params: {orgCode:item.orgCode} }).then((res) => {
+      baseList.value = res;
+    });
+  }
+  //选择摄像头
+  function handleSxt(item){
+    console.log("🚀 ~ handleSxt ~ item:", item)
+    sxtModal.value.init(item);
+  }
+  //选择电表
+  function handleDb(item){
+    console.log("🚀 ~ handleDb ~ item:", item)
+  }
+  //选择水表
+  function handleSb(item){
+    console.log("🚀 ~ handleSb ~ item:", item)
+  }
+  //选择温湿度计
+  function handleWsd(item){
+    console.log("🚀 ~ handleWsd ~ item:", item)
+  }
+
+  // 自动请求并暴露内部方法
+  onMounted(() => {
+    activeKey.value = "1";
+    searchQuery();
+  });
+</script>
+
+<style lang="less" scoped>
+/* 基础卡片样式 */
+.card-3d {
+  border-radius: 8px;
+  border: 1px solid #f0f0f0; /* 边框增强立体感 */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+  background: white;
+  position: relative;
+}
+
+/* 鼠标悬停：阴影加深 + 轻微上浮 */
+.card-3d:hover {
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
+  transform: translate(-2px,-2px);
+}
+
+/* 选中状态：蓝色边框 + 更明显的阴影 */
+.card-3d.card-selected {
+  box-shadow: 0 8px 24px rgba(24, 144, 255, 0.3);
+  border: 1px solid #1890ff;
+}
+
+/* 选中 + 悬停：阴影更强 */
+.card-3d.card-selected.card-hover {
+  box-shadow: 0 10px 28px rgba(24, 144, 255, 0.4);
+  transform: translate(-3px,-3px);
+}
+</style>
diff --git a/src/views/iot/baseIot/compoents/SxtForm.vue b/src/views/iot/baseIot/compoents/SxtForm.vue
new file mode 100644
index 0000000..0098306
--- /dev/null
+++ b/src/views/iot/baseIot/compoents/SxtForm.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="p-2">
+    <div style="margin-bottom: 30px;">
+      <SectionDivider :title="'基础信息'" />
+      <span class="jcxxClass">NUID：{{baseIotInfo.nuId}}</span>
+      <span class="jcxxClass">护理单元名称：{{baseIotInfo.nuName}}</span>
+      <span class="jcxxClass">护理单元类型：{{baseIotInfo.areaFlagText}}</span>
+    </div>
+    <SectionDivider :title="'摄像头列表'" />
+    <a-table :columns="baseSxtColumns" :data-source="dataList.records" :pagination="pageParams" @change="handleTableChange" >
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.dataIndex === 'action'">
+          <span>
+            <a @click="handleSelect(record)">选择</a>
+          </span>
+        </template>
+      </template>
+    </a-table>
+    <SectionDivider :title="'已选择列表'" />
+    <a-table :columns="checkSxtColumns" :data-source="checkDataList.records" :pagination="false">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.dataIndex === 'action'">
+          <span>
+            <a @click="handleUnSelect(record)">移除</a>
+          </span>
+        </template>
+      </template>
+    </a-table>
+
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { baseSxtColumns,checkSxtColumns } from '../BaseIot.data';
+  import { Pagination } from 'ant-design-vue';
+
+  const formRef = ref();
+  const queryParam = reactive<any>({});
+  const emit = defineEmits(['register', 'ok']);
+  const { createMessage } = useMessage();
+  const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
+  const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
+  const confirmLoading = ref<boolean>(false);
+  const dataList= ref<any>([]);
+  const checkDataList= ref<any>([]);
+  const baseIotInfo= ref<any>({});
+  const pageParams = ref({ pageNo: 1, pageSize: 10, total: 0, showTotal: (total) => `共 ${total} 条数据` })
+  
+  /**
+   * 初始化
+   */
+  function init(record) {
+    baseIotInfo.value = record;
+    queryParam.pageNo = 1;
+    getDataList();
+    getCheckDataList();
+  }
+  /**
+   * 分页触发方法
+   */
+  function handleTableChange(record){
+    queryParam.pageNo = record.current;
+    getDataList();
+  }
+  /**
+   * 获取数据列表
+   */
+  function getDataList() { 
+    queryParam.pageSize = pageParams.value.pageSize;
+    defHttp.get({ url: '/iot/tplink/cameraInfo/list',params:queryParam }).then((res) => { 
+      dataList.value = res;
+      pageParams.value.total = res.total;
+    });
+  }
+  /**
+   * 获取已选的数据列表
+   */
+  function getCheckDataList(){
+    const params = {nuId:baseIotInfo.value.nuId}
+    defHttp.get({ url: '/iot/tplink/cameraInfo/list',params }).then((res) => { 
+      checkDataList.value = res;
+    });
+  }
+
+  function handleSelect(record){
+    if(checkDataList.value.records.some(item => item.id === record.id)){
+      createMessage.error('已选择该设备')
+    }else{
+      checkDataList.value.records.push(record)
+    }
+  }
+  function handleUnSelect(record){ 
+    checkDataList.value.records = checkDataList.value.records.filter(item => item.id !== record.id)
+  }
+  /**
+   * 提交数据
+   */
+  function submitForm() { 
+  }
+
+
+  defineExpose({
+    init,
+    submitForm,
+  });
+</script>
+
+<style lang="less" scoped>
+  .antd-modal-form {
+    padding: 14px;
+  }
+  .jcxxClass{
+    margin-left: 35px;
+  }
+</style>
diff --git a/src/views/iot/baseIot/compoents/SxtModal.vue b/src/views/iot/baseIot/compoents/SxtModal.vue
new file mode 100644
index 0000000..1ab6ab1
--- /dev/null
+++ b/src/views/iot/baseIot/compoents/SxtModal.vue
@@ -0,0 +1,66 @@
+<template>
+  <j-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
+    <SxtForm ref="registerForm" @ok="submitCallback"></SxtForm>
+  </j-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, nextTick, defineExpose } from 'vue';
+  import SxtForm from './SxtForm.vue'
+  import JModal from '/@/components/Modal/src/JModal/JModal.vue';
+  
+  const title = ref<string>('');
+  const width = ref<string>('80%');
+  const visible = ref<boolean>(false);
+  const disableSubmit = ref<boolean>(false);
+  const registerForm = ref();
+  const emit = defineEmits(['register', 'success']);
+
+  
+  /**
+   * 编辑
+   * @param record
+   */
+  function init(record) {
+    title.value = '摄像头';
+    visible.value = true;
+    nextTick(() => {
+      registerForm.value.init(record);
+    });
+  }
+  
+  /**
+   * 确定按钮点击事件
+   */
+  function handleOk() {
+    registerForm.value.submitForm();
+  }
+
+  /**
+   * form保存回调事件
+   */
+  function submitCallback() {
+    handleCancel();
+    emit('success');
+  }
+
+  /**
+   * 取消按钮回调事件
+   */
+  function handleCancel() {
+    visible.value = false;
+  }
+
+  defineExpose({
+    init,
+    disableSubmit,
+  });
+</script>
+
+<style lang="less">
+  /**隐藏样式-modal确定按钮 */
+  .jee-hidden {
+    display: none !important;
+  }
+</style>
+<style lang="less" scoped></style>