2019-08-16update

king

2019-08-16 b5a1ac854e8e3f7fa357eef2353665544f025d81

2019-08-16update

 src/components/header.vue

@@ -136,8 +136,9 @@
                if (!name) return
                this.selectedsubId = null
                this.isShow = false
                name = name.toLowerCase()
                if (!type) { // 主页面跳转
                    if (name === 'CompanyProfile') { // 关于明科,锚点参数
                    if (name === 'companyprofile') { // 关于明科,锚点参数
                        this.$router.push({name: name, params: {hash: 'null'}})
                    } else {
                        this.$router.push({name: name})
@@ -151,7 +152,7 @@
                    if (index === 3) { // 加入明科
                        this.$router.push({name: name})
                    } else {
                        this.$router.push({name: 'CompanyProfile', params: {hash: `#anchor-${index + 1}`}})
                        this.$router.push({name: 'companyprofile', params: {hash: `#anchor-${index + 1}`}})
                    }
                }
            },
@@ -185,10 +186,15 @@
                            url: pro.PageType
                        }
                    })
                    this.products.unshift({
                        Id: 'centerview',
                        text: '产品中心',
                        url: 'center'
                    })
                    this.products.push({
                        Id: this.products[0].Id,
                        Id: 'centerview',
                        text: '更多 >>',
                        url: this.products[0].url
                        url: 'center'
                    })

                    this.solutions = res.Solution.map(pro => {
@@ -198,10 +204,15 @@
                            url: pro.PageType
                        }
                    })
                    this.solutions.unshift({
                        Id: 'casesolutionview',
                        text: '解决方案',
                        url: 'casesolution'
                    })
                    this.solutions.push({
                        Id: this.solutions[0].Id,
                        Id: 'casesolutionview',
                        text: '更多 >>',
                        url: this.solutions[0].url
                        url: 'casesolution'
                    })
                })
            }
@@ -309,7 +320,8 @@
            position: absolute;
            left: -0.8rem;
            transition: all .3s ease 0s;
            height: 2rem;
            min-height: 1.5rem;
            padding-bottom: 0.2rem;
            background-color: #212020;
            z-index: 999;


 src/router/index.js

