工业互联网展厅产品扫码项目代码交接第一次提交

.gitignore

@@ -0,0 +1,24 @@
+.DS_Store
+node_modules
+/dist
+
+/tests/e2e/videos/
+/tests/e2e/screenshots/
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

css/common.css

@@ -0,0 +1,373 @@
+* {
+  font-family: "微软雅黑", "Hiragino Sans GB", "Helvetica Neue", Helvetica, STHeiTi, "Microsoft Yahei", sans-serif;
+}
+
+a:active {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
+  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
+  -o-tap-highlight-color: rgba(0, 0, 0, 0);
+  tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+ul, li {
+  text-decoration: none;
+  list-style: none;
+}
+
+.mtop {
+  margin-top: 0.3rem;
+}
+
+.wd {
+  font-size: 0.26rem;
+  line-height: 1.8;
+  color: #474040;
+  word-break: break-all;
+  text-transform: uppercase;
+}
+
+.mark {
+  float: left;
+  width: 0.15rem;
+  height: 0.15rem;
+  display: inline-block;
+  border-radius: 50%;
+  background: #19b955;
+  margin-top: 0.5rem;
+  margin-left: 0.18rem;
+  vertical-align: middle;
+}
+
+.clear:after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+.wrap {
+  width: 7.5rem;
+  margin: 0 auto;
+}
+
+.img_info img {
+  max-width: 100%;
+  display: block;
+  margin: 0 auto;
+}
+
+.product {
+  position: relative;
+}
+
+.product_img img {
+  display: block;
+  width: 7.5rem;
+  height: 4.86rem;
+}
+
+.product_detail {
+  position: absolute;
+  width: 6.5rem;
+  background: white;
+  padding: 0.25rem;
+  line-height: 2;
+  border-radius: 5px;
+  box-shadow: 0px 0px 20px #cdd8dd;
+  z-index: 9999999;
+  top: 3.5rem;
+  left: 50%;
+  margin-left: -3.25rem;
+  box-sizing: border-box;
+}
+
+.code_label {
+  font-size: 0.28rem;
+  color: #666;
+}
+
+.code_num {
+  font-size: 0.36rem;
+  color: #000203;
+  font-weight: normal;
+  border-bottom: 1px solid #eee;
+  text-transform: uppercase;
+  word-wrap: break-word;
+  word-break: normal;
+}
+
+.code_num a{
+  /* font-size: 12px;
+  letter-spacing: -0.5px; */
+  text-decoration: underline;
+  color: #0066b3;
+}
+
+.product_detail_box {
+  margin-top: 0.2rem;
+  padding: 0 0.1rem;
+}
+
+.product_detail_box li {
+
+}
+
+.product_detail_box li label{
+  vertical-align: top;
+  
+  /* font-weight: bold;
+  display: inline-block;
+  width: 112px;
+  text-align: right; */
+}
+
+.product_detail_box li label h3{
+  position: relative;
+  padding-left: 12px;
+  font-size: 0.28rem;
+  margin: 12px 0 6px;
+}
+
+.product_detail_box li label h3:before {
+  position: absolute;
+  left: 0;
+  top: 6px;
+  display: inline-block;
+  content: "";
+  width: 6px;
+  height: 15px;
+  background: #19b955;
+}
+
+.product_detail_box li span{
+  
+}
+
+.product_detail_box li span img{
+  width: 100px;
+}
+
+.product_detail_box li .code_num{
+  /* font-size: 0.24rem; */
+  font-size: 0.26rem;
+  line-height: 1.8;
+  color: #474040;
+  border: 0 none;
+  word-break: break-all;
+  /* letter-spacing: -0.5px; */
+}
+
+.inLine {
+  position: absolute;
+  top: 0.7rem;
+  bottom: -0.6rem;
+  width: 1px;
+  background: #0d93f0;
+  left: 1.07rem;
+  z-index: 1;
+}
+
+.outLine {
+  position: absolute;
+  top: 0;
+  bottom: 0.3rem;
+  width: 1px;
+  background: #19b955;
+  left: 1.25rem;
+  z-index: -1;
+}
+
+.origin_con {
+  position: relative;
+  margin-top: 3rem;
+  margin-bottom: 0.8rem;
+}
+
+.date_box {
+  float: left;
+  width: 0.8rem;
+  font-size: 0.2rem;
+  line-height: 1.5;
+  text-align: right;
+  color: #515151;
+}
+
+.date2_box {
+  float: left;
+  font-size: 0.2rem;
+  text-align: right;
+  color: #515151;
+  width: 1rem;
+  padding: 0.2rem 0;
+}
+
+.date2_box p {
+  height: 0.4rem;
+  line-height: 0.4rem;
+}
+
+.date {
+  font-size: 0.26rem;
+}
+
+.date2 {
+  font-size: 0.2rem;
+}
+
+.origin_tit_box {
+  float: right;
+  width: 6.6rem;
+  height: 0.7rem;
+  background: #19b955;
+  color: white;
+  font-size: 0.34rem;
+  border-radius: 0.4rem 0 0 0.4rem;
+}
+
+.origin_tit_box span {
+  float: left;
+  line-height: 0.7rem;
+  font-size: 0.32rem;
+  letter-spacing: 1px;
+}
+
+.origin_tit_box .icon {
+  width: 0.6rem;
+  height: 0.6rem;
+  float: left;
+  border-radius: 50%;
+  margin: 0.05rem 0.1rem 0.05rem 0.05rem;
+  vertical-align: middle;
+  display: block;
+}
+
+.arrow {
+  float: right;
+  width: 0.7rem;
+  height: 0.7rem;
+}
+
+.origin_tit_box .arrow img {
+  width: 0.5rem;
+  margin: 0 auto;
+  display: block;
+  margin-top: 0.1rem;
+}
+
+.origin_box {
+  position: relative;
+  overflow-y: auto;
+  margin-bottom: 0.3rem;
+}
+
+.origin_list_con {
+  width: 7.5rem;
+  margin-bottom: 0.3rem;
+  display: none;
+}
+
+.origin_list {
+  margin-top: 0.2rem;
+}
+
+.detail_box {
+  background: #f3f3f3;
+  padding: 0.2rem;
+  width: 6rem;
+  float: right;
+  position: relative;
+  box-sizing: border-box;
+}
+
+.origin_bg {
+  width: 6rem;
+  height: 1.05rem;
+  background: url(../images/barbg.png);
+  background-size: 100%;
+  position: absolute;
+  top: 0.06rem;
+  right: 0;
+}
+
+.tit2 {
+  font-size: 0.28rem;
+  color: #333;
+  height: 0.8rem;
+  line-height: 0.8rem;
+}
+
+.tit2 .tit2_box {
+  float: left;
+}
+
+.table-layout: {
+  width: 100%;
+}
+
+.table {
+  overflow-x: auto;
+  /*border:1px solid #ddd;*/
+}
+
+table {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+table td,
+table th {
+  /*border:1px solid #666;*/
+  white-space: nowrap;
+  padding: 3px 8px;
+}
+
+table tr td {
+  text-align: center;
+}
+
+table thead tr {
+  background: #dfe7eb;
+}
+
+table tbody tr:nth-child(even) {
+  background: #eee;
+  border-bottom: 1px solid #eaeaea;
+  border-top: 1px solid #eaeaea;
+}
+
+/*地图*/
+.BMap_cpyCtrl {
+  display: none;
+}
+
+.anchorBL {
+  display: none;
+}
+
+
+/* 扫码二级页面 */
+.product_detail_table{
+  
+}
+
+.product_detail_table thead td{
+  font-size: 0.28rem;
+  line-height: 1.8;
+}
+
+.product_detail_table tbody td{
+  font-size: 0.26rem;
+  line-height: 1.8;
+  vertical-align: top;
+  white-space: normal;
+  text-align: left;
+}
+
+.product_detail_table tbody .itemName{
+  width: 107px;
+}
+
+.product_detail_table tbody td img{
+  width: 100px;
+}

css/reset.css

@@ -0,0 +1,109 @@
+/*css reset for Mobile*/
+*{
+    box-sizing:border-box;
+    -moz-box-sizing:border-box; /* Firefox */
+    -webkit-box-sizing:border-box; /* Safari */
+
+}
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+    margin:0;
+    padding:0;
+    border:0;
+    outline:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+    font-style: inherit;
+}
+
+body {
+    line-height:1;
+}
+
+:focus {
+	outline: 1;
+}
+
+article,aside,canvas,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section,summary { 
+    display:block;
+}
+
+nav ul {
+    list-style:none;
+}
+
+blockquote, q {
+    quotes:none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content:'';
+    content:none;
+}
+
+a {
+    margin:0;
+    padding:0;
+    border:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+    text-decoration:none;
+}
+
+ins {
+    background-color:#ff9;
+    color:#000;
+    text-decoration:none;
+}
+
+mark {
+    background-color:#ff9;
+    color:#000; 
+    font-style:italic;
+    font-weight:bold;
+}
+
+del {
+    text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+    border-bottom:1px dotted #000;
+    cursor:help;
+}
+
+table {
+    border-collapse:collapse;
+    border-spacing:0;
+}
+
+hr {
+    display:block;
+    height:1px;
+    border:0;   
+    border-top:1px solid #cccccc;
+    margin:1em 0;
+    padding:0;
+}
+
+input, select {
+    vertical-align:middle;
+}
+/*img{
+    display:block;
+    max-width:100%;
+}*/

index.html

@@ -0,0 +1,895 @@
+<!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/roujiang.png" alt="">
+    </div>
+    <div class="product_detail">
+      <p class="code_label">标识码:</p>
+      <!-- <h3 class="code_num">86.121.1339443412830519296/A0000000000000538624</h3> -->
+      <h3 class="code_num" id="code_num"><a href="javascript:;" onclick="bclick()">86.121.1339443412830519296/A0000000000000538624</a></h3>
+      <ul class="product_detail_box wd">
+        <li><label>产品名称： </label><span>掌鲜意式肉酱</span></li>
+        <li><label>生产日期：</label><span>2019年12月23日</span></li>
+        <li><label>保质期：</label><span>12月</span></li>
+        <li><label>产地：</label><span>中国北京</span></li>
+        <li><label>规格：</label><span>250g</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">12-29</p>
+          <p class="year">2019</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">10-13</p>-->
+          <!--								<p class="year">2018</p>-->
+          <!--							</div>	-->
+          <!--							<div class="mark"></div>					-->
+          <!--							<div class="detail_box">-->
+          <!--								<h3 class="tit2">入库登记</h3>-->
+          <!--								<div class="wd">-->
+          <!--									<ul>-->
+          <!--										<li>入库时间：2018-10-13 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">10-13</p>-->
+          <!--								<p class="year">2019</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>检查时间：2018-10-13 13: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">10-13</p>
+          <p class="year">2018</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">10-13</p>
+              <p class="year">2018</p>
+            </div>
+            <div class="mark"></div>
+            <div class="detail_box">
+              <h3 class="tit2">运输交付</h3>
+              <div class="wd">
+                <ul>
+                  <li>交付时间：2018-10-13 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">10-13</p>
+              <p class="year">2018</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>2018-10-13 11:30:00</td>
+                  </tr>
+                  <tr>
+                    <td>李强</td>
+                    <td>-2°</td>
+                    <td>40%</td>
+                    <td>运输车中部</td>
+                    <td>2018-10-13 09:30:00</td>
+                  </tr>
+
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+          <div class="origin_list_box clear">
+            <div class="date2_box">
+              <p class="date date2">10-13</p>
+              <p class="year">2018</p>
+            </div>
+            <div class="mark"></div>
+            <div class="detail_box">
+              <h3 class="tit2">装车运输</h3>
+              <div class="wd">
+                <ul>
+                  <li>装车时间：2018-10-13 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">12-23</p>
+          <p class="year">2019</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>成立日期：1998-09-21</li>-->
+                  <!--										<li>法定代表人：李颖林</li>-->
+                  <!--&lt;!&ndash;										<li>经营场所面积：28116.76㎡</li>&ndash;&gt;-->
+                  <!--										<li>统一社会信用代码：91110000633712032W</li>-->
+                </ul>
+              </div>
+            </div>
+          </div>
+          <div class="origin_list_box clear">
+            <div class="date2_box">
+              <p class="date date2">12-26</p>
+              <p class="year">2019</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>2019-12-26 09: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">12-23</p>
+              <p class="year">2019</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>2019-12-23 15:30:00</td>
+                    <td>马云丹</td>
+                    <td>2019-12-26 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">09-30</p>
+              <p class="year">2018</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>2018-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">12-23</p>
+              <p class="year">2019</p>
+            </div>
+            <div class="mark"></div>
+            <div class="detail_box">
+              <h3 class="tit2">产品抽检</h3>
+              <div class="wd">
+                <ul>
+                  <!--										<li>区块链码：3713bb25d4e1687f</li>-->
+                  <li>产品编号：6940600803554</li>
+                  <li>产品名称： 掌鲜意式肉酱</li>
+                  <li>抽检时间：2019-12-23 16: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">12-23</p>
+              <p class="year">2019</p>
+            </div>
+            <div class="mark"></div>
+            <div class="detail_box">
+              <h3 class="tit2">产品登记</h3>
+              <div class="wd">
+                <ul>
+                  <!--										<li>区块链码：3713bb25d4e1687f</li>-->
+                  <li>产品编号： 6940600803554</li>
+                  <li>产品名称： 掌鲜意式肉酱</li>
+                  <!--										<li>追溯码：CH20180925003</li>-->
+                  <li>数量：4000</li>
+                  <li>规格：1-2L</li>
+                  <li>保质期：12月</li>
+                  <li>单位：包</li>
+                  <li>生产日期：2019-12-23 10:32</li>
+
+                </ul>
+              </div>
+            </div>
+          </div>
+          <div class="origin_list_box clear">
+            <div class="date2_box">
+              <p class="date date2">12-22</p>
+              <p class="year">2019</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>2019-12-22</td>
+                    <td>王梓</td>
+                    <td>北京义农农产品产销合作社</td>
+                  </tr>
+                  <tr>
+                    <td>456799234</td>
+                    <td>番茄酱</td>
+                    <td>4000KG</td>
+                    <td>2019-12-22</td>
+                    <td>王梓</td>
+                    <td>北京义农农产品产销合作社</td>
+                  </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+          <div class="detail_box">
+            <h3 class="tit2">深加工图片视频信息</h3>
+            <!--							<div class="img_info mtop">-->
+            <!--								<img class="icon" src="images/qslyzzfirst.jpg" alt="">-->
+            <!--							</div>-->
+            <!--							<div class="img_info mtop">-->
+            <!--								<img class="icon" src="images/qslyzzsecond.jpg" alt="">-->
+            <!--							</div>-->
+            <div class="mtop">
+              <video src="videos/roujiagong.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">11-30</p>
+          <p class="year">2019</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_box clear" style="padding-top: 0.2rem;">
+          <div class="detail_box">
+            <!--							<h3 class="tit2">农场信息</h3>-->
+            <ul>
+              <li style="line-height: 0.7rem;font-size: 0.3rem;margin-bottom: 15px;">牛肉标识码：<br/><a href="wapNr.html"
+                                                                                                   style="text-decoration: underline;color:#0066b3;">86.121.211/B1637E3344581</a>
+              </li>
+              <li style="line-height: 0.7rem;font-size: 0.3rem;">番茄酱标识码：<br/><a href="wapFqj.html"
+                                                                                style="text-decoration: underline;color:#0066b3;">86.121.476/Y145IDSE3344581</a>
+              </li>
+            </ul>
+            <!--							<div class="img_info mt3">-->
+            <!--									<img src="images/qslyyn.jpg" alt="">-->
+            <!--								</div>-->
+            <!--							<div class="wd">-->
+            <!--								<li>农场名称：北京义农农产品产销专业合作社</li>-->
+            <!--								<li>农场地址：北京市顺义区木林镇大林村兴旺街11号</li>-->
+            <!--								<li>法定代表人：张春梅</li>-->
+            <!--								<li>社会统一代码：931101133996501278</li>-->
+            <!--							</div>-->
+          </div>
+          <!--						<div class="detail_box">-->
+          <!--							<h3 class="tit2">环境信息</h3>-->
+          <!--							<div class="environment mtop" id="environment" style="height:300px;width:100%;">-->
+
+          <!--							</div>-->
+          <!--						</div>-->
+        </div>
+        <!--					<div class="origin_list_box clear">-->
+        <!--						<div class="date2_box">-->
+        <!--							<p class="date date2">09-23</p>-->
+        <!--							<p class="year">2018</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>-->
+        <!--										</tr>-->
+        <!--									</thead>-->
+        <!--									<tbody>-->
+        <!--										<tr>-->
+        <!--											<td>胡萝卜</td>-->
+        <!--											<td>H20180920002</td>-->
+        <!--											<td>5000</td>-->
+        <!--											<td>公斤</td>-->
+        <!--											<td>2018-09-23</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--											<td>北京义农农产品产销专业合作社</td>-->
+        <!--											<td>北京义农农产品产销专业合作社</td>-->
+        <!--										</tr>-->
+        <!--									</tbody>-->
+        <!--								</table>-->
+        <!--							</div>-->
+        <!--						</div>-->
+        <!--					</div>-->
+
+        <!--					<div class="origin_list_box clear">-->
+        <!--						<div class="date2_box">-->
+        <!--							<p class="date date2">09-20</p>-->
+        <!--							<p class="year">2018</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>-->
+        <!--										</tr>-->
+        <!--									</thead>-->
+        <!--									<tbody>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大林村东005</td>-->
+        <!--											<td>2018-09-20</td>-->
+        <!--											<td>胡萝卜</td>-->
+        <!--											<td>H20180920002</td>-->
+        <!--											<td>9000</td>-->
+        <!--											<td>公斤</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--										</tr>-->
+        <!--									</tbody>-->
+        <!--								</table>-->
+        <!--							</div>-->
+        <!--						</div>-->
+        <!--					</div>-->
+        <!--					<div class="origin_list_box clear">-->
+        <!--						<div class="date2_box">-->
+        <!--							<p class="date date2">06-20</p>-->
+        <!--							<p class="year">2018</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>-->
+        <!--										</tr>-->
+        <!--									</thead>-->
+        <!--									<tbody>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大村河东005</td>-->
+        <!--											<td>2018-07-30</td>-->
+        <!--											<td>施肥</td>-->
+        <!--											<td>碳酸二胺</td>-->
+        <!--											<td>15</td>-->
+        <!--											<td>吨</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--										</tr>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大村河东005</td>-->
+        <!--											<td>2018-07-25</td>-->
+        <!--											<td>浇水</td>-->
+        <!--											<td>水</td>-->
+        <!--											<td>5</td>-->
+        <!--											<td>吨</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--										</tr>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大林村东 005</td>-->
+        <!--											<td>2018-07-10</td>-->
+        <!--											<td>施肥</td>-->
+        <!--											<td>磷酸二铵</td>-->
+        <!--											<td>12</td>-->
+        <!--											<td>公斤</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--										</tr>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大林村东 005</td>-->
+        <!--											<td>2018-06-20</td>-->
+        <!--											<td>除草</td>-->
+        <!--											<td>施田补</td>-->
+        <!--											<td>250</td>-->
+        <!--											<td>ml</td>-->
+        <!--											<td>150KG水</td>-->
+        <!--										</tr>-->
+        <!--									</tbody>-->
+        <!--								</table>-->
+        <!--							</div>-->
+        <!--						</div>-->
+        <!--					</div>-->
+        <!--					<div class="origin_list_box clear">-->
+        <!--						<div class="date2_box">-->
+        <!--							<p class="date date2">06-16</p>-->
+        <!--							<p class="year">2018</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>-->
+        <!--											<th>药品名称</th>-->
+        <!--											<th>施药数量</th>-->
+        <!--											<th>药品单位</th>-->
+        <!--										</tr>-->
+        <!--									</thead>-->
+        <!--									<tbody>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大林村东 005</td>-->
+        <!--											<td>2018-06-16</td>-->
+        <!--											<td>胡萝卜籽/td>-->
+        <!--											<td>3.2</td>-->
+        <!--											<td>KG</td>-->
+        <!--											<td>尿素</td>-->
+        <!--											<td>2</td>-->
+        <!--											<td>KG</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--										</tr>-->
+
+        <!--									</tbody>-->
+        <!--								</table>-->
+        <!--							</div>-->
+        <!--						</div>-->
+        <!--					</div>-->
+
+
+        <!--					<div class="detail_box">-->
+        <!--						<h3 class="tit2">种植图片视频信息</h3>-->
+        <!--						<div class="img_info mtop">-->
+        <!--							<p>-->
+        <!--								<img class="icon" src="images/qslyzzfour.jpg" alt="">-->
+        <!--							</p>-->
+        <!--							<p>-->
+        <!--								<img class="icon" src="images/qslyzz.jpg" alt="">-->
+        <!--							</p>-->
+        <!--							<p>-->
+        <!--								<img class="icon" src="images/qsylzzfif.jpg" alt="">-->
+        <!--							</p>-->
+        <!--						</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 = 'indexDetail.html?code_num_son='+ code;
+    window.open(url ,'')
+  }
+</script>
+</body>
+</html>

