feat: 界面完善

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

--- a/src/views/atlas/pages/chain.vue
+++ b/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: "煤炭",
+        name: "",
-        span:
+        span: "",
-          "<p>现代物流业是指原材料、产成品从起点至终点及相关信息有效流动的全过程。它将运输、仓储、装卸、加工、整理、配送、信息等方面有机结合、形成完整的供应链，为用户提供多功能、一体化的综合性服务。现代物流业是一个新型的跨行业、跨部门、跨区域、渗透性强的复合型产业。2020年，全国社会物流总额300.1万亿元，同比增长3.5%。现代物流主要包括八个环节，上游包括物流装备，中游包括货物运输、多式联运及货运代理、装卸搬运及仓储等六个环节，下游为商贸交易。 </p><p>  太原市物流业规模较大，业态集中度较高。公路运输、大宗工业品物流贸易稳步发展，驼队物流、钢运物流、畅捷物流完成早期物流场站布局；铁路物流蓬勃起兴，大秦铁路、中铁物资、中鼎物流园逐步形成立体式、协同型铁路运输服务网络；汽贸物流、冷链物流、医药物流、电商物流等物流新业态加速涌现。截至2020  年 12 月，太原市物流业重点企业 304 家。其中，五百强企业  1家，高新技术企业 8 家，科技型中小企业 19 家，专精特新企业  5家，规模以上工业企业 3 家，拥有专利及软件著作权企业 5家。</p><p>  现代物流产业链企业主要集中在物流装备、货物运输、装卸搬运及仓储、邮政快递服务、综合物流服务等环节。太原市现代物流产业应紧抓全省陆港发展新机遇，充分利用铁路路网能力，加快铁路物流枢纽建设，布局商贸物流、冷链物流、工业物流、电商物流、保税物流、医药物流等综合物流服务，并推动钢贸交易、煤炭交易等下游业态联动发展。中游重点发展铁路货运、多式联运及货运代理、邮政快递服务、综合物流服务；下游重点发展商贸交易。</p> ",
      },
    };
  },

--- a/src/views/atlas/pages/enterprise.vue
+++ b/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: "限额以上服务业企业" },

--- a/src/views/atlas/pages/policy.vue
+++ b/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 == 1 ? 'active' : '']" @click="changeLevel(1)">国家级</span>
-      <!-- <span :class="[policy_level == 2 ? 'active' : '']" @click="changeLevel(2)">省级</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: "河北满城经济开发区",
          },
        ],
      ],

--- a/src/views/index/index_copy.vue
+++ b/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;

--- a/src/views/map/map.vue
+++ b/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: "限额以上服务业企业" },