baoshi-was/resources/views/process/index.blade.php

@extends('layouts.app')
@section('title')二次加工管理@endsection
@section('content')
<span id="nav2">
    @component('process.menu')@endcomponent
</span>
<div class="d-none" id="process">
    <div class="container-fluid">
        <div>
            <form  method="GET" action="{{url('process/')}}" id="optionSubmit">
                   <table class="table  table-sm table-bordered text-nowrap  mb-0">
                       <tr v-if="isBeingFilterConditions">
                           <td colspan="10">
                               <div class="col" style="padding:0">
                                   <a  href="{{url('process')}}"><span class="btn btn-warning text-dark">清除过滤条件</span></a>
                               </div></td>
                       </tr>
                       <tr>
                           <td  colspan="9">
                               <select name="paginate" v-model="filterData.paginate" class="tooltipTarget form-control form-control-sm" style="vertical-align: middle;max-width: 100px" @change="submit">
                                   <option value="50">50行</option>
                                   <option value="100">100行</option>
                                   <option value="200">200行</option>
                                   <option value="500">500行</option>
                                   <option value="1000">1000行</option>
                               </select></td>
                       </tr>
                       <tr>
                           <td >
                               <input id="date_start" name="date_start" style="max-width: 200px" v-model="filterData.date_start"  :class="filterData.date_start?'bg-warning':''" type="date" class="form-control form-control-sm tooltipTarget" title="选择显示指定日期的起始时间">
                           </td>
                           <td >
                               <div class="form-inline">
                               <input type="text" class="form-control form-control-sm tooltipTarget" placeholder="客户"
                                      style="width:70px" @input="owner_seek"
                                      title="输入关键词快速定位下拉列表，回车确定">
                               <select name="owner_id" v-model="filterData.owner_id" @change="submit" class="form-control form-control-sm tooltipTarget"  title="选择要显示的客户" :class="filterData.owner_id?'bg-warning':''">
                                   <option >    </option>
                                   <option v-for="owner in owners" :value="owner.id">@{{owner.name}}</option>
                               </select></div>
                           </td>
                           <td>
                               <input id="wms_code" name="wms_code" style="max-width: 200px" title="单据号：支持15内模糊搜索与15天外精确搜索" v-model="filterData.wms_code" class="form-control form-control-sm tooltipTarget" placeholder="单据号" :class="filterData.wms_code?'bg-warning':''">
                           </td>
                           <td colspan="6"></td>
                       </tr>
                       <tr>
                           <td >
                               <input id="date_end" name="date_end" style="max-width: 200px" v-model="filterData.date_end" type="date" class="form-control form-control-sm tooltipTarget" title="选择显示指定日期的结束时间" :class="filterData.date_end?'bg-warning':''">
                           </td>
                           <td>
                               <input name="commodity_barcode" style="max-width: 200px" title="商品条码：支持15内模糊搜索与15天外精确搜索" v-model="filterData.commodity_barcode" class="form-control form-control-sm tooltipTarget" placeholder="商品条码" :class="filterData.commodity_barcode?'bg-warning':''">
                           </td>
                           <td >
                                <div class="form-inline">
                               <select id="status" name="status" v-model="filterData.status" @change="submit" style="max-width: 100px" class="form-control form-control-sm tooltipTarget" :class="filterData.status?'bg-warning':''" >
                                   <option value="" selected>状态</option>
                                   <option value="待接单">待接单</option>
                                   <option value="待加工">待加工</option>
                                   <option value="驳回">驳回</option>
                                   <option value="加工中">加工中</option>
                                   <option value="待验收">待验收</option>
                                   <option value="已完成">已完成</option>
                               </select>
                               <button class="btn btn-sm btn-outline-dark pull-left ml-5" type="submit">按条件搜索</button></div>
                           </td>
                           <td colspan="6"></td>
                       </tr>
                       <tr>
                           <td colspan="9">
                               <span class="dropdown">
                                        <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="processExport(1)" href="javascript:">导出勾选内容</a>
                                            <a class="dropdown-item" @click="processExport(2)" href="javascript:">导出所有页</a>
                                        </div>
                                    </span>
                           </td>
                       </tr>
                   </table>
           </form>
        </div>
        <!--新增教程关联-->
        <div style="top:25%" class="modal fade" id="addTutorial" tabindex="-1" role="dialog" aria-labelledby="addTutorial" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header m-1 p-0">
                        <button type="button" class="close pr-4" data-dismiss="modal" aria-hidden="true">&times;</button>
                    </div>
                    <div class="modal-body m-auto">
                        <table class="table-sm">
                            <tr>
                                <th>标题</th>
                                <th><button class="btn btn-sm btn-outline-primary" @click="addTutorial()">新增教程</button></th>
                            </tr>
                            <tr v-for="tutorial in processTutorial.tutorials">
                                <td><div style="cursor:pointer;overflow: hidden;width: 200px" @click="showTutorial(tutorial.id)" :title="tutorial.name" class="text-primary">@{{tutorial.name}}</div></td>
                                @can("二次加工管理-教程管理")<td><button @click="selectedTutorial(processTutorial.id,tutorial.id)" class="btn btn-sm btn-success pull-right">选择</button></td>@endcan
                            </tr>
                        </table>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!-- 显示教程-->
        <div class="modal fade" id="showTutorial" tabindex="-1" role="dialog" aria-labelledby="showTutorial" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">&times;</button>
                    </div>
                    <div class="modal-body custom-rich-text-content" id="content"></div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!-- 修改modal -->
        <div data-backdrop="static" class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel" aria-hidden="true">
            <div class="modal-dialog  modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <div v-if="errors.user_id" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.user_id }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">参与者</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.user_id }" @change="verifyUserName($event,null,null)" type="text" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.user_detail_full_name" >
                            </div>
                        </div>
                        <div v-if="errors.started_at" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.started_at[0] }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">开始时间</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.started_at }" type="text" @input="hourFilter($event)" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.started_at" >
                            </div>
                        </div>
                        <div v-if="errors.ended_at" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.ended_at[0] }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">结束时间</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.ended_at }" type="text" @input="hourFilter($event)" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.ended_at" >
                            </div>
                        </div>
                        <div v-if="errors.hour_price" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.hour_price[0] }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">计时工资</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.hour_price }"  type="text" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.hour_price" >
                            </div>
                        </div>
                        <div v-if="errors.unit_price" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.unit_price[0] }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">计件工资</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.unit_price }" type="text" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.unit_price" >
                            </div>
                        </div>
                        <div v-if="errors.dinner_duration" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.dinner_duration[0] }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">晚饭时间</label>
                            <div class="col-7">
                                <select :class="{ 'is-invalid' : errors.dinner_duration }" v-model="processDailyParticipantOne.dinner_duration" class="form-control">
                                    <option value="0">无</option>
                                    <option value="30">30分钟</option>
                                    <option value="60">60分钟</option>
                                </select>
                            </div>
                        </div>
                        <div v-if="errors.hour_count" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.hour_count[0] }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">计时工时</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.hour_count }" type="text" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.hour_count" >
                            </div>
                        </div>
                        <div v-if="errors.unit_count" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.unit_count[0] }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">计件数量</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.unit_count }" type="text" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.unit_count" >
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">备注</label>
                            <div class="col-7">
                                <input type="text" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.remark" >
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        @can("二次加工管理-登记工时")<button v-if="isShow.isUpdateConfirmBtn" @click="submitUpdateProcessDailyParticipant()"  class="btn btn-primary">提交更改</button>@endcan
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!-- 多临时工选择（Modal） -->
        <div data-backdrop="static" style="top:25%" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content" style="background-color: #d6e9f8">
                    <div class="modal-body m-auto">
                        <table class="table-sm">
                            <tr>
                                <th>姓名</th>
                                <th>性别</th>
                                <th>电话</th>
                                <th>最近打卡时间</th>
                                <th></th>
                            </tr>
                            <tr v-for="userLabor in userLabors" v-if="userLabor.user_labor">
                                <td>@{{ userLabor.full_name }}</td>
                                <td>@{{ userLabor.gender }}</td>
                                <td>@{{ userLabor.mobile_phone }}</td>
                                <td>@{{ userLabor.checked_at }}</td>
                                <td><button @click="selectedUser(userLabor.user_id,userLabor.user_labor.default_hour_price)" class="btn btn-sm btn-success">选择</button></td>
                            </tr>
                        </table>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
            <table class="table table-striped table-sm text-nowrap table-hover">
                <tr>
                    <th>
                        <label for="all">
                            <input id="all" type="checkbox" @click="checkAll($event)">全选
                        </label>
                    </th>
                    <th>序号</th>
                    <th >操作</th>
                    <th>任务号</th>
                    <th>货主</th>
                    <th>加工类型</th>
                    <th>预期数量</th>
                    <th class="text-center">教程</th>
                    <th>单价</th>
                    <th>完成数量</th>
                    <th>提交日期</th>
                    <th>状态</th>
                    <th>备注</th>
                    <th style="min-width: 200px">单据类型</th>
                    <th style="min-width: 200px">单据号</th>
                    <th style="min-width: 200px">本单数量</th>
                    <th style="min-width: 200px">商品条码</th>
                    <th style="min-width: 200px">商品名称 </th>
                </tr>
                <template>
                <tr v-for="(processOne,i) in processes" :id="processOne.id?processOne.id:processes[i-1].id+'-2'">
                    <td v-if="processOne.id" :rowspan="processOne.is_multi_row?2:''">
                        <input class="checkItem" type="checkbox" :value="processOne.id" v-model="checkData">
                    </td>
                    <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''">@{{ i+1 }}</td>
                    <td v-if="processOne.id" style="min-width:150px" :rowspan="processOne.is_multi_row?2:''">
                        <p v-if="!processOne.openProcessHour && processOne.status=='驳回'" class="text-muted">已驳回</p>
                        <p v-if="!processOne.openProcessHour && processOne.status=='已完成'" class="text-success">已完成</p>
                        <button v-if="!processOne.openProcessHour && processOne.status!='已完成' && processOne.status!='待接单'" class="btn btn-sm btn-outline-dark" style="opacity: 0.65" @click="rollback(processOne.id)">回滚</button>
                        @can("二次加工管理-接单与驳回")
                        <button v-if="!processOne.openProcessHour && (processOne.status=='待接单' || processOne.status=='驳回' || processOne.status=='加工中' || processOne.status=='待加工')" @click="processEdit(processOne.id)" class="btn btn-sm btn-outline-info pull-left">编辑</button>
                        <button v-if="!processOne.openProcessHour && processOne.status=='待接单'" @click="processReject(processOne.id)" class="btn btn-sm btn-outline-dark pull-left">驳回</button>
                        <button v-if="!processOne.openProcessHour && processOne.status=='待接单'"  @click="processReceive(processOne.id)" class="btn btn-sm btn-outline-primary pull-left">接单</button>@endcan
                        @can("二次加工管理-登记工时")<button v-if="(processOne.status=='加工中' || processOne.status=='待加工') && !processOne.openProcessHour"
                                class="btn btn-sm btn-outline-info pull-left" @click="openProcessHour(processOne);processOne.openProcessHour=true;processOne.detailFolding=false">登记工时</button>
                        <button v-if="processOne.openProcessHour" @click="closeProcessHour(processOne.id);processOne.openProcessHour=false" class="btn btn-sm btn-dark pull-left">收起登记工时</button>@endcan
                        @can("二次加工管理-验收完成")<button v-if="!processOne.openProcessHour && processOne.status=='待验收'" @click="processAccomplish(processOne.id)" class="btn btn-sm btn-outline-success pull-left">完成</button>@endcan
                    </td>
                    <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''">@{{ processOne.code }}</td>
                    <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''">@{{ processOne.owner_name }}</td>
                    <td v-if="processOne.id" :rowspan="processOne.is_multi_row?2:''" class="font-weight-bold text-danger">@{{ processOne.process_method_name }}</td>
                    <td v-if="processOne.id" :rowspan="processOne.is_multi_row?2:''">@{{ processOne.amount }}</td>
                    <td v-if="processOne.id" :rowspan="processOne.is_multi_row?2:''">
                        <div class="" v-if="processOne.tutorials" {{--style="width: 200px;overflow:auto;"--}}>
                            <div v-if=" processOne.tutorials.length>0">
                            <u v-if="!processOne.detailFolding" @click="showTutorial(processOne.tutorials[0].id)" class="text-info" style="cursor:pointer;">@{{processOne.tutorials[0].name}}</u>
                                <button href="javascript:;" class="btn btn-sm btn-outline-primary" @click="processOne.detailFolding=true;processOne.openProcessHour=false;closeProcessHour(processOne.id)" v-if="!processOne.detailFolding"><a v-if="processOne.tutorials.length>1">@{{processOne.tutorials.length}}条,展开</a><a v-else>编辑</a></button>
                            <div v-else><button class="btn btn-sm btn-outline-dark pull-left" href="javascript:;" @click="processOne.detailFolding=false" >收起编辑</button>
                            <button @click="addTutorials(processOne.id,processOne.owner_id)" class="btn btn-sm btn-outline-info pull-left">新增关联教程</button></div>
                            <table class="table table-sm" v-if="processOne.detailFolding">
                                <tr>
                                    <th>标题</th>
                                    <th>操作</th>
                                    <th>创建时间</th>
                                </tr>
                                <tr v-for="(tutorial,i) in processOne.tutorials">
                                    <td class="text-info"><u :title="tutorial.name" @click="showTutorial(tutorial.id)" style="cursor:pointer;">@{{tutorial.name}}</u></td>
                                    <td>@can('二次加工管理-教程管理')
                                            <button @click="deleteTutorials(processOne.id,tutorial.id)"  class="btn btn-sm btn-outline-danger pull-left" >删</button>
                                        @endcan</td>
                                    <td >@{{tutorial.created_at}}</td>
                                </tr>
                            </table>
                            </div>
                            <div v-if="processOne.tutorials.length<1">
                                <button @click="addTutorials(processOne.id,processOne.owner_id)"  class="btn btn-sm btn-outline-info pull-left" >新增关联教程</button>
                            </div>
                        </div>
                    </td>
                    <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''">@{{ processOne.unit_price }}</td>
                    <td v-if="processOne.id" :rowspan="processOne.is_multi_row?2:''">@{{ processOne.completed_amount }}</td>
                    <td v-if="processOne.id" :rowspan="processOne.is_multi_row?2:''">@{{ processOne.created_at }}</td>
                    <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''">@{{ processOne.status }}</td>
                    <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''">@{{ processOne.remark }}</td>
                    <td colspan="5">
                        <table class="table table-sm table-striped" v-if="processUnfold[processOne.code+processOne.id] || processOne.processesContents.length==1 ||
                        (processOne.is_multi_row &&  (processOne.processesContents.length)-(processFullSum[processOne.code])==1) || (!processOne.id &&  processFullSum[processOne.code]==1)">
                            <tr v-for="processesContent in processOne.processesContents"
                                v-if="processOne.is_multi_row || !processOne.id ? !processOne.id  ? processesContent.type=='成品单' :processesContent.type=='原料单' : true">
                                <td style="width: 190px" class="text-muted" :class="processesContent.type=='原料单'?'td-warm':'td-cool'">@{{ processesContent.bill_type }}</td>
                                <td style="width: 190px" class="text-muted" :class="processesContent.type=='原料单'?'td-warm':'td-cool'">@{{ processesContent.wms_code }}</td>
                                <td style="width: 200px" class="text-muted" :class="processesContent.type=='原料单'?'td-warm':'td-cool'">@{{ processesContent.amount }}</td>
                                <td style="width: 180px" class="text-muted" :class="processesContent.type=='原料单'?'td-warm':'td-cool'">
                                    <ul class="p-0 m-0 list-unstyled list-inline" v-if="processesContent.commodity">
                                        <li v-for="barcode in processesContent.commodity.barcodes"><small>@{{ barcode.code }}</small></li>
                                    </ul>
                                </td>
                                <td :title="processesContent.commodity_name" class="text-muted tooltipTarget" :class="processesContent.type=='原料单'?'td-warm':'td-cool'">
                                    <div style="width: 180px;overflow:hidden" :class="processesContent.bill_type=='原料单'?'td-warm':'td-cool'">@{{ processesContent.commodity_name }}</div></td>
                            </tr>
                            <tr v-if="processUnfold[processOne.code+processOne.id]">
                               <td colspan="5">
                                   <div class="text-center">
                                       <b v-if="processUnfold[processOne.code+processOne.id]=='原料单'" style="cursor:pointer;color: #aaaaaa;text-decoration:underline" @click="close(processOne.code,processOne.id)">点击关闭原料单</b>
                                       <b v-if="processUnfold[processOne.code+processOne.id]=='成品单'" style="cursor:pointer;color: #aaaaaa;text-decoration:underline" @click="close(processOne.code,processOne.id)">点击关闭成品单</b></div>
                               </td>
                            </tr>
                        </table>
                        <div v-else  style="position: relative">
                            <div v-for="(processesContent,i) in arrayFilter(processOne.processesContents,processOne)" class="w-100 row ml-1" style="position: absolute;" :style="[{ 'margin-top' :  i*2+'px'},{opacity:1/arrayFilter(processOne.processesContents,processOne).length},{background: !processOne.id ? '#e8eef6' :'rgb(246, 238, 232)'}]"
                               {{--v-if="processOne.is_multi_row || !processOne.id ? !processOne.id  ? processesContent.type=='成品单' :processesContent.type=='原料单' : true"--}}>
                                <span style="width: 19%">@{{ processesContent.bill_type }}</span>
                                <span style="width: 19.5%">@{{ processesContent.wms_code }}</span>
                                <span style="width: 20%">@{{ processesContent.amount }}</span>
                                <span style="width: 18%">
                                    <ul class="p-0 m-0 list-unstyled list-inline" v-if="processesContent.commodity">
                                        <li v-for="barcode in processesContent.commodity.barcodes"><small>@{{ barcode.code }}</small></li>
                                    </ul>
                                </span>
                                <span :title="processesContent.commodity_name" class="text-muted tooltipTarget" style="width:23.5%;overflow:hidden">@{{ processesContent.commodity_name }}</span>
                            </div>
                        </div>
                        <div v-if="!processUnfold[processOne.code+processOne.id] && processOne.processesContents.length>1" class="text-center mt-4">
                        <b v-if="processFullSum[processOne.code]!=processOne.processesContents.length && (processOne.processesContents.length)-(processFullSum[processOne.code])!=1 && ((processOne.is_multi_row || !processOne.id) ? (!processOne.id  ? false :true) : true)" style="cursor:pointer;color: #4aa0e6;text-decoration:underline" @click="unfold(processOne.code,processOne.id,'原料单')">点击展开原料单</b>
                        <b v-if="processFullSum[processOne.code] && processFullSum[processOne.code]>1 && ((processOne.is_multi_row || !processOne.id) ? (!processOne.id  ? true :false) : true)" style="cursor:pointer;color: #4aa0e6;text-decoration:underline" @click="unfold(processOne.code,processOne.id,'成品单')">点击展开成品单</b></div>
                    </td>
                </tr>
                <tr id="addProcessDailyParticipants" v-show="processDailyParticipants.length>0">
                    <td colspan="2"></td>
                    <td colspan="16">
                        <table class="table-sm table-bordered table-condensed">
                            <tr class="text-success">
                                <td>日期</td><td>当日产量</td>
                                <td>当日剩余</td>
                                <td colspan="2">操作</td>
                                <td>参与者</td>
                                <td>开始时间</td>
                                <td>结束时间</td>
                                <td>计时工资</td>
                                <td>计件工资</td>
                                <td>晚饭时间</td>
                                <td>计时工时</td>
                                <td>计件数量</td>
                                <td>备注</td>
                                <td>打卡工时</td>
                                <td>工时差</td>
                                <td>计费工时</td>
                                <td>审核</td>
                                <td>详情</td>
                            </tr>
                            <tr  v-for="processDailyParticipant in processDailyParticipants" :id="'processDailyParticipant'+processDailyParticipant.id">
                                <td v-if="processDailyParticipant.rowspan" :rowspan="processDailyParticipant.rowspan"><p >@{{ processDailyParticipant.date }}</p></td>
                                <td v-if="processDailyParticipant.rowspan"  :rowspan="processDailyParticipant.rowspan">
                                    <div  class="form-inline">
                                        <input :readonly="processDailyParticipant.readonly" v-model="processDailyParticipant.submitOutput"
                                               class="form-control col-sm-5 " @click="processDailyParticipant.id?processDailyParticipant.readonly=false:processDailyParticipant.readonly=true" type="text" />
                                        @can("二次加工管理-登记工时")<button class="btn btn-sm btn-success" v-if="! processDailyParticipant.readonly" @click="submitOutputData(processDailyParticipant.daily_id,processDailyParticipant.submitOutput,processDailyParticipant.id)">确定</button>
                                        <button class="btn btn-sm btn-danger" v-if="! processDailyParticipant.readonly" @click="processDailyParticipant.readonly=true;processDailyParticipant.submitOutput=processDailyParticipant.output">取消</button>
                                        @endcan
                                    </div>
                                </td>
                                <td v-if="processDailyParticipant.rowspan" :rowspan="processDailyParticipant.rowspan"><p >@{{ processDailyParticipant.remain }}</p></td>
                                <td v-if="processDailyParticipant.rowspan" :rowspan="processDailyParticipant.rowspan">
                                    @can("二次加工管理-登记工时")<button v-if="processDailyParticipant.isAddProcessDailyParticipant && isShow.isAddProcessDailyParticipant" class="btn btn-sm btn-outline-info" @click="addProcessDailyParticipant(processDailyParticipant);processDailyParticipant.isAddProcessDailyParticipant=false;">新增</button>
                                    <button v-if="!processDailyParticipant.isAddProcessDailyParticipant" class="btn btn-sm btn-danger"
                                            @click="deleteProcessDailyParticipant($event,processDailyParticipant.daily_id,processDailyParticipant.user_detail_full_name,processDailyParticipant.isConfirmBtn);processDailyParticipant.isAddProcessDailyParticipant=true;">取消</button>
                                    @endcan
                                </td>
                                <td>
                                    @can("二次加工管理-登记工时")<button v-if="!processDailyParticipant.isAddProcessDailyParticipant && processDailyParticipant.isConfirmBtn" class="btn btn-sm btn-success" @click="submitProcessDailyParticipant(processDailyParticipant.daily_id)">确定</button>
                                    <button v-if="processDailyParticipant.id && processDailyParticipant.status=='未审核'" class="btn btn-sm btn-outline-info" @click="updateProcessDailyParticipant(processDailyParticipant)">改</button>
                                    @endcan
                                </td>
                                <td>
                                    <span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false" >
                                        <input :class="{ 'is-invalid' : errors.user_id }" :data-original-title="errors.user_id ? errors.user_id : ''"  :id="processDailyParticipant.daily_id+'user_detail_full_name'" class="form-control tooltipTargetError" style="width: 100px" type="text" @change="verifyUserName($event,processDailyParticipant.daily_id,processDailyParticipant.isConfirmBtn)">
                                        <input hidden  :id="processDailyParticipant.daily_id+'user_id'"/>
                                    </span><span v-else>@{{ processDailyParticipant.user_detail_full_name }}</span></td>
                                <td>
                                    <span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false" >
                                    <input :class="{ 'is-invalid' : errors.started_at }" :data-original-title="errors.started_at ? errors.started_at[0] : ''" :id="processDailyParticipant.daily_id+'started_at'" value="09:00" class="form-control tooltipTargetError" style="width:70px" type="text" @input="hourFilter($event)">
                                    </span><span v-else> @{{ processDailyParticipant.started_at }}</span></td>
                                <td>
                                    <span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false" >
                                        <input :class="{ 'is-invalid' : errors.ended_at }" :data-original-title="errors.ended_at ? errors.ended_at[0] : ''" :id="processDailyParticipant.daily_id+'ended_at'" value="18:00" class="form-control tooltipTargetError" style="width:70px" type="text" @input="hourFilter($event)">
                                    </span><span v-else> @{{ processDailyParticipant.ended_at }}</span></td>
                                <td><span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false">
                                        <input :class="{ 'is-invalid' : errors.hour_price }" :data-original-title="errors.hour_price ? errors.hour_price[0] : ''" :id="processDailyParticipant.daily_id+'hour_price'" class="form-control tooltipTargetError" style="width:70px" type="text">
                                    </span><span v-else>@{{ processDailyParticipant.hour_price }}</span></td>
                                <td>
                                    <span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false">
                                        <input :class="{ 'is-invalid' : errors.unit_price }" :data-original-title="errors.unit_price ? errors.unit_price[0] : ''" :id="processDailyParticipant.daily_id+'unit_price'" class="form-control tooltipTargetError" style="width:70px" type="text">
                                    </span><span v-else>@{{ processDailyParticipant.unit_price }}</span></td>
                                <td>
                                    <span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false">
                                        <select :class="{ 'is-invalid' : errors.dinner_duration }" :data-original-title="errors.dinner_duration ? errors.dinner_duration[0] : ''" :id="processDailyParticipant.daily_id+'dinner_duration'" class="form-control tooltipTargetError" style="width:80px">
                                            <option value="0">无</option>
                                            <option value="30">30分钟</option>
                                            <option value="60">60分钟</option>
                                        </select>
                                    </span><span v-else>@{{ processDailyParticipant.dinner_duration }}</span></td>
                                <td>
                                    <span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false">
                                        <input :class="{ 'is-invalid' : errors.hour_count }" :data-original-title="errors.hour_count ? errors.hour_count[0] : ''" :id="processDailyParticipant.daily_id+'hour_count'" value="8" class="form-control tooltipTargetError" style="width:70px" type="text" >
                                    </span><span v-else>@{{ processDailyParticipant.hour_count }}</span></td>
                                <td>
                                    <span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false">
                                        <input :class="{ 'is-invalid' : errors.unit_count }" :data-original-title="errors.unit_count ? errors.unit_count[0] : ''" :id="processDailyParticipant.daily_id+'unit_count'" class="form-control tooltipTargetError" style="width:70px" type="text">
                                    </span><span v-else>@{{ processDailyParticipant.unit_count }}</span></td>
                                <td>
                                    <span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false">
                                        <input :id="processDailyParticipant.daily_id+'remark'" class="form-control" style="width: 100px" type="text">
                                    </span><span v-else>@{{ processDailyParticipant.remark }}</span></td>
                                <td class="text-danger">@{{ processDailyParticipant.hour }}</td>
                                <td class="text-danger">@{{ processDailyParticipant.diff }}</td>
                                <td class="text-danger">@{{ processDailyParticipant.billingHour }}</td>
                                <td class="text-danger">
                                    @can("人事管理-任务审核")<button @click="processDailyParticipantAudit(processDailyParticipant.id)" v-if="processDailyParticipant.status=='未审核'" class="btn btn-sm btn-outline-success">审核</button>@endcan
                                    <b v-else class="text-success">@{{ processDailyParticipant.status }}</b>
                                </td>
                                @can("二次加工管理-临时工资料管理")<td class="text-info"><u v-if="processDailyParticipant.user_detail_full_name" style="cursor:pointer" @click="showUserDetail(processDailyParticipant.user_id)">详情</u></td>@endcan
                            </tr>
                        </table>
                    </td>
                </tr>
                </template>
            </table>
            {{$processes->appends($request)->links()}}
        </div>
    </div>