indexDetail.html

@@ -0,0 +1,190 @@
+<!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/banner.png" alt="" style="height: auto;">
+    </div>
+    <div class="product_detail">
+      <ul class="product_detail_box wd">
+        <!-- <li><label>标识码：</label><span class="code_num_child">86.121.1339443412830519296/A0000000000000538624</span></li> -->
+        <li><label>标识码：</label><span id="code_num_son"></span></li>
+        <li><label>商品名称：</label><span>掌鲜意式肉酱</span></li>
+      </ul>
+      <!-- <ul class="product_detail_box wd">
+        <li><label><h3>产品信息</h3></label><span></span></li>
+        <li><label>产品图片：</label><span><img src="images/roujiangDetail.png" alt=""></span></li>
+        <li><label>产品名称：</label><span>顺鑫掌鲜意式肉酱</span></li>
+        <li><label>产品介绍：</label><span>顺鑫掌鲜意式肉酱</span></li>
+        <li><label>生产许可证编号：</label><span>SC10311131410887</span></li>
+        <li><label>保质期：</label><span>365天</span></li>
+        <li><label>规格：</label><span>250g</span></li>
+        <li><label>品牌：</label><span>掌鲜</span></li>
+        <li><label>系列：</label><span>意式肉酱</span></li>
+        <li><label>售卖方式：</label><span>单品</span></li>
+        <li><label>套餐分量：</label><span>2人份</span></li>
+      </ul>
+      <ul class="product_detail_box wd">
+        <li><label><h3>责任主体信息</h3></label><span></span></li>
+        <li><label>企业注册地：</label><span>北京市顺义区高丽营镇金马工业区内</span></li>
+        <li><label>行业类型：</label><span>制造业</span></li>
+        <li><label>信用代码类型：</label><span>统一社会信用代码</span></li>
+        <li><label>信用代码：</label><span>91110113786899465C</span></li>
+        <li><label>责任主体名称：</label><span>北京顺鑫农业股份有限公司创新食品分公司</span></li>
+      </ul> -->
+    </div>
+    <div class="origin_con" style="margin-top:2rem;">
+      <!-- 产品信息 -->
+      <div class="origin_box">
+        <div class="origin_tit_con clear">
+          <div class="origin_tit_box clear">
+            <p>
+              <img class="icon" src="images/icon06.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">
+                <table class="product_detail_table">
+                  <tbody>
+                    <tr>
+                      <td class="itemName">产品图片</td>
+                      <td><img src="images/roujiangDetail.png" alt=""></td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">产品名称</td>
+                      <td>顺鑫掌鲜意式肉酱</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">产品介绍</td>
+                      <td>顺鑫掌鲜意式肉酱</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">生产许可证编号</td>
+                      <td>SC10311131410887</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">保质期</td>
+                      <td>365天</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">规格</td>
+                      <td>250g</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">品牌</td>
+                      <td>掌鲜</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">系列</td>
+                      <td>意式肉酱</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">售卖方式</td>
+                      <td>单品</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">套餐分量</td>
+                      <td>2人份</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            </div>
+          </div>
+      </div>
+      <!-- 责任主体信息 -->
+      <div class="origin_box">
+        <div class="origin_tit_con clear">
+          <div class="origin_tit_box clear">
+            <p>
+              <img class="icon" src="images/icon07.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" style="display: block;">
+          <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">
+                <table class="product_detail_table">
+                  <tbody>
+                    <tr>
+                      <td class="itemName">企业注册地</td>
+                      <td>北京市顺义区高丽营镇金马工业区内</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">行业类型</td>
+                      <td>制造业</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">信用代码类型</td>
+                      <td>统一社会信用代码</td>
+                    </ttrh>
+                    <tr>
+                      <td class="itemName">信用代码</td>
+                      <td>91110113786899465C</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">责任主体名称</td>
+                      <td>北京顺鑫农业股份有限公司创新食品分公司</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            </div>
+          </div>
+      </div>
+      <div class="outLine"></div>
+    </div>
+  </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+  $(function () {
+    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 parents1 = getUrlParam('code_num_son');
+    // console.log("parents1-> " + parents1);
+    $("#code_num_son").html(parents1);
+  })
+</script>
+</body>
+</html>

js/common.js

