From a354435d304881061ba802bdcebd21168eac551a Mon Sep 17 00:00:00 2001
From: lukeyan <1727408482@qq.com>
Date: Wed, 17 May 2023 11:00:52 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=B3=E5=AE=89=E6=8C=87=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/systemManagement/safeIndex/index.js   |  16 +
 .../safeIndex/components/indexTable.vue       | 249 +++++-----
 .../safeIndex/components/indexmassageOne.vue  |  34 +-
 .../components/indexmassageThree.vue          | 431 +++++++++++++++++-
 4 files changed, 600 insertions(+), 130 deletions(-)

diff --git a/src/api/systemManagement/safeIndex/index.js b/src/api/systemManagement/safeIndex/index.js
index 5a43e7d..39efb64 100644
--- a/src/api/systemManagement/safeIndex/index.js
+++ b/src/api/systemManagement/safeIndex/index.js
@@ -23,4 +23,20 @@ export function getIndexTable(params) {
         method: 'post',
         params
     })
+}
+// 获取预警数据
+export function getWarnTable(params) {
+    return request({
+        url: '/safety/system/tbSafeCompanyAlarmRule/getAlarmRules',
+        method: 'post',
+        params
+    })
+}
+// 修改预警数据
+export function saveWarnTable(data) {
+    return request({
+        url: '/safety/system/tbSafeCompanyAlarmRule/batchUpdateOrInsert',
+        method: 'post',
+        data
+    })
 }
\ No newline at end of file
diff --git a/src/views/systemManagement/safeIndex/components/indexTable.vue b/src/views/systemManagement/safeIndex/components/indexTable.vue
index 298859a..4db5db5 100644
--- a/src/views/systemManagement/safeIndex/components/indexTable.vue
+++ b/src/views/systemManagement/safeIndex/components/indexTable.vue
@@ -11,401 +11,423 @@
       <tr class="table_body">
         <td rowspan="5" @click="click_onelevel('3')">防疫安全</td>
         <td @click="click_twolevel('4')">疫苗接种数</td>
-        <td @click="click_threelevel('5')">疫苗接种数</td>
+        <td @click="click_threelevel('5', '1')">疫苗接种数</td>
       </tr>
       <tr class="table_body">
         <td @click="click_twolevel('7')">核酸检测率</td>
-        <td @click="click_threelevel('8')">核算检测率</td>
+        <td @click="click_threelevel('8', '1')">核算检测率</td>
       </tr>
       <tr class="table_body">
         <td @click="click_twolevel('9')">场所码数据</td>
-        <td @click="click_threelevel('10')">场所码异常数</td>
+        <td @click="click_threelevel('10', '1')">场所码异常数</td>
       </tr>
       <tr class="table_body">
         <td @click="click_twolevel('11')" rowspan="2">中高风险返企数</td>
-        <td @click="click_threelevel('12')">境外人员</td>
+        <td @click="click_threelevel('12', '1')">境外人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('13')">境内人员</td>
+        <td @click="click_threelevel('13', '1')">境内人员</td>
       </tr>
       <!-- 人员安全 -->
       <tr class="table_body">
         <td rowspan="14" @click="click_onelevel('14')">人员安全</td>
         <td rowspan="4" @click="click_twolevel('15')">流动人员</td>
-        <td @click="click_threelevel('16')">未登记人员</td>
+        <td @click="click_threelevel('16', '1')">未登记人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('17')">未注销人员</td>
+        <td @click="click_threelevel('17', '1')">未注销人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('18')">未变更人员</td>
+        <td @click="click_threelevel('18', '1')">未变更人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('19')">高危人员</td>
+        <td @click="click_threelevel('19', '1')">高危人员</td>
       </tr>
       <tr class="table_body">
         <td rowspan="7" @click="click_twolevel('20')">重点人员</td>
-        <td @click="click_threelevel('21')">重性精神病人</td>
+        <td @click="click_threelevel('21', '1')">重性精神病人</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('22')">非访人员</td>
+        <td @click="click_threelevel('22', '1')">非访人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('23')">退役重点人员</td>
+        <td @click="click_threelevel('23', '1')">退役重点人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('24')">个人极端人员</td>
+        <td @click="click_threelevel('24', '1')">个人极端人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('25')">前科人员</td>
+        <td @click="click_threelevel('25', '1')">前科人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('26')">家暴人员</td>
+        <td @click="click_threelevel('26', '1')">家暴人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('27')">酗酒人员</td>
+        <td @click="click_threelevel('27', '1')">酗酒人员</td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('28')">重点岗位人员</td>
-        <td @click="click_threelevel('29')">危险品领用、保管、使用人员</td>
+        <td @click="click_threelevel('29', '1')">危险品领用、保管、使用人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('30')">危险品技术资质人员</td>
+        <td @click="click_threelevel('30', '1')">危险品技术资质人员</td>
       </tr>
       <tr class="table_body">
         <td @click="click_twolevel('31')">专家人员</td>
