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

@extends('layouts.app')
@section('title')二次加工管理@endsection
@section('content')
<span id="nav2">
    @component('process.menu')@endcomponent
</span>
<div class="d-none" id="process">
    <div class="container-fluid">
        <div>
            <form  method="GET" action="{{url('process/')}}" id="optionSubmit">
                   <table class="table  table-sm table-bordered text-nowrap  mb-0">
                       <tr v-if="isBeingFilterConditions">
                           <td colspan="10">
                               <div class="col" style="padding:0">
                                   <a  href="{{url('process')}}"><span class="btn btn-warning text-dark">清除过滤条件</span></a>
                               </div></td>
                       </tr>
                       <tr>
                           <td  colspan="9">
                               <select name="paginate" v-model="filterData.paginate" class="tooltipTarget form-control form-control-sm" style="vertical-align: middle;max-width: 100px" @change="submit">
                                   <option value="50">50行</option>
                                   <option value="100">100行</option>
                                   <option value="200">200行</option>
                                   <option value="500">500行</option>
                                   <option value="1000">1000行</option>
                               </select></td>
                       </tr>
                       <tr>
                           <td >
                               <input id="date_start" name="date_start" style="max-width: 200px" v-model="filterData.date_start"  :class="filterData.date_start?'bg-warning':''" type="date" class="form-control form-control-sm tooltipTarget" title="选择显示指定日期的起始时间">
                           </td>
                           <td >
                               <div class="form-inline">
                               <input type="text" class="form-control form-control-sm tooltipTarget" placeholder="客户"
                                      style="width:70px" @input="owner_seek"
                                      title="输入关键词快速定位下拉列表，回车确定">
                               <select name="owner_id" v-model="filterData.owner_id" @change="submit" class="form-control form-control-sm tooltipTarget"  title="选择要显示的客户" :class="filterData.owner_id?'bg-warning':''">
                                   <option >    </option>
                                   <option v-for="owner in owners" :value="owner.id">@{{owner.name}}</option>
                               </select></div>
                           </td>
                           <td>
                               <input id="wms_code" name="wms_code" style="max-width: 200px" title="单据号：支持15内模糊搜索与15天外精确搜索" v-model="filterData.wms_code" class="form-control form-control-sm tooltipTarget" placeholder="单据号" :class="filterData.wms_code?'bg-warning':''">
                           </td>
                           <td colspan="6"></td>
                       </tr>
                       <tr>
                           <td >
                               <input id="date_end" name="date_end" style="max-width: 200px" v-model="filterData.date_end" type="date" class="form-control form-control-sm tooltipTarget" title="选择显示指定日期的结束时间" :class="filterData.date_end?'bg-warning':''">
                           </td>
                           <td>
                               <input name="commodity_barcode" style="max-width: 200px" title="商品条码：支持15内模糊搜索与15天外精确搜索" v-model="filterData.commodity_barcode" class="form-control form-control-sm tooltipTarget" placeholder="商品条码" :class="filterData.commodity_barcode?'bg-warning':''">
                           </td>
                           <td >
                                <div class="form-inline">
                               <select id="status" name="status" v-model="filterData.status" @change="submit" style="max-width: 100px" class="form-control form-control-sm tooltipTarget" :class="filterData.status?'bg-warning':''" >
                                   <option value="" selected>状态</option>
                                   <option value="待审核">待审核</option>
                                   <option value="待接单">待接单</option>
                                   <option value="待加工">待加工</option>
                                   <option value="已驳回">已驳回</option>
                                   <option value="加工中">加工中</option>
                                   <option value="待验收">待验收</option>
                                   <option value="交接完成">交接完成</option>
                               </select>
                                <input hidden name="is_accomplish" v-model="filterData.is_accomplish">
                               <button class="btn btn-sm btn-outline-dark pull-left ml-5" type="submit">按条件搜索</button></div>
                           </td>
                           <td colspan="6"></td>
                       </tr>
                       <tr>
                           <td colspan="9">
                               <div class="form-inline">
                                   <span class="dropdown">
                                        <button class="btn btn-outline-dark btn-sm form-control-sm dropdown-toggle tooltipTarget" :class="[checkData.length>0?'btn-dark text-light':'']"
                                                data-toggle="dropdown" title="导出所有页将会以搜索条件得到的过滤结果，将其全部记录（每一页）导出">
                                            导出Excel
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item" @click="processExport(1)" href="javascript:">导出勾选内容</a>
                                            <a class="dropdown-item" @click="processExport(2)" href="javascript:">导出所有页</a>
                                        </div>
                                   </span>
                                   <div class="form-check ml-4">
                                        <label class="form-check-label text-muted">
                                            <input v-if="filterData.is_accomplish" checked @click="is_checked($event)" type="checkbox" class="form-check-input">
                                            <input v-else @click="is_checked($event)" type="checkbox" class="form-check-input">显示交接完成的记录
                                        </label>
                                   </div>
                               </div>
                           </td>
                       </tr>
                   </table>
           </form>
        </div>
        <!--新增教程关联-->
        <div style="top:25%" class="modal fade" id="addTutorial" tabindex="-1" role="dialog" aria-labelledby="addTutorial" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header m-1 p-0">
                        <button type="button" class="close pr-4" data-dismiss="modal" aria-hidden="true">&times;</button>
                    </div>
                    <div class="modal-body m-auto">
                        <table class="table-sm">
                            <tr>
                                <th>标题</th>
                                <th><button class="btn btn-sm btn-outline-primary" @click="addTutorial()">新增教程</button></th>
                            </tr>
                            <tr v-for="tutorial in processTutorial.tutorials">
                                <td><div style="cursor:pointer;overflow: hidden;width: 200px" @click="showTutorial(tutorial.id)" :title="tutorial.name" class="text-primary">@{{tutorial.name}}</div></td>
                                @can("二次加工管理-教程管理")<td><button @click="selectedTutorial(processTutorial.id,tutorial.id)" class="btn btn-sm btn-success pull-right">选择</button></td>@endcan
                            </tr>
                        </table>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!-- 显示教程-->
        <div class="modal fade" id="showTutorial" tabindex="-1" role="dialog" aria-labelledby="showTutorial" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">&times;</button>
                    </div>
                    <div class="modal-body custom-rich-text-content" id="content"></div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!-- 修改modal -->
        <div data-backdrop="static" class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel" aria-hidden="true">
            <div class="modal-dialog  modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <div v-if="errors.user_id" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.user_id }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">参与者</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.user_id }" @change="verifyUserName($event,null,null)" type="text" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.user_detail_full_name" >
                            </div>
                        </div>
                        <div v-if="errors.started_at" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.started_at[0] }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">开始时间</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.started_at }" type="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 }" v-model="processDailyParticipantOne.dinner_duration" class="form-control">
                                    <option value="0">无</option>
                                    <option value="30">30分钟</option>
                                    <option value="60">60分钟</option>
                                </select>
                            </div>
                        </div>
                        <div v-if="errors.hour_count" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.hour_count[0] }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">计时工时</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.hour_count }" type="text" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.hour_count" >
                            </div>
                        </div>
                        <div v-if="errors.unit_count" class="row"><label class="col-3"></label><small  class="text-danger col-7">@{{ errors.unit_count[0] }}</small></div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">计件数量</label>
                            <div class="col-7">
                                <input :class="{ 'is-invalid' : errors.unit_count }" type="text" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.unit_count" >
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="initial_weight" class="col-3 col-form-label text-right">备注</label>
                            <div class="col-7">
                                <input type="text" class="form-control" autocomplete="off" v-model="processDailyParticipantOne.remark" >
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        @can("二次加工管理-登记工时")<button v-if="isShow.isUpdateConfirmBtn" @click="submitUpdateProcessDailyParticipant()"  class="btn btn-primary">提交更改</button>@endcan
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!-- 多临时工选择（Modal） -->
        <div data-backdrop="static" style="top:25%" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content" style="background-color: #d6e9f8">
                    <div class="modal-body m-auto">
                        <table class="table-sm">
                            <tr>
                                <th>姓名</th>
                                <th>性别</th>
                                <th>电话</th>
                                <th>最近打卡时间</th>
                                <th></th>
                            </tr>
                            <tr v-for="userLabor in userLabors" v-if="userLabor.user_labor">
                                <td>@{{ userLabor.full_name }}</td>
                                <td>@{{ userLabor.gender }}</td>
                                <td>@{{ userLabor.mobile_phone }}</td>
                                <td>@{{ userLabor.checked_at }}</td>
                                <td><button @click="selectedUser(userLabor.user_id,userLabor.user_labor.default_hour_price)" class="btn btn-sm btn-success">选择</button></td>
                            </tr>
                        </table>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
            <table class="table table-sm text-nowrap">
                <tr class="row-even">
                    <th>
                        <label for="all">
                            <input id="all" type="checkbox" @click="checkAll($event)">全选
                        </label>
                    </th>
                    <th>序号</th>
                    <th>操作</th>
                    <th>状态</th>
                    <th>任务号</th>
                    <th>经手人</th>
                    <th>货主</th>
                    <th>加工类型</th>
                    <th>预期数量</th>
                    <th class="text-center">教程</th>
                    <th>单价</th>
                    <th>完成数量</th>
                    <th>提交日期</th>
                    <th style="min-width: 200px">单据类型</th>
                    <th style="min-width: 200px">单据号</th>
                    <th style="min-width: 100px">本单数量</th>
                    <th style="min-width: 200px">商品条码</th>
                    <th style="min-width: 200px">商品名称 </th>
                    <th>备注</th>
                    <th></th>
                </tr>
                <template>
                <tr v-for="(processOne,i) in processes" :class="processOne.serial_number%2==0?'row-even':''" :id="processOne.id?processOne.id:processes[i-1].id+'-2'" :name="'process_table_'+processOne.serial_number" @mouseover="changeStyle('process_table_'+processOne.serial_number,true)" @mouseout="changeStyle('process_table_'+processOne.serial_number,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:''">@{{ processOne.serial_number }}</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.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">
                                        <li v-for="barcode in processesContent.commodity.barcodes"><small>@{{ barcode.code }}</small></li>
                                    </ul>
                                </td>
                                <td :title="processesContent.sign_mark?processesContent.sign_mark:processesContent.commodity_name" class="text-muted tooltipTarget" :class="processesContent.type=='原料单'?'td-warm':'td-cool'">
                                    <div style="width: 180px;overflow:hidden" :class="processesContent.bill_type=='原料单'?'td-warm':'td-cool'">@{{ processesContent.sign_mark?processesContent.sign_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;color: #aaaaaa;text-decoration:underline" @click="close(processOne.code,processOne.id)">点击关闭原料单</b>
                                       <b v-if="processUnfold[processOne.code+processOne.id]=='成品单'" style="cursor:pointer;color: #aaaaaa;text-decoration:underline" @click="close(processOne.code,processOne.id)">点击关闭成品单</b></div>
                               </td>
                            </tr>
                        </table>
                        <div v-else :style="[{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/3))+')'},{height: (35*Math.ceil(arrayFilter(processOne.processesContents,processOne).length/3))+'px'}
                        ,{width: (100*Math.ceil(arrayFilter(processOne.processesContents,processOne).length/3))+'%'},{'margin-left': (-100*((Math.ceil(arrayFilter(processOne.processesContents,processOne).length/3))-1)/2)+'%'}
                        ,{'margin-top': (-35*((Math.ceil(arrayFilter(processOne.processesContents,processOne).length/3))-1)/2)+'px'},{'margin-bottom': (-35*((Math.ceil(arrayFilter(processOne.processesContents,processOne).length/3))-1)/2)+'px'}]">
                            <div v-for="(processesContent,i) in arrayFilter(processOne.processesContents,processOne)"  class=" row  p-0" style="float: left;margin-right: 20px;-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.commodity && processesContent.commodity.barcodes.length>0">
                                    @{{ processesContent.commodity.barcodes[0].code }}
                                </span>&nbsp;&nbsp;
                                <span :title="processesContent.sign_mark?processesContent.sign_mark:processesContent.commodity_name" class="text-muted tooltipTarget" style="max-width:100px;overflow:hidden;">@{{ processesContent.sign_mark?processesContent.sign_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: 500px;white-space: normal">@{{ processOne.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 && dateTextMap.end_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 && dateTextMap.start_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="today"
                                               :min="is_update_date=='end_date' ? 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>
                                <td>审核</td>
                                <td>详情</td>
                            </tr>
                            <tr  v-for="processDailyParticipant in processDailyParticipants" :id="'processDailyParticipant'+processDailyParticipant.id">
                                <td v-if="processDailyParticipant.rowspan" :rowspan="processDailyParticipant.rowspan"><p >@{{ processDailyParticipant.date }}</p></td>
                                <td v-if="processDailyParticipant.rowspan"  :rowspan="processDailyParticipant.rowspan">
                                    <div  class="form-inline">
                                        <input :readonly="processDailyParticipant.readonly" v-model="processDailyParticipant.submitOutput"
                                               class="form-control col-sm-5 " @click="processDailyParticipant.id?processDailyParticipant.readonly=false:processDailyParticipant.readonly=true" type="text" />
                                        @can("二次加工管理-登记工时")<button class="btn btn-sm btn-success" v-if="! processDailyParticipant.readonly" @click="submitOutputData(processDailyParticipant.daily_id,processDailyParticipant.submitOutput,processDailyParticipant.id)">确定</button>
                                        <button class="btn btn-sm btn-danger" v-if="! processDailyParticipant.readonly" @click="processDailyParticipant.readonly=true;processDailyParticipant.submitOutput=processDailyParticipant.output">取消</button>
                                        @endcan
                                    </div>
                                </td>
                                <td v-if="processDailyParticipant.rowspan" :rowspan="processDailyParticipant.rowspan"><p >@{{ processDailyParticipant.remain }}</p></td>
                                <td v-if="processDailyParticipant.rowspan" :rowspan="processDailyParticipant.rowspan">
                                    @can("二次加工管理-登记工时")<button v-if="processDailyParticipant.isAddProcessDailyParticipant && isShow.isAddProcessDailyParticipant" class="btn btn-sm btn-outline-info" @click="addProcessDailyParticipant(processDailyParticipant);processDailyParticipant.isAddProcessDailyParticipant=false;">新增</button>
                                    <button v-if="!processDailyParticipant.isAddProcessDailyParticipant" class="btn btn-sm btn-danger"
                                            @click="deleteProcessDailyParticipant($event,processDailyParticipant.daily_id,processDailyParticipant.user_detail_full_name,processDailyParticipant.isConfirmBtn);processDailyParticipant.isAddProcessDailyParticipant=true;">取消</button>
                                    @endcan
                                </td>
                                <td>
                                    @can("二次加工管理-登记工时")<button v-if="!processDailyParticipant.isAddProcessDailyParticipant && processDailyParticipant.isConfirmBtn" class="btn btn-sm btn-success" @click="submitProcessDailyParticipant(processDailyParticipant.daily_id)">确定</button>
                                    <button v-if="processDailyParticipant.id && processDailyParticipant.status=='未审核'" class="btn btn-sm btn-outline-info" @click="updateProcessDailyParticipant(processDailyParticipant)">改</button>
                                    @endcan
                                </td>
                                <td>
                                    <span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false" >
                                        <input :class="{ 'is-invalid' : errors.user_id }" :data-original-title="errors.user_id ? errors.user_id : ''"  :id="processDailyParticipant.daily_id+'user_detail_full_name'" class="form-control tooltipTargetError" style="width: 100px" type="text" @change="verifyUserName($event,processDailyParticipant.daily_id,processDailyParticipant.isConfirmBtn)">
                                        <input hidden  :id="processDailyParticipant.daily_id+'user_id'"/>
                                    </span><span v-else>@{{ processDailyParticipant.user_detail_full_name }}</span></td>
                                <td>
                                    <span v-if="!processDailyParticipant.user_detail_full_name && processDailyParticipant.isAddProcessDailyParticipant==false" >
                                    <input :class="{ 'is-invalid' : errors.started_at }" :data-original-title="errors.started_at ? errors.started_at[0] : ''" :id="processDailyParticipant.daily_id+'started_at'"  value="09:00" class="form-control tooltipTargetError" style="width: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 }" :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">@{{ processDailyParticipant.hour }}</td>
                                <td class="text-danger">@{{ processDailyParticipant.diff }}</td>
                                <td class="text-danger">@{{ processDailyParticipant.billingHour }}</td>
                                <td class="text-danger">
                                    @can("人事管理-任务审核")<button @click="processDailyParticipantAudit(processDailyParticipant.id)" v-if="processDailyParticipant.status=='未审核'" class="btn btn-sm btn-outline-success">审核</button>@endcan
                                    <b v-else class="text-success">@{{ processDailyParticipant.status }}</b>
                                </td>
                                @can("二次加工管理-临时工资料管理")<td class="text-info"><u v-if="processDailyParticipant.user_detail_full_name" style="cursor:pointer" @click="showUserDetail(processDailyParticipant.user_id)">详情</u></td>@endcan
                            </tr>
                        </table>
                    </td>
                </tr>
                </template>
            </table>
            {{$processes->appends($request)->links()}}
        </div>
</div>


@endsection

@section('lastScript')
    <script>
        new Vue({
            el:"#process",
            data:{
                participantInputting:{},
                processes:[
                    @foreach($processes as $processOne)
                    {id:'{{$processOne->id}}',code:'{{$processOne->code}}',owner_name:'{{$processOne->owner_name}}',owner_id:'{{$processOne->owner_id}}',operatorLogs:{!! $processOne->operatorLogs !!},
                        process_method_name:'{{$processOne->process_method_name}}',amount:'{{$processOne->amount}}',type:'{{$processOne->type}}',signs:{!!$processOne->signs  !!}
                        ,tutorials:{!! $processOne->tutorials !!},processesContents:{!! $processOne->processesContents !!},unit_price:'{{$processOne->unit_price}}',created_at:'{{$processOne->created_at}}',
                        completed_amount:'{{$processOne->completed_amount}}',status:'{{$processOne->status}}',remark:'{{$processOne->remark}}',detailFolding:false,openProcessHour:false,is_multi_row:false,is_verifier_show:false,is_update_unit_price:false,
                        buttonTexts:{'审核':'审','回滚':'回','编辑':'编','接单':'接','驳回':'驳','质量验收':'验','完成':'完','交接完成':'交','查看单据':'查','登记工时':'登'},
                    },
                    @endforeach
                ],
                processesList:[],
                owners:[
                    @foreach($owners as $owner)
                    {!! $owner !!},
                    @endforeach
                ],
                errors:{},
                checkData:[],
                filterData:{paginate:50,date_start:'',date_end:'',owner_id:'',commodity_barcode:'',wms_code:'',status:'',is_accomplish:''},
                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:'',
                today:'',
                dateTextMap:{'start_date':'起','end_date':'终'},
            },
            watch:{
                checkData:{
                    handler(){
                        if (this.checkData.length === this.processes.length){
                            document.querySelector('#all').checked = true;
                        }else {
                            document.querySelector('#all').checked = false;
                        }
                    },
                    deep:true
                }
            },
            computed:{
                isBeingFilterConditions:function(){
                    for(let key in this.filterData){
                        if(this.filterData[key]){
                            if(key==='paginate' || key==='is_accomplish')continue;
                            return true
                        }
                    }
                    return false;
                },

            },
            mounted:function () {
                this.initInputs();
                this.resetProcessData();
                $(".tooltipTarget").tooltip({'trigger':'hover'});
                $('#process').removeClass('d-none');
                var today=new Date();
                this.today = today.getFullYear() + "-" + ((today.getMonth() + 1) < 10 ? "0"+(today.getMonth() + 1) : (today.getMonth() + 1)) + "-" + today.getDate();
            },
            methods: {
                arrayFilter: function (processesContents, process) {
                    if (!process.is_multi_row && process.id) return processesContents;
                    let array = [];
                    let type = '成品单';
                    if (process.id) type = '原料单';
                    processesContents.forEach(function (processesContent) {
                        if (processesContent.type === type) array.push(processesContent);
                    });
                    return array;

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