@@ -0,0 +1,171 @@
+$(function(){
+	$(".arrow").click(function(){
+		var _this=$(this);
+		var _id=$(this).data("toggle").slice(8,$(this).data("toggle").length)
+		var _class=$(this).attr("class")
+		$(".origin_list_con").each(function(){
+			if(_id==$(this).data("id")){
+				if(_class.indexOf("active")>0){
+					$(this).css("display","none")
+				}else{
+					$(this).css("display","block")
+				}
+			}else{
+				// $(this).hide();
+			}
+		})
+	})
+	// PC端 入口鼠标滑过特效
+	$(".enter_item").hover(function(){
+		$(this).addClass("active")
+	},function(){
+		$(this).removeClass("active")
+	})
+	$(".linkPoint_tit").click(function(){
+		// var _len=$(this).siblings(".linkPoint_content").find(".linkPoint_content_ul").children().length;
+		// console.log($(".source").height())
+		// $(".source").css("height",45*_len+150+"px")
+		if($(this).attr("class").indexOf("active")>0){
+			$(this).removeClass("active");
+			$(this).siblings().hide()
+		}else{
+			$(this).addClass("active");
+			$(this).siblings().show()
+		}
+	})
+	$(".linkPoint_content ul li").click(function(){
+		var id=$(this).data("id");
+		$(this).parent(".linkPoint_content_ul").siblings(".modal").each(function(){
+			var _id=$(this).data("item");
+			if(id==_id){
+				$(this).show();
+				$(".mask").show();
+			}
+		})
+	})
+	$(".close").click(function(){
+		$(".mask").hide();
+		$(this).parents(".modal").hide();
+	})
+	$("#tabTit li").click(function(){
+		if($(this).attr("class").indexOf("active")<0){
+			$(this).addClass("active")
+			$(this).siblings().removeClass("active")
+		}
+		var id=$(this).data("id");
+		$(this).parents(".modal_tab_tit").siblings(".modal_tab_item").each(function(){
+			var _id=$(this).data("item");
+			if(id==_id){
+				$(this).show();
+				$(this).siblings(".modal_tab_item").hide();
+			}
+		})
+	})
+
+	//搜索入口
+	$(".searchBtn").click(function(){
+		var _val=$("#searchIpt").val();
+		console.log(_val)
+
+		if(_val!="" && _val!=null && _val!=undefined){
+			if(_val.indexOf("400257")>=0){
+				window.location.href="pcNjsy.html"
+			}else if(_val.indexOf("080135")>=0){
+				window.location.href="pcSsnr.html"
+			}else if(_val.indexOf("925003")>=0){
+				window.location.href="pcYlsy.html"
+			}else if(_val.indexOf("001604")>=0){
+				window.location.href="pcLxnr.html"
+			}else if(_val.indexOf("005013")>=0){
+				window.location.href="pcGxsy.html"
+			}else{
+				alert("您输入的溯源码不存在，请检查！")
+			}
+		}else{
+			alert("请输入溯源码！")
+		}
+	})
+	$(document).keyup(function(event){
+		if(event.keyCode==13){
+			$(".searchBtn").trigger("click")
+		}
+	})
+
+	$(".menuDown").click(function(){
+		if($(this).attr("class").indexOf("active")>0){
+			$(this).removeClass("active")
+			$(".menuDown_list").hide()
+		}else{
+			$(this).addClass("active")
+			$(".menuDown_list").show()
+		}
+	})
+	
+})
+var myIcon=new BMap.Icon("images/car.png",new BMap.Size(40,32),{
+	imageOffset: new BMap.Size(0,0) 
+})
+function run(P1,P2,T1,T2){
+	var driving = new BMap.DrivingRoute(map, {renderOptions: {map: map, autoViewport: true,enableRotation:true}});    //驾车实例
+	driving.search(P1, P2);
+	driving.setSearchCompleteCallback(function(res){
+		var pts = driving.getResults().getPlan(0).getRoute(0).getPath();    //通过驾车实例，获得一系列点的数组
+		map.addOverlay(new BMap.Polyline(pts, {
+			strokeColor: '#000',
+			strokeWeight:1
+		}));
+		var paths = pts.length;    //获得有几个点
+		var carMk = new BMap.Marker(pts[0],{icon:myIcon});
+		map.addOverlay(carMk);
+
+		
+		var startLabel=new BMap.Label(T1,{
+		 	offset:new BMap.Size(30,25)
+		})
+		var endLabel=new BMap.Label(T2,{
+		 	offset:new BMap.Size(30,25)
+		})
+		startLabel.setStyle({
+		 	"background":"rgb(65, 189, 247)",
+		 	"color":"white",
+		 	"font-size":"12px",
+		 	"border":"none",
+		 	"cursor":"pointer",
+		 	"padding":"5px 10px",
+		 	"border-radius":"8px",
+		 	"box-shadow":"2px 2px 6px #d7cccc"
+		})
+		endLabel.setStyle({
+		 	"background":"rgb(65, 189, 247)",
+		 	"color":"white",
+		 	"font-size":"12px",
+		 	"border":"none",
+		 	"cursor":"pointer",
+		 	"padding":"5px 10px",
+		 	"border-radius":"8px",
+		 	"box-shadow":"2px 2px 6px #d7cccc"
+		})
+		var startMk=new BMap.Marker(pts[0]);
+		var endMk=new BMap.Marker(pts[paths-1]);
+	    startMk.setLabel(startLabel);//添加label
+	    endMk.setLabel(endLabel);//添加label
+		map.addOverlay(startMk);
+		map.addOverlay(endMk);
+
+		i=0;
+		function resetMkPoint(i){
+			carMk.setPosition(pts[i]);
+			if(i < paths){
+				setTimeout(function(){
+					i++;
+					resetMkPoint(i);
+				},0.0000000001);
+			}
+		}
+		setTimeout(function(){
+			resetMkPoint(20);
+		},10)
+
+	});
+}
+'asdas'.toLocaleUpperCase()

js/rem.js

@@ -0,0 +1,13 @@
+window.onload = function(){
+    /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是
+      为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/
+    getRem(750,100)
+};
+window.onresize = function(){
+    getRem(750,100)
+};
+function getRem(pwidth,prem){
+    var html = document.getElementsByTagName("html")[0];
+    var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
+    html.style.fontSize = oWidth/pwidth*prem + "px";
+}

qsgzh.html

@@ -0,0 +1,927 @@
+<!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/qianshou_guozhi.png" alt="">
+    </div>
+    <div class="product_detail">
+      <p class="code_label">标识码:</p>
+      <h3 class="code_num"><a  href="javascript:;" onclick="bclick()">86.121.1352178870886858752/A0000000000000000017</a></h3>
+      <ul class="product_detail_box wd">
+        <li><label>产品名称： </label><span>牵手百香果+橙+苹果复合果汁</span></li>
+        <li><label>生产日期：</label><span>2021年03月15日</span></li>
+        <li><label>保质期：</label><span>12月</span></li>
+        <li><label>产地：</label><span>中国北京</span></li>
+        <li><label>规格：</label><span>300ML</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">04-23</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/qsylyx.jpg" alt="">
+              </div>
+              <div class="wd mtop">
+                <ul>
+                  <li>专卖店名称：北京市顺义区石门市场牵手饮料专卖店</li>
+                  <li>专卖店地址：北京顺义区石门镇</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-02</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-02 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-02</p>
+              <p class="year">2021</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>检查时间：2021-04-02 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-01</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-01</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-01 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-01</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-01</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-01 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">03-15</p>
+          <p class="year">2021</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/qslygs.png" alt="">
+              </div>
+              <div class="wd mtop">
+                <ul>
+                  <li>企业名称：北京牵手果蔬饮品股份有限公司</li>
+                  <li>企业地址：北京市顺义区牛汇街1号幢2幢</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">04-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>
+                  </tr>
+                  </thead>
+                  <tbody>
+                  <tr>
+                    <td>QS18090018</td>
+                    <td>6.0kg</td>
+                    <td>运输车中部</td>
+                    <td>2021-04-01 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">03-16</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>
+                  </tr>
+                  </thead>
+                  <tbody>
+                  <tr>
+                    <td>QS18090018</td>
+                    <td>6.0kg</td>
+                    <td>58</td>
+                    <td>2021-03-16 15:30:00</td>
+                    <td>马云丹</td>
+                    <td>2021-04-01 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-16</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>300ML*6瓶</td>
+                    <td>6.0kg</td>
+                    <td>北京牵手果蔬饮品股份有限公司</td>
+                    <td>2021-03-16 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">03-16</p>
+              <p class="year">2021</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>抽检时间：2021-03-16 09:44</li>
+                  <li>抽检负责人： 冯琦</li>
+                  <li>抽检数量：20瓶</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">03-15</p>
+              <p class="year">2021</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>追溯码：CH20180925003</li>-->
+                  <li>数量：4000</li>
+                  <li>规格：300ML</li>
+                  <li>保质期：12月</li>
+                  <li>单位：瓶</li>
+                  <li>生产日期：2021-03-15 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-03-01</td>
+                    <td>王梓</td>
+                    <td>北京义农农产品产销合作社</td>
+                  </tr>
+                  <tr>
+                    <td>456799234</td>
+                    <td>橙</td>
+                    <td>4000KG</td>
+                    <td>2021-02-28</td>
+                    <td>王梓</td>
+                    <td>北赣州脐橙批发中心</td>
+                  </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+          <div class="detail_box">
+            <h3 class="tit2">深加工图片视频信息</h3>
+            <!--<div class="img_info mtop">
+              <img class="icon" src="images/qslyzzfirst.jpg" alt="">
+            </div>-->
+            <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">10-12</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_box clear" style="padding-top: 0.2rem;">
+          <div class="detail_box">
+            <h3 class="tit2">农场信息</h3>
+            <!--<ul>
+              <li style="line-height: 0.7rem;font-size: 0.3rem;margin-bottom: 15px;">牛肉标识码：<br/><a href="wapNr.html" style="text-decoration: underline;color:#0066b3;">86.121.211/B1637E3344581</a>
+              </li>
+              <li style="line-height: 0.7rem;font-size: 0.3rem;">番茄酱标识码：<br/><a href="wapFqj.html" style="text-decoration: underline;color:#0066b3;">86.121.476/Y145IDSE3344581</a>
+              </li>
+            </ul>-->
+            <div class="img_info mt3">
+              <img src="images/qslyyn.jpg" alt="">
+            </div>
+            <div class="wd">
+              <li>农场名称：北京义农农产品产销专业合作社</li>
+              <li>农场地址：北京市顺义区木林镇大林村兴旺街11号</li>
+              <li>法定代表人：张春梅</li>
+              <li>社会统一代码：931101133996501278</li>
+            </div>
+          </div>
+          <!--<div class="detail_box">
+            <h3 class="tit2">环境信息</h3>
+            <div class="environment mtop" id="environment" style="height:300px;width:100%;">
+
+            </div>
+          </div>-->
+        </div>
+        <div class="origin_list_box clear">
+          <div class="date2_box">
+            <p class="date date2">09-23</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>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                  <td>苹果</td>
+                  <td>H20180920002</td>
+                  <td>5000</td>
+                  <td>公斤</td>
+                  <td>2020-09-23</td>
+                  <td>&nbsp;</td>
+                  <td>北京义农农产品产销专业合作社</td>
+                  <td>北京义农农产品产销专业合作社</td>
+                </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <div class="origin_list_box clear">
+          <div class="date2_box">
+            <p class="date date2">09-20</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>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大林村东005</td>
+                  <td>2020-09-20</td>
+                  <td>苹果</td>
+                  <td>H20180920002</td>
+                  <td>9000</td>
+                  <td>公斤</td>
+                  <td>&nbsp;</td>
+                </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <div class="origin_list_box clear">
+          <div class="date2_box">
+            <p class="date date2">06-20</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>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大村河东005</td>
+                  <td>2020-07-30</td>
+                  <td>施肥</td>
+                  <td>碳酸二胺</td>
+                  <td>15</td>
+                  <td>吨</td>
+                  <td>&nbsp;</td>
+                </tr>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大村河东005</td>
+                  <td>2020-07-25</td>
+                  <td>浇水</td>
+                  <td>水</td>
+                  <td>5</td>
+                  <td>吨</td>
+                  <td>&nbsp;</td>
+                </tr>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大林村东 005</td>
+                  <td>2020-07-10</td>
+                  <td>施肥</td>
+                  <td>磷酸二铵</td>
+                  <td>12</td>
+                  <td>公斤</td>
+                  <td>&nbsp;</td>
+                </tr>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大林村东 005</td>
+                  <td>2020-06-20</td>
+                  <td>除草</td>
+                  <td>施田补</td>
+                  <td>250</td>
+                  <td>ML</td>
+                  <td>150KG水</td>
+                </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <!--<div class="origin_list_box clear">
+          <div class="date2_box">
+            <p class="date date2">06-16</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>
+                  <th>药品名称</th>
+                  <th>施药数量</th>
+                  <th>药品单位</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大林村东 005</td>
+                  <td>2020-06-16</td>
+                  <td>胡萝卜籽/td>
+                  <td>3.2</td>
+                  <td>KG</td>
+                  <td>尿素</td>
+                  <td>2</td>
+                  <td>KG</td>
+                  <td>&nbsp;</td>
+                  <td>&nbsp;</td>
+                  <td>&nbsp;</td>
+                </tr>
+
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <div class="detail_box">
+          <h3 class="tit2">种植图片视频信息</h3>
+          <div class="img_info mtop">
+            <p>
+              <img class="icon" src="images/qslyzzfour.jpg" alt="">
+            </p>
+            <p>
+              <img class="icon" src="images/qslyzz.jpg" alt="">
+            </p>
+            <p>
+              <img class="icon" src="images/qsylzzfif.jpg" alt="">
+            </p>
+          </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 = 'qsgzhDetail.html?code_num_son='+ code;
+    window.open(url ,'')
+  }
+</script>
+
+</body>
+</html>

qsgzhDetail.html