-        <td @click="click_threelevel('32')">领域内有较高专业知识技术的专家、人才</td>
+        <td @click="click_threelevel('32', '1')">
+          领域内有较高专业知识技术的专家、人才
+        </td>
       </tr>
       <!-- 消防安全 -->
       <tr class="table_body">
         <td rowspan="13" @click="click_onelevel('33')">消防安全</td>
         <td rowspan="3" @click="click_twolevel('34')">消防设施维护</td>
-        <td @click="click_threelevel('35')">设备录入率</td>
+        <td @click="click_threelevel('35', '1')">设备录入率</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('36')">配置合理性</td>
+        <td @click="click_threelevel('36', '2')">配置合理性</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('37')">日常保养及时率</td>
+        <td @click="click_threelevel('37', '1')">日常保养及时率</td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('38')">企业台账建设</td>
-        <td @click="click_threelevel('39')">必要资质</td>
+        <td @click="click_threelevel('39', '2')">必要资质</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('40')">验收许可或建设许可</td>
+        <td @click="click_threelevel('40', '2')">验收许可或建设许可</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('41')">日常检查表</td>
+        <td @click="click_threelevel('41', '2')">日常检查表</td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('42')">消防制度执行</td>
-        <td @click="click_threelevel('43')">人员培训率</td>
+        <td @click="click_threelevel('43', '1')">人员培训率</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('44')">演习举办情况</td>
+        <td @click="click_threelevel('44', '2')">演习举办情况</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('45')">管理层专业知晓程度</td>
+        <td @click="click_threelevel('45', '2')">管理层专业知晓程度</td>
       </tr>
       <tr class="table_body">
         <td rowspan="4" @click="click_twolevel('46')">消防事件发生</td>
-        <td @click="click_threelevel('47')">火灾事故</td>
+        <td @click="click_threelevel('47', '1')">火灾事故</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('48')">其他事故</td>
+        <td @click="click_threelevel('48', '1')">其他事故</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('49')">消防违建</td>
+        <td @click="click_threelevel('49', '1')">消防违建</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('50')">协助扑救</td>
+        <td @click="click_threelevel('50', '1')">协助扑救</td>
       </tr>
       <!-- 危化运输安全 -->
       <tr class="table_body">
         <td rowspan="15" @click="click_onelevel('51')">危化运输安全</td>
         <td rowspan="2" @click="click_twolevel('52')">源头检查</td>
-        <td @click="click_threelevel('53')">区内企业评分</td>
+        <td @click="click_threelevel('53', '1')">区内企业评分</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('54')">区外企业评分</td>
+        <td @click="click_threelevel('54', '1')">区外企业评分</td>
       </tr>
       <tr class="table_body">
         <td rowspan="5" @click="click_twolevel('55')">违章数据</td>
-        <td @click="click_threelevel('56')">违停</td>
+        <td @click="click_threelevel('56', '1')">违停</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('57')">闯禁</td>
+        <td @click="click_threelevel('57', '1')">闯禁</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('58')">超速</td>
+        <td @click="click_threelevel('58', '1')">超速</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('59')">疲劳驾驶</td>
+        <td @click="click_threelevel('59', '1')">疲劳驾驶</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('60')">未按车道行驶</td>
+        <td @click="click_threelevel('60', '1')">未按车道行驶</td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('61')">交通事故</td>
-        <td @click="click_threelevel('62')">经损事故</td>
+        <td @click="click_threelevel('62', '1')">经损事故</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('63')">伤亡事故</td>
+        <td @click="click_threelevel('63', '1')">伤亡事故</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('64')">泄漏事故</td>
+        <td @click="click_threelevel('64', '1')">泄漏事故</td>
       </tr>
       <tr class="table_body">
         <td @click="click_twolevel('65')">行政/刑事案件</td>
-        <td @click="click_threelevel('66')">有无拘留、判刑</td>
+        <td @click="click_threelevel('66', '2')">有无拘留、判刑</td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('67')">企业整改</td>
-        <td @click="click_threelevel('68')">反馈整改完成</td>
+        <td @click="click_threelevel('68', '1')">反馈整改完成</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('69')">整改反馈未完成</td>
+        <td @click="click_threelevel('69', '1')">整改反馈未完成</td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('70')">企业演习、培训</td>
-        <td @click="click_threelevel('71')">企业演习</td>
+        <td @click="click_threelevel('71', '1')">企业演习</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('72')">集中培训学习</td>
+        <td @click="click_threelevel('72', '1')">集中培训学习</td>
       </tr>
       <!-- 列管物品安全 -->
       <tr class="table_body">
         <td rowspan="10" @click="click_onelevel('73')">列管物品安全</td>
         <td rowspan="2" @click="click_twolevel('74')">危险化学品</td>
