|
@@ -91,9 +91,9 @@
|
|
<ul v-if="columnList" >
|
|
<ul v-if="columnList" >
|
|
<li v-for="item in columnList" :key="item.id" :class="
|
|
<li v-for="item in columnList" :key="item.id" :class="
|
|
currentPath==item.sname? 'active':''" >
|
|
currentPath==item.sname? 'active':''" >
|
|
- <a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{item.categoryName}}</a>
|
|
|
|
|
|
+ <a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a>
|
|
<ul class="submenu" >
|
|
<ul class="submenu" >
|
|
- <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isTwo=1`"> <span style="font-weight:bold;margin-right:10px">·</span> {{aa.sname}}</a></li>
|
|
|
|
|
|
+ <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isUrlId=1`"> <span style="font-weight:bold;margin-right:10px">·</span> {{aa.sname}}</a></li>
|
|
</ul>
|
|
</ul>
|
|
</li>
|
|
</li>
|
|
|
|
|
|
@@ -116,152 +116,176 @@
|
|
</section>
|
|
</section>
|
|
<!--====== COMMON BREADCRUMB END ======-->
|
|
<!--====== COMMON BREADCRUMB END ======-->
|
|
|
|
|
|
|
|
+ <div>
|
|
|
|
+ <section class="about-introduce-section course-section pt-40 pb-60 about-sec" :id="arr.lmtitle" v-for="(arr,index) in articalArray" :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}">
|
|
|
|
+ <div class="container">
|
|
|
|
+ <ul class="aboutTyes" v-if="index==0" >
|
|
|
|
+ <li v-for="item in articalArray" :key="item.id"><a :href="`#${item.lmtitle}`">{{item.title}}</a></li>
|
|
|
|
+
|
|
|
|
+ </ul>
|
|
|
|
+ <div class="section-title text-center both-border pb-20">
|
|
|
|
+ <span class="title-tag">{{arr.title}}</span>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="col-md-12 " v-html="arr.content" v-if="arr.content" style="background-color: #ffff;padding:50px">
|
|
|
|
+ </div>
|
|
|
|
|
|
- <!--====== ABOUT INTRODUCE START======-->
|
|
|
|
- <section class="about-introduce-section pt-40 pb-60 about-sec" id="1">
|
|
|
|
-
|
|
|
|
- <div class="container">
|
|
|
|
- <ul class="aboutTyes" >
|
|
|
|
- <li v-for="item in articalArray" :key="item.id"><a :href="`#${item.lmtitle}`">{{item.title}}</a></li>
|
|
|
|
|
|
+ <div class="col-md-12" v-if="arr.image" style="background-color: #ffff;">
|
|
|
|
+ <img :src="arr.image" alt="">
|
|
|
|
+ </div>
|
|
|
|
|
|
- </ul>
|
|
|
|
- <div class="section-title text-center both-border pb-20">
|
|
|
|
- <span class="title-tag">企业简介</span>
|
|
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
- <div class="about-intro-top">
|
|
|
|
- <p :class="ind != array.about_us.length-1 ? 'pb-40' : ''" v-for="(aboutUs,ind) in array.about_us">
|
|
|
|
- {{aboutUs.content}}</p>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </section>
|
|
|
|
- <!--====== ABOUT INTRODUCE END======-->
|
|
|
|
|
|
+ </section>
|
|
|
|
+ </div>
|
|
|
|
|
|
- <!--====== HISTORY START======-->
|
|
|
|
- <section class="history-section pt-60 pb-60 about-sec" id="2">
|
|
|
|
- <!-- <div class="section-title text-center both-border pb-20">
|
|
|
|
- <span class="title-tag">企业优势</span>
|
|
|
|
- </div> -->
|
|
|
|
- <div class="container" >
|
|
|
|
|
|
+ <div style="display:none">
|
|
|
|
+ <!--====== ABOUT INTRODUCE START======-->
|
|
|
|
+ <section class="about-introduce-section pt-40 pb-60 about-sec" id="1">
|
|
|
|
+
|
|
|
|
+ <div class="container">
|
|
|
|
+ <ul class="aboutTyes" >
|
|
|
|
+ <li v-for="item in articalArray" :key="item.id"><a :href="`#${item.lmtitle}`">{{item.title}}</a></li>
|
|
|
|
|
|
- <div class="section-title text-center both-border pb-20" >
|
|
|
|
- <span class="title-tag">企业优势</span>
|
|
|
|
|
|
+ </ul>
|
|
|
|
+ <div class="section-title text-center both-border pb-20">
|
|
|
|
+ <span class="title-tag">企业简介</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="about-intro-top">
|
|
|
|
+ <p :class="ind != array.about_us.length-1 ? 'pb-40' : ''" v-for="(aboutUs,ind) in array.about_us">
|
|
|
|
+ {{aboutUs.content}}</p>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+ </section>
|
|
|
|
+ <!--====== ABOUT INTRODUCE END======-->
|
|
|
|
|
|
- <div class="row historyContent" style="background-color: #ffff;">
|
|
|
|
- <div class="pb-50 col-md-6 historyConet" v-for="strength in array.strength">
|
|
|
|
- <div class="row">
|
|
|
|
- <div class="col-md-3 hisImg">
|
|
|
|
- <img :src="strength.picture" alt="">
|
|
|
|
- </div>
|
|
|
|
- <div class="col-md-9 hisContent">
|
|
|
|
- <div>{{strength.title}}</div>
|
|
|
|
- <div>{{strength.content}}</div>
|
|
|
|
|
|
+ <!--====== HISTORY START======-->
|
|
|
|
+ <section class="history-section pt-60 pb-60 about-sec" id="2">
|
|
|
|
+ <!-- <div class="section-title text-center both-border pb-20">
|
|
|
|
+ <span class="title-tag">企业优势</span>
|
|
|
|
+ </div> -->
|
|
|
|
+ <div class="container" >
|
|
|
|
+
|
|
|
|
+ <div class="section-title text-center both-border pb-20" >
|
|
|
|
+ <span class="title-tag">企业优势</span>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="row historyContent" style="background-color: #ffff;">
|
|
|
|
+ <div class="pb-50 col-md-6 historyConet" v-for="strength in array.strength">
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-md-3 hisImg">
|
|
|
|
+ <img :src="strength.picture" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-md-9 hisContent">
|
|
|
|
+ <div>{{strength.title}}</div>
|
|
|
|
+ <div>{{strength.content}}</div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </section>
|
|
|
|
- <!--====== HISTORY END======-->
|
|
|
|
|
|
+ </section>
|
|
|
|
+ <!--====== HISTORY END======-->
|
|
|
|
|
|
- <!--====== COURSE START======-->
|
|
|
|
- <section class="course-section pt-60 pb-80 about-sec" id="3">
|
|
|
|
- <div class="container">
|
|
|
|
- <div class="section-title text-center both-border pb-30">
|
|
|
|
- <span class="title-tag">发展历程</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="row">
|
|
|
|
- <div class="col-md-12" v-for="history in array.history">
|
|
|
|
- <img :src="history.picture" alt="">
|
|
|
|
|
|
+ <!--====== COURSE START======-->
|
|
|
|
+ <section class="course-section pt-60 pb-80 about-sec" id="3">
|
|
|
|
+ <div class="container">
|
|
|
|
+ <div class="section-title text-center both-border pb-30">
|
|
|
|
+ <span class="title-tag">发展历程</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-md-12" v-for="history in array.history">
|
|
|
|
+ <img :src="history.picture" alt="">
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </section>
|
|
|
|
- <!--====== COURSE END======-->
|
|
|
|
|
|
+ </section>
|
|
|
|
+ <!--====== COURSE END======-->
|
|
|
|
|
|
- <!--====== credential START======-->
|
|
|
|
- <section class="history-section pt-60 pb-60 about-sec" id="4">
|
|
|
|
|
|
+ <!--====== credential START======-->
|
|
|
|
+ <section class="history-section pt-60 pb-60 about-sec" id="4">
|
|
|
|
|
|
- <div class="container">
|
|
|
|
- <div class="section-title text-center both-border pb-20">
|
|
|
|
- <span class="title-tag">企业荣誉</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="credentialContent" style="background-color: #ffff;">
|
|
|
|
- <div class="title mb-30">2005~2021年度高新技术企业</div>
|
|
|
|
- <div class="row">
|
|
|
|
- <div class="col-md-6 listAll">
|
|
|
|
- <div class="row">
|
|
|
|
- <div class="col-md-6 list">
|
|
|
|
- <ul>
|
|
|
|
- <li v-for="honour_one in array.honour_one">
|
|
|
|
- <span class="borderRadius1">
|
|
|
|
- <span class="borderRadius2"></span>
|
|
|
|
- </span>
|
|
|
|
- {{honour_one.title}}
|
|
|
|
- </li>
|
|
|
|
- <li>
|
|
|
|
- <span class="borderRadius1">
|
|
|
|
- <span class="borderRadius2"></span>
|
|
|
|
- </span>
|
|
|
|
- ......
|
|
|
|
- </li>
|
|
|
|
- </ul>
|
|
|
|
- </div>
|
|
|
|
- <div class="col-md-6 list">
|
|
|
|
- <ul>
|
|
|
|
- <li v-for="honour_two in array.honour_two">
|
|
|
|
- {{honour_two.title}}
|
|
|
|
- </li>
|
|
|
|
- </ul>
|
|
|
|
|
|
+ <div class="container">
|
|
|
|
+ <div class="section-title text-center both-border pb-20">
|
|
|
|
+ <span class="title-tag">企业荣誉</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="credentialContent" style="background-color: #ffff;">
|
|
|
|
+ <div class="title mb-30">2005~2021年度高新技术企业</div>
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-md-6 listAll">
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-md-6 list">
|
|
|
|
+ <ul>
|
|
|
|
+ <li v-for="honour_one in array.honour_one">
|
|
|
|
+ <span class="borderRadius1">
|
|
|
|
+ <span class="borderRadius2"></span>
|
|
|
|
+ </span>
|
|
|
|
+ {{honour_one.title}}
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <span class="borderRadius1">
|
|
|
|
+ <span class="borderRadius2"></span>
|
|
|
|
+ </span>
|
|
|
|
+ ......
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-md-6 list">
|
|
|
|
+ <ul>
|
|
|
|
+ <li v-for="honour_two in array.honour_two">
|
|
|
|
+ {{honour_two.title}}
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="col-md-6 listAll">
|
|
|
|
- <div class="row">
|
|
|
|
- <div class="col-md-4 list1" v-for="certificate_one in array.certificate_one">
|
|
|
|
- <img :src="certificate_one.picture" alt="">
|
|
|
|
|
|
+ <div class="col-md-6 listAll">
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-md-4 list1" v-for="certificate_one in array.certificate_one">
|
|
|
|
+ <img :src="certificate_one.picture" alt="">
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="mt-50" id="marquee_box">
|
|
|
|
- <div id="marquee_img">
|
|
|
|
- <div id="marquee_img1">
|
|
|
|
- <img v-for="certificate_two in array.certificate_two" :src="certificate_two.picture" alt="">
|
|
|
|
- </div>
|
|
|
|
- <div id="marquee_img2">
|
|
|
|
|
|
+ <div class="mt-50" id="marquee_box">
|
|
|
|
+ <div id="marquee_img">
|
|
|
|
+ <div id="marquee_img1">
|
|
|
|
+ <img v-for="certificate_two in array.certificate_two" :src="certificate_two.picture" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ <div id="marquee_img2">
|
|
|
|
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
|
|
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </section>
|
|
|
|
- <!--====== credential END======-->
|
|
|
|
|
|
+ </section>
|
|
|
|
+ <!--====== credential END======-->
|
|
|
|
|
|
- <!--====== SUB COMPANY START======-->
|
|
|
|
- <section class="about-sub-company-section pt-60 pb-60 about-sec" id="5">
|
|
|
|
- <div class="container">
|
|
|
|
- <div class="section-title text-center both-border pb-40">
|
|
|
|
- <span class="title-tag">联系我们</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="row bg-white about-shadow aboutContent">
|
|
|
|
- <div class="col-md-7 pr-40 aboutImg " id="allmap">
|
|
|
|
- <img src="../assets/img/about/baidu.jpg" alt="">
|
|
|
|
|
|
+ <!--====== SUB COMPANY START======-->
|
|
|
|
+ <section class="about-sub-company-section pt-60 pb-60 about-sec" id="5">
|
|
|
|
+ <div class="container">
|
|
|
|
+ <div class="section-title text-center both-border pb-40">
|
|
|
|
+ <span class="title-tag">联系我们</span>
|
|
</div>
|
|
</div>
|
|
- <div class="col-md-5 aboutcotn">
|
|
|
|
- <div class="border-buttom" v-for="company_news in array.company_news">
|
|
|
|
- <div class="title">{{company_news.name}}</div>
|
|
|
|
- <div class="content" v-if="company_news.address != null && company_news.address != ''">公司地址:{{company_news.address}}</div>
|
|
|
|
- <div class="content" v-if="company_news.phone != null && company_news.phone != ''">联系电话:{{company_news.phone}}</div>
|
|
|
|
- <div class="content" v-if="company_news.add != null && company_news.add != ''">Add:{{company_news.add}}</div>
|
|
|
|
|
|
+ <div class="row bg-white about-shadow aboutContent">
|
|
|
|
+ <div class="col-md-7 pr-40 aboutImg " id="allmap">
|
|
|
|
+ <img src="../assets/img/about/baidu.jpg" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-md-5 aboutcotn">
|
|
|
|
+ <div class="border-buttom" v-for="company_news in array.company_news">
|
|
|
|
+ <div class="title">{{company_news.name}}</div>
|
|
|
|
+ <div class="content" v-if="company_news.address != null && company_news.address != ''">公司地址:{{company_news.address}}</div>
|
|
|
|
+ <div class="content" v-if="company_news.phone != null && company_news.phone != ''">联系电话:{{company_news.phone}}</div>
|
|
|
|
+ <div class="content" v-if="company_news.add != null && company_news.add != ''">Add:{{company_news.add}}</div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </section>
|
|
|
|
- <!--====== SUB COMPANY END======-->
|
|
|
|
|
|
+ </section>
|
|
|
|
+ <!--====== SUB COMPANY END======-->
|
|
|
|
+ </div>
|
|
|
|
|
|
<!--====== FOOTER PART START ======-->
|
|
<!--====== FOOTER PART START ======-->
|
|
<footer>
|
|
<footer>
|
|
@@ -278,10 +302,10 @@
|
|
<div class="footerNone" style="width:15% !important;" v-for="item in columnList" :key="item.id">
|
|
<div class="footerNone" style="width:15% !important;" v-for="item in columnList" :key="item.id">
|
|
<div class="widget nav-widget d-flex justify-content-center ">
|
|
<div class="widget nav-widget d-flex justify-content-center ">
|
|
<div >
|
|
<div >
|
|
- <h5 class="widget-title"><a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{item.categoryName}}</a></h5>
|
|
|
|
|
|
+ <h5 class="widget-title"><a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a></h5>
|
|
<ul>
|
|
<ul>
|
|
<li v-if="item.children" v-for="r in item.children" :key="r.id">
|
|
<li v-if="item.children" v-for="r in item.children" :key="r.id">
|
|
- <a :href="`${item.sname}?id=${r.id}&isTwo=1`"> {{r.sname}}</a>
|
|
|
|
|
|
+ <a :href="`${item.sname}?id=${r.id}&isUrlId=1`"> {{r.sname}}</a>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|