guoyao-jiankang/application/admin/view/energy_electricity/split.html

{extend name="common/common2" /}
{block name="main"}
<style>
    /*.el-select .el-input {*/
    /*    width: 130px;*/
    /*}*/
    .input-with-select .el-input-group__prepend {
        background-color: #fff;
    }

</style>
<div class="row" id="formApp">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <form method="post" action="{:url('split')}" class="form-horizontal">
                    <input type="hidden" name="id" value="{$id|default='0'}">

                    <div class="form-group">
                        <label class="col-sm-2 control-label">拆分电表<span class="text-danger">*</span></label>
                        <input type="hidden" id="ele-split" name="split" :value="value">
                        <div class="col-sm-6">
                            <el-select
                                    v-model="value"
                                    multiple
                                    filterable
                                    size="small"
                                    style="width:100%"
                                    @change="handleChange"
                                    placeholder="请选择拆分的电表"
                            >
                                <el-option
                                        v-for="item in options"
                                        :key="item.id"
                                        :label="item.number"
                                        :value="item.id">
                                </el-option>
                            </el-select>
                        </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>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script>
    $('#patient').hide();
    new Vue({
        el: '#formApp',
        data: function() {
            return {
            options: {:json_encode($list)},
            value: [{$info.split|default=''}],
        }
        },
        methods: {
            handleChange(value) {
                console.log(value)
            }
        },
        created(){
        }

    })
    window.addEventListener('touchstart',function () {
    },{ passive: false });
</script>
{/block}