-        <td @click="click_threelevel('75')">易制爆物品生产、购买、销售、储存、使用</td>
+        <td @click="click_threelevel('75', '1')">
+          易制爆物品生产、购买、销售、储存、使用
+        </td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('76')">剧毒物品生产、购买、销售、储存、使用</td>
+        <td @click="click_threelevel('76', '1')">
+          剧毒物品生产、购买、销售、储存、使用
+        </td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('77')">放射源物品</td>
-        <td @click="click_threelevel('78')">放射源储存</td>
+        <td @click="click_threelevel('78', '1')">放射源储存</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('79')">放射源运输</td>
+        <td @click="click_threelevel('79', '1')">放射源运输</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('80')">放射源使用</td>
+        <td @click="click_threelevel('80', '1')">放射源使用</td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('81')">民爆物品</td>
-        <td @click="click_threelevel('82')">烟花爆竹运输、销售、燃放</td>
+        <td @click="click_threelevel('82', '1')">烟花爆竹运输、销售、燃放</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('83')">炸药、雷管保管、运输、使用</td>
+        <td @click="click_threelevel('83', '1')">炸药、雷管保管、运输、使用</td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('84')">民用枪支管理</td>
-        <td @click="click_threelevel('85')">猎枪</td>
+        <td @click="click_threelevel('85', '1')">猎枪</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('86')">竞技体育用枪</td>
+        <td @click="click_threelevel('86', '1')">竞技体育用枪</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('87')">商业射击馆枪支</td>
+        <td @click="click_threelevel('87', '1')">商业射击馆枪支</td>
       </tr>
       <!-- 内部治安安全 -->
       <tr class="table_body">
         <td rowspan="15" @click="click_onelevel('88')">内部治安安全</td>
         <td rowspan="4" @click="click_twolevel('89')">企业三防基础数据</td>
-        <td @click="click_threelevel('90')">企业保卫人员名单</td>
+        <td @click="click_threelevel('90', '2')">企业保卫人员名单</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('91')">企业物防设施清单</td>
+        <td @click="click_threelevel('91', '2')">企业物防设施清单</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('92')">企业技防前端感知(人脸、车脸、重要部位视频监控)建设</td>
+        <td @click="click_threelevel('92', '2')">
+          企业技防前端感知(人脸、车脸、重要部位视频监控)建设
+        </td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('93')">企业技防设施连入平台情况</td>
+        <td @click="click_threelevel('93', '1')">企业技防设施连入平台情况</td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('94')">
           企业各类规章制度、应急预案、应急演练
         </td>
-        <td @click="click_threelevel('95')">规章制度</td>
+        <td @click="click_threelevel('95', '2')">规章制度</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('96')">应急预案</td>
+        <td @click="click_threelevel('96', '2')">应急预案</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('97')">应急演练</td>
+        <td @click="click_threelevel('97', '2')">应急演练</td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('98')">部门检查及系统研判</td>
-        <td @click="click_threelevel('99')">部门检查合格进行评分</td>
+        <td @click="click_threelevel('99', '2')">部门检查合格进行评分</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('100')">部门检查不合格及有缺陷的要求企业整改</td>
+        <td @click="click_threelevel('100', '2')">
+          部门检查不合格及有缺陷的要求企业整改
+        </td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('101')">应系统研判(设施过期及设施故障)</td>
+        <td @click="click_threelevel('101', '2')">
+          应系统研判(设施过期及设施故障)
+        </td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('102')">企业整改</td>
-        <td @click="click_threelevel('103')">企业反馈整改完成</td>
+        <td @click="click_threelevel('103', '1')">企业反馈整改完成</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('104')">企业反馈整改未完成</td>
+        <td @click="click_threelevel('104', '1')">企业反馈整改未完成</td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('105')">
           企业发生的案件及企业员工涉及的案件
         </td>
-        <td @click="click_threelevel('106')">企业发生被盗、被骗等各类案件</td>
+        <td @click="click_threelevel('106', '1')">
+          企业发生被盗、被骗等各类案件
+        </td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('107')">企业员工涉及的各类案件</td>
+        <td @click="click_threelevel('107', '1')">企业员工涉及的各类案件</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('108')">企业员工涉及的信访等案件</td>
+        <td @click="click_threelevel('108', '1')">企业员工涉及的信访等案件</td>
       </tr>
       <!-- 道路安全 -->
       <tr class="table_body">
         <td rowspan="13" @click="click_onelevel('109')">道路安全</td>
         <td rowspan="2" @click="click_twolevel('110')">源头检查</td>
-        <td @click="click_threelevel('111')">区内企业评分</td>
+        <td @click="click_threelevel('111', '1')">区内企业评分</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('112')">区外企业评分</td>
+        <td @click="click_threelevel('112', '1')">区外企业评分</td>
       </tr>
       <tr class="table_body">
         <td rowspan="5" @click="click_twolevel('113')">违章数据</td>
