From 507eb361a63795e137663a7a5e879513776c8429 Mon Sep 17 00:00:00 2001
From: fanluyan <754122931@qq.com>
Date: Tue, 23 Jan 2024 15:28:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=91=BD=E4=BB=A4=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../homePage/components/tableMain copy.vue    | 1845 +++++++++++++++++
 src/views/homePage/components/tableMain.vue   |  132 +-
 src/views/homePage/index.vue                  |   39 +-
 3 files changed, 1933 insertions(+), 83 deletions(-)
 create mode 100644 src/views/homePage/components/tableMain copy.vue

diff --git a/src/views/homePage/components/tableMain copy.vue b/src/views/homePage/components/tableMain copy.vue
new file mode 100644
index 0000000..0a33673
--- /dev/null
+++ b/src/views/homePage/components/tableMain copy.vue	
@@ -0,0 +1,1845 @@
+<template>
+  <div class="tableContain">
+    <div class="headTitle">
+      <div class="xfMl">
+        <el-form :inline="true" :model="formIssue" class="demo-form-inline">
+          <el-form-item label="运维操作">
+            <el-select v-model="formIssue.operate" placeholder="请输入运维操作">
+              <el-option
+                v-for="item in operateOptions"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="onIssue">下发命令</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="zzMsg">
+        <p class="total">
+          <span
+            >已选中：<el-tag type="primary">{{
+              multipleSelection.length
+            }}</el-tag></span
+          >
+          <span
+            >运维：<el-tag type="primary">{{ ywNumber }}</el-tag></span
+          >
+          <span
+            >快心跳：<el-tag type="primary">{{ kxtNumber }}</el-tag></span
+          >
+          <span
+            >在线：<el-tag type="success">{{ onlineNum }}</el-tag></span
+          >
+          <span
+            >离线：<el-tag type="danger">{{ offlineNum }}</el-tag></span
+          >
+          <span
+            >未上传图片：<el-tag type="danger">{{ noPicNum }}</el-tag></span
+          >
+          <span
+            >装置总数：<el-tag type="info">{{ tableData.length }}</el-tag></span
+          >
+        </p>
+        <el-button type="primary" @click="handleExport">导出</el-button>
+        <el-tooltip class="item" effect="dark" content="扩展列" placement="top">
+          <el-button
+            class="drawBox"
+            size="small"
+            type="primary"
+            icon="el-icon-s-operation"
+            @click="drawer = true"
+          ></el-button>
+        </el-tooltip>
+      </div>
+    </div>
+    <el-table
+      v-loading="tableLoaidng"
+      class="ywTableBox"
+      id="ywTable"
+      ref="ywMultipleTable"
+      :data="tableData"
+      border
+      stripe
+      :row-key="getRowKey"
+      style="width: 100%"
+      @selection-change="handleSelectionChange"
+      height="calc(100% - 40px)"
+      :default-sort="{ order: 'descending' }"
+    >
+      <el-table-column type="selection" :reserve-selection="true" width="50">
+      </el-table-column>
+      <el-table-column type="index" width="50" label="序号"> </el-table-column>
+      <!-- <el-table-column prop="id" label="ID" width="60" sortable>
+      </el-table-column> -->
+      <el-table-column prop="oid" label="出厂ID" width="150" sortable>
+        <template slot-scope="scope">
+          {{
+            scope.row.raw_report.hasOwnProperty("oid")
+              ? scope.row.raw_report.oid
+              : ""
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="cmdid" label="装置编号" width="150" sortable>
+      </el-table-column>
+      <el-table-column label="状态" width="72">
+        <template slot-scope="scope">
+          <el-tag
+            type="success"
+            v-if="nowTime - scope.row.last_heartbeat_ts <= 720"
+            >在线</el-tag
+          >
+          <el-tag type="danger" v-else>离线</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="运维" prop="in_maintain" width="100" sortable>
+        <template slot="header" slot-scope="scope">
+          <p :class="ywNumber != 0 ? 'redClass' : 'noClass'">
+            {{ ywNumber }}<span> / {{ tableData.length }}</span>
+          </p>
+          <span @click.stop>
+            <el-checkbox
+              v-model="checkAllYW"
+              @change="handlecheckAllYW"
+              :class="
+                (ywNumber == tableData.length && tableData.length != 0) ||
+                ywNumber == 0
+                  ? ''
+                  : 'is-indeterminate'
+              "
+            ></el-checkbox>
+            运维
+          </span>
+        </template>
+        <template slot-scope="scope">
+          <el-checkbox
+            v-model="scope.row.in_maintain"
+            :true-label="'1'"
+            :false-label="'0'"
+            @change="(val) => UpdateMaintainMode(val, scope.row)"
+          ></el-checkbox>
+        </template>
+      </el-table-column>
+      <el-table-column label="快心跳" prop="quick_hb" width="108" sortable>
+        <template slot="header" slot-scope="scope">
+          <p :class="kxtNumber != 0 ? 'redClass' : 'noClass'">
+            {{ kxtNumber }}<span> / {{ tableData.length }}</span>
+          </p>
+          <span @click.stop>
+            <el-checkbox
+              v-model="checkAllKXT"
+              @change="handlecheckAllKXT"
+              :class="
+                (kxtNumber == tableData.length && tableData.length != 0) ||
+                kxtNumber == 0
+                  ? ''
+                  : 'is-indeterminate'
+              "
+            ></el-checkbox>
+            快心跳
+          </span>
+        </template>
+        <template slot-scope="scope">
+          <el-checkbox
+            v-model="scope.row.quick_hb"
+            :true-label="'1'"
+            :false-label="'0'"
+            @change="(val) => UpdateQuickHbMode(val, scope.row)"
+          ></el-checkbox>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="last_heartbeat"
+        label="最后心跳"
+        width="142"
+        sortable
+        class-name="hbClass"
+      >
+        <template slot-scope="scope">
+          <span @click="handleMsgClick(scope.row)">{{
+            scope.row.last_heartbeat
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="传图"
+        prop="raw_report.pic"
+        width="80"
+        class-name="picBg"
+        sortable
+      >
+        <template slot-scope="scope">
+          {{ scope.row.raw_report.pic }}
+        </template>
+      </el-table-column>
+
+      <el-table-column
+        prop="protocol"
+        label="规约"
+        width="80"
+        v-if="gycheck"
+        sortable
+        key="gy"
+      >
+        <template slot-scope="scope">
+          {{ protocolMap[scope.row.protocol] }}
+        </template>
+      </el-table-column>
+      <el-table-column label="电池状态" width="118" key="dc" v-if="dccheck">
+        <template slot-scope="scope">
+          {{
+            scope.row.raw_report.hasOwnProperty("msgs")
+              ? scope.row.raw_report.msgs.battery
+              : ""
+          }}
+        </template>
+      </el-table-column>
+
+      <el-table-column label="心跳信息" v-if="xtcheck" key="xt">
+        <el-table-column
+          label="次数"
+          min-width="68"
+          sortable
+          :sort-method="sortnumberOfHb"
+        >
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.msgs.hasOwnProperty("numberOfHb")
+                ? Number(scope.row.raw_report.msgs.numberOfHb)
+                : ""
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column label="周期" min-width="48">
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.hasOwnProperty("msgs")
+                ? scope.row.raw_report.msgs.heartbeatDuration
+                : ""
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column label="CMA消息" min-width="60">
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.hasOwnProperty("msgs")
+                ? scope.row.raw_report.msgs.recv
+                : ""
+            }}
+          </template>
+        </el-table-column>
+      </el-table-column>
+
+      <el-table-column label="拍照" v-if="pzcheck" key="pz">
+        <el-table-column label="计划/实际" min-width="60">
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.hasOwnProperty("msgs")
+                ? scope.row.raw_report.msgs.photoTimes
+                : ""
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="成功"
+          min-width="70"
+          sortable
+          :sort-method="sortSuccess"
+        >
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.msgs.hasOwnProperty("success")
+                ? Number(scope.row.raw_report.msgs.success)
+                : ""
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="失败"
+          min-width="70"
+          sortable
+          :sort-method="sortFailure"
+        >
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.msgs.hasOwnProperty("failure")
+                ? Number(scope.row.raw_report.msgs.failure)
+                : ""
+            }}
+          </template>
+        </el-table-column>
+      </el-table-column>
+
+      <el-table-column label="网络信号" v-if="wlcheck" key="wl">
+        <el-table-column label="卡1" min-width="60" prop="signature1">
+          <template slot-scope="scope">
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="scope.row.raw_report.msgs.signature1"
+              placement="top"
+            >
+              <span>{{
+                scope.row.raw_report.msgs.hasOwnProperty("signature1")
+                  ? scope.row.raw_report.msgs.signature1.split("/")[0]
+                  : ""
+              }}</span>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+        <el-table-column label="卡2" min-width="60" prop="signature2">
+          <template slot-scope="scope">
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="scope.row.raw_report.msgs.signature2"
+              placement="top"
+            >
+              <span>{{
+                scope.row.raw_report.msgs.hasOwnProperty("signature2")
+                  ? scope.row.raw_report.msgs.signature2.split("/")[0]
+                  : ""
+              }}</span>
+            </el-tooltip>
+            <!-- {{
+              scope.row.raw_report.msgs.hasOwnProperty("signature2")
+                ? scope.row.raw_report.msgs.signature2.split("/")[0]
+                : ""
+            }} -->
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="错误"
+          min-width="48"
+          prop="networkError"
+          sortable
+          :sort-method="sortNumbersErr"
+        >
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.msgs.hasOwnProperty("networkError")
+                ? Number(scope.row.raw_report.msgs.networkError)
+                : ""
+            }}
+          </template>
+        </el-table-column>
+      </el-table-column>
+
+      <el-table-column label="重启次数" v-if="cqcheck" key="cq">
+        <el-table-column
+          label="系统"
+          min-width="48"
+          prop="rebootTimes"
+          sortable
+          :sort-method="sortNumbers"
+        >
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.msgs.hasOwnProperty("rebootTimes")
+                ? Number(scope.row.raw_report.msgs.rebootTimes)
+                : ""
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="I1"
+          min-width="48"
+          prop="i1RebootTimes"
+          sortable
+          :sort-method="sortNumbers2"
+        >
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.msgs.hasOwnProperty("i1RebootTimes")
+                ? Number(scope.row.raw_report.msgs.i1RebootTimes)
+                : ""
+            }}
+          </template>
+        </el-table-column>
+      </el-table-column>
+      <el-table-column label="SIM卡" v-if="simcheck" min-width="160" key="sim">
+        <el-table-column label="卡1" width="148" prop="simcard1">
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.msgs.hasOwnProperty("simcard1")
+                ? scope.row.raw_report.msgs.simcard1
+                : ""
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column label="卡2" width="148" prop="simcard2">
+          <template slot-scope="scope">
+            {{
+              scope.row.raw_report.msgs.hasOwnProperty("simcard2")
+                ? scope.row.raw_report.msgs.simcard2
+                : ""
+            }}
+          </template>
+        </el-table-column>
+      </el-table-column>
+      <el-table-column label="CMA服务器" v-if="cmacheck" width="160" key="cma">
+        <template slot-scope="scope">
+          {{
+            scope.row.raw_report.hasOwnProperty("msgs")
+              ? scope.row.raw_report.msgs.cma
+              : ""
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column label="I1版本" v-if="i1check" min-width="160" key="I1">
+        <template slot-scope="scope">
+          <span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">{{
+            scope.row.raw_report.i1Version
+          }}</span>
+          <span v-else>{{
+            scope.row.raw_report.msgs.hasOwnProperty("i1Version")
+              ? scope.row.raw_report.msgs.i1Version
+              : ""
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="运维版本"
+        v-if="ywbbcheck"
+        min-width="160"
+        key="ywbb"
+      >
+        <template slot-scope="scope">
+          <span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">{{
+            scope.row.raw_report.maintainVersion
+          }}</span>
+          <span v-else>
+            {{
+              scope.row.raw_report.msgs.hasOwnProperty("maintainVersion")
+                ? scope.row.raw_report.msgs.maintainVersion
+                : ""
+            }}</span
+          >
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="Camera版本"
+        v-if="Cameracheck"
+        width="100"
+        key="Camera"
+      >
+        <template slot-scope="scope">
+          {{
+            scope.row.raw_report.msgs.hasOwnProperty("cameraService")
+              ? scope.row.raw_report.msgs.cameraService
+              : ""
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column label="AI版本" v-if="AIcheck" width="80" key="AI">
+        <template slot-scope="scope">
+          {{
+            scope.row.raw_report.msgs.hasOwnProperty("aiVersion")
+              ? scope.row.raw_report.msgs.aiVersion
+              : ""
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="MCU版本"
+        v-if="MCUcheck"
+        min-width="180"
+        key="MCU"
+      >
+        <template slot-scope="scope">
+          {{
+            scope.row.raw_report.msgs.hasOwnProperty("mcu")
+              ? scope.row.raw_report.msgs.mcu
+              : ""
+          }}
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-drawer
+      class="drawerBox"
+      :visible.sync="drawer"
+      direction="rtl"
+      :with-header="false"
+    >
+      <div class="drawerSelect">
+        <h3>表格列配置</h3>
+        <div class="selectBox">
+          <el-checkbox v-model="gycheck" @change="saveLocalStorage"
+            >规约</el-checkbox
+          >
+          <el-checkbox v-model="dccheck" @change="saveLocalStorage"
+            >电池状态</el-checkbox
+          >
+          <el-checkbox v-model="xtcheck" @change="saveLocalStorage"
+            >心跳信息</el-checkbox
+          >
+          <!-- <el-checkbox v-model="xtcs" @change="saveLocalStorage"
+            >心跳次数</el-checkbox
+          >
+          <el-checkbox v-model="xtzq" @change="saveLocalStorage"
+            >心跳周期</el-checkbox
+          > -->
+          <el-checkbox v-model="pzcheck" @change="saveLocalStorage"
+            >拍照</el-checkbox
+          >
+          <el-checkbox v-model="wlcheck" @change="saveLocalStorage"
+            >网络信号</el-checkbox
+          >
+          <el-checkbox v-model="cqcheck" @change="saveLocalStorage"
+            >重启次数</el-checkbox
+          >
+
+          <el-checkbox v-model="simcheck" @change="saveLocalStorage"
+            >SIM卡</el-checkbox
+          >
+          <el-checkbox v-model="cmacheck" @change="saveLocalStorage"
+            >CMA服务器</el-checkbox
+          >
+          <el-checkbox v-model="i1check" @change="saveLocalStorage"
+            >I1版本</el-checkbox
+          >
+          <el-checkbox v-model="ywbbcheck" @change="saveLocalStorage"
+            >运维版本</el-checkbox
+          >
+          <el-checkbox v-model="Cameracheck" @change="saveLocalStorage"
+            >Camera版本</el-checkbox
+          >
+          <el-checkbox v-model="AIcheck" @change="saveLocalStorage"
+            >AI版本</el-checkbox
+          >
+          <el-checkbox v-model="MCUcheck" @change="saveLocalStorage"
+            >MCU版本</el-checkbox
+          >
+        </div>
+      </div>
+    </el-drawer>
+    <!-- 设置ie服务器 -->
+    <el-dialog
+      title="设置ie服务器"
+      :visible.sync="ieVisible"
+      width="30%"
+      :close-on-click-modal="false"
+    >
+      <el-form :model="ieform" ref="ieRuleForm" :rules="ieRules">
+        <el-form-item label="CMA IP：" prop="ip">
+          <el-input v-model="ieform.ip" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="CMA Port：" prop="port">
+          <el-input v-model.number="ieform.port" autocomplete="off"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="ieVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleIeServe">确 定</el-button>
+      </div>
+    </el-dialog>
+    <!-- 设置运维服务器 -->
+    <el-dialog
+      title="设置运维服务器"
+      :visible.sync="operationVisible"
+      :close-on-click-modal="false"
+      width="30%"
+    >
+      <el-form
+        :model="operationform"
+        ref="operationRuleForm"
+        :rules="operationRules"
+      >
+        <el-form-item label="运维服务器IP：" prop="ip">
+          <el-input v-model="operationform.ip" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="运维服务器Port：" prop="port">
+          <el-input
+            v-model.number="operationform.port"
+            autocomplete="off"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="ieVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleOperationServe"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+    <!-- 设置心跳周期 -->
+    <el-dialog
+      title="设置运维服务器"
+      :visible.sync="heartBeatVisible"
+      :close-on-click-modal="false"
+      width="30%"
+    >
+      <el-form
+        :model="heartBeatform"
+        ref="heartBeatRuleForm"
+        :rules="heartBeatRules"
+      >
+        <el-form-item label="心跳周期：(分钟)" prop="heart">
+          <el-input
+            v-model.number="heartBeatform.heart"
+            autocomplete="off"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="heartBeatVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleheartBeat">确 定</el-button>
+      </div>
+    </el-dialog>
+    <!-- 升级 -->
+    <el-dialog
+      class="upDialogBox"
+      title="请选择升级文件"
+      :visible.sync="upgradationVisible"
+      :close-on-click-modal="false"
+      width="30%"
+    >
+      <el-form
+        :model="upgradationform"
+        :rules="upgradationRules"
+        ref="upgradationRuleForm"
+      >
+        <el-form-item label="文件名称" prop="upVal">
+          <el-select
+            v-model="upgradationform.upVal"
+            placeholder="请选择升级文件"
+            @change="selectChanged"
+          >
+            <el-option
+              v-for="item in upOptions"
+              :key="item.id"
+              :label="item.fileName"
+              :value="item.path"
+              :title="item.title"
+            >
+              {{ item.fileName }}
+              <i class="title">（{{ item.title }}</i
+              ><i class="time">{{ item.createTime }}）</i>
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="upgradationVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleupgradation">确 定</el-button>
+      </div>
+    </el-dialog>
+    <!-- 开启frpc服务器 -->
+    <el-dialog
+      title="设置frpc"
+      :visible.sync="frpcVisible"
+      :close-on-click-modal="false"
+      width="40%"
+      class="frpcDialogBox"
+    >
+      <el-button type="primary" @click="handleModelForm">模板一</el-button>
+      <el-form
+        :model="frpcform"
+        ref="frpcRuleForm"
+        :rules="frpcRules"
+        label-width="132px"
+      >
+        <el-form-item label="服务器IP：" prop="server_addr">
+          <el-input
+            v-model="frpcform.server_addr"
+            autocomplete="off"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="服务器端口：" prop="server_port">
+          <el-input
+            v-model.number="frpcform.server_port"
+            autocomplete="off"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="FRPC类型：">
+          <el-select v-model="frpcform.frpc_type" placeholder="请选择">
+            <el-option
+              v-for="item in frpc_typeOption"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="网络类型：">
+          <el-select v-model="frpcform.type" placeholder="请选择">
+            <el-option
+              v-for="item in typeOption"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="本地IP：" prop="local_ip">
+          <el-input v-model="frpcform.local_ip" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="本地端口：" prop="local_port">
+          <el-input
+            v-model.number="frpcform.local_port"
+            autocomplete="off"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="远程端口：" prop="remote_port">
+          <el-input
+            v-model.number="frpcform.remote_port"
+            autocomplete="off"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="frpcVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleFrpc">确 定</el-button>
+      </div>
+    </el-dialog>
+    <!-- 装置详细信息 -->
+    <rowMsgDialog ref="rowMsgDialogref"></rowMsgDialog>
+    <div class="taskMask">
+      <el-tooltip class="item" effect="dark" content="任务列表" placement="top">
+        <el-button
+          icon="el-icon-set-up"
+          type="primary"
+          round
+          @click="showTaskDraw"
+        >
+        </el-button>
+      </el-tooltip>
+    </div>
+    <el-drawer
+      class="taskDrawDialog"
+      title="待下发终端列表"
+      :visible.sync="taskdrawer"
+      direction="rtl"
+    >
+      <div class="commandList" v-if="leftCommand.length != 0">
+        <p class="comLi" v-for="(item, index) in leftCommand" :key="index">
+          <span class="indexClass">{{ index + 1 }}</span>
+          <span class="comMsg"
+            ><b>时间：{{ item.createTime }}</b>
+            <b>设备ID：{{ item.cmdid }}</b>
+            <b v-if="item.cmd.fileName">apk版本：{{ item.cmd.fileName }}</b>
+            <b v-if="item.cmdDesc == ''">命令：{{ cmdCn[item.cmdName] }}</b
+            ><b v-else>命令：{{ item.cmdDesc }}</b>
+            <b v-if="item.estimatedPublishTime * 1000 - newupdatatime > 0"
+              >命令预计拿走时间：
+
+              {{
+                $moment(item.estimatedPublishTime * 1000).format(
+                  "MM-DD HH:mm:ss"
+                )
+              }}
+              {{ remainingTime(item) }}
+            </b>
+          </span>
+        </p>
+      </div>
+      <div class="commandList" v-else>
+        <p>暂无下发命令</p>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+import {
+  getdoActionApi,
+  getqueryUpgradesApi,
+  getqueryCmdsApi,
+} from "@/utils/api/index";
+import rowMsgDialog from "./rowMsgDialog.vue";
+import htmlToExcel from "@/utils/htmlToExcel";
+import { saveAs } from "file-saver";
+import XLSX from "xlsx";
+export default {
+  props: ["tableData", "onlineNum", "offlineNum", "noPicNum", "tableLoaidng"],
+  components: {
+    rowMsgDialog,
+  },
+  data() {
+    //判断ip
+    let validateIPAddress = (rule, value, callback) => {
+      let regexp =
+        /^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/;
+      let valdata = value.split(",");
+      let isCorrect = true;
+      if (valdata.length) {
+        for (let i = 0; i < valdata.length; i++) {
+          if (regexp.test(valdata[i]) == false) {
+            isCorrect = false;
+          }
+        }
+      }
+      if (value == "") {
+        return callback(new Error("请输入iP地址"));
+      } else if (!isCorrect) {
+        callback(new Error("请输入正确对ip地址"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      updateTime: null,
+      newupdatatime: null,
+      cmdCn: {
+        yw_cmd_android_reboot: "重启设备",
+        yw_cmd_mcu_reboot: "MCU单片机重启",
+        i1_cmd_set_i1_server_ip_port: "设置I1服务器",
+        i1_cmd_set_xy_yw_ip_port: "设置运维服务器",
+        i1_cmd_set_i1_heart_beat_time: "设置心跳周期",
+        yw_cmd_upload_i1_zip_log: "上传日志",
+        upgrade: "升级",
+        yw_cmd_start_frpc: "开启frpc",
+        yw_cmd_stop_frpc: "停止frpc",
+        i1_cmd_stop_aging_test: "停止老化测试",
+      },
+      taskdrawer: false,
+      drawer: false,
+      protocolMap: {
+        65280: "国网I1",
+        65296: "陕西",
+        65281: "安徽",
+        65282: "江苏",
+        65283: "湖南",
+        65284: "浙江",
+        65285: "河南全景",
+        65286: "河南郑州",
+        65290: "河南统一视频v2020",
+      },
+      multipleSelection: [],
+
+      checkAllYW: false,
+      checkAllKXT: false,
+
+      ywNumber: 0,
+      kxtNumber: 0,
+
+      nowTime: new Date().getTime() / 1000,
+      gycheck: true,
+      dccheck: false,
+      xtcheck: false,
+      // xtcs: false,
+      // xtzq: false,
+      pzcheck: false,
+      wlcheck: false,
+      cqcheck: false,
+      simcheck: false,
+      cmacheck: true,
+      // bbcheck: true,
+      i1check: true,
+      ywbbcheck: true,
+      Cameracheck: false,
+      AIcheck: false,
+      MCUcheck: false,
+      //运维操作列表
+      operateOptions: [
+        { id: 1, name: "重启设备" },
+        { id: 2, name: "MCU单片机重启" },
+        { id: 3, name: "设置I1服务器" },
+        // { id: 4, name: "设置运维服务器" },
+        { id: 5, name: "设置心跳周期" },
+        { id: 6, name: "上传日志" },
+        { id: 7, name: "升级" },
+        { id: 8, name: "开启frpc" },
+        { id: 9, name: "停止frpc" },
+        { id: 10, name: "停止老化测试" },
+      ],
+      formIssue: {
+        operate: "",
+      }, //运维操作
+      idArray: [], //选中的数组  id
+      //设置ie服务器
+      ieVisible: false,
+      ieform: {
+        ip: "",
+        port: "",
+      },
+      ieRules: {
+        ip: [{ required: true, validator: validateIPAddress, trigger: "blur" }],
+        port: [
+          {
+            required: true,
+            type: "number",
+            message: "请输入端口号(必须为数字)",
+            trigger: "blur",
+          },
+        ],
+      },
+      //设置运维服务器
+      operationVisible: false,
+      operationform: {
+        ip: "",
+        port: "",
+      },
+      operationRules: {
+        ip: [{ required: true, validator: validateIPAddress, trigger: "blur" }],
+        port: [
+          {
+            required: true,
+            type: "number",
+            message: "请输入端口号(必须为数字)",
+            trigger: "blur",
+          },
+        ],
+      },
+      //设置心跳周期
+      heartBeatVisible: false,
+      heartBeatform: {
+        heart: "",
+      },
+      heartBeatRules: {
+        heart: [
+          {
+            required: true,
+            type: "number",
+            message: "请输入心跳周期(必须为数字)",
+            trigger: "blur",
+          },
+        ],
+      },
+
+      //升级
+      upgradationVisible: false,
+      upgradationform: {
+        upVal: "",
+      },
+      selectUpObj: {},
+      upgradationRules: {
+        upVal: [
+          { required: true, message: "请选择升级文件", trigger: "change" },
+        ],
+      },
+      upOptions: [],
+      //设置frpc服务器
+      frpcVisible: false,
+      frpcform: {
+        // ip: "",
+        // port: "",
+        server_addr: "",
+        server_port: "",
+        frpc_type: "adb",
+        type: "tcp",
+        local_ip: "",
+        local_port: "",
+        remote_port: "",
+      },
+      frpc_typeOption: [
+        {
+          value: "ssh",
+          label: "SSH",
+        },
+        {
+          value: "adb",
+          label: "ADB",
+        },
+      ],
+      typeOption: [
+        {
+          value: "tcp",
+          label: "TCP",
+        },
+        {
+          value: "udp",
+          label: "UDP",
+        },
+      ],
+      frpcRules: {
+        server_addr: [
+          { required: true, validator: validateIPAddress, trigger: "blur" },
+        ],
+        server_port: [
+          {
+            required: true,
+            type: "number",
+            message: "请输入端口号(必须为数字)",
+            trigger: "blur",
+          },
+        ],
+        local_ip: [
+          { required: true, validator: validateIPAddress, trigger: "blur" },
+        ],
+        local_port: [
+          {
+            required: true,
+            type: "number",
+            message: "请输入端口号(必须为数字)",
+            trigger: "blur",
+          },
+        ],
+        remote_port: [
+          {
+            required: true,
+            type: "number",
+            message: "请输入端口号(必须为数字)",
+            trigger: "blur",
+          },
+        ],
+      },
+
+      runCommand: [],
+      leftCommand: [],
+    };
+  },
+  mounted() {
+    this.loadLocalStorage();
+    this.startCountdown(); // 在组件挂载后开始倒计时
+    //this.getNumber();
+    // this.$nextTick(() => {
+    //   this.getNumber();
+    // });
+  },
+  watch: {
+    tableData: {
+      handler(newVal) {
+        // 数据发生变化时的处理逻辑
+        console.log("数据已更新：", newVal);
+        this.getNumber();
+      },
+      deep: true,
+    },
+  },
+  created() {},
+  methods: {
+    sortNumbers(a, b) {
+      return (
+        Number(a.raw_report.msgs.rebootTimes) -
+        Number(b.raw_report.msgs.rebootTimes)
+      );
+    },
+    sortNumbers2(a, b) {
+      return (
+        Number(a.raw_report.msgs.i1RebootTimes) -
+        Number(b.raw_report.msgs.i1RebootTimes)
+      );
+    },
+    sortNumbersErr(a, b) {
+      return (
+        Number(a.raw_report.msgs.networkError) -
+        Number(b.raw_report.msgs.networkError)
+      );
+    },
+    sortSuccess(a, b) {
+      return (
+        Number(a.raw_report.msgs.success) - Number(b.raw_report.msgs.success)
+      );
+    },
+    sortFailure(a, b) {
+      return (
+        Number(a.raw_report.msgs.failure) - Number(b.raw_report.msgs.failure)
+      );
+    },
+    sortnumberOfHb(a, b) {
+      return (
+        Number(a.raw_report.msgs.numberOfHb) -
+        Number(b.raw_report.msgs.numberOfHb)
+      );
+    },
+    // sortSignature1(a, b) {
+    //   return (
+    //     Number(a.raw_report.msgs.signature1.split("/")[0]) -
+    //     Number(b.raw_report.msgs.signature1.split("/")[0])
+    //   );
+    // },
+    // sortSignature2(a, b) {
+    //   return (
+    //     Number(a.raw_report.msgs.signature2.split("/")[0]) -
+    //     Number(b.raw_report.msgs.signature2.split("/")[0])
+    //   );
+    // },
+    //获取运维勾选和快心跳勾选个数
+    getNumber() {
+      console.log(this.tableData);
+      this.ywNumber = this.tableData.filter(
+        (item) => item.in_maintain == 1
+      ).length;
+      this.kxtNumber = this.tableData.filter(
+        (item) => item.quick_hb == 1
+      ).length;
+      console.log("我这里是运维和快心跳的数据");
+      console.log(this.ywNumber, this.kxtNumber);
+      if (
+        this.ywNumber == this.tableData.length &&
+        this.tableData.length !== 0
+      ) {
+        this.checkAllYW = true;
+      } else {
+        this.checkAllYW = false;
+      }
+      if (
+        this.kxtNumber == this.tableData.length &&
+        this.tableData.length !== 0
+      ) {
+        this.checkAllKXT = true;
+      } else {
+        this.checkAllKXT = false;
+      }
+    },
+    //导出表格
+    handleExport() {
+      htmlToExcel.getExcel("#ywTable", "设备运维信息");
+    },
+    // 保存选中的数据id,row-key就是要指定一个key标识这一行的数据
+    getRowKey(row) {
+      return row.id;
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+      console.log(this.multipleSelection);
+      this.idArray = [];
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.idArray.push(this.multipleSelection[i].id);
+      }
+      this.idArray = [...new Set(this.idArray)];
+      console.log(this.idArray);
+    },
+    // 点击装置名称
+    handleMsgClick(val) {
+      console.log(val);
+      this.$refs.rowMsgDialogref.display(val);
+    },
+    handlecheckAllYW(val) {
+      console.log(val);
+      if (val) {
+        console.log("我全选了了运维了");
+        console.log(this.tableData);
+        this.termidsArray = [];
+        for (let i = 0; i < this.tableData.length; i++) {
+          this.termidsArray.push(this.tableData[i].id);
+        }
+        this.termidsArray = [...new Set(this.termidsArray)];
+        console.log(this.termidsArray);
+        getdoActionApi({
+          act: "mntn",
+          termIds: this.termidsArray.join("-"),
+          mntn: 1,
+        })
+          .then((res) => {
+            console.log(res);
+            this.$parent.onSubmit();
+          })
+          .catch((err) => {});
+      } else {
+        console.log("我取消了运维全选了");
+        console.log(this.tableData);
+        this.termidsArray = [];
+        for (let i = 0; i < this.tableData.length; i++) {
+          this.termidsArray.push(this.tableData[i].id);
+        }
+        this.termidsArray = [...new Set(this.termidsArray)];
+        console.log(this.termidsArray);
+        getdoActionApi({
+          act: "mntn",
+          termIds: this.termidsArray.join("-"),
+          mntn: 0,
+        })
+          .then((res) => {
+            console.log(res);
+            this.$parent.onSubmit();
+          })
+          .catch((err) => {});
+      }
+    },
+    //运维
+    UpdateMaintainMode(val, row) {
+      console.log("运维");
+      console.log(val, row);
+      getdoActionApi({
+        act: "mntn",
+        termId: row.id,
+        mntn: val,
+      })
+        .then((res) => {
+          console.log(res);
+        })
+        .catch((err) => {});
+    },
+    //快心跳
+    handlecheckAllKXT(val) {
+      console.log(val);
+      if (val) {
+        console.log("我全选了快心跳了");
+        console.log(this.tableData);
+        this.termidsArray = [];
+        for (let i = 0; i < this.tableData.length; i++) {
+          this.termidsArray.push(this.tableData[i].id);
+        }
+        this.termidsArray = [...new Set(this.termidsArray)];
+        console.log(this.termidsArray);
+        getdoActionApi({
+          act: "quickhb",
+          termIds: this.termidsArray.join("-"),
+          quickhb: 1,
+        })
+          .then((res) => {
+            console.log(res);
+            this.$parent.onSubmit();
+          })
+          .catch((err) => {});
+      } else {
+        console.log("我取消了运维全选了");
+        console.log(this.tableData);
+        this.termidsArray = [];
+        for (let i = 0; i < this.tableData.length; i++) {
+          this.termidsArray.push(this.tableData[i].id);
+        }
+        this.termidsArray = [...new Set(this.termidsArray)];
+        console.log(this.termidsArray);
+        getdoActionApi({
+          act: "quickhb",
+          termIds: this.termidsArray.join("-"),
+          quickhb: 0,
+        })
+          .then((res) => {
+            console.log(res);
+            this.$parent.onSubmit();
+          })
+          .catch((err) => {});
+      }
+    },
+    //快心跳
+    UpdateQuickHbMode(val, row) {
+      console.log("快心跳");
+      getdoActionApi({
+        act: "quickhb",
+        termId: row.id,
+        quickhb: val,
+      })
+        .then((res) => {
+          console.log(res);
+        })
+        .catch((err) => {});
+    },
+    //下发命令
+    onIssue() {
+      console.log(this.formIssue.operate);
+      console.log(this.multipleSelection);
+      if (this.formIssue.operate == "") {
+        this.$message({
+          duration: 1500,
+          showClose: true,
+          message: "请选择运维操作",
+          type: "warning",
+        });
+        return;
+      }
+      if (this.multipleSelection.length == 0) {
+        this.$message({
+          duration: 1500,
+          showClose: true,
+          message: "至少选中一个设备",
+          type: "warning",
+        });
+        return;
+      }
+      switch (this.formIssue.operate) {
+        case 1:
+          console.log("重启");
+          var params = {
+            act: "reset",
+            termIds: this.idArray.join("-"),
+          };
+          this.changeIssue(params);
+          return;
+        case 2:
+          console.log("重启MCU");
+          var params = {
+            act: "reset-mcu",
+            termIds: this.idArray.join("-"),
+          };
+          this.changeIssue(params);
+          return;
+        case 3:
+          console.log("设置I1服务器");
+          this.ieVisible = true;
+          return;
+        case 4:
+          console.log("设置运维服务器");
+          this.operationVisible = true;
+          return;
+        case 5:
+          console.log("设置心跳周期");
+          this.heartBeatVisible = true;
+          return;
+        case 6:
+          console.log("上传日志");
+          var params = {
+            act: "upload-logs",
+            url: "http://180.166.218.222:40101/upload/",
+            termIds: this.idArray.join("-"),
+          };
+          this.changeIssue(params);
+          return;
+        case 7:
+          console.log("升级");
+          this.upgradationVisible = true;
+          this.getUpgradeList();
+
+          return;
+        case 8:
+          console.log("开启frpc");
+          this.frpcVisible = true;
+          return;
+        case 9:
+          console.log("停止frpc");
+          var params = {
+            act: "stop-frpc",
+            termIds: this.idArray.join("-"),
+          };
+          this.changeIssue(params);
+          return;
+        case 10:
+          console.log("停止老化测试");
+          var params = {
+            act: "stop-aging-test",
+            termIds: this.idArray.join("-"),
+          };
+          this.changeIssue(params);
+          return;
+      }
+    },
+    //执行操作
+    changeIssue(params) {
+      getdoActionApi(params)
+        .then((res) => {
+          console.log(res);
+          this.$refs.ywMultipleTable.clearSelection();
+          this.idArray = [];
+          console.log(this.multipleSelection);
+        })
+        .catch((err) => {});
+    },
+    //点击ie服务器确定
+    handleIeServe() {
+      console.log(this.$refs.ieRuleForm);
+      this.$refs.ieRuleForm.validate((valid) => {
+        if (valid) {
+          var params = {
+            act: "set-cma",
+            ip: this.ieform.ip,
+            port: this.ieform.port,
+            termIds: this.idArray.join("-"),
+          };
+          this.changeIssue(params);
+          this.ieVisible = false;
+        }
+      });
+    },
+    //点击运维服务器确定
+    handleOperationServe() {
+      console.log(this.$refs.operationRuleForm);
+      this.$refs.operationRuleForm.validate((valid) => {
+        if (valid) {
+          var params = {
+            act: "set-mntn",
+            ip: this.operationform.ip,
+            port: this.operationform.port,
+            termIds: this.idArray.join("-"),
+          };
+          this.changeIssue(params);
+          this.operationVisible = false;
+        }
+      });
+    },
+    //点击运维服务器确定
+    handleheartBeat() {
+      console.log(this.$refs.heartBeatRuleForm);
+      this.$refs.heartBeatRuleForm.validate((valid) => {
+        if (valid) {
+          var params = {
+            act: "set-hb",
+            hb: this.heartBeatform.heart,
+            termIds: this.idArray.join("-"),
+          };
+          this.changeIssue(params);
+          this.heartBeatVisible = false;
+        }
+      });
+    },
+    //获取升级apkList
+    getUpgradeList() {
+      getqueryUpgradesApi()
+        .then((res) => {
+          console.log(res);
+          this.upOptions = res.data;
+        })
+        .catch((err) => {});
+    },
+    selectChanged(val) {
+      console.log(val);
+      // 找到选中项的整个object对象
+      this.selectUpObj = this.upOptions.find((item) => {
+        return item["path"] === val;
+      });
+      console.log(this.selectUpObj);
+    },
+    //升级确定阿
+    handleupgradation() {
+      this.$refs.upgradationRuleForm.validate((valid) => {
+        if (valid) {
+          var params = {
+            act: "upgrade",
+            url: this.upgradationform.upVal,
+            md5: this.selectUpObj.md5,
+            fn: this.selectUpObj.fileName,
+            termIds: this.idArray.join("-"),
+          };
+          this.changeIssue(params);
+          this.upgradationVisible = false;
+        }
+      });
+    },
+    //点击模板
+    handleModelForm() {
+      this.frpcform = {
+        // ip: "",
+        // port: "",
+        server_addr: "180.166.218.222",
+        server_port: 40204,
+        frpc_type: "adb",
+        type: "tcp",
+        local_ip: "127.0.0.1",
+        local_port: 5555,
+        remote_port: 40205,
+      };
+    },
+    //开启frpc
+    handleFrpc() {
+      console.log(this.$refs.frpcRuleForm);
+      this.$refs.frpcRuleForm.validate((valid) => {
+        if (valid) {
+          var params = {
+            act: "start-frpc",
+            server_addr: this.frpcform.server_addr,
+            server_port: this.frpcform.server_port,
+            local_ip: this.frpcform.local_ip,
+            local_port: this.frpcform.local_port,
+            remote_port: this.frpcform.remote_port,
+            frpc_type: this.frpcform.frpc_type,
+            type: this.frpcform.type,
+            termIds: this.idArray.join("-"),
+          };
+          this.changeIssue(params);
+          this.frpcVisible = false;
+        }
+      });
+    },
+
+    saveLocalStorage() {
+      localStorage.setItem("gycheck", this.gycheck);
+      localStorage.setItem("dccheck", this.dccheck);
+      localStorage.setItem("xtcheck", this.xtcheck);
+      // localStorage.setItem("xtcs", this.xtcs);
+      // localStorage.setItem("xtzq", this.xtzq);
+      localStorage.setItem("pzcheck", this.pzcheck);
+      localStorage.setItem("wlcheck", this.wlcheck);
+      localStorage.setItem("cqcheck", this.cqcheck);
+      localStorage.setItem("cmacheck", this.cmacheck);
+      localStorage.setItem("simcheck", this.simcheck);
+      localStorage.setItem("i1check", this.i1check);
+      localStorage.setItem("ywbbcheck", this.ywbbcheck);
+      localStorage.setItem("Cameracheck", this.Cameracheck);
+      localStorage.setItem("AIcheck", this.AIcheck);
+      localStorage.setItem("MCUcheck", this.MCUcheck);
+
+      this.adjustTableHeight();
+    },
+    loadLocalStorage() {
+      this.checkAllKXT = localStorage.getItem("checkAllKXT", this.checkAllKXT)
+        ? JSON.parse(localStorage.getItem("checkAllKXT"))
+        : false;
+      this.checkAllYW = localStorage.getItem("checkAllYW", this.checkAllYW)
+        ? JSON.parse(localStorage.getItem("checkAllYW"))
+        : false;
+      this.gycheck = localStorage.getItem("gycheck")
+        ? JSON.parse(localStorage.getItem("gycheck"))
+        : true;
+      this.dccheck = localStorage.getItem("dccheck")
+        ? JSON.parse(localStorage.getItem("dccheck"))
+        : false;
+      this.xtcheck = localStorage.getItem("xtcheck")
+        ? JSON.parse(localStorage.getItem("xtcheck"))
+        : false;
+      // this.xtcs = localStorage.getItem("xtcs")
+      //   ? JSON.parse(localStorage.getItem("xtcs"))
+      //   : false;
+      // this.xtzq = localStorage.getItem("xtzq")
+      //   ? JSON.parse(localStorage.getItem("xtzq"))
+      //   : false;
+      this.pzcheck = localStorage.getItem("pzcheck")
+        ? JSON.parse(localStorage.getItem("pzcheck"))
+        : false;
+      this.wlcheck = localStorage.getItem("wlcheck")
+        ? JSON.parse(localStorage.getItem("wlcheck"))
+        : false;
+      this.cqcheck = localStorage.getItem("cqcheck")
+        ? JSON.parse(localStorage.getItem("cqcheck"))
+        : false;
+      this.simcheck = localStorage.getItem("simcheck")
+        ? JSON.parse(localStorage.getItem("simcheck"))
+        : false;
+      this.cmacheck = localStorage.getItem("cmacheck")
+        ? JSON.parse(localStorage.getItem("cmacheck"))
+        : true;
+
+      this.i1check = localStorage.getItem("i1check")
+        ? JSON.parse(localStorage.getItem("i1check"))
+        : true;
+      this.ywbbcheck = localStorage.getItem("ywbbcheck")
+        ? JSON.parse(localStorage.getItem("ywbbcheck"))
+        : true;
+      this.Cameracheck = localStorage.getItem("Cameracheck")
+        ? JSON.parse(localStorage.getItem("Cameracheck"))
+        : false;
+      this.AIcheck = localStorage.getItem("AIcheck")
+        ? JSON.parse(localStorage.getItem("AIcheck"))
+        : false;
+      this.MCUcheck = localStorage.getItem("MCUcheck")
+        ? JSON.parse(localStorage.getItem("MCUcheck"))
+        : false;
+
+      console.log(
+        "规约：" + this.gycheck,
+        "电池：" + this.dccheck,
+        "心跳：" + this.xtcheck,
+        "拍照：" + this.pzcheck,
+        "网络信号：" + this.wlcheck,
+        "重启次数：" + this.cqcheck,
+        "sim卡：" + this.simcheck,
+        "cma服务器：" + this.cmacheck,
+        "版本：" + this.bbcheck
+      );
+    },
+    adjustTableHeight() {
+      // 通过调用 window.resize 事件重新触发表格布局和渲染
+      const resizeEvent = new Event("resize");
+      window.dispatchEvent(resizeEvent);
+      // 或者使用 Vue 的 nextTick 方法来确保 DOM 更新完成后再执行调整操作
+      this.$nextTick(() => {
+        this.$refs.ywMultipleTable.doLayout(); // 调用 el-table 的 doLayout 方法重新布局
+      });
+    },
+    showTaskDraw() {
+      this.taskdrawer = true;
+      this.getCmdList();
+    },
+    getCmdList() {
+      //this.leftComLoading = true;
+      getqueryCmdsApi({ p: 1, ps: 10000 })
+        .then((res) => {
+          console.log(res);
+          this.runCommand = res.data;
+          this.leftCommand = this.runCommand;
+          this.updateTime = new Date();
+        })
+        .catch((err) => {});
+    },
+    startCountdown() {
+      this.newupdatatime = new Date().getTime(); // 更新当前时间
+      // 清空之前可能存在的定时器
+      if (this.intervalId) {
+        clearInterval(this.intervalId);
+      }
+      // 开始倒计时，每秒执行一次remainingTime方法
+      this.intervalId = setInterval(() => {
+        this.newupdatatime = new Date().getTime(); // 更新当前时间
+        this.leftCommand.forEach((item) => {
+          this.remainingTime(item); // 重新计算每个项目的剩余时间
+        });
+      }, 1000); // 每秒执行一次
+    },
+    remainingTime(item) {
+      if (!this.newupdatatime) {
+        // 更新时间尚未设置，返回默认的倒计时时间或者不执行任何操作
+        return "计算中...";
+      }
+      const estimatedPublishTime = item.estimatedPublishTime * 1000;
+      const difference = estimatedPublishTime - this.newupdatatime;
+      const minutes = Math.floor(difference / 60000);
+      const seconds = Math.floor((difference % 60000) / 1000);
+      if (minutes == 0 && seconds == 0) {
+        this.getCmdList();
+        return `命令已下发`;
+      } else {
+        return ` 预估剩余：${minutes} 分钟 ${seconds} 秒`;
+      }
+    },
+  },
+};
+</script>
+<style lang="less">
+.tableContain {
+  width: 100%;
+  height: 100%;
+  .headTitle {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+
+    .xfMl {
+      .el-form-item--small.el-form-item {
+        margin-bottom: 0px;
+      }
+    }
+    .zzMsg {
+      display: flex;
+      margin-left: auto;
+      margin-right: 48px;
+      .total {
+        margin-left: 8px;
+        //width: 100%;
+        height: 32px;
+        line-height: 32px;
+        font-size: 14px;
+        color: #333;
+        span {
+          margin-right: 12px;
+        }
+        .el-tag--info {
+          color: #333;
+        }
+      }
+      .drawBox {
+        //margin-left: auto;
+      }
+    }
+  }
+  .ywTableBox {
+    color: #333;
+
+    .el-table__cell {
+      text-align: center;
+      .cell {
+        padding: 0px;
+      }
+    }
+    .bbStyle {
+      text-align: left;
+      .cell {
+        display: flex;
+        p {
+          display: inline;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          b {
+            margin-left: 4px;
+          }
+        }
+      }
+    }
+    .hbClass {
+      .cell {
+        cursor: pointer;
+        &:hover {
+          color: #169e8c;
+          text-decoration: underline;
+        }
+      }
+    }
+    .el-table--scrollable-y .el-table__body-wrapper {
+      height: calc(100% - 40px) !important;
+    }
+    .el-table__row .picBg {
+      background: #169e8c !important;
+      color: #fff;
+    }
+    th.el-table__cell {
+      background: #d3d3d3;
+    }
+    .noClass {
+      color: #333;
+      font-size: 12px;
+      line-height: 12px;
+    }
+    .redClass {
+      color: red;
+      font-weight: 700;
+      line-height: 12px;
+      span {
+        color: #333;
+      }
+    }
+    thead.is-group th.el-table__cell {
+      background: #d3d3d3;
+    }
+    tr {
+      background: #fff;
+    }
+    .el-table--striped
+      .el-table__body
+      tr.el-table__row--striped
+      td.el-table__cell {
+      background: #e9e9e8;
+    }
+    .el-table__body tr:hover > td.el-table__cell {
+      background: #e9e9e9;
+    }
+
+    thead {
+      color: #333;
+    }
+    .el-table--scrollable-y .el-table__body-wrapper {
+      height: 100% !important;
+    }
+  }
+  .el-table--small .el-table__cell {
+    padding: 4px 0px;
+  }
+  .el-table .caret-wrapper {
+    height: 24px;
+    width: 10px;
+    margin-left: 4px;
+  }
+
+  .el-table .sort-caret.ascending {
+    border-bottom-color: #666;
+    top: 0px;
+    left: 0px;
+  }
+  .el-table .ascending .sort-caret.ascending {
+    border-bottom-color: #169e8c;
+  }
+  .el-table .sort-caret.descending {
+    border-top-color: #666;
+    bottom: 2px;
+    left: 0px;
+  }
+  .el-table .descending .sort-caret.descending {
+    border-top-color: #169e8c;
+  }
+  //半选
+  .is-indeterminate .el-checkbox__input .el-checkbox__inner {
+    background-color: #169e8c;
+    border-color: #169e8c;
+  }
+  .is-indeterminate .el-checkbox__input .el-checkbox__inner:before {
+    content: "";
+    position: absolute;
+    display: block;
+    background-color: #fff;
+    height: 2px;
+    transform: scale(0.5);
+    left: 0;
+    right: 0;
+    top: 5px;
+  }
+  .drawerBox {
+    .el-drawer {
+      width: 240px !important;
+      .el-drawer__body {
+        padding: 16px;
+        color: #333;
+        .drawerSelect {
+          h3 {
+            font-size: 14px;
+            color: #333;
+            //font-weight: normal;
+            margin-bottom: 12px;
+          }
+          .selectBox {
+            display: flex;
+            flex-direction: column;
+            height: 32px;
+            line-height: 32px;
+          }
+        }
+      }
+    }
+  }
+  .upDialogBox {
+    .el-dialog {
+      .el-select {
+        width: 100%;
+      }
+    }
+  }
+  .frpcDialogBox {
+    .el-dialog__body {
+      .el-button--small {
+        padding: 5px 15px;
+      }
+      .el-form {
+        margin-top: 12px;
+      }
+    }
+    .el-select {
+      width: 100%;
+    }
+  }
+  .taskMask {
+    position: fixed;
+    bottom: 50%;
+    right: 0px;
+    z-index: 2;
+    .el-button {
+      border-radius: 50%;
+      padding: 10px;
+    }
+  }
+  .taskDrawDialog {
+    .commandList {
+      width: 100%;
+      height: calc(100% - 32px);
+      //background: #fcc;
+      overflow: auto;
+      p {
+        background: #fdf6ec;
+        margin-bottom: 8px;
+        line-height: 24px;
+        color: #333;
+        font-size: 14px;
+        padding: 6px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        &:hover {
+          background: #faecd8;
+        }
+        .indexClass {
+          padding: 4px;
+          font-size: 14px;
+          color: #000;
+          background: #d3d3d3;
+          min-width: 18px;
+          text-align: center;
+          margin-right: 8px;
+        }
+        .normalClass {
+          background: #d3d3d3;
+        }
+        .cancelClass {
+          background: #fde2e2;
+        }
+        .comMsg {
+          display: flex;
+          flex-wrap: wrap;
+          b {
+            font-weight: normal;
+            margin-right: 12px;
+          }
+        }
+      }
+    }
+  }
+}
+.contenBoxMsg {
+  p {
+    color: #333;
+    line-height: 24px;
+    font-size: 14px;
+  }
+}
+.el-select-dropdown__item {
+  i {
+    margin-left: 8px;
+    font-size: 12px;
+    font-style: normal;
+  }
+}
+</style>
diff --git a/src/views/homePage/components/tableMain.vue b/src/views/homePage/components/tableMain.vue
index 0a33673..300b9b3 100644
--- a/src/views/homePage/components/tableMain.vue
+++ b/src/views/homePage/components/tableMain.vue
@@ -75,13 +75,36 @@
       <el-table-column type="index" width="50" label="序号"> </el-table-column>
       <!-- <el-table-column prop="id" label="ID" width="60" sortable>
       </el-table-column> -->
-      <el-table-column prop="oid" label="出厂ID" width="150" sortable>
+      <el-table-column prop="oid" label="出厂ID" width="180" sortable>
         <template slot-scope="scope">
-          {{
-            scope.row.raw_report.hasOwnProperty("oid")
-              ? scope.row.raw_report.oid
-              : ""
-          }}
+          <span
+            class="redMlxf"
+            v-if="
+              scope.row.list &&
+              scope.row.list[0].estimatedPublishTime * 1000 - newupdatatime > 0
+            "
+          >
+            <b v-if="scope.row.list[0].cmdDesc == ''">{{
+              cmdCn[scope.row.list[0].cmdName]
+            }}</b
+            ><b v-else>{{ scope.row.list[0].cmdDesc }}</b>
+
+            <b
+              v-if="
+                scope.row.list[0].estimatedPublishTime * 1000 - newupdatatime >
+                0
+              "
+            >
+              {{ remainingTime(scope.row.list[0]) }}
+            </b>
+          </span>
+          <span v-else>
+            {{
+              scope.row.raw_report.hasOwnProperty("oid")
+                ? scope.row.raw_report.oid
+                : ""
+            }}
+          </span>
         </template>
       </el-table-column>
       <el-table-column prop="cmdid" label="装置编号" width="150" sortable>
@@ -701,58 +724,11 @@
     </el-dialog>
     <!-- 装置详细信息 -->
     <rowMsgDialog ref="rowMsgDialogref"></rowMsgDialog>
-    <div class="taskMask">
-      <el-tooltip class="item" effect="dark" content="任务列表" placement="top">
-        <el-button
-          icon="el-icon-set-up"
-          type="primary"
-          round
-          @click="showTaskDraw"
-        >
-        </el-button>
-      </el-tooltip>
-    </div>
-    <el-drawer
-      class="taskDrawDialog"
-      title="待下发终端列表"
-      :visible.sync="taskdrawer"
-      direction="rtl"
-    >
-      <div class="commandList" v-if="leftCommand.length != 0">
-        <p class="comLi" v-for="(item, index) in leftCommand" :key="index">
-          <span class="indexClass">{{ index + 1 }}</span>
-          <span class="comMsg"
-            ><b>时间：{{ item.createTime }}</b>
-            <b>设备ID：{{ item.cmdid }}</b>
-            <b v-if="item.cmd.fileName">apk版本：{{ item.cmd.fileName }}</b>
-            <b v-if="item.cmdDesc == ''">命令：{{ cmdCn[item.cmdName] }}</b
-            ><b v-else>命令：{{ item.cmdDesc }}</b>
-            <b v-if="item.estimatedPublishTime * 1000 - newupdatatime > 0"
-              >命令预计拿走时间：
-
-              {{
-                $moment(item.estimatedPublishTime * 1000).format(
-                  "MM-DD HH:mm:ss"
-                )
-              }}
-              {{ remainingTime(item) }}
-            </b>
-          </span>
-        </p>
-      </div>
-      <div class="commandList" v-else>
-        <p>暂无下发命令</p>
-      </div>
-    </el-drawer>
   </div>
 </template>
 
 <script>
-import {
-  getdoActionApi,
-  getqueryUpgradesApi,
-  getqueryCmdsApi,
-} from "@/utils/api/index";
+import { getdoActionApi, getqueryUpgradesApi } from "@/utils/api/index";
 import rowMsgDialog from "./rowMsgDialog.vue";
 import htmlToExcel from "@/utils/htmlToExcel";
 import { saveAs } from "file-saver";
@@ -785,7 +761,6 @@ export default {
       }
     };
     return {
-      updateTime: null,
       newupdatatime: null,
       cmdCn: {
         yw_cmd_android_reboot: "重启设备",
@@ -981,25 +956,20 @@ export default {
           },
         ],
       },
-
-      runCommand: [],
-      leftCommand: [],
+      newupdatatime: null,
     };
   },
   mounted() {
     this.loadLocalStorage();
-    this.startCountdown(); // 在组件挂载后开始倒计时
-    //this.getNumber();
-    // this.$nextTick(() => {
-    //   this.getNumber();
-    // });
   },
   watch: {
     tableData: {
       handler(newVal) {
         // 数据发生变化时的处理逻辑
         console.log("数据已更新：", newVal);
+
         this.getNumber();
+        this.startCountdown();
       },
       deep: true,
     },
@@ -1237,6 +1207,7 @@ export default {
         });
         return;
       }
+      this.$parent.fetchData();
       switch (this.formIssue.operate) {
         case 1:
           console.log("重启");
@@ -1524,21 +1495,6 @@ export default {
         this.$refs.ywMultipleTable.doLayout(); // 调用 el-table 的 doLayout 方法重新布局
       });
     },
-    showTaskDraw() {
-      this.taskdrawer = true;
-      this.getCmdList();
-    },
-    getCmdList() {
-      //this.leftComLoading = true;
-      getqueryCmdsApi({ p: 1, ps: 10000 })
-        .then((res) => {
-          console.log(res);
-          this.runCommand = res.data;
-          this.leftCommand = this.runCommand;
-          this.updateTime = new Date();
-        })
-        .catch((err) => {});
-    },
     startCountdown() {
       this.newupdatatime = new Date().getTime(); // 更新当前时间
       // 清空之前可能存在的定时器
@@ -1548,8 +1504,13 @@ export default {
       // 开始倒计时，每秒执行一次remainingTime方法
       this.intervalId = setInterval(() => {
         this.newupdatatime = new Date().getTime(); // 更新当前时间
-        this.leftCommand.forEach((item) => {
-          this.remainingTime(item); // 重新计算每个项目的剩余时间
+        this.tableData.forEach((item) => {
+          //console.log(item);
+          if (item.list) {
+            this.remainingTime(item.list[0]);
+          }
+          // let params = item.list[0];
+          // this.remainingTime(params); // 重新计算每个项目的剩余时间
         });
       }, 1000); // 每秒执行一次
     },
@@ -1563,10 +1524,10 @@ export default {
       const minutes = Math.floor(difference / 60000);
       const seconds = Math.floor((difference % 60000) / 1000);
       if (minutes == 0 && seconds == 0) {
-        this.getCmdList();
+        this.$parent.fetchData();
         return `命令已下发`;
       } else {
-        return ` 预估剩余：${minutes} 分钟 ${seconds} 秒`;
+        return ` 剩余：${minutes} 分钟 ${seconds} 秒`;
       }
     },
   },
@@ -1827,6 +1788,13 @@ export default {
       }
     }
   }
+  .redMlxf {
+    color: #f00;
+    b {
+      font-size: 12px;
+      font-weight: normal;
+    }
+  }
 }
 .contenBoxMsg {
   p {
diff --git a/src/views/homePage/index.vue b/src/views/homePage/index.vue
index e0b4823..9a65a3e 100644
--- a/src/views/homePage/index.vue
+++ b/src/views/homePage/index.vue
@@ -190,7 +190,7 @@
       :style="{ height: showDiv ? 'calc(100% - 82px)' : 'calc(100% - 2px)' }"
     >
       <tableMain
-        :tableData="dataList"
+        :tableData="dataListNew"
         :onlineNum="onlineNum"
         :offlineNum="offlineNum"
         :noPicNum="noPicNum"
@@ -205,6 +205,7 @@ import {
   getqueryTermsApi,
   getqueryProtocolApi,
   getqueryActivityApi,
+  getqueryCmdsApi,
 } from "@/utils/api/index";
 import tableMain from "./components/tableMain";
 export default {
@@ -247,12 +248,14 @@ export default {
         { id: 2, name: "未运维" },
       ], //是否运维
       dataList: [],
+      dataListNew: [],
       tableLoaidng: true,
       onlineNum: 0, //在线数量
       offlineNum: 0, //离线数量
       noPicNum: 0, //未上传图片数量
       intervalId: null, // 用于存储定时器的ID
       activityIdLoc: "",
+      runCommand: [], //获取命令列表
     };
   },
   created() {
@@ -444,6 +447,7 @@ export default {
               item.raw_report.pic == 0 ||
               item.raw_report.pic == -1
           ).length;
+          this.getCmdList();
           this.tableLoaidng = false;
         })
         .catch((err) => {});
