<!DOCTYPE html>
<html lang="en" class="no-js">
	<!-- BEGIN HEAD -->

	<head>
		<meta charset="utf-8" />
		<title>斯达沃库存服务平台 - 货多货少斯达沃</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content="width=device-width, initial-scale=1" name="viewport" />
		<meta content="" name="description" />
		<meta content="" name="author" />

		<!-- GLOBAL MANDATORY STYLES -->
		<!-- <link href="http://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet" type="text/css"> -->
		<script src="static/vendor/swiper/js/swiper.jquery.min.js" type="text/javascript"></script>
		<script src="static/js/components/swiper.min.js" type="text/javascript"></script>
		<script src="static/js/swiper-bundle.min.js" type="text/javascript"></script>
		<link href="static/vendor/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
		<link href="static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

		<link rel="stylesheet" href="/static/layui/css/layui.css">


		<!-- PAGE LEVEL PLUGIN STYLES -->
		<link href="static/css/animate.css" rel="stylesheet">
		<link href="static/vendor/swiper/css/swiper.min.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="static/css/swiper-bundle.min.css">

		<!-- THEME STYLES -->
		<link href="static/css/layout.min.css" rel="stylesheet" type="text/css" />

		<!-- Favicon -->
		<link rel="shortcut icon" href="favicon.ico" />

		<!--add  -->
		<link rel="stylesheet" type="text/css" href="static/css/pu.css" />
		<link rel="stylesheet" type="text/css" href="static/css/addcss.css" />

	</head>
	<!-- END HEAD -->

	<!-- BODY -->

	<body>
		<div class="header navbar-fixed-top">
			<nav class="navbar" role="navigation">
				<div class="container">
					<div class="menu-container">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="toggle-icon"></span>
						</button>

						<div class="logo">
							<a class="logo-wrap" href="index.html">
								<img class="logo-img logo-img-main" src="static/imgme/logo-new.png" alt="">
							</a>
						</div>

					</div>

					<div class="collapse navbar-collapse nav-collapse">
						<div class="menu-container">
							<ul class="navbar-nav navbar-nav-right">
								<li onclick="dengLv()" class="nav-item saoMa"><a class="nav-item-child nav-item-hover"
										href="#">扫码登录</a></li>
								<li class="nav-item hides"><a class="nav-item-child nav-item-hover" href="#">尊敬的 <span
											class="nickName"></span> 您好</a></li>
								<li class="nav-item hides"><a class="nav-item-child nav-item-hover"
										href="gongY.html">会员中心</a>
								</li>
								<li class="nav-item"><a class="nav-item-child nav-item-hover active"
										href="index.html">首页</a></li>
								<li class="nav-item"><a class="nav-item-child nav-item-hover" href="kuCun.html">库存服务</a>
								</li>
								<li class="nav-item"><a class="nav-item-child nav-item-hover" href="tieBa.html">贴吧</a>
								</li>
								<li class="nav-item nav-item-child nav-item-hover hides" onclick="logOut()">退出</li>
							</ul>
						</div>
					</div>
				</div>

			</nav>
		</div>

		<div class="swiper-banner banner">
			<div class="swiper-wrapper">
				<!-- <div class="swiper-slide">
				<img class="img-responsive" src="static/img/1920x1080/new01.jpg" alt="Slider Image">
				<div class="container">
					<div class="carousel-centered">
						<div class="margin-b-40">
							<h1 class="carousel-title">STKWORLD.com</h1>
							<p>全球首家库存服务平台<br />
								6大电子服务对象：方案公司IDH、制造工厂EMS、ODM/OEM、代理商、原厂、贸易商<br />
								9大电子服务行业：移动手持，汽车电子，工业控制，通讯网络，安防电子，能源控制，家用电器，医疗电子，消费电子 <br />
							</p>
						</div>
						<a href="#" class="btn-theme btn-theme-sm btn-white-brd text-uppercase gunD">Explore</a>
					</div>
				</div>
			</div>
			<div class="swiper-slide">
				<img class="img-responsive" src="static/img/1920x1080/new02.jpg" alt="Slider Image">
				<div class="container">
					<div class="carousel-centered">
						<div class="margin-b-40">
							<h2 class="carousel-title">库存服务，斯达沃</h2>
							<p>地球上任何库存只有三种状态：货多，货少，不多不少 <br />
								聚焦于电子行业，斯达沃提供精准、高效的库存平衡服务，进而成为电子产业链中不可分割的服务<br />
							</p>
						</div>
						<a href="#" class="btn-theme btn-theme-sm btn-white-brd text-uppercase gunD">Explore</a>
					</div>
				</div>
			</div> -->
			</div>

			<div class="swiper-pagination"></div>
		</div>

		<!-- <div class="bg-color-sky-light" data-auto-height="true">
		<div class="content-lg container">
			<div class="col-sm-9">
				<h2><a class="color-base">快速，简单 </a>库存服务，斯达沃</h2>
			</div>
			<div class="row row-space-1 margin-b-2">
				<div class="col-sm-4 sm-margin-b-2">
					<div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".3s">
						<div class="service" data-height="height">
							<div class="service-element">
								<i class="service-icon icon-chemistry"></i>
							</div>
							<div class="service-info">
								<h3><a class="color-base">01 </a>库存战略合作</h3>
								<p class="margin-b-5">签署全年合作计划，斯达沃提供整体库存解决方案。</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-4 sm-margin-b-2">
					<div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".2s">
						<div class="service" data-height="height">
							<div class="service-element">
								<i class="service-icon icon-screen-tablet"></i>
							</div>
							<div class="service-info">
								<h3><a class="color-base">02 </a>库存特卖服务</h3>
								<p class="margin-b-5">根据库存情况包括市场热度、年限及数量，深度打折进行特卖</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".1s">
						<div class="service" data-height="height">
							<div class="service-element">
								<i class="service-icon icon-badge"></i>
							</div>
							<div class="service-info">
								<h3><a class="color-base">03 </a>库存入仓代销</h3>
								<p class="margin-b-5">将库存直接放入斯达沃仓库，由斯达沃协助完成分拣并发货。</p>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="row row-space-1">
				<div class="col-sm-4 sm-margin-b-2">
					<div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".4s">
						<div class="service" data-height="height">
							<div class="service-element">
								<i class="service-icon icon-notebook"></i>
							</div>
							<div class="service-info">
								<h3><a class="color-base">04 </a>增值服务</h3>
								<p class="margin-b-5">根据合同，斯达沃引荐供需双方握手买卖，为双方提供交易保障和物流服务，避免质量隐患及资金风险等</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-4 sm-margin-b-2">
					<div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".5s">
						<div class="service" data-height="height">
							<div class="service-element">
								<i class="service-icon icon-speedometer"></i>
							</div>
							<div class="service-info">
								<h3><a class="color-base">05 </a>库存吃进业务</h3>
								<p class="margin-b-5">斯达沃负责直接吃进库存，再独自与第三方交易</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".6s">
						<div class="service" data-height="height">
							<div class="service-element">
								<i class="service-icon icon-badge"></i>
							</div>
							<div class="service-info">
								<h3><a class="color-base">06 </a>库存代理业务</h3>
								<p class="margin-b-5">货仍在贵司仓库，由库存拥有方分拣，斯达沃安排物流上门取货</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> -->
		<!-- Latest Products -->
		<!-- 特价 -->
		<div class="content-lg container">
			<div class="row margin-b-40">
				<div class="col-sm-6">
					<h2>特价</h2>
				</div>
			</div>
			<!--// end row -->
			<div class="row rows">
				<!-- Latest Products -->
				<!-- <div class="col-sm-4 sm-margin-b-50 teJia">
						<a href="">
							<div class="bor">
								<div class="margin-b-20">
									<div class="wow zoomIn" data-wow-duration=".3" data-wow-delay=".1s">
										<img class="img-responsive" src="static/img/970x647/01.jpg" alt="Latest Products Image">
										<div class="zheZhao">
											<img src="/static/img/shixiao.png" >
										</div>
										<div class="jiao-left gongyingcolor"> 供应 </div>
									</div>
								</div>
								<h4><a href="#">产品名称</a></h4>
								<div class="shijian">
									<div class="left-l">
										<div class="left">
											<img src="static/img/time.png" alt="">
										</div>
										<span>2020-02-02</span>
									</div>
									<div class="left-l">
										<div class="left">
											<img src="static/img/yan.png" alt="">
										</div>
										<span>2020-02-02</span>
									</div>
								</div>
								<div class="di">
									<span class="span1">VISHAY</span>
									<span>100k</span>
								</div>
							</div>
						</a>
					</div> -->

			</div>

			<!-- 分页 -->
			<div class="content-lg  tiaoZheng">
				<div class="pagination" id="demo1"></div>
				<!-- <ul class="pagination">
				<li>
					<span aria-hidden="true">&laquo;</span>
				</li>
				<li><a href="javascript:;">1</a></li>
				<li><a href="javascript:;">2</a></li>
				<li><a href="javascript:;">3</a></li>
				<li><a href="javascript:;">4</a></li>
				<li><a href="javascript:;">5</a></li>
				<li>
					<span aria-hidden="true">&raquo;</span>
				</li>
			</ul> -->
			</div>
		</div>
		<!-- 新闻 -->
		<div class="news ">
			<div class="container">
				<h4>新闻资讯</h4>
				<div id="ziXun">
					<!-- <a href="">
						<div class="news-ul">
							<div class="news-ul-img"><img src="static/img/397x300/03.jpg"></div>
							<div class="news-ul-li">
								<p class="f-22 new-t">5G芯⽚⼤战在即，⼿机品牌如何求⽣？</p>
								<p class="f-14 news-c">11⽉26⽇，联发科在国内正式发布⽀持NSA和SA的5G⼿机SoC MT6885，同⼀天召开发布会的还有搭载了麒麟990 5G
									SoC的荣耀V30，⽽在今年12⽉三星还将⾃⼰研发的5G SoC猎户座980给到了国产品牌vivo的X30机型。</p>
								<p class="f-14 new-time">2020-02-02</p>
							</div>
						</div>
					</a> -->

				</div>
				<div class="more">查看更多</div>
			</div>
		</div>


		<!-- 底部 -->
		<div class="footer">
			<!-- Links -->
			<div class="footer-seperator">
				<div class="content-lg container">
					<div class="row">
						<div class="col-sm-4 sm-margin-b-30">
							<ul class="list-unstyled footer-list">
								<li class="footer-list-item">
									<table class="table">
										<tbody>
											<tr>
												<td><img src="static/img/wechat.png" alt="..." style="width:120px"></td>
												<td><img src="static/img/monic.jpg" alt="..." style="width:120px"></td>
											</tr>
											<tr>
												<td>斯达沃公众号</td>
												<td>客服微信</td>
											</tr>
										</tbody>
									</table>
								</li>
							</ul>
						</div>
						<!-- List -->
						<div class="col-sm-2 sm-margin-b-50">
							<ul class="list-unstyled footer-list">
								<li class="footer-list-item"><a class="footer-list-link" href="kuCun.html">IC库存</a></li>
								<li class="footer-list-item"><a class="footer-list-link" href="kuCun.html">货多供应</a></li>
								<li class="footer-list-item"><a class="footer-list-link" href="kuCun.html">求购缺货</a></li>
							</ul>
						</div>
						<!-- End List -->
						<!-- List -->
						<div class="col-sm-2 sm-margin-b-50">
							<ul class="list-unstyled footer-list">
								<li class="footer-list-item"><a class="footer-list-link" href="allNew.html">电子资讯</a>
								</li>
								<!-- <li class="footer-list-item"><a class="footer-list-link" href="#">号外见解</a></li>-->
								<!-- <li class="footer-list-item"><a class="footer-list-link" href="#">行业新闻</a></li>-->
								<!-- <li class="footer-list-item"><a class="footer-list-link" href="#">技术知识</a></li>-->
							</ul>
						</div>
						<!-- End List -->
						<!-- List -->
						<div class="col-sm-2 sm-margin-b-50">
							<ul class="list-unstyled footer-list">
								<li class="footer-list-item"><a class="footer-list-link" href="index.html">公司资源</a></li>
								<li class="footer-list-item"><a class="footer-list-link" href="aboutUser.html">关于我们</a>
								</li>
								<!-- <li class="footer-list-item"><a class="footer-list-link" href="products.html">客户伙伴</a></li>-->
								<!-- <li class="footer-list-item"><a class="footer-list-link" href="contact.html">合作媒体</a></li>-->
							</ul>
						</div>
						<!-- End List -->
						<!-- List -->
						<div class="col-sm-2 sm-margin-b-50">
							<ul class="list-unstyled footer-list">
								<!-- <li class="footer-list-item"><a class="footer-list-link" href="index.html">支持帮助</a></li>-->
								<li class="footer-list-item"><a class="footer-list-link" href="lianUser.html">联系我们</a>
								</li>
								<li class="footer-list-item"><a class="footer-list-link" href="lianUser.html">委托发布</a>
								</li>
								<!-- <li class="footer-list-item"><a class="footer-list-link toushuJY"
										href="touSu.html">投诉建议</a>
								</li> -->
								<!-- <li class="footer-list-item"><a class="footer-list-link" href="falv.html">法律声明</a></li> -->
							</ul>
						</div>
						<!-- End List -->
					</div>
					<!--// end row -->
				</div>
			</div>
			<!-- End Links -->
			<!-- Copyright -->
			<div class="content container">
				<div class="row">
					<div class="col-xs-6">
						<p> <img class="footer-logo" src="static/img/logo.png" alt="STKWORLD Logo"> © STKWORLD
							上海库沃电子有限公司
						</p>
					</div>
					<div class="col-xs-6">
						<p class="margin-b-0"> <a class="color-base fweight-700"
								href="http://beian.miit.gov.cn/#/Integrated/index">沪ICP备13009360号</a>
						</p>
					</div>
					<div class="col-xs-6">
						<p class="margin-b-0"> <a class="color-base fweight-700" href="lianUser.html">
								STKworld.com </a> 聚焦电子库存 <a class="color-base fweight-700"
								href="http://tongji.baidu.com/web/10237832/welcome/login">
								以“服务”见长 </a> </p>
					</div>
				</div>
				<!--// end row -->
			</div>
			<!-- End Copyright -->
		</div>




		<!--========== END FOOTER ==========-->

		<!-- Back To Top -->
		<a href="javascript:void(0);" class="js-back-to-top back-to-top">Top</a>

		<!-- JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		<!-- CORE PLUGINS -->
		<script src="static/vendor/jquery.min.js" type="text/javascript"></script>
		<script src="static/vendor/jquery-migrate.min.js" type="text/javascript"></script>
		<script src="static/vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

		<!-- PAGE LEVEL PLUGINS -->
		<script src="static/vendor/jquery.easing.js" type="text/javascript"></script>
		<script src="static/vendor/jquery.back-to-top.js" type="text/javascript"></script>
		<script src="static/vendor/jquery.smooth-scroll.js" type="text/javascript"></script>
		<script src="static/vendor/jquery.wow.min.js" type="text/javascript"></script>

		<script src="static/vendor/masonry/jquery.masonry.pkgd.min.js" type="text/javascript"></script>
		<script src="static/vendor/masonry/imagesloaded.pkgd.min.js" type="text/javascript"></script>

		<!-- PAGE LEVEL SCRIPTS -->
		<script src="static/js/layout.min.js" type="text/javascript"></script>
		<script src="static/js/components/wow.min.js" type="text/javascript"></script>


		<script src="static/js/components/masonry.min.js" type="text/javascript"></script>

		<script src="static/js/index.js" type="text/javascript"></script>
		<script src="static/layui/layui.js"></script>
		<script src="static/js/timeCycle.js" type="text/javascript"></script>
		<script>
			let Authorization = JSON.parse(window.localStorage.getItem('Authorization'))
			if (!Authorization) {
				$('.hides').css("display", 'none')
				$('.saoMa').css("display", 'block')
				$('.toushuJY').attr('href', '/login.html')
			} else {
				$('.hides').css("display", 'block')
				$('.saoMa').css("display", 'none')
			}


			boTu()
			userInfo()
			newList()
			specialOffer()
			let user_id = ''

			// 轮播图
			function boTu() {
				$.ajax({
					url: "http://admin.stkworld.com/api/banner/list",
					type: "get",
					dataType: 'json',
					data: {
						position_type: 1
					},
					success: function (data) {
						if (data.code == 200) {
							let htmlStr = ''
							data.data.forEach((item, index) => {
								htmlStr += `
							<div class="swiper-slide">
								<img class="img-responsive" src="${item.url}" alt="Slider Image">
								<div class="container">
									<div class="carousel-centered">
										<div class="margin-b-40">
											<h1 class="carousel-title">${item.title}</h1>
											<p>${item.subtitle?item.subtitle:''}</p>
										</div>
									</div>
								</div>
							</div>
							`
							})
							$('.swiper-wrapper').html(htmlStr)
							$('.gunD').click(function () {
								var position = $(".gunD").offset();
								position.top = position.top + 350;
								$("html,body").animate({
									scrollTop: position.top
								}, 500);
							})

							var swiper = new Swiper('.swiper-banner', {
								pagination: {
									el: '.swiper-pagination',
								},
								loop: true,
								autoplay: {
									delay: 4000
								}
							});
						}
					},
					error: function (e) {
						console.log('轮播图异常信息如下：', e);
					}
				});
			}

			// 获取个人信息
			function userInfo() {
				$.ajax({
					url: "http://admin.stkworld.com/api/pc/userInfo",
					type: "get",
					dataType: 'json',
					headers: {
						Authorization
					}, //设置请求头
					success: function (data) {
						mynickname = data.data.nickname;
						if(mynickname  == null){
							mynickname = data.data.name;
						}
						$('.nickName').text(mynickname);
						localStorage.setItem("name", JSON.stringify(mynickname));
						user_id = data.data.id
						// JSON.parse(localStorage.getItem("name"));
					},
					error: function (e) {
						console.log('个人信息异常信息如下：', e);
					}
				});
			}
			// 获取新闻列表
			function newList() {
				$.ajax({
					url: "http://admin.stkworld.com/api/pc/news/list",
					type: "get",
					dataType: 'json',
					data: {
						page: 1,
						page_size: 2
					},
					headers: {
						Authorization
					}, //设置请求头
					success: function (data) {
						let htmlStr = "";
						data.data.forEach((item, index) => {
							let str = "<a href='/newDtail.html?id=" + item.id + "'>"
							htmlStr += `${str}
											<div class='news-ul'>
												<div class='news-ul-img'><img src='${item.main_graph}'></div>
												<div class='news-ul-li'>
													<p class='f-22 new-t'>${item.title}</p>
													<p class='f-14 news-c'>${item.profile}</p>
													<p class='f-14 new-time'>${window.parseTime(item.created_at, '{y}-{m}-{d}')}</p>
												</div>
											</div>
										</a>`;
						})
						$("#ziXun").html(htmlStr);
					},
					error: function (e) {
						console.log('新闻列表异常信息如下：', e);
					}
				});
			}


			let pages = ''
			//获取特价列表
			function specialOffer(page) {
				$.ajax({
					url: "http://admin.stkworld.com/api/pc/userProduct/specialList",
					type: "get",
					data: {
						page: page,
						page_size: 6
					},
					dataType: 'json',
					headers: {
						Authorization
					}, //设置请求头
					success: function (data) {
						let htmlStr = "";
						data.data.forEach((item, index) => {
							let str = "<a href='/kuCunDetail.html?id=" + item.id + "'>"

							if (item.User.id == user_id) {
								bianStr =
									`<a class="dingWeiWo"  href='/zhuTiao.html?id=${item.id }'> <img src="static/img/bianji.png"> </a>`
							} else {
								bianStr = ''
							}

							htmlStr += `
							<div style=" ${item.is_show == 1 ? 'display: block;' : "display: none;"} " class="col-sm-4 sm-margin-b-50 teJia">
								${str}
									<div class="bor">
										<div class="margin-b-20 weiBian">
											<div class="zoomIn">
												<img class="img-responsive" src="${item.urls?item.urls[0]:"/static/img/moren.jpg"}" alt="Latest Products Image">
												<div style="display: ${item.is_effective==1?'none':'block'}" class="zheZhao">
													<img src="/static/img/shixiao.png" >
												</div>
												<div class="jiao-left gongyingcolor" style="background: ${item.type==1?'red':'green'}"> ${item.type == 1 ? '供应' : "求购"} </div>
												<div class="shouTejia">
													<p>特价</p>
												</div>
											</div>
											${bianStr}
										</div>
										<h4> ${item.model}</h4>
										<div class="shijian">
											<div class="left-l">
												<div class="left">
													<img src="static/img/time.png" alt="">
												</div>
												<span>${window.parseTime(item.created_at, '{y}-{m}-{d}')}</span>
											</div>
											<div class="left-l">
												<div class="left">
													<img src="static/img/yan.png" alt="">
												</div>
												<span>${item.view_count}</span>
											</div>
										</div>
										<div class="di">
											<span class="span1">${item.brand?item.brand:""}</span>
											<span>${item.stock}</span>
										</div>
									</div>
								</a>
							</div>`
						})
						$(".rows").html(htmlStr);

						// layui 分页
						getPage(data.meta.total)

					},
					error: function (e) {
						console.log('特价列表异常信息如下：', e);
					}
				});
			}
			let once = true

			function getPage(count) {
				layui.use(['laypage', 'layer'], function () {
					var laypage = layui.laypage,
						layer = layui.layer;
					//总页数大于页码总数
					if (once) {
						laypage.render({
							elem: 'demo1',
							count: count,
							limit: 6,
							theme: '#1d2088',
							jump: function (obj, first) {
								if (!first) {
									once = false
									pages = obj.curr;
									specialOffer(pages)
								} else {
									return false
								}
							}
						});
					}
				});
			}





			$(".con").eq(0).show();
			$(".btns span").click(function () {
				var num = $(".btns span").index(this);
				$(".con").hide();
				$(".con").eq(num).show();
				$(this).attr("class", "actives spanList");
				$(this).siblings().attr("class", "spanList");
			})
			// 点击获取验证码操作
			$('.feachBtn').click(function () {
				let count = 60;
				const countDown = setInterval(() => {
					if (count === 0) {
						$('.feachBtn').text('重新发送').removeAttr('disabled');
						$('.feachBtn').css({
							background: '#ff9400',
							color: '#fff',
						});
						clearInterval(countDown);
					} else {
						$('.feachBtn').attr('disabled', true);
						$('.feachBtn').css({
							background: '#d8d8d8',
							color: '#707070',
						});
						$('.feachBtn').text(count);
					}
					count--;
				}, 1000);

			});
			// 分页
			$('.pagination>li>a').click(function () {

				$(this).addClass('sele').parent().siblings().children().removeClass('sele')

			})

			// 退出
			function logOut() {
				window.localStorage.clear()
				location.href = "/login.html";
			}
			// 登录
			function dengLv() {
				location.href = '/login.html'
			}
			//新闻列表
			$('.more').click(function () {
				location.href = "allNew.html"
			})
		</script>

	</body>
	<!-- END BODY -->

</html>
