ZZCX_yii/backend/modules/zzcs/views/ticket-design/dist-design.php

<?php
/**
 * Created by PhpStorm.
 * User: tianlionfire
 * Date: 2017/11/17
 * Time: 14:17
 */
use backend\modules\zzcs\assets\ZzcsAsset;
ZzcsAsset::addCss($this, '/ticket-design/css/ticket-design.css');
ZzcsAsset::addCss($this, '/global/css/bootstrap.min.css');
ZzcsAsset::addCss($this, '/global/css/ace.min.css');
//ZzcsAsset::addCss($this, '/global/css/master.min.css');
ZzcsAsset::addScript($this, '/plug/layer/layer.js');
ZzcsAsset::addScript($this, '/ticket-design/js/wangEditor.min.js');
ZzcsAsset::addScript($this, '/ticket-design/js/ticket-design.js');
ZzcsAsset::addScript($this, '/global/js/bootstrap.min.js');
?>
<div class="iframe_box" style="min-width: 1500px;">

    <div class="ticket" style="padding-bottom: 10px;">
        <span>所属票种：</span>
        <span id="ticket_name" style="color:rgb(66, 139, 202)"></span>
    </div>
    <div class="middle" xmlns="http://www.w3.org/1999/html">
        <div class="first" style="margin-top:30px;">
            <div class="n-left">
                已支持的通配符:
            </div>
            <div id="design_word" class="n-right">
            </div>
        </div>
    </div>
    <br>
    <!--表格-->
    <div class="row" style="margin-top: 30px;margin-right: 0;margin-left: 0; ">
        <div class="col-xs-12" style="padding: 0;">
            <div class="table-responsive">
                <div id="top">
                    <div id="edits">
                        <div id="edit1" style="display:inline-block;"></div>
                        <div id="edit2" style="display:inline-block;"></div>
                        <div id="edit3" style="display:inline-block;"></div>
                        <div id="edit4" style="display:inline-block;"></div>
                    </div>
                    <div>
                        <div style="display: inline-block;width:586px;padding-left:10px;">
                            <label onclick="ticketBook()"><input type="radio" checked name="qcode1" value="1">添加条形码</label>
                            <label onclick="ticketBook()"><input type="radio" name="qcode1" value="0">不添加条形码</label>
                        </div>
                        <div style="display: inline-block;width:299px;">
                            <label onclick="ticketBook()"><input type="radio" checked name="qcode2" value="1">添加条形码</label>
                            <label onclick="ticketBook()"><input type="radio" name="qcode2" value="0">不添加条形码</label>
                        </div>
                        <div style="display: inline-block;width:299px;">
                            <label onclick="ticketBook()"><input type="radio" checked name="qcode3" value="1">添加条形码</label>
                            <label onclick="ticketBook()"><input type="radio" name="qcode3" value="0">不添加条形码</label>
                        </div>
                        <div style="display: inline-block;width:214px;">
                            <label onclick="ticketBook()"><input type="radio" checked name="qcode4" value="1">添加条形码</label>
                            <label onclick="ticketBook()"><input type="radio" name="qcode4" value="0">不添加条形码</label>
                        </div>
                    </div>
                    <div>
<!--                        <div class="btn-primary total_save_btn" onclick="ticketBook()">预览</div>-->
                        <div class="btn-primary total_save_btn" onclick="ticketSave()">保存</div>
                    </div>
                </div>
                <div>预览效果如下</div>
                <div id="ticketView" class="ticketView">
                    <div id="content" style="width:1330px;">
                        <div id="c1"></div>
                        <div id="c2"></div>
                        <div id="c3"></div>
                        <div id="c4"></div>
                        <!-- <div id="tickedView" style="border: 1px solid green;padding-left: 20px;padding-top: 40px;padding-bottom: 40px;padding-right: 60px;width: 1330px;">

                        </div> -->
                    </div>
                </div>
            </div>
        </div>
        <!-- /span -->
    </div>

</div>