优化

src/views/system/AttMacManage/components/leftTree.vue

@@ -34,11 +34,18 @@
                             :class="getStatusDotClass(node.data)"
                         >
                         </span>
+                        <el-tooltip
+                            :content="node.label"
+                            placement="top"
+                            :disabled="!isTextOverflow(node.label)"
+                        >
                             <span
                                 class="node-label"
                                 :class="getNodeLabelClass(node.data)"
-                            >{{ node.label }}</span
                             >
+                                {{ node.label }}
+                            </span>
+                        </el-tooltip>
                     </span>
                 </span>
             </el-tree>
@@ -119,6 +126,19 @@ export default {
             }
             return ''
         },
+        /**
+         * 判断文本是否溢出
+         * 业务背景：当节点名称过长时，需要显示 tooltip 提示完整名称
+         * 设计决策：通过检查文本长度来判断是否需要显示 tooltip，避免短文本也显示提示
+         * @param {string} text - 节点文本内容
+         * @returns {boolean} 是否溢出
+         */
+        isTextOverflow(text) {
+            if (!text) return false
+            // 根据实际容器宽度，这里假设超过 20 个字符可能需要省略
+            // 实际项目中可以根据容器宽度动态计算
+            return text.length > 20
+        },
     },
 }
 </script>
@@ -196,6 +216,11 @@ export default {
 
         .node-label {
             flex: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            display: inline-block;
+            max-width: 100%;
         }
 
         &.node-online {

src/views/system/AttMacManage/components/rightTable.vue

@@ -43,17 +43,27 @@
                             size="mini"
                             type="success"
                             icon="el-icon-refresh"
+                            :disabled="refreshCountdown > 0"
                             @click="handleRefresh"
                         >
-                            刷新
+                            {{
+                                refreshCountdown > 0
+                                    ? `刷新(${refreshCountdown}s)`
+                                    : '刷新'
+                            }}
                         </el-button>
                         <el-button
                             size="mini"
                             type="warning"
                             icon="el-icon-switch-button"
+                            :disabled="restartCountdown > 0"
                             @click="handleRestart"
                         >
-                            重启
+                            {{
+                                restartCountdown > 0
+                                    ? `重启(${restartCountdown}s)`
+                                    : '重启'
+                            }}
                         </el-button>
                     </template>
                     <template slot="handle" slot-scope="{ data }">
@@ -119,31 +129,29 @@
                             {{ `${allSelect ? '取消全选' : '全选'}` }}
                         </el-checkbox>
                     </el-form-item>
-                    <el-form-item label="选择人员：" prop="workerIds">
+                    <el-form-item label="未下发人员：" prop="unSendPersonIds">
-                        <!-- <el-select
-                            multiple
-                            filterable
-                            style="width: 100%"
-                            placeholder="请选择人员"
-                            :loading="personListLoading"
-                            v-model="sendDownFormData.workerIds"
-                        >
-                            <el-option
-                                :key="item.id"
-                                :value="item.id"
-                                v-for="item in personList"
-                                :label="`${item.name}`"
-                            />
-                        </el-select> -->
-
                         <el-checkbox-group
-                            v-model="sendDownFormData.workerIds"
+                            v-model="sendDownFormData.unSendPersonIds"
-                            @change="handlePersonChange"
+                            @change="handleUnSendPersonChange"
                         >
                             <el-checkbox
                                 :key="item.id"
                                 :label="item.id"
-                                v-for="item in personList"
+                                v-for="item in unSendPersonList"
+                            >
+                                {{ item.name }}
+                            </el-checkbox>
+                        </el-checkbox-group>
+                    </el-form-item>
+                    <el-form-item label="已下发人员：" prop="sentPersonIds">
+                        <el-checkbox-group
+                            v-model="sendDownFormData.sentPersonIds"
+                            @change="handleSentPersonChange"
+                        >
+                            <el-checkbox
+                                :key="item.id"
+                                :label="item.id"
+                                v-for="item in sentPersonList"
                             >
                                 {{ item.name }}
                             </el-checkbox>
@@ -252,6 +260,14 @@ export default {
             type: [String, Number],
             default: '',
         },
+        subId: {
+            type: [String, Number],
+            default: '',
+        },
+        teamId: {
+            type: [String, Number],
+            default: '',
+        },
     },
     data() {
         return {
@@ -331,6 +347,11 @@ export default {
             // 下发表单数据
             sendDownFormData: {
                 workerIds: [],
+
+                // 未下发人员
+                unSendPersonIds: [],
+                // 已下发人员
+                sentPersonIds: [],
             },
             // 配置表单数据
             configFormData: {
@@ -339,24 +360,17 @@ export default {
             },
             // 下发表单校验规则
             sendDownFormRules: {
-                workerIds: [
+                unSendPersonIds: [
                     {
                         required: true,
                         message: '请选择人员',
                         trigger: 'change',
                     },
                 ],
-                content: [
-                    {
-                        required: true,
-                        message: '请输入下发内容',
-                        trigger: 'blur',
-                    },
-                ],
             },
             // 配置表单校验规则
             configFormRules: {
-                workerIds: [
+                unSendPersonList: [
                     {
                         required: true,
                         message: '请选择人员',
@@ -376,6 +390,18 @@ export default {
             personListLoading: false,
             allSelect: false,
             selectedData: [],
+            // 未下发人员
+            unSendPersonList: [],
+            // 已下发人员
+            sentPersonList: [],
+            // 刷新倒计时（秒）
+            refreshCountdown: 0,
+            // 刷新倒计时定时器
+            refreshTimer: null,
+            // 重启倒计时（秒）
+            restartCountdown: 0,
+            // 重启倒计时定时器
+            restartTimer: null,
         }
     },
     computed: {
@@ -406,6 +432,21 @@ export default {
             immediate: true,
         },
     },
+    /**
+     * 组件销毁前清理定时器
+     * 业务背景：避免组件销毁后定时器仍在运行导致的内存泄漏
+     * 设计决策：在组件销毁前清除所有定时器
+     */
+    beforeDestroy() {
+        if (this.refreshTimer) {
+            clearInterval(this.refreshTimer)
+            this.refreshTimer = null
+        }
+        if (this.restartTimer) {
+            clearInterval(this.restartTimer)
+            this.restartTimer = null
+        }
+    },
     methods: {
         // 获取表格列表（供父组件调用）
         getTableList() {
@@ -489,9 +530,28 @@ export default {
             try {
                 const res = await getAllPersonListAPI({
                     proId: this.proId,
+                    deviceCode: this.macNo,
+                    subId: this.subId,
+                    teamId: this.teamId,
                 })
                 if (res.code === 200) {
-                    this.personList = res?.data.map((item) => ({
+                    // this.unSendPersonList = res?.data.map((item) => ({
+                    //     id: item.workerId,
+                    //     name: item.workerName,
+                    //     isSelected: false,
+                    // }))
+
+                    this.unSendPersonList = res?.data
+                        .filter((item) => item.isIssue == 0)
+                        .map((item) => ({
+                            id: item.workerId,
+                            name: item.workerName,
+                            isSelected: false,
+                        }))
+
+                    this.sentPersonList = res?.data
+                        .filter((item) => item.isIssue == 1)
+                        .map((item) => ({
                             id: item.workerId,
                             name: item.workerName,
                             isSelected: false,
@@ -508,22 +568,35 @@ export default {
             this.sendDownDialogConfig.outerVisible = false
             this.resetSendDownForm()
         },
-        // 重置下发表单
+        /**
+         * 重置下发表单
+         * 业务背景：关闭弹框或重新打开时需要清空表单数据
+         * 设计决策：需要重置所有表单字段，包括未下发和已下发人员ID数组，避免 undefined 导致的错误
+         */
         resetSendDownForm() {
             this.sendDownFormData = {
                 workerIds: [],
+                // 未下发人员
+                unSendPersonIds: [],
+                // 已下发人员
+                sentPersonIds: [],
             }
+            this.allSelect = false
             if (this.$refs.sendDownFormRef) {
                 this.$refs.sendDownFormRef.resetFields()
             }
         },
-        // 提交下发表单
+        /**
+         * 提交下发表单
+         * 业务背景：将选中的未下发人员下发到考勤机
+         * 设计决策：使用 unSendPersonIds 作为提交参数，因为表单绑定的是该字段
+         */
         handleSendDownSubmit() {
             this.$refs.sendDownFormRef.validate((valid) => {
                 if (valid) {
                     const params = {
                         deviceCode: this.macNo,
-                        workerIds: this.sendDownFormData.workerIds,
+                        workerIds: this.sendDownFormData.unSendPersonIds,
                     }
                     sendDownAPI(params)
                         .then((res) => {
@@ -575,27 +648,68 @@ export default {
                 }
             })
         },
-        // 刷新
+        /**
+         * 刷新考勤机
+         * 业务背景：刷新考勤机数据，获取最新的人员信息
+         * 设计决策：刷新成功后启动10秒倒计时，防止频繁刷新对服务器造成压力
+         */
         handleRefresh() {
             if (!this.macNo) {
                 this.$modal.msgWarning('请先选择考勤机')
                 return
             }
+            // 如果正在倒计时，不允许刷新
+            if (this.refreshCountdown > 0) {
+                return
+            }
             refreshAPI(this.macNo)
                 .then((res) => {
                     if (res.code === 200) {
                         this.$modal.msgSuccess('刷新成功')
                         this.getTableList()
+                        // 启动倒计时
+                        this.startRefreshCountdown()
                     }
                 })
                 .catch(() => {})
         },
-        // 重启
+        /**
+         * 启动刷新倒计时
+         * 业务背景：刷新成功后需要等待10秒才能再次刷新
+         * 设计决策：使用定时器每秒更新倒计时，倒计时结束后清除定时器
+         */
+        startRefreshCountdown() {
+            // 清除之前的定时器
+            if (this.refreshTimer) {
+                clearInterval(this.refreshTimer)
+                this.refreshTimer = null
+            }
+            // 设置倒计时为10秒
+            this.refreshCountdown = 10
+            // 启动定时器，每秒减1
+            this.refreshTimer = setInterval(() => {
+                this.refreshCountdown--
+                if (this.refreshCountdown <= 0) {
+                    // 倒计时结束，清除定时器
+                    clearInterval(this.refreshTimer)
+                    this.refreshTimer = null
+                }
+            }, 1000)
+        },
+        /**
+         * 重启考勤机
+         * 业务背景：重启考勤机设备，恢复设备状态
+         * 设计决策：重启成功后启动10秒倒计时，防止频繁重启对设备造成损害
+         */
         handleRestart() {
             if (!this.macNo) {
                 this.$modal.msgWarning('请先选择考勤机')
                 return
             }
+            // 如果正在倒计时，不允许重启
+            if (this.restartCountdown > 0) {
+                return
+            }
             this.$modal
                 .confirm('确定要重启该考勤机吗？')
                 .then(() => {
@@ -603,26 +717,76 @@ export default {
                         .then((res) => {
                             if (res.code === 200) {
                                 this.$modal.msgSuccess('重启成功')
+                                // 启动倒计时
+                                this.startRestartCountdown()
                             }
                         })
                         .catch(() => {})
                 })
                 .catch(() => {})
         },
+        /**
+         * 启动重启倒计时
+         * 业务背景：重启成功后需要等待10秒才能再次重启
+         * 设计决策：使用定时器每秒更新倒计时，倒计时结束后清除定时器
+         */
+        startRestartCountdown() {
+            // 清除之前的定时器
+            if (this.restartTimer) {
+                clearInterval(this.restartTimer)
+                this.restartTimer = null
+            }
+            // 设置倒计时为10秒
+            this.restartCountdown = 10
+            // 启动定时器，每秒减1
+            this.restartTimer = setInterval(() => {
+                this.restartCountdown--
+                if (this.restartCountdown <= 0) {
+                    // 倒计时结束，清除定时器
+                    clearInterval(this.restartTimer)
+                    this.restartTimer = null
+                }
+            }, 1000)
+        },
 
         // 全选
         handleAllSelectChange(val) {
             if (val) {
-                this.sendDownFormData.workerIds = this.personList.map(
+                this.sendDownFormData.unSendPersonIds =
+                    this.unSendPersonList.map((item) => item.id)
+
+                this.sendDownFormData.sentPersonIds = this.sentPersonList.map(
                     (item) => item.id,
                 )
             } else {
-                this.sendDownFormData.workerIds = []
+                this.sendDownFormData.unSendPersonIds = []
+                this.sendDownFormData.sentPersonIds = []
             }
         },
-        // 人员选择
+        // 未下发人员选择
-        handlePersonChange(value) {
+        handleUnSendPersonChange(value) {
-            console.log(value)
+            if (
+                value.length == this.unSendPersonList.length &&
+                this.sendDownFormData.sentPersonIds.length ==
+                    this.sentPersonList.length
+            ) {
+                this.allSelect = true
+            } else {
+                this.allSelect = false
+            }
+        },
+
+        // 已下发人员选择
+        handleSentPersonChange(value) {
+            if (
+                value.length == this.sentPersonList.length &&
+                this.sendDownFormData.unSendPersonIds.length ==
+                    this.unSendPersonList.length
+            ) {
+                this.allSelect = true
+            } else {
+                this.allSelect = false
+            }
         },
 
         handleSelectionChange(e) {

src/views/system/AttMacManage/index.vue

@@ -40,6 +40,8 @@
                             ref="currentTableRef"
                             :mac-no="selectedMacNo"
                             :pro-id="selectedProId"
+                            :sub-id="selectedSubId"
+                            :team-id="selectedTeamId"
                             @refresh-tree="handleRefreshTree"
                         />
                     </div>
@@ -67,6 +69,8 @@ export default {
         return {
             selectedMacNo: '', // 选中的考勤机编号
             selectedProId: '', // 选中的工程id
+            selectedSubId: '', // 选中的分包id
+            selectedTeamId: '', // 选中的班组id
             selectedNodeName: '', // 选中的节点名称
             activeTab: 'person', // 当前激活的标签页
         }
@@ -89,6 +93,8 @@ export default {
 
             this.selectedMacNo = data.id
             this.selectedProId = data.proId
+            this.selectedSubId = data.subId
+            this.selectedTeamId = data.teamId
 
             this.selectedNodeName = data.name
             // if (data.level === 2) {