pig/application/index/view/source/code.html

        <div class="wrap">
            <div class="header">
                <div class="logo"><img src="__CDN__/assets/code/logo.png" width="100%" class="animated fadeInDown"></div>
                <div class="banner"><img src="__CDN__{$companyinfo.banners}" width="100%"></div>
            </div>
            <h3 class="head-h3">查询结果</h3>
            <!--溯源信息-->
            <div class="sycont">
                <div class="qwrz"><img src="__CDN__/assets/code/qwrz.png" width="100%"></div>
                <h3 style="text-align:center;margin-bottom:10px;color:red;font-size:18px;">生猪产品溯源信息</h3>
                <p>亲爱的消费者，您查询的溯源码是：<span class="color" id="spancode">{$code.code}</span></p>
                <p class="">这一批猪肉产品是由<span class="color" id="spanproductcompany">{$companyinfo.name}</span>加工屠宰，产品各项检测指标符合相关标准要求，请放心选购。</p>
                <!----><p>肉品加工地：<span class="color" id="spanquerycount">安徽</span></p>
                <p> 
                    查询时间：<span class="color" id="spanquerytime">{$code.time}</span>
                    <!--<a href="#" class="cxbtn animated swing">查询记录</a>-->
                </p>
            </div>
            <div class="sydetail paddinglr">
                <h3 class="sydetail-h3">溯 源 信 息</h3>
                <!--<p><span class="color">资质荣誉：</span></p>-->
                <p class="marginbtm"><img src="__CDN__/assets/code/zzry.jpg"></p>
{volist name="$companyinfo.imgs" id="data"}
<p class="marginbtm"><img src="__CDN__{$data}"></p>
{/volist}
                <p>
                    <span class="color"><i class="r-w">屠宰单位</i>：</span><span class="syright2" id="spancompany">{$companyinfo.name}</span>
                </p>
                <p><span class="color"><i class="r-w">产品名称</i>：</span>白条猪肉</p>
                <p><span class="color"><i class="r-w">屠宰基地</i>：</span><span class="syright" id="spanarea">{$companyinfo.address}</span></p>
                <p><span class="color"><i class="r-w">养殖单位</i>：</span><span class="syright" id="spanmarket">{$supplier.name}</span></p>
                <p><span class="color"><i class="r-w">溯源内容</i>：</span><span class="syright">养殖单位→生猪检疫→生猪运输→宰前检验→加工过程检验→宰后核验→市场接收单位</span></p>
                <p><span class="color"><i class="r-w">屠宰检验</i>：</span><span class="syright">合格</span></p>
                <p><span class="color"><i class="r-w">屠宰时间</i>：</span><span class="syright">{$orderinfo.leavetime|date="Y-m-d H:i",###}</span></p>
                <p><span class="color"><i class="r-w">接收单位</i>：</span>{$customer.name}</p>
            </div>
			<div class="hgzs-box">
            <h3 class="cn-title">承诺达标合格证</h3>
            <p style="font-weight:bold;">我承诺对生产销售的食用农产品：</p>
            <ul>
                <li><span class="checkedBox"><input type="checkbox" id="item_1" checked="checked" disabled="disabled"><label for="item_1" class="check-box"></label></span>不使用禁用农药兽药、停用兽药和非法添加物</li>
                <li><span class="checkedBox"><input type="checkbox" id="item_2" checked="checked" disabled="disabled"><label for="item_2" class="check-box"></label></span>生猪屠宰过程中各项指标检测合格</li>
                <li><span class="checkedBox"><input type="checkbox" id="item_3" checked="checked" disabled="disabled"><label for="item_3" class="check-box"></label></span>对承诺的真实性负责</li>
                <li style="display: flex;flex-wrap: wrap;margin: 0.26rem 0;">
                    <h6 style="width:100%;margin-bottom: 0.2rem;font-size: 0.37rem;">承诺依据：</h6>
                    <p style="width:50%;">
                        <span class="checkedBox">
                            <input type="checkbox" id="item_4" disabled="disabled">
                            <label for="item_4" class="check-box"></label>
                        </span>委托检测
                    </p>
                    <p style="width:50%;">
                        <span class="checkedBox">
                            <input type="checkbox" id="item_5" disabled="disabled">
                            <label for="item_5" class="check-box"></label>
                        </span>自我检测
                    </p>
                    <p style="width:50%;">
                        <span class="checkedBox">
                            <input type="checkbox" id="item_6" disabled="disabled">
                            <label for="item_6" class="check-box"></label>
                        </span>内部质量控制
                    </p>
                    <p style="width:50%;">
                        <span class="checkedBox">
                            <input type="checkbox" id="item_7" disabled="disabled" checked="checked">
                            <label for="item_7" class="check-box"></label>
                        </span>自我承诺
                    </p>
                </li>
            </ul>
        </div>


            <!--菜单导航-->
            <div class="nav">
                <a href="/source/company.html?id=OQk0BDgIYlJmVmVXcGln" class="animated fadeInDown">
                    <div class="nav-img"><img src="__CDN__/assets/code/menu1.png"></div>
                    <p>协会简介</p>
                </a>
                <a href="/source/company.html?id={$companyinfo.idcode}" class="animated fadeInDown">
                    <div class="nav-img"><img src="__CDN__/assets/code/menu2.png"></div>
                    <p>屠宰单位</p>
                </a>
                <a href="/source/info.html" class="animated fadeInDown">
                    <div class="nav-img"><img src="__CDN__/assets/code/menu3.png"></div>
                    <p>防伪咨询</p>
                </a>
                <!-- <a href="pages/zhengshu.html" class="animated fadeInDown">
            <div class="nav-img"><img src="images/hgz.svg" /></div>
            <p>合格证</p>
        </a> -->
            </div>
        </div>
        <!--
<audio id="queryAudio" autoplay="autoplay">
    <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">
您的浏览器不支持 audio 元素。 
</audio>
-->
<div id="bdtts_div_id">
        <audio id="tts_autio_id" autoplay="autoplay" >
          <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">
          <embed id="tts_embed_id" height="0" width="0" src="">
        </audio>
</div>
		
		<script type="text/javascript">

			//调用轮播js框架
			$(function() {
				var mySwiper2 = new Swiper('#banner', {
					autoplay: 2000,
					visibilityFullFit: true,
					loop: true,
					pagination: '.pagination',
					autoplayDisableOnInteraction: false,
				});
			});

/*
			$(function() {
				$(".tab-menu a").click(function() {
					$(this).addClass("active").siblings().removeClass("active"); //切换选中的按钮高亮状态
					var index = $(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的
					$(".tab-box>.tab-item").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
				});
			});
            */
            //http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&per=3&spd=5&text=' + ttsText + '
			//语音播报		
			/**
            var audioFiles;
            $(function () {
                var txtContent ='{$code.text}';
                // var url = 'http://yuyi.evo315.com:8080/yuyin/' + "sys_YuYin_getWav?txtContent=" + txtContent + "&vol=80&spe=0";
                //console.log(txtContent);
                var BASE = new _BASE('1', '2', '3');
                BASE.initAudio(txtContent);
				
				$.ajax({
					type: "get",
					url: url,
					data: "",
					dataType: 'jsonp',
					async: false,
					jsonp: "callback",
					success: function(data) {
						audioFiles = 'http://yuyi.evo315.com:8080/yuyin/' + "ueditor/" + data.result;
						$("#Jaudio").attr("src", audioFiles);
					}
				});
				
            });
            **/
           
/**
			function audioAutoPlay(id) {
				var audio = document.getElementById(id),
					play = function() {
						audio.play();
						document.removeEventListener("touchstart", play, false);
					};
				audio.play();
				document.addEventListener("WeixinJSBridgeReady", function() {
					play();
				}, false);
				document.addEventListener('YixinJSBridgeReady', function() {
					play();
				}, false);
				document.addEventListener("touchstart", play, false);
			}
			audioAutoPlay("Jaudio")
			**/
		</script>