111

package.json

@@ -1,25 +1,26 @@
 {
-  "name": "website",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-      "dev": "vite",
-      "build": "vite build"
-  },
-  "dependencies": {
-      "axios": "^1.6.8",
-      "element-plus": "2.7.0",
-      "js-fast-way": "^0.4.9",
-      "vue": "3.4.23",
-      "vue-router": "^4.3.1"
-  },
-  "devDependencies": {
-      "@vitejs/plugin-vue": "^4.5.2",
-      "@vue/compiler-sfc": "^3.4.23",
-      "sass": "^1.75.0",
-      "unocss": "0.58.2",
-      "unocss-preset-extra": "^0.5.3",
-      "unocss-preset-scrollbar": "^0.3.1",
-      "vite": "^4.5.0"
-  }
+    "name": "website",
+    "version": "1.0.0",
+    "private": true,
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build"
+    },
+    "dependencies": {
+        "axios": "^1.6.8",
+        "element-plus": "2.7.0",
+        "js-fast-way": "^0.4.9",
+        "vue": "3.4.23",
+        "vue-router": "^4.3.1"
+    },
+    "devDependencies": {
+        "@iconify-json/iconoir": "^1.1.43",
+        "@vitejs/plugin-vue": "^4.5.2",
+        "@vue/compiler-sfc": "^3.4.23",
+        "sass": "^1.75.0",
+        "unocss": "0.58.2",
+        "unocss-preset-extra": "^0.5.3",
+        "unocss-preset-scrollbar": "^0.3.1",
+        "vite": "^4.5.0"
+    }
 }

src/components/headerNav.vue

@@ -3,16 +3,14 @@
         <img alt="" src="../assets/index/companyName.png" style="width: 195px; height: 40px"/>
         <!-- 右边导航 -->
         <div class="rightNav">
-            <div v-for="(item, index) in names" :key="index" :style="currentIndex == index ? 'color:red' : ''"
-                 class="singleNav" @click="enterHome(item, index)">{{ item }}
+            <div v-for="(item, index) in names" :key="index" :style="currentIndex == index ? 'color:red' : ''" class="singleNav" @click="enterHome(item, index)">{{ item }}</div>
+            <div class="singleNav">
+                <span class="phone"/>
+                023—62795307
             </div>
-            <!-- <div class="singleNav" @click="enterCoreValue">核心价值</div>
-            <div class="singleNav" @click="enterCase">案例</div>
-            <div class="singleNav" @click="enterService">服务</div>
-            <div class="singleNav" @click="enterAboutUs">关于我们</div> -->
-            <div class="singleNav"><span class="phone"></span>023—62795307</div>
             <div class="singleNav singleNav2" @click="onlineClick">
-                <span class="service"></span>在线客服
+                <span class="service"/>
+                在线客服
             </div>
         </div>
         <!--在线客服弹框-->
@@ -22,7 +20,7 @@
                 <div class="popbox-ercode-box" @click.stop="popboxBody">
                     <div class="popbox-title">扫描联系客服</div>
                     <div class="flex-box">
-                        <div class="flex">
+                        <div class="hc-flex-1">
                             <div class="img-box">
                                 <img alt="" class="img" src="../assets/service/weixin.png">
                             </div>
@@ -31,8 +29,7 @@
                                 <span class="text-box">联系微信客服</span>
                             </div>
                         </div>
-
-                        <div class="flex">
+                        <div class="hc-flex-1">
                             <div class="img-box">
                                 <img alt="" class="img" src="../assets/service/qq.png">
                             </div>
@@ -41,10 +38,8 @@
                                 <span class="text-box">联系QQ客服</span>
                             </div>
                         </div>
-
                     </div>
-
-                    <i class="el-icon-close popbox-icon-close" @click.stop="popboxClose"></i>
+                    <i class="i-iconoir-xmark popbox-icon-close" @click.stop="popboxClose"/>
                 </div>
             </div>
         </div>
@@ -52,6 +47,7 @@
 </template>
 
 <script>