@@ -0,0 +1,180 @@
+<!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/banner.png" alt="" style="height: auto;">
+    </div>
+    <div class="product_detail">
+      <ul class="product_detail_box wd">
+        <li><label>标识码：</label><span id="code_num_son"></span></li>
+        <li><label>商品名称：</label><span>牵手百香果+橙+苹果复合果汁</span></li>
+      </ul>
+      <!-- <ul class="product_detail_box wd">
+        <li><label><h3>产品信息</h3></label><span></span></li>
+        <li><label>产品图片：</label><span><img src="images/qianshou_guozhiDetail.png" alt=""></span></li>
+        <li><label>产品名称：</label><span>牵手复合果汁（百香果+橙+苹果）</span></li>
+        <li><label>产品介绍：</label><span>牵手复合果汁（百香果+橙+苹果）</span></li>
+        <li><label>配料表：</label><span>水，浓缩苹果汁，浓缩橙汁，百香果原浆</span></li>
+        <li><label>果汁含量：</label><span>100%</span></li>
+        <li><label>蔗糖添加量：</label><span>0克/升</span></li>
+        <li><label>产品标准号：</label><span>GB/T 31121</span></li>
+        <li><label>保质期：</label><span>12个月</span></li>
+        <li><label>食品生产许可证编号：</label><span>SC10611130715911</span></li>
+      </ul>
+      <ul class="product_detail_box wd">
+        <li><label><h3>责任主体信息</h3></label><span></span></li>
+        <li><label>企业注册地：</label><span>北京市顺义区</span></li>
+        <li><label>行业类型：</label><span>制造业</span></li>
+         <li><label>信用代码类型：</label><span>统一社会信用代码</span></li>
+        <li><label>信用代码：</label><span>911100007699033808</span></li>
+        <li><label>责任主体名称：</label><span>北京牵手果蔬饮品股份有限公司</span></li>
+      </ul> -->
+    </div>
+    <div class="origin_con" style="margin-top:2rem;">
+      <!-- 产品信息 -->
+      <div class="origin_box">
+        <div class="origin_tit_con clear">
+          <div class="origin_tit_box clear">
+            <p>
+              <img class="icon" src="images/icon06.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">
+                <table class="product_detail_table">
+                  <tbody>
+                    <tr>
+                      <td class="itemName">产品图片</td>
+                      <td><img src="images/qianshou_guozhiDetail.png" alt=""></td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">产品名称</td>
+                      <td>牵手复合果汁（百香果+橙+苹果）</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">产品介绍</td>
+                      <td>牵手复合果汁（百香果+橙+苹果）</td>
+                    </ttrh>
+                    <tr>
+                      <td class="itemName">配料表</td>
+                      <td>水，浓缩苹果汁，浓缩橙汁，百香果原浆</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">果汁含量</td>
+                      <td>100%</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">蔗糖添加量</td>
+                      <td>0克/升</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">产品标准号</td>
+                      <td>GB/T 31121<td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">保质期</td>
+                      <td>12个月</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">食品生产许可证编号</td>
+                      <td>SC10611130715911</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            </div>
+          </div>
+      </div>
+      <!-- 责任主体信息 -->
+      <div class="origin_box">
+        <div class="origin_tit_con clear">
+          <div class="origin_tit_box clear">
+            <p>
+              <img class="icon" src="images/icon07.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" style="display: block;">
+          <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">
+                <table class="product_detail_table">
+                  <tbody>
+                    <tr>
+                      <td class="itemName">企业注册地</td>
+                      <td>北京市顺义区</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">行业类型</td>
+                      <td>制造业</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">信用代码</td>
+                      <td>911100007699033808</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">责任主体名称</td>
+                      <td>北京牵手果蔬饮品股份有限公司</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            </div>
+          </div>
+      </div>
+      <div class="outLine"></div>
+    </div>
+  </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+  $(function () {
+    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 parents1 = getUrlParam('code_num_son');
+    // console.log("parents1-> " + parents1);
+    $("#code_num_son").html(parents1);
+  })
+</script>
+</body>
+</html>

qslhsh.html

@@ -0,0 +1,920 @@
+<!DOCTYPE html>
+<html lang="en" style="font-size:50px;">
+<head>
+  <meta charset="UTF-8">
+  <title>牵手6号阳光青提味乐活水</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/qianshou_lehuoshui.png" alt="">
+    </div>
+    <div class="product_detail">
+      <p class="code_label">标识码:</p>
+      <h3 class="code_num"><a  href="javascript:;" onclick="bclick()">86.121.1352178870886858752/A0000000000000000039</a></h3>
+      <ul class="product_detail_box wd">
+        <li><label>产品名称： </label><span>牵手6号阳光青提味乐活水</span></li>
+        <li><label>生产日期：</label><span>2021年03月23日</span></li>
+        <li><label>保质期：</label><span>12月</span></li>
+        <li><label>产地：</label><span>中国北京</span></li>
+        <li><label>规格：</label><span>258ML</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">04-30</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/qsylyx.jpg" alt="">
+              </div>
+              <div class="wd mtop">
+                <ul>
+                  <li>专卖店名称：北京市顺义区石门市场牵手饮料专卖店</li>
+                  <li>专卖店地址：北京顺义区石门镇</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>
+                  <!--										<li>区块链码：3713bb25d4e1687f</li>-->
+                  <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-17 11:30:00</td>
+                  </tr>
+                  <tr>
+                    <td>李强</td>
+                    <td>-2°</td>
+                    <td>40%</td>
+                    <td>运输车中部</td>
+                    <td>2021-04-17 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">03-23</p>
+          <p class="year">2021</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/qslygs.png" alt="">
+              </div>
+              <div class="wd mtop">
+                <ul>
+                  <li>企业名称：北京牵手果蔬饮品股份有限公司</li>
+                  <li>企业地址：北京市顺义区牛汇街1号幢2幢</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">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 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>2021-04-17 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">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>
+                  </tr>
+                  </thead>
+                  <tbody>
+                  <tr>
+                    <td>QS18090018</td>
+                    <td>6.0kg</td>
+                    <td>58</td>
+                    <td>2021-03-24 17:30:00</td>
+                    <td>马云丹</td>
+                    <td>2021-04-17 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">03-23</p>
+              <p class="year">2021</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>产品名称：牵手6号阳光青提味乐活水</li>
+                  <li>抽检时间：2021-03-23 09:44</li>
+                  <li>抽检负责人： 冯琦</li>
+                  <li>抽检数量：20瓶</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">03-23</p>
+              <p class="year">2021</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>产品名称： 牵手6号阳光青提味乐活水</li>
+                  <!--										<li>追溯码：CH20180925003</li>-->
+                  <li>数量：4000</li>
+                  <li>规格：258ML</li>
+                  <li>保质期：12月</li>
+                  <li>单位：瓶</li>
+                  <li>生产日期：2021-03-23 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>
+                  <!--<tr>
+                    <td>456799234</td>
+                    <td>橙</td>
+                    <td>4000KG</td>
+                    <td>2021-02-28</td>
+                    <td>王梓</td>
+                    <td>北赣州脐橙批发中心</td>
+                  </tr>-->
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+          <div class="detail_box">
+            <h3 class="tit2">深加工图片视频信息</h3>
+            <!--<div class="img_info mtop">
+              <img class="icon" src="images/qslyzzfirst.jpg" alt="">
+            </div>-->
+            <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">10-12</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_box clear" style="padding-top: 0.2rem;">
+          <div class="detail_box">
+            <h3 class="tit2">农场信息</h3>
+            <!--<ul>
+              <li style="line-height: 0.7rem;font-size: 0.3rem;margin-bottom: 15px;">牛肉标识码：<br/><a href="wapNr.html" style="text-decoration: underline;color:#0066b3;">86.121.211/B1637E3344581</a>
+              </li>
+              <li style="line-height: 0.7rem;font-size: 0.3rem;">番茄酱标识码：<br/><a href="wapFqj.html" style="text-decoration: underline;color:#0066b3;">86.121.476/Y145IDSE3344581</a>
+              </li>
+            </ul>-->
+            <div class="img_info mt3">
+              <img src="images/qslyyn.jpg" alt="">
+            </div>
+            <div class="wd">
+              <li>农场名称：北京义农农产品产销专业合作社</li>
+              <li>农场地址：北京市顺义区木林镇大林村兴旺街11号</li>
+              <li>法定代表人：张春梅</li>
+              <li>社会统一代码：931101133996501278</li>
+            </div>
+          </div>
+          <!--<div class="detail_box">
+            <h3 class="tit2">环境信息</h3>
+            <div class="environment mtop" id="environment" style="height:300px;width:100%;">
+
+            </div>
+          </div>-->
+        </div>
+        <div class="origin_list_box clear">
+          <div class="date2_box">
+            <p class="date date2">09-23</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>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                  <td>葡萄</td>
+                  <td>H20180920002</td>
+                  <td>5000</td>
+                  <td>公斤</td>
+                  <td>2020-09-23</td>
+                  <td>&nbsp;</td>
+                  <td>北京义农农产品产销专业合作社</td>
+                  <td>北京义农农产品产销专业合作社</td>
+                </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <div class="origin_list_box clear">
+          <div class="date2_box">
+            <p class="date date2">09-20</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>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大林村东005</td>
+                  <td>2020-09-20</td>
+                  <td>葡萄</td>
+                  <td>H20180920002</td>
+                  <td>9000</td>
+                  <td>公斤</td>
+                  <td>&nbsp;</td>
+                </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <div class="origin_list_box clear">
+          <div class="date2_box">
+            <p class="date date2">06-20</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>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大村河东005</td>
+                  <td>2020-07-30</td>
+                  <td>施肥</td>
+                  <td>碳酸二胺</td>
+                  <td>15</td>
+                  <td>吨</td>
+                  <td>&nbsp;</td>
+                </tr>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大村河东005</td>
+                  <td>2020-07-25</td>
+                  <td>浇水</td>
+                  <td>水</td>
+                  <td>5</td>
+                  <td>吨</td>
+                  <td>&nbsp;</td>
+                </tr>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大林村东 005</td>
+                  <td>2020-07-10</td>
+                  <td>施肥</td>
+                  <td>磷酸二铵</td>
+                  <td>12</td>
+                  <td>公斤</td>
+                  <td>&nbsp;</td>
+                </tr>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大林村东 005</td>
+                  <td>2020-06-20</td>
+                  <td>除草</td>
+                  <td>施田补</td>
+                  <td>250</td>
+                  <td>ML</td>
+                  <td>150KG水</td>
+                </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <!--<div class="origin_list_box clear">
+          <div class="date2_box">
+            <p class="date date2">06-16</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>
+                  <th>药品名称</th>
+                  <th>施药数量</th>
+                  <th>药品单位</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                  <td>XYNM004</td>
+                  <td>大林村东 005</td>
+                  <td>2020-06-16</td>
+                  <td>胡萝卜籽/td>
+                  <td>3.2</td>
+                  <td>KG</td>
+                  <td>尿素</td>
+                  <td>2</td>
+                  <td>KG</td>
+                  <td>&nbsp;</td>
+                  <td>&nbsp;</td>
+                  <td>&nbsp;</td>
+                </tr>
+
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <div class="detail_box">
+          <h3 class="tit2">种植图片视频信息</h3>
+          <div class="img_info mtop">
+            <p>
+              <img class="icon" src="images/qslyzzfour.jpg" alt="">
+            </p>
+            <p>
+              <img class="icon" src="images/qslyzz.jpg" alt="">
+            </p>
+            <p>
+              <img class="icon" src="images/qsylzzfif.jpg" alt="">
+            </p>
+          </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 = 'qslhshDetail.html?code_num_son='+ code;
+    window.open(url ,'')
+  }
+</script>
+</body>
+</html>

qslhshDetail.html