-        <td @click="click_threelevel('114')">违停</td>
+        <td @click="click_threelevel('114', '1')">违停</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('115')">闯禁</td>
+        <td @click="click_threelevel('115', '1')">闯禁</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('116')">超速</td>
+        <td @click="click_threelevel('116', '1')">超速</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('117')">未按车道行驶</td>
+        <td @click="click_threelevel('117', '1')">未按车道行驶</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('118')">闯红灯</td>
+        <td @click="click_threelevel('118', '1')">闯红灯</td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('119')">交通事故</td>
-        <td @click="click_threelevel('120')">经损事故</td>
+        <td @click="click_threelevel('120', '1')">经损事故</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('121')">伤亡事故</td>
+        <td @click="click_threelevel('121', '1')">伤亡事故</td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('122')">企业整改</td>
-        <td @click="click_threelevel('123')">反馈整改完成</td>
+        <td @click="click_threelevel('123', '1')">反馈整改完成</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('124')">反馈整改未完成</td>
+        <td @click="click_threelevel('124', '1')">反馈整改未完成</td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('125')">企业周边交通设施检查</td>
-        <td @click="click_threelevel('126')">设施完善</td>
+        <td @click="click_threelevel('126', '1')">设施完善</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('127')">设施缺失</td>
+        <td @click="click_threelevel('127', '1')">设施缺失</td>
       </tr>
       <!-- 防攻击安全 -->
       <tr class="table_body">
         <td rowspan="16" @click="click_onelevel('128')">防攻击安全</td>
         <td rowspan="6" @click="click_twolevel('129')">企业人防达标情况</td>
-        <td @click="click_threelevel('130')">重要岗位人员是否进行安全背景调查</td>
+        <td @click="click_threelevel('130', '2')">
+          重要岗位人员是否进行安全背景调查
+        </td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('131')">应急力量是否配备</td>
+        <td @click="click_threelevel('131', '2')">应急力量是否配备</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('132')">是否安排人员24小时值班</td>
+        <td @click="click_threelevel('132', '2')">是否安排人员24小时值班</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('133')">是否安排巡逻防控力量</td>
+        <td @click="click_threelevel('133', '2')">是否安排巡逻防控力量</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('134')">是否建立联防联动联治机制</td>
+        <td @click="click_threelevel('134', '2')">是否建立联防联动联治机制</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('135')">是否定期开展实战演练</td>
+        <td @click="click_threelevel('135', '2')">是否定期开展实战演练</td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('136')">企业物防达标情况</td>
-        <td @click="click_threelevel('137')">是否有实体防护设施</td>
+        <td @click="click_threelevel('137', '2')">是否有实体防护设施</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('138')">是否配备必要的防爆器械</td>
+        <td @click="click_threelevel('138', '2')">是否配备必要的防爆器械</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('139')">车辆进出口是否安装车辆冲撞设施</td>
+        <td @click="click_threelevel('139', '2')">
+          车辆进出口是否安装车辆冲撞设施
+        </td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('140')">企业技防达标情况</td>
-        <td @click="click_threelevel('141')">是否全方位安装视频监控系统</td>
+        <td @click="click_threelevel('141', '2')">
+          是否全方位安装视频监控系统
+        </td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('142')">是否安装访客登记系统</td>
+        <td @click="click_threelevel('142', '2')">是否安装访客登记系统</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('143')">是否安装入侵和紧急报警系统</td>
+        <td @click="click_threelevel('143', '2')">
+          是否安装入侵和紧急报警系统
+        </td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('144')">企业整改情况</td>
-        <td @click="click_threelevel('145')">企业反馈完成整改</td>
+        <td @click="click_threelevel('145', '1')">企业反馈完成整改</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('146')">企业反馈未完成整改</td>
+        <td @click="click_threelevel('146', '1')">企业反馈未完成整改</td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('147')">
           企业定期开展反恐实战演练、培训
         </td>
-        <td @click="click_threelevel('148')">是否定期开展反恐实战演练</td>
+        <td @click="click_threelevel('148', '2')">是否定期开展反恐实战演练</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('149')">是否定期开展反恐培训</td>
+        <td @click="click_threelevel('149', '2')">是否定期开展反恐培训</td>
       </tr>
       <!-- 网络安全 -->
       <tr class="table_body">
         <td rowspan="10" @click="click_onelevel('150')">网络安全</td>
         <td rowspan="2" @click="click_twolevel('151')">漏洞整改</td>
-        <td @click="click_threelevel('152')">反馈整改完成</td>
+        <td @click="click_threelevel('152', '1')">反馈整改完成</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('153')">反馈整改未完成</td>
+        <td @click="click_threelevel('153', '1')">反馈整改未完成</td>
       </tr>
       <tr class="table_body">
         <td @click="click_twolevel('154')">行政案件</td>
-        <td @click="click_threelevel('155')">是否有过行政处罚</td>
+        <td @click="click_threelevel('155', '2')">是否有过行政处罚</td>
       </tr>
       <tr class="table_body">
         <td @click="click_twolevel('156')">重大网络安全事件</td>
-        <td @click="click_threelevel('157')">是否发生过</td>
+        <td @click="click_threelevel('157', '2')">是否发生过</td>
       </tr>
       <tr class="table_body">
         <td rowspan="3" @click="click_twolevel('158')">网站应急系统备案</td>