+import router from '~src/router'
 export default {
     props: {
         index: {
@@ -70,15 +66,15 @@ export default {
         enterHome(item, index) {
             this.currentIndex = index;
             if (item === "平台首页") {
-                this.$router.push("/");
+                router.push("/");
             } else if (item === "核心价值") {
-                this.$router.push('/coreValue');
+                router.push('/coreValue');
             } else if (item === "案例") {
-                this.$router.push("/case");
+                router.push("/case");
             } else if (item === "服务") {
-                this.$router.push("/service");
+                router.push("/service");
             } else if (item === "关于我们") {
-                this.$router.push("/aboutUs");
+                router.push("/aboutUs");
             }
         },
         onlineClick() {
@@ -188,7 +184,7 @@ export default {
                     align-items: center;
                     justify-content: center;
 
-                    .flex {
+                    .hc-flex-1 {
                         flex: 1;
 
                         .img-box {

src/views/Home.vue

@@ -6,9 +6,7 @@
             <HeaderNav></HeaderNav>
             <!-- 公路工程大数据平台 -->
             <div>
-                <div class="bigData">
-                    公路工程<span style="color: red">大数据平台</span>
-                </div>
+                <div class="bigData">公路工程<span style="color: red">大数据平台</span></div>
                 <div class="singleData">让每个数据更有价值</div>
             </div>
             <div></div>
@@ -17,9 +15,7 @@
         <div class="efficiency">
             <div class="efficiency_outBox">
                 <div class="efficiency_Data">工程大数据平台</div>
-                <div class="efficiency_Data2">
-                    提升效率、降低成本、规范管理，从而提升管理质量
-                </div>
+                <div class="efficiency_Data2">提升效率、降低成本、规范管理，从而提升管理质量</div>
             </div>
             <!-- 下面图片 -->
             <div class="bottomImg">
@@ -29,24 +25,20 @@
                         <div class="archives" @click="archives">电子档案馆</div>
                         <div class="AIassistant">AI工程助理</div>
                     </div>
-                    <div
-                        style="
+                    <div style="
               width: 30%;
               display: flex;
               flex-direction: column;
               align-items: flex-end;
-            "
-                    >
+            ">
                         <div class="Physical">物联传输</div>
                         <div class="wisdom">智慧实验室</div>
                     </div>
-                    <div
-                        style="
+                    <div style="
               display: flex;
               flex-direction: column;
               justify-content: flex-end;
-            "
-                    >
+            ">
                         <div></div>
                         <div class="dataCenter">大数据中心</div>
                     </div>
@@ -63,93 +55,63 @@
             <div class="advantage_img">
                 <div class="advantage_img_single">
                     <div class="advantage_img_content">
-                        <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
-                            可视化
-                        </div>
-                        <div
-                            style="
+                        <div style="font-size: 20px; font-weight: 700; color: #fcfdff">可视化</div>
+                        <div style="
                 font-size: 16px;
                 font-weight: 400;
                 color: #fcfdff;
                 margin-top: 19px;
                 text-align: center;
-              "
-                        >
-                            BIM模型管理，项目现场可视化管控
-                        </div>
+              ">BIM模型管理，项目现场可视化管控</div>
                     </div>
                 </div>
                 <div class="advantage_img_single2">
                     <div class="advantage_img_content">
-                        <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
-                            知识图谱
-                        </div>
-                        <div
-                            style="
+                        <div style="font-size: 20px; font-weight: 700; color: #fcfdff">知识图谱</div>
+                        <div style="
                 font-size: 16px;
                 font-weight: 400;
                 color: #fcfdff;
                 margin-top: 19px;
                 text-align: center;
-              "
-                        >
-                            独有的工程数据提取技术，利用海量数据构建公路工程知识图谱
-                        </div>
+              ">独有的工程数据提取技术，利用海量数据构建公路工程知识图谱</div>
                     </div>
                 </div>
                 <div class="advantage_img_single3">
                     <div class="advantage_img_content">
                         <div style="height: 80%"></div>
-                        <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
-                            智慧任务流
-                        </div>
-                        <div
-                            style="
+                        <div style="font-size: 20px; font-weight: 700; color: #fcfdff">智慧任务流</div>
+                        <div style="
                 font-size: 16px;
                 font-weight: 400;
                 color: #fcfdff;
                 margin-top: 19px;
                 text-align: center;
-              "
-                        >
-                            智慧化任务协作流程，高效协作办公及过程监管
-                        </div>
+              ">智慧化任务协作流程，高效协作办公及过程监管</div>
                     </div>
                 </div>
                 <div class="advantage_img_single4">
                     <div class="advantage_img_content">
-                        <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
-                            档案管理
-                        </div>
-                        <div
-                            style="
+                        <div style="font-size: 20px; font-weight: 700; color: #fcfdff">档案管理</div>
+                        <div style="
                 font-size: 16px;
                 font-weight: 400;
                 color: #fcfdff;
                 margin-top: 19px;
                 text-align: center;
-              "
-                        >
-                            标准化规范档案资料
-                        </div>
+              ">标准化规范档案资料</div>
                     </div>
                 </div>
                 <div class="advantage_img_single5">
                     <div class="advantage_img_content">
-                        <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
-                            高效采集
-                        </div>
-                        <div
-                            style="
+                        <div style="font-size: 20px; font-weight: 700; color: #fcfdff">高效采集</div>
+                        <div style="
                 font-size: 16px;
                 font-weight: 400;
                 color: #fcfdff;
                 margin-top: 19px;
                 text-align: center;
-              "
-                        >
-                            赋能数据质量和效率
-                        </div>
+              ">赋能数据质量和效率</div>
                     </div>
                 </div>
             </div>
@@ -157,171 +119,97 @@
         <!-- 产品技术 -->
         <div class="technology">
             <div class="technology_Data">产品技术</div>
-            <div class="technology_Data2">
-                风控预警 提效功能 降低容错率 提高产出量
-            </div>
+            <div class="technology_Data2">风控预警 提效功能 降低容错率 提高产出量</div>
         </div>
         <!-- CFCA电签认证 -->
         <div class="electricity_outBox">
             <div class="electricity">
                 <div class="electricity_single">
-                    <img
-                        style="width: 129px; height: 51px"
-                        src="../assets/index/dianqian.png"
-                        alt=""
-                    />
-                    <div
-                        style="
+                    <img style="width: 129px; height: 51px" src="../assets/index/dianqian.png" alt=""/>
+                    <div style="
               font-size: 18px;
               font-weight: 400;
               color: #333333;
               margin-top: 20px;
-            "
-                    >
-                        CFCA电签认证
-                    </div>
+            ">CFCA电签认证</div>
                 </div>
                 <div class="electricity_single" style="margin-top: 94px">
-                    <img
-                        style="width: 61px; height: 50px"
-                        src="../assets/index/jiansuo.png"
-                        alt=""
-                    />
-                    <div
-                        style="
+                    <img style="width: 61px; height: 50px" src="../assets/index/jiansuo.png" alt=""/>
+                    <div style="
               font-size: 18px;
               font-weight: 400;
               color: #333333;
               margin-top: 20px;
-            "
-                    >
-                        智能检索
-                    </div>
+            ">智能检索</div>
                 </div>
                 <div class="electricity_single" style="margin-top: 94px">
-                    <img
-                        style="width: 68px; height: 53px"
-                        src="../assets/index/wulianshebei.png"
-                        alt=""
-                    />
-                    <div
-                        style="
+                    <img style="width: 68px; height: 53px" src="../assets/index/wulianshebei.png" alt=""/>
+                    <div style="
               font-size: 18px;
               font-weight: 400;
               color: #333333;
               margin-top: 20px;
-            "
-                    >
-                        物联设备数据
-                    </div>
+            ">物联设备数据</div>
                 </div>
             </div>
             <!-- 智能检索 -->
             <div class="retrieval">
                 <div class="retrieval_single">
-                    <img
-                        style="width: 68px; height: 57px"
-                        src="../assets/index/yuyin.png"
-                        alt=""
-                    />
-                    <div
-                        style="
+                    <img style="width: 68px; height: 57px" src="../assets/index/yuyin.png" alt=""/>
+                    <div style="
               font-size: 18px;
               font-weight: 400;
               color: #333333;
               margin-top: 20px;
-            "
-                    >
-                        语音交互
-                    </div>
+            ">语音交互</div>
                 </div>
                 <div class="retrieval_single" style="margin-top: 94px">
-                    <img
-                        style="width: 66px; height: 56px"
-                        src="../assets/index/yujin.png"
-                        alt=""
-                    />
-                    <div
-                        style="
+                    <img style="width: 66px; height: 56px" src="../assets/index/yujin.png" alt=""/>
+                    <div style="
               font-size: 18px;
               font-weight: 400;
               color: #333333;
               margin-top: 20px;
-            "
-                    >
-                        智能预警
-                    </div>
+            ">智能预警</div>
                 </div>
                 <div class="retrieval_single" style="margin-top: 94px">
-                    <img
-                        style="width: 59px; height: 53px"
-                        src="../assets/index/zujuan.png"
-                        alt=""
-                    />
-                    <div
-                        style="
+                    <img style="width: 59px; height: 53px" src="../assets/index/zujuan.png" alt=""/>
+                    <div style="
               font-size: 18px;
               font-weight: 400;
               color: #333333;
               margin-top: 20px;
-            "
-                    >
-                        档案组卷归档
-                    </div>
+            ">档案组卷归档</div>
                 </div>
             </div>
             <!-- 物联设备数据 -->
             <div class="device">
                 <div class="device_single">
-                    <img
-                        style="width: 68px; height: 57px"
-                        src="../assets/index/zhinengwenda.png"
-                        alt=""
-                    />
-                    <div
-                        style="
+                    <img style="width: 68px; height: 57px" src="../assets/index/zhinengwenda.png" alt=""/>
+                    <div style="
               font-size: 18px;
               font-weight: 400;
               color: #333333;
               margin-top: 20px;
-            "
-                    >
-                        智能问答
-                    </div>
+            ">智能问答</div>
                 </div>
                 <div class="device_single" style="margin-top: 94px">
-                    <img
-                        style="width: 70px; height: 52px"
-                        src="../assets/index/huoti.png"
-                        alt=""
-                    />
-                    <div
-                        style="
+                    <img style="width: 70px; height: 52px" src="../assets/index/huoti.png" alt=""/>
+                    <div style="
               font-size: 18px;
               font-weight: 400;
               color: #333333;
               margin-top: 20px;
-            "
-                    >
-                        活体识别
-                    </div>
+            ">活体识别</div>
                 </div>
                 <div class="device_single" style="margin-top: 94px">
-                    <img
-                        style="width: 68px; height: 53px"
-                        src="../assets/index/yunyin.png"
-                        alt=""
-                    />
-                    <div
-                        style="
+                    <img style="width: 68px; height: 53px" src="../assets/index/yunyin.png" alt=""/>
+                    <div style="
               font-size: 18px;
               font-weight: 400;
               color: #333333;
               margin-top: 20px;
-            "
-                    >
-                        运营养护智慧化流程
-                    </div>
+            ">运营养护智慧化流程</div>
                 </div>
             </div>
         </div>
@@ -333,6 +221,7 @@
 <script>
 import HeaderNav from "~src/components/headerNav.vue";
 import Footer from "~src/components/footer.vue";
+import router from '~src/router'
 
 export default {
     name: "Home",
@@ -345,7 +234,7 @@ export default {
     },
     methods: {
         archives() {
-            this.$router.push('/archives')
+            router.push('/archives')
         }
     }
 };

src/views/aboutUs.vue

@@ -4,11 +4,7 @@
             <!-- 头部导航 -->
             <HeaderNav :index="index"></HeaderNav>
             <div class="topDesc">
-                <img
-                    src="../assets/index/companyName.png"
-                    alt=""
-                    style="width: 195px; height: 40px"
-                />
+                <img src="../assets/index/companyName.png" alt="" style="width: 195px; height: 40px"/>
                 <div class="topContent">
                     泓创智诚的愿景是联通每一条公路数据，把数字化公路知识图谱带给世界
                 </div>
@@ -17,11 +13,7 @@
         </div>
         <!-- ABOUT YINGDEKI -->
         <div class="bridge">
-            <img
-                style="width: 340px; height: 290px"
-                src="../assets/aboutUs/daqiao.png"
-                alt=""
-            />
+            <img style="width: 340px; height: 290px" src="../assets/aboutUs/daqiao.png" alt=""/>
             <div class="bridgeRight">
                 <div class="bridgeRightDesc">公司简介：</div>
                 <div class="bridgeRightDesc2">泓创智诚是一家以创新 开放 融合
@@ -37,11 +29,7 @@
         </div>
         <!-- 横幅 -->
         <div class="banner">
-            <img
-                style="width: 100%; height: 119px"
-                src="../assets/aboutUs/hengfu.png"
-                alt=""
-            />
+            <img style="width: 100%; height: 119px" src="../assets/aboutUs/hengfu.png" alt=""/>
         </div>
         <!-- 我们的理念 -->
         <div class="concept">
@@ -50,19 +38,12 @@
                 <div class="conceptContentNum">0</div>
                 <div class="rightContent">
                     <div class="conceptContentNum">1</div>
-                    <div style="font-size: 18px; color: #666; justify-content: center">
-                        时刻铭记客户价值是生存的基石，是客户选择泓创的理由。
-                    </div>
+                    <div style="font-size: 18px; color: #666; justify-content: center">时刻铭记客户价值是生存的基石，是客户选择泓创的理由。</div>
                     <div></div>
                 </div>
             </div>
             <div class="conceptContent">
-                <div
-                    class="conceptContentNum"
-                    style="font-size: 50px; font-family: Microsoft Yahei"
-                >
-                    0
-                </div>
+                <div class="conceptContentNum" style="font-size: 50px; font-family: Microsoft Yahei">0</div>
                 <div class="rightContent">
                     <div class="conceptContentNum">2</div>
                     <div style="font-size: 18px; color: #666; justify-content: center">
@@ -75,9 +56,7 @@
                 <div class="conceptContentNum">0</div>
                 <div class="rightContent">
                     <div class="conceptContentNum">3</div>
-                    <div style="font-size: 18px; color: #666; justify-content: center">
-                        我们与客户一起平衡机会与风险，快速响应客户需求，实现可持续发展。
-                    </div>
+                    <div style="font-size: 18px; color: #666; justify-content: center">我们与客户一起平衡机会与风险，快速响应客户需求，实现可持续发展。</div>
                     <div></div>
                 </div>
             </div>
@@ -85,10 +64,7 @@
                 <div class="conceptContentNum">0</div>
                 <div class="rightContent">
                     <div class="conceptContentNum">4</div>
-                    <div style="font-size: 18px; color: #666; justify-content: center">
-                        泓创承诺向客户提供高质量的产品、服务和解决方案，持续不断让客户体验到
-                        我们致力于为每个客户创造价值。
-                    </div>
+                    <div style="font-size: 18px; color: #666; justify-content: center">泓创承诺向客户提供高质量的产品、服务和解决方案，持续不断让客户体验到。我们致力于为每个客户创造价值。</div>
                     <div></div>
                 </div>
             </div>
@@ -102,52 +78,31 @@
         <div class="history">
             <div class="historyContent">
                 <div class="left">
-                    <div style="font-size: 32px; color: #4f4f4f; font-weight: 550">
-                        公司发展史
-                    </div>
-                    <div
-                        style="
+                    <div style="font-size: 32px; color: #4f4f4f; font-weight: 550">公司发展史</div>
+                    <div style="
               font-size: 60px;
               font-family: serif;
               color: #4f4f4f;
               margin-top: 70px;
               font-weight: 600;
-            "
-                    >
-                        2022
-                    </div>
+            ">2022</div>
                     <div style="
               font-size: 16px;
               margin-top: 10px;
               line-height: 27px;
               text-align: justify;
               margin-top: 60px;
-            ">
-                        公司战略升级，以全要素覆盖，全周期持续，全业务赋能，全栈式架构的前瞻性设计为产品核心优势。启用数字工程档案平台版本、数字工程档案管理APP、智慧工地试验管理系统、计量系统、大数据中台等多个专业工程档案平台。全要素覆盖，全周期持续，全业务赋能，全栈式架构研发团队还可为客户定制化需求服务，帮助企业更加行之有效的管理项目。帮助企业降本增效。
-                    </div>
-
+            ">公司战略升级，以全要素覆盖，全周期持续，全业务赋能，全栈式架构的前瞻性设计为产品核心优势。启用数字工程档案平台版本、数字工程档案管理APP、智慧工地试验管理系统、计量系统、大数据中台等多个专业工程档案平台。全要素覆盖，全周期持续，全业务赋能，全栈式架构研发团队还可为客户定制化需求服务，帮助企业更加行之有效的管理项目。帮助企业降本增效。</div>
                 </div>
                 <div class="right">
                     <div class="rightLeft">
                         <div style="font-size: 18px; color: #666">2022</div>
-                        <div style="font-size: 18px; color: #666; margin-top: 10px">
-                            2021
-                        </div>
-                        <div style="font-size: 18px; color: #666; margin-top: 10px">
-                            2020
-                        </div>
-                        <div style="font-size: 18px; color: #666; margin-top: 10px">
-                            2019
-                        </div>
-                        <div style="font-size: 18px; color: #666; margin-top: 10px">
-                            2018
-                        </div>
-                        <div style="font-size: 18px; color: #666; margin-top: 10px">
-                            2017
-                        </div>
-                        <div style="font-size: 18px; color: #666; margin-top: 10px">
-                            2016
-                        </div>
+                        <div style="font-size: 18px; color: #666; margin-top: 10px">2021</div>
+                        <div style="font-size: 18px; color: #666; margin-top: 10px">2020</div>
+                        <div style="font-size: 18px; color: #666; margin-top: 10px">2019</div>
+                        <div style="font-size: 18px; color: #666; margin-top: 10px">2018</div>
+                        <div style="font-size: 18px; color: #666; margin-top: 10px">2017</div>
+                        <div style="font-size: 18px; color: #666; margin-top: 10px">2016</div>
                     </div>
                     <div class="rightRight">
                         <div class="rightRightTop">
@@ -167,25 +122,15 @@
             <el-carousel indicator-position="outside" style="width: 100%">
                 <el-carousel-item v-for="(item, index) in news" :key="index">
                     <div class="notableContent">
-                        <img
-                            style="width: 366px; height: 343px"
-                            :src="item.imgUrl"
-                            alt=""
-                        />
+                        <img style="width: 366px; height: 343px" :src="item.imgUrl" alt=""/>
                         <div class="notableContentRight">
-                            <div style="font-size: 32px; color: #4f4f4f">
-                                {{ item.title }}
-                            </div>
-                            <div
-                                style="
+                            <div style="font-size: 32px; color: #4f4f4f">{{ item.title }}</div>
+                            <div style="
                   font-size: 16px;
                   color: #000;
                   line-height: 26px;
                   margin-top: 11px;
-                "
-                            >
-                                {{ item.content }}
-                            </div>
+                ">{{ item.content }}</div>
                         </div>
                     </div>
                 </el-carousel-item>
@@ -198,62 +143,41 @@
         <!-- 招聘信息内容 -->
         <div class="recruitmentInfo">
             <div class="single">
-                <img
-                    style="width: 100%; height: 250px"
-                    src="../assets/aboutUs/ziliaoyuan.png"
-                    alt=""
-                />
+                <img style="width: 100%; height: 250px" src="../assets/aboutUs/ziliaoyuan.png" alt=""/>
                 <div class="singleInfo">
                     <div style="font-size: 18px; font-weight: 700">岗位：公路资料员</div>
                     <div style="font-size: 16px;margin-top:13px">薪资：5k-8k</div>
                     <div class="singleInfoUl">
                         <ul>
-                            <li>
-                                1.
-                                沟通施工台账，收集实验、测量数据，在系统打印填写好的质检资料，整理交与项目部签字盖章。
-                            </li>
+                            <li>1. 沟通施工台账，收集实验、测量数据，在系统打印填写好的质检资料，整理交与项目部签字盖章。</li>
                             <li>2. 与业主、监理、项目部沟通质检资料的填写及规范要求。</li>
                             <li>3, 配合项目检查、验收、移交等工作。</li>
                             <li>任职要求：</li>
                             <li>1. 土建类专业、公路道路与桥梁专业优先；</li>
-                            <li>
-                                2.
-                                两年以上路网或公路项目质检资料工作经验，能独立完成桥梁、路基结构物质检资料
-                                沟通协调能力强
-                            </li>
+                            <li>2. 两年以上路网或公路项目质检资料工作经验，能独立完成桥梁、路基结构物质检资料 沟通协调能力强</li>
                         </ul>
                     </div>
                 </div>
                 <div class="bottomLine"></div>
             </div>
             <div class="single">
-                <img
-                    style="width: 100%; height: 250px"
-                    src="../assets/aboutUs/jishu.png"
-                    alt=""
-                />
+                <img style="width: 100%; height: 250px" src="../assets/aboutUs/jishu.png" alt=""/>
                 <div class="singleInfo">
                     <div style="font-size: 18px; font-weight: 700">岗位：技术经理</div>
                     <div style="font-size: 16px;margin-top:13px">薪资：12K-25K</div>
                     <div class="singleInfoUl">
                         <ul>
-                            <li>
-                                工作职责：
-                            </li>
+                            <li>工作职责：</li>
                             <li>1. 负责产品技术团队的管理，制定开发规范，撰写相关技术文档指导、培训初级技术人员；</li>
                             <li>2. 根据业务需求，转化成技术设计，具备架构设计能力，包括技术的交流和技术设计文档的撰写；</li>
                             <li>3. 负责项目评审、需求分析、功能模块设计、开发、测试、发布与运维阶段管理工作；</li>
                         </ul>
                     </div>
                 </div>
-                <div class="bottomLine"></div>
+                <div class="bottomLine"/>
             </div>
             <div class="single">
-                <img
-                    style="width: 100%; height: 250px"
-                    src="../assets/aboutUs/java.png"
-                    alt=""
-                />
+                <img style="width: 100%; height: 250px" src="../assets/aboutUs/java.png" alt=""/>
                 <div class="singleInfo">
                     <div style="font-size: 18px; font-weight: 700">岗位：高级JAVA开发</div>
                     <div style="font-size: 16px;margin-top:13px">薪资：10K-15K</div>
@@ -269,17 +193,19 @@
                         </ul>
                     </div>
                 </div>
-                <div class="bottomLine"></div>
+                <div class="bottomLine"/>
             </div>
         </div>
         <!-- 底部 -->
-        <Footer></Footer>
+        <Foote/>
     </div>
 </template>
 
 <script>
 import HeaderNav from "~src/components/headerNav.vue";
 import Footer from "~src/components/footer.vue";
+import newAbout1 from '~src/assets/aboutUs/new-1.png'
+import newAbout2 from '~src/assets/aboutUs/new-2.png'
 
 export default {
     name: "AboutUs",
@@ -288,12 +214,12 @@ export default {
         return {
             news: [
                 {
-                    imgUrl: require("../assets/aboutUs/new-1.png"),
+                    imgUrl: newAbout1,
                     title: "重庆市交通规划和技术发展中心组织召开了建设项目...",
                     content: "2022年4 月 15 日下午， 重庆市交通规划和技术发展中心组织召开了建设项目电子文件归档与电子档案管理试点阶段性成果汇报交流会。会议由市交通规划 和技术中心主持，市交通局、市档案局相关处室同志、受邀专家、重庆奉建高速公路有限公司、重庆梁开高速公路有限公司以及相 关技术支持单位参加会议。在本次会议交流中取得最优汇报成果。",
                 },
                 {
-                    imgUrl: require("../assets/aboutUs/new-2.png"),
+                    imgUrl: newAbout2,
                     title: "2022年4月25日与南川西环线高速公路一标进行质检资料系统及业务培训。",
                     content: "2022年4月25日与南川西环线高速公路一标进行质检资料系统及业务培训。",
                 },

src/views/archives.vue

@@ -7,14 +7,10 @@
             <div class="bubbles">
                 <div class="single">
                     <div class="security">安全</div>
-                    <div
-                        style="display: flex; justify-content: flex-end; margin-left: 20px"
-                    >
+                    <div style="display: flex; justify-content: flex-end; margin-left: 20px">
                         <div class="electronic">电子档案馆</div>
                     </div>
-                    <div
-                        style="display: flex; justify-content: flex-end; margin-left: 20px"
-                    >
+                    <div style="display: flex; justify-content: flex-end; margin-left: 20px">
                         <div class="visualization">可视化</div>
                     </div>
                 </div>
@@ -23,14 +19,12 @@
                 </div>
                 <div class="single3">
                     <div class="assistant">AI工程助理</div>
-                    <div
-                        style="
+                    <div style="
               display: flex;
               justify-content: flex-end;
               margin-top: 50px;
               margin-right: -50px;
-            "
-                    >
+            ">
                         <div class="maintenance">智慧养护</div>
                     </div>
                 </div>
@@ -38,9 +32,7 @@
                     <div style="display: flex; justify-content: flex-start">
                         <div class="intelligent">智能化</div>
                     </div>
-                    <div
-                        style="display: flex; justify-content: flex-end; margin-left: 170px"
-                    >
+                    <div style="display: flex; justify-content: flex-end; margin-left: 170px">
                         <div class="gather">采集利用</div>
                     </div>
                 </div>
@@ -51,14 +43,12 @@
                 </div>
                 <div class="single6">
                     <div class="bigDataCenter">大数据中心</div>
-                    <div
-                        style="
+                    <div style="
               display: flex;
               justify-content: flex-end;
               margin-top: 20px;
               margin-right: -240px;
-            "
-                    >
+            ">
                         <div class="standard">标准</div>
                     </div>
                     <div class="transmission">物联传输</div>
@@ -75,70 +65,40 @@
         </div>
         <!-- 电子档案 -->
         <div class="electronicFile">电子档案</div>
-        <div class="electronicFile2">
-            数字化线上数据采集，形成电子文件，经过业务过程流转，形成电子档案。建立工程管理三维模型，项目现场可视、可控、可查、可测！
-        </div>
+        <div class="electronicFile2">数字化线上数据采集，形成电子文件，经过业务过程流转，形成电子档案。建立工程管理三维模型，项目现场可视、可控、可查、可测！</div>
         <div class="electronicFileImg">
-            <img
-                style="width: 70%; height: 157px"
-                src="../assets/archives/jianmo.png"
-                alt=""
-            />
+            <img style="width: 70%; height: 157px" src="../assets/archives/jianmo.png" alt=""/>
         </div>
         <div class="electronicFileDesc">
             <div class="single">
-                <div
-                    style="font-size: 20px;font-weight: 700;color: #333text-align: center;"
-                >
-                    数据采集
-                </div>
-                <div
-                    style="
+                <div style="font-size: 20px;font-weight: 700;color: #333; text-align: center;">数据采集</div>
+                <div style="
             width: 70%;
             font-size: 16px;
             color: #666;
             text-align: center;
             margin-top: 24px;
-          "
-                >
-                    现场数据 ，试验数据，台账日志等通过线上及物联设备采集
-                </div>
+          ">现场数据 ，试验数据，台账日志等通过线上及物联设备采集</div>
             </div>
             <div class="single">
-                <div
-                    style="font-size: 20px;font-weight: 700;color: #333text-align: center;"
-                >
-                    数据建模
-                </div>
-                <div
-                    style="
+                <div style="font-size: 20px;font-weight: 700;color: #333;text-align: center;">数据建模</div>
+                <div style="
             width: 70%;
             font-size: 16px;
             color: #666;
             text-align: center;
             margin-top: 24px;
-          "
-                >
-                    内外业资料数据提取数据→数据检验→变量选择（数据清洗）→变量分组→分组变量WOE转化→数据输入模型算法→模型评估
-                </div>
+          ">内外业资料数据提取数据→数据检验→变量选择（数据清洗）→变量分组→分组变量WOE转化→数据输入模型算法→模型评估</div>
             </div>
             <div class="single">
-                <div
-                    style="font-size: 20px;font-weight: 700;color: #333text-align: center;"
-                >
-                    数据利用
-                </div>
-                <div
-                    style="
+                <div style="font-size: 20px;font-weight: 700;color: #333;text-align: center;">数据利用</div>
+                <div style="
             width: 70%;
             font-size: 16px;
             color: #666;
             text-align: center;
             margin-top: 24px;
-          "
-                >
-                    工程风控管理预警，智慧养护，活体识别，场景服务
-                </div>
+          ">工程风控管理预警，智慧养护，活体识别，场景服务</div>
             </div>
         </div>
         <!-- 数据采集 -->
@@ -147,36 +107,24 @@
             <div class="collectionDesc">
                 <div class="collectionContent">
                     <div style="font-size: 28px; color: #4f4f4f">手持终端采集</div>
-                    <div
-                        style="
+                    <div style="
               width: 73%;
               font-size: 18px;
               color: #666;
               margin-top: 20px;
               text-align: center;
-            "
-                    >
-                        通过PC或者APP等终端设备，进行现场数据、试验数据、测量数据实时或离线采集
-                    </div>
-                    <img
-                        style="width: 76%; height: 265px; margin-top: 55px"
-                        src="../assets/index/computer.png"
-                        alt=""
-                    />
+            ">通过PC或者APP等终端设备，进行现场数据、试验数据、测量数据实时或离线采集</div>
+                    <img style="width: 76%; height: 265px; margin-top: 55px" src="../assets/index/computer.png" alt=""/>
                 </div>
                 <div class="collectionContent">
                     <div style="font-size: 28px; color: #4f4f4f">手持终端采集</div>
-                    <div
-                        style="
+                    <div style="
               width: 73%;
               font-size: 18px;
               color: #666;
               margin-top: 20px;
               text-align: center;
-            "
-                    >
-                        通过PC或者APP等终端设备，进行现场数据、试验数据、测量数据实时或离线采集
-                    </div>
+            ">通过PC或者APP等终端设备，进行现场数据、试验数据、测量数据实时或离线采集</div>
                     <!-- <img style="width: 384px;height: 265px;" src="../assets/index/computer.png" alt=""> -->
                 </div>
             </div>
@@ -184,59 +132,37 @@
         <!-- 数据采集 -->
         <div class="collection2">数据采集</div>
         <div class="collection2Img">
-            <img
-                style="width: 1087px; height: 747px"
-                src="../assets/archives/caiji.png"
-                alt=""
-            />
+            <img style="width: 1087px; height: 747px" src="../assets/archives/caiji.png" alt=""/>
         </div>
         <!-- 数据利用 -->
         <div class="used">
             <div class="dataUsed">
                 <div></div>
                 <div>
-                    <div style="font-size: 34px; font-weight: 700; color: #fff">
-                        数据利用
-                    </div>
-                    <div
-                        style="
+                    <div style="font-size: 34px; font-weight: 700; color: #fff">数据利用</div>
+                    <div style="
               font-size: 16px;
               font-weight: 700;
               color: #fff;
               margin-top: 20px;
-            "
-                    >
-                        建立工程管理三维模型,项目现场可视、可控、可查、可测!
-                    </div>
+            ">建立工程管理三维模型,项目现场可视、可控、可查、可测!</div>
                 </div>
                 <div></div>
             </div>
         </div>
         <!-- 电脑图 -->
         <div class="computerImg">
-            <img
-                style="width: 36%; height: 460px"
-                src="../assets/archives/diannao.png"
-                alt=""
-            />
+            <img style="width: 36%; height: 460px" src="../assets/archives/diannao.png" alt=""/>
         </div>
         <!-- 自动组卷、归档、形成可视化数字档案 -->
         <div class="automatic">自动组卷、归档、形成可视化数字档案</div>
         <div class="automaticImg">
-            <img
-                style="width: 1220px; height: 436px"
-                src="../assets/archives/zujuan.png"
-                alt=""
-            />
+            <img style="width: 1220px; height: 436px" src="../assets/archives/zujuan.png" alt=""/>
         </div>
         <!-- 泓创工程大数据平台 -->
         <div class="automatic">泓创工程大数据平台</div>
         <div class="automaticImg">
-            <img
-                style="width: 1168px; height: 789px"
-                src="../assets/archives/pingtai.png"
-                alt=""
-            />
+            <img style="width: 1168px; height: 789px" src="../assets/archives/pingtai.png" alt=""/>
         </div>
         <!-- 底部 -->
         <Footer></Footer>

src/views/case.vue

@@ -5,57 +5,38 @@
             <HeaderNav :index="index"></HeaderNav>
             <div>
                 <div class="bigData">应用案例</div>
-                <div class="singleData">
-                    支持建设运营业务大综合 应用大集成 运营大数据
-                </div>
+                <div class="singleData">支持建设运营业务大综合 应用大集成 运营大数据</div>
             </div>
             <div></div>
         </div>
         <!-- 已合作过的案例 -->
         <div class="cooperationCase">
-            <div
-                style="
+            <div style="
           font-size: 36px;
           font-weight: 700;
           display: flex;
           justify-content: center;
-        "
-            >
-                已合作过的案例
-            </div>
+        ">已合作过的案例</div>
             <div class="content">
-                <div
-                    class="singleContent"
-                    v-for="(item, index) in cooperationCase"
-                    :key="index"
-                >
+                <div class="singleContent" v-for="(item, index) in cooperationCase" :key="index">
                     <div class="circle"></div>
-                    <div
-                        class="circle2"
-                        style="
+                    <div class="circle2" style="
               font-size: 14px;
               color: #333;
               margin-left: 10px;
               font-weight: 550;
-            "
-                    >
-                        {{ item.name }}
-                    </div>
+            ">{{ item.name }}</div>
                 </div>
             </div>
         </div>
         <!-- 合作伙伴 -->
         <div class="partners">
-            <div
-                style="
+            <div style="
           font-size: 36px;
           font-weight: 700;
           display: flex;
           justify-content: center;
-        "
-            >
-                合作伙伴
-            </div>
+        ">合作伙伴</div>
             <div class="partnersImg">
                 <img src="../assets/case/zhongtieyiju.png" alt="" class="partnersImgItem" style="margin-top:0"/>
                 <img src="../assets/case/zhongguotiejian.png" alt="" class="partnersImgItem" style="margin-top:0"/>

src/views/coreValue.vue

@@ -5,9 +5,7 @@
             <HeaderNav :index="index"></HeaderNav>
             <div>
                 <div class="bigData">协同办公</div>
-                <div class="singleData">
-                    有效协调各方资源 集成数据 零风险成本 高效成果
-                </div>
+                <div class="singleData">有效协调各方资源 集成数据 零风险成本 高效成果</div>
             </div>
             <div></div>
         </div>
@@ -16,38 +14,24 @@
             <div class="left">
                 <div style="font-size: 32px">数字档案系统</div>
                 <div style="font-size: 16px; color: #666; margin-top: 15px">
-                    <div>
-                        提供了工程项目档案室的文件管理、档案业务管理功能，为项目的文件管理、档案管理及利用提供全面的解决手段。
-                    </div>
-                    <div style="margin-top: 40px">
-                        对已完成的工程竣工档案制作提供给多套涵盖工程信息、文件信息等相关信息资料并能支持独立检索的工程竣工档案光盘。
-                    </div>
+                    <div>提供了工程项目档案室的文件管理、档案业务管理功能，为项目的文件管理、档案管理及利用提供全面的解决手段。</div>
+                    <div style="margin-top: 40px">对已完成的工程竣工档案制作提供给多套涵盖工程信息、文件信息等相关信息资料并能支持独立检索的工程竣工档案光盘。</div>
                 </div>
                 <div class="bottomLine"></div>
             </div>
             <div class="right">
-                <img
-                    style="width: 556px; height: 351px"
-                    src="../assets/coreValue/system.png"
-                    alt=""
-                />
+                <img style="width: 556px; height: 351px" src="../assets/coreValue/system.png" alt=""/>
             </div>
         </div>
         <!-- 大数据质量管控平台 -->
         <div class="platform">
             <div class="left">
-                <img
-                    style="width: 578px; height: 474px"
-                    src="../assets/coreValue/dashuju.png"
-                    alt=""
-                />
+                <img style="width: 578px; height: 474px" src="../assets/coreValue/dashuju.png" alt=""/>
             </div>
             <div class="right">
                 <div style="font-size: 32px">大数据质量管控平台</div>
                 <div style="font-size: 16px; color: #666; margin-top: 15px">
-                    <div>
-                        物联设备接口地方标准化，人员，设备，材料，关联使用部位等多维度管理
-                    </div>
+                    <div>物联设备接口地方标准化，人员，设备，材料，关联使用部位等多维度管理</div>
                 </div>
                 <div class="bottomLine"></div>
             </div>
@@ -57,35 +41,23 @@
             <div class="left" style="width:36%">
                 <div style="font-size: 32px">工程大数据平台</div>
                 <div style="font-size: 20px; color: #666; margin-top: 15px">
-                    <div>
-                        数据实时可视化，三维信息统计，真正做到多维度查询实效性，管理可控性；
-                    </div>
+                    <div>数据实时可视化，三维信息统计，真正做到多维度查询实效性，管理可控性；</div>
                 </div>
                 <div class="bottomLine"></div>
             </div>
             <div class="right">
-                <img
-                    style="width: 583px; height: 333px"
-                    src="../assets/coreValue/dashujuoingtai.png"
-                    alt=""
-                />
+                <img style="width: 583px; height: 333px" src="../assets/coreValue/dashujuoingtai.png" alt=""/>
             </div>
         </div>
         <!-- 大数据质量管控平台 -->
         <div class="platform" style="padding: 53px 224px 55px 101px;height: 372px;">
             <div class="left">
-                <img
-                    style="width: 576px; height: 375px"
-                    src="../assets/coreValue/zhineng.png"
-                    alt=""
-                />
+                <img style="width: 576px; height: 375px" src="../assets/coreValue/zhineng.png" alt=""/>
             </div>
             <div class="right">
                 <div style="font-size: 32px">AI人工智能助理系统</div>
                 <div style="font-size: 16px; color: #666; margin-top: 15px">
-                    <div>
-                        智能语音识别，智能检索快速问答，追踪用户行为自动推送相关任务
-                    </div>
+                    <div>智能语音识别，智能检索快速问答，追踪用户行为自动推送相关任务</div>
                 </div>
                 <div class="bottomLine"></div>
             </div>

src/views/service.vue

@@ -11,74 +11,46 @@
         </div>
         <!-- 运维服务 -->
         <div class="operationalService">
-            <div
-                style="
+            <div style="
           font-size: 39px;
           font-weight: 700;
           display: flex;
           justify-content: center;
-        "
-            >
-                运维服务
-            </div>
+        ">运维服务</div>
             <div style="display: flex; margin-top: 40px">
                 <div class="single">
                     <div class="singleTop">
-                        <img
-                            style="width: 110px; height: 110px"
-                            src="../assets/service/shiyong.png"
-                            alt=""
-                        />
+                        <img style="width: 110px; height: 110px" src="../assets/service/shiyong.png" alt=""/>
                         <div class="number" style="font-size: 64px; color: #efefef">01</div>
                     </div>
                     <div style="font-size: 24px; color: #373737">试用体验服务</div>
                 </div>
                 <div class="single" style="margin-left: 45px">
                     <div class="singleTop">
-                        <img
-                            style="width: 110px; height: 110px"
-                            src="../assets/service/guocheng.png"
-                            alt=""
-                        />
+                        <img style="width: 110px; height: 110px" src="../assets/service/guocheng.png" alt=""/>
                         <div class="number" style="font-size: 64px; color: #efefef">02</div>
                     </div>
-                    <div style="font-size: 24px; color: #373737">
-                        过程专业知识咨询服务
-                    </div>
+                    <div style="font-size: 24px; color: #373737">过程专业知识咨询服务</div>
                 </div>
                 <div class="single" style="margin-left: 45px">
                     <div class="singleTop">
-                        <img
-                            style="width: 110px; height: 110px"
-                            src="../assets/service/xitong.png"
-                            alt=""
-                        />
+                        <img style="width: 110px; height: 110px" src="../assets/service/xitong.png" alt=""/>
                         <div class="number" style="font-size: 64px; color: #efefef">03</div>
                     </div>
                     <div style="font-size: 24px; color: #373737">系统使用培训服务</div>
                 </div>
             </div>
-            <div
-                style="display: flex; justify-content: space-around; margin-top: 40px"
-            >
+            <div style="display: flex; justify-content: space-around; margin-top: 40px">
                 <div class="single">
                     <div class="singleTop">
-                        <img
-                            style="width: 110px; height: 110px"
-                            src="../assets/service/kehu.png"
-                            alt=""
-                        />
+                        <img style="width: 110px; height: 110px" src="../assets/service/kehu.png" alt=""/>
                         <div class="number" style="font-size: 64px; color: #efefef">04</div>
                     </div>
                     <div style="font-size: 24px; color: #373737">客户需求定制服务</div>
                 </div>
                 <div class="single" style="margin-left: -445px">
                     <div class="singleTop">
-                        <img
-                            style="width: 110px; height: 110px"
-                            src="../assets/service/ziliao.png"
-                            alt=""
-                        />
+                        <img style="width: 110px; height: 110px" src="../assets/service/ziliao.png" alt=""/>
                         <div class="number" style="font-size: 64px; color: #efefef">05</div>
                     </div>
                     <div style="font-size: 24px; color: #373737">资料补救帮助服务</div>
@@ -87,66 +59,40 @@
         </div>
         <!-- 技术服务 -->
         <div class="technicalService">
-            <div
-                style="
+            <div style="
           font-size: 39px;
           font-weight: 700;
           display: flex;
           justify-content: center;
-        "
-            >
-                技术服务
-            </div>
+        ">技术服务</div>
             <div class="technicalServiceContent">
                 <div class="technicalServiceSingle">
                     <div class="content">
-                        <img
-                            style="width: 105px; height: 105px"
-                            src="../assets/service/diedai.png"
-                            alt=""
-                        />
+                        <img style="width: 105px; height: 105px" src="../assets/service/diedai.png" alt=""/>
                         <div class="contentDesc">功能优化迭代升级</div>
                     </div>
                 </div>
                 <div class="technicalServiceSingle">
                     <div class="content">
-                        <img
-                            style="width: 105px; height: 105px"
-                            src="../assets/service/yunfuwu.png"
-                            alt=""
-                        />
+                        <img style="width: 105px; height: 105px" src="../assets/service/yunfuwu.png" alt=""/>
                         <div class="contentDesc">云服务器维护服务</div>
                     </div>
                 </div>
                 <div class="technicalServiceSingle">
                     <div class="content">
-                        <img
-                            style="width: 105px; height: 105px"
-                            src="../assets/service/shuju.png"
-                            alt=""
-                        />
-                        <div class="contentDesc" style="width: 74%;">
-                            数据安全保障服务，安全加密防丢失，备份数据
-                        </div>
+                        <img style="width: 105px; height: 105px" src="../assets/service/shuju.png" alt=""/>
+                        <div class="contentDesc" style="width: 74%;">数据安全保障服务，安全加密防丢失，备份数据</div>
                     </div>
                 </div>
                 <div class="technicalServiceSingle">
                     <div class="content">
-                        <img
-                            style="width: 105px; height: 105px"
-                            src="../assets/service/waibu.png"
-                            alt=""
-                        />
+                        <img style="width: 105px; height: 105px" src="../assets/service/waibu.png" alt=""/>
                         <div class="contentDesc" style="width: 74%;">外部系统数据接口对接服务</div>
                     </div>
                 </div>
                 <div class="technicalServiceSingle">
                     <div class="content">
-                        <img
-                            style="width: 105px; height: 105px"
-                            src="../assets/service/mianfei.png"
-                            alt=""
-                        />
+                        <img style="width: 105px; height: 105px" src="../assets/service/mianfei.png" alt=""/>
                         <div class="contentDesc" style="width: 74%;">免费安装部署服务，版本维护服务</div>
                     </div>
                 </div>

yarn.lock

@@ -444,7 +444,14 @@
   resolved "http://39.108.216.210:9000/@floating-ui/utils/-/utils-0.2.1.tgz#16308cea045f0fc777b6ff20a9f25474dd8293d2"
   integrity sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==
 
-"@iconify/types@^2.0.0":
+"@iconify-json/iconoir@^1.1.43":
+  version "1.1.43"
+  resolved "http://39.108.216.210:9000/@iconify-json/iconoir/-/iconoir-1.1.43.tgz#8a4916c033f21204875418860686f0bf8f86687c"
+  integrity sha512-HJwAOLqQUKdOLLoerJV7DorwA6g0N0W/wN1iqMnVinNoC4Iq6YOyy8mUkxKpKMuPau0406oQ8+8r8SDPNyh1Ng==
+  dependencies:
+    "@iconify/types" "*"
+
+"@iconify/types@*", "@iconify/types@^2.0.0":
   version "2.0.0"
   resolved "http://39.108.216.210:9000/@iconify/types/-/types-2.0.0.tgz#ab0e9ea681d6c8a1214f30cd741fe3a20cc57f57"
   integrity sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==