baoshi-was/resources/views/maintenance/laborCompany/index.blade.php

@extends('layouts.app')
@section('title')查询-劳务所@endsection

@section('content')
    <div class="container-fluid">
        <div class="card">
            <div class="card-body">
                @if(Session::has('successTip'))
                    <div class="alert alert-success h1">{{Session::get('successTip')}}</div>
                @endif
                <table class="table table-striped table-sm" id="list">
                    <tr>
                        <th>ID</th>
                        <th>劳务所名</th>
                        <th>仓库</th>
                        <th>邮箱</th>
                        <th>优先级</th>
                        <th>男工人数</th>
                        <th>女工人数</th>
                        <th>操作</th>
                    </tr>
                    <tr v-for="(laborCompany,i) in laborCompanys" @click="selectTr===i+1?selectTr=0:selectTr=i+1"
                        :class="{ focusing:selectTr===i+1 ,'text-muted': laborCompany.status==='禁用'}">
                        <td class="text-muted">@{{laborCompany.id}}</td>
                        <td>@{{laborCompany.name}}</td>
                        <td>@{{laborCompany.warehouse && laborCompany.warehouse.name}}</td>
                        <td>@{{laborCompany.mail}}</td>
                        <td>@{{laborCompany.priority}}</td>
                        <td>@{{laborCompany.man_num}}</td>
                        <td>@{{laborCompany.woman_num}}</td>
                        <td class="text-muted">@{{laborCompany.created_at}}</td>
                        <td>
                            @can('劳务所-编辑')
                                <button class="btn btn-sm btn-outline-primary" @click="edit(laborCompany.id)">改
                                </button> @endcan
                            @can('劳务所-删除')
                                <button class="btn btn-sm btn-outline-dark" @click="destroy(laborCompany)">删
                                </button> @endcan
                            @can('劳务所-启用禁用')
                                <button class="btn btn-sm"
                                        :class="laborCompany.status==='启用'?'btn btn-outline-danger':'btn btn-outline-success'"
                                        @click="openOrClose(laborCompany)">@{{ laborCompany.status==='启用'?'禁用':'启用' }}
                                </button>
                            @endcan
                        </td>
                    </tr>
                </table>
                {{$laborCompanys->links()}}
            </div>
        </div>
    </div>
@endsection

@section('lastScript')
    <script>
        new Vue({
            el: "#list",
            data: {
                laborCompanys: [
                    @foreach( $laborCompanys as $laborCompany )
                        {!! $laborCompany !!},
                    @endforeach
                ],
                selectTr: 0
            },
            methods: {
                edit: function (id) {
                    location.href = "{{url('maintenance/laborCompany')}}/" + id + "/edit";
                },
                destroy: function (laborCompany) {
                    if (!confirm('确定要删除劳务所“' + laborCompany.name + '”吗？')) {
                        return
                    }
                    ;
                    let data = this;
                    let url = "{{url('maintenance/laborCompany')}}/" + laborCompany.id;
                    axios.delete(url, {id: laborCompany.id})
                        .then(function (response) {
                            if (response.data.success) {
                                for (let i = 0; i < data.laborCompanys.length; i++) {
                                    if (data.laborCompanys[i].id === laborCompany.id) {
                                        data.laborCompanys.splice(i, 1);
                                        break;
                                    }
                                }
                                tempTip.setDuration(1000);
                                tempTip.showSuccess('删除劳务所"' + laborCompany.name + '"成功!')
                            } else {
                                tempTip.setDuration(1000);
                                tempTip.show('删除劳务所"' + laborCompany.name + '"失败!')
                            }
                        })
                        .catch(function (err) {
                            tempTip.setDuration(3000);
                            tempTip.show('删除物流公司失败!' + '网络错误：' + err)
                        });
                },
                openOrClose(laborCompany) {
                    let status = laborCompany.status === '启用' ? '禁用' : '启用';
                    if (!confirm("确定要" + status + "劳务所" + laborCompany.name + '”吗？')) {
                        return
                    }
                    let url = "{{url('maintenance/laborCompany')}}/";
                    axios.put(url + laborCompany.id, {id: laborCompany.id, status: status})
                        .then(response => {
                            if (response.data.success) {
                                laborCompany.status = response.data.data.status;
                                tempTip.setDuration(1000);
                                tempTip.showSuccess('更新劳务所"' + laborCompany.name + '"成功!')
                            } else {
                                tempTip.setDuration(1000);
                                tempTip.show('更新劳务所"' + laborCompany.name + '"失败!')
                            }
                        })
                        .catch(function (err) {
                            tempTip.setDuration(3000);
                            tempTip.show('更新劳务所失败!' + '网络错误：' + err)
                        });
                }
            }
        });
    </script>
@endsection