news

king

2019-08-23 4deda573bfc6663c1793b29f60a6e1035d891520

news

 src/components/header.vue

@@ -9,7 +9,7 @@
                <span class="navico" v-else @click="showNav"><img src="../img/close.png" alt=""></span>
                <!-- pc端菜单列表 -->
                <ul class="nav_ul" ref="nav_ul">
                    <li v-for="(menu, index) in menus" :key="index" :class="{active1: cur === index}" @click="jump(menu.url)">
                    <li v-for="(menu, index) in menus" :key="index" :class="{' menu-active': curtab === index, ' menu-hover': cur === index}" @click="jump(menu.url)">
                        <span @mouseover="contrlSubmenu(index)">{{ menu.text }}</span>
                    </li>
                    <div class="list1 active" v-if="menus[1].flag">
@@ -79,8 +79,8 @@
        name: 'Header',
        data() {
            return {
                activeNames: ['1'],
                cur: 0,
                cur: -1,
                curtab: 0,
                isShow: false,
                selectedsubId: null,
                menus: [{
@@ -138,6 +138,14 @@
                this.isShow = false
                name = name.toLowerCase()
                if (!type) { // 主页面跳转
                    let change = {
                        index: 0,
                        successcase: 2,
                        partner: 3,
                        news: 4,
                        companyprofile: 5
                    }
                    this.curtab = change[name]
                    if (name === 'companyprofile') { // 关于明科,锚点参数
                        this.$router.push({name: name, params: {hash: 'null'}})
                    } else {
@@ -146,15 +154,18 @@
                } else if (type === 'submenu') { // 产品中心子页面跳转
                    this.menus[1].flag = false
                    this.menus[5].flag = false
                    this.curtab = 1
                    this.selectedsubId = index
                    this.$router.push({name: name, params: {menuId: index}})
                } else if (type === 'aboutUs') { // 关于明科子页面跳转
                    this.curtab = 5
                    if (index === 3) { // 加入明科
                        this.$router.push({name: name})
                    } else {
                        this.$router.push({name: 'companyprofile', params: {hash: `#anchor-${index + 1}`}})
                    }
                }
				
            },
            showNav () {
                this.isShow = !this.isShow
@@ -174,6 +185,7 @@
                }
            },
            leave () {
                this.cur = -1
                this.menus[1].flag = false
                this.menus[5].flag = false
            },
@@ -235,7 +247,7 @@
        -webkit-animation: gupIn 1s 0.1s both;
        -moz-animation: gupIn 1s 0.1s both;
        animation: gupIn 1s 0.1s both;
        z-index: 8888;
        z-index: 2000;
        top: 0;

        .wrapper {
@@ -542,7 +554,10 @@
    .active {
        opacity: 1;
    }
    .active1 {
    .menu-hover {
        background: #232323;
    }
    .menu-active {
        background: #212020;
    }
</style>

 src/img/home_c1.jpg

 src/img/home_c2.jpg

 src/img/home_c3.jpg

 src/img/index_logo.png

 src/router/index.js

@@ -99,7 +99,7 @@
      },
      {
        name: 'dynamicdetail',
        path: '/dynamicDetail',//明科动态 详情
        path: '/dynamicDetail/:menuId',//明科动态 详情
        component: DynamicDetail
      },
      {

 src/store/service.js

@@ -79,4 +79,14 @@
      })
    }
  }

  /**
   * @description 提交
   * @param {String} param 请求参数
   */
  setSubmit (param) {
    return axios({
      data: param
    })
  }
}

 src/views/index/dynamicDetail.vue