@@ -40,70 +40,70 @@
    children: [
      {
        path: '/',
        name: 'Index',
        name: 'index',
        component: Index
      },
      {
        name: 'ProductCenter',
        name: 'productcenter',
        path: '/productCenter/:menuId',//产品软件
        component: ProductCenter
      },
      {
        name: 'SuccessCase',
        name: 'successcase',
        path: '/successCase',//成功案例
        component: SuccessCase,
      },{
        name: 'successCaseIndex',
        name: 'successcaseindex',
        path: '/SuccessCaseIndex/:menuId',//成功案例 详情
        component: SuccessCaseIndex,
      },
      {
        name: 'CaseDetail',
        name: 'casedetail',
        path: '/caseDetail/:menuId',//解决方案 详情
        component: CaseDetail
      },
      {
        name: 'Partner',
        name: 'partner',
        path: '/partner',//合作伙伴
        component: Partner
      },
      {
        name: 'News',
        name: 'news',
        path: '/news',//明科动态 版本2
        component: News
      },
      {
        name: 'AboutMingKe',
        name: 'aboutmingKe',
        path: '/AboutMingKe',//关于明科
        component: AboutMingKe
      },
      {
        name: 'postDetails',
        name: 'postdetails',
        path: '/postDetails',//职位详情
        component: postDetails
      },
      {
        name: 'CompanyProfile',
        name: 'companyprofile',
        path: '/companyProfile/:hash',//企业文化
        component: CompanyProfile
      },
      {
        name: 'JoinMingKe',
        name: 'joinmingke',
        path: '/joinMingKe',//加入明科
        component: JoinMingKe
      },
      {
        name: 'ContactInformation',
        name: 'contactinformation',
        path: '/contactInformation',//申请加入
        component: ContactInformation
      },
      {
        name: 'DynamicDetail',
        name: 'dynamicdetail',
        path: '/dynamicDetail',//明科动态 详情
        component: DynamicDetail
      },
      {
        name: 'CaseSolution',
        name: 'casesolution',
        path: '/caseSolution',//解决方案
        component: CaseSolution
      },

 src/views/companyProfile/joinMingKe.vue

@@ -158,9 +158,9 @@
        jump(i){
            this.active_index = i
            this.$router.push({
              name: 'postDetails',
              name: 'postdetails',
              query: {
                id: i
                  id: i
              }
            })
        }

 src/views/home/index.vue

@@ -44,6 +44,9 @@
</script>

<style lang="less" scoped>
    .center {
        min-height: 60vh;
    }
    .information {
        cursor: pointer;
        position: fixed;

 src/views/index/index.vue

@@ -766,7 +766,7 @@
            // -moz-transition: transform 1s, opacity 1s;
            // -o-transition: transform 1s, opacity 1s;
            // transition: transform 1s, opacity 1s;
            transition: all 0.3s;
            transition: all 0.7s;

            .pulse {
                width: 85%;

 src/views/productCenter/index.vue

@@ -77,7 +77,7 @@
  },
  methods: {
    jumpmenu (menu) {
      this.$router.push({name: menu.PageType, params: {menuId: menu.ID}})
      this.$router.push({name: menu.PageType.toLowerCase(), params: {menuId: menu.ID}})
    },
    load () {
      let param = {
@@ -142,6 +142,9 @@
</script>

<style lang="less" scoped>
  .main {
    min-height: 60vh;
  }
  @media (min-width: 751px){
    .banner {
      margin-bottom: 0.5rem;
@@ -170,11 +173,12 @@
        height: 33%;
        left: 0;
        top: 0;
        font-size: 16px;
        font-size: 18px;
        font-family: MicrosoftYaHei-Bold;
        font-weight: bold;
        text-align: center;
        padding: 0.1rem;
        white-space:nowrap;
      }
      .txt2 {
        top: 0;

 src/views/successCase/caseDetail.vue

@@ -1,127 +1,74 @@
<template>
  <div class="main">
    <div class="banner">
      <img src="../../img/Solutionbanner.png" alt="" class="m_hide">
      <img src="../../img/gongchang.png" alt="" class="p_hide">
      <img :src="url" alt="">
      <!-- <img :src="url" alt="" class="m_hide">
      <img src="../../img/gongchang.png" alt="" class="p_hide"> -->
    </div>
    <div class="wrapper caseDetail">
      <div class="content_title"><span>智慧仓储WMS</span></div>
      <div class="content_title_p" style="margin:.4rem auto">
        随着人们生活水平的提高，消费者的需求从单一化、标准化逐渐向个性化、多样化转变，这对传统工业制造的生产物流组织形式带来巨大的冲击。明科积极响应“智能+”战略，通过IoT技术连接生产侧物流各环节的不同类型智能终端和执行单元，在统一的平台调度控制下，完成物理世界人、机、物、料、法、环的协同、优化与控制，从而适应大规模个性化生产模式下对物流组织模式柔性化、智能化、透明化的发展要求。
    
    <div class="wrapper caseDetail" v-for="(item, index) in details" :key="index">
      <div v-if="item.TypeCharOne === 'WLongText'">
        <div class="content_title"><span v-text="item.Title1"></span></div>
        <div class="content_title_p" style="margin: .4rem auto .1rem;" v-for="(text, i) in item.texts" :key="i" v-text="text">
        </div>
        <div class="content-img"><img :src="item.url" alt=""></div>
      </div>
      <div class="content_title_p" style="margin:.1rem auto">		
        明科围绕“降本、增效、提质、创收”的本质需求，整合认证生态链中的优秀伙伴，为工业客户提供涵盖原料收货入库、原料货到人及分拣上线、半成品暂存及转运上线、成品下线入库、成品货到人仓储管理、成品排序出库发运等全场景的智慧生产物流产品、解决方案及服务。
      </div>
      <div class="content-img"><img src="../../img/png2.png" alt=""></div>
      <div class="p_backg">
      <div class="p_backg" v-if="item.TypeCharOne === 'Wico'">
        <div class="wrapper">
          <div class="project" style="padding: 0.2rem 0 0.3rem;">
            <h3><span>方案特点</span></h3>
            <h3><span v-text="item.Title1"></span></h3>
            <div class="program">
              <dl>
                <dt><img src="../../img/coverage4.png" alt=""></dt>
                <dd>可配置开发</dd>
              </dl>
              <dl>
                <dt><img src="../../img/f2.png" alt=""></dt>
                <dd>高效、低成本需求变更</dd>
              </dl>
              <dl>
                <dt><img src="../../img/f3.png" alt=""></dt>
                <dd>智能连接IoT设备</dd>
              </dl>
              <dl>
                <dt><img src="../../img/f4.png" alt=""></dt>
                <dd class="m_hide">数字化生态、开放式融合、平台化运营</dd>
                <dd class="p_hide">数字化生态<br />开放式融合<br />平台化运营</dd>
              <dl v-for="(cell, i) in item.DOne" :key="i">
                <dt><img :src="cell.Images" alt=""></dt>
                <dd class="m_hide" v-text="cell.Title1"></dd>
                <dd class="p_hide">
                  <p v-for="(title, t) in cell.Title1.split('、')" :key="t" v-text="title"></p>
                </dd>
              </dl>
            </div>
          </div>
        </div>
      </div>
      <div class="wrapper">
      <div class="wrapper" v-if="item.TypeCharOne === 'Wcontent'">
        <div class="content-box">
          <h3><span>应用场景</span></h3>
          <ul class="scene m_hide">
            <li>
              <img src="../../img/y1.png" alt="">
              <p>原料收货入库</p>
            </li>
            <li>
              <img src="../../img/y2.png" alt="">
              <p>原料货到人及分拣上线</p>
            </li>
            <li>
              <img src="../../img/y3.png" alt="">
              <p>半成品暂存及转运上线</p>
            </li>
          </ul>
          <ul class="scene m_hide">
            <li>
              <img src="../../img/y4.png" alt="">
              <p>成品下线入库</p>
            </li>
            <li>
              <img src="../../img/y5.png" alt="">
              <p>成品货到人仓储管理</p>
            </li>
            <li>
              <img src="../../img/y6.png" alt="">
              <p>成品排序出库发运</p>
            </li>
          </ul>
          
          <ul class="scene p_hide">
            <li>
              <img src="../../img/y1.png" alt="">
              <p>原料收货入库</p>
            </li>
            <li>
              <img src="../../img/y2.png" alt="">
              <p>原料货到人及分拣上线</p>
            </li>
            <li>
              <img src="../../img/y3.png" alt="">
              <p>半成品暂存及转运上线</p>
            </li>
            <li>
              <img src="../../img/y4.png" alt="">
              <p>成品下线入库</p>
            </li>
            <li>
              <img src="../../img/y5.png" alt="">
              <p>成品货到人仓储管理</p>
            </li>
            <li>
              <img src="../../img/y6.png" alt="">
              <p>成品排序出库发运</p>
          <h3><span v-text="item.Title1"></span></h3>
          <ul class="scene">
            <li style="margin-bottom: 0.2rem;" v-for="(cell, i) in item.DOne" :key="i">
              <img :src="cell.Images" alt="">
              <p v-text="cell.Title1"></p>
            </li>
          </ul>
        </div>
      </div>
    
      <div class="wrapper" style="margin-bottom: 0.3rem;">
      <div class="wrapper" style="margin-bottom: 0.3rem;" v-if="item.TypeCharOne === 'Wimages'">
        <div class="content-bottom">
          <h3 class="h3"><span>合作伙伴</span></h3>
          <h3 class="h3"><span v-text="item.Title1"></span></h3>
        </div>
      </div>
      <div class="m_hide" style="background-color: #F9FBFD;">
        <div class="wrapper">
          <div class="content-bottom">
            <img src="../../img/c11.png" alt="">
        <div class="partner">
          <div v-for="(cell, i) in item.DOne" :key="i">
            <img :src="cell.Images" alt="">
          </div>
        </div>
      </div>
      <div class="three_box p_hide">
      <!-- <div class="three_box p_hide" v-if="item.TypeCharOne === 'Wimages'">
        <div><img src="../../img/he1.png" alt=""></div>
        <div><img src="../../img/he2.png" alt=""></div>
        <div><img src="../../img/he3.png" alt=""></div>
      </div>
      <div class="title">
      </div> -->
      <!-- <div class="title">
        <a class="m_hide" style="visibility: hidden;">了解更多</a>
        <a class="title-m">查看更多</a>
      </div> -->
    </div>
    <div class="wrapper other" v-if="otherlist">
      <div class="content_title"><span v-text="othertype.name"></span></div>
      <div class="content_skill">
        <div class="content_skill_item" v-for="(other, index) in otherlist" :key="index">
          <img :src="other.Image2" alt="" @click="jumpmenu(other)">
          <p v-text="other.Title1"></p>
        </div>
      </div>
    </div>    
    </div>
  </div>
</template>

@@ -131,7 +78,8 @@
    return {
      menuId: null,
      url: null,
      details: null
      details: null,
      otherlist: null
    }
  },
  watch: {
@@ -141,6 +89,9 @@
    }
  },
  methods: {
    jumpmenu (menu) {
      this.$router.push({name: menu.PageType.toLowerCase(), params: {menuId: menu.ID}})
    },
    load () {
      let param = {
        func: 'Web_productCenter_GetData',
@@ -148,44 +99,24 @@
      }
      this.Service.getParamData(param).then(res => {
        this.url = res.Image1
        this.details = res.Detail.map(det => {
          let item = {
            type: det.TypeCharOne,
            title: det.Title1
          }
          if (item.type === 'WLongText') {
            item.longText = det.DOne[0].LongText
          } else if (item.type === 'Wimages') {
            item.imglist = det.DOne.map(cell => {
              return {
                title: cell.CDefine1,
                tip: cell.CDefine2,
                url: cell.Images,
                position: cell.TypeCharThree,
                color: cell.TypeCharTwo
              }
            })
          } else if (item.type === 'Wico') {
            item.iconlist = det.DOne.map(cell => {
              return {
                url: cell.Images,
                title: cell.Title1
              }
            })
          } else if (item.type === 'Wcontent') {
            item.sublist = det.DOne.map(cell => {
              return {
                url: cell.Images,
                title: cell.Title1,
                tip: cell.LongText,
                details: cell.DTwo.map(two => {
                  return two.Title1
                })
        this.details = res.Detail.map(item => {
          if (item.TypeCharOne === 'WLongText') {
            item.texts = []
            item.DOne.forEach(cell => {
              if (cell.LongText) {
                item.texts.push(cell.LongText)
              } else if (cell.Images) {
                item.url = cell.Images
              }
            })
          }
          return item
        })
        this.othertype = {
          type: res.Type,
          name: res.TypeName
        }
        this.otherlist = res.LinkDetail
      })
    }
  },
@@ -199,9 +130,32 @@
</script>

<style lang="less" scoped>
.main {
  min-height: 60vh;
}
.other {
  margin-top: 0.7rem;
  .content_skill {
    display: flex;
    .content_skill_item {
      padding: 0.4rem 0.2rem;
      flex: 1;
      img {
        cursor: pointer;
      }
      p {
        color: #3A3A3C;
        margin: 0.2rem 0;
        text-align: center;
        font-size: 0.16rem;
      }
    }
  }
}
.warpper {
  width: 100%;
}

.caseDetail {
  margin: 0;
  width: 100%;
@@ -227,6 +181,11 @@
  margin: .4rem auto 0;
}
@media (max-width: 750px) and (min-width: 0){
  .banner img {
    max-width: none;
    width: 140%;
    margin-left: -20%;
  }
    .three_box{
        margin: 0.4rem 0.3rem 0.8rem;
        display: flex;
@@ -239,7 +198,15 @@
            padding-right: 0;
        }
    }
	
    .wrapper {
        h3 {
      font-size: 0.36rem;
    }
    h3:after {
      width: 0.07rem;
      height: 0.42rem;
    }
    }
  h3 {
    font-size: .4rem;
        padding-left: 0.2rem;
@@ -249,8 +216,8 @@
        height:0.06rem;
        background:rgba(0,112,192,1);
        position: absolute;
        top: 0.55rem;
        left: calc(50% - 0.45rem);
        top: 0.05rem;
        left: calc(50% - 0.85rem);
    }
    
  .content_title_p {
@@ -326,12 +293,12 @@
  .content-bottom {
    width: 94%;
    box-sizing: border-box;
    margin: .4rem auto;
    margin: .4rem auto 0;
    padding: .1rem 0;
    h3 {
      text-align: center;
      border:none;
      margin-bottom: .57rem;
      margin-bottom: .3rem;
    }
    ul {
      width: 100%;
@@ -366,13 +333,33 @@
      color: #52B6E7;
    }
  }
  .partner {
    display: flex;
    margin-top: 0.1rem;
  }
  .partner div {
    flex: 1;
    text-align: center;
    padding-right: 0.3rem;
  }
  .partner div:last-child {
    padding-right: 0;
  }
}
@media (min-width: 751px){
    h3 {
        span {
            padding-left: 0.2rem;
        }
    }
  }
  .partner {
    display: flex;
    margin-top: 0.4rem;
  }
  .partner div {
    flex: 1;
    text-align: center;
  }
    h3::after {
        content: '';
        width: 0.06rem;
@@ -400,7 +387,7 @@
        background-color: #f9fbfd;
    }
  .caseDetail {
    margin-top: 0.91rem;
    margin-top: 0.35rem;
    .content_title {
      margin: 0 auto;
    }
@@ -439,29 +426,29 @@
      }
    }
  }
  .content-bottom {
    width: 100%;
    ul {
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      li {
        width: 33.3%;
        padding: .08rem .1rem;
        img {
          display: block;
          width: 100%;
          height: .8rem;
          background: #747474;
        }
        p {
          text-align: center;
          margin: .1rem 0;
        }
      }
    }
  }
  // .content-bottom {
  //   width: 100%;
  //   ul {
  //     width: 100%;
  //     height: auto;
  //     display: flex;
  //     flex-wrap: wrap;
  //     li {
  //       width: 33.3%;
  //       padding: .08rem .1rem;
  //       img {
  //         display: block;
  //         width: 100%;
  //         height: .8rem;
  //         background: #747474;
  //       }
  //       p {
  //         text-align: center;
  //         margin: .1rem 0;
  //       }
  //     }
  //   }
  // }
  .title {
    width: 100%;
    text-align: center;
@@ -507,11 +494,11 @@
    height: 4.82rem;
    margin: .2rem 0;
  }
  .partner {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: .2rem 0 .4rem 0;
  }
  // .partner {
  //   width: 100%;
  //   height: auto;
  //   box-sizing: border-box;
  //   margin: .2rem 0 .4rem 0;
  // }
}
</style>

 src/views/successCase/caseSolution.vue

@@ -2,130 +2,35 @@
    <div id="wrap">
        <div class="banner" style="margin-bottom: 1rem;">
            <img src="../../img/solve.jpg" alt="">
            <!-- <img src="../../img/jiejue.png" alt="" class="p_hide"> -->
        </div>
        <div class="wrapper">
            <div class="content_title"><span>数字化解决方案</span></div>
            <p class="p_txt">AI与IoT技术最终会将物理世界改造为万物互联世界，同时建立一个全新的数字化世界。基于自身核心的AI算法能力与软硬件结合能力，明科面向核心应用场景，构建了仓储物流、智能制造和商城营销三大业务体系，同时也通过开放基础人工智能算法赋能开发者实现应用创新。</p>
            <div class="content_title" v-if="title"><span v-text="title"></span></div>
            <p class="p_txt" v-text="description"></p>
            <div class="content_solution">
                <dl class="solution_box">
                <dl class="solution_box" v-for="(item, index) in datalist" :key="index">
                    <dt class="solution_box_in">
                        <h3><span>仓储物流</span></h3>
                        <router-link to="/caseDetail" style="margin-right: 0.3rem;">
                            <p style="line-height: 0.22rem;">综合了软件系统、 条码应用、硬件系统、无线网络、系统扩展接 口等多种技术，通过无线移动终端设备，智能信息化应用渗透到仓库作业的每个细节及仓库现场</p>
                        </router-link>
                        <h3><span v-text="item.SubjClasName"></span></h3>
                        <p style="line-height: 0.22rem; margin-right: 0.3rem;font-size: 0.13rem;" v-text="item.Remark"></p>
                        <div class="title">
                            <router-link to="/caseDetail" style="margin-right: 0.3rem;">智慧仓储</router-link>
                            <router-link to="/caseDetail" style="margin-right: 0.3rem;">供应商协同</router-link>
                            <router-link to="/caseDetail">经销商管理</router-link>
                            <a href="javascript:;" style="margin-right: 0.3rem;" v-for="(menu, i) in item.Subject" :key="i"
                                v-text="menu.Title1" @click="jumpmenu(menu)"></a>
                        </div>
                    </dt>
                    <dd>
                        <img src="../../img/cang.png" alt="">
                    </dd>
                </dl>
                <dl class="solution_box">
                    <dt class="solution_box_in">
                        <h3><span>智能制造</span></h3>
                        <router-link to="/caseDetail" style="margin-right: 0.3rem;">
                            <p style="line-height: 0.22rem;">企业要实现智能制造，必须要先实现自动化，要实现自动化，就要实现人与设备的交互，由人远程操控 或者由设备自动感应运行，并通过人机交互减少人为操作，实现生产自动化</p>
                        </router-link>
                        <div class="title">
                            <router-link to="/caseDetail" style="margin-right: 0.3rem;">智能制造</router-link>
                            <router-link to="/caseDetail">质量追溯</router-link>
                        </div>
                    </dt>
                    <dd>
                        <img src="../../img/solution.png" alt="">
                    </dd>
                </dl>
                <dl class="solution_box">
                    <dt class="solution_box_in">
                        <h3><span>城市营销</span></h3>
                        <router-link to="/caseDetail">
                            <p style="line-height: 0.22rem;">以B2B2C的理念出发，创新模块化设计整合运营商，城市站点，供货 商，批发商，入驻商，分销商，门店于一体，各个模块可自由拆分组合，可以让商家在这个电 商多样化的时代下随时调整运营方案</p>
                        </router-link>
                        <div class="title">
                            <router-link to="/caseDetail" style="margin-right: 0.3rem;">微信商城</router-link>
                            <router-link to="/caseDetail" style="margin-right: 0.3rem;">红包抽奖</router-link>
                            <router-link to="/caseDetail">电商ERP</router-link>
                        </div>
                    </dt>
                    <dd>
                        <img src="../../img/c33.png" alt="">
                    </dd>
                </dl>
                <dl class="solution_box">
                    <dt class="solution_box_in">
                        <h3><span>明科商业智能开放平台</span></h3>
                        <router-link to="/caseDetail">
                            <p style="line-height: 0.22rem;">MingKeOS是由明科云计算事业部研发的可配置人工智能开发平台，她可以让用户通过简单配置、自然语言对话的交互方式，即可实现企业管理过程中复杂的业务逻辑处理</p>
                        </router-link>
                        <div class="title">
                            <router-link to="/caseDetail">MingKeOS</router-link>
                        </div>
                    </dt>
                    <dd>
                        <img src="../../img/ai4.png" alt="">
                        <img style="width: 100%;" :src="item.Images" alt="">
                    </dd>
                </dl>
                
                <!-- 移动端样式 -->
                <div class="wrapper industry">
                    <div class="content_industry_card">
                        <h3>仓储物流</h3>
                        <router-link to="/caseDetail">
                            <p>综合了软件系统、 条码应用、硬件系统、无线网络、系统扩展接 口等多种技术，通过无线移动终端设备，智能信息化应用渗透到仓库作业的每个细节及仓库现场。</p>
                        </router-link>
                <div class="wrapper industry" style="width: 100%;">
                    <div class="content_industry_card" v-for="(item, index) in datalist" :key="index">
                        <h3 v-text="item.SubjClasName"></h3>
                        <p v-text="item.Remark"></p>
                        <div class="content_industry_list">
                            <ul>
                                <li @click="jump('/caseDetail')">智慧仓储</li>
                                <li @click="jump('/caseDetail')">供应商协同</li>
                                <li @click="jump('/caseDetail')">经销商管理</li>
                                <li style="font-size: 0.26rem;" v-for="(menu, i) in item.Subject" :key="i" @click="jumpmenu(menu)" v-text="menu.Title1"></li>
                            </ul>
                            <img src="../../img/wu1.png" alt="">
                        </div>
                    </div>
					
                    <div class="content_industry_card">
                        <h3>智能制造</h3>
                        <router-link to="/caseDetail">
                            <p>企业要实现智能制造，必须要先实现自动化，要实现自动化就要实现人与设备的交互，由人远程操控 或者由设备自动感应运行，并通过人机交互减少人为操作，实现生产自动化。</p>
                        </router-link>
                        <div class="content_industry_list">
                            <img src="../../img/wu2.png" alt="">
                            <ul>
                                <li @click="jump('/caseDetail')">智能制造</li>
                                <li @click="jump('/caseDetail')">质量追溯</li>
                            </ul>
                        </div>
                    </div>
					
                    <div class="content_industry_card">
                        <h3>城市营销</h3>
                        <router-link to="/caseDetail">
                            <p>以B2B2C的理念出发，创新模块化设计整合运营商，城市站点，供货 商，批发商，入驻商，分销商，门店于一体，各个模块可自由拆分组合，可以让商家在这个电 商多样化的时代下随时调整运营方案</p>
                        </router-link>
                        <div class="content_industry_list">
                            <ul>
                                <li @click="jump('/caseDetail')">微信商城</li>
                                <li @click="jump('/caseDetail')">红包抽奖</li>
                                <li @click="jump('/caseDetail')">电商ERP</li>
                            </ul>
                            <img src="../../img/wu3.png" alt="">
                        </div>
                    </div>
					
                    <div class="content_industry_card">
                        <h3>明科智能开放平台</h3>
                        <router-link to="/caseDetail">
                            <p>MingKeOS是由明科云计算事业部研发的可配置人工智能开发平台，她可以让用户通过简单配置、自然语言对话的交互方式，即可实现企业管理过程中复杂的业务逻辑处理</p>
                        </router-link>
                        <div class="content_industry_list">
                            <img src="../../img/wu4.png" alt="">
                            <ul>
                                <li @click="jump('/caseDetail')">MingKeOS</li>
                            </ul>
                            <img :src="item.Images" alt="">
                        </div>
                    </div>
                </div>
@@ -138,18 +43,37 @@
    export default {
        data() {
            return {

                title: null,
                description: null,
                datalist: null
            }
        },
        methods: {
            jump (u) {
                this.$router.push(u)
            jumpmenu (menu) {
                this.$router.push({name: menu.PageType.toLowerCase(), params: {menuId: menu.ID}})
            },
            load () {
                let param = {
                    func: 'Web_Center_GetData',
                    Centertype: 'Solution'
                }
                this.Service.getParamData(param).then(res => {
                    this.title = res.HeadField
                    this.description = res.LongText
                    this.datalist = res.data
                })
            }
        },
        mounted () {
            this.load()
        }
    }
</script>

<style lang="less" scoped>
    .wrap {
        min-height: 80vh;
    }
    @media (min-width: 751px) {
        .banner_txt {
            font-size: 0.6rem;
@@ -267,7 +191,7 @@
            margin-top: 0.4rem;
            
            h3{
                font-size:0.4rem;
                font-size: 0.36rem;
                font-family:PingFang-SC-Bold;
                font-weight:bold;
                color:rgba(59,59,60,1);

 src/views/successCase/center.vue

@@ -4,127 +4,33 @@
            <img src="../../img/prod-center.jpg" alt="">
        </div>
        <div class="wrapper">
            <div class="content_title"><span>数字化解决方案</span></div>
            <p class="p_txt">AI与IoT技术最终会将物理世界改造为万物互联世界，同时建立一个全新的数字化世界。基于自身核心的AI算法能力与软硬件结合能力，明科面向核心应用场景，构建了仓储物流、智能制造和商城营销三大业务体系，同时也通过开放基础人工智能算法赋能开发者实现应用创新。</p>
            <div class="content_title" v-if="title"><span v-text="title"></span></div>
            <p class="p_txt" v-text="description"></p>
            <div class="content_solution">
                <dl class="solution_box">
                <dl class="solution_box" v-for="(item, index) in datalist" :key="index">
                    <dt class="solution_box_in">
                        <h3><span>仓储物流</span></h3>
                        <router-link to="/caseDetail" style="margin-right: 0.3rem;">
                            <p style="line-height: 0.22rem;">综合了软件系统、 条码应用、硬件系统、无线网络、系统扩展接 口等多种技术，通过无线移动终端设备，智能信息化应用渗透到仓库作业的每个细节及仓库现场</p>
                        </router-link>
                        <h3><span v-text="item.SubjClasName"></span></h3>
                        <p style="line-height: 0.22rem; margin-right: 0.3rem;font-size: 0.13rem;" v-text="item.Remark"></p>
                        <div class="title">
                            <router-link to="caseDetail" style="margin-right: 0.3rem;">智慧仓储</router-link>
                            <router-link to="caseDetail" style="margin-right: 0.3rem;">供应商协同</router-link>
                            <router-link to="caseDetail">经销商管理</router-link>
                            <a href="javascript:;" style="margin-right: 0.3rem;" v-for="(menu, i) in item.Subject" :key="i"
                                v-text="menu.Title1" @click="jumpmenu(menu)"></a>
                        </div>
                    </dt>
                    <dd>
                        <img src="../../img/cang.png" alt="">
                    </dd>
                </dl>
                <dl class="solution_box">
                    <dt class="solution_box_in">
                        <h3><span>智能制造</span></h3>
                        <router-link to="/caseDetail" style="margin-right: 0.3rem;">
                            <p style="line-height: 0.22rem;">企业要实现智能制造，必须要先实现自动化，要实现自动化，就要实现人与设备的交互，由人远程操控 或者由设备自动感应运行，并通过人机交互减少人为操作，实现生产自动化</p>
                        </router-link>
                        <div class="title">
                            <router-link to="caseDetail" style="margin-right: 0.3rem;">智能制造</router-link>
                            <router-link to="caseDetail">质量追溯</router-link>
                        </div>
                    </dt>
                    <dd>
                        <img src="../../img/solution.png" alt="">
                    </dd>
                </dl>
                <dl class="solution_box">
                    <dt class="solution_box_in">
                        <h3><span>城市营销</span></h3>
                        <router-link to="/caseDetail">
                            <p style="line-height: 0.22rem;">以B2B2C的理念出发，创新模块化设计整合运营商，城市站点，供货 商，批发商，入驻商，分销商，门店于一体，各个模块可自由拆分组合，可以让商家在这个电 商多样化的时代下随时调整运营方案</p>
                        </router-link>
                        <div class="title">
                            <router-link to="caseDetail" style="margin-right: 0.3rem;">微信商城</router-link>
                            <router-link to="caseDetail" style="margin-right: 0.3rem;">红包抽奖</router-link>
                            <router-link to="caseDetail">电商ERP</router-link>
                        </div>
                    </dt>
                    <dd>
                        <img src="../../img/c33.png" alt="">
                    </dd>
                </dl>
                <dl class="solution_box">
                    <dt class="solution_box_in">
                        <h3><span>明科商业智能开放平台</span></h3>
                        <router-link to="/caseDetail">
                            <p style="line-height: 0.22rem;">MingKeOS是由明科云计算事业部研发的可配置人工智能开发平台，她可以让用户通过简单配置、自然语言对话的交互方式，即可实现企业管理过程中复杂的业务逻辑处理</p>
                        </router-link>
                        <div class="title">
                            <router-link to="caseDetail">MingKeOS</router-link>
                        </div>
                    </dt>
                    <dd>
                        <img src="../../img/ai4.png" alt="">
                        <img style="width: 100%;" :src="item.Images" alt="">
                    </dd>
                </dl>
                
                <!-- 移动端样式 -->
                <div class="wrapper industry">
                    <div class="content_industry_card">
                        <h3>仓储物流</h3>
                        <router-link to="/caseDetail">
                            <p>综合了软件系统、 条码应用、硬件系统、无线网络、系统扩展接 口等多种技术，通过无线移动终端设备，智能信息化应用渗透到仓库作业的每个细节及仓库现场。</p>
                        </router-link>
                <div class="wrapper industry" style="width: 100%;">
                    <div class="content_industry_card" v-for="(item, index) in datalist" :key="index">
                        <h3 v-text="item.SubjClasName"></h3>
                        <p v-text="item.Remark"></p>
                        <div class="content_industry_list">
                            <ul>
                                <li @click="jump('caseDetail')">智慧仓储</li>
                                <li @click="jump('caseDetail')">供应商协同</li>
                                <li @click="jump('caseDetail')">经销商管理</li>
                                <li style="font-size: 0.26rem;" v-for="(menu, i) in item.Subject" :key="i" @click="jumpmenu(menu)" v-text="menu.Title1"></li>
                            </ul>
                            <img src="../../img/wu1.png" alt="">
                        </div>
                    </div>
					
                    <div class="content_industry_card">
                        <h3>智能制造</h3>
                        <router-link to="/caseDetail">
                            <p>企业要实现智能制造，必须要先实现自动化，要实现自动化就要实现人与设备的交互，由人远程操控 或者由设备自动感应运行，并通过人机交互减少人为操作，实现生产自动化。</p>
                        </router-link>
                        <div class="content_industry_list">
                            <img src="../../img/wu2.png" alt="">
                            <ul>
                                <li @click="jump('caseDetail')">智能制造</li>
                                <li @click="jump('caseDetail')">质量追溯</li>
                            </ul>
                        </div>
                    </div>
					
                    <div class="content_industry_card">
                        <h3>城市营销</h3>
                        <router-link to="/caseDetail">
                            <p>以B2B2C的理念出发，创新模块化设计整合运营商，城市站点，供货 商，批发商，入驻商，分销商，门店于一体，各个模块可自由拆分组合，可以让商家在这个电 商多样化的时代下随时调整运营方案</p>
                        </router-link>
                        <div class="content_industry_list">
                            <ul>
                                <li @click="jump('caseDetail')">微信商城</li>
                                <li @click="jump('caseDetail')">红包抽奖</li>
                                <li @click="jump('caseDetail')">电商ERP</li>
                            </ul>
                            <img src="../../img/wu3.png" alt="">
                        </div>
                    </div>
					
                    <div class="content_industry_card">
                        <h3>明科智能开放平台</h3>
                        <router-link to="/caseDetail">
                            <p>MingKeOS是由明科云计算事业部研发的可配置人工智能开发平台，她可以让用户通过简单配置、自然语言对话的交互方式，即可实现企业管理过程中复杂的业务逻辑处理</p>
                        </router-link>
                        <div class="content_industry_list">
                            <img src="../../img/wu4.png" alt="">
                            <ul>
                                <li @click="jump('caseDetail')">MingKeOS</li>
                            </ul>
                            <img :src="item.Images" alt="">
                        </div>
                    </div>
                </div>
@@ -137,19 +43,45 @@
    export default {
        data() {
            return {
				
                title: null,
                description: null,
                datalist: null
            }
        },
        methods: {
            jump (u) {
                this.$router.push(u)
            jumpmenu (menu) {
                this.$router.push({name: menu.PageType.toLowerCase(), params: {menuId: menu.ID}})
            },
            load () {
                let param = {
                    func: 'Web_Center_GetData',
                    Centertype: 'Product'
                }
                this.Service.getParamData(param).then(res => {
                    this.title = res.HeadField
                    this.description = res.LongText
                    this.datalist = res.data
                })
            }
        },
        mounted () {
            this.load()
        }
    }
</script>

<style lang="less" scoped>
    .wrap {
        min-height: 80vh;
    }
    @media (min-width: 751px) {
        .p_txt{
            font-size: 0.14rem;
            font-family: PingFang-SC-Regular;
            font-weight: 400;
            color:rgba(62,62,62,1);
            line-height: 0.25rem;
        }
        .industry{
            display: none;
        }
@@ -260,9 +192,9 @@
            margin-top: 0.4rem;
            
            h3{
                font-size:0.4rem;
                font-family:PingFang-SC-Bold;
                font-weight:bold;
                font-size: 0.36rem;
                font-family: PingFang-SC-Bold;
                font-weight: bold;
                color:rgba(59,59,60,1);
                text-align: center;
                position: relative;

 src/views/successCase/index.vue

@@ -52,18 +52,11 @@
  },
  methods: {
    jumpmenu (menu) {
      this.$router.push({name: menu.PageType, params: {menuId: menu.ID}})
      this.$router.push({name: menu.PageType.toLowerCase(), params: {menuId: menu.ID}})
    },
    load () {
      this.Service.getBaseData('Web_Case_GetData').then(res => {
        this.caselist = res.Case
      })
      let param = {
        func: 'Web_Center_GetData',
        Centertype: 'Product'
      }
      this.Service.getParamData(param).then(res => {

      })
    }
  },