baoshi-was/resources/views/maintenance/priceModel/operation/index.blade.php

@extends('layouts.app')
@section('title')计费模型-仓储计费@endsection

@section('content')
    <div id="nav2">
        @component('maintenance.menu')@endcomponent
        @component('maintenance.priceModel.operation.menu')@endcomponent
    </div>
    <div class="container-fluid mt-2" id="container">
        <div id="form_div"></div>
        <table class="table table-hover table-striped text-nowrap">
            <tr>
                <th>序号</th>
                <th>操作</th>
                <th>名称</th>
                <th>类型</th>
                <th>项目</th>
                <th>特征</th>
                <th>计量</th>
                <th>单位</th>
                <th>单价</th>
                <th>备注</th>
                <th>录入时间</th>
                <th>操作</th>
            </tr>
            <tr v-for="model in models">
                <td></td>
            </tr>
        </table>
    </div>
@stop

@section("lastScript")
    <script type="text/javascript" src="{{mix('js/queryForm/queryForm.js')}}"></script>
    <script>
        new Vue({
            el:"#container",
            data:{
                models : [],
                owners : [],
            },
            mounted(){
                let data=[
                    [
                        {name:'owner_id',type:'select_multiple_select',tip:['输入关键词快速定位下拉列表，回车确定','选择要显示的项目'],
                            placeholder:['项目','定位或多选项目'],data:this.owners},
                        {name: 'name', type: 'input', tip: '价格名称：可在左侧增加百分号(%)进行模糊搜索', placeholder: '价格名称'},
                    ]
                ];
                this.form = new query({
                    el:"#form_div",
                    condition:data,
                });
                this.form.init();
            },
        });
    </script>
@stop