@@ -0,0 +1,200 @@
+<!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/banner.png" alt="" style="height: auto;">
+    </div>
+    <div class="product_detail">
+      <ul class="product_detail_box wd">
+        <li><label>标识码：</label><span id="code_num_son"></span></li>
+        <li><label>商品名称：</label><span>牵手6号阳光青提味乐活水</span></li>
+      </ul>
+      <!-- <ul class="product_detail_box wd">
+        <li><label><h3>产品信息</h3></label><span></span></li>
+        <li><label>产品图片：</label><span><img src="images/qianshou_lehuoshuiDetail.png" alt=""></span></li>
+        <li><label>产品名称：</label><span>牵手6号阳光青提味乐活水</span></li>
+        <li><label>产品介绍：</label><span>牵手6号阳光青提味乐活水</span></li>
+        <li><label>生产许可证编号：</label><span>SC10611130715911</span></li>
+        <li><label>厂名：</label><span>北京牵手果蔬饮品股份有限公司</span></li>
+        <li><label>保质期：</label><span>365天</span></li>
+        <li><label>系列：</label><span>乐活水</span></li>
+        <li><label>净含量：</label><span>258ml</span></li>
+        <li><label>脂肪含量：</label><span>0g/100mL</span></li>
+        <li><label>能量：</label><span>78kJ/100mL</span></li>
+        <li><label>蛋白质含量：</label><span>0g/100mL</span></li>
+        <li><label>碳水化合物含量：</label><span>3.3g/100mL</span></li>
+        <li><label>钠含量：</label><span>0毫克/100毫升</span></li>
+      </ul>
+      <ul class="product_detail_box wd">
+        <li><label><h3>责任主体信息</h3></label><span></span></li>
+        <li><label>企业注册地：</label><span>北京市顺义区</span></li>
+        <li><label>行业类型：</label><span>制造业</span></li>
+        <li><label>信用代码类型：</label><span>统一社会信用代码</span></li> 
+        <li><label>信用代码：</label><span>911100007699033808</span></li>
+        <li><label>责任主体名称：</label><span>北京牵手果蔬饮品股份有限公司</span></li>
+      </ul> -->
+    </div>
+    <div class="origin_con" style="margin-top:2rem;">
+      <!-- 产品信息 -->
+      <div class="origin_box">
+        <div class="origin_tit_con clear">
+          <div class="origin_tit_box clear">
+            <p>
+              <img class="icon" src="images/icon06.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">
+                <table class="product_detail_table">
+                  <tbody>
+                    <tr>
+                      <td class="itemName">产品图片</td>
+                      <td><img src="images/qianshou_lehuoshuiDetail.png" alt=""></td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">产品名称</td>
+                      <td>牵手6号阳光青提味乐活水</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">产品介绍</td>
+                      <td>牵手6号阳光青提味乐活水</td>
+                    </ttrh>
+                    <tr>
+                      <td class="itemName">生产许可证编号</td>
+                      <td>SC10611130715911</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">厂名</td>
+                      <td>北京牵手果蔬饮品股份有限公司</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">保质期</td>
+                      <td>365 天</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">系列</td>
+                      <td>乐活水<td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">净含量</td>
+                      <td>258ml</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">脂肪含量</td>
+                      <td>0g/100mL</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">能量</td>
+                      <td>78kJ/100mL</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">蛋白质含量</td>
+                      <td>0g/100mL</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">碳水化合物含量</td>
+                      <td>3.3g/100mL</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">钠含量</td>
+                      <td>0毫克/100毫升</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            </div>
+          </div>
+      </div>
+      <!-- 责任主体信息 -->
+      <div class="origin_box">
+        <div class="origin_tit_con clear">
+          <div class="origin_tit_box clear">
+            <p>
+              <img class="icon" src="images/icon07.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" style="display: block;">
+          <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">
+                <table class="product_detail_table">
+                  <tbody>
+                    <tr>
+                      <td class="itemName">企业注册地</td>
+                      <td>北京市顺义区</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">行业类型</td>
+                      <td>制造业</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">信用代码</td>
+                      <td>911100007699033808</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">责任主体名称</td>
+                      <td>北京牵手果蔬饮品股份有限公司</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            </div>
+          </div>
+      </div>
+      <div class="outLine"></div>
+    </div>
+  </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+  $(function () {
+    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 parents1 = getUrlParam('code_num_son');
+    // console.log("parents1-> " + parents1);
+    $("#code_num_son").html(parents1);
+  })
+</script>
+</body>
+</html>

qsnrf.html

@@ -0,0 +1,640 @@
+<!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/nrfqf.jpg" alt="" style="height: 6rem">
+    </div>
+    <div class="product_detail">
+      <p class="code_label">标识码:</p>
+      <!-- <h3 class="code_num">86.121.1339443412830519296/A0000000000000538624</h3> -->
+      <h3 class="code_num" id="code_num"><a href="javascript:;" onclick="bclick()">86.121.1339443412830519296/A0000000000000538624</a></h3>
+      <ul class="product_detail_box wd">
+        <li><label>产品名称： </label><span>掌鲜牛肉番茄饭</span></li>
+        <li><label>生产日期：</label><span>2022年5月23日</span></li>
+        <li><label>保质期：</label><span>12月</span></li>
+        <li><label>产地：</label><span>中国北京</span></li>
+        <li><label>规格：</label><span>422克</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">06-09</p>
+          <p class="year">2022</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>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 深加工 -->
+    <div class="origin_box">
+      <div class="origin_tit_con clear">
+        <div class="date_box">
+          <p class="date">06-03</p>
+          <p class="year">2022</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>成立日期：1998-09-21</li>-->
+                  <!--										<li>法定代表人：李颖林</li>-->
+                  <!--&lt;!&ndash;										<li>经营场所面积：28116.76㎡</li>&ndash;&gt;-->
+                  <!--										<li>统一社会信用代码：91110000633712032W</li>-->
+                </ul>
+              </div>
+            </div>
+          </div>
+          <div class="origin_list_box clear">
+            <div class="date2_box">
+              <p class="date date2">06-03</p>
+              <p class="year">2022</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>60.0kg</td>
+                    <td>运输车中部</td>
+                    <td>2022-06-03 14: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">5-28</p>
+              <p class="year">2022</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>QS33020428</td>
+                    <td>60.0kg</td>
+                    <td>58</td>
+                    <td>2022-05-27 15:30:00</td>
+                    <td>马云丹</td>
+                    <td>2022-05-27 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">06-25</p>
+              <p class="year">2022</p>
+            </div>
+            <div class="mark"></div>
+            <div class="detail_box">
+              <h3 class="tit2">产品抽检</h3>
+              <div class="wd">
+                <ul>
+                  <!--										<li>区块链码：3713bb25d4e1687f</li>-->
+                  <li>产品编号：6940600803554</li>
+                  <li>产品名称： 掌鲜意式肉酱</li>
+                  <li>抽检时间：2022-05-26 16:44</li>
+                  <li>抽检负责人： 冯琦</li>
+                  <li>抽检数量：50盒</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">05-23</p>
+              <p class="year">2022</p>
+            </div>
+            <div class="mark"></div>
+            <div class="detail_box">
+              <h3 class="tit2">产品登记</h3>
+              <div class="wd">
+                <ul>
+                  <!--										<li>区块链码：3713bb25d4e1687f</li>-->
+                  <li>产品编号： 34356600803554</li>
+                  <li>产品名称： 掌鲜牛肉番茄饭</li>
+                  <!--										<li>追溯码：CH20180925003</li>-->
+                  <li>数量：4000</li>
+                  <li>规格：1-2L</li>
+                  <li>保质期：12月</li>
+                  <li>单位：包</li>
+                  <li>生产日期：2022-05-22 10:32</li>
+
+                </ul>
+              </div>
+            </div>
+          </div>
+          <div class="origin_list_box clear">
+            <div class="date2_box">
+              <p class="date date2">05-20</p>
+              <p class="year">2022</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>2022-05-20</td>
+                    <td>王梓</td>
+                    <td>北京义农农产品产销合作社</td>
+                  </tr>
+                  <tr>
+                    <td>456799234</td>
+                    <td>番茄酱</td>
+                    <td>4000KG</td>
+                    <td>2022-05-20</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="origin_box">
+      <div class="origin_tit_con clear">
+        <div class="date_box">
+          <p class="date">5-11</p>
+          <p class="year">2022</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_box clear" style="padding-top: 0.2rem;">
+          <div class="detail_box">
+            <!--							<h3 class="tit2">农场信息</h3>-->
+            <ul>
+              <li style="line-height: 0.7rem;font-size: 0.3rem;margin-bottom: 15px;">牛肉标识码：<br/><a href="wapNr.html"
+                                                                                                   style="text-decoration: underline;color:#0066b3;">86.121.211/B1637E3344581</a>
+              </li>
+              <li style="line-height: 0.7rem;font-size: 0.3rem;">番茄酱标识码：<br/><a href="wapFqj.html"
+                                                                                style="text-decoration: underline;color:#0066b3;">86.121.476/Y145IDSE3344581</a>
+              </li>
+            </ul>
+            <!--							<div class="img_info mt3">-->
+            <!--									<img src="images/qslyyn.jpg" alt="">-->
+            <!--								</div>-->
+            <!--							<div class="wd">-->
+            <!--								<li>农场名称：北京义农农产品产销专业合作社</li>-->
+            <!--								<li>农场地址：北京市顺义区木林镇大林村兴旺街11号</li>-->
+            <!--								<li>法定代表人：张春梅</li>-->
+            <!--								<li>社会统一代码：931101133996501278</li>-->
+            <!--							</div>-->
+          </div>
+          <!--						<div class="detail_box">-->
+          <!--							<h3 class="tit2">环境信息</h3>-->
+          <!--							<div class="environment mtop" id="environment" style="height:300px;width:100%;">-->
+
+          <!--							</div>-->
+          <!--						</div>-->
+        </div>
+        <!--					<div class="origin_list_box clear">-->
+        <!--						<div class="date2_box">-->
+        <!--							<p class="date date2">09-23</p>-->
+        <!--							<p class="year">2018</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>-->
+        <!--										</tr>-->
+        <!--									</thead>-->
+        <!--									<tbody>-->
+        <!--										<tr>-->
+        <!--											<td>胡萝卜</td>-->
+        <!--											<td>H20180920002</td>-->
+        <!--											<td>5000</td>-->
+        <!--											<td>公斤</td>-->
+        <!--											<td>2018-09-23</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--											<td>北京义农农产品产销专业合作社</td>-->
+        <!--											<td>北京义农农产品产销专业合作社</td>-->
+        <!--										</tr>-->
+        <!--									</tbody>-->
+        <!--								</table>-->
+        <!--							</div>-->
+        <!--						</div>-->
+        <!--					</div>-->
+
+        <!--					<div class="origin_list_box clear">-->
+        <!--						<div class="date2_box">-->
+        <!--							<p class="date date2">09-20</p>-->
+        <!--							<p class="year">2018</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>-->
+        <!--										</tr>-->
+        <!--									</thead>-->
+        <!--									<tbody>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大林村东005</td>-->
+        <!--											<td>2018-09-20</td>-->
+        <!--											<td>胡萝卜</td>-->
+        <!--											<td>H20180920002</td>-->
+        <!--											<td>9000</td>-->
+        <!--											<td>公斤</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--										</tr>-->
+        <!--									</tbody>-->
+        <!--								</table>-->
+        <!--							</div>-->
+        <!--						</div>-->
+        <!--					</div>-->
+        <!--					<div class="origin_list_box clear">-->
+        <!--						<div class="date2_box">-->
+        <!--							<p class="date date2">06-20</p>-->
+        <!--							<p class="year">2018</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>-->
+        <!--										</tr>-->
+        <!--									</thead>-->
+        <!--									<tbody>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大村河东005</td>-->
+        <!--											<td>2018-07-30</td>-->
+        <!--											<td>施肥</td>-->
+        <!--											<td>碳酸二胺</td>-->
+        <!--											<td>15</td>-->
+        <!--											<td>吨</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--										</tr>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大村河东005</td>-->
+        <!--											<td>2018-07-25</td>-->
+        <!--											<td>浇水</td>-->
+        <!--											<td>水</td>-->
+        <!--											<td>5</td>-->
+        <!--											<td>吨</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--										</tr>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大林村东 005</td>-->
+        <!--											<td>2018-07-10</td>-->
+        <!--											<td>施肥</td>-->
+        <!--											<td>磷酸二铵</td>-->
+        <!--											<td>12</td>-->
+        <!--											<td>公斤</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--										</tr>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大林村东 005</td>-->
+        <!--											<td>2018-06-20</td>-->
+        <!--											<td>除草</td>-->
+        <!--											<td>施田补</td>-->
+        <!--											<td>250</td>-->
+        <!--											<td>ml</td>-->
+        <!--											<td>150KG水</td>-->
+        <!--										</tr>-->
+        <!--									</tbody>-->
+        <!--								</table>-->
+        <!--							</div>-->
+        <!--						</div>-->
+        <!--					</div>-->
+        <!--					<div class="origin_list_box clear">-->
+        <!--						<div class="date2_box">-->
+        <!--							<p class="date date2">06-16</p>-->
+        <!--							<p class="year">2018</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>-->
+        <!--											<th>药品名称</th>-->
+        <!--											<th>施药数量</th>-->
+        <!--											<th>药品单位</th>-->
+        <!--										</tr>-->
+        <!--									</thead>-->
+        <!--									<tbody>-->
+        <!--										<tr>-->
+        <!--											<td>XYNM004</td>-->
+        <!--											<td>大林村东 005</td>-->
+        <!--											<td>2018-06-16</td>-->
+        <!--											<td>胡萝卜籽/td>-->
+        <!--											<td>3.2</td>-->
+        <!--											<td>KG</td>-->
+        <!--											<td>尿素</td>-->
+        <!--											<td>2</td>-->
+        <!--											<td>KG</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--											<td>&nbsp;</td>-->
+        <!--										</tr>-->
+
+        <!--									</tbody>-->
+        <!--								</table>-->
+        <!--							</div>-->
+        <!--						</div>-->
+        <!--					</div>-->
+
+
+        <!--					<div class="detail_box">-->
+        <!--						<h3 class="tit2">种植图片视频信息</h3>-->
+        <!--						<div class="img_info mtop">-->
+        <!--							<p>-->
+        <!--								<img class="icon" src="images/qslyzzfour.jpg" alt="">-->
+        <!--							</p>-->
+        <!--							<p>-->
+        <!--								<img class="icon" src="images/qslyzz.jpg" alt="">-->
+        <!--							</p>-->
+        <!--							<p>-->
+        <!--								<img class="icon" src="images/qsylzzfif.jpg" alt="">-->
+        <!--							</p>-->
+        <!--						</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 = 'indexDetail.html?code_num_son='+ code;
+    window.open(url ,'')
+  }
+</script>
+</body>
+</html>

wapFq.html