@@ -2,113 +2,84 @@
  <div class="main">
    <div class="wrapper dynamic">
      <div class="dynamic_l">
        <h4>明科 > 新闻资讯 > 企业资讯 > 宝时得电商平台项目启动会议隆重举行</h4>
        <h2 class="dynamic_title">宝时得电商平台项目启动会议隆重举行</h2>
        <h3 class="dynamic_subtitle">企业资讯 | 2018-10-10</h3>
        <div class="dynamic_content">
          <p>9月22日上午，宝时得电商平台项目启动会在苏州厅隆重召开，专业工具营销中心朱总、财务张总、信息化管理部丁总，携项目组团队参加了此次会议。北京明科普华副总经理张富贵，携顾问代表4人出席了会议。<br />
            会议由电商销售部经理纪锦露主持召开。
          </p>
          <img src="../../img/dynamicDetail.jpg" alt="">
        </div>
        <div class="dynamic_content">
          <p>会议伊始，电商销售部经理纪锦露首先分析了近几年由于电商销量的不断上升，电商部门在工作中所遇到的各类问题，纪经理尤其指出在每年双十一期间巨大的订单量给电商部门带来了巨大的工作量。<br />
            <span style="margin: 0.3rem 0;display: inline-block;">2017年的双十一即将来临，通过IT平台打通电商平台与SAP系统实现数据流对接，提高物流发货效率，降低人为出错率，降低人工成本，已经迫在眉睫。</span>
            接着，北京明科普华项目总监兼项目经理刘畅向与会各位介绍了北京明科各类电商管理项目实施经验，以及明科项目将会给宝时得电商管理带来什么变化。在时间上本项目预计从项目正式启动后的2个月内完成平台搭建、平台开发与一期功能实施，项目上线。二期在一期上线后的一个月内完成相关的开发与上线工作。
          </p>
          <img src="../../img/da2.jpg" alt="">
        </div>
        <div class="dynamic_content">
          <p>随后，北京明科副总经理张富贵向宝时得作出了项目时间、投入资源与平台质量上的承诺，以及今后的一些展望。</p>
          <img src="../../img/da3.jpg" alt="">
        </div>
        <div class="dynamic_content">
          <p>最后，专业工具营销中心朱总为此次会议做了总结，并指出本次项目时间比较紧张，并且一上线就将面临双十一的这场‘大战’，希望项目组团队能够高质量的完成任务。<br />
            电商平台项目将会给宝时得电商运营带来巨大变化。让我们在互联网+的大时代背景下，通过全新的电商管理平台，共同努力，为宝时得创下新的销售传奇！
          </p>
          <img src="../../img/da4.jpg" alt="">
        <h4>
          明科 > 新闻资讯 
          <span v-text="data.SubjClasName && '> ' + data.SubjClasName"></span>
          <span v-text="data.Title1 && '> ' + data.Title1"></span>
        </h4>
        <h2 class="dynamic_title" v-text="data.Title1"></h2>
        <h3 class="dynamic_subtitle" v-if="data.SubjClasName" v-text="data.SubjClasName + (data.SubjClasName && data.CompletedTime && ' | ') + data.CompletedTime"></h3>
        <div class="dynamic_content" style="padding-top: 0.2rem;" v-html="data.Ltext">
        </div>
      </div>
      <div class="dynamic_r">
        <h3>热门文章</h3>
        <h3 v-if="data.NewsHot">热门文章</h3>
        <ul class="dynamic_ul">
          <li>
            <img src="../../img/caseList.jpg" alt="">
          <li v-for="(item, index) in data.NewsHot" :key="index">
            <img style="max-width: 124px;max-height: 80px;" :src="item.Image1" alt="">
            <div>
              <p>明科产品质量安全追溯系统解决方案</p>
              <span>2017-03-08</span>
            </div>
          </li>
          <li>
            <img src="../../img/r2.jpg" alt="">
            <div>
              <p>供应商管理解决方案</p>
              <span>2017-03-08</span>
            </div>
          </li>
          <li>
            <img src="../../img/r3.jpg" alt="">
            <div>
              <p>明科产品质量安全追溯系统解决方案</p>
              <span>2017-03-08</span>
            </div>
          </li>
          <li>
            <img src="../../img/r4.jpg" alt="">
            <div>
              <p>明科防窜货管理解决方案</p>
              <span>2017-03-08</span>
            </div>
          </li>
          <li>
            <img src="../../img/r5.jpg" alt="">
            <div>
              <p>明科售后服务跟踪系统解决方案</p>
              <span>2017-03-08</span>
            </div>
          </li>
          <li>
            <img src="../../img/r6.jpg" alt="">
            <div>
              <p>明科资产及档案系统解决方案</p>
              <span>2017-03-08</span>
            </div>
          </li>
          <li>
            <img src="../../img/r7.jpg" alt="">
            <div>
              <p>明科产品质量安全追溯系统解决方案</p>
              <span>2017-03-08</span>
            </div>
          </li>
          <li>
            <img src="../../img/r8.jpg" alt="">
            <div>
              <p>明科电子标签拣货系统</p>
              <span>2017-03-08</span>
              <p v-text="item.Title1" style="width: 1.36rem;"></p>
              <span v-text="item.CompletedTime"></span>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="wechat p_hide">
    <!-- <div class="wechat p_hide">
      <div class="title_a">媒体合作</div>
      <div class="title_c">
        <img src="../../img/code.jpg" alt="">
      </div>
      <div class="title_b">更多动态请关注</div>
      <div class="title_b">明科企业官方公众号</div>
    </div>
    </div> -->
    <div class="wrapper dynamic_b">
      <p>上一篇：这已经是第一篇了 <span>企业资讯 | 2017-03-08</span></p>
      <p>下一篇：明科产品质量安全追溯系统解决方案 <span>企业资讯 | 2017-03-08</span></p>
      <p v-if="data.LastTitle" :style="data.LastID && 'cursor:pointer;'" @click="jumpmenu(data.LastID)">
        上一篇：{{data.LastTitle}}
        <span v-text="data.LastSubjClasNameu + (data.LastSubjClasNameu && data.LastCompletedTime && ' | ') + data.LastCompletedTime"></span>
      </p>
      <p v-if="data.NextTitle" :style="data.NextID && 'cursor:pointer;'" @click="jumpmenu(data.NextID)">
        下一篇：{{data.NextTitle}}
        <span v-text="data.NextSubjClasNameu + (data.NextSubjClasNameu && data.NextCompletedTime && ' | ') + data.NextCompletedTime"></span>
      </p>
    </div>
  </div>
