File: /www/wwwroot/wy.umchkw.com/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="keywords" content="家庭健康管家,長春市悅瑋商貿有限公司,長春市悅瑋商貿有限公司官網,長春市悅瑋商貿有限公司產品,家庭健康,小熊智慧藥箱">
<meta name="description" content="長春市悅瑋商貿有限公司官網產品：家庭健康管家、長春市悅瑋商貿有限公司大藥房、小熊智慧藥箱等，長春市悅瑋商貿有限公司成立於2007年，總部位於廣州，是一家集健康產品研發、生產、銷售、服務於一體，為顧客提供專業家庭健康管理服務的平台型公司。">
<title>長春市悅瑋商貿有限公司</title>
<!-- <link rel="stylesheet" href="//misc.lvshou.com/onehealth-pc/mpa/css/reset.css">-->
<!-- <link rel="stylesheet" href="//misc.lvshou.com/onehealth-pc/mpa/css/base.css">-->
<!-- <link rel="stylesheet" href="//misc.lvshou.com/onehealth-pc/mpa/css/index.css">-->
<link rel="stylesheet" href="static/css/reset.css">
<link rel="stylesheet" href="static/css/base.css">
<link rel="stylesheet" href="static/css/index.css">
<script src="static/js/font_1179950_6vpm4um8raj.js"></script>
<link rel="stylesheet" href="static/css/font_1179950_2ac3x46x7ab.css">
<link rel="stylesheet" href="static/css/swiper.min.css">
<link rel="stylesheet" href="static/css/animate.min.css">
<!-- <link rel="stylesheet" href="//misc.lvshou.com/onehealth-pc/mpa/css/swiper.min.css">-->
<!-- <link rel="stylesheet" href="//misc.lvshou.com/onehealth-pc/mpa/css/animate.min.css">-->
<!-- <script src="//misc.lvshou.com/onehealth-pc/mpa/js/vue.js"></script>-->
<script src="static/js/vue.js"></script>
<style type="text/css">
body {
background: #F7F7F8;
}
.w {
width: 1200px;
margin: 0 auto;
}
.headlines {
padding: 72px 0 60px 0;
}
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.mask {
position: relative;
width: 100%;
height: 500px;
}
.swiper-container {
position: absolute;
width: 1920px;
/*min-height: 700px;*/
min-height: 500px;
left: 50%;
/*transform: translate(-50%,0);*/
margin-left: -960px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
/*position: relative;*/
}
.swiper-slide img {
width: 100%;
}
.swiper-pagination-bullet {
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
opacity: 1;
}
.swiper-pagination-bullet {
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
opacity: 1;
}
.swiper-pagination-bullet-active {
background: #4b5cc4;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom {
bottom: 28px;
left: 30%;
width: 100%;
}
.innerTitle {
font-size: 14px;
color: #666666;
text-align: center;
line-height: 24px;
/*margin-bottom: 28px;*/
width: 1200px;
margin: 0 auto;
/*margin-right: 44px;*/
}
/*.apply-record{*/
/* background: #fff;*/
/*}*/
.introduce {
/*width: 1200px;*/
/*margin: 0 auto;*/
/*background: #fff;*/
}
.introduce .apply-record {
background: #fff;
margin-top: 28px;
padding-top: 40px;
}
.apply-record .tab .tab-item.active:after {
width: 100%;
margin-left: 0;
}
.introduce .content {
padding: 0;
overflow-x: hidden;
}
.introduce .contentTop {
width: 1200px;
line-height: 56px;
background: #F8F9FD;
font-size: 12px;
color: #999999;
padding-left: 44px;
/*overflow-y: hidden;*/
box-sizing: border-box;
/*margin-bottom: 40px;*/
/*letter-spacing: 0;*/
/*line-height: 24px;*/
}
.contentImg ul li {
width: 360px;
height: 270px;
float: left;
margin-right: 40px;
}
.contentImg ul li:last-of-type {
margin-right: 0;
}
.contentImg ul li img {
width: 360px;
height: 270px;
}
.contentImg .proImg {
cursor: pointer;
}
.contentImg .proTitle {
font-size: 16px;
color: #333333;
margin-top: 32px;
cursor: pointer;
}
.purchase {
position: absolute;
top: 350px;
right: 430px;
font-siza: 20px;
color: #000;
line-height: 40px;
border: 1px solid #ccc;
padding: 0 45px;
border-radius: 2px;
font-weight: bold;
}
.contentW {
height: 540px;
display: none;
overflow: auto;
}
.contentW:first-of-type {
display: block;
}
.contentBtn {
margin-top: 50px;
/*margin: 0 a;*/
}
.contentBtn .btn {
margin-left: 50%;
transform: translateX(-74px);
}
.medical {
margin-top: 28px;
}
.medical .medicalL {
width: 320px;
height: 258px;
}
.medical .medicalR {
padding-top: 58px;
}
.medicalR .medicalB {
padding-top: 58px;
}
.innerBox .medical .medicalR .medicalTit {
font-size: 22px;
color: #4B5CC4;
letter-spacing: 1px;
text-align: center;
line-height: 24px;
font-family: PangMenZhengDao;
font-weight: bold;
}
.innerBox .medical .medicalR .medicalTit span {
color: #151515;
font-family: PangMenZhengDao;
font-weight: bold;
}
.medicalB ul li {
width: 80px;
float: left;
margin-right: 106px;
text-align: center;
}
.medicalB ul li:last-of-type {
margin-right: 0;
}
.medicalB ul li img {
width: 56px;
margin-bottom: 15px;
padding-left: 12px;
/*transform: translate(-50% 0);*/
/*text-align: center;*/
}
.medicalB ul li p {
font-size: 16px;
color: #333333;
letter-spacing: 0;
line-height: 28px;
}
/*#oneTit{*/
/* padding-bottom: 72px;*/
/*}*/
#oneTit p {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #333333;
letter-spacing: 0;
line-height: 24px;
}
.enterprise {
width: 1200px;
margin: 0 auto;
background: #fff;
padding: 48px 60px;
}
.enterprise .enterpriseL {
width: 458px;
height: 344px;
}
.enterprise .enterpriseR {
width: 442px;
height: 144px;
margin: 28px 36px 0 0;
}
.enterprise .enterpriseR p {
/*font-family: PingFangSC-Regular;*/
font-size: 14px;
color: #333333;
letter-spacing: 0;
line-height: 24px;
padding-bottom: 30px;
}
</style>
</head>
<body>
<div style="padding-top:100px;" id="app" v-cloak="">
<!-- 頂部導航條 -->
<div class="headBox bg-white bfc">
<div class="header flex-container">
<div class="flex-item logoBox" style="width:375px;height:54px">
<a aria-hidden="true" class="icon" style="width:375px;height:54px"><img src="static/picture/222.png"></a>
</div>
<a href="jh.html" style="font-size:22px;line-height:100px;margin-left:150px; background: #2bb61f;
color: #fff;
padding: 0px 10px;">悅瑋男性工作室-健康計劃</a>
</div>
</div>
<!-- 首頁內容 -->
<div>
<!-- 輪播圖 -->
<div class="mask o_v">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="static/picture/carousel_1.jpg" alt="長春市悅瑋商貿有限公司" srcset="">
</div>
<div class="swiper-slide">
<img src="static/picture/carousel_3.jpg" alt="長春市悅瑋商貿有限公司" srcset="">
</div>
<div class="swiper-slide">
<img src="static/picture/carousel_4.jpg" alt="長春市悅瑋商貿有限公司" srcset="">
</div>
<div class="swiper-slide">
<img src="static/picture/carousel_2.jpg" alt="長春市悅瑋商貿有限公司" srcset="">
</div>
<!--<div class="swiper-slide">-->
<!-- <a href="javascript:;" target="_blank">-->
<!-- <img src="static/picture/b5.jpg" alt="小熊藥箱" srcset="">-->
<!-- <a href="javascript:;" class="purchase" target="_blank">立即購買</a>-->
<!--</div>-->
</div>
<!-- 如果需要分頁器 -->
<div class="swiper-pagination"></div>
</div>
</div>
<!-- 關愛自己只為更強 -->
<div class="innerBox" style="padding-bottom:0">
<h3 class="headlines font_b ta_c">專注於健康類產品</h3>
<div class="indexBoxOne shadowBox bg-white">
<div class="leftBox fl">
<img src="static/picture/brand_system.jpg" alt="關愛自己 只為更強">
</div>
<div class="rightBox">
<p class="marginTop26">
長春市悅瑋商貿有限公司在大健康、健康管理及疾病管理領域，為每個家庭成員提供科學的個性化健康管理服務。通過健康信息採集、健康檢測、健康評估、個性化健康管理方案、健康干預、跟蹤監測的方法形成健康管理生態閉環，從飲食、運動、心理、生活習慣等方面提高中國家庭的自我健康管理能力，實現從「治療」向「預防」轉變，從而降低患病風險，提升壹家人的健康。
</p>
<button class="btn" @click="setUrl('#')">更多</button>
</div>
</div>
</div>
<!-- 產品介紹-->
<div class="introduce box_s">
<!-- <div class="w">-->
<h3 class="headlines font_b ta_c" style="padding-bottom:40px;">
產品中心
<p class="subtitle ta_c">Product Center</p>
</h3>
<p class="innerTitle">
長春市悅瑋商貿有限公司實行精品戰略，產品中心分為「保健健康、個人護理」三大類，以營養素補充、免疫力調節、健康管理、慢病調理為產品主要開發方向，在持續升級核心產品的基礎上，不斷延展各種輔助產品，構成結構完善、層次分明的大健康管理、調養、護理產品體系
</p>
<!-- tab切換 -->
<div class="apply-record" style="display:none">
<ul class="tab">
<li class="tab-item" @click="productClick(1)">綠色食品</li>
<li class="tab-item" @click="productClick(2)">普通食品</li>
<li class="tab-item" @click="productClick(3)">個人護理</li>
</ul>
<div class="content products bg-white">
<div class="contentW w">
<div class="contentBtn">
<button class="btn" @click="setUrl('#')">更多</button>
</div>
</div>
<div class="contentW w">
<p class="contentTop">針對特定人群自主開發的具有保健功效的產品系列，主要包含增強免疫力、補充營養素、調節機體狀態、輔助慢病管理等功能的各種 「藍帽子」食品。</p>
<div class="contentImg bfc">
<ul>
<li v-for="(item,index) in productT" :key="index" @click="proDetailClick(item.id)">
# <img :src="imgSrc+item.coverImgUrl" alt="OTC" class="proImg">
<p class="proTitle">{{item.name}}</p>
</li>
</ul>
</div>
<div class="contentBtn">
<button class="btn" @click="setUrl('#')">更多</button>
</div>
</div>
<div class="contentW w">
<p class="contentTop">精選優質原料，萃取自然精華，專研、開發具有提升精力、改善代謝、調養腸胃、防護心血管等功能的綠色食品，通過綜合性、易吸收的營養補充，提升健康質量。</p>
<div class="contentImg bfc">
<ul>
<li v-for="(item,index) in productS" :key="index" @click="proDetailClick(item.id)">
<img :src="imgSrc+item.coverImgUrl" alt="OTC" class="proImg">
<p class="proTitle">{{item.name}}</p>
</li>
</ul>
</div>
<div class="contentBtn">
<button class="btn" @click="setUrl('#')">更多</button>
</div>
</div>
<div class="contentW w">
<p class="contentTop"> 針對特定需求開發，兼具不同保健功效，以外用為主的保養、護理、清潔產品系列。</p>
<div class="contentBtn">
<button class="btn" @click="setUrl('#')">更多</button>
</div>
</div>
</div>
</div>
<!-- </div>-->
</div>
<!-- -->
<!-- 小熊藥箱 -->
<div class="innerBox" style="padding-bottom:0">
<h3 class="headlines font_b ta_c">健康智能設備</h3>
<p class="innerTitle">健康關懷，一直箱伴！</p>
<p class="innerTitle">基於物聯網技術，以一體化多體徵檢測為入口，結合「雲+端+服務」理念，打通家庭用戶、醫生和健康資料庫之間的信息共享，打造多功能健康管理智能終端。</p>
<div class="indexBoxOne shadowBox bg-white medical">
<div class="medicalL fl">
<img src="static/picture/x1.jpg" alt="小熊藥箱">
</div>
<div class="rightBox medicalR">
<p class="medicalTit">小熊智慧藥箱，<span>您的家庭健康管家</span></p>
<div class="medicalB bfc">
<ul>
<li>
<img src="static/picture/icon1.png" alt="小熊藥箱">
<p>檢測在身邊</p>
<p>關心常在線</p>
</li>
<li>
<img src="static/picture/icon2.png" alt="小熊藥箱">
<p>服藥有提醒</p>
<p>健康不掉線</p>
</li>
<li>
<img src="static/picture/icon3.png" alt="小熊藥箱">
<p>一鍵輕問診</p>
<p>即刻e連線</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 壹邦App -->
<!-- <h3 class="headlines font_b ta_c">壹邦家庭版APP</h3>
<div class="flex-container yiBangApp-content box_s bg-white">
<div class="flex-item">
<img src="./images/home/y1.jpg" alt="壹邦APP">
</div>
<div class="flex-item" style="padding-top:120px" id="oneTit">
<p>讓健康常伴家人</p>
<p>壹邦家庭版是以健康檔案為核心，聚合智能健康設備、健康數據分析、健康資訊、健康好物、在線諮詢等多樣化服務的家庭健康管理平台，為顧客及其家人提供慢病管理、調養指導、遠程關護等綜合健康服務。</p>
<div style="padding-top:72px;">
<button class="btn" @click="setUrl('./healthService/yiBangApp.html')">更多</button>
</div>
</div>
</div> -->
<div class="aboutUs box_s">
<h3 class="headlines font_b ta_c">
企業簡介
<p class="subtitle ta_c">About Us</p>
</h3>
<div class="enterprise bfc shadowBox">
<div class="enterpriseL fl">
<img src="static/picture/brand_system.jpg" alt="長春市悅瑋商貿有限公司">
</div>
<div class="enterpriseR fr">
<p>
長春市悅瑋商貿有限公司成立於2007年，總部位於長春市高新開發區火炬路3號吉林省眾維產業園管理有限公司1樓102室A02-289工位，是一家集健康產品研發、生產、銷售、服務於一體的綜合性大健康平台企業。
</p>
<p>
長春市悅瑋商貿有限公司不斷挖掘健康需求，積極開發、優化健康產品和服務，依託長春市悅瑋商貿有限公司平台的大數據及技術優勢，為超過86萬顧客提供健康管理服務，贏得廣泛、良好的市場口碑，企業獲得快速、穩定發展。
</p>
<div style="padding-top:0px;">
<button class="btn" @click="setUrl('#')">更多</button>
</div>
</div>
</div>
</div>
<!-- 新聞資訊 -->
<!--<div class="news box_s">-->
<!-- <h3 class="headlines font_b ta_c" style="padding-bottom:68px;">-->
<!-- 新聞資訊-->
<!-- <p class="subtitle ta_c">News</p>-->
<!-- </h3>-->
<!-- tab切換 -->
<!-- <div class="apply-record">-->
<!-- <ul class="tab">-->
<!-- <li class="tab-item" @click="queryIndustryInformation()">行業資訊</li>-->
<!-- </ul>-->
<!-- <div class="content products bg-white box_s o_v">-->
<!-- <div class="mainCont selected bg-white box_s bfc">-->
<!-- <ul class="bfc o_v" style="height:380px;" id="list">-->
<!-- <li v-for="(item,index) in companyNews" :key="index" class="newsList fl" @click="goDetialPage(item.id)">-->
<!-- <div v-if="index == 0" style="width:530px;">-->
<!-- <div class="fl ta_r box_s dateTime">-->
<!-- <h3 class="day">{{item.day}}</h3>-->
<!-- <span class="year_month">{{item.date}}</span>-->
<!-- </div>-->
<!-- <div class="fl artical">-->
<!-- <h4 class="artical_title" style="overflow:hidden;width:402px;white-space:nowrap;text-overflow:ellipsis;">-->
<!-- {{item.title}}-->
<!-- </h4>-->
<!-- <p class="artical_body">{{item.description}}</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div v-else="" style="width:442px;">-->
<!-- <div class="fl ta_r box_s dateTime">-->
<!-- <h3 class="day">{{item.day}}</h3>-->
<!-- <span class="year_month">{{item.date}}</span>-->
<!-- </div>-->
<!-- <div class="fl artical" style="width:342px;">-->
<!-- <h4 class="artical_title" style="overflow:hidden;width:402px;white-space:nowrap;text-overflow:ellipsis;">-->
<!-- {{item.title}}-->
<!-- </h4>-->
<!-- <p class="artical_body" style="font-size:12px;color:#999">{{item.description}}</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- </ul>-->
<!-- <div class="bfc ta_c">-->
<!-- <button class="btn" style="margin-top:30px;" @click="setUrl('#')">更多</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="mainCont bg-white box_s bfc">-->
<!-- <ul class="bfc o_v" style="height:380px;">-->
<!-- <li v-for="(item,index) in IndustryInformation" :key="index" class="newsList fl" @click="goDetialPage(item.id)">-->
<!-- <div v-if="index == 0" style="width:530px;">-->
<!-- <div class="coverImg">-->
<!-- <img :src="item.img ? imgSrc+item.img : './images/home/brand_system.jpg'" :alt="item.title">-->
<!-- </div>-->
<!-- <div class="fl ta_r box_s dateTime">-->
<!-- <h3 class="day">{{item.day}}</h3>-->
<!-- <span class="year_month">{{item.date}}</span>-->
<!-- </div>-->
<!-- <div class="fl artical">-->
<!-- <h4 class="artical_title" style="overflow:hidden;width:402px;white-space:nowrap;text-overflow:ellipsis;">-->
<!-- {{item.title}}-->
<!-- </h4>-->
<!-- <p class="artical_body">{{item.description}}</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div v-else="" style="width:442px;">-->
<!-- <div class="fl ta_r box_s dateTime">-->
<!-- <h3 class="day">{{item.day}}</h3>-->
<!-- <span class="year_month">{{item.date}}</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- </ul>-->
<!-- <div class="bfc ta_c">-->
<!-- <button class="btn" style="margin-top:30px;" @click="setUrl('#')">-->
<!-- 更多-->
<!-- </button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
</div>
<div class="fixedBox">
<div class="top bg-white shadowBox" style="display:none">
<svg class="icon" aria-hidden="true" style="font-size: 34px;height: 34px;margin:12px 19px 0;">
<use xlink:href="#iconicon_top">
<symbol id="iconicon_top" viewbox="0 0 1437 1024"><path d="M1341.862788 1024L718.851087 466.562616 95.839386 1024 0 916.831103l718.851087-643.188413 718.866999 643.188413-95.855298 107.168897z" fill="#333333"></path><path d="M234.291735 0H1203.442264v143.767035H234.291735z" fill="#4B5CC4"></path></symbol>
</use>
</svg>
<span class="ta_c">返回頂部</span>
</div>
<!-- <div class="wechat bg-white shadowBox">
<div class="wechatDefualt">
<svg class="icon" aria-hidden="true" style="font-size: 34px;height: 34px;margin:12px 19px 0;">
<use xlink:href="#iconicon_scan"></use>
</svg>
<span class="ta_c">掃一掃</span>
</div>
<div class="code">
<img src="./images/img_QRcode.png" alt="二維碼" style="width:114px">
<span class="ta_c">微信掃一掃下載</span>
<span id="arrow"></span>
</div>
</div> -->
</div>
<div class="footer">
<div class="footer_body">
<div class="footer_body_contact bfc">
<div class="fl">
<div > 聯絡人姓名 張雪蓮</div>
<div >電話 15919641718</div>
<div >Email 76208672@qq.om</div>
<div > 公司名稱：長春市悅瑋商貿有限公司</div>
<div>
公司名稱(英文)：Changchun Yuewei Trading Co., Ltd.
</div>
<div>公司地址：長春市高新開發區火炬路3號吉林省眾維產業園管理有限公司1樓102室A02-289工位</div>
<div>
Address:Station A02-289, Room 102, 1st Floor, Jilin Zhongwei Industrial Park Management Co., Ltd., No. 3 Huoju Road, High-tech Development Zone, Changchun City
</div>
</div>
</div>
</div>
<div class="footB bfc">
<div class="footL fl">
<ul>
<li> 長春市悅瑋商貿有限公司 版權所有 總部地址：長春市高新開發區火炬路3號吉林省眾維產業園管理有限公司1樓102室A02-289工位 </li>
</ul>
</div>
<div class="footR fl">
<!-- <span>a</span>-->
</div>
</div>
</div>
</div>
</body>
<!-- 產品服務伸縮框 -->
<!-- <script src="//misc.lvshou.com/onehealth-pc/mpa/js/jquery-1.11.3.min.js"></script>-->
<!-- <script src="//misc.lvshou.com/onehealth-pc/mpa/js/swiper.min.js"></script>-->
<!-- <script src="//misc.lvshou.com/onehealth-pc/mpa/js/swiper.animate.min.js"></script>-->
<!-- <script src="//misc.lvshou.com/onehealth-pc/mpa/js/api.js"></script>-->
<script src="static/js/jquery-1.11.3.min.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/swiper.animate.min.js"></script>
<script src="static/js/api.js"></script>
<script>
$(function () {
// 伸縮窗效果
// $(".collapse li:first-child").find(".collapse-item-title").addClass("collapse-active");
$(".collapse li").hover(function () {
$(this).css("width", "992px").find(".collapse-item-title").addClass("collapse-active");
$(this).siblings("li").css("width", "103px").find(".collapse-item-title").removeClass("collapse-active");
});
// 關於我們 tab切換
$(".aboutUs .apply-record .tab .tab-item").click(function () {
$(this).addClass("active").siblings().removeClass("active");
$(".aboutUs .products .mainCont").eq($(this).index()).show().siblings().hide();
})
//產品介紹
$(".introduce .apply-record .tab .tab-item").click(function () {
$(this).addClass("active").siblings().removeClass("active");
$(".introduce .products .contentW").eq($(this).index()).show().siblings().hide();
})
// 新聞資訊 tab切換
$(".news .apply-record .tab .tab-item").click(function () {
$(this).addClass("active").siblings().removeClass("active");
$(".news .products .mainCont").eq($(this).index()).show().siblings().hide();
})
// 輪播圖
var mySwiper = new Swiper('.swiper-container', {
// 輪播圖的方向，也可以是vertical方向
direction: 'horizontal',
//播放速度
loop: true,
// 自動播放時間
autoplay: true,
// 播放的速度
// speed:2000,
// 如果需要分頁器，即下面的小圓點
pagination: {
el: '.swiper-pagination',
clickable: true
},
// 這樣，即使我們滑動之後， 定時器也不會被清除
autoplayDisableOnInteraction: false,
});
});
</script>
<script>
new Vue({
el: '#app',
data: {
companyNews: [],
IndustryInformation: [],
imgSrc: imgUrl,
productO: [],
productT: [],
productS: [],
productF: [],
name: '',
// arrName:[{name:'sdfsdfsd'},{name:'sdfsdfsd'}]
},
methods: {
setUrl(url) {
window.location.href = url;
},
// 跳轉詳情頁
goDetialPage(val) {
// console.log(val,8)
//window.location = './newCenter/detial.html?id=' + val + '';
},
productClick(type) {
// console.log(type);
this.listWsGoods(type);
},
proDetailClick(id) {
//window.location = './productCenter/productDetail.html?id=' + id;
},
//獲取企業新聞
queryCompanyNews() {
var that = this;
apiConfig.queryCompanyNews({
params: {
pageIndex: 1,
pageSize: 4
},
success: function (res) {
if (res.status == 200) { }
var _data = res.data || {};
// this.companyNews = _data.list || [];
that.companyNews = _data.list.map(item => {
return Object.assign(item, { date: (new Date(item.sendDate)).getFullYear() + "/" + ((new Date(item.sendDate)).getMonth() + 1) }, { day: (new Date(item.sendDate)).getDate() })
});
console.log("企業新聞", that.companyNews);
},
})
},
// 獲取行業資訊
queryIndustryInformation() {
var that = this;
apiConfig.queryIndustryInformation({
params: {
pageIndex: 1,
pageSize: 4
},
success: function (res) {
if (res.status == 200) { }
var _data = res.data || {};
// console.log('_data'.data)
that.IndustryInformation = _data.list.map(item => {
// that.relaseTime = (new Date(_data.sendDate)).getFullYear() + "/" + ((new Date(_data.sendDate)).getMonth()+ 1 ) + "/" + (new Date(_data.sendDate)).getDay();
console.log(new Date(item.sendDate));
return Object.assign(item, { date: (new Date(item.sendDate)).getFullYear() + "/" + ((new Date(item.sendDate)).getMonth() + 1) }, { day: (new Date(item.sendDate)).getDate() })
});
console.log(that.IndustryInformation);
},
error: function () {
alert('未獲取到行業資訊');
}
})
},
//獲取產品信息
listWsGoods(type) {
var that = this;
apiConfig.listWsGoods({
params: {
pageIndex: 1,
pageSize: 3,
groupType: type
},
success: function (res) {
if (res.status == 200) { }
let list = res.data.list;
if (type == 0) {
that.productO = list;
} else if (type == 1) {
that.productT = list;
} else if (type == 2) {
that.productS = list;
} else if (type == 3) {
that.productF = list;
}
console.log(list);
},
error: function () {
alert('未獲取到產品信息');
}
})
},
},
mounted() {
this.queryCompanyNews();
this.listWsGoods(0);
// console.log(imgUrl);
}
})
</script>
<script src="static/js/go-top.js"></script>
</html>