修改名称

马宇豪

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,86 +82,98 @@
                    </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('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>
                    </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" />
                    <div>
                      <div class="itemTit">智能工厂系统</div>
                      <div class="enTit">Intelligent Factory System</div>
                    </div>
                  </div>
                  <img class="bgImg" src="../../assets/newMenu/card-13.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" />-->
<!--                    <div>-->
<!--                      <div class="itemTit">智能工厂系统</div>-->
<!--                      <div class="enTit">Intelligent Factory System</div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <img class="bgImg" src="../../assets/newMenu/card-13.png" />-->
<!--                </div>-->
                <div class="grid-content cont-bg-2" @click="render('1')">
                    <div class="toplayer">
                        <img class="iconImg" src="../../assets/newMenu/icon11.png" />
@@ -183,7 +195,7 @@
</template>

<script lang="ts">
import { toRefs, reactive, computed, defineComponent, onMounted } from 'vue';
import {toRefs, reactive, computed, defineComponent, onMounted, onUnmounted} from 'vue';
import { storeToRefs } from 'pinia';
import { useThemeConfig } from '/@/stores/themeConfig';
import logoMini from '/@/assets/logo-mini.svg';
@@ -216,6 +228,7 @@
    date: string;
    weekDay: string;
    dayTime: string;
    timer: null | any
}

export default defineComponent({
@@ -250,7 +263,8 @@
            date: '',
            weekDay: '',
            dayTime: '',
            isScreenfull: false
            isScreenfull: false,
              timer: null
        });

        const userName = computed(() =>{
@@ -346,21 +360,26 @@
            });
        };
        // 去风险大屏
        const toRiskPlatform = () => {
        const toRiskPlatform = async() => {
            // router.push({
            //     name: "warningScreen"
            // });
            window.open('http://39.104.85.193:8585/');
          const routePath = '/warningScreen';
          const resolvedRoute = router.resolve(routePath);
          const fullPath = resolvedRoute.href
          window.open(fullPath, '_blank');

            // window.open('http://39.104.85.193:8585/');
        };

        const toDoublePrevent = () => {
           window.open('http://121.239.169.27:6801');
           window.open('http://8.137.115.153:6801/login');
        };
        const toSmartFactory = () =>{
          window.open('http://10.211.134.139:5522/#/login');
          window.open('http://117.190.40.54:5522/#/login');
        }
        const toManLocation = () =>{
          window.open('http://10.211.134.138:8081/GUOTAI');
          window.open('http://117.190.40.54:8081/location_system_5.4.9/login/login.html?company=GUOTAI&version=5.4.9');
        }
        const throttle = (renderMenu: any, delay: number) => {
            let flag = true;
@@ -393,8 +412,8 @@
            userInfos.value.projectId = state.projectId;
            await initBackEndControlRoutes().then(() => {
                let linkToMenu = [...routesList.value];
                if (linkToMenu && linkToMenu.length > 1) {
                    router.push(linkToFirstMenu(JSON.parse(JSON.stringify(linkToMenu))[1]));
                if (linkToMenu && linkToMenu.length > 0) {
                    router.push(linkToFirstMenu(JSON.parse(JSON.stringify(linkToMenu))[0]));
                } else {
                    ElMessage({ type: 'warning', message: '你没有该子系统的权限' });
                }
@@ -411,7 +430,8 @@
        };

        const renderToNew = () => {
            window.open('http://222.92.213.22:18001/smartlab/', '_blank');
            // window.open('http://222.92.213.22:18001/smartlab/', '_blank');
          window.open('http://47.108.222.15:8000/', '_blank');
        };
        // //点击进入特殊作业
        // const toSpecialWorkSys = () => {
@@ -422,12 +442,17 @@
            state.once += 1;
            NextLoading.done();
            getDateTime();
            setInterval(() => {
            state.timer = setInterval(() => {
                getDateTime();
            }, 1000);
            }, 30000);
            // loginBg();
            // loginApp()
        });
        })

      onUnmounted(() => {
        clearInterval(state.timer)
      });

        return {
            render,
            userName,