| | |
| | | notifyOnErrors: true, |
| | | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions- |
| | | |
| | | |
| | | /** |
| | | * Source Maps |
| | | */ |
| | |
| | | <body> |
| | | <div id="app"></div> |
| | | <!-- built files will be auto injected --> |
| | | |
| | | </body> |
| | | </html> |
| | | <script type="text/javascript"> |
| | |
| | | watch: {}, |
| | | methods: { |
| | | goHere(path){ |
| | | this.$router.push({path:'/'+path}); |
| | | this.$router.push({path:'/'+path}) |
| | | } |
| | | }, |
| | | }; |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="less" scoped> |
| | | #app{ |
| | |
| | | <h3>北京明科普华信息技术有限公司</h3> |
| | | <h2>帮助企业完成中国智造升级</h2> |
| | | <div class="footer_bottom_icon22"> |
| | | <el-popover |
| | | placement="top" |
| | | width="150" |
| | | trigger="hover" |
| | | v-model="visible"> |
| | | <el-popover placement="top" width="150" trigger="hover" v-model="visible"> |
| | | <img src="../img/weixin.png" alt=""> |
| | | <img src="../img/wei.png" slot="reference" alt style="margin-right: 0.16rem;" /> |
| | | </el-popover> |
| | | |
| | | <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2529499151&site=qq&menu=yes"> |
| | | <img src="../img/QQ.png" alt /> |
| | | </a> |
| | |
| | | </div> |
| | | <div class="footer_bottom"> |
| | | <div class="footer_bottom_icon"> |
| | | <el-popover |
| | | placement="top" |
| | | width="150" |
| | | trigger="click" |
| | | v-model="visible2"> |
| | | <el-popover placement="top" width="150" trigger="click" v-model="visible2"> |
| | | <img src="../img/weixin.png" alt=""> |
| | | <img src="../img/wei.png" slot="reference" alt style="margin-right: 0.16rem;" /> |
| | | </el-popover> |
| | |
| | | </template> |
| | | <script> |
| | | export default { |
| | | name: "Footer", |
| | | name: 'Footer', |
| | | data() { |
| | | return { |
| | | visible: false, |
| | | visible2: false, |
| | | visible2: false |
| | | } |
| | | } |
| | | }; |
| | | } |
| | | </script> |
| | | <style lang="less" scoped> |
| | | .footer { |
| | |
| | | .footer { |
| | | padding: 0.5rem 0 0; |
| | | } |
| | | .footer_left, |
| | | .footer_right { |
| | | .footer_left, .footer_right { |
| | | float: none; |
| | | } |
| | | .footer_left { |
| | | text-align: center; |
| | | h3, |
| | | h2 { |
| | | h3, h2 { |
| | | font-size: 0.34rem; |
| | | } |
| | | .footer_left_address { |
| | |
| | | </el-collapse-item> |
| | | </el-collapse> |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | |
| | | @media (max-width: 750px) and (min-width: 0) { |
| | | .title_s{ |
| | | font-size: 0.35rem; |
| | |
| | | background-color: black; |
| | | height: 0.5rem; |
| | | line-height: 0.5rem; |
| | | |
| | | } |
| | | |
| | | .header .nav .nav_ul { |
| | |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | |
| | | .header .nav .navico, |
| | | .header .nav .homeico { |
| | | display: inline-block; |
| | | padding: 0; |
| | | } |
| | | |
| | | .abloutMingKe_ul, |
| | | .abloutMingKe_ul1 { |
| | | background: #303030; |
| | |
| | | padding-right: 0.5rem; |
| | | margin-bottom: 0.1rem; |
| | | } |
| | | |
| | | } |
| | | |
| | | |
| | | .list1 { |
| | | display: flex; |
| | | opacity: 0; |
| | |
| | | top: 0.65rem; |
| | | right: 0; |
| | | } |
| | | |
| | | .list2 { |
| | | opacity: 0; |
| | | width: 2rem; |
| | |
| | | top: 0.76rem; |
| | | right: -0.84rem; |
| | | } |
| | | |
| | | .active { |
| | | opacity: 1; |
| | | } |
| | | |
| | | .active1 { |
| | | background: #212020; |
| | | } |
| | |
| | | axios.defaults.crossDomain = true; |
| | | axios.defaults.withCredentials = true; |
| | | |
| | | |
| | | axios.interceptors.request.use((config) => { |
| | | // 在发送请求之前做些什么 |
| | | config.data == undefined ? config.data = {} : false; |
| | |
| | | } |
| | | } |
| | | |
| | | |
| | | @-webkit-keyframes flipInY { |
| | | from { |
| | | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
| | |
| | | transform: perspective(400px); |
| | | } |
| | | } |
| | | |
| | | @keyframes flipInY { |
| | | from { |
| | | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
| | | transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
| | | -webkit-animation-timing-function: ease-in; |
| | | animation-timing-function: ease-in; |
| | | opacity: 0; |
| | | } |
| | | |
| | | 40% { |
| | | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); |
| | | transform: perspective(400px) rotate3d(0, 1, 0, -20deg); |
| | | -webkit-animation-timing-function: ease-in; |
| | | animation-timing-function: ease-in; |
| | | } |
| | | |
| | | 60% { |
| | | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); |
| | | transform: perspective(400px) rotate3d(0, 1, 0, 10deg); |
| | | opacity: 1; |
| | | } |
| | | |
| | | 80% { |
| | | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); |
| | | transform: perspective(400px) rotate3d(0, 1, 0, -5deg); |
| | | } |
| | | |
| | | to { |
| | | -webkit-transform: perspective(400px); |
| | | transform: perspective(400px); |
| | | } |
| | | } |
| | |
| | | 需要自行设置html fontSize 100px |
| | | 请使用rem em |
| | | ***/ |
| | | |
| | | |
| | | ; |
| | | (function(win, doc, undefined) { |
| | | let resizeWid = 'orientationchange' in win ? 'orientationchange' : 'resize', |
| | |
| | | win.addEventListener(resizeWid, reSize, false); |
| | | doc.addEventListener('DOMContentLoaded', reSize, false); |
| | | })(window, document); |
| | | |
| | | |
| | | |
| | | // ; (function (win, doc, Size, undefined) { |
| | | // let resizeWid = 'orientationchange' in win ? 'orientationchange' : 'resize', |
| | |
| | | const JoinMingKe = resolve => require(['@/views/companyProfile/joinMingKe'], resolve) |
| | | // 动态详情 |
| | | const DynamicDetail = resolve => require(['@/views/index/dynamicDetail'], resolve) |
| | | |
| | | // 解决方案 |
| | | const CaseSolution = resolve => require(['@/views/successCase/caseSolution'], resolve) |
| | | const center = resolve => require(['@/views/successCase/center'], resolve) |
| | |
| | | path: '/', |
| | | // name: 'Home', |
| | | component: Home, |
| | | children: [{ |
| | | children: [ |
| | | { |
| | | path: '/', |
| | | name: 'Index', |
| | | component: Index |
| | |
| | | name: 'SuccessCase', |
| | | path: '/successCase',//成功案例 |
| | | component: SuccessCase, |
| | | |
| | | },{ |
| | | name: 'SuccessCaseIndex', |
| | | path: '/SuccessCaseIndex',//成功案例 详情 |
| | |
| | | path: '/center',//解决方案 |
| | | component: center |
| | | } |
| | | |
| | | |
| | | ] |
| | | }, |
| | | |
| | | ] |
| | | }] |
| | | |
| | | export default new Router({ |
| | | routes: constantRouterMap, |
| | |
| | | Vue.use(Vuex); |
| | | const state = { //全局状态值 |
| | | loginType: false, |
| | | userId:'', |
| | | userId: '' |
| | | } |
| | | |
| | | const mutations = { |
| | | loginType: (state, val) => { |
| | | state.loginType = val; |
| | | state.loginType = val |
| | | }, |
| | | userId:(state, val) => { |
| | | state.userId = val; |
| | | }, |
| | | state.userId = val |
| | | } |
| | | } |
| | | |
| | | const getters = { |
| | | getLoginType: (state) => { |
| | | return state.loginType; |
| | | return state.loginType |
| | | }, |
| | | getUserId:(state) => { |
| | | return state.userId; |
| | | }, |
| | | return state.userId |
| | | } |
| | | } |
| | | |
| | | const actions = { |
| | |
| | | state, |
| | | actions, |
| | | mutations, |
| | | getters, |
| | | getters |
| | | }) |
| | | |
| | | export default store; |
| | | export default store |
| | |
| | | } |
| | | .three{ |
| | | background: #F1F1F1; |
| | | |
| | | width: 100%; |
| | | height: auto; |
| | | .goods_ul{ |
| | |
| | | .goods_ul{ |
| | | flex: 1; |
| | | } |
| | | |
| | | p{ |
| | | flex: 1; |
| | | margin-right: .4rem; |
| | |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | |
| | | h2{ |
| | | margin: 0.2rem auto 0.1rem; |
| | | display: inline-block; |
| | | border-bottom: 0.02rem solid; |
| | | } |
| | | |
| | | } |
| | | .content:nth-child(3){ |
| | | width: 100%; |
| | |
| | | width: 48%; |
| | | } |
| | | } |
| | | |
| | | } |
| | | .content_title{ |
| | | margin: 1rem 0; |
| | |
| | | } |
| | | } |
| | | .content_ul{ |
| | | li>h2{ margin: 0.38rem 0 0.18rem;} |
| | | li > h2 { |
| | | margin: 0.38rem 0 0.18rem; |
| | | } |
| | | } |
| | | .teamBuilding{ |
| | | h2{ |
| | |
| | | } |
| | | li:last-child::before{ |
| | | display: none; |
| | | |
| | | } |
| | | } |
| | | .goods_ul{ |
| | |
| | | text-align: center; |
| | | width: 25%; |
| | | margin-bottom: .3rem; |
| | | |
| | | |
| | | span{ |
| | | display: inline-block; |
| | | background: #F9F9F9; |
| | |
| | | border: 0.02rem solid #F9F9F9; |
| | | margin: 0 auto; |
| | | padding: 0.1rem 0 0.06rem; |
| | | |
| | | img{ |
| | | height: 1.3rem; |
| | | margin: 0 auto; |
| | |
| | | margin: 0 auto; |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | </style> |
| | |
| | | </ul> |
| | | </div> |
| | | <div style="clear: both;"></div> |
| | | |
| | | <div class="wrapper"> |
| | | <div class="content_title fadeInUp zoomIn animated"><span>团队建设</span></div> |
| | | <div class="content teamBuilding"> |
| | |
| | | <p>南方的小伙伴羡慕吧!</p> |
| | | </li> |
| | | </ul> |
| | | |
| | | <h2 style="margin-top: 0.6rem;"><span>公司活动,爱心公益</span></h2> |
| | | <ul class="teamBuilding_ul"> |
| | | <li> |
| | |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | |
| | | <!-- 移动端样式 --> |
| | | <div class="three_box p_hide"> |
| | | <div><img src="../../img/dui1.png" alt=""></div> |
| | |
| | | <h3 class="h33"><img src="../../img/zheng6.png" alt="" @mouseover="img_index = 4" @mouseout="img_index = 0" class="animated" :class="img_index == 4 ? 'tada' : ''"></h3> |
| | | <span>霍尼韦尔合作伙伴</span> |
| | | </li> |
| | | |
| | | |
| | | <li> |
| | | <h3 class="h33"><img src="../../img/zheng5.png" alt="" @mouseover="img_index = 5" @mouseout="img_index = 0" class="animated" :class="img_index == 5 ? 'tada' : ''"></h3> |
| | | <span>优秀企业</span> |
| | |
| | | <h3 class="h33"><img src="../../img/zheng4.png" alt="" @mouseover="img_index = 8" @mouseout="img_index = 0" class="animated" :class="img_index == 8 ? 'tada' : ''"></h3> |
| | | <span>优秀解决方案奖</span> |
| | | </li> |
| | | |
| | | |
| | | <li> |
| | | <h3 class="h33"><img src="../../img/zheng8.png" alt="" @mouseover="img_index = 9" @mouseout="img_index = 0" class="animated" :class="img_index == 9 ? 'tada' : ''"></h3> |
| | | <span>斑马合作伙伴</span> |
| | | </li> |
| | | |
| | | <li> |
| | | <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 10" @mouseout="img_index = 0" class="animated" :class="img_index == 10 ? 'tada' : ''"></h3> |
| | | <span>仓库管理系统著作权</span> |
| | |
| | | <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 12" @mouseout="img_index = 0" class="animated" :class="img_index == 12 ? 'tada' : ''"></h3> |
| | | <span>质量追溯系统著作权</span> |
| | | </li> |
| | | |
| | | |
| | | <li> |
| | | <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 13" @mouseout="img_index = 0" class="animated" :class="img_index == 13 ? 'tada' : ''"></h3> |
| | | <span>物流配送管理系统著作权</span> |
| | |
| | | <h3 class="h33"><img src="../../img/zheng11.png" alt="" @mouseover="img_index = 16" @mouseout="img_index = 0" class="animated" :class="img_index == 16 ? 'tada' : ''"></h3> |
| | | <span>企业资源计划著作权</span> |
| | | </li> |
| | | |
| | | <li> |
| | | <h3 class="h33"><img src="../../img/zheng11.png" alt="" @mouseover="img_index = 17" @mouseout="img_index = 0" class="animated" :class="img_index == 17 ? 'tada' : ''"></h3> |
| | | <span>商城系统著作权</span> |
| | |
| | | //根据hash值跳转不同锚点 |
| | | get_anchor(hash){ |
| | | if(this.anchor){ |
| | | document.querySelector(hash).scrollIntoView(true); |
| | | document.querySelector(hash).scrollIntoView(true) |
| | | } |
| | | } |
| | | }, |
| | |
| | | this.anchor = true |
| | | this.get_anchor(to.hash) |
| | | } |
| | | |
| | | } |
| | | } |
| | | } |
| | |
| | | height: auto; |
| | | li{ |
| | | flex: 1; |
| | | |
| | | p{ |
| | | width: auto; |
| | | font-size: 0.24rem; |
| | |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | } |
| | | .contact_ul{ |
| | | width: 98%; |
| | |
| | | .goods_ul{ |
| | | flex: 1; |
| | | } |
| | | |
| | | p{ |
| | | flex: 1; |
| | | margin-right: .4rem; |
| | |
| | | align-items: center; |
| | | margin-left: 0.2rem; |
| | | } |
| | | |
| | | h2{ |
| | | margin: 0.2rem auto 0.1rem; |
| | | display: inline-block; |
| | | border-bottom: 0.02rem solid; |
| | | } |
| | | |
| | | } |
| | | .content:nth-child(3){ |
| | | width: 100%; |
| | |
| | | width: 48%; |
| | | } |
| | | } |
| | | |
| | | } |
| | | .content_title{ |
| | | margin: 1rem 0; |
| | |
| | | } |
| | | } |
| | | .content_ul{ |
| | | li>h2{ margin: 0.38rem 0 0.18rem;} |
| | | li > h2 { |
| | | margin: 0.38rem 0 0.18rem; |
| | | } |
| | | } |
| | | .teamBuilding{ |
| | | h2{ |
| | |
| | | } |
| | | li:last-child::before{ |
| | | display: none; |
| | | |
| | | } |
| | | } |
| | | .goods_ul{ |
| | |
| | | margin: 0 auto; |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | </style> |
| | |
| | | |
| | | </div> |
| | | <div class="p_hide"> |
| | | <div v-for="(item,index) in person" @click="jump(index)" class="box" :class="active_index == index ? 'active' : ''"> |
| | | <div v-for="(item,index) in person" @click="jump(index)" class="box" :key="index" :class="active_index == index ? 'active' : ''"> |
| | | <div class="line1">{{item.name}}<span>面议</span></div> |
| | | <div class="line2"><img src="../../img/jingli.png" alt="">北京明科普华信息技术有限公司<span>2019-03-28</span></div> |
| | | </div> |
| | |
| | | line-height: 0.37rem; |
| | | } |
| | | } |
| | | |
| | | |
| | | } |
| | | |
| | | .footer { |
| | |
| | | <el-input class="color" placeholder="称呼"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | |
| | | <el-input class="color" placeholder="公司"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col> |
| | |
| | | |
| | | } |
| | | } |
| | | }, |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | |
| | | }, |
| | | watch:{ //监听路由 |
| | | $route(to,from){ |
| | | if(to.path == '/postDetails'){ |
| | | if (to.path === '/postDetails') { |
| | | this.isShow = false |
| | | } |
| | | } |
| | |
| | | <h2 class="dynamic_title">宝时得电商平台项目启动会议隆重举行</h2> |
| | | <h3 class="dynamic_subtitle">企业资讯 | 2018-10-10</h3> |
| | | <div class="dynamic_content"> |
| | | <p> |
| | | 9月22日上午,宝时得电商平台项目启动会在苏州厅隆重召开,专业工具营销中心朱总、财务张总、信息化管理部丁总,携项目组团队参加了此次会议。北京明科普华副总经理张富贵,携顾问代表4人出席了会议。<br /> |
| | | <p>9月22日上午,宝时得电商平台项目启动会在苏州厅隆重召开,专业工具营销中心朱总、财务张总、信息化管理部丁总,携项目组团队参加了此次会议。北京明科普华副总经理张富贵,携顾问代表4人出席了会议。<br /> |
| | | 会议由电商销售部经理纪锦露主持召开。 |
| | | </p> |
| | | <img src="../../img/dynamicDetail.png" alt=""> |
| | | </div> |
| | | <div class="dynamic_content"> |
| | | <p> |
| | | 会议伊始,电商销售部经理纪锦露首先分析了近几年由于电商销量的不断上升,电商部门在工作中所遇到的各类问题,纪经理尤其指出在每年双十一期间巨大的订单量给电商部门带来了巨大的工作量。<br /> |
| | | <div style="margin: 0.3rem 0;">2017年的双十一即将来临,通过IT平台打通电商平台与SAP系统实现数据流对接,提高物流发货效率,降低人为出错率,降低人工成本,已经迫在眉睫。</div> |
| | | <p>会议伊始,电商销售部经理纪锦露首先分析了近几年由于电商销量的不断上升,电商部门在工作中所遇到的各类问题,纪经理尤其指出在每年双十一期间巨大的订单量给电商部门带来了巨大的工作量。<br /> |
| | | <span style="margin: 0.3rem 0;display: inline-block;">2017年的双十一即将来临,通过IT平台打通电商平台与SAP系统实现数据流对接,提高物流发货效率,降低人为出错率,降低人工成本,已经迫在眉睫。</span> |
| | | 接着,北京明科普华项目总监兼项目经理刘畅向与会各位介绍了北京明科各类电商管理项目实施经验,以及明科项目将会给宝时得电商管理带来什么变化。在时间上本项目预计从项目正式启动后的2个月内完成平台搭建、平台开发与一期功能实施,项目上线。二期在一期上线后的一个月内完成相关的开发与上线工作。 |
| | | </p> |
| | | <img src="../../img/da2.png" alt=""> |
| | |
| | | <img src="../../img/da3.png" alt=""> |
| | | </div> |
| | | <div class="dynamic_content"> |
| | | <p> |
| | | 最后,专业工具营销中心朱总为此次会议做了总结,并指出本次项目时间比较紧张,并且一上线就将面临双十一的这场‘大战’,希望项目组团队能够高质量的完成任务。<br /> |
| | | <p>最后,专业工具营销中心朱总为此次会议做了总结,并指出本次项目时间比较紧张,并且一上线就将面临双十一的这场‘大战’,希望项目组团队能够高质量的完成任务。<br /> |
| | | 电商平台项目将会给宝时得电商运营带来巨大变化。让我们在互联网+的大时代背景下,通过全新的电商管理平台,共同努力,为宝时得创下新的销售传奇! |
| | | </p> |
| | | <img src="../../img/da4.png" alt=""> |
| | |
| | | <span>2017-03-08</span> |
| | | </div> |
| | | </li> |
| | | |
| | | |
| | | <li> |
| | | <img src="../../img/r5.png" alt=""> |
| | | <div> |
| | |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="wechat p_hide"> |
| | | <div class="title_a">媒体合作</div> |
| | | <div class="title_c"> |
| | |
| | | <div class="title_b">更多动态请关注</div> |
| | | <div class="title_b">明科企业官方公众号</div> |
| | | </div> |
| | | |
| | | <div class="wrapper dynamic_b"> |
| | | <p>上一篇:这已经是第一篇了 <span>企业资讯 | 2017-03-08</span></p> |
| | | <p>下一篇:明科产品质量安全追溯系统解决方案 <span>企业资讯 | 2017-03-08</span></p> |
| | |
| | | display: none; |
| | | } |
| | | .dynamic_content { |
| | | |
| | | p{ |
| | | font-size: .28rem; |
| | | line-height: .4rem; |
| | |
| | | padding: .4rem 0; |
| | | p{ |
| | | margin: .1rem 0; |
| | | |
| | | span{ |
| | | font-family:MicrosoftYaHei; |
| | | font-weight:400; |
| | |
| | | .dynamic_r{ |
| | | flex:0.25; |
| | | margin-top: 0.2rem; |
| | | |
| | | h3{ |
| | | font-size: 0.16rem; |
| | | color:#3A3A3C; |
| | |
| | | font-size: 0.06rem; |
| | | color: #AFADAD; |
| | | } |
| | | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | </style> |
| | |
| | | <div class="banner"><img src='../../img/home.png' alt=""></div> |
| | | <div class="wrapper-box"> |
| | | <h3 class="content_title fadeInUp zoomIn animated"><span>主营业务</span></h3> |
| | | |
| | | <div class="m_zhu"> |
| | | <div class="title_a">明科商业智能开放平台</div> |
| | | <div class="title_b">MingKeOS</div> |
| | |
| | | height: 3rem; |
| | | margin: 0.69rem 0 .85rem; |
| | | } |
| | | |
| | | .business_ul > li:hover { |
| | | z-index: 1000; |
| | | } |
| | | .business_ul>li { |
| | | display: inline-block; |
| | | text-align: center; |
| | |
| | | </div> |
| | | </router-link> |
| | | |
| | | |
| | | <router-link to="/dynamicDetail" tag="li"> |
| | | <h3> |
| | | <img src="../../img/qi4.png" alt=""> |
| | |
| | | </div> |
| | | </router-link> |
| | | </ul> |
| | | </div><div v-show="cur==3"> |
| | | </div> |
| | | <div v-show="cur==3"> |
| | | <ul class="news_ul"> |
| | | <router-link to="/dynamicDetail" tag="li"> |
| | | <h3> |
| | |
| | | border:none; |
| | | } |
| | | } |
| | | |
| | | </style> |
| | | <style> |
| | | .el-pagination.is-background .el-pager li{ |
| | |
| | | <img src="../../img/huo2.png" class="right_img p_hide" alt="" style="right: 0.4rem;"> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | |
| | | <img src="../../img/huo4.png" class="right_img p_hide" alt=""> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col> |
| | |
| | | input5:'', |
| | | isPhone:true,//手机 PC |
| | | p_txt:'实施伙伴', |
| | | e_txt:'Implementing partners', |
| | | e_txt: 'Implementing partners' |
| | | } |
| | | }, |
| | | methods:{ |
| | |
| | | this.$message.error(err); |
| | | } |
| | | } |
| | | }, |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | |
| | | width: 100%; |
| | | background: #00A1E1; |
| | | } |
| | | |
| | | } |
| | | @media (min-width: 751px) { |
| | | h1{ |
| | |
| | | margin-top: 0.28rem; |
| | | padding:0 1.32rem; |
| | | } |
| | | |
| | | } |
| | | .el-input--mini .el-input__inner{ |
| | | height: 47px; |
| | | line-height: 47px; |
| | | } |
| | | |
| | | .el-button--primary{ |
| | | padding: 0.13rem 1.70rem; |
| | | } |
| | |
| | | padding: 0 .4rem; |
| | | } |
| | | } |
| | | |
| | | .wrapper,.partner_info{ |
| | | .content_title:first-child{ |
| | | margin: 0.99rem 0 0.95rem; |
| | |
| | | width: 0.03rem; |
| | | background: #00A1E1; |
| | | vertical-align: middle; |
| | | float: left; |
| | | // float: left; |
| | | float: none; |
| | | margin-top: 0.04rem; |
| | | } |
| | | span{ |
| | |
| | | .el-message--error{ |
| | | z-index: 9999 !important; |
| | | } |
| | | |
| | | @media (max-width: 750px) and (min-width: 0){ |
| | | .el-textarea__inner{ |
| | | line-height: 1; |
| | |
| | | background-color: #303940 !important; |
| | | } |
| | | } |
| | | |
| | | </style> |
| | |
| | | <span :class="h_index == 5 ? 'hover2' : 'scene'" @mouseover="h_index = 5" @mouseout="h_index = 0"><img src="../../img/p5.png" alt=""><span class="txt txt2">MES<br />智能制造</span></span> |
| | | <span :class="h_index == 6 ? 'hover2' : 'scene'" @mouseover="h_index = 6" @mouseout="h_index = 0"> |
| | | <img src="../../img/jing.png" alt="" class="m_img"><span class="txt m_img">经销商管理</span> |
| | | <img src="../../img/p6.png" alt="" class="p_img"><span class="txt p_img" style="color: black;bottom: 0;">经销商管理</span> |
| | | <img src="../../img/p6.png" alt="" class="p_img"> |
| | | <span class="txt p_img" style="color: black;bottom: 0;">经销商管理</span> |
| | | </span> |
| | | </div> |
| | | </div> |
| | |
| | | <div><img src="../../img/p7.png" alt=""></div> |
| | | <p>可配置开发</p> |
| | | </div> |
| | | |
| | | <div class="content_skill_item"> |
| | | <div><img src="../../img/p8.png" alt=""></div> |
| | | <p>三屏合一</p> |
| | | </div> |
| | | |
| | | <div class="content_skill_item"> |
| | | <div><img src="../../img/p9.png" alt=""></div> |
| | | <p>接口技术</p> |
| | | </div> |
| | | |
| | | <div class="content_skill_item"> |
| | | <div><img src="../../img/p10.png" alt=""></div> |
| | | <p>语言包</p> |
| | | </div> |
| | | |
| | | <div class="content_skill_item"> |
| | | <div><img src="../../img/p11.png" alt=""></div> |
| | | <p>IOT</p> |
| | |
| | | <img src="../../img/p12.png" alt=""> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="content_industry_card"> |
| | | <h3>商业流通</h3> |
| | | <p>随着互联网的快速发展,电子商务行业发展迅猛,作为互联网和相关服务业中新业态,不仅创造了新的消费需求,同时也引发了新的投资新潮,开辟了就业增收新渠道,为大众、万众创新提供了新空间。</p> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="content_industry"> |
| | | <div class="content_industry_card"> |
| | | <h3>装备制造</h3> |
| | |
| | | <img src="../../img/p14.png" alt=""> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="content_industry_card"> |
| | | <h3>商业流通</h3> |
| | | <p>随着互联网的快速发展,电子商务行业发展迅猛,作为互联网和相关服务业中新业态,不仅创造了新的消费需求,同时也引发了新的投资新潮,开辟了就业增收新渠道,为大众、万众创新提供了新空间。</p> |
| | |
| | | export default { |
| | | data(){ |
| | | return{ |
| | | h_index:0, |
| | | h_index: 0 |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | |
| | | @media (min-width: 751px){ |
| | | .p_hide{ |
| | | display: none !important; |
| | |
| | | .scene{ |
| | | margin: 0 auto; |
| | | position: relative; |
| | | |
| | | .txt{ |
| | | position: absolute; |
| | | left: 1.16rem; |
| | |
| | | top:0.19rem; |
| | | left: 0.28rem; |
| | | } |
| | | |
| | | .content_title{ |
| | | margin: .53rem 0 0.52rem; |
| | | } |
| | |
| | | height: 100%; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | |
| | | span{ |
| | | display: inline-block; |
| | | margin-bottom: .15rem; |
| | | } |
| | | |
| | | } |
| | | } |
| | | |
| | | .hover2{ |
| | | cursor: pointer; |
| | | transform: scale(1.2); |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | @media (max-width: 750px) and (min-width: 0){ |
| | | .hover2{ |
| | | pointer-events: none; |
| | |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | justify-content: space-between; |
| | | |
| | | .scene{ |
| | | display: inline-block; |
| | | width: 48%; |
| | |
| | | .content_title { |
| | | margin-top: .5rem |
| | | } |
| | | |
| | | p { |
| | | padding: .4rem .4rem 0; |
| | | color: #676767; |
| | | font-size: .15rem; |
| | | line-height: 0.26rem; |
| | | } |
| | | |
| | | .solution_box-m { |
| | | display: none; |
| | | } |
| | | |
| | | .content_solution { |
| | | margin-top: 1rem; |
| | | } |
| | | |
| | | .solution_box { |
| | | float: left; |
| | | padding: .3rem .4rem; |
| | |
| | | color:rgba(59,59,60,1); |
| | | } |
| | | } |
| | | |
| | | p { |
| | | padding: .3rem 0; |
| | | color: #3E3E3E; |
| | | } |
| | | |
| | | .title { |
| | | width: 100%; |
| | | |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | dd { |
| | | width: 30%; |
| | | height: 80%; |
| | |
| | | dd { |
| | | float: left; |
| | | } |
| | | |
| | | dt { |
| | | float: right; |
| | | } |
| | | } |
| | | |
| | | .solution_box_in>h3>span:after { |
| | | content: ''; |
| | | position: absolute; |
| | |
| | | margin: 0.32rem 0; |
| | | color: #676767; |
| | | } |
| | | |
| | | .content_industry_list{ |
| | | display: flex; |
| | | font-size: 0.24rem; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .center { |
| | | padding-top: .6rem; |
| | | } |
| | | |
| | | .solution_box { |
| | | display: none; |
| | | } |
| | | |
| | | .content_solution { |
| | | margin-top: .6rem; |
| | | |
| | |
| | | .dd-img { |
| | | width: 70%; |
| | | } |
| | | |
| | | .title { |
| | | width: 30%; |
| | | text-align: center; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | .content_title { |
| | | margin: 1rem 0 .3rem 0; |
| | | } |
| | | |
| | | .solution_box_in>h3>span:after { |
| | | content: ''; |
| | | position: absolute; |
| | |
| | | color: #676767; |
| | | font-size: .14rem; |
| | | } |
| | | |
| | | .solution_box-m { |
| | | display: none; |
| | | } |
| | | |
| | | .content_solution { |
| | | margin-top: 1rem; |
| | | } |
| | | |
| | | .solution_box { |
| | | float: left; |
| | | padding: .3rem .4rem; |
| | |
| | | } |
| | | } |
| | | |
| | | |
| | | .center { |
| | | padding-top: .6rem; |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | .content_title { |
| | | margin: 1rem 0 .3rem 0; |
| | | } |
| | | |
| | | .solution_box_in>h3>span:after { |
| | | content: ''; |
| | | position: absolute; |
| | |
| | | <span v-if="isShow1" class="txt">明科为中石油实施了物资条码管理系统,实现了需求部门在线计划报批、供应商协同送货、项目现场收、发、盘、存等功能。系统采用了互联网、无线技术条码技术相结合的方案进行实施,为中石油节省大量人力、物力。</span> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="left_border" style="float: right;margin-top: 0.5rem;">智能制造</div> |
| | | <div class="contnt-describe" style="margin-bottom: 1.48rem;"> |
| | | <div class="left"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 移动端样式 --> |
| | | <div class="webapp p_hide"> |
| | | <h3 class="content_title2 fadeInUp zoomIn animated"><span>案例详情</span></h3> |
| | |
| | | data(){ |
| | | return{ |
| | | isShow1:false, |
| | | isShow2:false, |
| | | isShow2: true |
| | | } |
| | | }, |
| | | mounted(){ |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | |
| | | .content_title{ |
| | | padding: 0.94rem 0 1.03rem; |
| | | p{ |
| | |
| | | .contnt-describe{ |
| | | float: left; |
| | | margin-bottom: .2rem; |
| | | |
| | | .left{ |
| | | float: left; |
| | | width: 50%; |
| | | |
| | | span{ |
| | | display: inline-block; |
| | | padding-top: .3rem; |
| | |
| | | } |
| | | .left{ |
| | | float: left; |
| | | |
| | | ul{ |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | position: relative; |
| | | padding-left: .2rem; |
| | | margin-bottom: 0.3rem; |
| | | float: left; |
| | | float: none; |
| | | } |
| | | .left_border::after{ |
| | | content: ''; |
| | |
| | | padding-left: .06rem; |
| | | margin-top: 0.2rem; |
| | | position: relative; |
| | | |
| | | span{ |
| | | font-size: 0.36rem; |
| | | margin-left: 0.18rem; |
| | |
| | | top: 0.05rem; |
| | | left: 0; |
| | | } |
| | | |
| | | .content_title2{ |
| | | font-size:0.36rem; |
| | | font-family:PingFang-SC-Bold; |
| | |
| | | height: 0.02rem; |
| | | background: #999999; |
| | | } |
| | | |
| | | .img_box{ |
| | | margin: 0.3rem 0.3rem 0.4rem; |
| | | } |
| | | |
| | | .project{ |
| | | background: #f9f9f9; |
| | | box-sizing: border-box; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .three_box{ |
| | | margin: 0.4rem 0.3rem 0; |
| | | display: flex; |
| | | |
| | | div{ |
| | | flex: 1; |
| | | padding-right: 0.3rem; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | .header{ |
| | | padding: 0 2%; |
| | | } |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | |
| | | .content_title{ |
| | | margin: 0.6rem 0 0.5rem; |
| | | p{ |
| | |
| | | } |
| | | .case_list > li{ |
| | | width: 19%; |
| | | float: left; |
| | | float: none; |
| | | text-align: center; |
| | | margin: 0.48rem 3% 0; |
| | | display: inline-block; |
| | |
| | | padding: 0.12rem 0; |
| | | color: #fff; |
| | | } |
| | | |
| | | } |
| | | .content:nth-child(3){ |
| | | margin:0.72rem 0 2.88rem; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .contnt-describe{ |
| | | float: left; |
| | | padding: .1rem .2rem 0.3rem; |
| | |
| | | width: 100% !important; |
| | | } |
| | | } |
| | | |
| | | .left{ |
| | | text-align: center; |
| | | .p_img{ |