<include file="public@header"/> <style type="text/css"> .pic-list li { margin-bottom: 5px; } .hide { display: none; } </style> </head> <body> <div class="wrap js-check-wrap"> <ul class="nav nav-tabs"> <li><a href="{:url('OrderOption/index')}">字段管理</a></li> <li class="active"><a href="{:url('OrderOption/add')}">添加字段</a></li> </ul> <form action="{:url('OrderOption/addPost')}" method="post" class="form-horizontal js-ajax-form margin-top-20"> <div class="row"> <div class="col-md-9"> <table class="table table-bordered"> <tr> <th>名称<span class="form-required">*</span></th> <td> <input class="form-control" type="text" name="name" id="title" required value="" placeholder="请输入名称"/> </td> </tr> <tr> <th>字段类型<span class="form-required">*</span></th> <td> <select name="sort" required class="form-control" onchange="sel_change(this)"> <option value="">请选择类型</option> <volist name="typeList" id="vo"> <option value="{$key}">{$vo}</option> </volist> </select> </td> </tr> <tr class="values hide"> <th>字段取值范围<span class="form-required">*</span></th> <td> <input class="form-control" type="text" name="values" id="values" required value="" placeholder="请输入取值范围"> <p class="help-block">多取值范围之间用英文逗号隔开</p> </td> </tr> <tr> <th>用户是否可见<span class="form-required">*</span></th> <td> <div class="checkbox"> <label> <input type="checkbox" name="is_show" value="1" checked> 可见 </label> </div> </td> </tr> </table> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('ADD')}</button> <a class="btn btn-default" href="{:url('OrderOption/index')}">{:lang('BACK')}</a> </div> </div> </div> <div class="col-md-3"> <table class="table table-bordered"> <tr> <th><b>缩略图</b></th> </tr> <tr> <td> <div style="text-align: center;"> <input type="hidden" name="icon" id="thumbnail" value=""> <a href="javascript:uploadOneImage('图片上传','#thumbnail');"> <img src="__TMPL__/public/assets/images/default-thumbnail.png" id="thumbnail-preview" width="135" style="cursor: pointer"/> </a> <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片"> </div> </td> </tr> </table> </div> </div> </form> </div> <script type="text/javascript" src="__STATIC__/js/admin.js"></script> <script> function sel_change(obj) { var val = obj.value; if(val == 4 || val == 5 || val == 7) { $('.values').removeClass('hide'); } else { $('.values').addClass('hide'); } } </script> </body> </html>