format-code

king

2019-07-16 ed58afaaa564c54d22a42593265addce08bd5850

 src/views/successCase/successCase.vue

@@ -1,320 +1,316 @@
<template>
    <div class="main">
        <div class="banner m_hide">
            <img src="../../img/cheng.png" alt="">
         <div class="txt">
            成功案例 | CASE <div class="txt_s">每一个经典案例都是明科与伙伴们的沥心之作</div>
         </div>
        </div>
      <div class="banner p_hide">
         <img src="../../img/anli2.png" alt="">
      </div>
        <div class="wrapper">
            <div class="content_title">
                <span>中石油</span>
                <p>项目实施落地: 北京 <label style="margin:0 0.05rem;">行业: 能源行业</label> 时间: 2012年3月</p>
            </div>
            <div class="content">
                <div class="contnt-describe">
                    <div class="left">
                        <h3>企业背景</h3>
                        <p>中国石油工程建设公司隶属于中国石油天然气集团公司，是集团公司专门从事石油工程设计、制造、施工和工程总承包的专业公司，现已发展成为集团公司在国内外石油工程建设领域最具代表性的公司 。</p>
                        <p>CPECC前身为原石油工业部基建局，1980年经国务院批准成立对外经济合作企业，是中国首批进入国际市场的八大公司之一。1998年经集团公司报经国家经贸委批准，组建为中国石油工程建设（集团）公司，下属中国石油天然气第一、六、七建设公司和华东勘察设计研究院。2000年成为中油国际工程有限责任公司的全资子公司，下属中国石油天然气华东勘察设计研究院。2008年，集团公司将中国石油天然气第一建设公司和华东勘察设计研究院与中国石油工程建设（集团）公司合并重组，组建为中国石油工程建设公司。公司经过内部业务整合，在原第一建设公司和华东设计院的基础上，组建了华东设计、北京设计、第一建设、重工制造、技术服务五个国内专业分公司。</p>
                    </div>
                    <div class="right" style="margin-top: 1rem;">
                        <img src="../../img/china.png" alt="" class="shiyou">
                    </div>
                </div>
            </div>
            <div class="content_title">
                <span>项目情况</span>
            </div>
            <div class="content">
                <div class="contnt-describe">
                    <div class="right" style="margin-top: 0.8rem;padding-right: 0.35rem;">
                        <h3>物资条码管理系统</h3>
                        <p class="m_hide">中国石油工程建设公司在早期实施了SAP系统，当时在乌兹别克斯坦进行开设管道架设项目，许多物料需要从国内采购，通关，再到现场使用，物料众多，并且缺乏管理人员，为物料管理、调配工作带来很大困扰。经过业务调研，中石油决定采用明科的条码管理系统进行物料管理。</p>
                  <p class="p_hide">
                            中国石油工程建设公司在早期实施了SAP系统，当时在乌兹别克斯坦进行开设管道架设项目，许多物料需要从国内采购，通关，再到现场使用，物料众多，并且缺乏管理人员，为物料管理、调配工作带来很大困扰。<br />
                     经过业务调研，中石油决定采用明科的条码管理系统进行物料管理.<br />
                     明科为中石油实施了物资条码管理系统，该系统基于B/S+胖客户端设计，实现了需求部门在线计划报批、供应商协同送货、项目现场收货、领用、库存盘点等功能系统采用了互联网、无线技术、条码技术相结合的方案进行实施，为中石油节省大量人力、物力。
                        </p>
                    </div>
                    <div class="left">
                        <img src="../../img/shiyou.png" alt="" class="left_img">
                  <img src="../../img/s33.png" alt="" class="right_img p_hide">
                    </div>
                </div>
            </div>
            <div class="content m_hide">
                <div class="contnt-describe" style="padding: 0.5rem 0.2rem;">
                    <div class="left">
                        <p style="margin-top:0.7rem">明科为中石油实施了物资条码管理系统，该系统基于B/S+胖客户端设计，实现了需求部门在线计划报批、供应商协同送货、项目现场收货、领用、库存盘点等功能系统采用了互联网、无线技术、条码技术相结合的方案进行实施，为中石油节省大量人力、物力。</p>
                    </div>
                    <div class="right" style="padding-left: 0.6rem;">
                        <img src="../../img/s33.png" alt="">
                    </div>
                </div>
            </div>
            <div class="content_title">
                <span>效果评估</span>
            </div>
            <div class="content content22">
                <div class="contnt-describe" style="padding: 0.5rem 0.3rem 1rem;">
                    <div class="right" style="width: 55%;">
                        <p style="text-align-last: left;margin: 0.5rem 1rem 0 0;">
                            国内条码行业首例境外实施项目<br />
                     完成SAP接口实施，条码扫描收发货数据实时回传<br />
                     实施交叉驳运模块，减少数据采集工作量，提高库房运转效率<br />
                     供应商协同，完成订单确认、备货、条码标识协同<br />
                     同时集成无线实时与批处理方案，满足各种环境需要<br />
                     实行订单库存管理，库存依据订单需求领用，有效合理控制物料需求计划
                        </p>
                    </div>
               <div class="p_hide" style="height: 0.3rem;"></div>
                    <div class="left" style="width: 45%;">
                  <div class="p_txt">提高工作效率</div>
                        <img src="../../img/s44.png" alt="" class="p_img">
                  <div class="p_txt2">
                     <label>降低管理成本</label>
                     <label style="float: right;">提高企业效益</label>
                  </div>
                    </div>
                </div>
            </div>
        </div>
  <div class="main">
    <div class="banner m_hide">
      <img src="../../img/cheng.png" alt="">
      <div class="txt">
        成功案例 | CASE <div class="txt_s">每一个经典案例都是明科与伙伴们的沥心之作</div>
      </div>
    </div>
    <div class="banner p_hide">
      <img src="../../img/anli2.png" alt="">
    </div>
    <div class="wrapper">
      <div class="content_title">
        <span>中石油</span>
        <p>项目实施落地: 北京 <label style="margin:0 0.05rem;">行业: 能源行业</label> 时间: 2012年3月</p>
      </div>
      <div class="content">
        <div class="contnt-describe">
          <div class="left">
            <h3>企业背景</h3>
            <p>中国石油工程建设公司隶属于中国石油天然气集团公司，是集团公司专门从事石油工程设计、制造、施工和工程总承包的专业公司，现已发展成为集团公司在国内外石油工程建设领域最具代表性的公司 。</p>
            <p>CPECC前身为原石油工业部基建局，1980年经国务院批准成立对外经济合作企业，是中国首批进入国际市场的八大公司之一。1998年经集团公司报经国家经贸委批准，组建为中国石油工程建设（集团）公司，下属中国石油天然气第一、六、七建设公司和华东勘察设计研究院。2000年成为中油国际工程有限责任公司的全资子公司，下属中国石油天然气华东勘察设计研究院。2008年，集团公司将中国石油天然气第一建设公司和华东勘察设计研究院与中国石油工程建设（集团）公司合并重组，组建为中国石油工程建设公司。公司经过内部业务整合，在原第一建设公司和华东设计院的基础上，组建了华东设计、北京设计、第一建设、重工制造、技术服务五个国内专业分公司。</p>
          </div>
          <div class="right" style="margin-top: 1rem;">
            <img src="../../img/china.png" alt="" class="shiyou">
          </div>
        </div>
      </div>
      <div class="content_title">
        <span>项目情况</span>
      </div>
      <div class="content">
        <div class="contnt-describe">
          <div class="right" style="margin-top: 0.8rem;padding-right: 0.35rem;">
            <h3>物资条码管理系统</h3>
            <p class="m_hide">中国石油工程建设公司在早期实施了SAP系统，当时在乌兹别克斯坦进行开设管道架设项目，许多物料需要从国内采购，通关，再到现场使用，物料众多，并且缺乏管理人员，为物料管理、调配工作带来很大困扰。经过业务调研，中石油决定采用明科的条码管理系统进行物料管理。</p>
            <p class="p_hide">
              中国石油工程建设公司在早期实施了SAP系统，当时在乌兹别克斯坦进行开设管道架设项目，许多物料需要从国内采购，通关，再到现场使用，物料众多，并且缺乏管理人员，为物料管理、调配工作带来很大困扰。<br />
              经过业务调研，中石油决定采用明科的条码管理系统进行物料管理.<br />
              明科为中石油实施了物资条码管理系统，该系统基于B/S+胖客户端设计，实现了需求部门在线计划报批、供应商协同送货、项目现场收货、领用、库存盘点等功能系统采用了互联网、无线技术、条码技术相结合的方案进行实施，为中石油节省大量人力、物力。
            </p>
          </div>
          <div class="left">
            <img src="../../img/shiyou.png" alt="" class="left_img">
            <img src="../../img/s33.png" alt="" class="right_img p_hide">
          </div>
        </div>
      </div>
      <div class="content m_hide">
        <div class="contnt-describe" style="padding: 0.5rem 0.2rem;">
          <div class="left">
            <p style="margin-top:0.7rem">明科为中石油实施了物资条码管理系统，该系统基于B/S+胖客户端设计，实现了需求部门在线计划报批、供应商协同送货、项目现场收货、领用、库存盘点等功能系统采用了互联网、无线技术、条码技术相结合的方案进行实施，为中石油节省大量人力、物力。</p>
          </div>
          <div class="right" style="padding-left: 0.6rem;">
            <img src="../../img/s33.png" alt="">
          </div>
        </div>
      </div>
      <div class="content_title">
        <span>效果评估</span>
      </div>
      <div class="content content22">
        <div class="contnt-describe" style="padding: 0.5rem 0.3rem 1rem;">
          <div class="right" style="width: 55%;">
            <p style="text-align-last: left;margin: 0.5rem 1rem 0 0;">
              国内条码行业首例境外实施项目<br />
              完成SAP接口实施，条码扫描收发货数据实时回传<br />
              实施交叉驳运模块，减少数据采集工作量，提高库房运转效率<br />
              供应商协同，完成订单确认、备货、条码标识协同<br />
              同时集成无线实时与批处理方案，满足各种环境需要<br />
              实行订单库存管理，库存依据订单需求领用，有效合理控制物料需求计划
            </p>
          </div>
          <div class="p_hide" style="height: 0.3rem;"></div>
          <div class="left" style="width: 45%;">
            <div class="p_txt">提高工作效率</div>
            <img src="../../img/s44.png" alt="" class="p_img">
            <div class="p_txt2">
              <label>降低管理成本</label>
              <label style="float: right;">提高企业效益</label>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
    data(){
        return{
  data () {
    return {

        }
    },
    mounted(){
        document.body.scrollTop = 0
        document.documentElement.scrollTop = 0
    }
  },
  mounted () {
    document.body.scrollTop = 0
    document.documentElement.scrollTop = 0
  }
}
</script>

