code.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <div class="wrap">
  2. <div class="header">
  3. <div class="logo"><img src="__CDN__/assets/code/logo.png" width="100%" class="animated fadeInDown"></div>
  4. <div class="banner"><img src="__CDN__{$companyinfo.banners}" width="100%"></div>
  5. </div>
  6. <h3 class="head-h3">查询结果</h3>
  7. <!--溯源信息-->
  8. <div class="sycont">
  9. <div class="qwrz"><img src="__CDN__/assets/code/qwrz.png" width="100%"></div>
  10. <h3 style="text-align:center;margin-bottom:10px;color:red;font-size:18px;">生猪产品溯源信息</h3>
  11. <p>亲爱的消费者,您查询的溯源码是:<span class="color" id="spancode">{$code.code}</span></p>
  12. <p class="">这一批猪肉产品是由<span class="color" id="spanproductcompany">{$companyinfo.name}</span>加工屠宰,产品各项检测指标符合相关标准要求,请放心选购。</p>
  13. <!----><p>肉品加工地:<span class="color" id="spanquerycount">安徽</span></p>
  14. <p>
  15. 查询时间:<span class="color" id="spanquerytime">{$code.time}</span>
  16. <!--<a href="#" class="cxbtn animated swing">查询记录</a>-->
  17. </p>
  18. </div>
  19. <div class="sydetail paddinglr">
  20. <h3 class="sydetail-h3">溯 源 信 息</h3>
  21. <!--<p><span class="color">资质荣誉:</span></p>-->
  22. <p class="marginbtm"><img src="__CDN__/assets/code/zzry.jpg"></p>
  23. <p class="marginbtm"><img src="__CDN__{$companyinfo.imgs.0}"></p>
  24. <p><span class="color"><i class="r-w">产品名称</i>:</span>白条猪肉</p>
  25. <p>
  26. <span class="color"><i class="r-w">溯源内容</i>:</span><span class="syright">养殖单位→生猪检疫→生猪运输→宰前检验→加工过程检验→宰后核验→市场接收单位<a color="#0061a8" href="/source/inspect.html?id={$code.orderid}">详情&gt;&gt;</a></span>
  27. <!--<a id="aLink" class="click-btn" href="/source/inspect.html?id={$code.orderid}">详情&gt;&gt;</a>-->
  28. </p>
  29. <p><span class="color"><i class="r-w">养殖单位</i>:</span><span class="syright" id="spanmarket">{$supplier.name}</span></p>
  30. <p>
  31. <span class="color"><i class="r-w">屠宰单位</i>:</span><span class="syright2" id="spancompany">{$companyinfo.name}</span>
  32. </p>
  33. <p><span class="color"><i class="r-w">屠宰基地</i>:</span><span class="syright" id="spanarea">{$companyinfo.address}</span></p>
  34. <p><span class="color"><i class="r-w">屠宰检验</i>:</span><span class="syright">合格</span></p>
  35. <p><span class="color"><i class="r-w">屠宰时间</i>:</span><span class="syright">{$orderinfo.leavetime|date="Y-m-d H:i",###}</span></p>
  36. <p><span class="color"><i class="r-w">接收单位</i>:</span>{$customer.name}</p>
  37. </div>
  38. <div class="hgzs-box">
  39. <h3 class="cn-title">生猪屠宰企业产品质量承诺书</h3>
  40. <p style="font-weight:bold;">我单位对生产销售的猪肉产品承诺:</p>
  41. <ul>
  42. <li><span class="checkedBox"><input type="checkbox" id="item_1" checked="checked" disabled="disabled"><label for="item_1" class="check-box"></label></span>诚信守信,合法经营,严格执行国家食品安全相关法律法规</li>
  43. <li><span class="checkedBox"><input type="checkbox" id="item_2" checked="checked" disabled="disabled"><label for="item_2" class="check-box"></label></span>严控质量,严格收购,严格执行生猪产品质量管理制度</li>
  44. <li><span class="checkedBox"><input type="checkbox" id="item_3" checked="checked" disabled="disabled"><label for="item_3" class="check-box"></label></span>生猪检疫,屠宰检验,信息公开,溯源清晰</li>
  45. <li style="display: flex;flex-wrap: wrap;margin: 0.26rem 0;">
  46. <h6 style="width:100%;margin-bottom: 0.2rem;font-size: 0.37rem;">承诺依据:</h6>
  47. <p style="width:50%;">
  48. <span class="checkedBox">
  49. <input type="checkbox" id="item_4" disabled="disabled" checked="checked">
  50. <label for="item_4" class="check-box"></label>
  51. </span>《食品安全法》
  52. </p>
  53. <p style="width:50%;">
  54. <span class="checkedBox">
  55. <input type="checkbox" id="item_5" disabled="disabled" checked="checked">
  56. <label for="item_5" class="check-box"></label>
  57. </span>《动物防疫法》
  58. </p>
  59. <p style="width:50%;">
  60. <span class="checkedBox">
  61. <input type="checkbox" id="item_6" disabled="disabled" checked="checked">
  62. <label for="item_6" class="check-box"></label>
  63. </span>《国务院生猪屠宰管理条例》
  64. </p>
  65. <p style="width:50%;">
  66. <span class="checkedBox">
  67. <input type="checkbox" id="item_7" disabled="disabled" checked="checked">
  68. <label for="item_7" class="check-box"></label>
  69. </span>《安徽省食品安全条例》
  70. </p>
  71. </li>
  72. </ul>
  73. </div>
  74. <!--菜单导航-->
  75. <div class="nav">
  76. <a href="/source/company.html?id=OQk0BDgIYlJmVmVXcGln" class="animated fadeInDown">
  77. <div class="nav-img"><img src="__CDN__/assets/code/menu1.png"></div>
  78. <p>协会简介</p>
  79. </a>
  80. <a href="/source/company.html?id={$companyinfo.idcode}" class="animated fadeInDown">
  81. <div class="nav-img"><img src="__CDN__/assets/code/menu2.png"></div>
  82. <p>屠宰单位</p>
  83. </a>
  84. <a href="/source/info.html" class="animated fadeInDown">
  85. <div class="nav-img"><img src="__CDN__/assets/code/menu3.png"></div>
  86. <p>防伪咨询</p>
  87. </a>
  88. <!-- <a href="pages/zhengshu.html" class="animated fadeInDown">
  89. <div class="nav-img"><img src="images/hgz.svg" /></div>
  90. <p>合格证</p>
  91. </a> -->
  92. </div>
  93. </div>
  94. <!--
  95. <audio id="queryAudio" autoplay="autoplay">
  96. <source src="https://tts.baidu.com/text2audio?cuid=baike&lan=ZH&ctp=1&pdt=301&vol=3&rate=32&per=4&tex={$code.text}" type="audio/ogg">
  97. 您的浏览器不支持 audio 元素。
  98. </audio>
  99. -->
  100. <div id="bdtts_div_id">
  101. <audio id="tts_autio_id" autoplay="autoplay" >
  102. <source id="tts_source_id" src="https://tts.baidu.com/text2audio?cuid=baike&lan=ZH&ctp=1&pdt=301&vol=3&rate=32&per=4&tex={$code.text}" type="audio/mpeg">
  103. <embed id="tts_embed_id" height="0" width="0" src="">
  104. </audio>
  105. </div>
  106. <script type="text/javascript">
  107. //调用轮播js框架
  108. $(function() {
  109. var mySwiper2 = new Swiper('#banner', {
  110. autoplay: 2000,
  111. visibilityFullFit: true,
  112. loop: true,
  113. pagination: '.pagination',
  114. autoplayDisableOnInteraction: false,
  115. });
  116. });
  117. /*
  118. $(function() {
  119. $(".tab-menu a").click(function() {
  120. $(this).addClass("active").siblings().removeClass("active"); //切换选中的按钮高亮状态
  121. var index = $(this).index(); //获取被按下按钮的索引值,需要注意index是从0开始的
  122. $(".tab-box>.tab-item").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容,同时隐藏不需要的框架内容
  123. });
  124. });
  125. */
  126. //http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&per=3&spd=5&text=' + ttsText + '
  127. //语音播报
  128. /**
  129. var audioFiles;
  130. $(function () {
  131. var txtContent ='{$code.text}';
  132. // var url = 'http://yuyi.evo315.com:8080/yuyin/' + "sys_YuYin_getWav?txtContent=" + txtContent + "&vol=80&spe=0";
  133. //console.log(txtContent);
  134. var BASE = new _BASE('1', '2', '3');
  135. BASE.initAudio(txtContent);
  136. $.ajax({
  137. type: "get",
  138. url: url,
  139. data: "",
  140. dataType: 'jsonp',
  141. async: false,
  142. jsonp: "callback",
  143. success: function(data) {
  144. audioFiles = 'http://yuyi.evo315.com:8080/yuyin/' + "ueditor/" + data.result;
  145. $("#Jaudio").attr("src", audioFiles);
  146. }
  147. });
  148. });
  149. **/
  150. /**
  151. function audioAutoPlay(id) {
  152. var audio = document.getElementById(id),
  153. play = function() {
  154. audio.play();
  155. document.removeEventListener("touchstart", play, false);
  156. };
  157. audio.play();
  158. document.addEventListener("WeixinJSBridgeReady", function() {
  159. play();
  160. }, false);
  161. document.addEventListener('YixinJSBridgeReady', function() {
  162. play();
  163. }, false);
  164. document.addEventListener("touchstart", play, false);
  165. }
  166. audioAutoPlay("Jaudio")
  167. **/
  168. </script>