</div>


@endsection

@section('lastScript')
    <script>
        new Vue({
            el:"#process",
            data:{
                participantInputting:{},
                processes:[
                    @foreach($processes as $processOne)
                    {id:'{{$processOne->id}}',code:'{{$processOne->code}}',owner_name:'{{$processOne->owner_name}}',owner_id:'{{$processOne->owner_id}}',
                        process_method_name:'{{$processOne->process_method_name}}',amount:'{{$processOne->amount}}',type:'{{$processOne->type}}'
                        ,tutorials:{!! $processOne->tutorials !!},processesContents:{!! $processOne->processesContents !!},unit_price:'{{$processOne->unit_price}}',created_at:'{{$processOne->created_at}}',
                        completed_amount:'{{$processOne->completed_amount}}',status:'{{$processOne->status}}',remark:'{{$processOne->remark}}',detailFolding:false,openProcessHour:false,is_multi_row:false},
                    @endforeach
                ],
                processesList:[],
                owners:[
                    @foreach($owners as $owner)
                    {!! $owner !!},
                    @endforeach
                ],
                errors:{},
                checkData:[],
                filterData:{paginate:50,date_start:'',date_end:'',owner_id:'',commodity_barcode:'',wms_code:'',status:''},
                processDailies:[],
                processDailyParticipants:[],
                isShow:{
                    isOpenProcessHour:false,isAddProcessDailyParticipant:true,isUpdateConfirmBtn:true,
                },
                userLabors:[],
                modalDaily_id:'',
                processDailyParticipantOne:{id:'',user_id:'',user_detail_full_name:'',started_at:"",ended_at:"",
                                        hour_price:'',unit_price:'',dinner_duration:'',hour_count:'',unit_count:'',remark:''},
                processTutorial:{id:'',owner_id:'',tutorials:[],},
                processUnfold:[],
                processFullSum:[],
            },
            watch:{
                checkData:{
                    handler(){
                        if (this.checkData.length === this.processes.length){
                            document.querySelector('#all').checked = true;
                        }else {
                            document.querySelector('#all').checked = false;
                        }
                    },
                    deep:true
                }
            },
            computed:{
                isBeingFilterConditions:function(){
                    for(let key in this.filterData){
                        if(this.filterData[key]){
                            if(key==='paginate')continue;
                            return true
                        }
                    }
                    return false;
                },

            },
            mounted:function () {
                this.initInputs();
                this.resetProcessData();
                $(".tooltipTarget").tooltip({'trigger':'hover'});
                $('#process').removeClass('d-none');
            },
            methods:{
                arrayFilter:function(processesContents,process){
                    if (!process.is_multi_row && process.id) return processesContents;
                    let array=[];
                    let type='成品单';
                    if (process.id) type='原料单';
                    processesContents.forEach(function (processesContent) {
                        if (processesContent.type===type)array.push(processesContent);
                    });
                    return  array;

                },
                //重组数据
                resetProcessData:function(){
                    let _this=this;
                    let indexs=[];
                    for (let i=0;i<this.processes.length;i++){
                        let process=this.processes[i];
                        // console.log(this.processes[i].id);
                        process.processesContents.every(function (processesContent) {
                            if (processesContent.type==='成品单')_this.$set(_this.processFullSum,process.code,_this.processFullSum[process.code]?_this.processFullSum[process.code]+1:1);
                            return true;
                        });
                        if (_this.processFullSum[process.code] && _this.processFullSum[process.code]!==0 && _this.processFullSum[process.code]!==process.processesContents.length)
                        {indexs.unshift(i);process.is_multi_row=true;}
                    }
                    indexs.forEach(function (index) {
                        let processTemp=Object.assign({},_this.processes[index]);
                        processTemp.id='';
                        processTemp.is_multi_row=false;
                        _this.processes.splice(index+1,0,processTemp);
                    });
                },
                //回显条件参数
                initInputs:function(){
                    let data=this;
                    let uriParts =decodeURI(location.href).split("?");
                    if(uriParts.length>1){
                        let params = uriParts[1].split('&');
                        params.forEach(function(paramPair){
                            let pair=paramPair.split('=');
                            let key = pair[0], val = pair[1];
                            if (val!=="+"){
                                $('input[name="'+key+'"]').val(val);
                                $('select[name="'+key+'"]').val(val);
                                decodeURI(data.filterData[key]=val);
                            }
                        });
                    }
                },
                //提交表单
                submit:function(){
                    let form = $("#optionSubmit");
                    form.submit();
                },
                //全选事件
                checkAll(e){
                    if (e.target.checked){
                        this.processes.forEach((el,i)=>{
                            if (this.checkData.indexOf(el.id) == '-1'){
                                this.checkData.push(el.id);
                            }
                        });
                    }else {
                        this.checkData = [];
                    }
                },
                //导出excel，因同步问题不使用formData
                processExport(e){
                    let val=e;
                    let data=this.filterData;
                    if (val==1){
                        if (this.checkData&&this.checkData.length<=0){
                            tempTip.setDuration(4000);
                            tempTip.showSuccess('没有勾选任何记录');
                        }else{
                            location.href="{{url('process?checkSign=')}}"+this.checkData;
                        }
                    } else {
                        location.href="{{url('process?checkSign=-1&date_start=')}}"+
                            data.date_start+"&date_end="+data.date_end+"&owner_id="+
                            data.owner_id+"&commodity_barcode="+data.commodity_barcode+"&wms_code="+data.wms_code+
                            "&status="+data.status;
                    }
                },
                //获取登记工时
                openProcessHour(process){
                    let e=process.id;
                    let _this=this;
                    if (_this.isShow.isOpenProcessHour){
                        _this.processes.every(function (process) {
                            if (process.openProcessHour){
                                process.openProcessHour=false;
                                _this.processDailies=[];
                                _this.processDailyParticipants=[];
                                return false;
                            }
                            return  true;
                        });
                    }else{
                        _this.isShow.isOpenProcessHour=true;
                    }
                    axios.post("{{url("process/getDailyParticipant")}}",{id:e,amount:process.amount})
                        .then(function (response) {
                            let processDailies=response.data;
                            for (let i=0;i<processDailies.length;i++){
                                let processDailyParticipants=processDailies[i].process_daily_participants;
                                if (processDailyParticipants.length<=0){
                                    let data={};
                                    data['daily_id']=processDailies[i].id;
                                    data['date']=processDailies[i].date;
                                    data['output']=processDailies[i].output;
                                    data['remain']=processDailies[i].remain;
                                    data['rowspan']=1;
                                    data['readonly']="true";
                                    data['isAddProcessDailyParticipant']="true";
                                    data['isConfirmBtn']="true";
                                    data['submitOutput']=processDailies[i].output;
                                    _this.processDailyParticipants.push(data);
                                    continue;
                                }
                                for (let j=0;j<processDailyParticipants.length;j++){
                                    let data={};
                                    data['id']=processDailyParticipants[j].id;
                                    data['status']=processDailyParticipants[j].status;
                                    data['started_at']=processDailyParticipants[j].started_at;
                                    data['user_detail_full_name']=processDailyParticipants[j].user_detail_full_name;
                                    data['user_id']=processDailyParticipants[j].user_id;
                                    data['ended_at']=processDailyParticipants[j].ended_at;
                                    data['hour_price']=processDailyParticipants[j].hour_price;
                                    data['unit_price']=processDailyParticipants[j].unit_price;
                                    data['dinner_duration']=processDailyParticipants[j].dinner_duration;
                                    data['hour_count']=processDailyParticipants[j].hour_count;
                                    data['remark']=processDailyParticipants[j].remark;
                                    data['hour']=processDailyParticipants[j].hour;
                                    data['diff']=processDailyParticipants[j].diff;
                                    data['billingHour']=processDailyParticipants[j].billingHour;
                                    data['unit_count']=processDailyParticipants[j].unit_count;
                                    data['process_id']=processDailies[i].process_id;
                                    data['readonly']="true";
                                    if (!_this.processDailies[processDailies[i].id]){
                                        data['rowspan']=processDailyParticipants.length;
                                        data['daily_id']=processDailies[i].id;
                                        data['date']=processDailies[i].date;
                                        data['output']=processDailies[i].output;
                                        data['remain']=processDailies[i].remain;
                                        data['submitOutput']=processDailies[i].output;
                                        data['isAddProcessDailyParticipant']="true";
                                        data['isConfirmBtn']="true";
                                        _this.processDailies[processDailies[i].id]=processDailies[i].id;
                                    }
                                    _this.processDailyParticipants.push(data);
                                }
                            }
                    }).catch(function (err) {
                        tempTip.setDuration(5000);
                        tempTip.show('获取登记工时数据发生了一些严重错误：'+err);
                    });
                    let processDailyParticipantsHtml=$("#addProcessDailyParticipants");
                    if (process.is_multi_row) $("#"+e+"-2").after(processDailyParticipantsHtml);
                    else $("#"+e).after(processDailyParticipantsHtml)
                },
                //删除工时显示
                closeProcessHour(e){
                    this.processDailies=[];
                    this.processDailyParticipants=[];
                },
                //新增参与人
                addProcessDailyParticipant(processDailyParticipantOne){
                    let id=processDailyParticipantOne.id;
                    if (!id) return;
                    let _this=this;
                    _this.errors={};
                    this.processDailyParticipants.every(function (processDailyParticipant,i) {
                        if (processDailyParticipant.id==id){
                            processDailyParticipant.rowspan++;
                            let data={};
                            data['readonly']="true";
                            data['isAddProcessDailyParticipant']="true";
                            data['isConfirmBtn']="true";
                            data['id']=processDailyParticipant.id;
                            data['user_id']=processDailyParticipant.user_id;
                            data['status']=processDailyParticipant.status;
                            data['started_at']=processDailyParticipant.started_at;
                            data['user_detail_full_name']=processDailyParticipant.user_detail_full_name;
                            data['ended_at']=processDailyParticipant.ended_at;
                            data['hour_price']=processDailyParticipant.hour_price;
                            data['unit_price']=processDailyParticipant.unit_price;
                            data['dinner_duration']=processDailyParticipant.dinner_duration;
                            data['hour_count']=processDailyParticipant.hour_count;
                            data['remark']=processDailyParticipant.remark;
                            data['hour']=processDailyParticipant.hour;
                            data['diff']=processDailyParticipant.diff;
                            data['billingHour']=processDailyParticipant.billingHour;
                            data['unit_count']=processDailyParticipant.unit_count;
                            data['process_id']=processDailyParticipant.process_id;
                            _this.processDailyParticipants.splice(i+1,0,data);
                            processDailyParticipant.id='';
                            processDailyParticipant.status='';
                            processDailyParticipant.started_at='';
                            processDailyParticipant.user_detail_full_name='';
                            processDailyParticipant.ended_at='';
                            processDailyParticipant.hour_price='';
                            processDailyParticipant.unit_price='';
                            processDailyParticipant.dinner_duration='';
                            processDailyParticipant.hour_count='';
                            processDailyParticipant.remark='';
                            processDailyParticipant.hour='';
                            processDailyParticipant.diff='';
                            processDailyParticipant.billingHour='';
                            processDailyParticipant.unit_count='';
                            processDailyParticipant.process_id='';
                            return false;
                        }
                        return  true;
                    });
                    _this.isShow.isAddProcessDailyParticipant=false;
                },
                //取消录入参与人
                deleteProcessDailyParticipant($event,daily_id,processDailyParticipant_name,isConfirmBtn){
                    console.log($event,daily_id,processDailyParticipant_name,isConfirmBtn);
                    if (!isConfirmBtn) {
                        this.processDailyParticipants.every(function (processDailyParticipant) {
                            if(processDailyParticipant.daily_id==daily_id){
                                processDailyParticipant.isConfirmBtn=true;   //放出隐藏确定按钮
                                return  false;
                            }
                            return true;
                        });
                    }
                    let _this=this;
                    this.processDailyParticipants.every(function (processDailyParticipant,i) {
                        if(processDailyParticipant.daily_id==daily_id){
                            if (!processDailyParticipant_name&&_this.processDailyParticipants[i+1]&&_this.processDailyParticipants[i+1].daily_id)return false;
                            if (!_this.processDailyParticipants[i+1])return false;
                            _this.processDailyParticipants[i+1].rowspan=(processDailyParticipant.rowspan)-1;
                            _this.processDailyParticipants[i+1].daily_id=processDailyParticipant.daily_id;
                            _this.processDailyParticipants[i+1].date=processDailyParticipant.date;
                            _this.processDailyParticipants[i+1].output=processDailyParticipant.output;
                            _this.processDailyParticipants[i+1].remain=processDailyParticipant.remain;
                            _this.processDailyParticipants[i+1].submitOutput=processDailyParticipant.submitOutput;
                            _this.processDailyParticipants.splice(i,1);
                            return false;
                        }
                        return  true;
                    });
                    _this.isShow.isAddProcessDailyParticipant=true;
                },
                //驳回
                processReject(id){
                    if(!confirm('确定驳回该单吗？')){return};
                    let url="{{url('process/reject')}}"+"/"+id;
                    let _this=this;
                    axios.post(url)
                        .then(function (response) {
                            _this.processes.every(function (process) {
                                if (process.id==response.data.id){
                                    process.status=response.data.status;
                                    return false;
                                }
                                return true;
                            });
                            tempTip.setDuration(3000);
                            tempTip.showSuccess('驳回成功！');
                        }).catch(function (err) {
                            tempTip.setDuration(5000);
                            tempTip.show('驳回二次加工单发生了一些严重错误：'+err);
                        })
                },
                //接单
                processReceive(id){
                    let url="{{url('process/receive')}}"+"/"+id;
                    let _this=this;
                    axios.post(url)
                        .then(function (response) {
                            _this.processes.every(function (process) {
                                if (process.id==response.data.id){
                                    process.status=response.data.status;
                                    return false;
                                }
                                return true;
                            });
                            tempTip.setDuration(3000);
                            tempTip.showSuccess('接单成功！');
                        }).catch(function (err) {
                        tempTip.setDuration(5000);
                        tempTip.show('接单时发生了一些严重错误：'+err);
                    })
                },
                //完成
                processAccomplish(id){
                    if(!confirm('确定完成验收吗？')){return};
                    let url="{{url('process/accomplish')}}"+"/"+id;
                    let _this=this;
                    axios.post(url)
                        .then(function (response) {
                            _this.processes.every(function (process) {
                                if (process.id==response.data.id){
                                    process.status=response.data.status;
                                    process.completed_amount=response.data.completed_amount;
                                    return false;
                                }
                                return true;
                            });
                            tempTip.setDuration(3000);
                            tempTip.showSuccess('验收完成！');
                        }).catch(function (err) {
                        tempTip.setDuration(5000);
                        tempTip.show('验收时发生了一些严重错误：'+err);
                    })
                },
                //定位客户
                owner_seek:function (e) {
                    let _this=this;
                    let $val=e.target.value;
                    if($val==='')_this.filterData.owner_id='';
                    else
                        _this.owners.forEach(function (owner) {
                            if (owner.name.includes($val)){
                                _this.filterData.owner_id=owner.id;
                            }
                        });
                },
                //修改每日产量
                submitOutputData(daily_id,data,id){
                    let url="{{url('process/updateDailyOutput')}}";
                    let _this=this;
                    axios.post(url,{id:daily_id,output:data})
                        .then(function (response) {
                            if (response.data.status=="error"){
                                tempTip.setDuration(3000);
                                tempTip.show('输入有误：'+response.data.data.output);
                            }
                            if (response.data.status=="success"){
                                let processDailies=response.data.data;
                                _this.processDailyParticipants.every(function (processDailyParticipant) {
                                    if (processDailyParticipant.id==id) {
                                        processDailyParticipant.readonly=true;
                                    }
                                    processDailies.every(function (processDaily) {
                                        if (processDailyParticipant.date==processDaily.date){
                                            processDailyParticipant.output=processDaily.output;
                                            processDailyParticipant.remain=processDaily.remain;
                                            return  false;
                                        }
                                        return true;
                                    });
                                    return  true;
                                });
                                if (response.data.process) {
                                    _this.processes.every(function (process) {
                                        if(process.id==response.data.process){
                                            process.status="待验收";
                                            return false;
                                        }
                                        return  true;
                                    });
                                }
                                tempTip.setDuration(3000);
                                tempTip.showSuccess('每日产量修改成功！');
                            }
                        }).catch(function (err) {
                        tempTip.setDuration(5000);
                        tempTip.show('修改每日产量发生了一些严重错误：'+err);
                        });
                },
                //验证临时工
                verifyUserName(e,daily_id,isConfirmBtn){
                    let user=e.target.value;
                    let _this=this;
                    axios.post('{{url('process/verifyUserName')}}',{userName:user})
                        .then(function (response) {
                            //修改时验证
                            if (!daily_id){
                                //验证失败
                                if(response.data.length<1){
                                    _this.isShow.isUpdateConfirmBtn=false;
                                    _this.errors['user_id']="查无此人,请检查您的输入";
                                    return;
                                }
                                //验证成功且结果仅有一个
                                if (response.data.user_id){
                                    _this.isShow.isUpdateConfirmBtn=true;
                                    _this.errors['user_id']="";
                                    _this.processDailyParticipantOne.user_id=response.data.user_id;
                                    return;
                                }
                                //验证成功多结果
                                if (response.data.length>1){
                                    _this.userLabors=response.data;
                                    $("#myModal").modal('show');
                                    return;
                                }
                            }
                            //验证失败
                            if(response.data.length<1){
                                _this.processDailyParticipants.every(function (processDailyParticipant) {
                                    if(processDailyParticipant.daily_id==daily_id){
                                        _this.errors['user_id']="查无此人,请检查您的输入";
                                        setTimeout(function(){
                                            $(".tooltipTargetError").tooltip('show');
                                        },1);
                                        processDailyParticipant.isConfirmBtn=false;   //验证失败隐藏确定按钮
                                        return  false;
                                    }
                                    return true;
                                });
                                return;
                            }
                            //按钮被隐藏则放出
                            if (!isConfirmBtn){
                                _this.processDailyParticipants.every(function (processDailyParticipant) {
                                    if(processDailyParticipant.daily_id==daily_id){
                                        processDailyParticipant.isConfirmBtn=true;   //验证失败隐藏确定按钮
                                        return  false;
                                    }
                                    return true;
                                });
                            }
                            _this.modalDaily_id=daily_id;
                            //验证成功且结果仅有一个
                            if (response.data.user_id){
                                _this.errors['user_id']="";
                                $("#"+daily_id+"user_id").val(response.data.user_id);
                                $("#"+daily_id+"hour_price").val(response.data.user_labor.default_hour_price);
                            }
                            //验证成功多结果
                            if (response.data.length>1){
                                _this.userLabors=response.data;
                                $("#myModal").modal('show');
                            }
                        }).catch(function (err) {
                            tempTip.setDuration(5000);
                            tempTip.show('验证临时工发生了一些严重错误：'+err);
                        })
                },
                //验证时间合法性
                hourFilter(e){
                    datetimeRelating.verifyTime(e);
                },
                //提交参与人
                submitProcessDailyParticipant(e){
                    let request={};
                    request['user_id']=$("#"+e+"user_id").val();
                    request['started_at']=$("#"+e+"started_at").val();
                    request['ended_at']=$("#"+e+"ended_at").val();
                    let hour_price=$("#"+e+"hour_price").val();
                    if (hour_price) request['hour_price']=hour_price;
                    let unit_price=$("#"+e+"unit_price").val();
                    if (unit_price) request['unit_price']=unit_price;
                    let dinner_duration=$("#"+e+"dinner_duration").val();
                    if (dinner_duration) request['dinner_duration']=dinner_duration;
                    let hour_count=$("#"+e+"hour_count").val();
                    if (hour_count) request['hour_count']=hour_count;
                    let unit_count=$("#"+e+"unit_count").val();
                    if (unit_count) request['unit_count']=unit_count;
                    let remark=$("#"+e+"remark").val();
                    if (remark) request['remark']=remark;
                    request['daily_id']=this.modalDaily_id;
                    let _this=this;
                    axios.post("{{url('process/shortProcessDailyParticipant')}}", request)
                        .then(function (response) {
                            if (response.data.status=="error"){
                                tempTip.setDuration(3000);
                                _this.errors=response.data.data;
                                setTimeout(function(){
                                    $(".tooltipTargetError").tooltip('show');
                                },1);
                                return;
                            }
                            if (response.data.status=="success"){
                                _this.processDailyParticipants.every(function (processDailyParticipant) {
                                    if (processDailyParticipant.daily_id==e){
                                        processDailyParticipant.id=response.data.data.id;
                                        processDailyParticipant.status=response.data.data.status;
                                        processDailyParticipant.user_detail_full_name=response.data.data.user_detail_full_name;
                                        processDailyParticipant.user_id=response.data.data.user_id;
                                        processDailyParticipant.started_at=response.data.data.started_at;
                                        processDailyParticipant.ended_at=response.data.data.ended_at;
                                        processDailyParticipant.hour_price=response.data.data.hour_price;
                                        processDailyParticipant.unit_price=response.data.data.unit_price;
                                        processDailyParticipant.dinner_duration=response.data.data.dinner_duration;
                                        processDailyParticipant.hour_count=response.data.data.hour_count;
                                        processDailyParticipant.unit_count=response.data.data.unit_count;
                                        processDailyParticipant.remark=response.data.data.remark;
                                        processDailyParticipant.hour=response.data.data.hour;
                                        processDailyParticipant.diff=response.data.data.diff;
                                        processDailyParticipant.billingHour=response.data.data.billingHour;
                                        processDailyParticipant.isAddProcessDailyParticipant=true;
                                        _this.isShow.isAddProcessDailyParticipant=true;
                                        return false;
                                    }
                                    return  true;
                                });
                                if (response.data.process){
                                    _this.processes.every(function (process) {
                                        if (process.id==response.data.process){
                                            process.status="加工中";
                                            return false;
                                        }
                                        return  true;
                                    });
                                }
                                tempTip.setDuration(3000);
                                tempTip.showSuccess('参与人新增成功！');
                            }
                        }).catch(function (err) {
                            tempTip.setDuration(5000);
                            tempTip.show('新增参与人发生了一些严重错误：'+err);
                        })
                },
                //同名临时工选择
                selectedUser(user_id,hour_price){
                    $("#myModal").modal('hide');
                    this.errors['user_id']="";
                    this.processDailyParticipantOne['user_id']=user_id;
                    this.processDailyParticipantOne['hour_price']=hour_price;
                    this.isShow.isUpdateConfirmBtn=true;
                    $("#"+this.modalDaily_id+"user_id").val(user_id);
                    $("#"+this.modalDaily_id+"hour_price").val(hour_price);
                },
                //修改参与人
                updateProcessDailyParticipant(processDailyParticipant){
                    this.errors={};
                    this.processDailyParticipantOne['id']=processDailyParticipant.id;
                    this.processDailyParticipantOne['user_detail_full_name']=processDailyParticipant.user_detail_full_name;
                    this.processDailyParticipantOne['user_id']=processDailyParticipant.user_id;
                    this.processDailyParticipantOne['started_at']=processDailyParticipant.started_at;
                    this.processDailyParticipantOne['ended_at']=processDailyParticipant.ended_at;
                    this.processDailyParticipantOne['hour_price']=processDailyParticipant.hour_price;
                    this.processDailyParticipantOne['unit_price']=processDailyParticipant.unit_price;
                    this.processDailyParticipantOne['dinner_duration']=processDailyParticipant.dinner_duration;
                    this.processDailyParticipantOne['hour_count']=processDailyParticipant.hour_count;
                    this.processDailyParticipantOne['unit_count']=processDailyParticipant.unit_count;
                    this.processDailyParticipantOne['remark']=processDailyParticipant.remark;
                    $("#updateModal").modal('show');
                },
                //提交修改
                submitUpdateProcessDailyParticipant(){
                    let _this=this;
                    axios.post("{{url('process/updateProcessDailyParticipant')}}",this.processDailyParticipantOne)
                        .then(function (response) {
                            if (response.data.status=="error"){
                                tempTip.setDuration(3000);
                                _this.errors=response.data.data;
                            }
                            if (response.data.status=="success"){
                                _this.processDailyParticipants.every(function (processDailyParticipant) {
                                    if (processDailyParticipant.id==response.data.data.id){
                                        processDailyParticipant.status=response.data.data.status;
                                        processDailyParticipant.user_detail_full_name=response.data.data.user_detail_full_name;
                                        processDailyParticipant.started_at=response.data.data.started_at;
                                        processDailyParticipant.ended_at=response.data.data.ended_at;
                                        processDailyParticipant.hour_price=response.data.data.hour_price;
                                        processDailyParticipant.unit_price=response.data.data.unit_price;
                                        processDailyParticipant.dinner_duration=response.data.data.dinner_duration;
                                        processDailyParticipant.hour_count=response.data.data.hour_count;
                                        processDailyParticipant.unit_count=response.data.data.unit_count;
                                        processDailyParticipant.remark=response.data.data.remark;
                                        processDailyParticipant.hour=response.data.data.hour;
                                        processDailyParticipant.diff=response.data.data.diff;
                                        processDailyParticipant.billingHour=response.data.data.billingHour;
                                        processDailyParticipant.isAddProcessDailyParticipant=true;
                                        return false;
                                    }
                                    return  true;
                                });
                                tempTip.setDuration(3000);
                                tempTip.showSuccess('参与人修改成功！');
                                $("#updateModal").modal('hide');
                            }
                        }).catch(function (err) {
                            tempTip.setDuration(5000);
                            tempTip.show('修改参与人发生了一些严重错误：'+err);
                        })
                },
                //登记工时参与人审核
                processDailyParticipantAudit(id){
                    if(!confirm('审核后不能撤销及修改，确定通过审核吗？')){return};
                    let _this=this;
                    axios.post("{{url('process/processDailyParticipantAudit')}}"+"/"+id)
                        .then(function (response) {
                            if (response.data.success){
                                _this.processDailyParticipants.every(function (processDailyParticipant) {
                                    if (processDailyParticipant.id==response.data.processDailyParticipant.id){
                                        processDailyParticipant.status=response.data.processDailyParticipant.status;
                                        return false;
                                    }
                                    return  true;
                                });
                                tempTip.setDuration(3000);
                                tempTip.showSuccess('参与人审核通过！');
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show('参与人失败！');
                        }).catch(function (err) {
                            tempTip.setDuration(5000);
                            tempTip.show('审核参与人发生了一些严重错误：'+err);
                        });
                },
                //临时工详情
                showUserDetail(id){
                    window.open("{{url('maintenance/userLabor')}}/"+id);
                },
                //显示教程
                showTutorial(id) {
                    axios.post('{{url('maintenance/tutorial/showContent')}}'+"/"+id)
                        .then(function (response) {
                            if (response.data.success){
                                $("#content").html(response.data.data);
                                $("#showTutorial").modal('show');
                            }
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('获取教程失败!'+'网络错误：' + err);
                    });
                },
                //新增教程
                addTutorials(id,owner_id){
                    let _this=this;
                    axios.post('{{url('process/getTutorials')}}'+"/"+id)
                        .then(function (response) {
                            if(response.data.success){
                                _this.processTutorial.id=id;
                                _this.processTutorial.owner_id=owner_id;
                                _this.processTutorial.tutorials=response.data.data;
                                $("#addTutorial").modal("show");
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show('获取教程失败!未知错误：'+response.data );
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('获取教程失败!'+'网络错误：' + err);
                        });
                },
                //选择教程
                selectedTutorial(process_id,tutorial_id){
                    let _this=this;
                    axios.post('{{url('process/selectedTutorial')}}',{process_id:process_id,tutorial_id,tutorial_id})
                        .then(function (response) {
                            if (response.data.success){
                                _this.processes.every(function (process) {
                                    if (process.id==process_id){
                                        process.tutorials.push(response.data.data);
                                        return false;
                                    }
                                    return  true;
                                });
                                $("#addTutorial").modal("hide");
                                tempTip.setDuration(3000);
                                tempTip.showSuccess('添加成功！');
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show('添加教程失败!发生错误：' + response.data.data);
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('添加教程失败!'+'网络错误：' + err);
                        });
                },
                //删除教程
                deleteTutorials(process_id,tutorial_id){
                    let _this=this;
                    axios.post('{{url('process/deleteTutorial')}}',{process_id:process_id,tutorial_id,tutorial_id})
                        .then(function (response) {
                            if (response.data.success){
                                _this.processes.every(function (process) {
                                    if (process.id==process_id){
                                        process.tutorials.every(function (tutorial,i) {
                                            if (tutorial.id==tutorial_id) {
                                                process.tutorials.splice(i,1)
                                                return false;
                                            }
                                            return  true;
                                        });
                                        return false;
                                    }
                                    return  true;
                                });
                                tempTip.setDuration(3000);
                                tempTip.showSuccess('删除成功！');
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show('删除教程失败!发生错误：' + response.data.data);
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('删除教程失败!'+'网络错误：' + err);
                    }   );
                },
                processEdit(id){
                    location.href = "{{url('process')}}/"+id+"/edit";
                },
                //去往新增教程
                addTutorial() {
                    window.open("{{url('maintenance/tutorial/create?owner_id=')}}" + this.processTutorial.owner_id);
                },
                //展开内容单
                unfold(code,id,type){
                    this.$set(this.processUnfold,code+id,type);
                },
                close(code,id){
                    this.$delete(this.processUnfold,code+id);
                },
                rollback(id){
                    if(!id)return;
                    let _this=this;
                    axios.post('{{url('process/rollback')}}',{id:id})
                        .then(function (response) {
                            if(response.data.success){
                                _this.processes.every(function (process) {
                                    if (process.id===id){
                                        process.status=response.data.data;
                                        return false
                                    }
                                    return  true;
                                });
                                tempTip.setDuration(2000);
                                tempTip.showSuccess('回滚成功!' );
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show('回滚失败!未知错误!');
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('回滚失败!网络错误：' + err);
                        })
                }
            },
        });
    </script>
@endsection