马宇豪
2025-02-25 31dcd2ac79af82cc149f34fbfb6ffd3d4a91a3cd
src/views/newHome/index.vue
@@ -21,7 +21,7 @@
        <div class="leftCont"></div>
        <div class="topCont">
            <div class="topInfo">
                <div class="topTit">新疆国泰新华<br />安全风险预警监测系统</div>
                <div class="topTit">智能安全数字化平台</div>
                <div class="topTime">
                    <div class="time">
                        {{ time }}
@@ -40,38 +40,38 @@
        </div>
        <div class="menuGrid">
            <div class="gridCont">
                <div class="grid-content grid-content-1 cont-bg-1" v-throttle @click="toRiskPlatform">
                    <div class="toplayer">
                        <div>
                            <img class="iconImg" src="../../assets/newMenu/icon1.png" />
                            <div>
                                <div class="itemTit1">智能安全风险综合预警<br />预报平台</div>
                                <div class="enTit1">Intelligent Security Risk Comprehensive Forewarning and Forecasting Platform</div>
                            </div>
                        </div>
                    </div>
                    <img class="bgImg1" src="../../assets/newMenu/card-1.png" />
                </div>
                <div class="grid-content cont-bg-1" v-throttle @click="toDoublePrevent">
                    <div class="toplayer">
                        <img class="iconImg" src="../../assets/newMenu/icon2.png" />
                        <div>
                            <div class="itemTit">智能安全双重预防系统</div>
                            <div class="enTit">Intelligent Security Dual Prevention System</div>
                        </div>
                    </div>
                    <img class="bgImg" src="../../assets/newMenu/card-4.png" />
                </div>
                <div class="grid-content cont-bg-1" v-throttle @click="render('4')">
                    <div class="toplayer">
                        <img class="iconImg" src="../../assets/newMenu/icon3.png" />
                        <div>
                            <div class="itemTit">智能安全巡检系统</div>
                            <div class="enTit">Intelligent Security Patrol System</div>
                        </div>
                    </div>
                    <img class="bgImg" src="../../assets/newMenu/card-8.png" />
                </div>
<!--                <div class="grid-content grid-content-1 cont-bg-1" v-throttle @click="toRiskPlatform">-->
<!--                    <div class="toplayer">-->
<!--                        <div>-->
<!--                            <img class="iconImg" src="../../assets/newMenu/icon1.png" />-->
<!--                            <div>-->
<!--                                <div class="itemTit1">智能安全风险综合预警<br />预报平台</div>-->
<!--                                <div class="enTit1">Intelligent Security Risk Comprehensive Forewarning and Forecasting Platform</div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img class="bgImg1" src="../../assets/newMenu/card-1.png" />-->
<!--                </div>-->
<!--                <div class="grid-content cont-bg-1" v-throttle @click="toDoublePrevent">-->
<!--                    <div class="toplayer">-->
<!--                        <img class="iconImg" src="../../assets/newMenu/icon2.png" />-->
<!--                        <div>-->
<!--                            <div class="itemTit">智能安全双重预防系统</div>-->
<!--                            <div class="enTit">Intelligent Security Dual Prevention System</div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img class="bgImg" src="../../assets/newMenu/card-4.png" />-->
<!--                </div>-->
<!--                <div class="grid-content cont-bg-1" v-throttle @click="render('4')">-->
<!--                    <div class="toplayer">-->
<!--                        <img class="iconImg" src="../../assets/newMenu/icon3.png" />-->
<!--                        <div>-->
<!--                            <div class="itemTit">智能安全巡检系统</div>-->
<!--                            <div class="enTit">Intelligent Security Patrol System</div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img class="bgImg" src="../../assets/newMenu/card-8.png" />-->
<!--                </div>-->
                <div class="grid-content cont-bg-1" v-throttle @click="render('3')">
                    <div class="toplayer">
                        <img class="iconImg" src="../../assets/newMenu/icon4.png" />