<style lang="less" scoped>

.content_title{
  .content_title {
    margin: 0.6rem 0 0.5rem;
    p{
        color: #838383;
        font-size: .16rem;
        text-align: center;
        margin-top: .26rem;
    p {
      color: #838383;
      font-size: .16rem;
      text-align: center;
      margin-top: .26rem;
    }
}
h3{
  }
  h3 {
    font-family:MicrosoftYaHei;
    font-weight:400;
    font-size: .3rem;
    color:rgba(58,58,60,1);
    text-align: left;
    margin:.2rem 4%;
}
.contnt-describe{
  }
  .contnt-describe {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: .3rem 0;
    background: #f9f9f9;
    p{
        text-align: left;
        font-size: .16rem;
      line-height: 0.25rem;
        margin-bottom: .2rem;
      margin-left: 0.25rem;
    p {
      text-align: left;
      font-size: .16rem;
      line-height: 0.25rem;
      margin-bottom: .2rem;
      margin-left: 0.25rem;
    }
}
.content:nth-child(2){
  }
  .content:nth-child(2) {
    text-align: center;
    a{
        color:#3B3B3C;
        padding: 0.06rem 0.2rem;
        display: inline-block;
        font-size: 0.16rem;
        margin: 0.21rem 0.1rem;
    a {
      color:#3B3B3C;
      padding: 0.06rem 0.2rem;
      display: inline-block;
      font-size: 0.16rem;
      margin: 0.21rem 0.1rem;
    }
}
.case_list > li{
  }
  .case_list > li {
    width: 19%;
    float: left;
    float: none;
    text-align: center;
    margin: 0.48rem 3% 0;
    display: inline-block;
    border:1px solid #C0C0C0;
    span{
        display: inline-block;
        background: rgba(0,0,0,1);
        opacity: 0.56;
        width: 100%;
        padding: 0.12rem 0;
        color: #fff;
    span {
      display: inline-block;
      background: rgba(0,0,0,1);
      opacity: 0.56;
      width: 100%;
      padding: 0.12rem 0;
      color: #fff;
    }

}
.content:nth-child(3){
  }
  .content:nth-child(3) {
    margin:0.72rem 0 2.88rem;
}
@media (min-width: 751px) {
   .content22{
      margin-bottom: 0.5rem;
   }
   .p_txt{
      margin-left: 1.55rem;
      font-size: 0.2rem;
   }
   .p_txt2{
      width: 3rem;
      margin:0.1rem 0 0 0.7rem;
      font-size: 0.2rem;
		
      label{
         float: left;
      }
   }
   .p_img{
      margin-left: 1rem;
   }
   .banner{
      position: relative;
      .txt{
         position: absolute;
         left: 33%;
         top: 35%;
         text-align: center;
         line-height: 0.8rem;
         font-size:0.7rem;
         font-family:SourceHanSansCN-Bold;
         font-weight:bold;
         color: #fff;
         .txt_s{
            font-size: 0.3rem;
            font-weight: 400;
         }
      }
   }
	
    .contnt-describe{
  }
  @media (min-width: 751px) {
    .content22 {
      margin-bottom: 0.5rem;
    }
    .p_txt {
      margin-left: 1.55rem;
      font-size: 0.2rem;
    }
    .p_txt2 {
      width: 3rem;
      margin:0.1rem 0 0 0.7rem;
      font-size: 0.2rem;

      label {
        float: left;
        padding: .1rem .2rem 0.3rem;
        margin-bottom: .2rem;
        .left{
            float: left;
            width: 50%;
           
            span{
                display: inline-block;
                padding-top: .3rem;
            }
      }
    }
    .p_img {
      margin-left: 1rem;
    }
    .banner {
      position: relative;
      .txt {
        position: absolute;
        left: 33%;
        top: 35%;
        text-align: center;
        line-height: 0.8rem;
        font-size: 0.7rem;
        font-family: SourceHanSansCN-Bold;
        font-weight: bold;
        color: #fff;
        .txt_s {
          font-size: 0.3rem;
          font-weight: 400;
        }
        .right{
            float: right;
            width: 50%;
      }
    }
    .contnt-describe {
      float: left;
      padding: .1rem .2rem 0.3rem;
      margin-bottom: .2rem;
      .left {
        float: left;
        width: 50%;

        span {
          display: inline-block;
          padding-top: .3rem;
        }
      }
      .right {
        float: right;
        width: 50%;
      }
    }
   .content_title{
      text-align: center;
      span{
         display: inline-block;
         border-bottom: 0.02rem solid;
      }
   }
    .content_title>span::after {
      display: none;
    }
    .content_title>span::before{
        display: none;
    }
    h3{
        font-size: .3rem;
    }
    .contnt-describe img{
    .content_title {
      text-align: center;
      span {
        display: inline-block;
        margin-top: 0.1rem;
        border-bottom: 0.02rem solid;
      }
    }
}
@media (max-width: 750px) and (min-width: 0){
   .shiyou{
      width: 4.6rem;
   }
   .p_txt2{
      width: 4rem;
      margin: 0 auto;
      padding-bottom: 0.4rem;
		
      label{
         float: left;
      }
   }
   .left_img{
      width: 3rem;
      height: 2.1rem;
      margin-top: 0.4rem;
   }
   .right_img{
      width: 3.6rem;
      height: 2.1rem;
      float: right;
      margin-top: 0.4rem;
   }
   h3{
      font-size:0.38rem;
      font-family:PingFang-SC-Medium;
      font-weight:500;
      color:rgba(58,58,60,1);
      margin: 0.2rem 0;
   }
   .contnt-describe{
      padding: 0.3rem 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;
      }
      .right{
         padding-right: 0 !important;
         margin-top: 0.3rem !important;
      }
   }
    .header{
        padding: 0 2%;
    .content_title > span::after {
        display: none;
    }
    .wrapper{
        width: 100%;
    .content_title > span::before {
      display: none;
    }
    h3 {
      font-size: .3rem;
    }
    .contnt-describe img {
      display: inline-block;
      margin-top: 0.1rem;
    }
  }
  @media (max-width: 750px) and (min-width: 0) {
    .shiyou {
      width: 4.6rem;
    }
    .p_txt2 {
      width: 4rem;
      margin: 0 auto;
      padding-bottom: 0.4rem;

      label {
        float: left;
      }
    }
    .left_img {
      width: 3rem;
      height: 2.1rem;
      margin-top: 0.4rem;
    }
    .right_img {
      width: 3.6rem;
      height: 2.1rem;
      float: right;
      margin-top: 0.4rem;
    }
    h3 {
      font-size:0.38rem;
      font-family:PingFang-SC-Medium;
      font-weight:500;
      color:rgba(58,58,60,1);
      margin: 0.2rem 0;
    }
    .contnt-describe {
      padding: 0.3rem 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;
      }
      .right {
        padding-right: 0 !important;
        margin-top: 0.3rem !important;
      }
    }
    .header {
      padding: 0 2%;
    }
    .wrapper {
      width: 100%;
    }
    .content_title > span::after ,.content_title > span::before {
        display: none;
      display: none;
    }
    .content_title{
        text-align: center;
    .content_title {
      text-align: center;
    }
    .content_title >span{
        display: inline-block;
        border-bottom: 1px solid #3B3B3C;
    .content_title > span {
      display: inline-block;
      border-bottom: 1px solid #3B3B3C;
    }
    .contnt-describe{
        width: 100%;
        .left, .right{
            width: 100% !important;
        }
    .contnt-describe {
      width: 100%;
      .left, .right {
        width: 100% !important;
      }
    }
	
   .left{
      text-align: center;
      .p_img{
         width: 2.36rem;
         margin: 0.2rem 0;
      }
   }
}
    .left {
      text-align: center;
      .p_img {
        width: 2.36rem;
        margin: 0.2rem 0;
      }
    }
  }
</style>