wangtao
/
uskyq


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
							<!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>