{extend name="common/common2" /}
{block name="main"}
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <form method="post" action="{:url('add')}" class="form-horizontal">
                    <input type="hidden" name="id" value="{$info['id']|default='0'}">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">收取人<span class="text-danger">*</span></label>
                        <div class="col-sm-6">
                            {:widget('common/select',['name'=>'user_id','lists'=>$user,'value'=>isset($info['user_id'])?$info['user_id']:''])}
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">收取地点<span class="text-danger">*</span></label>
                        <div class="col-sm-6">
                            {:widget('common/select',['name'=>'waste_device_id','lists'=>$addrs,'value'=>isset($info['waste_device_id'])?$info['waste_device_id']:''])}
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">类型<span class="text-danger">*</span></label>
                        <div class="col-sm-6">
                            {:widget('common/select',['name'=>'cateid','lists'=>$type,'value'=>isset($info['cateid'])?$info['cateid']:''])}
                        </div>
                    </div>

                 <!--   <div id="vueapp">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">类型<span class="text-danger">*</span></label>
                            <input type="hidden" name="cateid" :value="value">
                            <div class="col-sm-6">
                            <el-select clearable filterable v-model="value" placeholder="请选择" style="width: 100%;">
                                <el-option
                                        v-for="item in options"
                                        :key="item.id"
                                        :label="item.title"
                                        :value="item.id.toString()">
                                </el-option>
                            </el-select>
                            </div>
                        </div>
                    </div>-->

                    <div class="form-group" id="typeWeight">
                        <label class="col-sm-2 control-label">重量(单位：克)<span class="text-danger">*</span></label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="weight" value="{$info.weight|default=''}">
                        </div>
                    </div>

                    <div class="form-group" id="typeNum" >
                        <label class="col-sm-2 control-label"> <text id="typeNumName">数量</text></label>
                        <div class="col-sm-6">
                            <input type="number" class="form-control" name="num" value="{$info.num|default=''}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">收取时间<span class="text-danger">*</span></label>
                        <div class="col-sm-6">
                            {:widget_view('common/laydate',['name'=>'create_time', 'val' => '','type'=>'datetime','format'=>'yyyy-MM-dd HH:mm:ss'])}
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <div class="col-sm-6 col-sm-offset-2">
                            <button class="btn btn-primary ajax-post" data-layer="1" target-form="form-horizontal" type="submit">确 定</button>
                            <button  class="btn cancel-btn btn-default" type="button">取 消</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script>
    $(document).ready(function(){
        formSetValue("enable", {$info.enable|default=1});
    });


    // new Vue({
    //     el: '#vueapp',
    //     data: function() {
    //         return {
    //             options: {:json_encode($type)},
    //             value:''
    //     }
    //     },
    //     watch: {
    //         value: function (newVal, oldVal) {
    //             $('input[name=cateid]').val(newVal);
    //             var that = this;
    //             $.post('{:url("wasteType")}',{id:newVal},function (res) {
    //                 let info = res.data;
    //                 if(info){
    //                    if(info.type == 0){
    //                        $('#typeWeight').css('display','block');
    //                        $('#typeNum').css('display','none');
    //                    }else{
    //                        $('#typeWeight').css('display','none');
    //                        $('#typeNum').css('display','block');
    //                        var unitname = info.unit;
    //                        if(unitname){
    //                            var ttname = '数量(单位：'+unitname+')';
    //                        }else{
    //                            var ttname = '数量';
    //                        }
    //                        $('#typeNumName').html(ttname);
    //                    }
    //                 }
    //             })
    //
    //         }
    //     }
    // })

</script>
{/block}