You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
538 lines
16 KiB
538 lines
16 KiB
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<title>牛栏山魁盛号防伪查询平台</title>
|
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.min.css" />
|
|
<link href="css/amazeui.min.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="css/mui.min.css?v=56765765">
|
|
<!-- <link rel="stylesheet" type="text/css" href="css/3041main.css" />
|
|
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"> -->
|
|
|
|
<!-- <script src="http://hb.707315.cn/upload/js/json.js" type="text/javascript"></script> -->
|
|
<script src="./jquery-1.10.2.min.js" type="text/javascript"></script>
|
|
<!-- <script src="http://hb.707315.cn/upload/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> -->
|
|
<script src="./jquery.mobile-1.4.5.min.js" type="text/javascript"></script>
|
|
<script src="./amazeui.min.js" type="text/javascript"></script>
|
|
<!-- <script src="http://hb.707315.cn/upload/js/custom.js" type="text/javascript"></script> -->
|
|
<!-- <script src="http://hb.707315.cn/upload/js/jweixin-1.0.0.js" type="text/javascript"></script> -->
|
|
<script>
|
|
$(document).ready(function() {
|
|
var ulength=$('.ul2>li').length;
|
|
if(ulength == 2){
|
|
$('.ul2>li').css("margin","3vh 3.5% 0");
|
|
}
|
|
else{
|
|
$('.ul2>li').css("margin","3vh 28.5% 0");
|
|
}
|
|
});
|
|
</script>
|
|
<script>
|
|
var html = document.querySelector("html");
|
|
var clientWidth = html.getBoundingClientRect().width;
|
|
html.style.maxWidth==600 +"px";
|
|
html.style.fontSize = clientWidth/34 + "px";
|
|
</script>
|
|
<style>
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background:#fff;
|
|
font-size:1.3rem;
|
|
|
|
}
|
|
* {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
#div{
|
|
margin: 0 auto;
|
|
padding: 0px;
|
|
max-width: 600px;
|
|
position: inherit;
|
|
min-height: 100vh;
|
|
background:url(img/4092_bot.jpg) no-repeat center bottom #106caf;
|
|
background-size:100%;
|
|
/*background: linear-gradient(to bottom, #fff 50%,#7fcef4 100%);*/
|
|
}
|
|
#div2,#div3 {
|
|
margin: 0 auto;
|
|
padding: 0px;
|
|
max-width: 600px;
|
|
position: inherit;
|
|
min-height: 100vh;
|
|
background:#ffffff;
|
|
/*background: linear-gradient(to bottom, #fff 50%,#7fcef4 100%);*/
|
|
}
|
|
|
|
|
|
#div3 p{
|
|
text-align:left;
|
|
line-height: 1.8;
|
|
}
|
|
.cxk {
|
|
width: 94%;
|
|
margin: 0vh auto 4vh;
|
|
padding:4% 4% 2%;
|
|
background:url(img/3161_07.png) no-repeat;
|
|
background-size:100% 100%;
|
|
height: 30vh;
|
|
}
|
|
.cxk p{}
|
|
.ul1 {
|
|
width: 100%;
|
|
height: 14vh;
|
|
margin: 5vh auto;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0px;
|
|
}
|
|
.ul1 li {
|
|
margin: 0 4%;
|
|
padding: 10px;
|
|
list-style-type: none;
|
|
}
|
|
.ul2{
|
|
|
|
width:94%;
|
|
margin:0 auto;
|
|
padding: 0px;
|
|
}
|
|
.ul2 li {
|
|
float: left;
|
|
width: 43%;
|
|
margin: 0 3.5%;
|
|
padding: 0px;
|
|
display: inline;
|
|
list-style-type: none;
|
|
}
|
|
.p {
|
|
width: 84%;
|
|
padding: 0;
|
|
color:#ffffff;
|
|
font-size: 1.3rem;
|
|
word-break: break-all;
|
|
margin: 0px auto;
|
|
text-shadow: none;
|
|
}
|
|
.mui-card{
|
|
margin:0;
|
|
}
|
|
.tit {
|
|
font-size: 1.2rem;
|
|
text-align: center;
|
|
}
|
|
hr{
|
|
color:#106caf;
|
|
}
|
|
.tbbj{
|
|
background:transparent;
|
|
|
|
}
|
|
.mui-table-view-cell>a:not(.mui-btn){
|
|
color:#106caf !important;
|
|
}
|
|
@media(min-width:320px) and (max-width:350px)
|
|
{
|
|
.cxk{
|
|
height: 23vh;
|
|
}
|
|
|
|
.p{
|
|
|
|
height: 15.3vh;
|
|
|
|
|
|
}
|
|
|
|
}
|
|
.am-header {
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 10px;
|
|
}
|
|
.am-header .am-header-nav {
|
|
position: absolute;
|
|
top: 17px;
|
|
}
|
|
/*查询记录*/
|
|
#divv{
|
|
|
|
width:100%;
|
|
margin:0 auto;
|
|
padding:0px;
|
|
max-width:600px;
|
|
|
|
min-height:100vh;
|
|
|
|
position:inherit;
|
|
}
|
|
.cont-info {
|
|
|
|
padding: 10px;
|
|
|
|
}
|
|
.cont-info th,td{
|
|
margin: 10px;
|
|
padding: 10px;
|
|
|
|
}
|
|
/* p,a,li,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6{
|
|
margin: 0;
|
|
padding: 0;
|
|
} */
|
|
.am-header-default {
|
|
background-color: #106caf;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.cont-info table th {
|
|
|
|
background: #106caf;
|
|
color: #ffffff;
|
|
text-shadow: none;
|
|
}
|
|
.cont-info table tr:nth-child(2n){
|
|
background: #ebf7ff;
|
|
text-shadow: none;
|
|
}
|
|
video {
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-bottom: 3%;
|
|
background: #000;
|
|
}
|
|
</style>
|
|
<style>
|
|
.flex-box {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
/* Safari */
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.flex-box-column {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
/* Safari */
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
.search-container {
|
|
position: relative;
|
|
width: 100vw;
|
|
min-height: 100%;
|
|
background-image: url('./fwm/img/search-bg.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.title {
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
color: #fff;
|
|
}
|
|
.content-box {
|
|
position: relative;
|
|
top:5px;
|
|
width: 100%;
|
|
min-height: 200px;
|
|
}
|
|
.content-block {
|
|
position: relative;
|
|
background: #fff;
|
|
border-radius: 20px;
|
|
color: #000;
|
|
margin: 25px;
|
|
padding: 15px;
|
|
word-wrap:break-word;
|
|
/* font-weight: 550; */
|
|
}
|
|
.content-block .content-text {
|
|
font-size: 15px;
|
|
line-height: 30px;
|
|
}
|
|
.content-block .num-text {
|
|
font-size: 15px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
color: #C02932;
|
|
}
|
|
.text-indent-1 {
|
|
text-indent:1em
|
|
}
|
|
.text-indent-2 {
|
|
text-indent:2em
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="div" data-role="page">
|
|
<div class="content-box">
|
|
<ul class="ul1">
|
|
<li>
|
|
<img src="img/4092_03.png" style="position: relative;width:85%;height: auto;"/>
|
|
</li>
|
|
<li>
|
|
<a href="#div1" data-transition="fade" onclick="checkSocureInfo()"><img src="img/suyuan.png" width="80%" /></a>
|
|
</li>
|
|
<li>
|
|
<a href="#div2"><img src="img/chanpin.png" width="80%" /></a>
|
|
</li>
|
|
</ul>
|
|
<br>
|
|
</div>
|
|
<p class="title text-indent-2">查询结果：</p>
|
|
<div class="content-block">
|
|
<div id="patch" style="display: none;">
|
|
<p class="content-text">尊敬的客户您好！</p>
|
|
<p class="content-text text-indent-1">您所查询的商品防伪编码 <span id="codeTypeTag"></span> 为：</p>
|
|
<p class="num-text" onclick="checkProductList()" id="gyhl_code"></p>
|
|
<p class="content-text text-indent-1">您查询的是由"北京顺鑫农业股份有限公司牛栏山酒厂"生产的魁盛号系列产品，请放心使用，谢谢您的查询。</p>
|
|
<br>
|
|
</div>
|
|
<div id="noFound" style="display: none;">
|
|
<p class="content-text text-indent-1" style="color:red;font-size: 18px;">您所查询的商品不存在！</p>
|
|
</div>
|
|
</div>
|
|
<!-- <header style="height:5vh"></header> -->
|
|
|
|
<div style="height: 42vh;"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--------溯源--------->
|
|
<div id="div1" data-role="page">
|
|
<header data-am-widget="header"
|
|
class="am-header am-header-default" style="height:60px;background-color: #C02932;">
|
|
<div class="am-header-left am-header-nav" style="top:21px">
|
|
<a href="javascript:void($.mobile.back())" >
|
|
<img class="am-header-icon-custom" src="data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 20"><path d="M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z" fill="%23fff"/></svg>" alt=""/>
|
|
</a>
|
|
</div>
|
|
<span class="title">溯源信息</span>
|
|
</header>
|
|
<div style=" padding: 0;">
|
|
<div class="mui-card">
|
|
<ul class="mui-table-view" id="accordion">
|
|
<li class="mui-table-view-cell mui-collapse mui-active">
|
|
<div id="source_bollte" style="display: none;">
|
|
</div>
|
|
<div id="source_pack" style="display: none;">
|
|
</div>
|
|
<div id="source_box" style="display: none;">
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- <header style="height:20vh"></header>
|
|
<img src="img/3196_tt.png" style="width:100%; margin:0 auto; position:absolute; bottom:0"/>
|
|
<a href="javascript:void($.mobile.back())" ><img src="img/3196_sy_back.png" style="width:15%; z-index:11; position:absolute; right:5%; bottom:5vh" /></a> -->
|
|
</div>
|
|
<!-- ---------详情------------ -->
|
|
<div id="divv" data-role="page">
|
|
<header data-am-widget="header"
|
|
class="am-header am-header-default">
|
|
<div class="am-header-left am-header-nav">
|
|
<a href="javascript:void($.mobile.back())" >
|
|
<img class="am-header-icon-custom" src="data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 20"><path d="M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z" fill="%23fff"/></svg>" alt=""/>
|
|
</a>
|
|
</div>
|
|
<span class="title" id="product_code">牛栏山魁盛号大师级手工原浆</span>
|
|
</header>
|
|
<section>
|
|
<div class="cont-info animated fadeIn">
|
|
<table id="box_block" style="display:none;">
|
|
</table>
|
|
<table id="bottle_block" style="display:none;">
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!-------产品展示---------->
|
|
<div id="div2" data-role="page">
|
|
<header data-am-widget="header"
|
|
class="am-header am-header-default">
|
|
<div class="am-header-left am-header-nav">
|
|
<a href="javascript:void($.mobile.back())" >
|
|
<img class="am-header-icon-custom" src="data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 20"><path d="M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z" fill="%23fff"/></svg>" alt=""/>
|
|
</a>
|
|
</div>
|
|
|
|
<h1 class="am-header-title" >
|
|
产品展示
|
|
</h1>
|
|
</header>
|
|
<section style="padding: 0;">
|
|
<div data-am-widget="tabs"
|
|
class="am-tabs am-tabs-default">
|
|
<img src="img/4092_cp1.jpg" style="width: 100%;">
|
|
<!-- <ul class="am-tabs-nav am-cf">
|
|
<li class="am-active"><a href="[data-tab-panel-0]">53℃魁盛号</a></li>
|
|
<li><a href="[data-tab-panel-1]">55℃魁盛号樽玺</a></li>
|
|
</ul>
|
|
<div class="am-tabs-bd">
|
|
<div data-tab-panel-0 class="am-tab-panel am-active">
|
|
<img src="img/4092_cp1.jpg" style="width: 100%;">
|
|
</div>
|
|
<div data-tab-panel-1 class="am-tab-panel ">
|
|
<img src="img/4092_cp2.jpg" style="width: 100%;">
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<!-- <script src="js/mui.min.js"></script> -->
|
|
<script>
|
|
// mui.init({
|
|
// swipeBack:true //启用右滑关闭功能
|
|
// });
|
|
const CODES = ['86.121.66/yhaq1kbp03h5e1.1','86.121.66/kbp2haq197h5t1.197', '86.121.66/acp2jma023h5y1.1023']
|
|
const BOXS = ['86.121.66/6b1sq7bp03nee2.1','86.121.66/kbp2haq197h5t2.3216','86.121.66/acp2jma023h5y2.1023']
|
|
const BOTTLES = ['86.121.66/8absq7bp09nri3.1','86.121.66/k61ahaq1052he3.3052','86.121.66/6sq7abbp471na3.3471']
|
|
|
|
var param = window.location.href.split('?')[1] || ''
|
|
var code = param.split("#")[0]
|
|
if(param)
|
|
{
|
|
$("#patch").show()
|
|
$("#gyhl_code").text(code)
|
|
if(CODES.indexOf(code) != -1){
|
|
$("#codeTypeTag").text('(箱)')
|
|
} else if (BOXS.indexOf(code) != -1){
|
|
$("#codeTypeTag").text('(盒)')
|
|
} else if (BOTTLES.indexOf(code) != -1){
|
|
$("#codeTypeTag").text('(瓶)')
|
|
}
|
|
|
|
} else {
|
|
|
|
$("#noFound").show()
|
|
}
|
|
if(param.split("#")[1] == 'divv') checkProductList()
|
|
if(param.split("#")[1] == 'div1') checkSocureInfo()
|
|
function checkProductList () {
|
|
if(BOTTLES.indexOf(code) != -1)return
|
|
// $("#product_code").text( code )
|
|
window.location.href = "#divv"
|
|
let boxCodeList = [['86.121.66/6b1sq7bp03nee2.1','86.121.66/6b1sq7bp03nee2.2','86.121.66/6b1sq7bp03nee2.3','86.121.66/6b1sq7bp03nee2.4','e86.121.66/6b1sq7bp03nee2.5','86.121.66/6b1sq7bp03nee2.6'],
|
|
['86.121.66/kbp2haq197h5t2.3216','86.121.66/kbp2haq197h5t2.3217','86.121.66/kbp2haq197h5t2.3218','86.121.66/kbp2haq197h5t2.3219','86.121.66/kbp2haq197h5t2.3220','86.121.66/kbp2haq197h5t2.3221'],
|
|
['86.121.66/acp2jma023h5y2.1023','86.121.66/acp2jma023h5y2.1024','86.121.66/acp2jma023h5y2.1025','86.121.66/acp2jma023h5y2.1026','86.121.66/acp2jma023h5y2.1027','86.121.66/acp2jma023h5y2.1028']]
|
|
if( CODES.indexOf(code) != -1 ) {
|
|
$("#bottle_block").hide()
|
|
$("#box_block").html('')
|
|
$("#box_block").show()
|
|
let boxInfo = `<thead>
|
|
<tr>
|
|
<th>产品名称</th>
|
|
<th>产品盒码</th>
|
|
<th>产地</th>
|
|
</tr>`
|
|
let key = CODES.indexOf(code)
|
|
boxCodeList[key].forEach(item => {
|
|
boxInfo += `<tr>
|
|
<td>53度魁盛号</td>
|
|
<td>${item}</td>
|
|
<td>北京市</td>
|
|
</tr>`
|
|
});
|
|
boxInfo += `</thead>`
|
|
$("#box_block").append(boxInfo)
|
|
} else if (BOXS.indexOf(code) != -1){
|
|
$("#box_block").hide()
|
|
$("#bottle_block").html('')
|
|
$("#bottle_block").show()
|
|
let bottleInfo = `<thead><tr><th>产品名称</th><th>产品瓶码</th><th>产地</th></tr><tr><td>53度魁盛号</td><td>${BOTTLES[BOXS.indexOf(code)]}</td><td>北京市</td></tr></thead>`
|
|
$("#bottle_block").append(bottleInfo)
|
|
}
|
|
}
|
|
function checkSocureInfo () {
|
|
if(BOXS.indexOf(code) != -1) {
|
|
let key = BOXS.indexOf(code)
|
|
showPackInfo(code)
|
|
showBoxInfo(CODES[key])
|
|
} else if (BOTTLES.indexOf(code) != -1) {
|
|
let key = BOTTLES.indexOf(code)
|
|
showBottleInfo(code)
|
|
showPackInfo(BOXS[key])
|
|
showBoxInfo(CODES[key])
|
|
} else if (CODES.indexOf(code) != -1) {
|
|
showBoxInfo(code)
|
|
}
|
|
}
|
|
function showBottleInfo (code) {
|
|
$("#source_bollte").html('')
|
|
let bottleSourceInfo = `<a href="#">瓶身信息</a>
|
|
<div class="mui-collapse-content" >
|
|
<ul class="mui-table-view" id="ul_base">
|
|
<li class="mui-table-view-cell">溯源编码：${code}</li>
|
|
<li class="mui-table-view-cell">商品名称：牛栏山魁盛号大师级手工原浆</li>
|
|
</ul>
|
|
</div>
|
|
<br>`
|
|
$("#source_bollte").append(bottleSourceInfo)
|
|
$("#source_bollte").show()
|
|
}
|
|
function showPackInfo (code) {
|
|
$("#source_pack").html('')
|
|
let packSourceInfo = `<a href="#">包装盒信息</a>
|
|
<div class="mui-collapse-content" >
|
|
<ul class="mui-table-view" id="ul_base">
|
|
<li class="mui-table-view-cell">溯源编码：${code}</li>
|
|
<li class="mui-table-view-cell">商品名称：牛栏山魁盛号大师级手工原浆</li>
|
|
</ul>
|
|
</div>
|
|
<br>`
|
|
$("#source_pack").append(packSourceInfo)
|
|
$("#source_pack").show()
|
|
}
|
|
function showBoxInfo (code) {
|
|
$("#source_box").html('')
|
|
let boxSourceInfo = `<a href="#">箱信息</a>
|
|
<div class="mui-collapse-content" >
|
|
<ul class="mui-table-view" id="ul_base">
|
|
<li class="mui-table-view-cell">溯源编码：${code}</li>
|
|
<li class="mui-table-view-cell">商品名称：牛栏山魁盛号大师级手工原浆 x 6</li>
|
|
</ul>
|
|
</div>
|
|
<br>
|
|
<a href="#">流通信息</a>
|
|
<div class="mui-collapse-content" >
|
|
<ul class="mui-table-view" id="ul_base">
|
|
<li class="mui-table-view-cell">2021-12-31：厂家发货给竹迈红商贸</li>
|
|
</ul>
|
|
</div>`
|
|
$("#source_box").append(boxSourceInfo)
|
|
$("#source_box").show()
|
|
}
|
|
// if(parseInt(res.data.scan_count) > 1)
|
|
// {
|
|
// $("#scan_count").text(res.data.scan_count)
|
|
// let errInfo = '<span>（<span style="color:#C02932;">谨防假冒!</span>）</span>'
|
|
// $("#scan_count").append(errInfo)
|
|
// } else {
|
|
// $("#scan_count").text(res.data.scan_count)
|
|
// }
|
|
// $("#first_scan").text(res.data.first_scan)
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|