industrial-web
/
product-scanning
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
工业互联网展厅 产品扫码
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.
1 Commit
1 Branch
0 Tags
19 MiB
Tree: 908ce5658f
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '908ce5658f'
${ noResults }
product-scanning/yxrsf.html

739 lines
26 KiB
Raw Normal View History

工业互联网展厅产品扫码项目代码交接第一次提交
2 years ago
<!DOCTYPE html>
<html lang="en" style="font-size:50px;">
<head>
<meta charset="UTF-8">
<title>掌鲜鱼香肉丝饭</title>
<link rel='shortcut icon' type='image/x-icon' href='./favicon.ico'/>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/rem.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=jw76xsvI4iWWAMRfFGLlDmGZe42Ls99m"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script src="js/common.js"></script>
</head>
<body style="background:white;">
<div class="wrap">
<div class="product">
<div class="product_img">
<img src="images/yuxiangrousi.png" alt="">
</div>
<div class="product_detail">
<p class="code_label">标识码:</p>
<h3 class="code_num"><a href="javascript:;" onclick="bclick()">86.121.1339443412830519296/A0000000000000538607</a></h3>
<ul class="product_detail_box wd">
<li><label>产品名称： </label><span>掌鲜鱼香肉丝饭</span></li>
<li><label>生产日期：</label><span>2020年10月13日</span></li>
<li><label>保质期：</label><span>12月</span></li>
<li><label>产地：</label><span>中国北京</span></li>
<li><label>规格：</label><span>340g</span></li>
</ul>
</div>
</div>
<div class="origin_con" style="margin-top:4rem;">
<!-- 终端销售 -->
<div class="origin_box">
<div class="tit1 clear">
<div class="date_box">
<p class="date">01-03</p>
<p class="year">2021</p>
</div>
<div class="origin_tit_box clear">
<p>
<img class="icon" src="images/icon01.jpg" alt="">
<span>终端销售</span>
<a class="arrow" href="javascript:void(0)" data-toggle="autoPlay1">
<img src="images/arrow.png" alt="">
</a>
</p>
</div>
</div>
<div class="origin_list_con" data-id="1" style="display: block;">
<div class="origin_bg">
<a class="arrow active" href="javascript:void(0)" data-toggle="autoPlay1"></a>
</div>
<div class="origin_list">
<div class="origin_list_box clear">
<div class="detail_box">
<h3 class="tit2">经营者信息</h3>
<div class="img_info mt3">
<img src="images/jialefu.jpeg" alt="">
</div>
<div class="wd mtop">
<ul>
<li>专卖店名称：家乐福(隆华购物中心店)</li>
<li>专卖店地址：北京市顺义区新顺南大街11号隆华购物中心F3</li>
<!--<li>负责人：张丽</li>
<li>柜台面积：3平方米</li>-->
</ul>
</div>
</div>
</div>
<!--<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">04-18</p>
<p class="year">2021</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">入库登记</h3>
<div class="wd">
<ul>
<li>入库时间：2021-04-18 14:05:00</li>
<li>接收人：张丽</li>
<li>包装箱编号：QS18090018</li>
<li>库位编号：38号</li>
<li>接收时温度：-1°</li>
</ul>
</div>
</div>
</div>
<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">04-18</p>
<p class="year">2021</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">接收检查</h3>
<div class="wd">
<ul>
&lt;!&ndash; <li>区块链码：3713bb25d4e1687f</li>&ndash;&gt;
<li>产品编号：14465520881</li>
<li>检查时间：2021-04-18 15:25:00</li>
<li>检查人：张丽</li>
<li>品质检验合格证：有</li>
</ul>
</div>
</div>
</div>-->
</div>
</div>
</div>
<!-- 运输 -->
<!--<div class="origin_box">
<div class="origin_tit_con clear">
<div class="date_box">
<p class="date">04-17</p>
<p class="year">2021</p>
</div>
<div class="origin_tit_box clear" onClick="getmap()">
<p>
<img class="icon" src="images/icon02.jpg" alt="">
<span>冷链运输</span>
<a class="arrow" href="javascript:void(0)" data-toggle="autoPlay2">
<img src="images/arrow.png" alt="">
</a>
</p>
</div>
</div>
<div class="origin_list_con" data-id="2">
<div class="origin_bg">
<a class="arrow active" href="javascript:void(0)" data-toggle="autoPlay2"></a>
</div>
<div class="origin_list">
<div class="origin_list_box clear">
<div class="detail_box">
<h3 class="tit2">产品运输</h3>
<div class="img_info mt3">
<img src="images/qsylyunshu.jpg" alt="">
</div>
<div class="wd">
<ul>
<li>车牌号：京P03r67</li>
<li>车型号：霸龙406</li>
<li>载重：2T</li>
<li>司机：李强</li>
<li>所属公司：顺鑫集团</li>
</ul>
</div>
</div>
</div>
<div class="origin_list_box clear">
<div class="detail_box">
<h3 class="tit2">运输路线</h3>
<div class="wd" id="lineMap_qsyl" style="width: 100%;height: 5rem">
</div>
</div>
</div>
<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">04-17</p>
<p class="year">2021</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">运输交付</h3>
<div class="wd">
<ul>
<li>交付时间：2021-04-17 12:30:00</li>
<li>交付地点：北京顺义区石门市场</li>
<li>接收单位：石门生鲜专营店</li>
<li>接收负责人：李强</li>
</ul>
</div>
<div class="table wd mtop">
<table border="1">
<thead>
<tr>
<th>包装箱编号</th>
<th>重量</th>
<th>车内位置</th>
</tr>
</thead>
<tbody>
<tr>
<td>QS18090018</td>
<td>6.0kg</td>
<td>运输车中部</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">04-17</p>
<p class="year">2021</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">车内环境采集</h3>
<div class="table wd">
<table border="1">
<thead>
<tr>
<th>采集人</th>
<th>温度</th>
<th>湿度</th>
<th>位置</th>
<th>采集时间</th>
</tr>
</thead>
<tbody>
<tr>
<td>李强</td>
<td>-2°</td>
<td>40%</td>
<td>运输车中部</td>
<td>2021-04-01 11:30:00</td>
</tr>
<tr>
<td>李强</td>
<td>-2°</td>
<td>40%</td>
<td>运输车中部</td>
<td>2021-04-01 09:30:00</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">04-17</p>
<p class="year">2021</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">装车运输</h3>
<div class="wd">
<ul>
<li>装车时间：2021-04-17 08:30:00</li>
<li>装车地点：北京牵手果蔬饮品股份有限公司</li>
<li>库房负责人：马云丹</li>
<li>接收负责人:李强</li>
</ul>
</div>
<div class="table wd mtop">
<table border="1">
<thead>
<tr>
<th>包装箱编号</th>
<th>重量</th>
<th>车内位置</th>
</tr>
</thead>
<tbody>
<tr>
<td>QS18090018</td>
<td>6.0kg</td>
<td>运输车中部</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>-->
<!-- 深加工 -->
<div class="origin_box">
<div class="origin_tit_con clear">
<div class="date_box">
<p class="date">10-13</p>
<p class="year">2020</p>
</div>
<div class="origin_tit_box clear">
<p>
<img class="icon" src="images/icon03.jpg" alt="">
<span>生产加工</span>
<a class="arrow" href="javascript:void(0)" data-toggle="autoPlay3">
<img src="images/arrow.png" alt="">
</a>
</p>
</div>
</div>
<div class="origin_list_con" data-id="3">
<div class="origin_bg">
<a class="arrow active" href="javascript:void(0)" data-toggle="autoPlay3"></a>
</div>
<div class="origin_list">
<div class="origin_list_box clear">
<div class="detail_box">
<h3 class="tit2">加工厂信息</h3>
<div class="img_info mt3">
<img src="images/sxny.jpeg" alt="">
</div>
<div class="wd mtop">
<ul>
<li>企业名称：北京顺鑫农业股份有限公司创新食品分公司</li>
<li>企业地址：北京市顺义区高丽营镇金马工业区内</li>
<!--<li>成立日期：2004-12-22</li>
<li>法定代表人：李向阳</li>
<li>经营场所面积：28116.76㎡</li>
<li>统一社会信用代码：911100007699033808</li>-->
</ul>
</div>
</div>
</div>
<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">10-31</p>
<p class="year">2020</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">产品出厂</h3>
<div class="table wd mtop">
<table>
<thead>
<tr>
<th>包装箱号</th>
<th>重量</th>
<th>位置</th>
<th>出厂时间</th>
<th>负责人</th>
</tr>
</thead>
<tbody>
<tr>
<td>QS18090018</td>
<td>6.0kg</td>
<td>运输车中部</td>
<td>2020-10-31 08:30:00</td>
<td>马云丹</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="detail_box">
<h3 class="tit2">食品生产许可证</h3>
<div class="img_info mt3">
<img src="images/ship.jpg" alt="">
</div>
</div>
</div>
<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">10-30</p>
<p class="year">2020</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">产品入库</h3>
<div class="table wd mtop">
<table>
<thead>
<tr>
<th>包装箱号</th>
<th>重量</th>
<th>库位</th>
<th>入库时间</th>
<th>接收人</th>
<th>出库时间</th>
<th>负责人</th>
</tr>
</thead>
<tbody>
<tr>
<td>QS18090018</td>
<td>6.0kg</td>
<td>58</td>
<td>2020-10-30 17:30:00</td>
<td>马云丹</td>
<td>2020-10-31 08:30:00</td>
<td>马云丹</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">03-24</p>
<p class="year">2021</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">包装运输</h3>
<div class="table wd mtop">
<table>
<thead>
<tr>
<th>包装箱号</th>
<th>包装箱规格</th>
<th>包装后重量</th>
<th>包装企业</th>
<th>包装时间</th>
<th>包装物描述</th>
<th>产品批次号</th>
<th>产品数量</th>
<th>产品单位</th>
</tr>
</thead>
<tbody>
<tr>
<td>QS18090018</td>
<td>258ML*6瓶</td>
<td>6.0kg</td>
<td>北京牵手果蔬饮品股份有限公司</td>
<td>2021-03-24 15:30:00</td>
<td>纸盒</td>
<td>144655201881</td>
<td>6</td>
<td>瓶</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>-->
<!-- <div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">09-30</p>
<p class="year">2020</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">包装运输</h3>
<div class="table wd mtop">
<table>
<thead>
<tr>
<th>包装箱号</th>
<th>包装箱规格</th>
<th>包装后重量</th>
<th>包装企业</th>
<th>包装时间</th>
<th>包装物描述</th>
<th>产品批次号</th>
<th>产品数量</th>
<th>产品单位</th>
</tr>
</thead>
<tbody>
<tr>
<td>QS18090018</td>
<td>1L*6瓶</td>
<td>6.0kg</td>
<td>北京牵手果蔬饮品股份有限公司</td>
<td>2020-09-30 10:23:00</td>
<td>纸盒</td>
<td>144655201881</td>
<td>6</td>
<td>瓶</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>-->
<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">10-30</p>
<p class="year">2020</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">产品抽检</h3>
<div class="wd">
<ul>
<!-- <li>区块链码：3713bb25d4e1687f</li>-->
<li>产品编号：14465520881</li>
<li>产品名称：掌鲜鱼香肉丝饭</li>
<li>抽检时间：2020-10-30 17:44</li>
<li>抽检负责人： 冯琦</li>
<li>抽检数量：200盒</li>
<li>抽检覆盖率：5%</li>
<li>抽检合格率：100%</li>
</ul>
</div>
</div>
</div>
<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">10-13</p>
<p class="year">2020</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">产品登记</h3>
<div class="wd">
<ul>
<!-- <li>区块链码：3713bb25d4e1687f</li>-->
<li>产品编号： 6940600800065</li>
<li>产品名称： 掌鲜鱼香肉丝饭</li>
<!-- <li>追溯码：CH20180925003</li>-->
<li>数量：4000</li>
<li>规格：340g</li>
<li>保质期：12月</li>
<li>单位：盒</li>
<li>生产日期：2020-10-13 10:32</li>
</ul>
</div>
</div>
</div>
<!--<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">03-01</p>
<p class="year">2021</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">原料入厂</h3>
<div class="table wd mtop">
<table>
<thead>
<tr>
<th>批次号</th>
<th>产品名</th>
<th>重量</th>
<th>入场时间</th>
<th>负责人</th>
<th>厂家名称</th>
</tr>
</thead>
<tbody>
<tr>
<td>H20180920002</td>
<td>葡萄</td>
<td>5000KG</td>
<td>2021-02-28</td>
<td>王梓</td>
<td>北京义农农产品产销合作社</td>
</tr>
&lt;!&ndash;<tr>
<td>456799234</td>
<td>橙</td>
<td>4000KG</td>
<td>2021-02-28</td>
<td>王梓</td>
<td>北赣州脐橙批发中心</td>
</tr>&ndash;&gt;
</tbody>
</table>
</div>
</div>
</div>
<div class="detail_box">
<h3 class="tit2">深加工图片视频信息</h3>
&lt;!&ndash;<div class="img_info mtop">
<img class="icon" src="images/qslyzzfirst.jpg" alt="">
</div>&ndash;&gt;
<div class="img_info mtop">
<img class="icon" src="images/qslyzzsecond.jpg" alt="">
</div>
<div class="mtop">
<video src="videos/yljg.mp4" controls="controls" style="width:5.6rem"></video>
</div>
</div>-->
</div>
</div>
</div>
<!-- 原料信息 -->
<div class="origin_box">
<div class="origin_tit_con clear">
<div class="date_box">
<p class="date">09-11</p>
<p class="year">2020</p>
</div>
<div class="origin_tit_box clear">
<p>
<img class="icon" src="images/icon05.jpg" alt="">
<span>原料信息</span>
<a class="arrow" href="javascript:void(0)" data-toggle="autoPlay4">
<img src="images/arrow.png" alt="">
</a>
</p>
</div>
</div>
<div class="origin_list_con" data-id="4">
<div class="origin_bg">
<a class="arrow active" href="javascript:void(0)" data-toggle="autoPlay4"></a>
</div>
<div class="origin_list">
<div class="origin_list_box clear">
<div class="date2_box">
<p class="date date2">09-11</p>
<p class="year">2020</p>
</div>
<div class="mark"></div>
<div class="detail_box">
<h3 class="tit2">原料入厂</h3>
<div class="table wd mtop">
<table>
<thead>
<tr>
<th>批次号</th>
<th>产品名</th>
<th>重量</th>
<th>入场时间</th>
<th>负责人</th>
<th>厂家名称</th>
</tr>
</thead>
<tbody>
<tr>
<td>H20200911007</td>
<td>猪肉</td>
<td>5000KG</td>
<td>2020-09-11</td>
<td>秦阳</td>
<td>鹏程养殖场</td>
</tr>
<tr>
<td>456799287</td>
<td>大米</td>
<td>3000KG</td>
<td>2020-09-11</td>
<td>秦阳</td>
<td>梅河大米</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--<div class="detail_box">
<h3 class="tit2">深加工图片视频信息</h3>
<div class="mtop">
<video src="videos/roujiagong.mp4" controls="controls" style="width:5.6rem"></video>
</div>
</div>-->
</div>
</div>
</div>
<div class="outLine"></div>
</div>
</div>
<script type="text/javascript">
function getmap() {
var map = new BMap.Map("lineMap_qsyl");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);
var driving = new BMap.DrivingRoute(map, {renderOptions: {map: map, autoViewport: true}});
driving.search("北京市顺义区牛栏山牛汇街1号", "石门小区");
};
function getChart() {
var dom = document.getElementById("environment");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
title: {
text: '2018年至今温湿度及日照时数',
left: 'center'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['平均气温(℃)', '平均相对湿度(百分率)', '日照时数（时）'],
bottom: 0,
left: 'center',
// orient:'vertical'
},
xAxis: {
type: 'category',
boundaryGap: true,
data: ['1801', '1802', '1803', '1804', '1805', '1806', '1807', '1808', '1809', '1810', '1811', '1812', '1901', '1902', '1903', '1904'],
axisLabel: {
interval: 0,
rotate: -60
}
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value}'
}
},
series: [{
name: '平均气温(℃)',
type: 'line',
data: [-3.2, -0.9, 8.3, 15.68, 22.33, 27.1, 28, 27.8, 21.4, 13, 5.7, -2.5, -1.7, -0.68, 9.7, 16]
},
{
name: '平均相对湿度(百分率)',
type: 'line',
data: [33, 33, 42.4, 48, 47.3, 49.7, 73.9, 67.7, 52.9, 48.6, 53.8, 32, 30.2, 39.15, 30.8, 30.8]
},
{
name: '日照时数（时）',
type: 'line',
data: [205.4, 206, 218.8, 215.2, 218.9, 226.9, 159.1, 187.3, 214.2, 244.8, 173.1, 191.6, 200.3, 150.5, 271.3, 160.3]
}]
};
;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
setTimeout(function () {
myChart.resize()
}, 100)
};
function getUrlParam(name) {
let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
let r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]);
return null; //返回参数值
}
var code = getUrlParam('code');
if (code) {
$('.code_num a').text(getUrlParam('code'))
}
function bclick(){
var url = 'yxrsfDetail.html?code_num_son='+ code;
window.open(url ,'')
}
</script>
</body>
</html>