fastadmin_tailored/application/admin/view/inspection/application/audit.html

<form id="audit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">申请信息</h4>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-6">
                    <table class="table table-striped table-condensed">
                        <tbody>
                            <tr>
                                <td width="30%">姓名：</td>
                                <td>{$row.name}</td>
                            </tr>
                            <tr>
                                <td>联系电话：</td>
                                <td>{$row.phone}</td>
                            </tr>
                            <tr>
                                <td>地区：</td>
                                <td>{$row.province_name} {$row.city_name} {$row.district_name}</td>
                            </tr>
                            <tr>
                                <td>详细地址：</td>
                                <td>{$row.address}</td>
                            </tr>
                            <tr>
                                <td>申请时间：</td>
                                <td>{$row.apply_time_text}</td>
                            </tr>
                            <tr>
                                <td>当前状态：</td>
                                <td><span class="label label-warning">{$row.audit_status_text}</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label>身份证正面：</label>
                        <div class="thumbnail" style="max-width: 250px;">
                            <img src="{$row.id_card_front}" alt="身份证正面" class="img-responsive" onclick="Fast.api.open(this.src, '身份证正面')">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label>身份证反面：</label>
                        <div class="thumbnail" style="max-width: 250px;">
                            <img src="{$row.id_card_back}" alt="身份证反面" class="img-responsive" onclick="Fast.api.open(this.src, '身份证反面')">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">审核操作</h4>
        </div>
        <div class="panel-body">
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">审核结果：</label>
                <div class="col-xs-12 col-sm-8">
                    <div class="radio">
                        <label for="audit_status-2">
                            <input id="audit_status-2" name="audit_status" type="radio" value="2" checked /> 
                            <span class="text-success">审核通过</span>
                        </label>
                        <label for="audit_status-3">
                            <input id="audit_status-3" name="audit_status" type="radio" value="3" /> 
                            <span class="text-danger">审核驳回</span>
                        </label>
                    </div>
                </div>
            </div>

            <div class="form-group" id="supplier-group">
                <label class="control-label col-xs-12 col-sm-2">绑定供应商：</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-supplier_id" data-rule="required" data-source="supplier/index/index" class="form-control selectpage" name="supplier_id" type="text" value="{$row.supplier_id|default=''}" data-field="name" data-primary-key="id" data-order-by="weigh desc,id desc" placeholder="请选择要绑定的供应商">
                    <div class="help-block">审核通过时必须选择绑定的供应商</div>
                </div>
            </div>
            
            <div class="form-group" id="reject-reason-group" style="display: none;">
                <label class="control-label col-xs-12 col-sm-2">驳回原因：</label>
                <div class="col-xs-12 col-sm-8">
                    <textarea id="reject_reason" class="form-control" name="reject_reason" rows="4" placeholder="请输入驳回原因..."></textarea>
                    <div class="help-block">驳回时必须填写驳回原因</div>
                </div>
            </div>
        </div>
    </div>

    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">
                <i class="fa fa-check"></i> 提交审核
            </button>
            <button type="button" class="btn btn-default" onclick="Layer.closeAll();">取消</button>
        </div>
    </div>
</form>

<script>
$(function() {
    // 监听审核状态变化
    $('input[name="audit_status"]').change(function() {
        var status = $(this).val();
        if (status == '3') {
            // 审核驳回
            $('#reject-reason-group').show();
            $('#reject_reason').attr('data-rule', 'required');
            $('#supplier-group').hide();
            $('#c-supplier_id').removeAttr('data-rule');
        } else {
            // 审核通过
            $('#reject-reason-group').hide();
            $('#reject_reason').removeAttr('data-rule').val('');
            $('#supplier-group').show();
            $('#c-supplier_id').attr('data-rule', 'required');
        }
    });
    
    // 初始化状态
    $('input[name="audit_status"]:checked').trigger('change');
});
</script>