|
|
@@ -1,152 +1,152 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
-
|
|
|
-<head>
|
|
|
- <meta charset="utf-8" />
|
|
|
- <meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
|
- <meta title="description" content="" />
|
|
|
- <meta name="keywords" content="" />
|
|
|
- <meta title="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
|
- <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no" />
|
|
|
- <link rel="icon" href="../assets/img/favicon.ico">
|
|
|
- <title>客户案例</title>
|
|
|
-
|
|
|
- <!--====== bootstrap css ====== -->
|
|
|
- <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
|
|
|
- <!--====== element css https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.css====== -->
|
|
|
- <link rel="stylesheet" href="../assets/css/element.css" rel="stylesheet">
|
|
|
- <!--====== Mean Menu ======-->
|
|
|
- <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />
|
|
|
- <!--====== Default css ======-->
|
|
|
- <link rel="stylesheet" href="../assets/css/default.css" />
|
|
|
- <!--====== Animation css =======-->
|
|
|
- <link rel="stylesheet" href="../assets/css/animation.css" />
|
|
|
- <!--====== Style css ======-->
|
|
|
- <link rel="stylesheet" href="../assets/css/style.css" />
|
|
|
-
|
|
|
- <!--====== jquery js ======-->
|
|
|
- <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>
|
|
|
- <!--====== Bootstrap js ======-->
|
|
|
- <script src="../assets/js/bootstrap.min.js "></script>
|
|
|
- <!--====== Vue js https://unpkg.com/vue@3.2.36/dist/vue.global.prod.js ======-->
|
|
|
- <script src="../assets/js/vue.min.js"></script>
|
|
|
- <!--====== Element js https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.full.js ======-->
|
|
|
- <script src="../assets/js/element/index.js"></script>
|
|
|
- <!--====== Mean Menu ======-->
|
|
|
- <script src="../assets/js/jquery.meanmenu.min.js "></script>
|
|
|
-
|
|
|
- <!--====== Setting Info js ======-->
|
|
|
- <script src="../assets/js/settinginfo.js"></script>
|
|
|
- <!--====== Main js ======-->
|
|
|
- <script src="../assets/js/main.js "></script>
|
|
|
- <!--====== commonVue js ======-->
|
|
|
- <script type="module" src="../assets/js/commonVue.js "></script>
|
|
|
-
|
|
|
-</head>
|
|
|
-
|
|
|
-<body>
|
|
|
- <div id="app">
|
|
|
- <div class="appInner" :style="{'display':'block'}">
|
|
|
- <div>
|
|
|
- <!-- LOADING START -->
|
|
|
- <div v-if="loading" class="loadingBox">
|
|
|
- <loading-com></loading-com>
|
|
|
- </div>
|
|
|
- <!-- LOADING END -->
|
|
|
-
|
|
|
- <!-- FEEDBACK START -->
|
|
|
- <feed-fix></feed-fix>
|
|
|
- <!-- FEEDBACK END -->
|
|
|
-
|
|
|
- <!-- DIALOG START-->
|
|
|
- <dialog-com @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
|
|
|
- <!-- DIALOG END -->
|
|
|
- </div>
|
|
|
-
|
|
|
- <!--====== HEADER START ======-->
|
|
|
- <header-com @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>
|
|
|
- <!--====== HEADER END ======-->
|
|
|
-
|
|
|
- <!--====== COMMON BREADCRUMB START ======-->
|
|
|
- <section class="common-bradcrumb-section" style="background-color:#aaa" v-bind:style="{backgroundImage:'url('+columnImage+')'}">
|
|
|
- <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >
|
|
|
- <source type="video/mp4">
|
|
|
- </video>
|
|
|
-
|
|
|
- </section>
|
|
|
-
|
|
|
-
|
|
|
- <!--====== COMMON BREADCRUMB END ======-->
|
|
|
-
|
|
|
-
|
|
|
- <!--====== SOLUTION TYPE START ======-->
|
|
|
- <section style="background:#F4F8FD" class="solutionType">
|
|
|
- <div class="container pc" style="text-align:center">
|
|
|
- <div class=" solutionTypeOne" v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"
|
|
|
- v-on:mouseover="facilityClick(i, item)" :style="{'width':(1/columnTypes.length*100)+'%' }">
|
|
|
- <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">
|
|
|
- <img class="img" :src="item.imagePath" alt="" v-if="item.id != requestParams.categoryid" >
|
|
|
- <img class="img2" :src="item.imagePath" alt="" v-else>
|
|
|
- </div>
|
|
|
- <P>{{item.categoryName}}</P>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="container mobile" style="text-align:center">
|
|
|
- <div class=" solutionTypeOne" v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"
|
|
|
- v-on:mouseover="facilityClick(i, item)" :style="{'width':(1.5/columnTypes.length*100)+'%' }">
|
|
|
- <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">
|
|
|
- <img class="img" :src="item.imagePath" alt="" v-if="item.id != requestParams.categoryid" >
|
|
|
- <img class="img2" :src="item.imagePath" alt="" v-else>
|
|
|
- </div>
|
|
|
- <P>{{item.categoryName}}</P>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <div class="container mobile" style="text-align:center">
|
|
|
- <div class=" solutionTypeOne" v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"
|
|
|
- v-on:mouseover="facilityClick(i, item)" >
|
|
|
- <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">
|
|
|
- <img :src="item.imagePath" alt="">
|
|
|
- </div>
|
|
|
- <P>{{item.categoryName}}</P>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- </section>
|
|
|
- <!--====== SOLUTION TYPE END ======-->
|
|
|
-
|
|
|
- <!--====== SOLUTION SECTION START ======-->
|
|
|
- <section class="solution-section lazyContainer">
|
|
|
-
|
|
|
- <div v-for="(item,index) in articalArray" :key="item.id" :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}" style="padding:40px 0" >
|
|
|
- <div class="container" @click="oneInnerBox(item)">
|
|
|
- <div class="solutionItem" >
|
|
|
- <div class="solutionTitle">
|
|
|
- {{item.title}}
|
|
|
- </div>
|
|
|
- <div class="row solutionInner">
|
|
|
- <div class="col-md-7">
|
|
|
- <p v-html="item.lmtitle"></p>
|
|
|
- <div class="pt-40 mb-20">{{item.zhaiyao}}</div>
|
|
|
- </div>
|
|
|
- <div class="col-md-5 text-center">
|
|
|
- <img src="" alt="" :data-src="item.image">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!--====== SOLUTION SECTION END ======-->
|
|
|
-
|
|
|
- <!--====== FOOTER PART START ======-->
|
|
|
- <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>
|
|
|
- <!--====== FOOTER PART END ======-->
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
-</body>
|
|
|
-
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8" />
|
|
|
+ <meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
|
+ <meta title="description" content="" />
|
|
|
+ <meta name="keywords" content="" />
|
|
|
+ <meta title="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
|
+ <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no" />
|
|
|
+ <link rel="icon" href="../assets/img/favicon.ico">
|
|
|
+ <title>客户案例</title>
|
|
|
+
|
|
|
+ <!--====== bootstrap css ====== -->
|
|
|
+ <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
|
|
|
+ <!--====== element css https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.css====== -->
|
|
|
+ <link rel="stylesheet" href="../assets/css/element.css" rel="stylesheet">
|
|
|
+ <!--====== Mean Menu ======-->
|
|
|
+ <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />
|
|
|
+ <!--====== Default css ======-->
|
|
|
+ <link rel="stylesheet" href="../assets/css/default.css" />
|
|
|
+ <!--====== Animation css =======-->
|
|
|
+ <link rel="stylesheet" href="../assets/css/animation.css" />
|
|
|
+ <!--====== Style css ======-->
|
|
|
+ <link rel="stylesheet" href="../assets/css/style.css" />
|
|
|
+
|
|
|
+ <!--====== jquery js ======-->
|
|
|
+ <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>
|
|
|
+ <!--====== Bootstrap js ======-->
|
|
|
+ <script src="../assets/js/bootstrap.min.js "></script>
|
|
|
+ <!--====== Vue js https://unpkg.com/vue@3.2.36/dist/vue.global.prod.js ======-->
|
|
|
+ <script src="../assets/js/vue.min.js"></script>
|
|
|
+ <!--====== Element js https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.full.js ======-->
|
|
|
+ <script src="../assets/js/element/index.js"></script>
|
|
|
+ <!--====== Mean Menu ======-->
|
|
|
+ <script src="../assets/js/jquery.meanmenu.min.js "></script>
|
|
|
+
|
|
|
+ <!--====== Setting Info js ======-->
|
|
|
+ <script src="../assets/js/settinginfo.js"></script>
|
|
|
+ <!--====== Main js ======-->
|
|
|
+ <script src="../assets/js/main.js "></script>
|
|
|
+ <!--====== commonVue js ======-->
|
|
|
+ <script type="module" src="../assets/js/commonVue.js "></script>
|
|
|
+
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div id="app">
|
|
|
+ <div class="appInner" :style="{'display':'block'}">
|
|
|
+ <div>
|
|
|
+ <!-- LOADING START -->
|
|
|
+ <div v-if="loading" class="loadingBox">
|
|
|
+ <loading-com></loading-com>
|
|
|
+ </div>
|
|
|
+ <!-- LOADING END -->
|
|
|
+
|
|
|
+ <!-- FEEDBACK START -->
|
|
|
+ <feed-fix></feed-fix>
|
|
|
+ <!-- FEEDBACK END -->
|
|
|
+
|
|
|
+ <!-- DIALOG START-->
|
|
|
+ <dialog-com @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
|
|
|
+ <!-- DIALOG END -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!--====== HEADER START ======-->
|
|
|
+ <header-com @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>
|
|
|
+ <!--====== HEADER END ======-->
|
|
|
+
|
|
|
+ <!--====== COMMON BREADCRUMB START ======-->
|
|
|
+ <section class="common-bradcrumb-section" style="background-color:#aaa" v-bind:style="{backgroundImage:'url('+columnImage+')'}">
|
|
|
+ <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >
|
|
|
+ <source type="video/mp4">
|
|
|
+ </video>
|
|
|
+
|
|
|
+ </section>
|
|
|
+
|
|
|
+
|
|
|
+ <!--====== COMMON BREADCRUMB END ======-->
|
|
|
+
|
|
|
+
|
|
|
+ <!--====== SOLUTION TYPE START ======-->
|
|
|
+ <section style="background:#F4F8FD" class="solutionType">
|
|
|
+ <div class="container pc" style="text-align:center">
|
|
|
+ <div class=" solutionTypeOne" v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"
|
|
|
+ v-on:mouseover="facilityClick(i, item)" :style="{'width':(1/columnTypes.length*100)+'%' }">
|
|
|
+ <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">
|
|
|
+ <img class="img" :src="item.imagePath" alt="" v-if="item.id != requestParams.categoryid" >
|
|
|
+ <img class="img2" :src="item.imagePath" alt="" v-else>
|
|
|
+ </div>
|
|
|
+ <P>{{item.categoryName}}</P>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="container mobile" style="text-align:center">
|
|
|
+ <div class=" solutionTypeOne" v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"
|
|
|
+ v-on:mouseover="facilityClick(i, item)" :style="{'width':(1.5/columnTypes.length*100)+'%' }">
|
|
|
+ <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">
|
|
|
+ <img class="img" :src="item.imagePath" alt="" v-if="item.id != requestParams.categoryid" >
|
|
|
+ <img class="img2" :src="item.imagePath" alt="" v-else>
|
|
|
+ </div>
|
|
|
+ <P>{{item.categoryName}}</P>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="container mobile" style="text-align:center">
|
|
|
+ <div class=" solutionTypeOne" v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"
|
|
|
+ v-on:mouseover="facilityClick(i, item)" >
|
|
|
+ <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">
|
|
|
+ <img :src="item.imagePath" alt="">
|
|
|
+ </div>
|
|
|
+ <P>{{item.categoryName}}</P>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </section>
|
|
|
+ <!--====== SOLUTION TYPE END ======-->
|
|
|
+
|
|
|
+ <!--====== SOLUTION SECTION START ======-->
|
|
|
+ <section class="solution-section lazyContainer">
|
|
|
+
|
|
|
+ <div v-for="(item,index) in articalArray" :key="item.id" :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}" style="padding:40px 0" >
|
|
|
+ <div class="container" @click="oneInnerBox(item)">
|
|
|
+ <div class="solutionItem" >
|
|
|
+ <div class="solutionTitle">
|
|
|
+ {{item.title}}
|
|
|
+ </div>
|
|
|
+ <div class="row solutionInner">
|
|
|
+ <div class="col-md-7">
|
|
|
+ <p v-html="item.lmtitle"></p>
|
|
|
+ <div class="pt-40 mb-20">{{item.zhaiyao}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-5 text-center">
|
|
|
+ <img src="" alt="" :data-src="item.image">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!--====== SOLUTION SECTION END ======-->
|
|
|
+
|
|
|
+ <!--====== FOOTER PART START ======-->
|
|
|
+ <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>
|
|
|
+ <!--====== FOOTER PART END ======-->
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+</body>
|
|
|
+
|
|
|
</html>
|
ming