@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 id="form_div"></div>
            <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(false)" href="javascript:">导出勾选内容</a>
                <a class="dropdown-item" @click="processExport(true)" href="javascript:">导出所有页</a>
            </div>
       </span>
        <!--新增教程关联-->
        <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,processDailyParticipantOne)" 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="time" @input="hourFilter(processDailyParticipantOne,false)" 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="time" @input="hourFilter(processDailyParticipantOne,false)" 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 }" :data-old-value="processDailyParticipantOne.dinner_duration" v-model="processDailyParticipantOne.dinner_duration"
                                        @change="updateDinnerDuration(processDailyParticipantOne,$event)" 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.userLabor">
                                <td>@{{ userLabor.full_name }}</td>
                                <td>@{{ userLabor.gender }}</td>
                                <td>@{{ userLabor.mobile_phone }}</td>
                                <td>@{{ userLabor.checked_at }}</td>
                                <td><button @click="selectedUser(userLabor)" class="btn btn-sm btn-success">选择</button></td>
                            </tr>
                        </table>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <label for="all" class="d-none" id="cloneCheckAll">
            <input id="all" type="checkbox" @click="checkAll($event)">全选
        </label>
        <table class="table table-sm text-nowrap table-bordered d-none" id="headerRoll"></table>
        <table class="table table-sm text-nowrap table-bordered" id="headerParent">
            <tr class="row-even p-0" id="header"></tr>
            <template>
            <tr v-for="(processOne,i) in processes" :class="count(i,processes)%2==0?'row-even':''" :id="processOne.id?processOne.id:processes[i-1].id+'-2'"
                :name="'process_table_'+count(i,processes)" @mouseover="changeStyle('process_table_'+count(i,processes),true)"
                @mouseout="changeStyle('process_table_'+count(i,processes),false)">
                <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:''" >@{{ count(i,processes) }}</td>
                <td v-if="processOne.id" style="min-width:200px;" :rowspan="processOne.is_multi_row?2:''">
                    @can("二次加工管理-审核")
                    <button v-if="!processOne.openProcessHour && (processOne.status=='待审核' || processOne.status=='已驳回')"  @mouseenter="processOne.buttonTexts.审核='审核'" @mouseleave="processOne.buttonTexts.审核='审'" class="btn btn-sm btn-outline-success" @click="audit(processOne)"><span>@{{ processOne.buttonTexts.审核 }}</span></button>@endcan
                    @can("二次加工管理-回滚")
                    <button v-if="!processOne.openProcessHour && processOne.status!='交接完成' && processOne.status!='待审核'" class="btn btn-sm btn-outline-dark" style="opacity: 0.65" @click="rollback(processOne.id)" @mouseenter="processOne.buttonTexts.回滚='回滚'" @mouseleave="processOne.buttonTexts.回滚='回'">@{{ processOne.buttonTexts.回滚 }}</button>@endcan
                    @can("二次加工管理-质量验收")
                    <button v-if="!processOne.openProcessHour && processOne.status=='待验收'" class="btn btn-sm btn-outline-success" @click="checkAndAccept(processOne)" @mouseenter="processOne.buttonTexts.质量验收='质量验收'" @mouseleave="processOne.buttonTexts.质量验收='验'">@{{processOne.buttonTexts.质量验收}}</button>@endcan
                    @can("二次加工管理-接单与驳回")
                    <button v-if="!processOne.openProcessHour && processOne.status=='待接单'" @click="processReject(processOne.id)" class="btn btn-sm btn-outline-dark" @mouseenter="processOne.buttonTexts.驳回='驳回'" @mouseleave="processOne.buttonTexts.驳回='驳'">@{{processOne.buttonTexts.驳回}}</button>
                    <button v-if="!processOne.openProcessHour && processOne.status=='待接单'"  @click="processReceive(processOne.id)" class="btn btn-sm btn-outline-primary" @mouseenter="processOne.buttonTexts.接单='接单'" @mouseleave="processOne.buttonTexts.接单='接'">@{{processOne.buttonTexts.接单}}</button>@endcan
                    @can("二次加工管理-登记工时")<button :style="[{opacity:processOne.status=='交接完成'?'0.7':''},{transform:processOne.status=='交接完成'?'scale(0.85)':''}]" v-if="(processOne.status!='待审核' && processOne.status!='已驳回' && processOne.status!='待接单') && !processOne.openProcessHour"
                            class="btn btn-sm btn-outline-info" @click="openProcessHour(processOne);processOne.openProcessHour=true;processOne.detailFolding=false" @mouseenter="processOne.buttonTexts.登记工时='登记工时'" @mouseleave="processOne.buttonTexts.登记工时='登'">@{{processOne.buttonTexts.登记工时}}</button>
                    <button v-if="processOne.openProcessHour" @click="closeProcessHour(processOne.id);processOne.openProcessHour=false" class="btn btn-sm btn-dark">收起登记工时</button>
                    <button v-if="!processOne.openProcessHour && processOne.status=='加工中'" @click="processAccomplish(processOne)" class="btn btn-sm btn-outline-success" style="opacity: 0.7" @mouseenter="processOne.buttonTexts.完成='完成'" @mouseleave="processOne.buttonTexts.完成='完'">@{{processOne.buttonTexts.完成}}</button>@endcan
                    @can("二次加工管理-交接完成")<button v-if="!processOne.openProcessHour && processOne.status=='待交接'" @click="accomplish(processOne)" class="btn btn-sm btn-outline-success" @mouseenter="processOne.buttonTexts.交接完成='交接完成'" @mouseleave="processOne.buttonTexts.交接完成='交'">@{{processOne.buttonTexts.交接完成}}</button>@endcan
                    @can("二次加工管理-编辑")
                        <button v-if="!processOne.openProcessHour && (processOne.status=='待审核' ||processOne.status=='待接单' || processOne.status=='已驳回' || processOne.status=='加工中' || processOne.status=='待加工')" @click="processEdit(processOne.id)" class="btn btn-sm btn-outline-info" @mouseenter="processOne.buttonTexts.编辑='编辑'"
                                @mouseleave="processOne.buttonTexts.编辑='编'" style="opacity: 0.6">@{{processOne.buttonTexts.编辑}}</button>
                    @endcan
                </td>
                <td v-if="processOne.id" :rowspan="processOne.is_multi_row?2:''"
                    :class="processOne.status==='已驳回' ? 'text-danger' : (processOne.status==='交接完成' ? 'text-success font-weight-bold' : 'text-muted')">@{{ processOne.status }}</td>
                <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''">
                    <button style="transform: scale(0.85);opacity: 0.8;" class="btn btn-sm btn-info" @click="show(processOne.id)" @mouseenter="processOne.buttonTexts.查看单据='查看单据'" @mouseleave="processOne.buttonTexts.查看单据='查'">@{{ processOne.buttonTexts.查看单据 }}</button>
                    @{{ processOne.code }}
                </td>
                <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''">
                    <a href="#" v-if="processOne.operatorLogs.length>0" class="dropdown-toggle"  data-toggle="dropdown">
                        @{{ processOne.operatorLogs[0].user_name }}<b class="caret"></b>
                    </a>
                    <div style="position: absolute;width:320px;margin-left:-100px;background-color: white;max-height:150px ;overflow-y:auto" class="small mt-0 dropdown-menu">
                        <table class="table table-sm table-striped table-bordered">
                            <tr>
                                <th>经手人</th>
                                <th>操作</th>
                                <th>时间</th>
                            </tr>
                            <tr v-for="operatorLog in processOne.operatorLogs">
                                <td>@{{ operatorLog.user_name }}</td>
                                <td class="text-danger font-weight-bold">@{{ operatorLog.operation }}</td>
                                <td>@{{ operatorLog.created_at }}</td>
                            </tr>
                        </table>
                    </div>
                </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:''">
                    @can('二次加工管理-修改价格')
                        <div v-if="processOne.status=='交接完成'">
                            <div v-if="processOne.signs.length<=0">
                                <div v-if="processOne.is_update_unit_price" >
                                    <input type="text" :value="processOne.unit_price"
                                           :id="'unit_price_'+processOne.id" class="form-control form-control-sm" style="min-width: 50px;">
                                    <button type="button" class="btn btn-sm btn-outline-success" @click="updateUnitPrice(processOne)">确定</button>
                                    <button type="button" class="btn btn-sm btn-outline-danger" @click="processOne.is_update_unit_price=false;">取消</button>
                                </div>
                                <input readonly @click="processOne.is_update_unit_price=true;" v-else style="cursor: pointer;min-width: 50px" :value="processOne.unit_price" class="form-control form-control-sm">
                            </div>
                            <div v-else @mouseleave="processOne.is_update_unit_price=false;" @mouseenter="processOne.is_update_unit_price=true;">
                                <span class="flicker" style="cursor: move">@{{ processOne.signUnitPrice ? processOne.signUnitPrice : processOne.unit_price }}</span>
                                <div v-if="processOne.is_update_unit_price" style="position: absolute;width: 150px;background-color: white;white-space: normal;margin-left: -50px"
                                     @mouseleave="processOne.is_update_unit_price=false;" @mouseenter="processOne.is_update_unit_price=true;">
                                    <p class="text-center text-dark font-weight-bold">待确认</p>
                                    @can('二次加工管理-组长确认')<button v-if="!signs[processOne.code]['二次加工组确认']" class="btn btn-sm btn-outline-success" @click="verify(processOne,'workGroup')">组长确认</button>@endcan
                                    @can('二次加工管理-财务确认')<button v-if="!signs[processOne.code]['财务确认']" class="btn btn-sm btn-outline-success" @click="verify(processOne,'accountant')">财务确认</button>@endcan
                                </div>
                            </div>
                        </div>
                        <div v-else>@{{ processOne.unit_price }} </div>
                    @endcan
                    @cannot('二次加工管理-修改价格') @{{ processOne.unit_price }}@endcannot
                </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 colspan="5" style="margin:0;padding:0;position: relative">
                    <table class="table table-sm table-striped" style="margin:0;padding:0;" 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 }} <span style="opacity: 0.75">(@{{ processesContent.type }})</span></td>
                            <td style="width: 210px" class="text-muted" :class="processesContent.type=='原料单'?'td-warm':'td-cool'">@{{ processesContent.wms_code }}</td>
                            <td style="width: 100px" 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 && !processesContent.sign_commodity_barcode_mark">
                                    <li v-for="barcode in processesContent.commodity.barcodes"><small>@{{ barcode.code }}</small></li>
                                </ul>
                                <span v-if="processesContent.sign_commodity_barcode_mark">@{{ processesContent.sign_commodity_barcode_mark }}</span>
                            </td>
                            <td :title="processesContent.sign_commodity_name_mark?processesContent.sign_commodity_name_mark:processesContent.commodity_name" class="text-muted tooltipTarget" :class="processesContent.type=='原料单'?'td-warm':'td-cool'">
                                <div style="width: 180px;white-space: normal" :class="processesContent.bill_type=='原料单'?'td-warm':'td-cool'">@{{ processesContent.sign_commodity_name_mark?processesContent.sign_commodity_name_mark: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;" @click="close(processOne.code,processOne.id)">点击关闭原料单</b>
                                   <b v-if="processUnfold[processOne.code+processOne.id]=='成品单'" style="cursor:pointer;" @click="close(processOne.code,processOne.id)">点击关闭成品单</b></div>
                           </td>
                        </tr>
                    </table>
                    <div v-else :style="[{background: (!processOne.id || processOne.is_multi_row)  ? (!processOne.id) ? '#e8eef6' :'rgb(246, 238, 232)' : (processOne.processesContents.length>0 ? ((processOne.processesContents[0].type=='成品单') ? '#e8eef6' : 'rgb(246, 238, 232)') :'')}
                    ,{'-webkit-transform':'scale('+(1/Math.ceil(arrayFilter(processOne.processesContents,processOne).length/2))+')'},{height: (35*Math.ceil(arrayFilter(processOne.processesContents,processOne).length/2))+'px'}
                    ,{width: (100*Math.ceil(arrayFilter(processOne.processesContents,processOne).length/2))+'%'},{'margin-left': (-100*((Math.ceil(arrayFilter(processOne.processesContents,processOne).length/2))-1)/2)+'%'}
                    ,{'margin-top': (-35*((Math.ceil(arrayFilter(processOne.processesContents,processOne).length/2))-1)/2)+'px'},{'margin-bottom': (-35*((Math.ceil(arrayFilter(processOne.processesContents,processOne).length/2))-1)/2)+'px'}]">
                        <div v-for="(processesContent,i) in arrayFilter(processOne.processesContents,processOne)"  class=" row  p-1" style="float: left;margin-right: 10px;-webkit-transform-origin: 0" :style="[{opacity:1/0.7},
                        {'margin-left': arrayFilter(processOne.processesContents,processOne).length >3 ? (1*parseInt(arrayFilter(processOne.processesContents,processOne).length/3))+'px' : '0px'}]">
                            <span>@{{ processesContent.bill_type }}</span>&nbsp;&nbsp;
                            <span>@{{ processesContent.wms_code }}</span>&nbsp;&nbsp;
                            <span>@{{ processesContent.amount }}</span>&nbsp;&nbsp;
                            <span v-if="processesContent.sign_commodity_barcode_mark">
                                @{{ processesContent.sign_commodity_barcode_mark }}
                            </span>
                            <span v-if="!processesContent.sign_commodity_barcode_mark &&
                            processesContent.commodity && processesContent.commodity.barcodes.length>0">
                                @{{ processesContent.commodity.barcodes[0].code }}
                            </span>&nbsp;&nbsp;
                            <span :title="processesContent.sign_commodity_name_mark?processesContent.sign_commodity_name_mark:processesContent.commodity_name" class="text-muted tooltipTarget" style="max-width:100px;overflow:hidden;">@{{ processesContent.sign_commodity_name_mark?processesContent.sign_commodity_name_mark:processesContent.commodity_name }}</span>
                        </div>
                    </div>
                    <div style="overflow: auto;zoom:1;position:absolute;margin-top: -35px;left:calc(50% - 50px);background-color: white" v-if="!processUnfold[processOne.code+processOne.id] && processOne.processesContents.length>1 &&
                    ((processFullSum[processOne.code]!=processOne.processesContents.length && (processOne.processesContents.length)-(processFullSum[processOne.code])!=1 && ((processOne.is_multi_row || !processOne.id) ? (!processOne.id  ? false :true) : true)) ||
                    processFullSum[processOne.code] && processFullSum[processOne.code]>1 && ((processOne.is_multi_row || !processOne.id) ? (!processOne.id  ? true :false) : true))" class="text-center">
                    <button type="button" class="btn btn-sm btn-outline-primary" 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)" @click="unfold(processOne.code,processOne.id,'原料单')">点击展开原料单</button>
                    <button type="button" class="btn btn-sm btn-outline-primary" v-if="processFullSum[processOne.code] && processFullSum[processOne.code]>1 && ((processOne.is_multi_row || !processOne.id) ? (!processOne.id  ? true :false) : true)" @click="unfold(processOne.code,processOne.id,'成品单')">点击展开成品单</button></div>
                </td>
                <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''"><div style="min-width: 250px;white-space: normal">@{{ processOne.remark }}</div></td>
                <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''"><div style="min-width: 250px;white-space: normal">@{{ processOne.balance_remark }}</div></td>
                <td v-if="processOne.id" class="text-muted" :rowspan="processOne.is_multi_row?2:''">
                    @can('二次加工管理-删除')<button type="button" class="btn btn-sm btn-outline-danger" @click="destroy(processOne.code,processOne.id)">删</button>@endcan
                </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>
                                <button v-if="!is_update_date" @click="is_update_date='start_date';date=''"
                                        @mouseenter="dateTextMap.start_date='设定起始日期'" @mouseleave="dateTextMap.start_date='起'"
                                        type="button" class="btn btn-sm btn-outline-primary">@{{ dateTextMap.start_date }}</button>
                                <button v-if="!is_update_date" @click="is_update_date='end_date';date=''" type="button"
                                        @mouseenter="dateTextMap.end_date='设定终止日期'" @mouseleave="dateTextMap.end_date='终'"
                                        class="btn btn-sm btn-outline-dark">@{{ dateTextMap.end_date }}</button>
                                <div v-if="is_update_date">
                                    <input type="date" class="form-control form-control-sm" :class="is_update_date=='start_date' ? 'text-info border-info':''"
                                           style="width: 137px" v-model="date" :max="is_update_date=='start_date'&&processDailyParticipants.length>0 ? processDailyParticipants[0].date : ''"
                                           :min="is_update_date=='end_date'&&processDailyParticipants.length>0 ? processDailyParticipants[(processDailyParticipants.length)-1].date : ''">
                                    <button type="button" @click="update_process_date(processDailyParticipants[0])" class="btn btn-sm btn-outline-success">确定</button>
                                    <button type="button" @click="is_update_date='';dateTextMap.end_date='终';dateTextMap.start_date='起'" class="btn btn-sm btn-outline-danger">取消</button>
                                </div>
                            </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>
                        </tr>
                        <tr  v-for="(processDailyParticipant,i) 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="updateOutput(processDailyParticipant)" 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" 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,processDailyParticipant)">
                                    <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:120px" type="time" @input="hourFilter(processDailyParticipant.daily_id,true)">
                                </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:120px" type="time" @input="hourFilter(processDailyParticipant.daily_id,true)">
                                </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 }" @input="hourFilter(processDailyParticipant.daily_id,true)" :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="processDailyParticipant.hour_count?processDailyParticipant.hour_count: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">
                                <div v-if="processDailyParticipant.unit_count || processDailyParticipant.hour_count">
                                    <span v-if="processDailyParticipant.unit_count">@{{ (processDailyParticipant.unit_count)*(processDailyParticipant.unit_price) }}</span>
                                    <span v-else>@{{ (processDailyParticipant.hour_count)*(processDailyParticipant.hour_price) }}</span>
                                </div>
                            </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>--}}
                            <td>
                                <div v-if="processDailyParticipant.user_detail_full_name">
                                    @can("二次加工管理-临时工资料管理")<u class="text-info" style="cursor:pointer"
                                                             @click="showUserDetail(processDailyParticipant.user_id)">详情</u>@endcan
                                    <button class="btn btn-sm btn-outline-danger" @click="deleteDailyParticipant(i)">删</button>
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            </template>
        </table>
            {{$processes->appends($paginateParams)->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>
    <script>
        let vue = 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}}',operatorLogs:{!! $processOne->operatorLogs !!},
                        process_method_name:'{{$processOne->process_method_name}}',amount:'{{$processOne->amount}}',type:'{{$processOne->type}}',signs:{!!$processOne->signs  !!},signUnitPrice:'{{$processOne->signUnitPrice ? $processOne->signUnitPrice->mark :''}}'
                        ,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:'{{preg_replace("/\s/",' ',$processOne->remark)}}',
                        balance_remark:'{{preg_replace("/\s/",' ',$processOne->balance_remark)}}',

                        detailFolding:false,openProcessHour:false,is_multi_row:false,is_verifier_show:false,is_update_unit_price:false,
                        buttonTexts:{'审核':'审','回滚':'回','编辑':'编','接单':'接','驳回':'驳','质量验收':'验','完成':'完','交接完成':'交','查看单据':'查','登记工时':'登'},
                    },
                    @endforeach
                ],
                processesList:[],
                owners:[
                        @foreach($owners as $owner)
                    { name:'{{$owner->id}}',value:'{{$owner->name}}'},
                    @endforeach
                ],
                status:[
                    {name:'待审核',value:'待审核'},{name:'待接单',value:'待接单'},{name:'待加工',value:'待加工'},
                    {name:'已驳回',value:'已驳回'},{name:'加工中',value:'加工中'},{name:'待验收',value:'待验收'},
                    {name:'交接完成',value:'交接完成'},
                ],
                errors:{},
                checkData:[],
                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:[],
                signs:[],
                is_update_date:false,
                date:'',
                dateTextMap:{'start_date':'起','end_date':'终'},
                sum:{!! $processes->total() !!},
            },
            watch:{
                checkData:{
                    handler(){
                        if (this.checkData.length === this.processes.length){
                            document.querySelector('#all').checked = true;
                            document.querySelector('#all_temp').checked = true;
                        }else {
                            document.querySelector('#all').checked = false;
                            document.querySelector('#all_temp').checked = false;
                        }
                    },
                    deep:true
                }
            },
            mounted:function () {
                this.resetProcessData();
                $(".tooltipTarget").tooltip({'trigger': 'hover'});
                $('#process').removeClass('d-none');
                let data=[
                    [
                        {name: 'date_start', type: 'dateTime', tip: '选择显示指定日期的起始时间'},
                        {
                            name: 'owner_id', type: 'select_multiple_select', tip: ['输入关键词快速定位下拉列表，回车确定', '选择要显示的客户'],
                            placeholder: ['货主', '定位或多选货主'], data: this.owners
                        },
                        {name: 'wms_code', type: 'input', tip: '单据号：可在两侧增加百分号(%)进行模糊搜索', placeholder: '单据号'},
                        {name: 'status', type: 'select', placeholder: '状态', data: this.status},
                    ],
                    [
                        {name: 'date_end', type: 'dateTime', tip: '选择显示指定日期的结束时间'},
                        {name: 'commodity_barcode', type: 'input', tip: '商品条码：可在两侧增加百分号(%)进行模糊搜索', placeholder: '商品条码'},
                        {name: 'code', type: 'input', tip: '任务号：可在两侧增加百分号(%)进行模糊搜索', placeholder: '任务号'},
                        {name: 'is_accomplish', type: 'checkbox', data: [{name: 'sign', value: '显示交接完成的记录'}]},
                    ],
                ];
                this.form = new query({
                    el: "#form_div",
                    condition: data,
                });
                this.form.init();
                let _this = this;
                let column = [
                    {name:'cloneCheckAll',customization:true,type:'checkAll',column:'id',
                        dom:$('#cloneCheckAll').removeClass('d-none'), neglect: true},
                    {name:'index',value: '序号', neglect: true},
                    {name:'operation',value: '操作', neglect: true},
                    {name: 'status', value: '状态'},
                    {name: 'code', value: '任务号'},
                    {name:'person',value: '经手人', neglect: true},
                    {name: 'owner_name', value: '货主'},
                    {name: 'process_method_name', value: '加工类型'},
                    {name: 'amount', value: '预期数量'},
                    {name:'tutorial',value: '教程', neglect: true},
                    {name: 'unit_price', value: '单价'},
                    {name: 'completed_amount', value: '完成数量'},
                    {name: 'created_at', value: '提交日期'},
                    {name:'bill_type',value: '单据类型', neglect: true, style: 'min-width:200px;'},
                    {name:'wms_code',value: '单据号', neglect: true, style: 'min-width:200px;'},
                    {name:'count',value: '本单数量', neglect: true, style: 'min-width:200px;'},
                    {name:'commodity_barcode',value: '商品条码', neglect: true, style: 'min-width:200px;'},
                    {name:'commodity_name',value: '商品名称', neglect: true, style: 'min-width:200px;'},
                    {name:'remark', value: '加工备注'},
                    {name:'balance_remark', value: '结算备注'},
                    {name:'remove',value: '', neglect: true},
                ];
                setTimeout(function () {
                    let header = new Header({
                        el: "#header",
                        column: column,
                        data: _this.processes,
                        restorationColumn: 'serial_number',
                        fixedTop:($('#form_div').height())+2,
                        is_restorationColumn_asc :true,
                        vue:vue
                    });
                    header.init();
                },0);
            },
            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 = [];
                    let count = 0;
                    for (let i = 0; i < this.processes.length; i++) {
                        let process = this.processes[i];
                        _this.$set(_this.signs,process.code,[]);
                        process.signs.forEach(function (sign) {
                            _this.$set(_this.signs[process.code],sign.mark,true);
                        });
                        process.serial_number = count;
                        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);
                            count++;
                            process.is_multi_row = true;
                        }
                        count++;
                    }
                    indexs.forEach(function (index) {
                        let processTemp = Object.assign({}, _this.processes[index]);
                        processTemp.id = '';
                        processTemp.is_multi_row = false;count++;
                        processTemp.serial_number = _this.processes[index].serial_number + 1;
                        _this.processes.splice(index + 1, 0, processTemp);
                    });
                },
                //全选事件
                checkAll(e) {
                    if (e.target.checked) {
                        this.processes.forEach((el, i) => {
                            if (!el.id) this.checkData.push(el.id);
                            if (el.id && this.checkData.indexOf(el.id) == '-1') {
                                this.checkData.push(el.id);
                            }
                        });
                    } else {
                        this.checkData = [];
                    }
                },
                //导出excel
                processExport(checkAllSign) {
                    let url = '{{url('process/export')}}';
                    let token='{{ csrf_token() }}';
                    //excelExport 定义在 js/queryForm/export.js
                    excelExport(checkAllSign,this.checkData,url,this.sum,token);
                },
                //获取登记工时
                openProcessHour(process) {
                    let e = process.id;
                    let _this = this;
                    if (_this.isShow.isOpenProcessHour) {
                        _this.processes.every(function (process) {
                            if (process.openProcessHour) {
                                process.openProcessHour = false;
                                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;
                            _this.resetProcessDaily(processDailies,e);
                        }).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)
                },

                //重组加工单加工日记录数据
                resetProcessDaily(processDailies,process_id){
                    let _this=this;
                    _this.processDailies = [];
                    _this.processDailyParticipants = [];
                    for (let i = 0; i < processDailies.length; i++) {
                        let processDailyParticipants = processDailies[i].process_daily_participants;
                        if (processDailyParticipants.length <= 0) {
                            let data = {};
                            data['process_id'] = process_id;
                            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['process_id'] = process_id;
                                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);
                        }
                    }
                },
                //删除工时显示
                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) {
                    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(process) {
                    if (!confirm('确定标记为加工完成吗？')) {
                        return
                    }
                    ;
                    axios.post('{{url('process/processAccomplish')}}', {id: process.id})
                        .then(function (response) {
                            if (response.data.success) {
                                process.status = response.data.data;
                                tempTip.setDuration(2000);
                                tempTip.showSuccess('“' + process.code + '”已被标记为加工完成!');
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show('未知错误，联系管理员解决!');
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('网络错误：' + err);
                    })
                },
                accomplish(process) {
                    if (!confirm('确定“' + process.code + '”交接完成吗？')) {
                        return
                    }
                    ;
                    let url = "{{url('process/accomplish')}}";
                    axios.post(url, {id: process.id})
                        .then(function (response) {
                            if (response.data.success) {
                                process.status = response.data.data;
                                tempTip.setDuration(2000);
                                tempTip.showSuccess('交接完成！');
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show(response.data.data);
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('网络错误：' + err);
                    })
                },
                //修改每日产量
                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,processDailyParticipant) {
                    let user = e.target.value;
                    let _this = this;
                    axios.post('{{url('process/verifyUserName')}}',
                        {userName: user,id:processDailyParticipant.id,date:processDailyParticipant.date})
                        .then(function (response) {
                            if (!response.data.success){
                                tempTip.setDuration(3000);
                                tempTip.show(response.data.data);
                                return;
                            }
                            //修改时验证
                            if (!daily_id) {
                                //验证失败
                                if (response.data.data.length < 1) {
                                    _this.isShow.isUpdateConfirmBtn = false;
                                    _this.errors['user_id'] = "查无此人,请检查您的输入";
                                    return;
                                }
                                //验证成功且结果仅有一个
                                if (response.data.data.user_id) {
                                    _this.isShow.isUpdateConfirmBtn = true;
                                    _this.errors['user_id'] = "";
                                    _this.processDailyParticipantOne.user_id = response.data.data.user_id;
                                    _this.processDailyParticipantOne.started_at = response.data.data.started_at;
                                    _this.processDailyParticipantOne.ended_at = response.data.data.ended_at;
                                    _this.hourFilter(_this.processDailyParticipantOne,false);
                                    return;
                                }
                                //验证成功多结果
                                if (response.data.data.length > 1) {
                                    _this.userLabors = response.data.data;
                                    $("#myModal").modal('show');
                                    return;
                                }
                            }
                            //验证失败
                            if (response.data.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.data.user_id) {
                                _this.errors['user_id'] = "";
                                $("#" + daily_id + "user_id").val(response.data.data.user_id);
                                $("#" + daily_id + "hour_price").val(response.data.data.user_labor.default_hour_price);
                                if (response.data.data.started_at) $("#" + daily_id + "started_at").val(response.data.data.started_at);
                                if (response.data.data.ended_at) $("#" + daily_id + "ended_at").val(response.data.data.ended_at);
                                _this.hourFilter(daily_id,true);
                            }
                            //验证成功多结果
                            if (response.data.length > 1) {
                                _this.userLabors = response.data.data;
                                $("#myModal").modal('show');
                            }
                        }).catch(function (err) {
                        tempTip.setDuration(5000);
                        tempTip.show('验证临时工发生了一些严重错误：' + err);
                    })
                },
                //验证时间合法性
                hourFilter(processDailyParticipant, is_create) {
                    let start = new Date('2020/1/1 12:00:00').getTime();
                    let end = new Date('2020/1/1 13:00:00').getTime();
                    if (is_create) {
                        let started_at = new Date('2020/1/1 ' + $('#' + processDailyParticipant + 'started_at')[0].value).getTime();
                        let ended_at = new Date('2020/1/1 ' + $('#' + processDailyParticipant + 'ended_at')[0].value).getTime();
                        let hour_count = (ended_at - started_at) / 3600000;
                        if (started_at < start && ended_at > end) hour_count -= 1;
                        let dinner_duration=Number($('#' + processDailyParticipant + 'dinner_duration')[0].value)/60;
                        $('#' + processDailyParticipant + 'hour_count')[0].value = (hour_count - dinner_duration).toFixed(1);
                        return;
                    }
                    let started_at = new Date('2020/1/1 ' + processDailyParticipant.started_at).getTime();
                    let ended_at = new Date('2020/1/1 ' + processDailyParticipant.ended_at).getTime();
                    let hour_count = (ended_at - started_at) / 3600000;
                    if (started_at < start && ended_at > end) hour_count -= 1;
                    let dinner_duration=Number(processDailyParticipant.dinner_duration) / 60;
                    processDailyParticipant.hour_count = (hour_count - dinner_duration).toFixed(1);
                },
                //提交参与人
                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/storeProcessDailyParticipant')}}", request)
                        .then(function (response) {
                            if (response.data.status === 'warning'){
                                tempTip.setDuration(3000);
                                tempTip.show(response.data.data);
                                return;
                            }
                            if (response.data.status === "error") {
                                _this.errors = response.data.data;
                                setTimeout(function () {
                                    $(".tooltipTargetError").tooltip('show');
                                }, 1);
                                setTimeout(function () {
                                    $(".tooltipTargetError").tooltip('hide');
                                }, 3000);
                                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(userLabor) { // TODO:此处如返回开始与结束时间 计时工时并不会发生改变
                    $("#myModal").modal('hide');
                    this.errors['user_id'] = "";
                    this.processDailyParticipantOne['user_id'] = userLabor.user_id;
                    this.processDailyParticipantOne['hour_price'] = userLabor.userLabor.default_hour_price;
                    this.processDailyParticipantOne['started_at'] = userLabor.started_at;
                    this.processDailyParticipantOne['ended_at'] = userLabor.ended_at;
                    this.isShow.isUpdateConfirmBtn = true;
                    $("#" + this.modalDaily_id + "user_id").val(userLabor.user_id);
                    $("#" + this.modalDaily_id + "hour_price").val(userLabor.userLabor.default_hour_price);
                    $("#" + this.modalDaily_id + "started_at").val(userLabor.started_at);
                    $("#" + this.modalDaily_id + "ended_at").val(userLabor.ended_at);
                },
                //修改参与人
                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.success) {
                                if (response.data.data.length>0){
                                    _this.errors = response.data.data;
                                }
                                else {
                                    tempTip.setDuration(3000);
                                    tempTip.show(response.data.data);
                                }
                                return;
                            }
                            _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 (!confirm('确定要回滚至上一阶段吗？')) return;
                    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);
                    })
                },
                //vue绑定的name  type:移入移出类型
                changeStyle(name, type) {
                    let domList = document.getElementsByName(name);
                    let color = '';
                    if (type) color = 'rgba(0, 0, 0, 0.15)';
                    for (let i = 0; i < domList.length; i++) {
                        domList[i].style.backgroundColor = color;
                    }
                },
                destroy(code, id) {
                    if (!confirm('确定要删除“' + code + "”吗？")) return;
                    let _this = this;
                    let delArr = [];
                    axios.delete('{{url('process')}}/' + id)
                        .then(function (response) {
                            tempTip.setDuration(3000);
                            if (response.data.success) {
                                _this.processes.forEach(function (process, i) {
                                    if (process.code === code)
                                        delArr.unshift(i);
                                });
                                delArr.forEach(function (del) {
                                    _this.$delete(_this.processes, del);
                                });
                                tempTip.showSuccess('删除“' + code + '”成功！');
                                return;
                            }
                            tempTip.show('删除“' + code + '”失败!该单已不存在')
                        }).catch(function (err) {
                        tempTip.setDuration(4000);
                        tempTip.show("网络错误：" + err);
                    })
                },
                //审核
                audit(process) {
                    if (!confirm('确定要通过“' + process.code + "”的审核吗？")) return;
                    axios.post('{{url('process/audit')}}', {id: process.id})
                        .then(function (response) {
                            if (response.data.success) {
                                process.status = '待接单';
                                tempTip.setDuration(2000);
                                tempTip.showSuccess('“' + process.code + "”的审核通过！");
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show('审核失败:未知错误，请联系管理员!');
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.showSuccess('审核失败，网络错误：' + err);
                    })
                },
                checkAndAccept(process) {
                    if (!confirm('确定要验收“' + process.code + "”吗？")) return;
                    axios.post('{{url('process/checkAndAccept')}}', {id: process.id})
                        .then(function (response) {
                            if (response.data.success) {
                                process.status = response.data.data;
                                tempTip.setDuration(2000);
                                tempTip.showSuccess('“' + process.code + "”验收完成！");
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show(response.data.data)
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('网络错误：' + err)
                    })
                },
                show(id) {
                    {{--window.location.href = '{{url('process')}}/' + id;--}}
                    window.open('{{url('process')}}/' + id,'_blank') ;
                },
                //修改价格
                updateUnitPrice(process) {
                    if (!confirm('确定要修改“' + process.code + "”的单价吗？")) return;
                    let unit_price = $('#unit_price_' + process.id)[0].value;
                    if (!unit_price || isNaN(unit_price)) {
                        tempTip.setDuration(3000);
                        tempTip.show('请输入正确的价格!');
                        return;
                    }
                    axios.post('{{url('process/updateUnitPrice')}}', {id: process.id, unit_price: unit_price})
                        .then(function (response) {
                            if (response.data.success) {
                                process.signs.push(response.data.sign);
                                process.is_update_unit_price = false;
                                process.signUnitPrice = unit_price;
                                tempTip.setDuration(2000);
                                tempTip.showSuccess('“' + process.code + "”价格修改成功,确认通过后生效！");
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show(response.data.data);
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('网络错误：' + err);
                    })
                },

                //组长或财务确认
                verify(process, type) {
                    if (!confirm('确定要通过“'+process.code+"”的审核吗"))return;
                    let url = '{{url('process/workGroupVerify')}}';
                    let msg = '二次加工组';
                    if (type === 'accountant') {
                        url = '{{url('process/accountantVerify')}}';
                        msg = '财务';
                    }
                    let _this=this;
                    axios.post(url, {id: process.id})
                        .then(function (response) {
                            if (response.data.success) {
                                if (response.data.data){
                                    process.signs.push(response.data.data);
                                    _this.$set(_this.signs[process.code],response.data.data.mark,true);
                                }else{
                                    _this.signs[process.code]=[];
                                    process.signs=[];
                                    process.unit_price = process.signUnitPrice;
                                    process.signUnitPrice = '';
                                }
                                if (process.is_update_unit_price)process.is_update_unit_price = false;
                                tempTip.setDuration(2000);
                                tempTip.showSuccess('“' + process.code + "”新价格通过" + msg + "审核！");
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show(response.data.data);
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('网络错误：' + err);
                    })
                },
                update_process_date(processDailyParticipant){
                    let date=this.date;
                    let is_update_date=this.is_update_date;
                    let _this=this;
                    if (is_update_date==='start_date') _this.dateTextMap.start_date='起';
                    else _this.dateTextMap.end_date='终';
                    if (!date){
                        tempTip.show('未输入日期!');
                        return;
                    }
                    let url='';
                    if (is_update_date==='start_date'){
                        if (!confirm('确定要设定“'+date+'”为新的起始日期吗？以往记录将被删除!'))return;
                        url='{{url('process/updateStartDate')}}';
                    }
                    else{
                        if (!confirm('确定要设定“'+date+'”为新的终止日期吗？'))return;
                        url='{{url('process/updateEndDate')}}';
                    }
                    axios.post(url,{process_id:processDailyParticipant.process_id,date:date})
                        .then(function (response) {
                            if(response.data.success){
                                _this.resetProcessDaily(response.data.data,processDailyParticipant.process_id);
                                _this.is_update_date='';
                                tempTip.setDuration(2000);
                                tempTip.showSuccess('成功修改“'+date+'”为新的'+(is_update_date==='start_date' ? '起始时间' :'终止时间')+'!');
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show(response.data.data);
                        }).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('网络错误：'+err);
                    })
                },
                resetProcessDailyParticipants(index){
                    if (this.processDailyParticipants[index].daily_id){
                        if (this.processDailyParticipants[index+1] && !this.processDailyParticipants[index+1].daily_id){
                            this.processDailyParticipants[index+1].daily_id=this.processDailyParticipants[index].daily_id;
                            this.processDailyParticipants[index+1].date=this.processDailyParticipants[index].date;
                            this.processDailyParticipants[index+1].isAddProcessDailyParticipant=this.processDailyParticipants[index].isAddProcessDailyParticipant;
                            this.processDailyParticipants[index+1].isConfirmBtn=this.processDailyParticipants[index].isConfirmBtn;
                            this.processDailyParticipants[index+1].output=this.processDailyParticipants[index].output;
                            this.processDailyParticipants[index+1].process_id=this.processDailyParticipants[index].process_id;
                            this.processDailyParticipants[index+1].readonly=this.processDailyParticipants[index].readonly;
                            this.processDailyParticipants[index+1].remain=this.processDailyParticipants[index].remain;
                            this.processDailyParticipants[index+1].rowspan=this.processDailyParticipants[index].rowspan - 1;
                            this.processDailyParticipants[index+1].submitOutput=this.processDailyParticipants[index].submitOutput;
                            this.$delete(this.processDailyParticipants,index);
                        }else{
                            let processDailyParticipant = {
                                'daily_id': this.processDailyParticipants[index].daily_id,
                                'date': this.processDailyParticipants[index].date,
                                'isAddProcessDailyParticipant': this.processDailyParticipants[index].isAddProcessDailyParticipant,
                                'isConfirmBtn': this.processDailyParticipants[index].isConfirmBtn,
                                'output': this.processDailyParticipants[index].output,
                                'process_id': this.processDailyParticipants[index].process_id,
                                'readonly': this.processDailyParticipants[index].readonly,
                                'remain': this.processDailyParticipants[index].remain,
                                'rowspan': this.processDailyParticipants[index].rowspan,
                                'submitOutput': this.processDailyParticipants[index].submitOutput,
                            };
                            this.$set(this.processDailyParticipants,index,processDailyParticipant);
                        }
                    }
                    else this.$delete(this.processDailyParticipants,index);
                },
                deleteDailyParticipant(index){
                    let _this=this;
                    if (!confirm('确定要删除“' + _this.processDailyParticipants[index].user_detail_full_name + "”的工作记录吗?"))return;
                    axios.delete('{{url('process/destroyDailyParticipant')}}/'+_this.processDailyParticipants[index].id)
                        .then(res=>{
                            if (res.data.success){
                                _this.resetProcessDailyParticipants(index);
                                tempTip.setDuration(2000);
                                tempTip.showSuccess('删除“'+_this.processDailyParticipants[index].user_detail_full_name+'”的工作记录成功！');
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show(res.data.data);
                        }).catch(err=>{
                        tempTip.setDuration(4000);
                        tempTip.show('网络错误：'+err);
                    })
                },
                //修改时的晚饭时间改变计时工时
                updateDinnerDuration(processDailyParticipantOne,e){
                    let oldValue=Number(e.target.dataset.oldValue) / 60;
                    let newValue=Number(processDailyParticipantOne.dinner_duration) / 60;
                    processDailyParticipantOne.hour_count += (oldValue-newValue);
                },
                //修改每日产量
                updateOutput(processDailyParticipant){
                    if (processDailyParticipant.id) processDailyParticipant.readonly=false;
                    else {
                        tempTip.setDuration(3000);
                        tempTip.show('该日无参与人加工信息，请先录入参与人加工信息！');
                        processDailyParticipant.readonly=true;
                    }
                },
                count(value,processes){
                    let count=0;
                    processes.every(function (process,i) {
                        if (process.id)count++;
                        if (i == value) return false;
                        return true;
                    });
                    return count;
                }
            },
        });
    </script>
@endsection