@@ -0,0 +1,894 @@
+<!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/fanqie.png" alt="">
+			</div>
+			<div class="product_detail">
+				<p class="code_label">标识码:</p>
+				<h3 class="code_num" style="font-size: 0.33rem">86.121.324/A896145IDSE3356743</h3>
+				<ul class="product_detail_box wd">
+					<li><label>产品名称：</label><span>番茄</span></li>
+					<li><label>保质期：</label><span>7天</span></li>
+					<li><label>价格：</label><span>6.5元/公斤</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">05-10</p>
+						<p class="year">2019</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/shimen.jpg" alt="">
+								</div>
+								<div class="wd mtop">
+									<ul>
+										<li>市场名称：北京市顺义区石门市场</li>
+										<li>市场地址：北京顺义区石门镇</li>
+										<li>负责人：刘彩霞</li>
+										<li>柜台面积：4平方米 </li>
+									</ul>
+								</div>
+							</div>
+						</div>
+						<div class="origin_list_box clear">	
+							<div class="date2_box">
+								<p class="date date2">05-07</p>
+								<p class="year">2019</p>
+							</div>	
+							<div class="mark"></div>					
+							<div class="detail_box">
+								<h3 class="tit2">入库登记信息</h3>
+								<div class="wd">
+									<ul>
+										<li>接收人：郑鑫</li>
+										<li>入库时间：2019-05-07 11:10:00</li>
+										<li>包装箱编号：1809070028</li>
+										<li>库位编号：5号</li>
+										<li>接收时温度：18°</li>
+									</ul>
+								</div>
+								<!--<div class="table wd mtop">
+									<table border="1">
+										<thead>
+											<tr>
+												<th>包装箱编号</th>
+												<th>重量</th>
+												<th>接收时温度</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td>88256786789</td>
+												<td>4.25KG</td>
+												<td>18°</td>
+											</tr>
+										</tbody>
+									</table>
+								</div>-->
+								
+							</div>
+						</div>
+						<div class="origin_list_box clear">	
+							<div class="date2_box">
+								<p class="date date2">05-06</p>
+								<p class="year">2019</p>
+							</div>	
+							<div class="mark"></div>					
+							<div class="detail_box">
+								<h3 class="tit2">接收检查</h3>
+								<div class="wd">
+									<ul>	
+<!--										<li>区块链码：4223217b212a626d</li>-->
+										<li>产品编号：88256786789</li>
+										<li>检查时间：2019-05-06 10:40:00</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>88256786789</td>
+												<td>有</td>
+												<td>4.25KG</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">09-07</p>-->
+<!--						<p class="year">2018</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/ssnr_car.jpg" alt="">-->
+<!--								</div>-->
+<!--								<div class="wd">-->
+<!--									<ul>-->
+<!--										<li>车牌号：京C08K23</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" style="width: 100%;height: 5rem">-->
+<!--								</div>-->
+<!--								-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-07</p>-->
+<!--								<p class="year">2018</p>-->
+<!--							</div>	-->
+<!--							<div class="mark"></div>					-->
+<!--							<div class="detail_box">-->
+<!--								<h3 class="tit2">产品交付</h3>-->
+<!--								<div class="wd">-->
+<!--									<ul>-->
+<!--										<li>交付时间：2018-09-07 10:20: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>1809070028</td>-->
+<!--												<td>4.25KG</td>-->
+<!--												<td>车厢前</td>-->
+<!--											</tr>-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-07</p>-->
+<!--								<p class="year">2018</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>15°</td>-->
+<!--												<td>40%</td>-->
+<!--												<td>车厢前</td>-->
+<!--												<td>2018-09-07 09:40:00</td>-->
+<!--											</tr>-->
+<!--										-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-07</p>-->
+<!--								<p class="year">2018</p>-->
+<!--							</div>	-->
+<!--							<div class="mark"></div>					-->
+<!--							<div class="detail_box">-->
+<!--								<h3 class="tit2">产品装车</h3>-->
+<!--								<div class="wd">-->
+<!--									<ul>-->
+<!--										<li>装车时间：2018-09-07 09:20:00</li>-->
+<!--										<li>装车地点：北京市顺义区xx农场</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>1809070028</td>-->
+<!--												<td>4.25KG</td>-->
+<!--												<td>车厢前</td>-->
+<!--											</tr>-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--					</div>-->
+<!--				</div>-->
+<!--			</div>-->
+<!--			-->
+<!--			&lt;!&ndash; 深加工 &ndash;&gt;-->
+<!--			<div class="origin_box">-->
+<!--			-->
+<!--				<div class="origin_tit_con clear">-->
+<!--					<div class="date_box">-->
+<!--						<p class="date">09-02</p>-->
+<!--						<p class="year">2018</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/qslyyn.jpg" alt="">-->
+<!--								</div>-->
+<!--								<div class="wd mtop">-->
+<!--									<ul>-->
+<!--										<li>企业名称：北京市顺义区xx农场</li>-->
+<!--										<li>企业地址：北京市顺义区</li>-->
+<!--										<li>占地面积： 150亩</li>-->
+<!--										<li>社会统一代码：931101133996501278 </li>-->
+<!--										<li>所属行业：蔬菜种植</li>-->
+<!--										<li>法定代表人：张春梅</li>-->
+<!--									</ul>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						-->
+<!--						-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-07</p>-->
+<!--								<p class="year">2018</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>1809070028</td>-->
+<!--												<td>4.25KG</td>-->
+<!--												<td>车厢前</td>-->
+<!--												<td>2018-09-07 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">09-06</p>-->
+<!--								<p class="year">2018</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>1809070028</td>-->
+<!--												<td>4.25KG</td>-->
+<!--												<td>7号</td>-->
+<!--												<td>2018-09-06 13:30:00</td>-->
+<!--												<td>黄商</td>-->
+<!--												<td>2018-09-07 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">09-06</p>-->
+<!--								<p class="year">2018</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>1809070028</td>-->
+<!--												<td>45cm*20cm*25cm</td>-->
+<!--												<td>4.25KG</td>-->
+<!--												<td>北京市顺义区xx农场</td>								-->
+<!--												<td>2018-09-06 12:30:00</td>-->
+<!--												<td>蔬菜专用箱</td>-->
+<!--												<td>88256786789</td>-->
+<!--												<td>4</td>-->
+<!--												<td>KG</td>-->
+<!--											</tr>-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-06</p>-->
+<!--								<p class="year">2018</p>-->
+<!--							</div>	-->
+<!--							<div class="mark"></div>				-->
+<!--							<div class="detail_box">-->
+<!--								<h3 class="tit2">产品抽检</h3>-->
+<!--								<div class="wd">-->
+<!--									<ul>-->
+<!--										<li>区块链码：4223217b212a626d</li>-->
+<!--										<li>产品批次号：88256786789</li>-->
+<!--										<li>产品名称： 芹菜</li>	-->
+<!--										<li>抽检负责人： 王毅</li>-->
+<!--										<li>抽检时间：2018-09-06 10:30</li>-->
+<!--										<li>抽检数量：20KG</li>-->
+<!--										<li>抽检覆盖率：4.5%</li>-->
+<!--										<li>抽检合格率：100%</li>-->
+<!--										-->
+<!--									</ul>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-04</p>-->
+<!--								<p class="year">2018</p>-->
+<!--							</div>	-->
+<!--							<div class="mark"></div>				-->
+<!--							<div class="detail_box">-->
+<!--								<h3 class="tit2">产品登记</h3>-->
+<!--								<div class="wd">-->
+<!--									<ul>-->
+<!--										<li>区块链码：4223217b212a626d</li>-->
+<!--										<li>产品批次号：88256786789</li>-->
+<!--										<li>产品追溯码：P20180005013</li>-->
+<!--										<li>生产日期： 2018-09-04 10:40</li>-->
+<!--										<li>商品名称： 芹菜</li>-->
+<!--										<li>保质期：7日</li>-->
+<!--										<li>单位：KG</li>-->
+<!--										<li>数量：450</li>-->
+<!--									</ul>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--			-->
+<!--			<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-02</p>-->
+<!--								<p class="year">2018</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>A20180830002</td>-->
+<!--												<th>芹菜</th>-->
+<!--												<td>500KG</td>-->
+<!--												<td>2018-09-02</td>-->
+<!--												<td>丁辉</td>-->
+<!--												<td>北京市顺义区xx农场</td>-->
+<!--											</tr>-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--			-->
+<!--			<div class="detail_box">-->
+<!--							<h3 class="tit2">深加工图片视频信息</h3>-->
+<!--							<div class="img_info mtop">-->
+<!--								<img class="icon" src="images/gxsysjgone.jpg" alt="">-->
+<!--							</div>-->
+<!--							<div class="img_info mtop">-->
+<!--								<img class="icon" src="images/gxsydk.jpg" alt="">-->
+<!--							</div>-->
+<!--							<div class="mtop">-->
+<!--								-->
+<!--							</div>-->
+<!--						</div>-->
+<!--			-->
+<!--			-->
+<!--					</div>	-->
+<!--					-->
+<!--				</div>-->
+<!--			</div>-->
+<!--			-->
+			<!-- 种殖 -->
+			<div class="origin_box">
+				<div class="origin_tit_con clear">
+					<div class="date_box">
+						<p class="date">02-16</p>
+						<p class="year">2019</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" onClick="getChart()" >
+								<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_box clear" style="padding-top: 0.2rem;">				
+						<div class="detail_box">
+							<h3 class="tit2">农场信息</h3>	
+							<div class="img_info mt3">
+									<img src="images/qslyyn.jpg" alt="">
+								</div>
+							<div class="wd">
+								<li>农场名称：北京市顺义区义农农场</li>
+								<li>农场地址：北京市顺义区</li>
+								<li>占地面积：150亩</li>
+								<li>社会统一代码：931101133996501278</li>
+								<li>所属行业：蔬菜种植</li>
+								<li>法定代表人:张春梅</li>
+							</div>		
+						</div>
+						<div class="detail_box">
+							<h3 class="tit2">环境信息</h3>
+							<div class="environment mtop" id="environment" style="height:300px;width:100%;">		
+							</div>
+						</div>
+					</div>
+					<div class="origin_list_box clear">	
+						<div class="date2_box">
+							<p class="date date2">02-16</p>
+							<p class="year">2019</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>
+										</tr>
+									</thead>
+									<tbody>
+										<tr>
+											<td>番茄</td>
+											<td>A20180830002</td>
+											<td>500</td>
+											<td>公斤</td>
+											<td>2019-02-16</td>
+											<td>&nbsp;</td>
+											<td>北京市顺义区xx农场</td>
+											<td>北京市顺义区xx农场</td>
+										</tr>
+									</tbody>
+								</table>
+							</div>							
+						</div>
+					</div>
+				
+<!--					<div class="origin_list_box clear">	-->
+<!--						<div class="date2_box">-->
+<!--							<p class="date date2">08-30</p>-->
+<!--							<p class="year">2018</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>-->
+<!--										</tr>-->
+<!--									</thead>-->
+<!--									<tbody>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林村东003</td>-->
+<!--											<td>2018-08-30</td>-->
+<!--											<td>芹菜</td>-->
+<!--											<td>A20180830002</td>-->
+<!--											<td>500</td>-->
+<!--											<td>公斤</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>-->
+<!--										-->
+<!--									</tbody>-->
+<!--								</table>-->
+<!--							</div>							-->
+<!--						</div>-->
+<!--					</div>-->
+<!--					<div class="origin_list_box clear">	-->
+<!--						<div class="date2_box">-->
+<!--							<p class="date date2">04-30</p>-->
+<!--							<p class="year">2018</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>-->
+<!--										</tr>-->
+<!--									</thead>-->
+<!--									<tbody>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林河东003</td>-->
+<!--											<td>2018-07-06</td>-->
+<!--											<td>浇水</td>-->
+<!--											<td>水</td>-->
+<!--											<td>5</td>-->
+<!--											<td>吨</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林河东003</td>-->
+<!--											<td>2018-06-10</td>-->
+<!--											<td>施肥</td>-->
+<!--											<td>磷酸二铵</td>-->
+<!--											<td>500</td>-->
+<!--											<td>公斤</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林河东003</td>-->
+<!--											<td>2018-05-30</td>-->
+<!--											<td>打药</td>-->
+<!--											<td>克螟丹</td>-->
+<!--											<td>12</td>-->
+<!--											<td>瓶</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林河东003</td>-->
+<!--											<td>2018-04-30</td>-->
+<!--											<td>除草</td>-->
+<!--											<td>乙草胺</td>-->
+<!--											<td>12</td>-->
+<!--											<td>瓶</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>-->
+<!--										-->
+<!--									</tbody>-->
+<!--								</table>-->
+<!--							</div>							-->
+<!--						</div>-->
+<!--					</div>-->
+<!--					<div class="origin_list_box clear">	-->
+<!--						<div class="date2_box">-->
+<!--							<p class="date date2">04-16</p>-->
+<!--							<p class="year">2018</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>-->
+<!--											<th>农药名称</th>-->
+<!--											<th>施药数量</th>-->
+<!--											<th>施药单位</th>-->
+<!--										</tr>-->
+<!--									</thead>-->
+<!--									<tbody>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林河东003</td>-->
+<!--											<td>2018-04-16</td>-->
+<!--											<td>芹菜种</td>-->
+<!--											<td>3</td>-->
+<!--											<td>KG</td>-->
+<!--											<td>尿素</td>-->
+<!--											<td>2</td>-->
+<!--											<td>袋</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>	-->
+<!--									</tbody>-->
+<!--								</table>-->
+<!--							</div>							-->
+<!--						</div>-->
+<!--					</div>-->
+					
+					<div class="detail_box">
+						<h3 class="tit2">种植图片视频</h3>
+						<div class="img_info mtop">
+								<img class="icon" src="images/zhongzhi.jpg" alt="">
+						</div>
+					</div>
+					
+				</div>
+			</div>
+
+			<div class="outLine"></div>
+		</div>
+	</div>
+	
+	<script type="text/javascript">
+		
+		function getmap(){
+			var map = new BMap.Map("lineMap");
+			map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);
+			var driving = new BMap.DrivingRoute(map, {renderOptions: {map: map, autoViewport: true}});
+			driving.search("顺义区友谊东路93号", "石门小区");
+		}
+		
+		function getChart(){
+			var dom = document.getElementById("environment");
+			var myChart = echarts.init(dom);
+			var app = {};
+			option = null;
+			option = {
+				grid:{
+					bottom:'25%'
+				},
+			    title: {
+			        text: '2019年至今温湿度及日照时数',
+			        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)
+		}
+
+	</script>
+	
+	
+</body>
+</html>

wapFqj.html

@@ -0,0 +1,973 @@
+<!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">
+	<style>
+		.mark{
+			/* background: #e73827; */
+		}
+		.outLine{
+			background: #e4e7ed;
+		}
+	
+		/* .origin_tit_box{
+			background: #e73827;
+			color:#fff;
+		} */
+		.origin_bg{
+			background: url(./images/barbg2.png);
+			background-size: 100%;
+		}
+		.origin_tit_box{
+			width:6rem;
+			background: #fff;
+			border-radius: 0;
+			border-bottom:2px solid #e4e7ed;
+			color:#000;
+		}
+		.origin_tit_box span{
+			font-weight: bold;
+		}
+		.origin_tit_box .icon{
+			display: none;
+		}
+		.mark-new{
+			width: 0.15rem;
+			height: 0.15rem;
+			display: inline-block;
+			border-radius: 50%;
+			background: #19b955;
+			margin-top: 0.5rem;
+			margin-left: 0.18rem;
+			vertical-align: middle;
+			position: absolute;
+			left: 1rem;
+    		top: -0.2rem;
+		}
+	</style>
+	<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/fqj2.png" alt="">
+			</div>
+			<div class="product_detail">
+				<p class="code_label">标识码:</p>
+				<h3 class="code_num">86.121.476/Y145IDSE3344581</h3>
+				<ul class="product_detail_box wd">
+					<li><label>产品名称：</label><span>李锦记番茄酱</span></li>
+					<li><label>生产日期： </label><span>2019年5月24日</span></li>
+					<li><label>保质期：</label><span>12个月</span></li>
+					<li><label>产地：</label><span>中国北京</span></li>
+					<li><label>规格：</label><span>50kg</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">09-07</p>-->
+<!--						<p class="year">2018</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/gxsyjy.jpg" alt="">-->
+<!--								</div>-->
+<!--								<div class="wd mtop">-->
+<!--									<ul>-->
+<!--										<li>市场名称：北京市顺义区石门市场</li>-->
+<!--										<li>市场地址：北京顺义区石门镇</li>-->
+<!--										<li>负责人：刘彩霞</li>-->
+<!--										<li>柜台面积：4平方米 </li>-->
+<!--									</ul>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-07</p>-->
+<!--								<p class="year">2018</p>-->
+<!--							</div>	-->
+<!--							<div class="mark"></div>					-->
+<!--							<div class="detail_box">-->
+<!--								<h3 class="tit2">入库登记信息</h3>-->
+<!--								<div class="wd">-->
+<!--									<ul>-->
+<!--										<li>接收人：郑鑫</li>-->
+<!--										<li>入库时间：2018-09-07 11:10:00</li>-->
+<!--										<li>包装箱编号：1809070028</li>-->
+<!--										<li>库位编号：5号</li>-->
+<!--										<li>接收时温度：18°</li>-->
+<!--									</ul>-->
+<!--								</div>-->
+<!--								&lt;!&ndash;<div class="table wd mtop">-->
+<!--									<table border="1">-->
+<!--										<thead>-->
+<!--											<tr>-->
+<!--												<th>包装箱编号</th>-->
+<!--												<th>重量</th>-->
+<!--												<th>接收时温度</th>-->
+<!--											</tr>-->
+<!--										</thead>-->
+<!--										<tbody>-->
+<!--											<tr>-->
+<!--												<td>88256786789</td>-->
+<!--												<td>4.25KG</td>-->
+<!--												<td>18°</td>-->
+<!--											</tr>-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>&ndash;&gt;-->
+<!--								-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-07</p>-->
+<!--								<p class="year">2018</p>-->
+<!--							</div>	-->
+<!--							<div class="mark"></div>					-->
+<!--							<div class="detail_box">-->
+<!--								<h3 class="tit2">接收检查</h3>-->
+<!--								<div class="wd">-->
+<!--									<ul>	-->
+<!--										<li>区块链码：4223217b212a626d</li>-->
+<!--										<li>产品编号：88256786789</li>-->
+<!--										<li>检查时间：2018-09-07 10:40:00</li>-->
+<!--										<li>检查人：赵鑫</li>-->
+<!--										<li>品质检验合格证：有</li>-->
+<!--									</ul>-->
+<!--								</div>-->
+<!--								&lt;!&ndash;<div class="table wd mtop">-->
+<!--									<table border="1">-->
+<!--										<thead>-->
+<!--											<tr>-->
+<!--												<th>产品 编号</th>-->
+<!--												<th>品质检验合格证</th>-->
+<!--												<th>重量</th>-->
+<!--											</tr>-->
+<!--										</thead>-->
+<!--										<tbody>-->
+<!--											<tr>-->
+<!--												<td>88256786789</td>-->
+<!--												<td>有</td>-->
+<!--												<td>4.25KG</td>	-->
+<!--											</tr>-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>&ndash;&gt;-->
+<!--							</div>-->
+<!--						</div>-->
+<!--					</div>-->
+<!--				</div>-->
+<!--			</div>-->
+<!--			-->
+<!--			&lt;!&ndash; 商品运输 &ndash;&gt;-->
+<!--			<div class="origin_box">-->
+<!--				<div class="origin_tit_con clear">-->
+<!--					<div class="date_box">-->
+<!--						<p class="date">09-07</p>-->
+<!--						<p class="year">2018</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/ssnr_car.jpg" alt="">-->
+<!--								</div>-->
+<!--								<div class="wd">-->
+<!--									<ul>-->
+<!--										<li>车牌号：京C08K23</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" style="width: 100%;height: 5rem">-->
+<!--								</div>-->
+<!--								-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-07</p>-->
+<!--								<p class="year">2018</p>-->
+<!--							</div>	-->
+<!--							<div class="mark"></div>					-->
+<!--							<div class="detail_box">-->
+<!--								<h3 class="tit2">产品交付</h3>-->
+<!--								<div class="wd">-->
+<!--									<ul>-->
+<!--										<li>交付时间：2018-09-07 10:20: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>1809070028</td>-->
+<!--												<td>4.25KG</td>-->
+<!--												<td>车厢前</td>-->
+<!--											</tr>-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-07</p>-->
+<!--								<p class="year">2018</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>15°</td>-->
+<!--												<td>40%</td>-->
+<!--												<td>车厢前</td>-->
+<!--												<td>2018-09-07 09:40:00</td>-->
+<!--											</tr>-->
+<!--										-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-07</p>-->
+<!--								<p class="year">2018</p>-->
+<!--							</div>	-->
+<!--							<div class="mark"></div>					-->
+<!--							<div class="detail_box">-->
+<!--								<h3 class="tit2">产品装车</h3>-->
+<!--								<div class="wd">-->
+<!--									<ul>-->
+<!--										<li>装车时间：2018-09-07 09:20:00</li>-->
+<!--										<li>装车地点：北京市顺义区xx农场</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>1809070028</td>-->
+<!--												<td>4.25KG</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">05-12</p>
+						<p class="year">2019</p>
+					</div>
+					<div class="mark-new"></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-right.png" alt="">
+							</a>
+						</p>		
+					</div>
+				</div>
+				<div class="origin_list_con" data-id="3" style="display: block;">
+					<div class="origin_bg" style="background: url(./images/barbg2.png);background-size: 100%;">
+						<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/ljj_gongchang.jpeg" alt="">
+								</div>
+								<div class="wd mtop">
+									<ul>
+										<li>企业名称：李锦记集团</li>
+										<li>企业地址：中国 香港</li>
+<!--										<li>占地面积： 150亩</li>-->
+<!--										<li>社会统一代码：931101133996501278 </li>-->
+										<li>所属行业：酱料品牌</li>
+										<li>法定代表人：李锦裳</li>
+									</ul>
+								</div>
+							</div>
+						</div>
+						
+						
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-07</p>-->
+<!--								<p class="year">2018</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>1809070028</td>-->
+<!--												<td>4.25KG</td>-->
+<!--												<td>车厢前</td>-->
+<!--												<td>2018-09-07 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">09-06</p>-->
+<!--								<p class="year">2018</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>1809070028</td>-->
+<!--												<td>4.25KG</td>-->
+<!--												<td>7号</td>-->
+<!--												<td>2018-09-06 13:30:00</td>-->
+<!--												<td>黄商</td>-->
+<!--												<td>2018-09-07 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">09-06</p>-->
+<!--								<p class="year">2018</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>1809070028</td>-->
+<!--												<td>45cm*20cm*25cm</td>-->
+<!--												<td>4.25KG</td>-->
+<!--												<td>北京市顺义区xx农场</td>								-->
+<!--												<td>2018-09-06 12:30:00</td>-->
+<!--												<td>蔬菜专用箱</td>-->
+<!--												<td>88256786789</td>-->
+<!--												<td>4</td>-->
+<!--												<td>KG</td>-->
+<!--											</tr>-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+						
+						<div class="origin_list_box clear">	
+							<div class="date2_box">
+								<p class="date date2">05-01</p>
+								<p class="year">2019</p>
+							</div>	
+							<div class="mark"></div>				
+							<div class="detail_box">
+								<h3 class="tit2">产品抽检</h3>
+								<div class="wd">
+									<ul>
+<!--										<li>区块链码：4223217b212a626d</li>-->
+										<li>产品批次号：88256786789</li>
+										<li>产品名称： 李锦记番茄酱</li>
+										<li>抽检负责人： 王毅</li>
+										<li>抽检时间：2019-05-01 10:30</li>
+										<li>抽检数量：200瓶</li>
+										<li>抽检覆盖率：4.5%</li>
+										<li>抽检合格率：100%</li>
+										
+									</ul>
+								</div>
+							</div>
+						</div>
+						
+<!--						<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-04</p>-->
+<!--								<p class="year">2018</p>-->
+<!--							</div>	-->
+<!--							<div class="mark"></div>				-->
+<!--							<div class="detail_box">-->
+<!--								<h3 class="tit2">产品登记</h3>-->
+<!--								<div class="wd">-->
+<!--									<ul>-->
+<!--										<li>区块链码：4223217b212a626d</li>-->
+<!--										<li>产品批次号：88256786789</li>-->
+<!--										<li>产品追溯码：P20180005013</li>-->
+<!--										<li>生产日期： 2018-09-04 10:40</li>-->
+<!--										<li>商品名称： 芹菜</li>-->
+<!--										<li>保质期：7日</li>-->
+<!--										<li>单位：KG</li>-->
+<!--										<li>数量：450</li>-->
+<!--									</ul>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--			-->
+<!--			<div class="origin_list_box clear">	-->
+<!--							<div class="date2_box">-->
+<!--								<p class="date date2">09-02</p>-->
+<!--								<p class="year">2018</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>A20180830002</td>-->
+<!--												<th>芹菜</th>-->
+<!--												<td>500KG</td>-->
+<!--												<td>2018-09-02</td>-->
+<!--												<td>丁辉</td>-->
+<!--												<td>北京市顺义区xx农场</td>-->
+<!--											</tr>-->
+<!--										</tbody>-->
+<!--									</table>-->
+<!--								</div>-->
+<!--							</div>-->
+<!--						</div>-->
+			
+			<div class="detail_box">
+							<h3 class="tit2">加工图片视频信息</h3>
+							<div class="img_info mtop">
+								<img class="icon" src="images/jiagong_ljj.jpeg" alt="">
+							</div>
+<!--							<div class="img_info mtop">-->
+<!--								<img class="icon" src="images/gxsydk.jpg" alt="">-->
+<!--							</div>-->
+							<div class="mtop">
+								
+							</div>
+						</div>
+			
+			
+					</div>	
+					
+				</div>
+			</div>
+
+			<div class="origin_box">
+				<div class="origin_tit_con clear">
+					<div class="date_box">
+						<p class="date">04-26</p>
+						<p class="year">2019</p>
+					</div>
+					<div class="mark-new"></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-right.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_box clear" style="padding-top: 0.2rem;">
+						<div class="detail_box">
+							<!--							<h3 class="tit2">农场信息</h3>-->
+							<ul>
+								<li style="line-height: 0.7rem;font-size: 0.3rem;margin-bottom: 15px;">番茄标识码：<br/><a href="wapFq.html" style="text-decoration: underline;color:#0066b3;">86.121.324/A896145IDSE3356743</a></li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+			<!-- 种殖 -->
+<!--			<div class="origin_box">-->
+<!--				<div class="origin_tit_con clear">-->
+<!--					<div class="date_box">-->
+<!--						<p class="date">04-16</p>-->
+<!--						<p class="year">2018</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" onClick="getChart()" >-->
+<!--								<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_box clear">				-->
+<!--						<div class="detail_box">-->
+<!--							<h3 class="tit2">农场信息</h3>	-->
+<!--							<div class="img_info mt3">-->
+<!--									<img src="images/qslyyn.jpg" alt="">-->
+<!--								</div>-->
+<!--							<div class="wd">-->
+<!--								<li>农场名称：北京市顺义区xx农场</li>-->
+<!--								<li>农场地址：北京市顺义区</li>-->
+<!--								<li>占地面积：150亩</li>-->
+<!--								<li>社会统一代码：931101133996501278</li>-->
+<!--								<li>所属行业：蔬菜种植</li>-->
+<!--								<li>法定代表人:张春梅</li>-->
+<!--							</div>		-->
+<!--						</div>-->
+<!--						<div class="detail_box">-->
+<!--							<h3 class="tit2">环境信息</h3>-->
+<!--							<div class="environment mtop" id="environment" style="height:300px;width:100%;">		-->
+<!--							</div>-->
+<!--						</div>-->
+<!--					</div>-->
+<!--					<div class="origin_list_box clear">	-->
+<!--						<div class="date2_box">-->
+<!--							<p class="date date2">09-02</p>-->
+<!--							<p class="year">2018</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>-->
+<!--										</tr>-->
+<!--									</thead>-->
+<!--									<tbody>-->
+<!--										<tr>-->
+<!--											<td>芹菜</td>-->
+<!--											<td>A20180830002</td>-->
+<!--											<td>500</td>-->
+<!--											<td>公斤</td>-->
+<!--											<td>2018-09-02</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--											<td>北京市顺义区xx农场</td>-->
+<!--											<td>北京市顺义区xx农场</td>-->
+<!--										</tr>-->
+<!--									</tbody>-->
+<!--								</table>-->
+<!--							</div>							-->
+<!--						</div>-->
+<!--					</div>-->
+<!--				-->
+<!--					<div class="origin_list_box clear">	-->
+<!--						<div class="date2_box">-->
+<!--							<p class="date date2">08-30</p>-->
+<!--							<p class="year">2018</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>-->
+<!--										</tr>-->
+<!--									</thead>-->
+<!--									<tbody>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林村东003</td>-->
+<!--											<td>2018-08-30</td>-->
+<!--											<td>芹菜</td>-->
+<!--											<td>A20180830002</td>-->
+<!--											<td>500</td>-->
+<!--											<td>公斤</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>-->
+<!--										-->
+<!--									</tbody>-->
+<!--								</table>-->
+<!--							</div>							-->
+<!--						</div>-->
+<!--					</div>-->
+<!--					<div class="origin_list_box clear">	-->
+<!--						<div class="date2_box">-->
+<!--							<p class="date date2">04-30</p>-->
+<!--							<p class="year">2018</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>-->
+<!--										</tr>-->
+<!--									</thead>-->
+<!--									<tbody>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林河东003</td>-->
+<!--											<td>2018-07-06</td>-->
+<!--											<td>浇水</td>-->
+<!--											<td>水</td>-->
+<!--											<td>5</td>-->
+<!--											<td>吨</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林河东003</td>-->
+<!--											<td>2018-06-10</td>-->
+<!--											<td>施肥</td>-->
+<!--											<td>磷酸二铵</td>-->
+<!--											<td>500</td>-->
+<!--											<td>公斤</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林河东003</td>-->
+<!--											<td>2018-05-30</td>-->
+<!--											<td>打药</td>-->
+<!--											<td>克螟丹</td>-->
+<!--											<td>12</td>-->
+<!--											<td>瓶</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林河东003</td>-->
+<!--											<td>2018-04-30</td>-->
+<!--											<td>除草</td>-->
+<!--											<td>乙草胺</td>-->
+<!--											<td>12</td>-->
+<!--											<td>瓶</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>-->
+<!--										-->
+<!--									</tbody>-->
+<!--								</table>-->
+<!--							</div>							-->
+<!--						</div>-->
+<!--					</div>-->
+<!--					<div class="origin_list_box clear">	-->
+<!--						<div class="date2_box">-->
+<!--							<p class="date date2">04-16</p>-->
+<!--							<p class="year">2018</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>-->
+<!--											<th>农药名称</th>-->
+<!--											<th>施药数量</th>-->
+<!--											<th>施药单位</th>-->
+<!--										</tr>-->
+<!--									</thead>-->
+<!--									<tbody>-->
+<!--										<tr>-->
+<!--											<td>XYNM001</td>-->
+<!--											<td>大林河东003</td>-->
+<!--											<td>2018-04-16</td>-->
+<!--											<td>芹菜种</td>-->
+<!--											<td>3</td>-->
+<!--											<td>KG</td>-->
+<!--											<td>尿素</td>-->
+<!--											<td>2</td>-->
+<!--											<td>袋</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--											<td>&nbsp;</td>-->
+<!--										</tr>	-->
+<!--									</tbody>-->
+<!--								</table>-->
+<!--							</div>							-->
+<!--						</div>-->
+<!--					</div>-->
+<!--					-->
+<!--					<div class="detail_box">-->
+<!--						<h3 class="tit2">种植图片视频</h3>-->
+<!--						<div class="img_info mtop">-->
+<!--								<img class="icon" src="images/gxsysjgs.jpg" alt="">-->
+<!--						</div>-->
+<!--					</div>-->
+<!--					-->
+<!--				</div>-->
+<!--			</div>-->
+
+			<div class="outLine" style="top:0.3rem;"></div>
+		</div>
+	</div>
+	
+	<script type="text/javascript">
+		
+		function getmap(){
+			var map = new BMap.Map("lineMap");
+			map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);
+			var driving = new BMap.DrivingRoute(map, {renderOptions: {map: map, autoViewport: true}});
+			driving.search("顺义区友谊东路93号", "石门小区");
+		}
+		
+		function getChart(){
+			var dom = document.getElementById("environment");
+			var myChart = echarts.init(dom);
+			var app = {};
+			option = null;
+			option = {
+				grid:{
+					bottom:'25%'
+				},
+			    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)
+		}
+
+	</script>
+	
+	
+</body>
+</html>