@@ -82,88 +82,88 @@
                    </div>
                    <img class="bgImg" src="../../assets/newMenu/card-7.png" />
                </div>
                <div class="grid-content cont-bg-1" v-throttle @click="toManLocation">
                  <div class="toplayer">
                    <img class="iconImg" src="../../assets/newMenu/icon12.png" />
                    <div>
                      <div class="itemTit">人员定位系统</div>
                      <div class="enTit">Personnel Positioning System</div>
                    </div>
                  </div>
                  <img class="bgImg" src="../../assets/newMenu/card-12.png" />
                </div>
                <div class="grid-content cont-bg-2" v-throttle @click="render('12')">
                  <div class="toplayer">
                    <img class="iconImg" src="../../assets/newMenu/icon14.png" />
                    <div>
                      <div class="itemTit">监管数据融合互通系统</div>
                      <div class="enTit">Regulatory Data Integration and Interoperability System</div>
                    </div>
                  </div>
                  <img class="bgImg" src="../../assets/newMenu/card-14.png" />
                </div>
                <div class="grid-content cont-bg-2" v-throttle @click="render('7')">
                    <div class="toplayer">
                        <img class="iconImg" src="../../assets/newMenu/icon5.png" />
                        <div>
                            <div class="itemTit">安全目标责任管理系统</div>
                            <div class="enTit">Security Target Responsibility Management System</div>
                        </div>
                    </div>
                    <img class="bgImg" src="../../assets/newMenu/card-2.png" />
                </div>
                <div class="grid-content cont-bg-2" v-throttle @click="render('10')">
                    <div class="toplayer">
                        <img class="iconImg" src="../../assets/newMenu/icon6.png" />
                        <div>
                            <div class="itemTit">安全知识图谱系统</div>
                            <div class="enTit">Security Knowledge Graph System</div>
                        </div>
                    </div>
                    <img class="bgImg" src="../../assets/newMenu/card-3.png" />
                </div>
                <div class="grid-content cont-bg-2" v-throttle @click="render('9')">
                    <div class="toplayer">
                        <img class="iconImg" src="../../assets/newMenu/icon7.png" />
                        <div>
                            <div class="itemTit">设备综合管控系统</div>
                            <div class="enTit">Equipment Integrated Management and Control System</div>
                        </div>
                    </div>
                    <img class="bgImg" src="../../assets/newMenu/card-9.png" />
                </div>
                <div class="grid-content cont-bg-2" v-throttle @click="render('6')">
                    <div class="toplayer">
                        <img class="iconImg" src="../../assets/newMenu/icon8.png" />
                        <div>
                            <div class="itemTit">应急管理系统</div>
                            <div class="enTit">Emergency Management System</div>
                        </div>
                    </div>
                    <img class="bgImg" src="../../assets/newMenu/card-5.png" />
                </div>
                <div class="grid-content cont-bg-2" v-throttle @click="renderToNew('11')">
                    <div class="toplayer">
                        <img class="iconImg" src="../../assets/newMenu/icon9.png" />
                        <div>
<!--                            <div class="itemTit">智能安全危险化学品全生命周期管控系统</div>-->
<!--                            <div class="enTit">Intelligent Security Hazardous Chemicals Life Cycle Safety Management System</div>-->
                            <div class="itemTit">安全教育考试系统</div>
                            <div class="enTit">Safety Education Examination System</div>
                        </div>
                    </div>
                    <img class="bgImg" src="../../assets/newMenu/card-10.png" />
                </div>
                <div class="grid-content cont-bg-2" v-throttle @click="render('8')">
                    <div class="toplayer">
                        <img class="iconImg" src="../../assets/newMenu/icon10.png" />
                        <div>
                            <div class="itemTit">安全事故管理系统</div>
                            <div class="enTit">Security Incident Management System</div>
                        </div>
                    </div>
                    <img class="bgImg" src="../../assets/newMenu/card-6.png" />
                </div>
