baoshi-was/resources/views/order/issue/workload.blade.php

@extends('layouts.app')
@section('title')问题件-工作量@endsection

@section('content')
    @component("order.issue.menu")@endcomponent
    <div class="container-fluid d-none" id="workLoad_div">
        <div style="min-width: 2000px;">
            <div id="form_div" style="min-width: 1950px;" class="bg-white"></div>
            <div class="form-inline mt-1 ">
                <span class="dropdown">
                    <button type="button"
                            class="btn btn-outline-dark btn-sm form-control-sm dropdown-toggle tooltipTarget"
                            :class="[checkData.length>0?'btn-dark text-light':'']"
                            data-toggle="dropdown" title="导出所有页将会以搜索条件得到的筛选结果，将其全部记录（每一页）导出">导出Excel
                    </button>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" @click="exportSelected()" href="javascript:">导出勾选内容</a>
                        <a class="dropdown-item" @click="exportAll()" href="javascript:">导出所有页</a>
                    </div>
                </span>
            </div>
            <table class="table table-sm table-striped table-bordered table-hover card-body mt-2 ">
                <tr>
                    <th>
                        <input type="checkbox" id="all" >
                    </th>
                    <th>序号</th>
                    <th>问题件ID</th>
                    <th>创建时间</th>
                    <th>完结时间</th>
                    <th>创建人</th>
                    <th>结束人</th>
                    <th>客户</th>
                    <th>快递单号</th>
                    <th>处理时效</th>
                </tr>

                <tr v-for=""></tr>

            </table>
        </div>
    </div>

@endsection
@section('lastScript')
    <script type="text/javascript" src="{{asset('js/queryForm/queryForm.js')}}"></script>
    <script type="text/javascript" src="{{asset('js/queryForm/export200818a.js')}}"></script>

    <script>
        let workLoadVue = new Vue({
            el:"#workLoad_div",
            data:{
                workLoads:{!! $workLoads->toJson() !!},
                users:{!! $users !!},
                owners:{!! $owners !!},
                checkData:[],
                query:{
                    create_user_id:'{{$options['create_user_id']}}',
                    end_user_id:'{{$options['end_user_id']}}',
                    client_no:'{{$options['client_no']}}',
                    owner_id:'{{{$options['owner_id']}}}',
                    create_start:'{{$options['create_start']}}',
                    create_end:'{{$options['create_end']}}',
                    order_issue_id:'{{$options['order_issue_id']}}',
                }
            },
            mounted:function(){
                $('#workLoad_div').removeClass('d-none');
                console.log(this.workLoads);
            },
            methods:{
                exportSelected(){

                },
                exportAll(){

                }
            }
        })
    </script>
@endsection