-        <td @click="click_threelevel('159')">网站备案</td>
+        <td @click="click_threelevel('159', '2')">网站备案</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('160')">应用备案</td>
+        <td @click="click_threelevel('160', '2')">应用备案</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('161')">应用评估</td>
+        <td @click="click_threelevel('161', '2')">应用评估</td>
       </tr>
       <tr class="table_body">
         <td @click="click_twolevel('162')">等保定级评审</td>
-        <td @click="click_threelevel('163')">等保定级评审完成/未完成</td>
+        <td @click="click_threelevel('163', '2')">等保定级评审完成/未完成</td>
       </tr>
       <tr class="table_body">
         <td rowspan="2" @click="click_twolevel('164')">企业演习、培训</td>
-        <td @click="click_threelevel('165')">应急演练</td>
+        <td @click="click_threelevel('165', '2')">应急演练</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_threelevel('166')">集中培训学习</td>
+        <td @click="click_threelevel('166', '2')">集中培训学习</td>
       </tr>
     </table>
   </div>
@@ -463,10 +485,11 @@ export default {
       bus.$emit("send", massage); // 传给二级指标详情
     },
     // 三级点击事件
-    click_threelevel(id) {
-       const massage = {
+    click_threelevel(id, num) {
+      const massage = {
         safeRuleId: id,
         level: "3",
+        table_num: num,
       };
       this.$emit("back", massage);
       bus.$emit("send_three", massage); // 传给三级指标详情
diff --git a/src/views/systemManagement/safeIndex/components/indexmassageOne.vue b/src/views/systemManagement/safeIndex/components/indexmassageOne.vue
index 04259b0..aec6fae 100644
--- a/src/views/systemManagement/safeIndex/components/indexmassageOne.vue
+++ b/src/views/systemManagement/safeIndex/components/indexmassageOne.vue
@@ -1,7 +1,7 @@
 <!-- 一级指标详细信息展示 -->
 <template>
-  <div class="massage_body">
-    <div class="massage_form">
+  <div class="massage_body_one">
+    <div class="massage_form_one">
       <div class="form_title">
         <div class="title_text">{{ this.form_data.sumTitle }}</div>
       </div>
@@ -75,9 +75,9 @@ export default {
   created() {
     // 首次加载
     this.params = {
-        safeRuleId: 3,
-        levelIndex: 1
-      };
+      safeRuleId: 3,
+      levelIndex: 1,
+    };
     safeCalculation(this.params).then((res) => {
       this.form_data = res.data.ruleDetail;
       this.form.rate_one = this.form_data.calculation[0].rate;
@@ -110,6 +110,24 @@ export default {
     });
   },
   methods: {
+    // 穿透函数
+    // penetrate(level, id) {
+    //   this.params = {
+    //     safeRuleId: id,
+    //     levelIndex: level,
+    //   };
+    //   safeCalculation(this.params).then((res) => {
+    //     this.form_data = res.data.ruleDetail;
+    //     this.form.rate_one = this.form_data.calculation[0].rate;
+    //     this.sumTitle = res.data.ruleDetail.sumTitle;
+    //     this.id = res.data.id;
+    //     this.safeRuleId = res.data.safeRuleId;
+    //     this.first_index = this.form_data.calculation[0].indexName;
+    //     this.form.form_data_for = res.data.ruleDetail.calculation.filter(
+    //       (element, index) => index > 0
+    //     );
+    //   });
+    // },
     // 修改表单
     change_form() {
       this.btn_flag = false;
@@ -227,12 +245,12 @@ export default {
     }
   }
 }
-.massage_body {
+.massage_body_one {
   margin-top: 2vh;
   width: 52.5vw;
   height: 52vh;
   border: 0.1px solid #4d8f89;
-  .massage_form {
+  .massage_form_one {
     display: flex;
     margin-top: 1vh;
     margin-left: 0.6vw;
@@ -244,7 +262,7 @@ export default {
     .form_title {
       width: 7vw;
       height: 22vh;
-    //   line-height: 7.5vh;
+      //   line-height: 7.5vh;
       font-size: 18px;
       text-align: right;
       .title_text {
diff --git a/src/views/systemManagement/safeIndex/components/indexmassageThree.vue b/src/views/systemManagement/safeIndex/components/indexmassageThree.vue
index f7c6bb1..0ca2fa6 100644
--- a/src/views/systemManagement/safeIndex/components/indexmassageThree.vue
+++ b/src/views/systemManagement/safeIndex/components/indexmassageThree.vue
@@ -1,30 +1,185 @@
 <!-- 三级指标详细信息展示 -->
 <template>
   <div class="massage_body">
-    <div class="note_text">{{ this.note.titleNote }}</div>
+    <div :title="massage_title" class="note_text">
+      {{ this.note.titleNote }}
+    </div>
     <div class="three_table">
       <div class="three_table_top">
         <div class="title_btn">
           <div class="title">指数归一化设置:</div>
-          <el-button icon="el-icon-plus">增加数量分级</el-button>
+          <div class="btn">
+            <el-button @click="save_data">保存</el-button>
+            <el-button v-if="is_flag" icon="el-icon-plus" @click="add_data"
+              >增加数量分级</el-button
+            >
+          </div>
+        </div>
+        <el-table
+          v-if="is_flag"
+          max-height="310"
+          :header-cell-style="table_header"
+          :data="tableData_all"
+          :cell-style="{ background: 'revert', 'text-align': 'center' }"
+        >
+          <el-table-column prop="level" :label="label">
+            <template slot-scope="scope">
+              <div class="table_cell">
+                <el-input
+                  class="table_input"
+                  type="number"
+                  v-model="scope.row.scoreLowerLimit"
+                ></el-input>
+                <div class="input_text">~</div>
+                <el-input
+                  class="table_input"
+                  type="number"
+                  v-model="scope.row.scoreUpperLimit"
+                ></el-input>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="score" label="分值设置" width="360">
+            <template slot-scope="scope">
+              <div class="table_cell">
+                <el-input
+                  class="table_input"
+                  type="number"
+                  v-model="scope.row.score"
+                ></el-input>
+                <div class="input_text">分</div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="operation" label="操作" width="250">
+            <template slot-scope="scope">
+              <el-button
+                size="small"
+                class="operation"
+                icon="el-icon-delete"
+                @click="delete_data(scope.$index, scope.row)"
+              >
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-table
+          v-else
+          max-height="310"
+          :header-cell-style="table_header"
+          :data="tableData_all"
+          :cell-style="{ background: 'revert', 'text-align': 'center' }"
+        >
+          <el-table-column prop="scoreLowerLimit" label="分值设置" width="360">
+          </el-table-column>
+          <el-table-column prop="score" label="分值设置">
+            <template slot-scope="scope">
+                <el-input
+                  class="table_input"
+                  type="number"
+                  v-model="scope.row.score"
+                ></el-input>
+            </template>
+          </el-table-column
+        ></el-table>
+        <!-- 预警 -->
+        <div class="title_btn">
+          <div class="title">指数预警化设置:</div>
+          <div class="btn">
+            <el-button @click="save_data_warn">保存</el-button>
+            <el-button
+              icon="el-icon-plus"
+              @click="add_data_warn"
+              :disabled="add_warn_disabled"
+              >增加预警分级</el-button
+            >
+          </div>
         </div>
-        <el-table></el-table>
+        <el-table
+          height="310"
+          :header-cell-style="table_header"
+          :data="tableData_warn"
+          :cell-style="{ background: 'revert', 'text-align': 'center' }"
+        >
+          <el-table-column prop="level" label="预警等级">
+            <template slot-scope="scope">
+              <div class="table_cell">
+                <div class="logo">
+                  <div
+                    :style="{ background: styleChange(scope.row.color) }"
+                    class="logo_cell"
+                  ></div>
+                </div>
+                <el-input
+                  placeholder="请填入预警等级"
+                  class="table_input_warn_level"
+                  v-model="scope.row.alarmLevel"
+                ></el-input>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="change_num" label="预警分值" width="360">
+            <template slot-scope="scope">
+              <div class="table_cell">
+                <el-input
+                  class="table_input"
+                  type="number"
+                  v-model="scope.row.scoreLowerLimit"
+                ></el-input>
+                <div class="input_text">~</div>
+                <el-input
+                  class="table_input"
+                  type="number"
+                  v-model="scope.row.scoreUpperLimit"
+                ></el-input>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="operation" label="操作" width="250">
+            <template slot-scope="scope">
+              <el-button
+                size="small"
+                class="operation"
+                icon="el-icon-delete"
+                @click="delete_data_warn(scope.$index, scope.row)"
+              >
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
       </div>
     </div>
   </div>
 </template>
 <script>
 import bus from "@/assets/js/eventBus.js";
-import { getIndexTable } from "@/api/systemManagement/safeIndex";
+import {
+  safeCalculation,
+  getIndexTable,
+  saveSafeCalculation,
+  getWarnTable,
+  saveWarnTable,
+} from "@/api/systemManagement/safeIndex";
 export default {
   name: "indexmassageThree",
   data() {
     return {
+      is_flag: true, // 判断展示何种分值表格
+      table_num: "", // 1 分值数字表格，2 分值是否表格
+      massage_title: "", // 标题文字过多鼠标悬浮展示
       note_arr: [], // 树形总数据，以用于按照id查询三级数据
       two_level_arr: [], // 遍及出来的二级数据
       three_level_arr: [], // 遍及出来的三级数据
       three_level_id: "",
       note: "", // 三级指标点击展示字段
+      tableData_all: [],
+      label: "", // 第一个表头内容不固定
+      tableData_warn: [],
+      safeRuleId: "",
+      id: "",
+      color: "", // 预警新增的颜色
+      sortValue: "",
+      add_warn_disabled: false, // 预警新增是否禁用，如果四条时则不可再新增
     };
   },
   created() {
@@ -34,11 +189,38 @@ export default {
     bus.$on("send_three", (data) => {
       console.log("data", data);
       this.three_level_id = data.safeRuleId; // 根据传来的id找对应的三级数据
+      this.table_num = data.table_num; // 1还是2
       const new_arr = this.three_level_arr.filter(
         (item) => item.id == this.three_level_id
       );
       console.log("new_arr", new_arr);
       this.note = JSON.parse(new_arr[0].note);
+      this.massage_title = this.note.titleNote;
+      this.label = `${new_arr[0].levelIndexThree}数量分级(人)`;
+      safeCalculation({ safeRuleId: this.three_level_id, levelIndex: 3 }).then(
+        (res) => {
+          console.log("3res", res);
+          // if 在这里从请求回的数据里拿回关键字段判别两种表格中的一种
+          if (this.table_num === "1") {
+            this.is_flag = true;
+          } else if (this.table_num === "2") {
+            this.is_flag = false;
+          }
+          this.tableData_all = []; // 清空表格内容
+          this.tableData_warn = []
+          this.tableData_all = JSON.parse(res.data.calculationRule).calculation;
+          console.log("this.tableData_all", this.tableData_all);
+          this.safeRuleId = res.data.safeRuleId; // 此safeRuleId为保存表格数据时的safeRuleId，不和兄弟传来的safeRuleId混淆
+          this.id = res.data.id;
+          console.log("this.safeRuleId", JSON.stringify(this.safeRuleId));
+          // 获取预警数据
+          getWarnTable({ safeRuleId: this.safeRuleId }).then((res) => {
+            console.log("reswarn", res);
+            this.tableData_warn = res.data;
+            this.tableData_warn[0].color = "red";
+          });
+        }
+      );
     });
   },
   methods: {
@@ -48,7 +230,6 @@ export default {
         console.log("res", res.data);
         this.note_arr = res.data;
         for (let i = 0; i < this.note_arr.length; i++) {
-          console.log("1", this.note_arr[i].tbSafeRuleTwoVoList);
           // 拿到所有的二级指标数据数组
           this.two_level_arr = this.two_level_arr.concat(
             this.note_arr[i].tbSafeRuleTwoVoList
@@ -63,6 +244,134 @@ export default {
         console.log("this.three_level_arr", this.three_level_arr);
       });
     },
+    // 表头样式
+    table_header({ row, rowIndex }) {
+      console.log(row);
+      console.log(rowIndex);
+      return {
+        "text-align": "center", // 表头文字居中
+        color: "#fff",
+      };
+    },
+    // 点击添加一行数据
+    add_data() {
+      this.tableData_all.push({
+        scoreLowerLimit: "0",
+        scoreUpperLimit: "0",
+        score: "0",
+      });
+    },
+    // 点击添加一行预警数据
+    // 点击添加颜色逐条变化
+    add_data_warn() {
+      if (this.tableData_warn.length === 0) {
+        this.color = "red";
+        this.sortValue = "1";
+      } else if (this.tableData_warn.length === 1) {
+        this.color = "yellow";
+        this.sortValue = "2";
+      } else if (this.tableData_warn.length === 2) {
+        this.color = "blue";
+        this.sortValue = "3";
+      } else if (this.tableData_warn.length === 3) {
+        this.color = "green";
+        this.sortValue = "4";
+        this.add_warn_disabled = true;
+        this.$message.warning("至多四条预警数据");
+      }
+      this.tableData_warn.push({
+        alarmLevel: "",
+        scoreLowerLimit: "0",
+        scoreUpperLimit: "0",
+        color: this.color,
+        sortValue: this.sortValue,
+      });
+    },
+    // 点击删除一行数据
+    delete_data(index, row) {
+      console.log("index", index);
+      console.log("row", row);
+      this.tableData_all.splice(index, 1);
+    },
+    // 点击删除一行预警数据
+    delete_data_warn(index, row) {
+      console.log("indexw", index + 1);
+      if (this.tableData_warn.length === index + 1) {
+        // 按顺序删，只能删最后一行
+        this.tableData_warn.splice(index, 1);
+        if (this.tableData_warn.length != 4) {
+          this.add_warn_disabled = false; // 当预警数据不为4条时，接触新增禁用
+        }
+      } else {
+        this.$message.warning("请按倒数顺序删除预警数据");
+      }
+      console.log("roww", row);
+    },
+    //
+    save_data() {
+      console.log("this.tableData_all", this.tableData_all);
+      const obj = {
+        calculation: [],
+      };
+      obj.calculation = this.tableData_all.map((item) => ({
+        scoreLowerLimit: item.scoreLowerLimit,
+        scoreUpperLimit: item.scoreUpperLimit,
+        score: item.score,
+      }));
+      const params = {
+        calculationRule: JSON.stringify(obj),
+        id: this.id,
+        safeRuleId: this.safeRuleId,
+      };
+      console.log("params123", params);
+      saveSafeCalculation(params)
+        .then((res) => {
+          console.log("ressave", res);
+          this.$message.success("保存成功");
+        })
+        .catch((err) => {
+          console.log("errsave", err);
+          this.$message.warning('保存失败')
+        });
+    },
+    // 保存预警数据
+    save_data_warn() {
+      const obj = {
+        calculation: [],
+      };
+      obj.calculation = this.tableData_warn.map((item) => ({
+        id: item.id,
+        safeRuleId: item.safeRuleId,
+        alarmLevel: item.alarmLevel,
+        scoreUpperLimit: item.scoreUpperLimit,
+        scoreLowerLimit: item.scoreLowerLimit,
+        color: item.color,
+        sortValue: item.sortValue,
+      }));
+      const params = {
+        alarmRule: JSON.stringify(obj),
+      };
+      saveWarnTable(params).then((res) => {
+        console.log(res);
+        this.$message.success('保存成功')
+      }).catch(err=>{
+        console.log(err);
+        this.$message.warning('保存失败')
+      })
+    },
+    // 跟后端返回判断预警颜色
+    styleChange(color) {
+      switch (color) {
+        case "red":
+          return "#FF5656";
+        case "yellow":
+          return "#FDA722";
+        case "blue":
+          return "#22C0FD";
+        case "green":
+          return "#2BE08B";
+      }
+    },
   },
 };
 </script>
@@ -77,6 +386,9 @@ export default {
     margin-left: 0.4vw;
     width: 51.5vw;
     height: 4.5vh;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
     border-bottom: 0.1px solid #4d8f89;
     color: #fff;
     font-size: 20px;
@@ -89,16 +401,14 @@ export default {
     width: 51.5vw;
     height: 44.5vh;
     overflow-y: auto;
-    border: 0.1px solid #4d8f89;
     .three_table_top {
       margin-left: 0.2vw;
       margin-top: 0.5vh;
-      width: 51vw;
-      border: 0.1px solid #4d8f89;
+      width: 50.5vw;
       .title_btn {
         margin-left: 0.5vw;
         margin-top: 0.5vh;
-        width: 50vw;
+        width: 49.5vw;
         height: 4vh;
         display: flex;
         justify-content: space-between;
@@ -123,6 +433,109 @@ export default {
       }
     }
   }
+  .el-table {
+    margin-top: 1vh;
+    margin-bottom: 1vh;
+    margin-left: 0.5vw;
+    width: 49.5vw;
+    color: #fff;
+    .table_cell {
+      display: flex;
+      justify-content: center;
+      .table_input.el-input {
+        width: 6vw !important;
+      }
+      .table_input_warn_level.el-input {
+        width: 10vw !important;
+        /deep/.el-input__inner {
+          width: 9vw !important;
+        }
+      }
+      .input_text {
+        text-align: left;
+        height: 100%;
+        line-height: 280%;
+        width: 0.5vw;
+        color: #fff;
+      }
+      .logo {
+        width: 16px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        .logo_cell {
+          width: 16px;
+          height: 16px;
+          border-radius: 50%;
+        }
+      }
+    }
+  }
+  /deep/.el-table__body-wrapper.is-scrolling-none {
+    background: #233438 !important;
+  }
+  /deep/.el-table__body-wrapper.is-scrolling-none::-webkit-scrollbar {
+    width: 6px;
+    background-color: #5e666a;
+    border-radius: 4px;
+  }
+
+  /deep/.el-table__body-wrapper.is-scrolling-none::-webkit-scrollbar-thumb {
+    width: 5px;
+    background-color: #3c4b4a;
+    border-radius: 4px;
+  }
+  .el-button.operation.el-button--default.el-button--small {
+    background: #233b38;
+    border: 0px;
+    color: #fff;
+    font-size: 18px;
+  }
+  .el-button.operation.el-button--default.el-button--small:focus,
+  .el-button.operation.el-button--default.el-button--small:hover {
+    color: #f55050;
+  }
+  /deep/.el-table::-webkit-scrollbar {
+    width: 6px;
+    background-color: #5e666a;
+    border-radius: 4px;
+  }
+
+  /deep/.el-table::-webkit-scrollbar-thumb {
+    width: 5px;
+    background-color: #3c4b4a;
+    border-radius: 4px;
+  }
+  /deep/.el-table {
+    thead {
+      color: #fff;
+      font-weight: 500;
+      background: linear-gradient(
+        to right,
+        #284f49,
+        #2f6363,
+        #233b38
+      ) !important;
+
+      & th {
+        background-color: transparent;
+      }
+
+      & tr {
+        background-color: transparent;
+      }
+    }
+    tr {
+      background: #233438;
+    }
+  }
+  /deep/.el-input__inner {
+    width: 5vw;
+    border-radius: 0px;
+    font-size: 16px;
+    background: #3c4b4a;
+    color: #fff;
+  }
   .three_table::-webkit-scrollbar {
     width: 6px;
     background-color: #5e666a;
-- 
2.36.3