<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>随访问卷列表</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/plugins/chosen/chosen.css"/>
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/followup.css"/>
</head>
<body class="white-bg plr10">
    <form id="question_form" class="form-inline" onsubmit="return false;">
        <div class="clearfix form-info">
        </div>
    </form>
    
    <div class="c-tac mb20 mt20">
        <button id="fvBtn" type="button" class="btn btn-w-m btn-blue mlr20" style="display: none;">填入随访记录</button>
        <button id="backBtn" type="button" class="btn btn-w-m btn-danger mlr20">返回</button>
    </div>
    
    <script type="text/html" id="item">
        <!--type 1-文本输入，2-radio选择，3-checkbox, 4 - textarea-->
        {{each data as it key}}
        {{if it.type == 1}}
        <div class="form-group mr20">
            <label for="{{key}}">
                {{if it.required == true}}
                <i class="required"></i>
                {{/if}}
                {{it.label}}
            </label>
            {{if it.textType == 'string'}}
            <input type="text" name="{{key}}" id="{{key}}" value="{{it.value}}" {{if it.readonly}}readonly="{{it.readonly}}"{{/if}}class="form-control input-xs" style="width: {{it.width}};"/>
            {{/if}}
            {{if it.textType == 'number'}}
            <input type="number" name="{{key}}" id="{{key}}" value="{{it.value}}" step="0.01" class="form-control input-xs" style="width: {{it.width}};"/>
            {{/if}}
            {{if it.textType == 'date'}}
            <div class="input-group date" style="width:200px">
                <input type="text" name="{{key}}" id="{{key}}" value="{{it.value}}" data-val="date" class="form-control input-xs form_datetime" style="width: {{it.width}};" readonly="readonly" />
                <div class="input-group-addon">
                    <!--<span class="glyphicon glyphicon-th"></span>-->
                    <i class="fa fa-calendar"></i>
                </div>
            </div>
            {{/if}}
            {{if it.textType == 'select'}}
            <div class="input-group" style="width: {{it.width}};">
            <select name="{{key}}" id="{{key}}" class="my_select_box">
                <option value="undefined">请选择</option>
                {{each it.options as op}}
                <option value="{{op.key}}" {{if it.value == op.key}}selected{{/if}}>{{op.value}}</option>
                {{/each}}
            </select>
            </div>
            {{/if}}
            {{if it.unit}}{{it.unit}}{{/if}}
        </div>
        {{/if}}
        {{if it.type == 5}} 
        <!-- 多级输入框组合 -->
        <div class="form-group mr20 multi-input-group">
            <label for="">
                {{if it.required == true}}
                <i class="required"></i>
                {{/if}}
                {{it.label}}
            </label>
            {{each it.items as op index}}
            {{if index>0}}{{it.separate}}{{/if}}
            {{if op.textType == 'select'}}
            <div class="input-group" style="width: {{op.width}};">
                <select name="{{op.name}}" class="my_select_box" >
                    <option value="undefined">请选择</option>
                    {{each op.options as oop}}
                    <option value="{{oop.key}}" {{if op.value == oop.key}}selected{{/if}}>{{oop.value}}</option>
                    {{/each}}
                </select>
            </div>
            {{else if op.textType == "radio"}}
                {{each op.options as oop id}}
                <label class="mr10">
                    <input type="radio" class="icon-checkbox" name="{{op.name}}" value="{{id}}" {{if op.value == id}}checked="checked"{{/if}}>
                    {{oop}}
                </label>
                {{/each}}
            {{else}}
            <input type="{{op.textType}}" value="{{op.value}}" name="{{op.name}}" step="0.01" maxlength="{{op.maxLength}}" class="form-control input-sm" style="width: {{op.width}};">
            {{/if}}
            {{/each}}
            {{if it.unit}}{{it.unit}}{{/if}}
        </div>
        {{/if}}
        {{if it.type == 2}}
        <div class="form-group fl">
            <label class="">
                {{if it.required == true}}
                <i class="required"></i>
                {{/if}}
                {{it.label}}{{if it.unit}}({{it.unit}}){{/if}}
            </label>
            <!--<div class="input-group">-->
                {{each it.items as op id}}
                <label class="mr10">
                    <input type="radio" class="icon-checkbox" name="{{key}}" value="{{id}}" {{if it.value == id}}checked="checked"{{/if}}>
                    {{op}}
                </label>
                {{/each}}
            <!--</div>-->
        </div>
        {{/if}} 
        {{if it.type == 3}}    
        <div class="form-group fl" style="width: 160px; margin-bottom: 10px;" has-hide="{{it.hide && it.hide.type}}">
            <input type="checkbox" class="icon-checkbox" name="{{key}}" {{if it.value}}checked="checked" value="{{it.value}}"{{else}}value="0"{{/if}}>
            <label>{{it.label}}</label>
        </div>
        {{/if}}
        {{if it.type == 4}}
        <div class="form-group fl" style="width: 100%;">
            <label class="col-xs-0 fl">
                {{if it.required == true}}
                <i class="required"></i>
                {{/if}}
                {{it.label}}
                {{if it.unit}}({{it.unit}}){{/if}}
            </label>
            <div class="col-xs-10">
                <textarea name="{{key}}" rows="{{it.row}}" cols="" maxlength="{{it.maxLength}}" style="width: {{it.width}};">{{it.value}}</textarea>
                <p class="text-right c-f12 c-909090"><span class="other-count">{{it.valueLength||0}}</span>/{{it.maxLength}}</p>
            </div>
        </div>
        {{/if}}
        {{/each}}
    </script>
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
    <script src="js/plugins/toastr/toastr.min.js"></script>
    <script src="js/plugins/chosen/chosen.jquery.js " type="text/javascript" charset="utf-8"></script>
    <script src="js/es6-promise.js"></script>
    <script src="js/underscore.js"></script>
    <script src="js/util.js"></script>
    <script src="js/template.js"></script>
    <script src="js/api-service.js"></script>
    <script src="js/consulting-api.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/buz/followup/template_gxy.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/buz/survey-detail.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>