1

index.html

@@ -6,7 +6,7 @@
     <link rel="shortcut icon" href="#" />
     <link rel="icon" type="image/x-icon" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <title>素材网</title>
+    <title>好运徕</title>
 
     <link rel="stylesheet/less" type="text/css" href="/css/ly.less" />
 

public/css/ly.less

@@ -212,8 +212,7 @@
 
   .banner {
     img {
-      width: auto;
+      width: 100%;
-      height: calc(100vh - var(--tabheight));
     }
   }
 
@@ -366,7 +365,7 @@
     justify-content: center;
     overflow: hidden;
     height: calc(100vh - var(--tabheight));
-    background: url(/images/com-bg.png) no-repeat center center;
+    background: url(/images/com-bg.jpg) no-repeat center center;
     background-size: auto 100%;
 
     .introbox {
@@ -408,13 +407,13 @@
           .box;
           .box-tb;
           .box-pack-between;
-          height: 350px;
 
           span {
             font-size: 16px;
             color: #333333;
             line-height: 30px;
             text-indent: 2em;
+            .text-hide(11);
           }
 
           button {

src/main.js

@@ -16,7 +16,6 @@ import 'element-plus/dist/index.css'
 // });
 import routes from "./router";
 import less from "less";
-import axios from 'axios';
 import "vue-fast-marquee/style.css";
 import Marquee from 'vue-fast-marquee';
 import VueQr from "vue-qr/src/packages/vue-qr.vue";
@@ -146,15 +145,48 @@ app.config.globalProperties.$unsigned = (e) => { return e > 0 ? e : 0 };
 app.config.globalProperties.$truncate = (e, p, a) => {
     return `${e.substring(0, p)}...${e.substring(e.length - a)}`;
 };
-app.config.globalProperties.$token = (e) => {
+app.config.globalProperties.$toTimes = (e, format) => {
-    const token = localStorage.getItem(e).split('.');
+    const date = new Date(e * 1000);
-    return {
+
-        header: JSON.parse(atob(token[0])),
+    switch (format) {
-        payload: JSON.parse(atob(token[1])),
+        case 'year':
+            return date.getFullYear();
+        case 'month':
+            return (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始
+        case 'day':
+            return date.getDate().toString().padStart(2, '0');
+        case 'hour':
+            return date.getHours().toString().padStart(2, '0');
+        case 'minute':
+            return date.getMinutes().toString().padStart(2, '0');
+        case 'second':
+            return date.getSeconds().toString().padStart(2, '0');
+        default:
+            const options = {
+                year: 'numeric',
+                month: '2-digit',
+                day: '2-digit',
+                hour: '2-digit',
+                minute: '2-digit',
+                second: '2-digit',
+                timeZone: 'Asia/Shanghai',
+            };
+            return date.toLocaleString('zh-CN', options);
     }
 };
 app.config.globalProperties.$file = (e) => {
-    e = e || 'base/avatar.png';
+    if (!e) {
+        return '';
+    }
+    if (e.startsWith('http://') || e.startsWith('https://'))
+        return e;
+    else
+        return import.meta.env.VITE_OSS_URL + e;
+};
+app.config.globalProperties.$file = (e) => {
+    if (!e) {
+        return '';
+    }
     if (e.startsWith('http://') || e.startsWith('https://'))
         return e;
     else

src/views/About.vue

@@ -1,9 +1,18 @@
 <script>
-import { ref } from 'vue';
 
 export default {
-  setup() {
+  mounted() {
-    const culture = ref([
+    this.$api.post('Column/Get', { PId: "247058337" })
+      .then(data => {
+        this.data = data.Datas[0];
+      }).catch(err => {
+        console.log(err.Message);
+      });
+  },
+  data() {
+    return {
+      data: {},
+      culture: [
         {
           id: 1,
           img: '/images/culture-i1.png',
@@ -34,11 +43,8 @@ export default {
           content: '科学创新、无私奉献',
           brtext: '服务社会、造福于民',
         },
-    ])
+      ]
-
+    }
-    return {
-      culture,
-    };
   },
   methods: {
     onlefticon() {
@@ -74,16 +80,7 @@ export default {
           <span class="en-title-ft">
             COMPANY PROFILE
           </span>
-          <span class="p1">
+          <span class="p1" v-html="data?.Content">
-            <p>
-              浙江好运徕品牌运营管理有限公司，座落于美丽的杭州市滨江区，是一家以互联网技术为核心，集科、工、贸于一体的综合性电商企业。业务范围涵盖软件系统开发、技术咨询、大数据服务、品牌运营管理、市场营销策划、产品供应链、线下实体商家拓客引流解决方案等领域。公司拥有国内领先的技术团队和一流的运营管理团队。本着“科学创新、无私奉献、服务社会、造福于民”的企业宗旨，和“共创、共享、共赢”的经营理念，以及“利他，感恩，有爱”的核心价值观。
-            </p>
-            <p>
-              公司历时多年调研，倾力开发出一个全新的数字电商平台——<b>好运徕数字生活</b>。该平台拥有优越于传统电商平台的商业逻辑，能够很好地赋能百业实体，帮助商家进行数字化转型升级，解决当下全国实体商家所共同面临的“获客难”的痛点问题，继而帮助众多商家快速实现拓客增收。
-            </p>
-            <p>
-              好运徕云平台的上线落地，可以加快全国乡村振兴步伐，带动再就业，拉动内循环，促进绿色消费，实现共同富裕，必将为繁荣我国实体经济注入新的活力！能够真正实现“为政府解忧，为百姓谋福利，为社会做贡献”的巨大社会价值意义!
-            </p>
           </span>
         </div>
         <div class="imgs">

src/views/Contact.vue

@@ -36,24 +36,24 @@ export default {
         <div class="box">
           <img src="/images/contact-icon1.png" alt="">
           <span class="box-ft">
-            电子邮箱：zjhyl@xx.com
+            电子邮箱：{{ $ls.get('CompanyEmail') }}
           </span>
         </div>
         <div class="box">
           <img src="/images/contact-icon2.png" alt="">
           <span class="box-ft">
-            联系电话：0571-0000000
+            联系电话：{{ $ls.get('CompanyPhone') }}
           </span>
         </div>
         <div class="box">
           <img src="/images/contact-icon3.png" alt="">
           <span class="box-ft">
-            联系地址：浙江省杭州市滨江区
+            {{ $ls.get('CompanyAddress') }}
           </span>
         </div>
       </div>
 
-      <img src="/images/maps.png" alt="" >
+      <img src="/images/maps.png" alt="">
 
     </div>
   </div>

src/views/Detail.vue

@@ -1,28 +1,32 @@
 <script>
-import { useRoute } from 'vue-router';
 
 export default {
-  setup() {
+  mounted() {
-    const route = useRoute();
+    this.init();
-    const id = route.query.id;
-    const title = route.query.title;
-    const content = route.query.content;
-    const time = route.query.time;
-    const year = route.query.year;
-
-    return {
-      id,
-      title,
-      content,
-      time,
-      year,
-    };
   },
   methods: {
+    toDetail(item) {
+      if (item) {
+        location.href = '#/Detail?id=' + item.Id;
+        window.location.reload();
+      }
+    },
+    init() {
+      Promise.all([this.$api.post('Column/GetDetail', { Key: this.$route.query.id }), this.$api.post('Column/GetUpOrDown', { id: this.$route.query.id, Desc: true }), this.$api.post('Column/GetUpOrDown', { id: this.$route.query.id, Desc: false })])
+        .then(data => {
+          this.data = data[0];
+          this.up = data[1];
+          this.down = data[2];
+        }).catch(err => {
+          console.log(err.Message);
+        });
+    }
   },
   data() {
     return {
-
+      data: {},
+      up: null,
+      down: null,
     }
   },
 };
@@ -34,40 +38,15 @@ export default {
   </div>
   <div class="detail">
     <div class="detail-box">
-      <span class="title">{{ title }}</span>
+      <span class="title">{{ data.Title }}</span>
       <div class="time">
-        <span>发布时间：{{ year }}/{{ time }}</span>
+        <span>发布时间：{{ $toTimes(data.CreTime, 'year') }}-{{ $toTimes(data.CreTime, 'month') }}-{{ $toTimes(data.CreTime,
-        <span style="margin-left: 81px;">浏览量：123</span>
+          'day') }}</span>
+        <span style="margin-left: 81px;">浏览量：{{ data.ReadCount }}</span>
       </div>
     </div>
     <hr>
-    <div class="detail-content">
+    <div class="detail-content" v-html="data.Content">
-      <img src="/images/detail-i1.png" alt="">
-      <div class="content">
-        <span>
-          这并非一个新命题。从信息记录、存储介质由纸质等形态转为电子化，到后续的业务流程数字化从利用数据深入分析业务特点、辅助经营管理不过，在经历一段时间的高速成长之后，我国金融科技发展的同时也面临诸多挑战。数字化浪潮下智能技术应用带来的数字鸿沟问题日益凸显，区域间金融发展不平衡问题依然存在，部分大型互联网平台公司向金融领域无序扩张造成竞争失衡，大小金融机构间数字化发展"马太效应"尚待消除，技术应用百花齐放而关键核心技术亟需突破。这些不平衡不充分的问题正是未来一段时期深化金融与科技融合，推动金融业数字化发展亟需攻关的重要课题。
-          <br>
-          在中国人民银行最新印发的《金融科技发展规划（2022-2025年）》（以下简称《规划》）中，“数字驱动”仍然是金融科技发展的重要方向。新的发展阶段，头部金融机构早已在数字化转型中趟过了改革初期，但如何寻找新的发力点，构建“第二增长曲线”成为领头羊们的新课题；同时应关注，受限于资金、人才匮乏的中小金融机构也力求实现“弯道超车”，在数字化转型竞争中“突围”。“再进一公里”，“再拓新空间”是他们的共同挑战。
-        </span>
-        <br>
-        <b>
-          构建开放生态 寻找第二增长曲线
-        </b>
-        <p>
-          当前，在《规划》等政策的引导以及云计算、区块链、5G等技术的发展背景下，金融业正迎来数字化转型提速的时期。更多新兴科技将被应用于传统金融业务中，成为数字化转型的强力支撑。但也要看到，我国金融科技发展不平衡不充分的问题依然严重。即便是头部金融机构，在数字化转型中也不无挑战。CEO吴辅世对《金融时报》记者指出，随着监管、人口、互联网红利时代结束，金融行业发展的外生性动能发生转向。他解释，“在人口拐点出现后，金融行业在客户规模上已经触到了天花板。机构更多需要考虑的是‘什么样的客户才是优质客户’‘怎样留住这些客户’等问题。而人口红利不断下降，随之消亡的就是互联网的流量红利。金融机构之前依赖流量和规模的策略将面临很大挑战，加上监管的影响和互联网金融巨头的冲击，金融机构必须思考并采取行动发力下一波增长曲线。”
-
-          与此同时，更为迫切的是，行业内生性增长风轮还未正式形成，在战略、数字化、协同及队伍上需加速变革。业内专家指出，战略层面，一些金融机构对金融科技的重视程度不一，传统的风险控制要求与创新迭出下的高风险偏好冲突，短期的快收益与长期的转型需求之间也存在矛盾。而在数字化落地层面，一些金融机构对新技术发展的能力和准备不够充足，在技术应用能力上有较大差异，且转型中风险控制能力尚不完善。在业务高度同质化、核心技术尚有瓶颈等大背景下，金融机构要在数字化转型落地及科技应用上有实质性成果，非常考验机构本身的技术能力与各方面的准备。对此，《规划》要求健全安全与效率并重的科技成果应用体制机制，不断壮大开放创新、合作共赢的产业生态，打通科技成果转化“最后一公里”。“金融机构需要外部的开放合作。”吴辅世表示。但他也指出，传统金融系统能否积极与开放生态以及合作机构相整合，适配复杂的操作流程和独特的业务特性，不仅要考量机构的“面子”（合作预期），还要考察“底子”（业务与技术能力）。对此他建议，要实现生态共生转变各类场景与能力互融，注重开放能力与自身能力“双轮驱动”发展，通过数字连接实现生态共荣。例如，融合内外部合作机构，依托信息流、资金流、产品流共建金融生态，发挥大客群，大数据、大场景优势。此外，生态伙伴在能力、模式上要共创共建，产生强协同效应，实现共生共赢。当然，这种开放实际上对金融机构也提出了很高的要求。吴辅世坦言，这要求金融机构具备平台能力开放、体系包容、数据壁垒拆除、业务纵深规划、场景融合等多方面的能力。
-
-          中小银行转型切忌“跟风” “以点带面”探索破局之道
-
-          客观来看，在这场数字化转型的竞赛中，地域间、群体间、机构间的数字鸿沟客观存在，特别是中小金融机构普遍存在着“数字化转型焦虑”。中央财经大学中国互联网经济研究院副院长欧阳日辉表示，“不少中小银行非常着急搞数字化，但却不知道具体怎样操作、怎么转向数字化、转成什么样的数字化，这些问题尚不明确。”他认为，实际上，多数中小银行采取“模仿与跟随”策略，盲目模仿大型银行和股份制银行的金融科技应用模式，并不能有效满足客户的个性化需求，数字化转型成效不佳。
-
-          中关村科金首席风险官兼事业部副总经理苏正也对《金融时报》记者表示，与股份制银行或者城商行相比，农商行数字化转型开展较晚。尽管部分农商行提前看到先机，很早推进数字化转型工作，但整体进度较为滞后。“数字化转型不是某一业务条线的事情，也不是某一部门的事情。”苏正解释，“有的银行把数字化转型简单理解为系统升级，因此建立了庞大的系统和更新的规划，并邀请诸多厂商进场进行系统开发，但往往效果并不好。”他谈到，具体表现是科技和业务脱节。虽然系统已更新，但其方向与业务发展需求并不一致，有时甚至产生矛盾。如此一来，不仅没有体现出数字化转型的优势，反而在一定程度上影响了业务发展。对此，苏正表示，数字化转型首先需要关注数据，遵循数据的逻辑，按照数据产生的流程进行梳理。其次，数字化转型路线图一定要与实际业务结合。根据他的经验，近年来，一些数字化转型较为成功的农商行，通常是从消费信贷业务切入。在吴辅世看来，中小银行之间也有很大差异。机构所处的区位、自身的经营特点、在数字化转型中的意识转变，以及DT（Data
-          Technology 数据技术） 、IT（Information Technology
-          信息技术）投入，都会影响其数字化转型成效。“在华南、华东等经济相对活跃的地区，即便是中小银行，也大多能通过数字化转型，快速从产品为导向的传统经营模式切换到以客户为中心的金融服务中。”他指出，因为这些地区的资金流动快、竞争更激烈，中小银行的客户化服务意识非常强。而数字化的客户画像、精准营销等手段恰好成为他们不断加强与客户粘性的利器。相比而言，在经济相对不活跃地区，中小银行往往在数字化转型中依然严重依赖线下网点等传统渠道，靠开设网点、铺规模来扩大营业收入。吴辅世表示，数字化转型是一个长期工程，中小机构想要抓住数字化转型这一趋势，就要扬长避短，从规划入手，全面制定适合自身发展特点的数字化经营体系，比如完善跨渠道的营销策略、全渠道的客户运营策略和全生命周期的客户服务体系。在局部业务场景上获得突破，进而“以点带面”逐步推进数字化转型。
-        </p>
-
-      </div>
     </div>
     <hr>
   </div>
@@ -75,14 +54,15 @@ export default {
     <div class="prev-next">
       <span>
         上一篇：
-        <a href="javascript:;">金融科技发展规划（2022-2025年）</a>
+        <a href="javascript:;" @click="toDetail(up)">{{ up ? up.Title : '没有了' }}</a>
       </span>
       <span style="margin-top: 31px;">
         下一篇：
-        <a href="javascript:;">金融科技发展规划（2022-2025年）</a>
+        <a href="javascript:;" @click="toDetail(down)">{{ down ? down.Title : '没有了'
+        }}</a>
       </span>
     </div>
-    <div class="share">
+    <!-- <div class="share">
       <span>分享到：</span>
       <img src="/images/detail-i2.png" alt="">
       <img src="/images/detail-i3.png" alt="">
@@ -90,6 +70,6 @@ export default {
       <img src="/images/detail-i5.png" alt="">
       <img src="/images/detail-i6.png" alt="">
       <img src="/images/detail-i7.png" alt="">
-    </div>
+    </div> -->
   </div>
 </template>

src/views/Home.vue

@@ -1,138 +1,12 @@
-<script>
-import { ref } from 'vue';
-
-export default {
-  setup() {
-    const activeName = ref('first');
-    const newslist = ref([
-      {
-        id: 1,
-        date: '02/20',
-        year: '2021',
-        title: '让计算更为透明、更加可控',
-        content: '过去几年，我们看到网络安全环境在不断变化和演进。财产安全等网络威胁变得日益严峻，在这中间，政府既是科技的保护者，又是科...'
-      },
-      {
-        id: 2,
-        date: '02/20',
-        year: '2021',
-        title: '让计算更为透明、更加可控',
-        content: '过去几年，我们看到网络安全环境在不断变化和演进。财产安全等网络威胁变得日益严峻，在这中间，政府既是科技的保护者，又是科...'
-      },
-      {
-        id: 3,
-        date: '02/20',
-        year: '2021',
-        title: '让计算更为透明、更加可控',
-        content: '过去几年，我们看到网络安全环境在不断变化和演进。财产安全等网络威胁变得日益严峻，在这中间，政府既是科技的保护者，又是科...'
-      },
-      {
-        id: 4,
-        date: '02/20',
-        year: '2021',
-        title: '让计算更为透明、更加可控',
-        content: '过去几年，我们看到网络安全环境在不断变化和演进。财产安全等网络威胁变得日益严峻，在这中间，政府既是科技的保护者，又是科...'
-      },
-      {
-        id: 5,
-        date: '02/20',
-        year: '2021',
-        title: '让计算更为透明、更加可控',
-        content: '过去几年，我们看到网络安全环境在不断变化和演进。财产安全等网络威胁变得日益严峻，在这中间，政府既是科技的保护者，又是科...'
-      },
-      {
-        id: 6,
-        date: '02/20',
-        year: '2021',
-        title: '让计算更为透明、更加可控',
-        content: '过去几年，我们看到网络安全环境在不断变化和演进。财产安全等网络威胁变得日益严峻，在这中间，政府既是科技的保护者，又是科...'
-      },
-    ])
-
-    return {
-      activeName,
-      newslist,
-    };
-  },
-  methods: {
-    onlefticon() {
-      const element = document.getElementById("team");
-      element.scrollLeft -= 193;
-    },
-    onrighticon() {
-      const element = document.getElementById("team");
-      element.scrollLeft += 193;
-    },
-    toAbout() {
-      this.$router.push({ name: 'About' });
-    },
-    toDetail(item) {
-      this.$router.push({
-        name: 'Detail',
-        query: {
-          id: item.id,
-          title: item.title,
-          content: item.content,
-          time: item.time,
-          year: item.year,
-        },
-      });
-    },
-    scrollDiy() {
-      const tabheight = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--tabheightnum'), 10);
-      const homeElement = document.getElementById('home');
-      let isScrolling = false; // 标志位，表示是否正在滚动
-
-      homeElement.addEventListener('wheel', (event) => {
-        event.preventDefault(); // 阻止默认的滚动行为
-
-        // 如果正在滚动，则直接返回
-        if (isScrolling) return;
-
-        // 定义固定的滚动距离（例如：每次滚动100像素）
-        const fixedScrollDistance = window.innerHeight - tabheight;
-
-        // 根据滚轮的方向调整滚动距离的正负值
-        const scrollDistance = (event.deltaY < 0 ? -1 : 1) * fixedScrollDistance;
-
-        // 设置标志位为正在滚动
-        isScrolling = true;
-
-        // 使用 window.scrollBy 方法进行滚动
-        window.scrollBy({
-          top: scrollDistance, // 垂直滚动的距离
-          behavior: 'smooth'   // 平滑滚动
-        });
-
-        // 使用 setTimeout 来重置标志位，确保动画完成后再允许新的滚动
-        setTimeout(() => {
-          isScrolling = false;
-        }, 800); // 这里的500毫秒可以根据实际动画时间进行调整
-      });
-    }
-
-  },
-  mounted() {
-    this.scrollDiy();
-    this.$api.post('Carousel/Get', { Type: 1 }).then(data => {
-      console.log(data);
-
-    });
-  },
-  data() {
-    return {
-      activeName: 'first',
-    };
-  }
-};
-
-</script>
-
 <template>
   <div class="home" id="home">
 
     <div class="banner">
-      <img src="/images/banner.png" alt="">
+      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
+        <van-swipe-item v-for="item in data.Datas">
+          <a :href="item.Url || 'javascript:;'"><img :src="$file(item.Icon)" alt=""></a>
+        </van-swipe-item>
+      </van-swipe>
     </div>
 
     <div class="business">
@@ -244,14 +118,9 @@ export default {
           </p>
         </span>
         <div class="intro">
-          <img src="/images/intro-i1.png" alt="">
+          <img :src="$file(column.Icon)" alt="">
           <div class="intro-font">
-            <span>
+            <span v-html="column.Content" style=""></span>
-              浙江好运徕品牌运营管理有限公司，座落于美丽的杭州市滨江区，是一家以互联网技术为核心，集科、工、贸于一体的综合性电商企业。公司拥有国内领先的技术团队和一流的运营管理团队。本着“科学创新、无私奉献、服务社会、造福于民”的企业宗旨，和“共创、共享、共赢”的经营理念，以及“利他，感恩，有爱”的核心价值观。
-            </span>
-            <span>公司历时多年调研，倾力开发出一个全新的数字电商平台—— <b>好运徕数字生活</b>
-              。该平台拥有优越于传统电商平台的商业逻辑，能够很好地赋能百业实体，帮助商家进行数字化转型升级，解决当下全国实体商家所共同面临的“获客难”的痛点问题，继而帮助众多商家快速实现拓客增收。
-            </span>
             <button @click="toAbout">
               查看详情
               <el-icon>
@@ -276,22 +145,22 @@ export default {
       </span>
 
       <div class="n-boxs">
-        <div class="n-box" v-for="item in newslist" key="item.id" @click="toDetail">
+        <div class="n-box" v-for="item in newslist" @click="toDetail(item)">
           <div class="left">
             <span class="date">
-              {{ item.date }}
+              {{ $toTimes(item.CreTime, 'month') }}/{{ $toTimes(item.CreTime, 'day') }}
             </span>
             <span class="year">
-              {{ item.year }}
+              {{ $toTimes(item.CreTime, 'year') }}
             </span>
             <hr>
           </div>
           <div class="right">
             <span class="title">
-              {{ item.title }}
+              {{ item.Title }}
             </span>
             <span class="details">
-              {{ item.content }}
+              {{ item.Remark }}
             </span>
           </div>
         </div>
@@ -314,39 +183,7 @@ export default {
         <ArrowLeft style="height: 49px;cursor: pointer;" @click="onlefticon" />
         <div class="team" id="team">
           <div>
-            <img src="/images/team-i1.png" alt="">
+            <img v-for="item in team" :src="$file(item.Icon)" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
           </div>
         </div>
         <ArrowRight style="height: 49px;cursor: pointer;" @click="onrighticon" />
@@ -355,3 +192,84 @@ export default {
   </div>
 
 </template>
+
+<script>
+
+export default {
+  data() {
+    return {
+      data: {},
+      activeName: 'first',
+      newslist: [],
+      column: {},
+      team: [],
+    }
+  },
+  methods: {
+    onlefticon() {
+      const element = document.getElementById("team");
+      element.scrollLeft -= 193;
+    },
+    onrighticon() {
+      const element = document.getElementById("team");
+      element.scrollLeft += 193;
+    },
+    toAbout() {
+      this.$router.push({ name: 'About' });
+    },
+    toDetail(item) {
+      location.href = '#/Detail?id=' + item.Id;
+    },
+    scrollDiy() {
+      const tabheight = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--tabheightnum'), 10);
+      const homeElement = document.getElementById('home');
+      let isScrolling = false; // 标志位，表示是否正在滚动
+
+      homeElement.addEventListener('wheel', (event) => {
+        event.preventDefault(); // 阻止默认的滚动行为
+
+        // 如果正在滚动，则直接返回
+        if (isScrolling) return;
+
+        // 定义固定的滚动距离（例如：每次滚动100像素）
+        const fixedScrollDistance = window.innerHeight - tabheight;
+
+        // 根据滚轮的方向调整滚动距离的正负值
+        const scrollDistance = (event.deltaY < 0 ? -1 : 1) * fixedScrollDistance;
+
+        // 设置标志位为正在滚动
+        isScrolling = true;
+
+        // 使用 window.scrollBy 方法进行滚动
+        window.scrollBy({
+          top: scrollDistance, // 垂直滚动的距离
+          behavior: 'smooth'   // 平滑滚动
+        });
+
+        // 使用 setTimeout 来重置标志位，确保动画完成后再允许新的滚动
+        setTimeout(() => {
+          isScrolling = false;
+        }, 800); // 这里的500毫秒可以根据实际动画时间进行调整
+      });
+    },
+  },
+  mounted() {
+    //this.scrollDiy();
+    Promise.all([
+      this.$api.post('Carousel/Get', { Type: 1 }),
+      this.$api.post('Column/Get', { PId: "247058337" }),
+      this.$api.post('Column/Get', { PId: "247058428", PageSize: 6 }),
+      this.$api.post('Column/Get', { PId: "247058473" }),
+    ])
+      .then(data => {
+        this.data = data[0];
+        this.column = data[1].Datas[0];
+        this.newslist = data[2].Datas;
+        this.team = data[3].Datas;
+      }).catch(err => {
+        console.log(err.Message);
+      });
+  },
+};
+
+</script>

src/views/Layout.vue

@@ -1,17 +1,10 @@
 <script>
-import { ref } from 'vue';
-
 export default {
   data() {
     return {
+      data: {},
       activeName: 'first',
-    };
+      buttonsite: 100,
-  },
-  setup() {
-    const buttonsite = ref(100);
-
-    return {
-      buttonsite,
     };
   },
   methods: {
@@ -73,6 +66,15 @@ export default {
   },
   mounted() {
     this.tothebottom();
+    this.$api.post('SysConfig/GetCompanyInfo')
+      .then(data => {
+        this.data = data;
+        this.$ls.set('CompanyEmail', data.CompanyEmail);
+        this.$ls.set('CompanyPhone', data.CompanyPhone);
+        this.$ls.set('CompanyAddress', data.CompanyAddress);
+      }).catch(err => {
+        console.log(err.Message);
+      });
   }
 };
 
@@ -118,15 +120,15 @@ export default {
           <div class="btm-font">
             <div>
               <img src="/images/btm-i1.png" alt="" style="height: 34px;">
-              <span>电子邮箱：hzhyl@xx.com</span>
+              <span>电子邮箱：{{ data.CompanyEmail }}</span>
             </div>
             <div>
               <img src="/images/btm-i2.png" alt="" style="height: 34px;">
-              <span>联系电话：0571-88888888</span>
+              <span>联系电话：{{ data.CompanyPhone }}</span>
             </div>
             <div>
               <img src="/images/btm-i3.png" alt="" style="height: 34px;">
-              <span>公司地址：杭州市滨江区xx路xx号</span>
+              <span>公司地址：{{ data.CompanyAddress }}</span>
             </div>
           </div>
           <div class="btm-code">
@@ -149,7 +151,7 @@ export default {
             Copyright©2016-2024 浙江好运徕品牌运营管理有限公司 版权所有
           </span>
           <span style="margin-left: 10px;">
-            浙ICP备2024124468号
+            {{ data.SiteRecordNumber }}
           </span>
         </div>
       </div>

src/views/News.vue

@@ -1,70 +1,22 @@
 <script>
-import { ref } from 'vue';
-
 export default {
-  setup() {
+  mounted() {
-    const newslist = ref([
+    this.$api.post('Column/Get', { PId: "247058428" })
-      {
+      .then(data => {
-        id: 1,
+        this.data = data.Datas;
-        title: '让计算更为透明、更加可控',
+      }).catch(err => {
-        content: '跨境购商城是指能够在线开展跨境电子商务交易的商城，和普通商城的区别在于，它可以直接连入中国电子口岸通关服务系统，进行电子数据交换，完成跨境购商品购买申...',
+        console.log(err.Message);
-        time: '02/20',
+      });
-        year: '2025',
   },
-      {
+  data() {
-        id: 2,
-        title: '让计算更为透明、更加可控',
-        content: '跨境购商城是指能够在线开展跨境电子商务交易的商城，和普通商城的区别在于，它可以直接连入中国电子口岸通关服务系统，进行电子数据交换，完成跨境购商品购买申...',
-        time: '02/21',
-        year: '2025',
-      },
-      {
-        id: 3,
-        title: '让计算更为透明、更加可控',
-        content: '跨境购商城是指能够在线开展跨境电子商务交易的商城，和普通商城的区别在于，它可以直接连入中国电子口岸通关服务系统，进行电子数据交换，完成跨境购商品购买申...',
-        time: '02/22',
-        year: '2025',
-      },
-      {
-        id: 4,
-        title: '让计算更为透明、更加可控',
-        content: '跨境购商城是指能够在线开展跨境电子商务交易的商城，和普通商城的区别在于，它可以直接连入中国电子口岸通关服务系统，进行电子数据交换，完成跨境购商品购买申...',
-        time: '02/23',
-        year: '2025',
-      },
-      {
-        id: 5,
-        title: '让计算更为透明、更加可控',
-        content: '跨境购商城是指能够在线开展跨境电子商务交易的商城，和普通商城的区别在于，它可以直接连入中国电子口岸通关服务系统，进行电子数据交换，完成跨境购商品购买申...',
-        time: '02/24',
-        year: '2025',
-      },
-      {
-        id: 6,
-        title: '让计算更为透明、更加可控',
-        content: '跨境购商城是指能够在线开展跨境电子商务交易的商城，和普通商城的区别在于，它可以直接连入中国电子口岸通关服务系统，进行电子数据交换，完成跨境购商品购买申...',
-        time: '02/25',
-        year: '2025',
-      },
-    ])
-
     return {
-      newslist,
+      data: []
-    };
+    }
   },
   methods: {
     toDetail(item) {
-      this.$router.push({
+      location.href = '#/Detail?id=' + item.Id;
-        name: 'Detail',
-        query: {
-          id: item.id,
-          title: item.title,
-          content: item.content,
-          time: item.time,
-          year: item.year,
     },
-      });
-    }
   }
 };
 
@@ -89,38 +41,40 @@ export default {
         </p>
       </span>
 
-      <div class="jieshao">
+      <div class="jieshao" v-if="data">
-        <img src="/images/newspage-i1.png" alt="">
+        <img :src="data[0]?.Icon ? data[0].Icon : '/images/newspage-i1.png'" alt="">
         <div>
           <span class="title">
-            数字化转型突围 如何“再进一公里”
+            {{ data[0]?.Title }}
           </span>
           <span class="time">
-            2022-01-24
+            {{ $toTimes(data[0]?.CreTime, 'year') }}-{{ $toTimes(data[0]?.CreTime, 'month') }}-{{
+              $toTimes(data[0]?.CreTime, 'day')
+            }}
           </span>
           <span class="content">
-            这并非一个新命题。从信息记录、存储介质由纸质等形态转为电子化，到后续的业务流程数字化从利用数据深入分析业务特点、辅助经营管理，降低经营管理成本提率，到如今以云计算、大数据、人工智能、物联网和区块链等信息技术兴起后掀起的组织、业态再创新，金融业在数字化转型驱动下实现了多个层面的质效提升。
+            {{ data[0]?.Remark }}
           </span>
-          <button>
+          <button @click="toDetail(data[0])">
             查看详情
             <ArrowRight style="width: 15px;" />
           </button>
         </div>
       </div>
 
-      <div class="newslist">
+      <div class="newslist" v-if="data && data?.length > 0">
-        <div class="listbox" v-for="item in newslist" :key="item.id" @click="toDetail(item)">
+        <div class="listbox" v-for="item in data.slice(1)" :key="item.id" @click="toDetail(item)">
           <span class="time">
-            {{ item.time }}
+            {{ $toTimes(item.CreTime, 'month') }}/{{ $toTimes(item.CreTime, 'day') }}
-            <p>{{ item.year }}</p>
+            <p>{{ $toTimes(item.CreTime, 'year') }}</p>
           </span>
           <hr>
           <div>
             <span class="title">
-              {{ item.title }}
+              {{ item.Title }}
             </span>
             <span class="content">
-              {{ item.content }}
+              {{ item.Remark }}
             </span>
           </div>
         </div>

src/views/Partners.vue

@@ -1,9 +1,17 @@
 <script>
-import { ref } from 'vue';
-
 export default {
-  setup() {
+  mounted() {
-    const advantages = ref([
+    this.$api.post('Column/Get', { PId: "247058473" })
+      .then(data => {
+        this.team = data.Datas;
+      }).catch(err => {
+        console.log(err.Message);
+      });
+  },
+  data() {
+    return {
+      team: [],
+      advantages: [
         {
           id: 1,
           title: '技术团队优势',
@@ -22,11 +30,9 @@ export default {
           details: '平台的商业逻辑优于 传统电商平台，更具竞争力',
           img: '/images/part-i3.png',
         },
-    ])
+      ],
-
+      tempdata: {},
-    return {
+    }
-      advantages,
-    };
   },
   methods: {
     onlefticon() {
@@ -38,6 +44,32 @@ export default {
       const element = document.getElementById("team");
       element.scrollLeft += 193;
     },
+    submit() {
+      if (!this.tempdata.Name) {
+        alert('请填写姓名');
+        return;
+      }
+      if (!this.tempdata.Phone) {
+        alert('请填写电话');
+        return;
+      }
+      if (!this.tempdata.Email) {
+        alert('请填写邮箱');
+        return;
+      }
+      if (!this.tempdata.Content) {
+        alert('请填写申请原因');
+        return;
+      }
+
+      this.$api.post('Cooperate/Add', this.tempdata)
+        .then(data => {
+          alert('提交申请成功');
+        }).catch(err => {
+          alert('提交申请失败，原因：' + err.Message);
+          console.log(err.Message);
+        });
+    },
   }
 };
 
@@ -89,39 +121,7 @@ export default {
         <ArrowLeft style="height: 49px;cursor: pointer;" @click="onlefticon" />
         <div class="team" id="team">
           <div>
-            <img src="/images/team-i1.png" alt="">
+            <img v-for="item in team" :src="$file(item.Icon)" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-          </div>
-          <div>
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
-            <img src="/images/team-i1.png" alt="">
           </div>
         </div>
         <ArrowRight style="height: 49px;cursor: pointer;" @click="onrighticon" />
@@ -146,12 +146,12 @@ export default {
 
       <div class="inputbox">
         <div>
-          <input type="text" placeholder="请输入您的姓名">
+          <input v-model="tempdata.Name" type="text" placeholder="请输入您的姓名">
-          <input type="text" placeholder="请输入您的电话">
+          <input v-model="tempdata.Phone" type="text" placeholder="请输入您的电话">
-          <input type="email" placeholder="请输入您的邮箱">
+          <input v-model="tempdata.Email" type="email" placeholder="请输入您的邮箱">
         </div>
-        <input type="text" name="" id="" placeholder="我们能为您做什么">
+        <input v-model="tempdata.Content" type="text" name="" id="" placeholder="我们能为您做什么">
-        <button>马上提交</button>
+        <button @click="submit">马上提交</button>
       </div>
     </div>