ZheJiangNingBo
/
pingAnQiYeWeb
7
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

平安指数三级指标

Browse Source
pull/35/head
lukeyan 1 year ago
parent 7c9862696a
commit 4c85c4232f
5 changed files with 632 additions and 235 deletions
Show Stats Download Patch File Download Diff File

346
src/views/systemManagement/safeIndex/components/indexTable.vue
Unescape View File

@ -10,396 +10,402 @@
<!-- 防疫安全 -->
<tr class="table_body">
<td rowspan="5" @click="click_onelevel('3')">防疫安全</td>
<td @click="click_twolevel">疫苗接种数</td>
<td>疫苗接种数</td>
<td @click="click_twolevel('4')">疫苗接种数</td>
<td @click="click_threelevel('5')">疫苗接种数</td>
</tr>
<tr class="table_body">
<td @click="click_twolevel">核酸检测率</td>
<td>核算检测率</td>
<td @click="click_twolevel('7')">核酸检测率</td>
<td @click="click_threelevel('8')">核算检测率</td>
</tr>
<tr class="table_body">
<td @click="click_twolevel">场所码数据</td>
<td>场所码异常数</td>
<td @click="click_twolevel('9')">场所码数据</td>
<td @click="click_threelevel('10')">场所码异常数</td>
</tr>
<tr class="table_body">
<td @click="click_twolevel" rowspan="2">中高风险返企数</td>
<td>境外人员</td>
<td @click="click_twolevel('11')" rowspan="2">中高风险返企数</td>
<td @click="click_threelevel('12')">境外人员</td>
</tr>
<tr class="table_body">
<td>境内人员</td>
<td @click="click_threelevel('13')">境内人员</td>
</tr>
<!-- 人员安全 -->
<tr class="table_body">
<td rowspan="14" @click="click_onelevel('14')">人员安全</td>
<td rowspan="4" @click="click_twolevel">流动人员</td>
<td>未登记人员</td>
<td rowspan="4" @click="click_twolevel('15')">流动人员</td>
<td @click="click_threelevel('16')">未登记人员</td>
</tr>
<tr class="table_body">
<td>未注销人员</td>
<td @click="click_threelevel('17')">未注销人员</td>
</tr>
<tr class="table_body">
<td>未变更人员</td>
<td @click="click_threelevel('18')">未变更人员</td>
</tr>
<tr class="table_body">
<td>高危人员</td>
<td @click="click_threelevel('19')">高危人员</td>
</tr>
<tr class="table_body">
<td rowspan="7" @click="click_twolevel">重点人员</td>
<td>重性精神病人</td>
<td rowspan="7" @click="click_twolevel('20')">重点人员</td>
<td @click="click_threelevel('21')">重性精神病人</td>
</tr>
<tr class="table_body">
<td>非访人员</td>
<td @click="click_threelevel('22')">非访人员</td>
</tr>
<tr class="table_body">
<td>退役重点人员</td>
<td @click="click_threelevel('23')">退役重点人员</td>
</tr>
<tr class="table_body">
<td>个人极端人员</td>
<td @click="click_threelevel('24')">个人极端人员</td>
</tr>
<tr class="table_body">
<td>前科人员</td>
<td @click="click_threelevel('25')">前科人员</td>
</tr>
<tr class="table_body">
<td>家暴人员</td>
<td @click="click_threelevel('26')">家暴人员</td>
</tr>
<tr class="table_body">
<td>酗酒人员</td>
<td @click="click_threelevel('27')">酗酒人员</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">重点岗位人员</td>
<td>危险品领用、保管、使用人员</td>
<td rowspan="2" @click="click_twolevel('28')">重点岗位人员</td>
<td @click="click_threelevel('29')">危险品领用、保管、使用人员</td>
</tr>
<tr class="table_body">
<td>危险品技术资质人员</td>
<td @click="click_threelevel('30')">危险品技术资质人员</td>
</tr>
<tr class="table_body">
<td>专家人员</td>
<td>领域内有较高专业知识技术的专家、人才</td>
<td @click="click_twolevel('31')">专家人员</td>
<td @click="click_threelevel('32')">领域内有较高专业知识技术的专家、人才</td>
</tr>
<!-- 消防安全 -->
<tr class="table_body">
<td rowspan="13" @click="click_onelevel('33')">消防安全</td>
<td rowspan="3" @click="click_twolevel">消防设施维护</td>
<td>设备录入率</td>
<td rowspan="3" @click="click_twolevel('34')">消防设施维护</td>
<td @click="click_threelevel('35')">设备录入率</td>
</tr>
<tr class="table_body">
<td>配置合理性</td>
<td @click="click_threelevel('36')">配置合理性</td>
</tr>
<tr class="table_body">
<td>日常保养及时率</td>
<td @click="click_threelevel('37')">日常保养及时率</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">企业台账建设</td>
<td>必要资质</td>
<td rowspan="3" @click="click_twolevel('38')">企业台账建设</td>
<td @click="click_threelevel('39')">必要资质</td>
</tr>
<tr class="table_body">
<td>验收许可或建设许可</td>
<td @click="click_threelevel('40')">验收许可或建设许可</td>
</tr>
<tr class="table_body">
<td>日常检查表</td>
<td @click="click_threelevel('41')">日常检查表</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">消防制度执行</td>
<td>人员培训率</td>
<td rowspan="3" @click="click_twolevel('42')">消防制度执行</td>
<td @click="click_threelevel('43')">人员培训率</td>
</tr>
<tr class="table_body">
<td>演习举办情况</td>
<td @click="click_threelevel('44')">演习举办情况</td>
</tr>
<tr class="table_body">
<td>管理层专业知晓程度</td>
<td @click="click_threelevel('45')">管理层专业知晓程度</td>
</tr>
<tr class="table_body">
<td rowspan="4" @click="click_twolevel">消防事件发生</td>
<td>火灾事故</td>
<td rowspan="4" @click="click_twolevel('46')">消防事件发生</td>
<td @click="click_threelevel('47')">火灾事故</td>
</tr>
<tr class="table_body">
<td>其他事故</td>
<td @click="click_threelevel('48')">其他事故</td>
</tr>
<tr class="table_body">
<td>消防违建</td>
<td @click="click_threelevel('49')">消防违建</td>
</tr>
<tr class="table_body">
<td>协助扑救</td>
<td @click="click_threelevel('50')">协助扑救</td>
</tr>
<!-- 危化运输安全 -->
<tr class="table_body">
<td rowspan="15" @click="click_onelevel('51')">危化运输安全</td>
<td rowspan="2" @click="click_twolevel">源头检查</td>
<td>区内企业评分</td>
<td rowspan="2" @click="click_twolevel('52')">源头检查</td>
<td @click="click_threelevel('53')">区内企业评分</td>
</tr>
<tr class="table_body">
<td>区外企业评分</td>
<td @click="click_threelevel('54')">区外企业评分</td>
</tr>
<tr class="table_body">
<td rowspan="5" @click="click_twolevel">违章数据</td>
<td>违停</td>
<td rowspan="5" @click="click_twolevel('55')">违章数据</td>
<td @click="click_threelevel('56')">违停</td>
</tr>
<tr class="table_body">
<td>闯禁</td>
<td @click="click_threelevel('57')">闯禁</td>
</tr>
<tr class="table_body">
<td>超速</td>
<td @click="click_threelevel('58')">超速</td>
</tr>
<tr class="table_body">
<td>疲劳驾驶</td>
<td @click="click_threelevel('59')">疲劳驾驶</td>
</tr>
<tr class="table_body">
<td>未按车道行驶</td>
<td @click="click_threelevel('60')">未按车道行驶</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">交通事故</td>
<td>经损事故</td>
<td rowspan="3" @click="click_twolevel('61')">交通事故</td>
<td @click="click_threelevel('62')">经损事故</td>
</tr>
<tr class="table_body">
<td>伤亡事故</td>
<td @click="click_threelevel('63')">伤亡事故</td>
</tr>
<tr class="table_body">
<td>泄漏事故</td>
<td @click="click_threelevel('64')">泄漏事故</td>
</tr>
<tr class="table_body">
<td>行政/刑事案件</td>
<td>有无拘留、判刑</td>
<td @click="click_twolevel('65')">行政/刑事案件</td>
<td @click="click_threelevel('66')">有无拘留、判刑</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">企业整改</td>
<td>反馈整改完成</td>
<td rowspan="2" @click="click_twolevel('67')">企业整改</td>
<td @click="click_threelevel('68')">反馈整改完成</td>
</tr>
<tr class="table_body">
<td>整改反馈未完成</td>
<td @click="click_threelevel('69')">整改反馈未完成</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">企业演习、培训</td>
<td>企业演习</td>
<td rowspan="2" @click="click_twolevel('70')">企业演习、培训</td>
<td @click="click_threelevel('71')">企业演习</td>
</tr>
<tr class="table_body">
<td>集中培训学习</td>
<td @click="click_threelevel('72')">集中培训学习</td>
</tr>
<!-- 列管物品安全 -->
<tr class="table_body">
<td rowspan="10" @click="click_onelevel('73')">列管物品安全</td>
<td rowspan="2" @click="click_twolevel">危险化学品</td>
<td>易制爆物品生产、购买、销售、储存、使用</td>
<td rowspan="2" @click="click_twolevel('74')">危险化学品</td>
<td @click="click_threelevel('75')">易制爆物品生产、购买、销售、储存、使用</td>
</tr>
<tr class="table_body">
<td>剧毒物品生产、购买、销售、储存、使用</td>
<td @click="click_threelevel('76')">剧毒物品生产、购买、销售、储存、使用</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">放射源物品</td>
<td>放射源储存</td>
<td rowspan="3" @click="click_twolevel('77')">放射源物品</td>
<td @click="click_threelevel('78')">放射源储存</td>
</tr>
<tr class="table_body">
<td>放射源运输</td>
<td @click="click_threelevel('79')">放射源运输</td>
</tr>
<tr class="table_body">
<td>放射源使用</td>
<td @click="click_threelevel('80')">放射源使用</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">民爆物品</td>
<td>烟花爆竹运输、销售、燃放</td>
<td rowspan="2" @click="click_twolevel('81')">民爆物品</td>
<td @click="click_threelevel('82')">烟花爆竹运输、销售、燃放</td>
</tr>
<tr class="table_body">
<td>炸药、雷管保管、运输、使用</td>
<td @click="click_threelevel('83')">炸药、雷管保管、运输、使用</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">民用枪支管理</td>
<td>猎枪</td>
<td rowspan="3" @click="click_twolevel('84')">民用枪支管理</td>
<td @click="click_threelevel('85')">猎枪</td>
</tr>
<tr class="table_body">
<td>竞技体育用枪</td>
<td @click="click_threelevel('86')">竞技体育用枪</td>
</tr>
<tr class="table_body">
<td>商业射击馆枪支</td>
<td @click="click_threelevel('87')">商业射击馆枪支</td>
</tr>
<!-- 内部治安安全 -->
<tr class="table_body">
<td rowspan="15" @click="click_onelevel('88')">内部治安安全</td>
<td rowspan="4" @click="click_twolevel">企业三防基础数据</td>
<td>企业保卫人员名单</td>
<td rowspan="4" @click="click_twolevel('89')">企业三防基础数据</td>
<td @click="click_threelevel('90')">企业保卫人员名单</td>
</tr>
<tr class="table_body">
<td>企业物防设施清单</td>
<td @click="click_threelevel('91')">企业物防设施清单</td>
</tr>
<tr class="table_body">
<td>企业技防前端感知(人脸、车脸、重要部位视频监控)建设</td>
<td @click="click_threelevel('92')">企业技防前端感知(人脸、车脸、重要部位视频监控)建设</td>
</tr>
<tr class="table_body">
<td>企业技防设施连入平台情况</td>
<td @click="click_threelevel('93')">企业技防设施连入平台情况</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">企业各类规章制度、应急预案、应急演练</td>
<td>规章制度</td>
<td rowspan="3" @click="click_twolevel('94')">
企业各类规章制度、应急预案、应急演练
</td>
<td @click="click_threelevel('95')">规章制度</td>
</tr>
<tr class="table_body">
<td>应急预案</td>
<td @click="click_threelevel('96')">应急预案</td>
</tr>
<tr class="table_body">
<td>应急演练</td>
<td @click="click_threelevel('97')">应急演练</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">部门检查及系统研判</td>
<td>部门检查合格进行评分</td>
<td rowspan="3" @click="click_twolevel('98')">部门检查及系统研判</td>
<td @click="click_threelevel('99')">部门检查合格进行评分</td>
</tr>
<tr class="table_body">
<td>部门检查不合格及有缺陷的要求企业整改</td>
<td @click="click_threelevel('100')">部门检查不合格及有缺陷的要求企业整改</td>
</tr>
<tr class="table_body">
<td>应系统研判(设施过期及设施故障)</td>
<td @click="click_threelevel('101')">应系统研判(设施过期及设施故障)</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">企业整改</td>
<td>企业反馈整改完成</td>
<td rowspan="2" @click="click_twolevel('102')">企业整改</td>
<td @click="click_threelevel('103')">企业反馈整改完成</td>
</tr>
<tr class="table_body">
<td>企业反馈整改未完成</td>
<td @click="click_threelevel('104')">企业反馈整改未完成</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">企业发生的案件及企业员工涉及的案件</td>
<td>企业发生被盗、被骗等各类案件</td>
<td rowspan="3" @click="click_twolevel('105')">
企业发生的案件及企业员工涉及的案件
</td>
<td @click="click_threelevel('106')">企业发生被盗、被骗等各类案件</td>
</tr>
<tr class="table_body">
<td>企业员工涉及的各类案件</td>
<td @click="click_threelevel('107')">企业员工涉及的各类案件</td>
</tr>
<tr class="table_body">
<td>企业员工涉及的信访等案件</td>
<td @click="click_threelevel('108')">企业员工涉及的信访等案件</td>
</tr>
<!-- 道路安全 -->
<tr class="table_body">
<td rowspan="13" @click="click_onelevel('109')">道路安全</td>
<td rowspan="2" @click="click_twolevel">源头检查</td>
<td>区内企业评分</td>
<td rowspan="2" @click="click_twolevel('110')">源头检查</td>
<td @click="click_threelevel('111')">区内企业评分</td>
</tr>
<tr class="table_body">
<td>区外企业评分</td>
<td @click="click_threelevel('112')">区外企业评分</td>
</tr>
<tr class="table_body">
<td rowspan="5" @click="click_twolevel">违章数据</td>
<td>违停</td>
<td rowspan="5" @click="click_twolevel('113')">违章数据</td>
<td @click="click_threelevel('114')">违停</td>
</tr>
<tr class="table_body">
<td>闯禁</td>
<td @click="click_threelevel('115')">闯禁</td>
</tr>
<tr class="table_body">
<td>超速</td>
<td @click="click_threelevel('116')">超速</td>
</tr>
<tr class="table_body">
<td>未按车道行驶</td>
<td @click="click_threelevel('117')">未按车道行驶</td>
</tr>
<tr class="table_body">
<td>闯红灯</td>
<td @click="click_threelevel('118')">闯红灯</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">交通事故</td>
<td>经损事故</td>
<td rowspan="2" @click="click_twolevel('119')">交通事故</td>
<td @click="click_threelevel('120')">经损事故</td>
</tr>
<tr class="table_body">
<td>伤亡事故</td>
<td @click="click_threelevel('121')">伤亡事故</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">企业整改</td>
<td>反馈整改完成</td>
<td rowspan="2" @click="click_twolevel('122')">企业整改</td>
<td @click="click_threelevel('123')">反馈整改完成</td>
</tr>
<tr class="table_body">
<td>反馈整改未完成</td>
<td @click="click_threelevel('124')">反馈整改未完成</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">企业周边交通设施检查</td>
<td>设施完善</td>
<td rowspan="2" @click="click_twolevel('125')">企业周边交通设施检查</td>
<td @click="click_threelevel('126')">设施完善</td>
</tr>
<tr class="table_body">
<td>设施缺失</td>
<td @click="click_threelevel('127')">设施缺失</td>
</tr>
<!-- 防攻击安全 -->
<tr class="table_body">
<td rowspan="16" @click="click_onelevel('128')">防攻击安全</td>
<td rowspan="6" @click="click_twolevel">企业人防达标情况</td>
<td>重要岗位人员是否进行安全背景调查</td>
<td rowspan="6" @click="click_twolevel('129')">企业人防达标情况</td>
<td @click="click_threelevel('130')">重要岗位人员是否进行安全背景调查</td>
</tr>
<tr class="table_body">
<td>应急力量是否配备</td>
<td @click="click_threelevel('131')">应急力量是否配备</td>
</tr>
<tr class="table_body">
<td>是否安排人员24小时值班</td>
<td @click="click_threelevel('132')">是否安排人员24小时值班</td>
</tr>
<tr class="table_body">
<td>是否安排巡逻防控力量</td>
<td @click="click_threelevel('133')">是否安排巡逻防控力量</td>
</tr>
<tr class="table_body">
<td>是否建立联防联动联治机制</td>
<td @click="click_threelevel('134')">是否建立联防联动联治机制</td>
</tr>
<tr class="table_body">
<td>是否定期开展实战演练</td>
<td @click="click_threelevel('135')">是否定期开展实战演练</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">企业物防达标情况</td>
<td>是否有实体防护设施</td>
<td rowspan="3" @click="click_twolevel('136')">企业物防达标情况</td>
<td @click="click_threelevel('137')">是否有实体防护设施</td>
</tr>
<tr class="table_body">
<td>是否配备必要的防爆器械</td>
<td @click="click_threelevel('138')">是否配备必要的防爆器械</td>
</tr>
<tr class="table_body">
<td>车辆进出口是否安装车辆冲撞设施</td>
<td @click="click_threelevel('139')">车辆进出口是否安装车辆冲撞设施</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">企业技防达标情况</td>
<td>是否全方位安装视频监控系统</td>
<td rowspan="3" @click="click_twolevel('140')">企业技防达标情况</td>
<td @click="click_threelevel('141')">是否全方位安装视频监控系统</td>
</tr>
<tr class="table_body">
<td>是否安装访客登记系统</td>
<td @click="click_threelevel('142')">是否安装访客登记系统</td>
</tr>
<tr class="table_body">
<td>是否安装入侵和紧急报警系统</td>
<td @click="click_threelevel('143')">是否安装入侵和紧急报警系统</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">企业整改情况</td>
<td>企业反馈完成整改</td>
<td rowspan="2" @click="click_twolevel('144')">企业整改情况</td>
<td @click="click_threelevel('145')">企业反馈完成整改</td>
</tr>
<tr class="table_body">
<td>企业反馈未完成整改</td>
<td @click="click_threelevel('146')">企业反馈未完成整改</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">企业定期开展反恐实战演练、培训</td>
<td>是否定期开展反恐实战演练</td>
<td rowspan="2" @click="click_twolevel('147')">
企业定期开展反恐实战演练、培训
</td>
<td @click="click_threelevel('148')">是否定期开展反恐实战演练</td>
</tr>
<tr class="table_body">
<td>是否定期开展反恐培训</td>
<td @click="click_threelevel('149')">是否定期开展反恐培训</td>
</tr>
<!-- 网络安全 -->
<tr class="table_body">
<td rowspan="10" @click="click_onelevel('150')">网络安全</td>
<td rowspan="2" @click="click_twolevel">漏洞整改</td>
<td>反馈整改完成</td>
<td rowspan="2" @click="click_twolevel('151')">漏洞整改</td>
<td @click="click_threelevel('152')">反馈整改完成</td>
</tr>
<tr class="table_body">
<td>反馈整改未完成</td>
<td @click="click_threelevel('153')">反馈整改未完成</td>
</tr>
<tr class="table_body">
<td @click="click_twolevel">行政案件</td>
<td>是否有过行政处罚</td>
<td @click="click_twolevel('154')">行政案件</td>
<td @click="click_threelevel('155')">是否有过行政处罚</td>
</tr>
<tr class="table_body">
<td @click="click_twolevel">重大网络安全事件</td>
<td>是否发生过</td>
<td @click="click_twolevel('156')">重大网络安全事件</td>
<td @click="click_threelevel('157')">是否发生过</td>
</tr>
<tr class="table_body">
<td rowspan="3" @click="click_twolevel">网站应急系统备案</td>
<td>网站备案</td>
<td rowspan="3" @click="click_twolevel('158')">网站应急系统备案</td>
<td @click="click_threelevel('159')">网站备案</td>
</tr>
<tr class="table_body">
<td>应用备案</td>
<td @click="click_threelevel('160')">应用备案</td>
</tr>
<tr class="table_body">
<td>应用评估</td>
<td @click="click_threelevel('161')">应用评估</td>
</tr>
<tr class="table_body">
<td @click="click_twolevel">等保定级评审</td>
<td>等保定级评审完成/未完成</td>
<td @click="click_twolevel('162')">等保定级评审</td>
<td @click="click_threelevel('163')">等保定级评审完成/未完成</td>
</tr>
<tr class="table_body">
<td rowspan="2" @click="click_twolevel">企业演习、培训</td>
<td>应急演练</td>
<td rowspan="2" @click="click_twolevel('164')">企业演习、培训</td>
<td @click="click_threelevel('165')">应急演练</td>
</tr>
<tr class="table_body">
<td>集中培训学习</td>
<td @click="click_threelevel('166')">集中培训学习</td>
</tr>
</table>
</div>
@ -442,20 +448,28 @@ export default {
click_onelevel(id) {
const massage = {
safeRuleId: id,
level:'1',
}
level: "1",
};
this.$emit("back", massage);
bus.$emit('send', massage) // 传给一级指标详情
bus.$emit("send", massage); // 传给一级指标详情
},
// 二级点击事件
click_twolevel() {
const level = "2";
this.$emit("backLevel", level);
click_twolevel(id) {
const massage = {
safeRuleId: id,
level: "2",
};
this.$emit("back", massage);
bus.$emit("send", massage); // 传给二级指标详情
},
// 三级点击事件
click_threelevel() {
const level = "3";
this.$emit("backLevel", level);
click_threelevel(id) {
const massage = {
safeRuleId: id,
level: "3",
};
this.$emit("back", massage);
bus.$emit("send", massage); // 传给三级指标详情
},
},
};
@ -463,7 +477,7 @@ export default {
<style lang="less" scoped>
.display {
margin-top: 2vh;
width: 40.3vw;
width: 32vw;
height: 52vh;
overflow-y: scroll;
border: 0.1px solid #4d8f89;
@ -480,7 +494,7 @@ export default {
border-radius: 4px;
}
table {
width: 40vw;
width: 31.5vw;
height: 50vh;
border: 0.1px solid #4d8f89;
.table_title {
@ -508,7 +522,7 @@ table {
}
td:hover {
background: #3c4b4a;
color: #54FFBE ;
color: #54ffbe;
}
}
}

185
src/views/systemManagement/safeIndex/components/indexmassageOne.vue
Unescape View File

@ -3,19 +3,34 @@
<div class="massage_body">
<div class="massage_form">
<div class="form_title">
{{ this.form_data.sumTitle }}&nbsp;&nbsp;&nbsp;=
<div class="title_text">{{ this.form_data.sumTitle }}</div>
</div>
<div class="form_space"></div>
<el-form ref="form" :model="form" class="levelform">
<div class="form_space">=</div>
<el-form
v-if="btn_flag"
ref="form"
:model="form"
class="text_levelform"
:disabled="disabled"
>
<el-form-item>
<label slot="label">{{ this.first_index }}&nbsp;&nbsp;&nbsp;×</label>
<el-input v-model="form.rate_one"></el-input>
</el-form-item>
<el-form-item v-for="item in this.form.form_data_for" :key="item.sort">
<label slot="label"
>{{
this.form_data.calculation[0].indexName
}}&nbsp;&nbsp;&nbsp;×</label
>+&nbsp;&nbsp;&nbsp;{{ item.indexName }}&nbsp;&nbsp;&nbsp;×</label
>
<el-input v-model="this.form_data.calculation[0].rate"></el-input>
<el-input v-model="item.rate"></el-input>
</el-form-item>
<el-form-item v-for="item in this.form_data_for" :key="item.sort">
</el-form>
<!-- 编辑表单 -->
<el-form v-else ref="form" :model="form" class="levelform">
<el-form-item>
<label slot="label">{{ this.first_index }}&nbsp;&nbsp;&nbsp;×</label>
<el-input v-model="form.rate_one"></el-input>
</el-form-item>
<el-form-item v-for="item in this.form.form_data_for" :key="item.sort">
<label slot="label"
>+&nbsp;&nbsp;&nbsp;{{ item.indexName }}&nbsp;&nbsp;&nbsp;×</label
>
@ -26,7 +41,7 @@
<el-button @click="change_form">修改</el-button>
</div>
<div v-else class="massage_btn_two">
<el-button>保 存</el-button>
<el-button @click="save_form">保 存</el-button>
<el-button @click="cancel_form">取 消</el-button>
</div>
</div>
@ -34,21 +49,43 @@
</template>
<script>
import bus from "@/assets/js/eventBus.js";
import { safeCalculation } from "@/api/systemManagement/safeIndex";
import {
safeCalculation,
saveSafeCalculation,
} from "@/api/systemManagement/safeIndex";
export default {
name: "IndexmassageOne",
data() {
return {
btn_flag: true,
form: {},
form_data: {}, // 表单名以及需要遍历出form-item内容
form: {
rate_one: "",
form_data_for: [], // form-item除数组第一的遍历
},
sumTitle: "",
id: "",
safeRuleId: "",
first_index: "", // 第一个表单项值
form_data: {}, // 表单名以及需要遍历出form-item内容
all_data: 0, // 表单值求总和
disabled: true,
params: {}, // 表格点击传来的入参
};
},
created() {
safeCalculation({ safeRuleId: 3, levelIndex: 1 }).then((res) => {
// 首次加载
this.params = {
safeRuleId: 3,
levelIndex: 1
};
safeCalculation(this.params).then((res) => {
this.form_data = res.data.ruleDetail;
this.form_data_for = res.data.ruleDetail.calculation.filter(
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
);
});
@ -56,14 +93,18 @@ export default {
mounted() {
bus.$on("send", (data) => {
console.log(data, "data");
const params = {
this.params = {
safeRuleId: data.safeRuleId,
levelIndex: data.level,
};
safeCalculation(params).then((res) => {
console.log("res1", res);
safeCalculation(this.params).then((res) => {
this.form_data = res.data.ruleDetail;
this.form_data_for = res.data.ruleDetail.calculation.filter(
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
);
});
@ -73,9 +114,66 @@ export default {
// 修改表单
change_form() {
this.btn_flag = false;
console.log("this.form", this.form);
},
save_form() {
const rate_arr = this.form.form_data_for.map((item) => item.rate);
rate_arr.push(this.form.rate_one);
console.log("rate_arr", rate_arr);
this.all_data = 0; // 每次计算的时候清空总和
// 对表单数值求总和
for (let i = 0; i < rate_arr.length; i++) {
console.log(rate_arr[i]);
console.log("Number(rate_arr[i])", Number(rate_arr[i]));
this.all_data += Number(rate_arr[i]);
}
if (isNaN(this.all_data) || this.all_data != 1) {
this.$message.warning("保存失败,各指标占比应大于等于0且总和应等于1");
} else {
console.log("this.all_data", this.all_data);
const head_arr = [
// 表单首位的数据，因为前面删减掉了
{
indexName: this.first_index,
rate: this.form.rate_one,
sort: "1",
},
];
const all_arr = [...head_arr, ...this.form.form_data_for];
const obj = {
calculation: all_arr,
sumTitle: this.sumTitle,
};
const params = {
calculationRule: JSON.stringify(obj),
id: this.id,
safeRuleId: this.safeRuleId,
};
saveSafeCalculation(params)
.then((res) => {
console.log(res);
// this.btn_loading = false;
this.btn_flag = true;
})
.catch((err) => {
console.log(err);
});
}
},
// 取消修改
cancel_form() {
// 放弃修改则重新调取接口
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
);
});
this.btn_flag = true;
},
},
@ -83,8 +181,21 @@ export default {
</script>
<style lang="less" scoped>
/deep/.levelform.el-form {
width: 27vw;
height: 20vh;
width: 32.5vw;
margin-top: 2vh;
display: flex;
flex-wrap: wrap;
.el-form-item {
display: flex;
.el-form-item__label {
font-size: 18px;
color: #fff;
}
}
}
/deep/.text_levelform.el-form {
width: 32.5vw;
margin-top: 2vh;
display: flex;
flex-wrap: wrap;
.el-form-item {
@ -95,19 +206,6 @@ export default {
}
}
}
// /deep/.text_form.el-form {
// height: 10vh;
// margin-top: 3vh;
// display: flex;
// flex-wrap: wrap;
// .el-form-item {
// display: flex;
// .el-form-item__label {
// font-size: 18px;
// color: #fff;
// }
// }
// }
/deep/.el-input__inner {
width: 3vw;
border-radius: 0px;
@ -115,7 +213,7 @@ export default {
background: #3c4b4a;
color: #fff;
}
/deep/.text_form {
/deep/.text_levelform {
.el-form-item {
.el-form-item__content {
.el-input {
@ -132,28 +230,35 @@ export default {
}
.massage_body {
margin-top: 2vh;
width: 43.3vw;
width: 52.5vw;
height: 52vh;
border: 0.1px solid #4d8f89;
.massage_form {
display: flex;
margin-top: 1vh;
margin-left: 0.6vw;
width: 42vw;
height: 22vh;
width: 51vw;
color: #fff;
border-radius: 4px;
background: rgba(31, 45, 49, 0.4);
border: 0.5px solid #485f6c;
.form_title {
width: 5vw;
width: 7vw;
height: 22vh;
line-height: 3.8vh;
// line-height: 7.5vh;
font-size: 18px;
text-align: right;
.title_text {
width: 7vw;
height: 10vh;
margin-top: 2.7vh;
}
}
.form_space {
width: 1vw;
font-size: 18px;
text-align: center;
line-height: 7.5vh;
width: 1.5vw;
height: 22vh;
}
}

10
src/views/systemManagement/safeIndex/components/indexmassageThree.vue
Unescape View File

@ -1,6 +1,8 @@
<!-- 三级指标详细信息展示 -->
<template>
<div>789</div>
<div class="massage_body">
<div class="note_text"></div>
</div>
</template>
<script>
export default {
@ -11,4 +13,10 @@
};
</script>
<style lang="less" scoped>
.massage_body {
margin-top: 2vh;
width: 52.5vw;
height: 52vh;
border: 0.1px solid #4d8f89;
}
</style>

276
src/views/systemManagement/safeIndex/components/indexmassageTwo.vue
Unescape View File

@ -1,14 +1,284 @@
<!-- 二级指标详细信息展示 -->
<template>
<div>456</div>
<div class="massage_body">
<div class="massage_form">
<div class="form_title">
<div class="title_text">{{ this.form_data.sumTitle }}</div>
</div>
<div class="form_space">=</div>
<el-form
v-if="btn_flag"
ref="form"
:model="form"
class="text_levelform"
:disabled="disabled"
>
<el-form-item>
<label slot="label">{{ this.first_index }}&nbsp;&nbsp;&nbsp;×</label>
<el-input v-model="form.rate_one"></el-input>
</el-form-item>
<el-form-item v-for="item in this.form.form_data_for" :key="item.sort">
<label slot="label"
>+&nbsp;&nbsp;&nbsp;{{ item.indexName }}&nbsp;&nbsp;&nbsp;×</label
>
<el-input v-model="item.rate"></el-input>
</el-form-item>
</el-form>
<!-- 编辑表单 -->
<el-form v-else ref="form" :model="form" class="levelform">
<el-form-item>
<label slot="label">{{ this.first_index }}&nbsp;&nbsp;&nbsp;×</label>
<el-input v-model="form.rate_one"></el-input>
</el-form-item>
<el-form-item v-for="item in this.form.form_data_for" :key="item.sort">
<label slot="label"
>+&nbsp;&nbsp;&nbsp;{{ item.indexName }}&nbsp;&nbsp;&nbsp;×</label
>
<el-input v-model="item.rate"></el-input>
</el-form-item>
</el-form>
<div v-if="btn_flag" class="massage_btn">
<el-button @click="change_form">修改</el-button>
</div>
<div v-else class="massage_btn_two">
<el-button @click="save_form">保 存</el-button>
<el-button @click="cancel_form">取 消</el-button>
</div>
</div>
</div>
</template>
<script>
import bus from "@/assets/js/eventBus.js";
import {
safeCalculation,
saveSafeCalculation,
} from "@/api/systemManagement/safeIndex";
export default {
name: "indexmassageTwo",
name: "IndexmassageTwo",
data() {
return {};
return {
btn_flag: true,
form: {
rate_one: "",
form_data_for: [], // form-item除数组第一的遍历
},
sumTitle: "",
id: "",
safeRuleId: "",
first_index: "", // 第一个表单项值
form_data: {}, // 表单名以及需要遍历出form-item内容
all_data: 0, // 表单值求总和
disabled: true,
params: {}, // 表格点击传来的入参
};
},
created() {
// 首次加载
// this.params = {
// safeRuleId: 3,
// levelIndex: 2,
// };
// 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
// );
// });
},
mounted() {
bus.$on("send", (data) => {
console.log(data, "data");
this.params = {
safeRuleId: data.safeRuleId,
levelIndex: data.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
);
});
});
},
methods: {
// 修改表单
change_form() {
this.btn_flag = false;
console.log("this.form", this.form);
},
save_form() {
const rate_arr = this.form.form_data_for.map((item) => item.rate);
rate_arr.push(this.form.rate_one);
console.log("rate_arr", rate_arr);
this.all_data = 0; // 每次计算的时候清空总和
// 对表单数值求总和
for (let i = 0; i < rate_arr.length; i++) {
console.log(rate_arr[i]);
console.log("Number(rate_arr[i])", Number(rate_arr[i]));
this.all_data += Number(rate_arr[i]);
}
if (isNaN(this.all_data) || this.all_data != 1) {
this.$message.warning("保存失败,各指标占比应大于等于0且总和应等于1");
} else {
console.log("this.all_data", this.all_data);
const head_arr = [
// 表单首位的数据，因为前面删减掉了
{
indexName: this.first_index,
rate: this.form.rate_one,
sort: "1",
},
];
const all_arr = [...head_arr, ...this.form.form_data_for];
const obj = {
calculation: all_arr,
sumTitle: this.sumTitle,
};
const params = {
calculationRule: JSON.stringify(obj),
id: this.id,
safeRuleId: this.safeRuleId,
};
saveSafeCalculation(params)
.then((res) => {
console.log(res);
// this.btn_loading = false;
this.btn_flag = true;
})
.catch((err) => {
console.log(err);
});
}
},
// 取消修改
cancel_form() {
// 放弃修改则重新调取接口
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
);
});
this.btn_flag = true;
},
},
};
</script>
<style lang="less" scoped>
/deep/.levelform.el-form {
width: 32.5vw;
margin-top: 2vh;
display: flex;
flex-wrap: wrap;
.el-form-item {
display: flex;
.el-form-item__label {
font-size: 18px;
color: #fff;
}
}
}
/deep/.text_levelform.el-form {
width: 32.5vw;
margin-top: 2vh;
display: flex;
flex-wrap: wrap;
.el-form-item {
display: flex;
.el-form-item__label {
font-size: 18px;
color: #fff;
}
}
}
/deep/.el-input__inner {
width: 3vw;
border-radius: 0px;
font-size: 16px;
background: #3c4b4a;
color: #fff;
}
/deep/.text_levelform {
.el-form-item {
.el-form-item__content {
.el-input {
.el-input__inner {
width: 3vw;
border: 0px;
border-radius: 0px;
background: rgba(165, 42, 42, 0);
color: #fff;
}
}
}
}
}
.massage_body {
margin-top: 2vh;
width: 52.5vw;
height: 52vh;
border: 0.1px solid #4d8f89;
.massage_form {
display: flex;
margin-top: 1vh;
margin-left: 0.6vw;
width: 51vw;
color: #fff;
border-radius: 4px;
background: rgba(31, 45, 49, 0.4);
border: 0.5px solid #485f6c;
.form_title {
width: 7vw;
height: 22vh;
font-size: 18px;
text-align: right;
.title_text {
width: 7vw;
height: 10vh;
margin-top: 2.7vh;
}
}
.form_space {
font-size: 18px;
text-align: center;
line-height: 7.5vh;
width: 1.5vw;
height: 22vh;
}
}
.massage_btn,
.massage_btn_two {
width: 10vw;
height: 14vh;
text-align: center;
line-height: 14vh;
.el-button {
width: 4vw;
border: 1px solid #4a6072;
color: #fff;
border-radius: 0px !important;
background: #323f43;
}
.el-button:focus,
.el-button:hover {
color: #34e1b3;
filter: brightness(150%);
}
}
}
</style>

10
src/views/systemManagement/safeIndex/index.vue
Unescape View File

@ -153,9 +153,9 @@
</div>
<div class="index_massage">
<div class="table_title"></div>
<IndexmassageOne v-if="this.level ==='1'" ref="indexmassageOne"></IndexmassageOne>
<IndexmassageTwo v-else-if="this.level === '2'" ref="indexmassageTwo"></IndexmassageTwo>
<IndexmassageThree v-else-if="this.level === '3'" ref="indexmassageThree"></IndexmassageThree>
<IndexmassageOne v-show="this.level ==='1'" ref="indexmassageOne"></IndexmassageOne>
<IndexmassageTwo v-show="this.level === '2'" ref="indexmassageTwo"></IndexmassageTwo>
<IndexmassageThree v-show="this.level === '3'" ref="indexmassageThree"></IndexmassageThree>
</div>
</div>
</div>
@ -436,7 +436,7 @@ export default {
/* 表格区域 */
.index_table {
margin-top: 2vh;
width: 41vw;
width: 32vw;
height: 58.5vh;
// background: #fff;
.table_title {
@ -449,7 +449,7 @@ export default {
.index_massage {
margin-top: 2vh;
margin-left: 0.5vw;
width: 43.5vw;
width: 52.5vw;
height: 58.5vh;
// background: #fff;
.table_title {

Write Preview
Loading…
Cancel
Save