@@ -544,6 +548,39 @@ export default {
               item.raw_report.pic == 0 ||
               item.raw_report.pic == -1
           ).length;
+          this.getCmdList();
+        })
+        .catch((err) => {});
+    },
+    //获取命令列表
+    getCmdList() {
+      getqueryCmdsApi({ p: 1, ps: 10000 })
+        .then((res) => {
+          console.log(res);
+          console.log("我是命令列表");
+          console.log(this.dataList);
+          this.runCommand = res.data;
+          // let array1 = [{ id: 0, name: "sss" },{ id: 1, name: "111" }];
+          // let array2 = [{ termid: 0, time: "aaaa" },{ termid: 1, time: "s1111ss" }];
+
+          // 过滤出array1中每个对象的id
+          let ids = this.dataList.map((item) => item.id);
+
+          // 过滤出array2中termId与array1中的id相等的项
+          let filteredArray2 = this.runCommand.filter((item) =>
+            ids.includes(item.termId)
+          );
+
+          // 遍历array1，找到匹配的项并添加到list属性中
+          this.dataList.forEach((item) => {
+            let match = filteredArray2.find((i) => i.termId === item.id);
+            if (match) {
+              item.list = item.list || []; // 如果list属性不存在，则初始化一个空数组
+              item.list.push(match);
+            }
+          });
+          this.dataListNew = this.dataList;
+          console.log(this.dataList);
         })
         .catch((err) => {});
     },