<!--                <div class="grid-content cont-bg-1" v-throttle @click="toManLocation">-->
<!--                  <div class="toplayer">-->
<!--                    <img class="iconImg" src="../../assets/newMenu/icon12.png" />-->
<!--                    <div>-->
<!--                      <div class="itemTit">人员定位系统</div>-->
<!--                      <div class="enTit">Personnel Positioning System</div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <img class="bgImg" src="../../assets/newMenu/card-12.png" />-->
<!--                </div>-->
<!--                <div class="grid-content cont-bg-2" v-throttle @click="render('12')">-->
<!--                  <div class="toplayer">-->
<!--                    <img class="iconImg" src="../../assets/newMenu/icon14.png" />-->
<!--                    <div>-->
<!--                      <div class="itemTit">监管数据融合互通系统</div>-->
<!--                      <div class="enTit">Regulatory Data Integration and Interoperability System</div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <img class="bgImg" src="../../assets/newMenu/card-14.png" />-->
<!--                </div>-->
<!--                <div class="grid-content cont-bg-2" v-throttle @click="render('7')">-->
<!--                    <div class="toplayer">-->
<!--                        <img class="iconImg" src="../../assets/newMenu/icon5.png" />-->
<!--                        <div>-->
<!--                            <div class="itemTit">安全目标责任管理系统</div>-->
<!--                            <div class="enTit">Security Target Responsibility Management System</div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img class="bgImg" src="../../assets/newMenu/card-2.png" />-->
<!--                </div>-->
<!--                <div class="grid-content cont-bg-2" v-throttle @click="render('10')">-->
<!--                    <div class="toplayer">-->
<!--                        <img class="iconImg" src="../../assets/newMenu/icon6.png" />-->
<!--                        <div>-->
<!--                            <div class="itemTit">安全知识图谱系统</div>-->
<!--                            <div class="enTit">Security Knowledge Graph System</div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img class="bgImg" src="../../assets/newMenu/card-3.png" />-->
<!--                </div>-->
<!--                <div class="grid-content cont-bg-2" v-throttle @click="render('9')">-->
<!--                    <div class="toplayer">-->
<!--                        <img class="iconImg" src="../../assets/newMenu/icon7.png" />-->
<!--                        <div>-->
<!--                            <div class="itemTit">设备综合管控系统</div>-->
<!--                            <div class="enTit">Equipment Integrated Management and Control System</div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img class="bgImg" src="../../assets/newMenu/card-9.png" />-->
<!--                </div>-->
<!--                <div class="grid-content cont-bg-2" v-throttle @click="render('6')">-->
<!--                    <div class="toplayer">-->
<!--                        <img class="iconImg" src="../../assets/newMenu/icon8.png" />-->
<!--                        <div>-->
<!--                            <div class="itemTit">应急管理系统</div>-->
<!--                            <div class="enTit">Emergency Management System</div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img class="bgImg" src="../../assets/newMenu/card-5.png" />-->
<!--                </div>-->
<!--                <div class="grid-content cont-bg-2" v-throttle @click="renderToNew('11')">-->
<!--                    <div class="toplayer">-->
<!--                        <img class="iconImg" src="../../assets/newMenu/icon9.png" />-->
<!--                        <div>-->
<!--&lt;!&ndash;                            <div class="itemTit">智能安全危险化学品全生命周期管控系统</div>&ndash;&gt;-->
<!--&lt;!&ndash;                            <div class="enTit">Intelligent Security Hazardous Chemicals Life Cycle Safety Management System</div>&ndash;&gt;-->
<!--                            <div class="itemTit">安全教育考试系统</div>-->
<!--                            <div class="enTit">Safety Education Examination System</div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img class="bgImg" src="../../assets/newMenu/card-10.png" />-->
<!--                </div>-->
<!--                <div class="grid-content cont-bg-2" v-throttle @click="render('8')">-->
<!--                    <div class="toplayer">-->
<!--                        <img class="iconImg" src="../../assets/newMenu/icon10.png" />-->
<!--                        <div>-->
<!--                            <div class="itemTit">安全事故管理系统</div>-->
<!--                            <div class="enTit">Security Incident Management System</div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img class="bgImg" src="../../assets/newMenu/card-6.png" />-->
<!--                </div>-->
<!--                <div class="grid-content cont-bg-2" v-throttle @click="toSmartFactory">-->
<!--                  <div class="toplayer">-->
<!--                    <img class="iconImg" src="../../assets/newMenu/icon13.png" />-->