feat: 界面完善

src/utils/industry.json

@@ -27,17 +27,17 @@
     "id": 4,
     "industry_level": 1,
     "name": "新材料",
-    "img1": "zbzz-01.png",
-    "img2": "zbzz-02.png",
-    "span": ""
+    "img1": "xcl-01.png",
+    "img2": "xcl-02.png",
+    "span": "新材料是指新出现的、具有优异性能或特殊功能的材料，或是传统材料改进后性能明显提高或产生新功能的材料。新材料产业是新一轮科技革命与产业变革中创新最为活跃、发展最为迅猛的新兴产业之一。新材料产业规模庞大、门类广。结合《“十四五”国家战略性新兴产业发展规划》，新材料可以分为先进基础材料、关健战略新材料、前沿新材料等大类。先进基础材料主要包括金属新材料、化工新材料、硅基新材料等。关健战略新材料包括生物基新材料、高性能纤维新材料等。前沿新材料主要包括，超导新材料、纳米新材料、石墨烯新材料等。"
   },
   {
     "id": 5,
     "industry_level": 1,
-    "name": "医药",
-    "img1": "zz-01.png",
-    "img2": "zz-02.png",
-    "span": ""
+    "name": "生物医药健康",
+    "img1": "yy-01.png",
+    "img2": "yy-02.png",
+    "span": "生物医药健康产业从狭义上为生物制药，是综合应用生命科学与工程科学的原理和方法，从工程学角度在分子、细胞、组织、器官乃至整个人体系统，多层次认识人体的结构、功能和其他生命现象，研究用于防病、治病、人体功能辅助及卫生保健的人工材料、制品、装置和系统技术的总称。从广义上来说，往往作为医药行业的代称，包括化学药、中药、生物制药、医疗器械、医药流通、医疗服务等相关细分产业。从广义上来看，生物医药健康产业链分为上游药物研发及药材种植环节、中游医药制造、下游药品流通及服务环节。上游主要包括药物研发、药材种植及销售、药物原料生产等环节；中游主要包括生物制药、中药制造、化学制药、保健品、医疗器械等环节；下游主要包括药品流通、医疗服务等环节。"
   },
   {
     "id": 6,

src/views/atlas/pages/chain.vue

@@ -6,13 +6,13 @@
       </div>
       <div class="concent-box ">
         <div class="text-box scroll-auto" v-html="info.span" ref="details"></div>
-        <div class="img">
+        <div class="img" v-if="info.span">
           <!-- !TODO这里需要真实的数据 两个img  暂时不显示 -->
           <div>
-            <img :src="require('@/assets/images/industry/' + info.img3)" alt="" v-if="info.img3" />
+            <img :src="require('@/assets/images/industry/' + info.img1)" alt="" />
           </div>
           <div>
-            <img :src="require('@/assets/images/industry/' + info.img3)" alt="" v-if="info.img3" />
+            <img :src="require('@/assets/images/industry/' + info.img2)" alt="" />
           </div>
         </div>
       </div>
@@ -25,9 +25,8 @@ export default {
   data() {
     return {
       info: {
-        name: "煤炭",
-        span:
-          "<p>现代物流业是指原材料、产成品从起点至终点及相关信息有效流动的全过程。它将运输、仓储、装卸、加工、整理、配送、信息等方面有机结合、形成完整的供应链，为用户提供多功能、一体化的综合性服务。现代物流业是一个新型的跨行业、跨部门、跨区域、渗透性强的复合型产业。2020年，全国社会物流总额300.1万亿元，同比增长3.5%。现代物流主要包括八个环节，上游包括物流装备，中游包括货物运输、多式联运及货运代理、装卸搬运及仓储等六个环节，下游为商贸交易。 </p><p>  太原市物流业规模较大，业态集中度较高。公路运输、大宗工业品物流贸易稳步发展，驼队物流、钢运物流、畅捷物流完成早期物流场站布局；铁路物流蓬勃起兴，大秦铁路、中铁物资、中鼎物流园逐步形成立体式、协同型铁路运输服务网络；汽贸物流、冷链物流、医药物流、电商物流等物流新业态加速涌现。截至2020  年 12 月，太原市物流业重点企业 304 家。其中，五百强企业  1家，高新技术企业 8 家，科技型中小企业 19 家，专精特新企业  5家，规模以上工业企业 3 家，拥有专利及软件著作权企业 5家。</p><p>  现代物流产业链企业主要集中在物流装备、货物运输、装卸搬运及仓储、邮政快递服务、综合物流服务等环节。太原市现代物流产业应紧抓全省陆港发展新机遇，充分利用铁路路网能力，加快铁路物流枢纽建设，布局商贸物流、冷链物流、工业物流、电商物流、保税物流、医药物流等综合物流服务，并推动钢贸交易、煤炭交易等下游业态联动发展。中游重点发展铁路货运、多式联运及货运代理、邮政快递服务、综合物流服务；下游重点发展商贸交易。</p> ",
+        name: "",
+        span: "",
       },
     };
   },

src/views/atlas/pages/enterprise.vue

@@ -419,11 +419,11 @@ export default {
         { label: "高新技术企业", value: "高新技术企业" },
         { label: "科技型中小企业", value: "科技型中小企业" },
         { label: "上市企业", value: "上市企业" },
-        { label: "山西100强企业", value: "山西100强企业" },
+        // { label: "山西100强企业", value: "山西100强企业" },
         { label: "中国500强企业", value: "中国500强企业" },
         { label: "独角兽企业", value: "独角兽企业" },
         { label: "瞪羚企业", value: "瞪羚企业" },
-        { label: "山西省专精特新企业", value: "山西省专精特新企业" },
+        // { label: "山西省专精特新企业", value: "山西省专精特新企业" },
         { label: "规模以上企业", value: "规模以上企业" },
         // { label: "规模以上工业企业", value: "规模以上工业企业" },
         { label: "限额以上服务业企业", value: "限额以上服务业企业" },

src/views/atlas/pages/policy.vue

@@ -2,13 +2,13 @@
   <div class=" box-more">
     <div class="top-head-nav">
       <span :class="[policy_level == 0 ? 'active' : '']" @click="changeLevel(0)">全部</span>
-      <!-- <span :class="[policy_level == 1 ? 'active' : '']" @click="changeLevel(1)">国家级</span> -->
-      <!-- <span :class="[policy_level == 2 ? 'active' : '']" @click="changeLevel(2)">省级</span>
+      <span :class="[policy_level == 1 ? 'active' : '']" @click="changeLevel(1)">国家级</span>
+      <span :class="[policy_level == 2 ? 'active' : '']" @click="changeLevel(2)">省级</span>
       <span :class="[policy_level == 3 ? 'active' : '']" @click="changeLevel(3)">市级</span>
       <span :class="[policy_level == 4 ? 'active' : '']" @click="changeLevel(4)">县区</span>
-      <span :class="[policy_level == 5 ? 'active' : '']" @click="changeLevel(5)">开发区</span> -->
+      <span :class="[policy_level == 5 ? 'active' : '']" @click="changeLevel(5)">开发区</span>
     </div>
-    <!-- <div class="options clearfix" v-if="policy_level != 0 && policy_level != 3">
+    <div class="options clearfix" v-if="policy_level != 0 && policy_level != 3">
       <span>分类筛选：</span>
       <ul :class="[policy_level == 4 ? 'xq' : '', policy_level == 5 ? 'kfq' : '']">
         <li
@@ -20,7 +20,7 @@
           {{ item.label }}
         </li>
       </ul>
-    </div> -->
+    </div>
     <div class="time-options ">
       <div>
         <em>年份筛选：</em>
@@ -118,9 +118,8 @@ export default {
             label: "全部",
           },
           {
-            label: "山西省人民政府",
+            label: "河北省人民政府",
           },
-
           {
             label: "省发改委",
           },
@@ -140,32 +139,31 @@ export default {
           {
             label: "全部",
           },
-          {
-            label: "城区",
-          },
-
-          {
-            label: "泽州县",
-          },
-          {
-            label: "高平市",
-          },
-          {
-            label: "阳城县",
-          },
-          {
-            label: "陵川县",
-          },
-          {
-            label: "沁水县",
-          },
+          // {
+          //   label: "城区",
+          // },
+          // {
+          //   label: "泽州县",
+          // },
+          // {
+          //   label: "高平市",
+          // },
+          // {
+          //   label: "阳城县",
+          // },
+          // {
+          //   label: "陵川县",
+          // },
+          // {
+          //   label: "沁水县",
+          // },
         ],
         [
           {
             label: "全部",
           },
           {
-            label: "晋城经济技术开发区",
+            label: "河北满城经济开发区",
           },
         ],
       ],

src/views/index/index_copy.vue

@@ -29,6 +29,15 @@
     <div class="body-content">
       <div class="left-box">
         <div class="video-container">
+          <div class="title-box">
+            <img src="@/assets/images/index/title-bg.png" alt="" />
+            <img
+              src="@/assets/images/index/icon-arrow.png"
+              alt=""
+              style="width: 35px;height: 39px;position: absolute;left: 9px;"
+            />
+            <div class="title-text">魅力满城</div>
+          </div>
           <div class="video" @mouseenter="showText = true" @mouseleave="showText = false">
             <div class="change-btn" @click="changeVideo" v-show="showText">
               <img src="@/assets/images/public/icon-wzjs.png" alt="" />
@@ -2760,17 +2769,20 @@ export default {
     height: 100%;
     margin-right: 32px;
     .video-container {
+      position: relative;
+      left: 0;
       width: 100%;
-      height: 252px;
+      height: 242px;
       background: url("~@/assets/images/index/img-video-bg.png") no-repeat;
-      margin-bottom: 20px;
+      margin-bottom: 10px;
       display: flex;
       justify-content: center;
       align-items: center;
+      margin-top: 20px;
       .video {
         position: relative;
         width: 575px;
-        height: 224px;
+        // height: 228px;
         background-color: #000;
         & > div {
           height: 100%;
@@ -2836,6 +2848,32 @@ export default {
           }
         }
       }
+      .title-box {
+        position: absolute;
+        top: -38px;
+        left: 0;
+        width: 100%;
+        height: 35px;
+        margin-bottom: 5px;
+        .title-text {
+          position: absolute;
+          top: 6px;
+          left: 50px;
+          font-size: 20px;
+          font-family: Alibaba PuHuiTi;
+          font-weight: bold;
+          font-style: italic;
+          color: #f6f9fe;
+          background: linear-gradient(
+            0deg,
+            rgba(14, 197, 236, 1) 0%,
+            rgba(49, 190, 255, 1) 0%,
+            rgba(239, 252, 254, 1) 58.7646484375%
+          );
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+        }
+      }
     }
     .left-two {
       margin-bottom: 20px;

src/views/map/map.vue

@@ -363,11 +363,11 @@ export default {
         { label: "高新技术企业", value: "高新技术企业" },
         { label: "科技型中小企业", value: "科技型中小企业" },
         { label: "上市企业", value: "上市企业" },
-        { label: "山西100强企业", value: "山西100强企业" },
+        // { label: "山西100强企业", value: "山西100强企业" },
         { label: "中国500强企业", value: "中国500强企业" },
         { label: "独角兽企业", value: "独角兽企业" },
         { label: "瞪羚企业", value: "瞪羚企业" },
-        { label: "山西省专精特新企业", value: "山西省专精特新企业" },
+        // { label: "山西省专精特新企业", value: "山西省专精特新企业" },
         { label: "规模以上企业", value: "规模以上企业" },
         // { label: "规模以上工业企业", value: "规模以上工业企业" },
         { label: "限额以上服务业企业", value: "限额以上服务业企业" },