baoshi-was/resources/views/personnel/laborApply/dispatch/index.blade.php

@extends('layouts.app')
@section('title')查看-劳务派遣明细@endsection

@section('content')
    <div id="list" class="d-none">
        <div class="container-fluid">
            <div id="form_div"></div>
            @include('shared._messages')
            <table class="table table-striped table-bordered table-hover card-body td-min-width-80" id="table">
                <tr v-for="(labor_company_dispatch,i) in labor_company_dispatches"
                    @click="selectTr===i+1?selectTr=0:selectTr=i+1"
                    :class="selectTr===i+1?'focusing' : ''">
                    <td>
                        <input class="checkItem" type="checkbox" :value="labor_company_dispatch.id">
                    </td>
                    <td>@{{ i+1 }}</td>
                    <td>@{{ labor_company_dispatch.labor_company.name }}</td>
                    <td>@{{ labor_company_dispatch.man_num }}</td>
                    <td>@{{ labor_company_dispatch.woman_num }}</td>
                    <td>
                        <div v-if="labor_company_dispatch.labor_company_dispatch_details.length >0">
                            <table v-if="labor_company_dispatch.showMore" style="margin: 0;padding: 0">
                                <tr v-for="(v,k) of labor_company_dispatch.labor_company_dispatch_details" :key="k">
                                    <td>@{{ v.name }}</td>
                                    <td>@{{ v.gender }}</td>
                                    <td>@{{ v.age }}</td>
                                </tr>
                            </table>
                            <table v-else style="margin: 0;padding: 0">
                                <tr>
                                    <td>@{{ labor_company_dispatch.labor_company_dispatch_details[0].name }}</td>
                                    <td>@{{ labor_company_dispatch.labor_company_dispatch_details[0].gender }}</td>
                                    <td>@{{ labor_company_dispatch.labor_company_dispatch_details[0].age }}</td>
                                </tr>
                            </table>
                            <a href="javascript:void(0)"
                               v-if="labor_company_dispatch.labor_company_dispatch_details.length >1"
                               @click="labor_company_dispatch.showMore = !labor_company_dispatch.showMore">
                                @{{ labor_company_dispatch.showMore?'收起':'显示更多' }}
                            </a>
                        </div>
                    </td>
                    <td>@{{ labor_company_dispatch.dispatch_date }}</td>
                    <td>
                        <a :href="getCreateOrEditDetailUrl(labor_company_dispatch)"
                           class="btn btn-outline-secondary btn-sm" role="button">
                            @{{ labor_company_dispatch.labor_company_dispatch_details.length>0?'修改临时工明细':'录入临时工明细' }}
                        </a>
                    </td>

                </tr>
            </table>
            {{ $labor_company_dispatches->links() }}
        </div>
    </div>
@endsection

@section('lastScript')
    <script type="text/javascript" src="{{mix('js/queryForm/export.js')}}"></script>
    <script type="text/javascript" src="{{mix('js/queryForm/queryForm.js')}}"></script>
    <script type="text/javascript" src="{{mix('js/queryForm/header.js')}}"></script>{{--新版2--}}
    <script>
        new Vue({
            el: "#list",
            data: {
                labor_company_dispatches: [
                    @foreach( $labor_company_dispatches as $labor_company_dispatch )
                        {!! $labor_company_dispatch !!},
                    @endforeach
                ],
                selectTr: 0
            },
            mounted() {
                $('#list').removeClass('d-none');
                let _this = this;
                $(".up").slideUp();
                let data = []
                _this.form = new query({
                    el: '#form_div',
                    condition: data,
                    appendDom: "btn",
                });
                _this.form.init();
                let column = [
                    {name: 'index', value: '序号', neglect: true},
                    {name: 'name', value: '劳务公司'},
                    {name: 'man_num', value: '男工人数'},
                    {name: 'woman_num', value: '女工人数'},
                    {name: 'details', value: '派遣详情'},
                    {name: 'dispatch_date', value: '分配日期'},
                    {name: 'do', value: '操作'},
                ];
                new Header({
                    el: "table",
                    name: "labor_company_dispatches",
                    column: column,
                    data: this.labor_company_dispatches,
                    restorationColumn: 'addtime',
                    fixedTop: ($('#form_div').height()) + ($('#btn').height()) + 1,
                }).init();
            },

            methods: {
                getCreateOrEditDetailUrl(labor_company_dispatch) {
                    let url = "";
                    if (labor_company_dispatch.labor_company_dispatch_details.length > 0) {
                        url = "{{ url('personnel/laborApply/dispatch') }}/" + labor_company_dispatch.id + '/detail/edit';
                    } else {
                        url = "{{ url('personnel/laborApply/dispatch') }}/" + labor_company_dispatch.id + '/detail/create';
                    }
                    return url;
                }
            },
        });
    </script>
@endsection