</template>

<script>
export default {

  data() {
    return {
      data: {}
    }
  },
  watch: {
    $route () {
      this.menuId = this.$route.params.menuId
      this.loaddata()
    }
  },
  methods: {
    jumpmenu (menuId) {
      if (!menuId) return
      this.$router.push({name: 'dynamicdetail', params: {menuId: menuId}})
    },
    loaddata () {
      let param = {
        func: 'Web_News_GetDetail',
        ID: this.menuId
      }
      this.Service.getParamData(param).then(res => {
        this.data = res
      })
    }
  },
  created () {
    this.menuId = this.$route.params.menuId
  },
  mounted () {
    this.loaddata()
  }
}
</script>

@@ -118,7 +89,7 @@
    display: flex;
  }
  .dynamic_l {
    padding: 0 0.19rem 0.93rem 0;
    padding: 0 0.19rem 0.4rem 0;
    border-bottom: 1px solid #DBDBDB;
    h3 {
      font-size: 0.16rem;
@@ -133,7 +104,7 @@
    .dynamic_subtitle {
      text-align: center;
      color: #838383;
      font-size: 0.18rem;
      font-size: 0.16rem;
      padding-bottom: 0.19rem;
      border-bottom: 1px solid #DBDBDB;
    }
@@ -177,9 +148,15 @@

    .dynamic {
      margin-top: 0.9rem;
      width: 100%;
    }
    .dynamic_l .dynamic_title {
      font-size: 0.32rem;
    .dynamic_l {
      .dynamic_title {
        font-size: 0.32rem;
      }
      .dynamic_subtitle {
        font-size: 0.26rem;
      }
    }
    .dynamic_b-m {
      width: 100%;
@@ -190,7 +167,12 @@
      }
    }
    .dynamic_b {
      display: none;
      p {
        margin-bottom: 0.2rem;
      }
      span {
        display: none;
      }
    }
    .dynamic_r {
      display: none;

 src/views/index/index.vue

@@ -81,33 +81,49 @@
            <h4 class="content_subtitle"><span>为企业搭建供应链信息化平台</span></h4>
            <el-carousel :interval="5000" arrow="always" class="platform_ul-m">
                <el-carousel-item>
                    <h3><img src="../../img/yuan1.jpg" alt=""></h3>
                    <h2 style="margin-top: 0.3rem;">自主的可配置平台</h2>
                    <div class="mob-c">
                        <img src="../../img/home_c1.jpg" alt="">
                        <h2>自主的可配置平台</h2>
                    </div>
                    <p>众所周知，需求变更是IT项目成败的关键，MingKeOS易变更、可配置的特性可以为企业信息化建设保驾护航</p>
                </el-carousel-item>
                <el-carousel-item>
                    <h3><img src="../../img/100.jpg" alt=""></h3>
                    <h2 style="margin-top: 0.3rem;">成熟的行业方案</h2>
                    <div class="mob-c">
                        <img src="../../img/home_c2.jpg" alt="">
                        <h2>成熟的行业方案</h2>
                    </div>
                    <p>明科已经为超过2000家企业进行供应链项目实施，可提供众多成熟的企业应用供您选择，您无需组织人员花费大量时间去设计开发，并可依据企业个性化需求完成新功能的配置</p>
                </el-carousel-item>
                <el-carousel-item>
                    <h3><img src="../../img/yuan2.jpg" alt=""></h3>
                    <h2 style="margin-top: 0.3rem;">独有的开发生态圈</h2>
                    <div class="mob-c">
                        <img src="../../img/home_c3.jpg" alt="">
                        <h2>独有的开发生态圈</h2>
                    </div>
                    <p>明科拥有众多的平台实施合作伙伴，您可以选择任何一家为您完成项目实施，也可以培养自己的IT团队进行系统运维</p>
                </el-carousel-item>
            </el-carousel>
            <ul class="platform_ul">
                <router-link to="/caseDetail" tag="li" v-for="(item, index) in 3" :key="item.menu_id">
                    <h3 v-if="index == 0"><img src="../../img/yuan1.jpg" alt=""></h3>
                    <h3 v-if="index == 1"><img src="../../img/100.jpg" alt=""></h3>
                    <h3 v-if="index == 2"><img src="../../img/yuan2.jpg" alt=""></h3>
                    <h2 v-if="index == 0">自主的可配置平台</h2>
                    <h2 v-if="index == 1">成熟的行业方案</h2>
                    <h2 v-if="index == 2">独有的开发生态圈</h2>
                    <p v-if="index == 0" style="line-height:25px;">众所周知，需求变更是IT项目成败的关键，MingKeOS易变更、可配置的特性可以为企业信息化建设保驾护航</p>
                    <p v-if="index == 1" style="line-height:25px;">明科已经为超过2000家企业进行供应链项目实施，可提供众多成熟的企业应用供您选择，您无需组织人员花费大量时间去设计开发，并可依据企业个性化需求完成新功能的配置</p>
                    <p v-if="index == 2" style="line-height:25px;">明科拥有众多的平台实施合作伙伴，您可以选择任何一家为您完成项目实施，也可以培养自己的IT团队进行系统运维</p>
                </router-link>
                <li>
                    <div>
                        <img src="../../img/home_c1.jpg" alt="">
                        <h2>自主的可配置平台</h2>
                    </div>
                    <p style="line-height:25px;">众所周知，需求变更是IT项目成败的关键，MingKeOS易变更、可配置的特性可以为企业信息化建设保驾护航</p>
                </li>
                <li>
                    <div>
                        <img src="../../img/home_c2.jpg" alt="">
                        <h2>成熟的行业方案</h2>
                    </div>
                    <p style="line-height:25px;">明科已经为超过2000家企业进行供应链项目实施，可提供众多成熟的企业应用供您选择，您无需组织人员花费大量时间去设计开发，并可依据企业个性化需求完成新功能的配置</p>
                </li>
                <li>
                    <div>
                        <img src="../../img/home_c3.jpg" alt="">
                        <h2>独有的开发生态圈</h2>
                    </div>
                    <p style="line-height:25px;">明科拥有众多的平台实施合作伙伴，您可以选择任何一家为您完成项目实施，也可以培养自己的IT团队进行系统运维</p>
                </li>
            </ul>
        </div>
        
@@ -405,6 +421,17 @@
    }

    @media (max-width: 750px) and (min-width: 0) {
        .mob-c {
            position: relative;

            h2 {
                position: absolute;
                font-size: 0.34rem;
                top: 0.65rem;
                left: 0.4rem;
                color: #ffffff;
            }
        }
        #canvas {
            display: none;
        }
@@ -692,7 +719,6 @@
        .el-carousel__item {
            width: 100%;
            background: #fff;
            padding: 0.6rem 0 0;

            h3 {
                width: 2rem;
@@ -763,10 +789,6 @@
            padding-bottom: 0.1rem;
            box-sizing: border-box;
            position: relative;
            // -webkit-transition: transform 1s, opacity 1s;
            // -moz-transition: transform 1s, opacity 1s;
            // -o-transition: transform 1s, opacity 1s;
            // transition: transform 1s, opacity 1s;
            transition: all 0.7s;

            .pulse {
@@ -899,33 +921,29 @@

        .platform_ul {
            display: flex;
            padding: 0 .8rem;
            margin-bottom: 1.2rem;

            li {
                flex: 1;
                margin: 0 .3rem;
                padding: 0.37rem;
                padding-bottom: 0.3rem;
                text-align: center;
                box-shadow: 0px 0px 8px 0px rgba(79, 78, 80, 0.05);

                h3 {
                    width: 100%;

                    img {
                        width: .93rem;
                        height: .93rem;
                        margin: 0 auto;
                div {
                    position: relative;
					
                    h2 {
                        position: absolute;
                        font-size: 0.16rem;
                        top: 0.35rem;
                        left: 0.2rem;
                        color: #ffffff;
                    }
                }

                h2 {
                    font-size: 0.14rem;
                    color: #20242A;
                    margin: 0.3rem 0 0.15rem;
                }

                p {
                    font-size: 0.13rem;
                    padding: 0.15rem;
                    color: #838383;
                }
            }

 src/views/news/index.vue

@@ -7,188 +7,25 @@
    <div class="wrapper">
      <div class="contentTitle">
        <i class="contentTitle_before"></i>
        <span v-for="(tab, i) in tabs" :key="i" @click="cur=i" :class="{active:cur==i}">{{tab.name}}</span>
        <span v-for="(tab, i) in tabs" :key="i" @click="changetab(i)" :class="{active: cur === i}">{{tab.SubjClasName}}</span>
        <i class="contentTitle_after"></i>
      </div>

      <div class="tab-content">
        <div v-show="cur==0">
          <ul class="news_ul">
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi1.jpg" alt="">
              </h3>
              <div class="news_ul_card">
                <h2>
                  <span style="display: block;">明科产品质量安全追溯系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科公司面向生产型企业专门研发了一套质量监管系统，针对商品的生产日期、有效期批号等信息，创建唯一可识别条码，进行产品质量追溯，再根据此识别码的包装关联码查询流通过程中的商品流...</p>
              </div>
            </router-link>
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi2.jpg" alt="">
              </h3>
              <div class="news_ul_card"> 
                <h2>                        
                  <span style="display: block;">宝时得电商平台项目启动会议隆重举行</span>
                  <span>2017-10-10</span>
                </h2>
                <p>9月22日上午，宝时得电商平台项目启动会在苏州厅隆重召开，专业工具营销中心朱总、财务张总、信息化管理部丁总，携项目组团队参加了此次会议。北京明科普华副总经理张富贵携顾问代表4人出席了会议。</p>
              </div>
            </router-link>
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi3.jpg" alt="">
              </h3>
              <div class="news_ul_card"> 
                <h2>                        
                  <span style="display: block;">明科售后服务跟踪系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科服务跟踪系统MK-SES 是由明科公司首创的基于自动识别技术的服务系统，它能让企业能够更好的为用户提供更人性化的跟踪服务，并且能有效的降低服务成本。</p>
              </div>
            </router-link>
            
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi4.jpg" alt="">
              </h3>
              <div class="news_ul_card"> 
                <h2>                        
                  <span style="display: block;">明科产品质量安全追溯系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科服务跟踪系统MK-SES 是由明科公司首创的基于自动识别技术的服务系统，它能让企业能够更好的为用户提供更人性化的跟踪服务，并且能有效的降低服务成本。</p>
              </div>
            </router-link>
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi5.jpg" alt="">
              </h3>
              <div class="news_ul_card"> 
                <h2>                        
                  <span style="display: block;">明科产品质量安全追溯系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科公司面向生产型企业专门研发了一套质量监管系统，针对商品的生产日期、有效期、批号等信息，创建唯一可识别条码，进行产品质量追溯，再根据此识别码的包装关联码，查询流通过程中的商品流向，达到防伪...</p>
              </div>
            </router-link>
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi6.jpg" alt="">
              </h3>
              <div class="news_ul_card"> 
                <h2>                        
                  <span style="display: block;">明科产品质量安全追溯系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科公司面向生产型企业专门研发了一套质量监管系统，针对商品的生产日期、有效期、批号等信息，创建唯一可识别条码，进行产品质量追溯，再根据此识别码的包装关联码，查询流通过程中的商品流向，达到防伪...</p>
              </div>
            </router-link>
          </ul>
        </div>
        <div v-show="cur==1">
          <ul class="news_ul">
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi1.jpg" alt="">
              </h3>
              <div class="news_ul_card"> 
                <h2>                        
                  <span style="display: block;">明科产品质量安全追溯系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科公司面向生产型企业专门研发了一套质量监管系统，针对商品的生产日期、有效期批号等信息，创建唯一可识别条码，进行产品质量追溯，再根据此识别码的包装关联码查询流通过程中的商品流...</p>
              </div>
            </router-link>
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi4.jpg" alt="">
              </h3>
              <div class="news_ul_card"> 
                <h2>                        
                  <span style="display: block;">明科产品质量安全追溯系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科公司面向生产型企业专门研发了一套质量监管系统，针对商品的生产日期、有效期批号等信息，创建唯一可识别条码，进行产品质量追溯，再根据此识别码的包装关联码查询流通过程中的商品流...</p>
              </div>
            </router-link>
          </ul>
        </div>
        <div v-show="cur==2">
          <ul class="news_ul">
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi2.jpg" alt="">
              </h3>
              <div class="news_ul_card"> 
                <h2>                        
                  <span>明科售后服务跟踪系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科公司面向生产型企业专门研发了一套质量监管系统，针对商品的生产日期、有效期批号等信息，创建唯一可识别条码，进行产品质量追溯，再根据此识别码的包装关联码查询流通过程中的商品流...</p>
              </div>
            </router-link>
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi5.jpg" alt="">
              </h3>
              <div class="news_ul_card"> 
                <h2>                        
                  <span>明科售后服务跟踪系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科公司面向生产型企业专门研发了一套质量监管系统，针对商品的生产日期、有效期批号等信息，创建唯一可识别条码，进行产品质量追溯，再根据此识别码的包装关联码查询流通过程中的商品流...</p>
              </div>
            </router-link>
          </ul>
        </div>
        <div v-show="cur==3">
          <ul class="news_ul">
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi3.jpg" alt="">
              </h3>
              <div class="news_ul_card">
                <h2>                        
                  <span>明科产品质量安全追溯系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科公司面向生产型企业专门研发了一套质量监管系统，针对商品的生产日期、有效期批号等信息，创建唯一可识别条码，进行产品质量追溯，再根据此识别码的包装关联码查询流通过程中的商品流...</p>
              </div>
            </router-link>
            <router-link to="/dynamicDetail" tag="li">
              <h3>
                <img src="../../img/qi6.jpg" alt="">
              </h3>
              <div class="news_ul_card">
                <h2>                        
                  <span>明科产品质量安全追溯系统解决方案</span>
                  <span>2017-03-08</span>
                </h2>
                <p>明科公司面向生产型企业专门研发了一套质量监管系统，针对商品的生产日期、有效期批号等信息，创建唯一可识别条码，进行产品质量追溯，再根据此识别码的包装关联码查询流通过程中的商品流...</p>
              </div>
            </router-link>
          </ul>
        </div>

        <div class="p_hide" style="margin-bottom: -1rem;"></div>
        <div style="text-align: center;visibility: hidden;">
          <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page.sync="currentPage3"
          :page-size="10"
          background
          prev-text="上一页"
          next-text="下一页"
          style="display: inline-block;margin: 0.6rem 0;"
          layout="prev, pager, next, jumper"
          :total="50">
          </el-pagination>
        </div>
        <ul class="news_ul">
          <li v-for="(item, index) in news" :key="index" @click="jumpmenu(item)">
            <h3>
              <img :src="item.Image1" alt="">
            </h3>
            <div class="news_ul_card">
              <h2>
                <span style="display: block;" v-text="item.Title1"></span>
                <span v-text="item.CompletedTime"></span>
              </h2>
              <p v-text="item.Remark"></p>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
@@ -199,39 +36,49 @@
  data() {
    return {
      cur: 0,
      tabs:[
        {
          name:'全部'
        },
        {
          name:'企业资讯'
        },
        {
          name:'公司活动'
        },
        {
          name:'解决方案'
        }
      ],
      currentPage3: 5,
      tabs: null,
      news: null
    }
  },
  methods: {
    handleSizeChange (val) {
      console.log(`每页 ${val} 条`);
    changetab (i) {
      this.cur = i
      this.loaddata()
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
    jumpmenu (item) {
      this.$router.push({name: item.PageType.toLowerCase(), params: {menuId: item.ID}})
    },
    loadtabs () {
      this.Service.getBaseData('Web_News_GetClassify').then(res => {
        this.tabs = res.Classify
        this.tabs.unshift({
          SubjClasCode: '',
          SubjClasName: '全部'
        })
      })
    },
    loaddata () {
      let param = {
        func: 'Web_News_GetList',
        SubjClasCode: this.tabs ? this.tabs[this.cur].SubjClasCode : ''
      }
      this.Service.getParamData(param).then(res => {
        this.news = res.News
      })
    }
  },
  mounted () {

    this.loadtabs()
    this.loaddata()
  }
}
</script>

<style lang="less" scoped>
@media (max-width: 750px) and (min-width: 0) {
  .banner {
    margin-top: 1.13rem;
  }
  .wrapper {
    width: 100%;
  }
@@ -255,7 +102,7 @@
  }
  .news_ul {
    width: 100%;
    padding: 0.2rem 6% 0;
    padding: 0.2rem 0.3rem 0;
    li {
      margin-bottom: .35rem;
      h3 {

 src/views/partner/index.vue

@@ -41,14 +41,14 @@
            <el-col :span="12">
              <el-form-item style="position: relative;">
                <img src="../../img/huo5.png" alt="" class="left_img p_hide">
                <el-input placeholder="公司名称" v-model="input1"></el-input>
                <el-input placeholder="公司名称" v-model="company"></el-input>
                <img src="../../img/huo1.png" class="right_img p_hide" alt="">
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item style="position: relative;">
                <img src="../../img/huo5.png" alt="" class="left_img p_hide">
                <el-input placeholder="您的职位" v-model="input2"></el-input>
                <el-input placeholder="您的职位" v-model="Job"></el-input>
                <img src="../../img/huo2.png" class="right_img p_hide" alt="" style="right: 0.4rem;">
              </el-form-item>
            </el-col>
@@ -57,14 +57,14 @@
            <el-col :span="12">
              <el-form-item style="position: relative;">
                <img src="../../img/huo5.png" alt="" class="left_img p_hide">
                <el-input placeholder="您的姓名" v-model="input3"></el-input>
                <el-input placeholder="您的姓名" v-model="fullName"></el-input>
                <img src="../../img/huo3.png" class="right_img p_hide" alt="">
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item style="position: relative;">
                <img src="../../img/huo5.png" alt="" class="left_img p_hide">
                <el-input placeholder="您的电话" v-model="input4"></el-input>
                <el-input placeholder="您的电话" v-model="mob"></el-input>
                <img src="../../img/huo4.png" class="right_img p_hide" alt="">
              </el-form-item>
            </el-col>
@@ -73,14 +73,14 @@
            <el-col>
              <el-form-item>
                <img src="../../img/huo5.png" alt="" class="left_img p_hide">
                <el-input type="textarea" placeholder="咨询内容" v-model="input5"></el-input>
                <el-input type="textarea" placeholder="咨询内容" v-model="content"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row style="text-align:center">
            <el-col>
              <el-form-item>
                <el-button type="primary" style="margin: 0.47rem 0 0.3rem;" @click="refer">提交</el-button>
                <el-button type="primary" :disabled="loading" style="margin: 0.47rem 0 0.3rem;" @click="refer">提交</el-button>
              </el-form-item>
            </el-col>
          </el-row>
@@ -94,61 +94,98 @@
export default {
  data () {
    return {
      input1: '',
      input2: '',
      input3: '',
      input4: '',
      input5: '',
      company: '',
      Job: '',
      fullName: '',
      mob: '',
      content: '',
      isPhone: true,//手机 PC
      p_txt: '实施伙伴',
      e_txt: 'Implementing partners'
      e_txt: 'Implementing partners',
      loading: false
    }
  },
    methods: {
        point (t,e) {
        point (t, e) {
            this.p_txt = t
            this.e_txt = e
        },
        refer () {
            if(!this.input1){
      if (this.loading) {
        this.err_msg('5s内不可重复提交');
                return false;
      }

            if (!this.company) {
                this.err_msg('公司名称不能为空');
                return false;
            }

            if(!this.input2){
            if (!this.Job) {
                this.err_msg('您的职位不能为空');
                return false;
            }

            if(!this.input3){
            if (!this.fullName) {
                this.err_msg('您的姓名不能为空');
                return false;
            }

            if(!this.input4){
            if (!this.mob) {
                this.err_msg('您的电话不能为空');
                return false;
            }

            if(!this.input5){
            if (!this.content) {
                this.err_msg('咨询内容不能为空');
                return false;
            }
      }
      
      this.loading = true
      setTimeout(() => {
        this.loading = false
      }, 5000)

      let param = {
        func: 'Web_Partner_SubData',
        PartnerType: this.e_txt,
          Company: this.company,
        Job: this.Job,
        FullName: this.fullName,
        Mob: this.mob,
        Remark: this.content
      }
      this.Service.setSubmit(param).then(res => {
        if (res.status) {
          this.success_msg('提交成功，我们会尽快与您取得联系')
        } else {
          this.err_msg(res.message)
        }
      })
        },
        //错误提示（区分手机 PC）
        err_msg (err) {
        err_msg (err) { //错误提示（区分手机 PC）
            if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
              alert(err)
            }else{
        this.$message.error(err);
            } else {
        this.$message.error(err)
            }
    },
    success_msg (err) { //错误提示（区分手机 PC）
            if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
              alert(err)
            } else {
        this.$message.success(err)
            }
        }
    }
  }
}
</script>

<style lang="less" scoped>
  @media (max-width: 750px) and (min-width: 0) {
    .banner {
      margin-top: 1.13rem;
    }
    h2 {
      display: none;
    }

 src/views/productCenter/index.vue

@@ -52,7 +52,7 @@
        </div>
      </div>
    </div>
    <div class="wrapper joinBtnBox">
    <div class="wrapper joinBtnBox" v-if="details">
      <router-link to="/partner#4" tag="el-button">申请加入</router-link>
    </div>
  </div>

 src/views/successCase/successCase.vue

@@ -10,11 +10,30 @@
      <img src="../../img/anli2.jpg" alt="">
    </div>
    <div class="wrapper">
      <div class="content_title">
        <span>中石油</span>
        <p>项目实施落地: 北京 <label style="margin:0 0.05rem;">行业: 能源行业</label> 时间: 2012年3月</p>
      <div class="content_title" v-if="product">
        <span v-text="product.name"></span>
        <p>
          <label v-if="product.place">项目实施落地: {{product.place}} </label>
          <label style="margin:0 0.05rem;" v-if="product.industry">行业: {{product.industry}}行业</label>
          <label v-if="product.time"> 时间: {{product.time}}</label>
        </p>
      </div>
      <div class="content">
      <div v-for="(item, index) in details" :key="index">
        <div class="content_title" v-if="item.dTitle1">
          <span v-text="item.dTitle1"></span>
        </div>
        <div class="content">
          <div class="contnt-describe" :id="index">
            <div :class="index % 2 === 0 ? 'left' : 'right'" style="padding-top: 0.2rem;">
              <p v-for="(cell, i) in item.SuccessCaseDetail" :key="i" :class="cell.oTitle1 && 'h3'" v-text="cell.oTitle1 || cell.LongText"></p>
            </div>
            <div :class="index % 2 === 1 ? 'left' : 'right'" style="text-align: center;">
              <img :src="item.Images" alt="">
            </div>
          </div>
        </div>
      </div>
      <!-- <div class="content">
        <div class="contnt-describe">
          <div class="left">
            <h3>企业背景</h3>
@@ -81,7 +100,7 @@
            </div>
          </div>
        </div>
      </div>
      </div> -->
    </div>
  </div>
</template>
@@ -90,12 +109,30 @@
export default {
  data () {
    return {

      product: null,
      details: null
    }
  },
  methods: {
    load () {
      let param = {
        func: 'Web_SuccessCaseIndex_GetData',
        ID: this.menuId
      }
      this.Service.getParamData(param).then(res => {
        this.product = {
          name: res.Title1,
          place: res.Place,
          industry: res.Industry,
          time: res.CompletedTime
        }
        this.details = res.SuccessCase
      })
    }
  },
  mounted () {
    document.body.scrollTop = 0
    document.documentElement.scrollTop = 0
    this.menuId = this.$route.params.menuId
    this.load()
  }
}
</script>
@@ -105,7 +142,7 @@
    margin: 0.6rem 0 0.5rem;
    p {
      color: #838383;
      font-size: .16rem;
      font-size: .24rem;
      text-align: center;
      margin-top: .26rem;
    }
@@ -128,8 +165,12 @@
      text-align: left;
      font-size: .16rem;
      line-height: 0.25rem;
      margin-bottom: .2rem;
      margin-bottom: .1rem;
      margin-left: 0.25rem;
    }
    p.h3 {
      font-size: 0.3rem;
      margin: 0rem 4% 0.2rem;
    }
  }
  .content:nth-child(2) {
@@ -211,10 +252,18 @@
          display: inline-block;
          padding-top: .3rem;
        }
        img {
          max-width: 100%;
          max-height: 100%;
        }
      }
      .right {
        float: right;
        width: 50%;
        img {
          max-width: 100%;
          max-height: 100%;
        }
      }
    }
    .content_title {
@@ -222,6 +271,9 @@
      span {
        display: inline-block;
        border-bottom: 0.02rem solid;
      }
      p {
        font-size: .16rem;
      }
    }
    .content_title > span::after {
@@ -239,9 +291,6 @@
    }
  }
  @media (max-width: 750px) and (min-width: 0) {
    .shiyou {
      width: 4.6rem;
    }
    .p_txt2 {
      width: 4rem;
      margin: 0 auto;
@@ -270,17 +319,25 @@
      margin: 0.2rem 0;
    }
    .contnt-describe {
      padding: 0.3rem 0.32rem 0.8rem;
      padding: 0rem 0.32rem 0.8rem;
      p {
        font-size: 0.24rem;
        font-family: PingFang-SC-Regular;
        font-weight: 400;
        color: rgba(62,62,62,1);
        line-height: 0.44rem;
        margin-left: 0rem;
      }
      .left {
        padding-top: 0.2rem;
      }
      .right {
        padding-right: 0 !important;
        margin-top: 0.3rem !important;
        padding-top: 0.2rem;
      }
      p.h3 {
        font-size: 0.3rem;
        margin-left: 0;
      }
    }
    .header {