yxrsf.html

@@ -0,0 +1,739 @@
+<!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>

yxrsfDetail.html

@@ -0,0 +1,199 @@
+<!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/banner.png" alt="" style="height: auto;">
+    </div>
+    <div class="product_detail">
+      <ul class="product_detail_box wd">
+        <li><label>标识码：</label><span id="code_num_son"></span></li>
+        <li><label>商品名称：</label><span>掌鲜鱼香肉丝饭</span></li>
+      </ul>
+      <!-- <ul class="product_detail_box wd">
+        <li><label><h3>产品信息</h3></label><span></span></li>
+        <li><label>产品图片：</label><span><img src="images/yuxiangrousifanDetail.png" alt=""></span></li>
+        <li><label>产品名称：</label><span>鱼香肉丝饭</span></li>
+        <li><label>产品介绍：</label><span>方便菜肴包（鱼香肉丝）</span></li>
+        <li><label>配料表：</label><span>饮用水、猪肉、竹笋、黑木耳、植物油、绵白糖、酿造食醋、豆瓣酱、泡椒酱、乙酰化二淀粉磷酸酯、大蒜、酿造酱油、调味料酒、大葱、淀粉、姜、味精、鸡粉调味料、香辛料、食用盐、复配膨松剂（碳酸氢钠、碳酸钠）</span></li>
+        <li><label>致敏原信息：</label><span>含有小麦、大豆制品，可能含有奶、鸡蛋、花生、芝麻、鱼及虾类制品</span></li>
+        <li><label>产品执行标准号：</label><span>GB 7098</span></li>
+        <li><label>净含量：</label><span>120克（固形物不低于70克）</span></li>
+        <li><label>生产厂家：</label><span>北京顺鑫农业股份有限公司创新食品分公司</span></li>
+        <li><label>地址：</label><span>北京市顺义区高丽营镇金马工业区内</span></li>
+        <li><label>食品生产许可证编号：</label><span>SC10311131410887</span></li>
+        <li><label>贮存条件：</label><span>请置于阴凉、通风干燥处，避免阳光直射，勿挤压</span></li>
+        <li><label>食用方法：</label><span>1.打开包装，取出所有食材； 2.拆开方便米包，倒入内托盒米饭侧，加入饮用水包，搅拌均匀； 3.内托盒另一侧倒入菜肴包，无需搅拌； 4.撕开发热包塑料袋（不可拆开无纺布袋），放在外盒底部，加冷水没过发热包即可； 5.迅速将内托盒放入，并盖上外盖，切勿堵塞出气孔，等待约15分钟（高原约20分钟）； 6.开盖谨防烫伤，待温度适宜后即可使用。</span></li>
+      </ul> -->
+      <!-- <ul class="product_detail_box wd">
+        <li><label><h3>责任主体信息</h3></label><span></span></li>
+        <li><label>企业注册地：</label><span>北京市顺义区高丽营镇金马工业区内</span></li>
+        <li><label>行业类型：</label><span>制造业</span></li>
+        <li><label>信用代码类型：</label><span>统一社会信用代码</span></li>
+        <li><label>信用代码：</label><span>91110113786899465C</span></li>
+        <li><label>责任主体名称：</label><span>北京顺鑫农业股份有限公司创新食品分公司</span></li>
+      </ul> -->
+    </div>
+    <div class="origin_con" style="margin-top:2rem;">
+      <!-- 产品信息 -->
+      <div class="origin_box">
+        <div class="origin_tit_con clear">
+          <div class="origin_tit_box clear">
+            <p>
+              <img class="icon" src="images/icon06.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">
+                <table class="product_detail_table">
+                  <tbody>
+                    <tr>
+                      <td class="itemName">产品图片</td>
+                      <td><img src="images/yuxiangrousifanDetail.png" alt=""></td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">产品名称</td>
+                      <td>鱼香肉丝饭</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">产品介绍</td>
+                      <td>方便菜肴包（鱼香肉丝）</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">配料表</td>
+                      <td>饮用水、猪肉、竹笋、黑木耳、植物油、绵白糖、酿造食醋、豆瓣酱、泡椒酱、乙酰化二淀粉磷酸酯、大蒜、酿造酱油、调味料酒、大葱、淀粉、姜、味精、鸡粉调味料、香辛料、食用盐、复配膨松剂（碳酸氢钠、碳酸钠）</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">致敏原信息</td>
+                      <td>含有小麦、大豆制品，可能含有奶、鸡蛋、花生、芝麻、鱼及虾类制品</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">产品执行标准号</td>
+                      <td>GB 7098</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">净含量</td>
+                      <td>120克（固形物不低于70克）</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">生产厂家</td>
+                      <td>北京顺鑫农业股份有限公司创新食品分公司</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">地址</td>
+                      <td>北京市顺义区高丽营镇金马工业区内</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">食品生产许可证编号</td>
+                      <td>SC10311131410887</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">贮存条件</td>
+                      <td>请置于阴凉、通风干燥处，避免阳光直射，勿挤压</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">食用方法</td>
+                      <td>1.打开包装，取出所有食材； 2.拆开方便米包，倒入内托盒米饭侧，加入饮用水包，搅拌均匀； 3.内托盒另一侧倒入菜肴包，无需搅拌； 4.撕开发热包塑料袋（不可拆开无纺布袋），放在外盒底部，加冷水没过发热包即可； 5.迅速将内托盒放入，并盖上外盖，切勿堵塞出气孔，等待约15分钟（高原约20分钟）； 6.开盖谨防烫伤，待温度适宜后即可使用。</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            </div>
+          </div>
+      </div>
+      <!-- 责任主体信息 -->
+      <div class="origin_box">
+        <div class="origin_tit_con clear">
+          <div class="origin_tit_box clear">
+            <p>
+              <img class="icon" src="images/icon07.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" style="display: block;">
+          <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">
+                <table class="product_detail_table">
+                  <tbody>
+                    <tr>
+                      <td class="itemName">企业注册地</td>
+                      <td>北京市顺义区高丽营镇金马工业区内</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">行业类型</td>
+                      <td>制造业</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">信用代码类型</td>
+                      <td>统一社会信用代码</td>
+                    </ttrh>
+                    <tr>
+                      <td class="itemName">信用代码</td>
+                      <td>91110113786899465C</td>
+                    </tr>
+                    <tr>
+                      <td class="itemName">责任主体名称</td>
+                      <td>北京顺鑫农业股份有限公司创新食品分公司</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            </div>
+          </div>
+      </div>
+      <div class="outLine"></div>
+    </div>
+  </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+  $(function () {
+    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 parents1 = getUrlParam('code_num_son');
+    // console.log("parents1-> " + parents1);
+    $("#code_num_son").html(parents1);
+  })
+</script>
+</body>
+</html>