baoshi-was/resources/views/order/workOrder/index.blade.php

@extends("layouts.app")
@section('title','处理工单')
@section('head')
    <link href="{{ asset('css/element-ui.css') }}" rel="stylesheet">
@endsection

@section("content")
    <div class="container-fluid d-none" id="list">
        <div>
            <div class="">
                <div id="form_div" style="min-width: 1220px;"></div>
                <div class="ml-3 form-inline" id="btn">
                     <span class="dropdown">
                        <button type="button"
                                class="btn btn-outline-dark btn-sm form-control-sm dropdown-toggle tooltipTarget"
                                data-toggle="dropdown" title="导出所有页将会以搜索条件得到的筛选结果，将其全部记录（每一页）导出">导出Excel
                        </button>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="javascript:" @click="workOrderExport(false)">导出勾选内容</a>
                            <a class="dropdown-item" href="javascript:" @click="workOrderExport(true)">导出所有页</a>
                        </div>
                    </span>
                    @can('订单管理-订单问题件生成')
                        <button type="button"
                                class="ml-2 btn  btn-sm btn-outline-dark "
                                @click="createOrderIssue(null,false)" style="background: #dad7e8;">生成问题件
                        </button>
                    @endcan
                    <button type="button"
                            class="ml-1 btn btn-outline-primary btn-sm  "
                            @click="exportText()">导出文本
                    </button>
                    <button type="button"
                            class="ml-1 btn btn-outline-dark btn-sm"
                            @click="copyLogisticNumber()" style="background: #dad7e8;">批量复制单号
                    </button>
                    @can('订单管理-工单处理-宝时编辑')
                        <button type="button"
                                class="ml-1 btn btn-outline-primary btn-sm"
                                @click="baoShiBatchHandler">宝时批量处理
                        </button>
                    @endcan
                    @if(\Illuminate\Support\Facades\Gate::check('订单管理-工单处理-宝时编辑') || \Illuminate\Support\Facades\Gate::check('订单管理-工单处理-承运商编辑'))
                        <button type="button"
                                class="ml-1 btn btn-outline-primary btn-sm"
                                @click="showBatchStoreProcessLogs">工单批量处理日志
                        </button>
                    @endif
                    @can('订单管理-问题件-编辑')
                        <button type="button"
                                class="ml-1 btn btn-outline-dark btn-sm"
                                @click="showBatchEditOrderIssueLog">问题件批量处理日志
                        </button>
                    @endcan

                    @can('订单管理-工单处理-货主编辑')
                        <button type="button"
                                class="ml-1 btn btn-outline-success btn-sm"
                                @click="batchEndWorkOrder">商家批量完结
                        </button>
                    @endcan
                    @can('订单管理-工单处理-承运商编辑')
                        <button type="button"
                                class="ml-1 btn btn-outline-info btn-sm"
                                @click="logisticBatchHandler">承运商批量处理
                        </button>
                    @endcan

                    @can('订单管理-工单处理-宝时编辑')
                        <button type="button" class="ml-1 btn btn-outline-primary btn-sm"
                                v-show="checkData.length > 0"
                                @click="showBatchCustomRejectedStatus">
                            批量修改退回状态
                        </button>
                    @endcan

                </div>
                <div>
                    <table class="table table-sm table-striped table-hover table-bordered td-min-width-80 " id="table">
                        <thead>
                        <tr>
                            <th style="min-width: 100px">
                                <label for="all">
                                    <input id="all" type="checkbox" @click="checkAll($event)"/>
                                </label>
                            </th>
                            <th style="min-width: 120px">工单号</th>
                            <th style="min-width: 120px">操作</th>
                            <th style="min-width: 200px">创建时间</th>
                            <th style="min-width: 120px">工单类型</th>
                            <th style="min-width: 200px">当前进度</th>
                            <th style="min-width: 120px">客户</th>
                            <th style="min-width: 200px">店铺名称</th>
                            <th style="min-width: 200px">客户单号</th>
                            <th style="min-width: 120px">承运人</th>
                            <th style="min-width: 120px">快递单号</th>
                            <th style="min-width: 120px">当前处理人</th>
                            <th style="min-width: 120px">创建人</th>
                            <th style="min-width: 150px">情况说明</th>
                            <th style="min-width: 50px;max-width: 50px" v-text="hideRejectedBills ? '隐藏' :'展开' ">展开</th>

                            <th v-if="hideRejectedBills" style="min-width: 220px">退回单号</th>
                            @if( \Illuminate\Support\Facades\Gate::check('订单管理-工单处理-宝时编辑') || \Illuminate\Support\Facades\Gate::check('订单管理-工单处理-商家编辑') )
                                <th v-if="hideRejectedBills" style="min-width: 450px">退回商品详情</th>
                            @endif
                            <th style="min-width: 120px">处理日志</th>
                            @can('订单管理-工单处理-宝时编辑')
                                <th style="min-width: 120px">问题件处理结果</th>
                            @endcan
                            @can('订单管理-工单处理-宝时编辑')
                                <th style="min-width: 120px">承运商赔偿金额</th>
                                <th style="min-width: 120px">承运商快递减免</th>
                                <th style="min-width: 100px">宝时赔偿金额</th>
                                <th style="min-width: 120px">宝时快递减免</th>
                                <th style="min-width: 200px">仓库组责任方</th>
                                <th style="min-width: 200px">项目组责任方</th>
                            @endcan
                            @can('订单管理-工单处理-删除')
                                <th style="min-width: 75px">删除</th>
                            @endcan
                            <th style="min-width: 300px">资料</th>
                        </tr>
                        </thead>
                        <tbody>
                        <template v-for="(item,i) in workOrders">
                            <tr @click="selectTr===i+1?selectTr=0:selectTr=i+1" :class="selectTr===i+1?'focusing' : ''">
                                <td>
                                    <label> <input class="checkItem" type="checkbox"
                                                   :value="item.id"
                                                   v-model="checkData">
                                    </label>
                                    <span v-show="isNewWorkOrder(item)" class="badge  bg-primary text-white ">新</span>
                                    @can( '订单管理-工单处理-宝时编辑')
                                        <span v-show="isStrandWorkOrder(item)"
                                              class="badge  badge-danger bg-warning text-break"
                                              @click="showStoreProcessLog(item,i)">滞</span>
                                    @elsecan('订单管理-工单处理-承运商编辑')
                                        <span v-show="isStrandWorkOrder(item)"
                                              class="badge  badge-danger bg-warning text-break">滞</span>
                                    @endcan

                                    <template>
                                        <span class="badge badge-success" v-show="isLogisticHandler(item)">承</span>
                                        <span
                                            v-show="item.order_detail && ['有','已处理'].includes(item.order_detail.is_new_rejecting)"
                                            class="badge badge-primary">退</span>
                                    </template>

                                    <template>
                                        <br v-show="item.is_issue_order">
                                        <a :href="'{{url("order/issue/index")}}'+'?is_handle=ture&orderCode='+item.orderno"
                                           v-show="item.is_issue_order"
                                           target="order/issue/index?addtime=15">
                                            <span class="badge badge-danger ">问题件</span>
                                        </a>
                                    </template>

                                    <template v-show="item.order_detail">
                                        <br>
                                        <span class="badge  badge-light"
                                              v-text="item.order_detail ? item.order_detail.rejecting_status : ''"></span>
                                    </template>

                                    <template>
                                        @can('订单管理-工单处理-宝时编辑')
                                            <select class="form-control form-control-sm"
                                                    v-model="item.custom_rejected_status"
                                                    @change="changeCustomRejectedStatus(item,$event)">
                                                <option value="无">无</option>
                                                <option value="待退回">待退回</option>
                                                <option value="退回中">退回中</option>
                                            </select>
                                        @endcan
                                    </template>
                                </td>
                                <td>
                                    <span v-text="item.id"></span>
                                    <br>
                                    <button class="btn btn-sm btn-outline-secondary"
                                            @click="showWorkOrderItem(item)">工单详情
                                    </button>
                                    <br>
                                    <button class="btn btn-sm btn-outline-secondary"
                                            @click="showOrderCommoditiesInfo(item)">商品详情
                                    </button>
                                    <br>
                                    <button class="btn btn-sm btn-outline-secondary" @click="getEqualsMap(item)">
                                        商品比较
                                    </button>
                                </td>
                                <td>
                                    @can('订单管理-订单问题件生成')
                                        <button class="btn btn-sm btn-outline-primary"
                                                v-show="!item.is_issue_order "
                                                @click="createOrderIssue(item,true)">生成问题件
                                        </button>
                                        <br v-show="!item.is_issue_order ">
                                    @endcan
                                    @can('订单管理-工单处理-货主编辑')
                                        <button class="btn btn-sm"
                                                style="background-color: #5d9983;color: #FFFFFF;border-color: #378d72"
                                                v-show="isOwnerDispose(item)"
                                                @click="ownerShowDispose(item,i)">
                                            商家处理
                                        </button>
                                        <br v-show="isOwnerDispose(item)">

                                        <button class="btn btn-sm"
                                                style="background-color: #13b6af;color: #FFFFFF;border-color: #079e74"
                                                v-show="canOwnerEdit(item)"
                                                @click="ownerShowEdit(item,i)">
                                            重新编辑
                                        </button>
                                        <br v-show="canOwnerEdit(item)">

                                        <button class="btn btn-sm"
                                                style="background-color: #13b6af;color: #FFFFFF;border-color: #079e74"
                                                v-show="canOwnerEnd(item)"
                                                @click="ownerEndWorkOrder(item,i)">
                                            商家完结
                                        </button>
                                        <br v-show="canOwnerEnd(item)">

                                    @endcan
                                    @can('订单管理-工单处理-承运商编辑')
                                        <button class="btn btn-sm"
                                                style="background-color:#ea8863;color: #FFFFFF;border-color: #9a3d23"
                                                v-show="isLogisticDispose(item)"
                                                @click="logisticShowDispose(item,i)">
                                            快递处理
                                        </button>
                                        <br v-show="isLogisticDispose(item)">
                                        <button class="btn btn-sm"
                                                style="background-color:#bf674e;color: #FFFFFF;border-color: #9a3d23"
                                                v-show="canLogisticEdit(item)"
                                                @click="logisticShowEdit(item,i)">
                                            重新编辑
                                        </button>
                                        <br v-show="canLogisticEdit(item)">
                                        <button
                                            class="btn btn-sm"
                                            style="background-color:#d96a46;color: #FFFFFF;border-color: #e55c2d"
                                            v-show="canTagWorkOrder(item)"
                                            @click="tagWorkOrderHandler(item,i)">
                                            标记处理
                                        </button>
                                        <br v-show="canTagWorkOrder(item)">
                                    @endcan
                                    @can('订单管理-工单处理-宝时编辑')
                                        <button class="btn btn-sm"
                                                style="background-color: #52b7d7;color: #FFFFFF;border-color:#90acb6;"
                                                v-show="isBaoShiDispose(item)"
                                                @click="baoShiShowDispose(item,i)">
                                            宝时处理
                                        </button>
                                        <br v-show="isBaoShiDispose(item)">
                                        <button class="btn btn-sm "
                                                style="background-color: #62a151;color: #FFFFFF;border-color:#90acb6;"
                                                v-show="isBaoShiReview(item)"
                                                @click="baoShiShowDispose(item,i)">
                                            宝时客服
                                        </button>
                                        <br v-show="isBaoShiReview(item)">
                                        <button class="btn btn-sm"
                                                style="background-color: #4390a7;color: #FFFFFF;border-color:#90acb6;"
                                                v-show="isBaoShiEdit(item)"
                                                @click="baoShiShowEdit(item,i)">
                                            重新编辑
                                        </button>
                                    @endcan
                                </td>
                                <td v-text="item.created_at"></td>
                                <td>
                                    <span v-text="item.issue_type_name"></span>
                                </td>
                                <td>
                                    <span v-text="item['last_handler_name'] + ':' + item.process_progress"></span>
                                    <span class="badge  badge-warning" v-if="'快递异常' === item.issue_type_name"
                                          v-text="item.type"></span>
                                </td>
                                <td v-text="item.owner_name"></td>
                                <td v-text="item.shop_name"></td>
                                <td v-text="item.order_client_code"></td>
                                <td v-text="item.logisitc_name"></td>
                                <td>
                                    <div v-for="logistic_number in item.logistic_numbers">
                                        <span v-text="logistic_number"></span>
                                    </div>
                                </td>
                                <td v-text="item.status"></td>
                                <td v-text="item.creator ? item.creator.name : ''"></td>
                                <td v-text="item.result_explain ? item.result_explain: item.remark"></td>
                                <td class="p-0 m-0 w-50" style="width:30px;" v-if="i===0"
                                    :rowspan="workOrders.length">
                                    <span class="btn"
                                          id="rejected_bill_btn"
                                          style="max-width: 50px"
                                          :class="hideRejectedBills ? 'btn-outline-info':'btn-outline-secondary'"
                                          @click="toggleRejectedBill()" :style="{'min-height':toggleBtnHeight+'px'}"
                                          v-text="hideRejectedBills ? '隐藏运单列' : '展开运单列'">
                                    </span>
                                </td>

                                <td class="text-muted child-layer-3-hide" v-if="hideRejectedBills">
                                    <div class="form-inline">
                                        <div class="form-group">
                                            <input type="text" class="form-control form-text form-control-sm mr-1">
                                            <button class="btn btn-sm btn-primary"
                                                    @click="joinLogisticNumberReturn(item,$event,i)"
                                            >添加
                                            </button>
                                        </div>
                                    </div>
                                    <div v-if="item.order_issue_rejected_bills">
                                        <div class="form-inline"
                                             v-for="relation in item.order_issue_rejected_bills">
                                            <input type="text" class="form-control form-control-sm mt-1 mr-1"
                                                   :value="relation.logistic_number_return"
                                                   @focus="displayDelBtn(true,$event)"
                                                   @blur="displayDelBtn(false,$event)">
                                            <button type="button" class="btn btn-sm btn-outline-danger mt-1 d-none"
                                                    @click="unJoinLogisticNumberReturn(item,relation.logistic_number_return,i)">
                                                删
                                            </button>
                                        </div>
                                    </div>
                                </td>
                                @if( \Illuminate\Support\Facades\Gate::check('订单管理-工单处理-宝时编辑') || \Illuminate\Support\Facades\Gate::check('订单管理-工单处理-商家编辑') )
                                    <td class="p-0 child-layer-3-hide align-center" v-if="hideRejectedBills">
                                        <div class="m-0 p-0" v-if="item.rejected_bill_items">
                                            <table class="table table-sm m-0" v-show="showRejectedBillItem === item.id">
                                                <tr v-for="rejected_bill_item in item.rejected_bill_items">
                                                    <td class="w-50">
                                                        <span v-text="rejected_bill_item.barcode_goods"></span>
                                                    </td>
                                                    <td>
                                                        <p class="text-truncate text-primary m-0 p-0 tooltipTarget"
                                                           style="width: 100px;cursor:pointer;text-decoration: underline"
                                                           title="双击展开"
                                                           @dblclick="nowrapText($event)"
                                                           v-text="rejected_bill_item.name_goods"></p>
                                                        <p class="text-nowrap m-0 p-0 tooltipTarget"
                                                           style="display: none;cursor:pointer"
                                                           title="双击收起"
                                                           @dblclick="truncateText($event)"
                                                           v-text="rejected_bill_item.name_goods"></p>
                                                    </td>
                                                    <td class="w-25">
                                                        <span v-text="rejected_bill_item.amount"></span>
                                                    </td>
                                                    <td class="w-25">
                                                        <span v-text="rejected_bill_item.quality_label"></span>
                                                    </td>
                                                    <td class="w-auto">
                                                        <span v-text="rejected_bill_item.remark"></span>
                                                    </td>
                                                </tr>
                                            </table>
                                            <div class="text-center" v-show="item.rejected_bill_item_amount_count > 0">
                                                <button type="button"
                                                        class="btn btn-sm btn-outline-primary align-middle mt-1"
                                                        v-show="showRejectedBillItem !== item.id"
                                                        @click="showRejectedBillItem = item.id"
                                                        v-text="'商品' + item.rejected_bill_item_amount_count + '件,点击展开'">
                                                </button>
                                                <button type="button"
                                                        class="btn btn-sm btn-outline-primary align-middle mt-1"
                                                        v-show="showRejectedBillItem === item.id"
                                                        @click="showRejectedBillItem = null">
                                                    点击收起
                                                </button>
                                            </div>
                                        </div>
                                    </td>
                                @endif


                                <td class="log-td"
                                    v-on:mouseover="showAddBtn($event)"
                                    v-on:mouseleave="hideAddBtn($event)">
                                    @include('order.workOrder._process_logs')
                                </td>
                                @can('订单管理-工单处理-宝时编辑')
                                    <td class="log-td" colspan=""
                                        v-on:mouseover="showAddBtn($event)"
                                        v-on:mouseleave="hideAddBtn($event)">
                                        @include('order.workOrder._issue_logs')
                                    </td>
                                @endcan
                                @can('订单管理-工单处理-宝时编辑')
                                    <td>
                                        <input type="number" class="form-control form-control-sm"
                                               v-model="item.logistic_indemnity_money"
                                               @change="changeWorkOrderInfo(item,'logistic_indemnity_money',$event)">
                                    </td>
                                    <td>
                                        <select class="form-control form-control-sm"
                                                v-model="item.logistic_express_remission"
                                                @change="changeWorkOrderInfo(item,'logistic_express_remission',$event)">
                                            <option v-for="type in workOrderRemissionType" :value="type.name"
                                                    v-text="type.name"></option>
                                        </select>
                                    </td>
                                    <td>
                                        <input type="number" class="form-control form-control-sm"
                                               v-model="item.bao_shi_indemnity_money"
                                               @change="changeWorkOrderInfo(item,'bao_shi_indemnity_money',$event)">
                                    </td>
                                    <td>
                                        <select
                                            class="form-control form-control-sm"
                                            v-model="item.bao_shi_express_remission"
                                            @change="changeWorkOrderInfo(item,'bao_shi_express_remission',$event)">
                                            <option v-for="type in workOrderRemissionType" :value="type.name"
                                                    v-text="type.name"></option>
                                        </select>
                                    </td>

                                    <td>
                                        <table class="table table-sm">
                                            <tr>
                                                <td>
                                                    <select class="form-control form-control-sm"
                                                            @change="createUserWorkGroup(item,$event)">
                                                        <option value=""></option>
                                                        <option v-for="data in userWorkgroup" :value="data.name"
                                                                v-text="data.value"></option>
                                                    </select>
                                                </td>
                                            </tr>
                                            <tr v-for="(user_workgroup,index) in item.user_work_groups">
                                                <td>
                                                    <span v-text="user_workgroup.name"></span>
                                                    <button class="btn btn-sm btn-outline-danger float-right"
                                                            @click="destroyUserWorkGroup(item,index,$event)">删
                                                    </button>
                                                </td>
                                            </tr>
                                        </table>


                                    </td>
                                    <td>
                                        <select class="form-control form-control-sm"
                                                v-model="item.user_owner_group_id"
                                                @change="changeUserOwnerGroup(item,$event)">
                                            <option v-for="data in userOwnerGroup" :value="data.name"
                                                    v-text="data.value"></option>
                                        </select>
                                    </td>
                                @endcan
                                @can('订单管理-工单处理-删除')
                                    <td>
                                        <button type="button"
                                                class="btn btn-sm btn-outline-danger"
                                                @click="destroy(item,i)">
                                            删除
                                        </button>
                                    </td>
                                @endcan
                                <td class="container" style="min-width: 500px">
                                    @include('order.workOrder._work_order_details')
                                </td>
                            </tr>
                        </template>
                        </tbody>
                    </table>
                    <div class="text-info h5 btn btn">{{$workOrders->count()}}/@{{ total }}</div>
                    {{ $workOrders->withQueryString()->links() }}
                </div>
            </div>
        </div>
        <div class="row">
            @include('order.workOrder._work_order_show')
        </div>
        @include('order.workOrder._bao_shi_review_modal')
        @include('order.workOrder._bao_shi_fill_work_order_modal')
        @include('order.workOrder._logistic_fill_work_order_modal')
        @include('order.workOrder._owner_fill_work_order_modal')
        @include('order.workOrder._batch_edit_work_order')
        @include('order.workOrder._edit_order_issue_log')
        @include('order.workOrder._edit_process_log')
        @include('order.workOrder._order_commodity_info')
        @include('order.workOrder._rejected_item_equals_order_commodity')
        @include('order.workOrder._custom_rejected_status')
    </div>
@endsection()

@section("lastScript")
    <script type="text/javascript" src="{{asset('js/queryForm/queryForm.js')}}"></script>
    <script type="text/javascript" src="{{mix('js/element-ui.js') }}"></script>
    <script type="text/javascript" src="{{asset('js/element/index.js')}}"></script>
    <script type="text/javascript" src="{{mix('js/queryForm/export.js')}}"></script>

    <style>
        .fade-enter-active {
            transition: opacity .3s;
        }

        .fade-leave-active {
            transition: opacity .1s;
        }

        .fade-enter, .fade-leave-to {
            opacity: 0;
        }

        .image-div {
        }

        .image-w {
            width: 100%;
        }
    </style>
    <script>
        const orderIssueVue = new Vue({
            methods: {
                tagIssueLog(log) {   // 标记问题件log不可见
                    let url = '{{route('order.issue.log.tagApi')}}';
                    let data = {id: log.id};
                    if (!confirm('是否标记当前记录客户不可见')) return;
                    window.axios.post(url, data).then(res => {
                        if (res.data.success) {
                            window.tempTip.showSuccess('标记成功');
                            log.tag = 1;
                        } else {
                            window.tempTip.show(res.data.message ? res.data.message : '标记出现异常');
                        }
                    }).catch(err => {
                        window.tempTip.show(err);
                    });
                },
                addOrderIssueLog(id, order_issue_id, logs) {
                    let idInput = $('#' + id + ' :input[name="id"]');
                    let contentInput = $('#' + id + ' :input[name="content"]');
                    if (!contentInput.val()) {
                        contentInput.addClass('is-invalid').focus();
                        return;
                    }
                    contentInput.removeClass('is-invalid');
                    let tag = document.getElementById(order_issue_id + '_log_check').checked;
                    let url = '{{route('order.issue.log.storeApi')}}';
                    let data = {id: idInput.val(), content: contentInput.val(), tag: tag ? 1 : 0};
                    window.tempTip.waitingTip("处理中");
                    window.axios.post(url, data).then(function (res) {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            logs.unshift(res.data.data);
                            contentInput.val('');
                            $('#' + id).hide();
                            vue.successTempTip('添加成功');
                            return;
                        }
                        vue.errorTempTip(res.data.fail_info);
                    }).catch(function (err) {
                        window.tempTip.cancelWaitingTip();
                        vue.errorTempTip('网络异常:' + err);
                    });
                },
                destroyLog(log, issue_logs, logIndex) {    // 删除处理日志
                    if (!confirm('是否删除当前记录')) return;
                    if (log.type === '创建') {
                        tempTip.show('创建记录不能删除');
                        return;
                    }
                    let url = "{{route("order.issue.log.destroyApi")}}";
                    let data = {id: log.id};
                    window.tempTip.setIndex('1999');
                    window.axios.post(url, data).then(res => {
                        if (res.data.success) {
                            issue_logs.splice(logIndex, 1);
                            tempTip.setDuration(1500);
                            tempTip.showSuccess('删除成功');
                        } else {
                            tempTip.setDuration(2000);
                            tempTip.show('删除失败：' + res.data.fail_info);
                        }
                    }).catch(err => {
                        tempTip.setDuration(2500);
                        tempTip.show('网络异常:' + err);
                    });
                },
            }
        });


        let vue = new Vue({
            el: "#list",
            data: {
                checkData: [],
                isLogistic: false,
                isOwner: false,
                isBaoShi: false,
                orderIssueVue: orderIssueVue,
                workOrders: {!! $workOrders->toJson() !!}['data'],
                total: {!!  $workOrders->toJson() !!}['total'],
                form: null,
                logistics: [
                        @foreach($logistics as $logistic)
                    {
                        name: {{$logistic->id}}, value: '{{$logistic->name}}'
                    },
                    @endforeach
                ],
                orderIssueTypes: [
                        @foreach($orderIssueTypes as $type)
                    {
                        name: '{{$type->id}}', value: "{{$type->name}}"
                    },
                    @endforeach
                ],
                owners: [
                        @foreach($owners as $owner)
                    {
                        name: '{{$owner->id}}', value: '{{$owner->name}}'
                    },
                    @endforeach
                ],
                userWorkgroup: [
                        @foreach($userWorkgroup as $item)
                    {
                        name: '{{$item->id}}', value: '{{$item->name}}'
                    },
                    @endforeach
                ],
                userOwnerGroup: [
                        @foreach($userOwnerGroup as $item)
                    {
                        name: '{{$item->id}}', value: '{{$item->name}}'
                    },
                    @endforeach
                ],
                logisticEditWorkOrder: {
                    id: null,
                    issue_type_name: null,
                    detail_id: null,
                    reissue_logistic_number: null, // 补发单号
                    logistic_number: null, // 丢件快递单号
                    commodities: [],
                    process_progress: null,
                    is_edit: false,
                },
                baoShiEditWorkOrder: {
                    id: null,
                    issue_type_name: null,
                    detail_id: null,
                    reissue_logistic_number: null,  // 补发单号
                    logistic_number: null,          // 丢件快递单号
                    commodities: [],
                    process_progress: null,
                    prev_process_progress: null,
                    is_edit: false,
                },
                ownerEditWorkOrder: {
                    id: null,
                    issue_type_name: null,
                    detail_id: null,
                    price: null,
                    type: null,
                    status: '',
                    reissue_logistic_number: null,  // 补发单号
                    logistic_number: null,          // 丢件快递单号
                    packageImages: [],
                    commodityImages: [],
                    refundImages: [],               // 退款图
                    dealImages: [],                 // 交易图
                    commodities: [],
                    return_logistic_number: null,
                    return_name: null,
                    return_address: null,
                    return_phone: null,
                    process_progress: null,
                    is_edit: false,
                    delete_image_ids: [],
                    delete_commodity_ids: [],
                    remark: null,
                },
                showWorkOrder: {
                    issue_type_name: null,
                    package_images: [],
                    commodity_images: [],
                    deal_images: [],
                    refund_images: [],
                    commodities: [],
                    reissue_logistic_number: null,
                    logistic_number: null,
                    return_logistic_number: null,
                    return_name: null,
                    return_address: null,
                    return_phone: null,
                    process_progress: null,
                },
                selectTr: null,                 // table 行
                selectDetailId: null,           // 详情
                selectCreateOrderIssueLog: null,// 创建问题件处理信息
                selectOrderIssueLog: null,      // 问题件处理信息
                selectOrderIssue: null,         // 问题件
                selectIssueType: '',
                selectLog: null,                // 工单日志
                selectIndex: null,              // 选中工单
                filePrefix: "{{asset("/storage")}}",
                dialogShowBaoShiVisible: false,              // 宝时编辑
                dialogEditBaoShiVisible: false,              // 宝时编辑
                dialogBaoShiBatchHandlerVisible: false,      // 宝时批量处理
                dialogShowOwnerVisible: false,               // 货主编辑
                dialogEditOwnerVisible: false,               // 货主编辑
                dialogShowLogisticVisible: false,            // 承运商编辑
                dialogEditLogisticVisible: false,            // 承运商编辑
                dialogLogisticBatchHandlerVisible: false,    // 承运商批量处理
                dialogShowOrderWorkVisible: false,           // 工单详情
                dialogBatchEditOrderIssueLogVisible: false,  // 问题件日志
                dialogProcessLogVisible: false,              // 工单处理日志
                dialogOrderCommoditiesVisible: false,              // 订单商品详情
                dialogCommoditiesEqualsVisible: false,       // 商品对比
                dialogCustomRejectedStatusVisible: false,    // 自定义退回状态
                showProcessLogId: null,         // workOrder->id
                showAddDetailProcessLog: null,        // workOrderDetail->ids
                showAddProcessLogFrom: null,     //
                showAddProcessLogBtn: null,
                showWorkOrderProcessLog: null,
                showOrderIssueProcessLog: null,

                showRejectedBillItem: null,          // 退回商品详情
                batchHandlerWorkOrder: {
                    issue_type_name: '',
                    process_progress: '',
                    prev_process_progress: '',
                },
                processLogs: {
                    select_id: '',
                    select_index: '',
                    content: '',
                },
                orderInfo: {
                    commodities: [],
                },
                order_info_commodities_key: 101,
                workOrderRemissionType: [
                    {name: '原单减免', value: '原单减免'},
                    {name: '补发减免', value: '补发减免'},
                    {name: '全部减免', value: '全部减免'},
                ],
                rejectingStatus: [
                    {name: '无', value: '无'},
                    {name: '未退回', value: '未退回'},
                    {name: '全部退回', value: '全部退回'},
                    {name: '部分退回', value: '部分退回'},
                    {name: '差异退回', value: '差异退回'},
                ],
                commodityEqualsMap: [],
                hideRejectedBills: false,
                tableHeader: null,
                toggleBtnHeight: 0,
            },
            computed: {},
            watch: {
                checkData(value) {
                    let dom = document.getElementById('all')
                    dom.checked = value.length === this.workOrders.length;
                }
            },
            mounted() {
                $(".up").slideUp();
                $(".tooltipTarget").tooltip({'trigger': 'hover'});
                $("#list").removeClass('d-none');
                let log_content_range = [{name: '15', value: '15天内'}, {name: '31', value: '近一月'}, {
                    name: '92',
                    value: '近三月'
                }, {name: '183', value: '近半年'}, {name: '366', value: '近一年'}, {name: '0', value: '不限'},];
                let data = [[
                    {name: 'created_at_start', type: 'time', tip: ['工单创建开始日期', '时间']},
                    {name: 'created_at_end', type: 'time', tip: ['工单创建结束日期', '时间']},
                    {
                        name: 'logistic',
                        type: 'select_multiple_select',
                        data: this.logistics,
                        tip: ['输入关键词快速定位下拉列表，回车确定', '选择要显示的承运商'],
                        placeholder: ['承运商', '定位或多选承运商']
                    },
                        @can('订单管理-订单问题件生成')
                    {
                        name: 'owner',
                        type: 'select_multiple_select',
                        data: this.owners,
                        tip: ['输入关键词快速定位下拉列表，回车确定', '选择要显示的商家'],
                        placeholder: ['商家', '定位或多选商家']
                    },
                        @endcan
                    {
                        name: 'logistic_number', type: 'input', placeholder: '快递单号'
                    },
                    {
                        name: 'is_issue_order',
                        type: 'select',
                        placeholder: '问题件',
                        data: [{name: 'true', value: '有'}, {name: 'false', value: '无'}]
                    },
                    {name: 'creator', type: 'input', placeholder: '创建人'},
                ], [
                    {name: 'review_at_start', type: 'time', tip: ['终审开始日期', '时间']},
                    {name: 'review_at_end', type: 'time', tip: ['终审结束日期', '时间']},
                    {
                        name: 'order_issue_type',
                        type: 'select_multiple_select',
                        tip: ['输入关键词快速定位下拉列表，回车确定', '选择要显示的问题件类型'],
                        placeholder: ['问题件类型', '定位或多选问题件类型'],
                        data: this.orderIssueTypes
                    },
                    {name: 'client_code', type: 'input', placeholder: '客户订单号'},
                    {
                        name: 'status', type: 'select', placeholder: '工单当前处理人',
                        data: [{name: '宝时处理', value: '宝时处理'},
                            {name: '货主处理', value: '货主处理'},
                            {name: '承运商处理', value: '承运商处理'},]
                    },
                    {
                        name: 'process_progress', type: 'select', placeholder: '当前进度',
                        data: [
                            {name: '商家创建', value: '商家创建'},
                            {name: '宝时创建', value: '宝时创建'},
                            {name: '承运商处理中', value: '承运商处理中'},
                            {name: '成功已退回,不赔偿', value: '成功已退回,不赔偿'},
                            {name: '拦截在途丢件，赔偿', value: '拦截在途丢件，赔偿'},
                            {name: '无法拦截', value: '无法拦截'},
                            {name: '已签收', value: '已签收'},
                            {name: '已退回', value: '已退回'},
                            {name: '更改成功', value: '更改成功'},
                            {name: '更改失败', value: '更改失败'},
                            {name: '丢件赔偿', value: '丢件赔偿'},
                            {name: '签收成功', value: '签收成功'},
                            {name: '已补发', value: '已补发'},
                            {name: '已入库', value: '已入库'},
                            {name: '全部赔偿', value: '全部赔偿'},
                            {name: '部分赔偿', value: '部分赔偿'},
                            {name: '不赔偿', value: '不赔偿'},
                            {name: '拦截失败', value: '拦截失败'},
                            {name: '拦截退回中', value: '拦截退回中'},
                            {name: '已处理', value: '已处理'},
                            {name: '无法更改', value: '无法更改'},
                            {name: '已处理', value: '已处理'},
                            {name: '已拦截', value: '已拦截'},
                            {name: '核实全部破损', value: '核实全部破损'},
                            {name: '核实部分破损', value: '核实部分破损'},
                            {name: '核实未破损', value: '核实未破损'},
                            {name: '正常派送', value: '正常派送'},
                            {name: '无法取消拦截', value: '无法取消拦截'},
                            {name: '宝时创建', value: '宝时创建'},
                            {name: '待终审', value: '待终审'},
                            {name: '终审完成', value: '终审完成'},
                        ]
                    },
                    {name: 'is_end', type: 'checkbox', tip: '是否已拦截', data: [{name: 'ture', value: '已完成'}]},
                ], [
                    {name: 'logistic_indemnity_money', type: 'input', placeholder: '承运商赔偿金额'},
                    {
                        name: 'logistic_express_remission',
                        type: 'select',
                        placeholder: '承运商快递减免',
                        data: this.workOrderRemissionType
                    },
                    {name: 'bao_shi_indemnity_money', type: 'input', placeholder: '宝时赔偿金额'},
                    {
                        name: 'bao_shi_express_remission',
                        type: 'select',
                        placeholder: '宝时快递减免',
                        data: this.workOrderRemissionType
                    },
                    {
                        name: 'user_work_group_id', type: 'select_multiple_select',
                        tip: ['输入关键词快速定位下拉列表，回车确定', '选择要显示的仓库责任方'],
                        placeholder: ['仓库责任方', '定位或多选仓库责任方'], data: this.userWorkgroup
                    },
                    {name: 'user_owner_group_id', type: 'select', placeholder: '项目责任方', data: this.userOwnerGroup},
                    {name: 'rejecting_status', type: 'select', placeholder: '退回状态', data: this.rejectingStatus},
                ], [
                    {name: 'order_issue_log', type: 'input', placeholder: '问题件处理日志'},
                    {
                        name: ['log_content', 'addtime'],
                        type: 'input_select',
                        tip: ['处理结果:前或后加 百分号为单个模糊搜索，否则为多条件精确搜索', '查询范围越短，搜索速度越快'],
                        placeholder: ['处理结果', ''],
                        data: log_content_range,
                        rules: [{
                            son: {
                                addtime: {
                                    default: '31',
                                    required_without_all_if: ['created_at_start', 'created_at_end']
                                }
                            }
                        }],
                    },
                    {
                        name: 'tags', type: 'select', placeholder: '`新`,`滞`,`无`标签筛选',
                        data: [
                            {name: 3, value: '新'},
                            {name: 2, value: '滞'},
                            {name: 1, value: '无'},
                        ],
                    },
                    {name: 'shop_name', type: 'input', placeholder: '商铺名'},
                    {name: 'work_order_process_log', type: 'input', placeholder: '工单处理日志'},
                    {
                        name: "rejectingStatus", type: 'select', placeholder: '退单状态',
                        data: [
                            {name: '无', value: '无'},
                            {name: '未退回', value: '未退回'},
                            {name: '全部退回', value: '全部退回'},
                            {name: '部分退回', value: '部分退回'},
                            {name: '差异退回', value: '差异退回'},
                            {name: '超量退回', value: '超量退回'},
                        ]
                    }
                ]];
                this.form = new query({
                    el: '#form_div',
                    condition: data,
                    appendDom: "btn",
                });
                this.form.init();
                this.toggleBtnHeight = document.getElementById('table').clientHeight;
            },
            created() {
                this.workOrders.forEach(item => {
                    this.sortOrder(item);
                });
                this.isLogistic = @can('订单管理-工单处理-承运商编辑') true
                @else false @endcan;
                this.isOwner = @can('订单管理-工单处理-货主编辑')  true
                @else false @endcan;
                this.isBaoShi = @can('订单管理-工单处理-客服编辑') true
                @else false @endcan;
                if (this.isBaoShi) {
                    this.isLogistic = false;
                    this.isOwner = false;
                }
            },
            filters: {
                dataTime: function (value) {
                    if (value !== null) {
                        return moment(value).format('yyyy-MM-DD');
                    }
                    return value
                },
            },
            methods: {

                waitingTempTip(message) {
                    window.tempTip.setIndex(2005);
                    window.tempTip.waitingTip(message);
                },
                successTempTip(message) {
                    window.tempTip.setDuration(1500);
                    window.tempTip.setIndex(2005);
                    window.tempTip.showSuccess(message);
                },
                errorTempTip(message) {
                    window.tempTip.setDuration(2000);
                    window.tempTip.setIndex(2005);
                    window.tempTip.show(message);
                },
                showAddBtn(e) {
                    let domObj = $(e.target).parents('.log-td');
                    if (domObj.hasClass('log-td')) {
                        domObj.find('.add-btn').show();
                    } else {
                        let obj = $(e.target);
                        if (obj.hasClass('log-td')) {
                            obj.find('.add-btn').show();
                        }
                    }
                },
                hideAddBtn(e) {
                    let domObj = $(e.target);
                    if (domObj.hasClass('log-td')) {
                        domObj.find('.add-btn').hide();
                    }
                },
                showAddDiv(id) {
                    let div = $('#' + id);
                    if (div.is(":hidden")) {
                        div.show();
                        div.find('input[type=text]').focus();
                    } else {
                        div.hide();
                    }
                },
                removeFocusing(e) {
                    $(e.target).parent('tr').removeClass('focusing')
                },
                showDelBtn(e) {
                    let domObj = $(e.target).parent();
                    domObj.find('.del-btn').addClass('visible').removeClass('invisible');

                },
                hideDelBtn(e) {
                    let domObj = $(e.target);
                    domObj.find('.del-btn').addClass('invisible').removeClass('visible');
                },
                toggleLogs(orderIssue, e, index) {
                    if (orderIssue.log_is_show === false) {
                        orderIssue.log_is_show = true;
                        $(e.target).text('点击收起');
                    } else {
                        orderIssue.log_is_show = false;
                        $(e.target).text("记录共" + orderIssue.logs.length + "条,点击展开");
                    }
                },
                sortOrder(workOrder) {
                    workOrder.last_handler_name = workOrder.last_handler ? workOrder.last_handler.name : '';
                    workOrder.detail_infos = this.groupDetails(workOrder);                          // 工单详情
                    workOrder.package_images = this.groupImages(workOrder, '外包装图片');            // 外包装图片
                    workOrder.commodity_images = this.groupImages(workOrder, '内物破碎图片');        // 内物破碎图片
                    workOrder.deal_images = this.groupImages(workOrder, '交易截图');                // 交易截图
                    workOrder.refund_images = this.groupImages(workOrder, '退款成功截图');           //退款成功截图
                    workOrder.issue_logs = this.groupOrderIssueLogs(workOrder);                    // 问题件日志
                    workOrder.logs = this.groupLogs(workOrder);                                    // 工单日志
                    workOrder.commodities = this.groupCommodities(workOrder);
                    workOrder.issue_type_name = workOrder.issue_type ? workOrder.issue_type.name : '';  // 工单类型
                    workOrder.pending_detail = this.groupPendingDetail(workOrder);
                    workOrder.logistic_numbers = this.groupLogisticNumber(workOrder);
                    workOrder.orderno = workOrder.order ? workOrder.order.code : '';
                    workOrder.process_logs = this.groupProcessLogs(workOrder);
                    workOrder.log_is_show = false;
                    workOrder.shop_name = workOrder.order ? (workOrder.order.shop ? workOrder.order.shop.name : '') : '';
                    workOrder.owner_name = workOrder.owner ? workOrder.owner.name : '';
                    workOrder.logisitc_name = workOrder.logistic ? workOrder.logistic.name : '';
                    workOrder.order_client_code = workOrder.order ? workOrder.order.client_code : '';
                    workOrder.order_commodities = this.groupOrderPackageCommodities(workOrder);
                    workOrder.is_issue_order = workOrder.order_issue !== null;
                    if (workOrder.order_issue !== null) workOrder.order_issue.log_is_show = 'order_issue' in workOrder;
                    let rejected_bill_items = this.groupRejectedBillItems(workOrder);
                    workOrder.rejected_bill_items = rejected_bill_items;
                    workOrder.rejected_bill_item_amount_count = rejected_bill_items ? rejected_bill_items.map(e => Number(e.amount)).reduce((a, b) => Number(a) + Number(b), 0) : 0;
                },
                groupRejectedBillItems(workOrder) {
                    let {order_issue_rejected_bills} = workOrder;
                    if (!order_issue_rejected_bills) return [];
                    return order_issue_rejected_bills.map(e => e.rejected_bill).filter(e => e).map(e => e.items).reduce((a, b) => a.concat(b), [])
                        .map(e => {
                            return {
                                amount: e.amount,
                                quality_label: e.quality_label,
                                barcode_goods: e.barcode_goods,
                                name_goods: e.name_goods,
                                remark: e.remark,
                            }
                        });
                },
                groupOrderPackageCommodities(workOrder) {
                    let order_packages = workOrder.order ? workOrder.order.packages : [];
                    if (order_packages.length === 0) return [];
                    return order_packages.map(e => {
                        let commodities = e.commodities ? e.commodities : [];
                        return commodities.map(item => {
                            return {
                                logistic_number: e.logistic_number,
                                order_commodities_id: item.id,
                                commodity_id: item.commodity_id,
                                name: item.commodity ? item.commodity.name : '',
                                sku: item.commodity ? item.commodity.sku : '',
                                amount: item.amount,
                            };
                        })
                    }).reduce((p, n) => (p ? p : []).concat(n ? n : []));
                },
                groupPendingDetail(workOrder) {
                    let details = workOrder.details.filter(item => {
                        return !['完成', '标记'].includes(item.tag);
                    }).sort((prev, curr) => {
                        return new Date(prev.created_at) > new Date(curr.created_at);
                    });
                    if (!details) return null;
                    let detail = details.find(e => `${workOrder.order_issue_type_id}` === `${e.order_issue_type_id}`);
                    return {
                        id: workOrder.id,
                        detail_id: detail ? detail.id : '',
                        commodities: detail ? detail.commodities : '',
                        issue_type_name: detail ? detail.issue_type.name : '',
                        status: detail ? detail.status : '',
                        reissue_logistic_number: detail ? detail.reissue_logistic_number : '',
                        logistic_number: detail ? detail.logistic_number : '',
                        price: detail ? detail.price : '',
                        return_logistic_number: detail ? detail.return_logistic_number : '',
                        remark: detail ? detail.remark : '',
                        tag: detail ? detail.tag : '',
                        return_address: detail ? detail.return_address : '',
                        return_phone: detail ? detail.return_phone : '',
                        return_name: detail ? detail.return_name : '',
                        images: detail ? detail.images : '',
                        logistic_handle_tag: detail ? detail.logistic_handle_tag : '',
                        process_logs: detail ? detail.process_logs : ''
                    };
                },
                groupCommodities(workOrder, isCurrent = true) {
                    let commodities = [];
                    workOrder.details.forEach(detail => {
                        let commodity_items = detail.commodities.map(item => {
                            item.issue_type_name = detail.issue_type ? detail.issue_type.name : '';
                            return item;
                        });
                        commodities.push(...(commodity_items ?? []))
                    });
                    return commodities.filter(item => {
                        if (!isCurrent) {
                            return !['完成', '标记'].includes(item.tag);
                        } else {
                            return ['完成', '标记'].includes(item.tag);
                        }
                    })
                },
                groupOrderIssueLogs(workOrder) {
                    workOrder.current_issue_type = workOrder.issue_type ? workOrder.issue_type.name : '';
                    let logs = workOrder.order_issue ? (workOrder.order_issue.logs ? workOrder.order_issue.logs : []) : [];
                    return logs.sort((perv, cur) => {
                        let prevT = new Date(perv.created_at), curT = new Date(cur.created_at);
                        if (prevT > curT) {
                            return -1;
                        } else if (prevT === curT) {
                            return 0;
                        } else if (prevT < curT) {
                            return 1;
                        }
                    });
                },
                groupDetails(workOrder) {
                    return workOrder.details.map(item => {
                        return {
                            id: item.id,
                            issue_type: item.issue_type ? item.issue_type.name : '',  // 工单类型
                            price: item.price,                                          // 商品价值总价
                            reissue_logistic_number: item.reissue_logistic_number,      // 补发单号
                            return_logistic_number: item.return_logistic_number,        // 退回单号
                            logistic_number: item.logistic_number,                      // 快递单号
                            status: item.status,                                        // 工单状态
                            created_at: item.created_at,                                // 创建时间
                            tag: item.tag,                                              // 标记
                        };
                    });
                },
                groupDetailCommodities(detail) {
                    return detail.commodities.map(item => {
                        item.commodity_name = item.commodity ? item.commodity.name : '';
                        return item;
                    });
                },
                groupImages(workOrder, type) {
                    let images = [];

                    workOrder.details.forEach(detail => {
                        let imageList = detail.images.map(item => {
                            item.issue_type_name = detail.issue_type ? detail.issue_type.name : '';
                            return item;
                        }).filter(item => {
                            if (!item.upload_file) return false;
                            return item.type === type;
                        }).map(e => {
                            let {url, type} = e['upload_file'];
                            e.urlExist = e.hasOwnProperty('upload_file');
                            e.fileUrl = this.filePrefix + `${url}.${type}`;
                            return e;
                        })
                        images.push(...imageList);
                    });
                    return images;
                },
                groupLogs(workOrder) {
                    let logs = [];
                    workOrder.details.forEach(detail => {
                        let logList = detail.logs.map(item => {
                            return {
                                id: item.id,                     // id
                                tag: detail.tag,                  // 标记
                                created_at: item.created_at,     // 创建时间
                                issue_type: detail.issue_type ? detail.issue_type.name : '',     // 创建时间
                                creator: item.creator,           // 创建人
                                type: item.type,                 // 类型
                                content: item.content,           // 内容
                            };
                        });
                        logs.push(...logList);
                    });
                    return logs;
                },
                groupLogisticNumber(workOrder) {
                    let detail = null;
                    workOrder.details.forEach(e => {
                        if (!detail) detail = e;
                        if (new Date(e.created_at) > new Date(detail.created_at)) detail = e;
                    });
                    let {commodities} = detail;
                    let logistic_numbers = new Set();
                    commodities.forEach(e => logistic_numbers.add(e.logistic_number));
                    if (logistic_numbers.size === 0) {
                        if (workOrder.order && workOrder.order.packages) {
                            workOrder.order.packages.forEach(e => logistic_numbers.add(e.logistic_number));
                        }
                    }
                    return new Array(...logistic_numbers);
                },
                groupProcessLogs(workOrder) {
                    return workOrder.details.map(e => e.process_logs ? e.process_logs : []).reduce((a, b) => a = [...a, ...b], []).sort((pre, cur) => cur.id - pre.id);
                },
                createOrderIssue(item, tag) { // 生成问题件
                    let url = '{{route('workOrder.buildOrderIssueApi')}}';
                    let data = {};
                    if (tag) data.ids = [item.id];
                    else data.ids = this.checkData;
                    window.tempTip.confirm('是否生成对应的问题件', () => {
                        window.tempTip.waitingTip('生成中........');
                        window.axios.post(url, data).then(res => {
                            if (res.data.success) {
                                this.replaceWorkOrder(res.data.data);
                                this.$forceUpdate();
                                window.tempTip.cancelWaitingTip();
                                window.tempTip.showSuccess('已生成对应的问题件');
                            } else {
                                window.tempTip.cancelWaitingTip();
                                window.tempTip.show(res.data.message ? res.data.message : '生成问题件异常');
                            }
                        }).catch(err => {
                            window.tempTip.cancelWaitingTip();
                            window.tempTip.show(err)
                        });
                    })
                },
                replaceWorkOrder(workOrders) {
                    let data = [];
                    workOrders.forEach(item => {
                        data[item.id] = item;
                    });
                    this.workOrders.forEach((e, i) => {
                        if (data[e.id]) {
                            let item = data[e.id];
                            this.sortOrder(item);
                            item.is_issue_order = item.order_issue ? true : false;
                            this.$set(this.workOrders, i, item);
                        }
                    });
                    this.$forceUpdate();
                },

                getMessageWorkOrder() {
                    let selected = this.checkData;
                    if (!selected) {
                        window.tempTip.show('未选中任何信息');
                        return null;
                    }
                    return this.workOrders.filter((item) => {
                        if (!item.order || !item.order.packages) return false;
                        return selected.includes(item.id + '');
                    });
                },
                exportText() {
                    let items = this.getMessageWorkOrder();
                    if (items == null) return;
                    let text = '';
                    items.forEach(item => {
                        if (item.order) text += this.getExportText(item);
                    });
                    this.copyText(text);
                },
                getExportText(item) {
                    if (!item.order || !item.order.packages) return '';
                    let message = '';
                    let issue_type = item['issue_type'] ? item['issue_type'].name : '';
                    switch (issue_type) {
                        case '拦截':
                            message = this.interceptMessage(item);
                            break;
                        case '信息更改':
                            message = this.modificationMessage(item);
                            break;
                        default:
                            message = this.getMessage(item);
                            break;
                    }
                    return message;
                },
                interceptMessage(item) {
                    let message = '';
                    let order = item.order;
                    let order_packages = item.order ? item.order.packages : [];
                    let logistic_code = item.order ? (item.order['logistic'] ? item.order['logistic'].code : '') : ''; // 承运商编码
                    let logistic_name = item.order ? (item.order['logistic'] ? item.order['logistic'].name : '') : ''; // 承运商名称

                    let {consignee_name, consignee_phone, address} = order;
                    let order_adder = `${consignee_name}  ${consignee_phone}  ${address}`;

                    order_packages.forEach(item => {
                        let logistic_number = item.logistic_number;
                        if (logistic_code.includes('SF') || logistic_code.includes('ZTO')) {
                            message += `${logistic_number}\n`;
                        } else {
                            if (item) message += `${logistic_name}  ${logistic_number}  ${order_adder}\n`;
                        }
                    });
                    message = message.trim() + ' ——拦截\n';
                    return message;
                },
                modificationMessage(item) {
                    let message = '';
                    let {remark, order} = item;
                    let order_packages = item.order ? item.order.packages : [];
                    let logistic_code = item.order ? (item.order['logistic'] ? item.order['logistic'].code : '') : '';

                    const {consignee_name, consignee_phone, province, city, district, address} = order;
                    let adder = `${consignee_name}  ${consignee_phone}  ${province}  ${city}  ${district}  ${address}`;

                    order_packages.forEach(node => {
                        let logistic_number = node.logistic_number;
                        if (logistic_code.includes('SF')) { // 顺丰订单
                            message += `${logistic_number}   ——改信息:${remark},运费到付或月结\n`;
                        } else {
                            message += `${logistic_number}  ${adder}  ——改地址 ${remark}\n`;
                        }
                    });
                    return message;
                },
                getMessage(item) {
                    let message = '';
                    if (!item.order.packages) return message;
                    let {order, remark} = item;
                    let {consignee_name, consignee_phone, province, city, district, address} = order;
                    let adder = `${consignee_name}  ${consignee_phone}  ${province}  ${city}  ${district}  ${address}`;
                    order.packages.forEach(e => {
                        message += `${e.logistic_number}  ${adder}  ——问题描述 ${remark}\n`;
                    });
                    return message;
                },
                copyText(text) {
                    let ele = document.querySelector('#copy_text');
                    if (ele == null) {
                        ele = document.createElement("textarea");
                        ele.setAttribute('id', 'copy_text')
                        ele.style.opacity = 0;
                        document.querySelector('body').append(ele);
                    }
                    try {
                        $("#copy_text").text(text).select().focus();
                        document.execCommand("Copy");
                        tempTip.showSuccess('复制成功')
                    } catch (e) {
                        tempTip.showSuccess('复制失败：' + e)
                    }
                },
                copyLogisticNumber() {
                    let items = this.getMessageWorkOrder();
                    let logistic_numbers = '';
                    items.forEach(item => {
                        item.order.packages.forEach(node => {
                            logistic_numbers += `${node.logistic_number}\n`;
                        });
                    })
                    this.copyText(logistic_numbers);
                },
                destroy(item, i) {
                    window.tempTip.confirm('是否删除当前工单', () => {
                        let url = '{{url('apiLocal/workOrder/')}}' + '/' + item.id;
                        window.tempTip.waitingTip('删除.........');
                        window.axios.delete(url).then(res => {
                            if (res.data.success) {
                                window.tempTip.cancelWaitingTip();
                                window.tempTip.showSuccess('删除成功');
                                this.$delete(this.workOrders, i);
                            } else {
                                window.tempTip.cancelWaitingTip();
                                window.tempTip.show(res.data.message ? res.data.message : '');
                            }
                        }).catch(err => {
                            window.tempTip.cancelWaitingTip();
                            window.tempTip.show(err);
                        })
                    })
                },
                spliceImage(i, images) {
                    window.tempTip.setIndex(1999);
                    window.tempTip.confirm('是否取消选择该图片', () => {
                        images.splice(i, 1);
                    });
                },
                setFormDataImagePrefix(formData, prefix, images) {
                    images.forEach((item, i) => {
                        formData.append(`${prefix}[]`, item);
                    });
                },
                getImages(images) {
                    return images.map((item) => {
                        return item.file;
                    })
                },
                pasteImage(event, imageArray) {
                    for (let i = 0; i < event.clipboardData.items.length; i++) {
                        let item = event.clipboardData.items[i];
                        if (item.kind === 'string') continue;
                        if (item.type.indexOf('image') === -1) continue;
                        if (item.kind === 'file') {
                            let blob = item.getAsFile();
                            let src = null;
                            this.blobToBase64(blob).then(res => {
                                src = res;
                                imageArray.push({src: src, file: blob});
                            });
                        }
                    }
                    event.preventDefault();
                },
                pasteRefundImagesOrReissueLogisticNumber(event, refundImages) {
                    for (let i = 0; i < event.clipboardData.items.length; i++) {
                        let item = event.clipboardData.items[i];
                        if (item.kind === 'string') continue
                        if (item.type.indexOf('image') === -1) continue;
                        if (item.kind === 'file') {
                            this.ownerEditWorkOrder.reissue_logistic_number = null;
                            let blob = item.getAsFile();
                            let src = null;
                            this.blobToBase64(blob).then(res => {
                                src = res;
                                refundImages.push({src: src, file: blob});
                                if (refundImages.length > 0) {
                                    let div = $("#refund-image");
                                    div.html(div.children());
                                }
                            });
                        }
                    }
                    event.preventDefault();
                },
                editOwnerReissueLogisticNumber() {
                    let reissue_logistic_number = this.$refs['refund-image-edit-reissue_logistic_number'].innerHTML;
                    if (this.ownerEditWorkOrder.refundImages.length === 0) this.ownerEditWorkOrder.reissue_logistic_number = reissue_logistic_number;
                    else {
                        let div = $("#refund-image");
                        div.html(div.children());
                    }
                },
                editReissueLogisticNumber() {
                    let reissue_logistic_number = this.$refs['refund-image-reissue_logistic_number'].innerHTML;
                    if (this.ownerEditWorkOrder.refundImages.length === 0) this.ownerEditWorkOrder.reissue_logistic_number = reissue_logistic_number;
                    else {
                        let div = $("#refund-image");
                        div.html(div.children());
                    }
                },
                blobToBase64(blob) {
                    return new Promise((resolve, reject) => {
                        const fileReader = new FileReader();
                        fileReader.onload = (e) => {
                            resolve(e.target.result);
                        };
                        fileReader.readAsDataURL(blob);
                        fileReader.onerror = () => {
                            reject(new Error('blobToBase64 error'));
                        };
                    });
                },
                getOrderCommodity(item) {
                    return new Promise((resolve, reject) => {
                        let url = '{{route('order.commodity.getCommoditiesApi')}}';
                        let data = {orderNo: item ? (item.order ? item.order.code : '') : ''};
                        window.axios.post(url, data).then(res => {
                            if (res.data.success) {
                                resolve(res.data.data);
                            }
                        }).catch(err => {
                            reject(err);
                        });
                    });
                },
                countCommoditiesByLogisticNumber(items) {
                    if (items.length === 0) return [];
                    let commodities = JSON.parse(JSON.stringify(items));
                    this.ownerGroupCommodities(commodities);
                    return commodities;
                },
                ownerGroupCommodities(items) {
                    items.forEach(e => e.count = 0);
                    let index = 0;
                    let logistic_number = items[0]['logistic_number'];
                    let count = 0;
                    items.forEach((e, i) => {
                        let cur_logistic_number = e.logistic_number,
                            process_result_info = e.process_result_info,
                            isAdd = false, isAddRow = false;
                        if (process_result_info && (process_result_info.indexOf('商家做入库单') >= 0 || process_result_info.indexOf('商家做出库单') >= 0)) {
                            isAddRow = true;
                        }
                        if (cur_logistic_number === logistic_number) {
                            count++;
                            if (isAddRow) count++;
                            if (isAdd) count++;
                        } else if (cur_logistic_number !== logistic_number) {
                            logistic_number = cur_logistic_number;
                            items[index]['count'] = count;
                            index = i;
                            count = 1;
                            if (isAdd) count++;
                            if (isAddRow) count++;
                        }
                        items[index]['count'] = count;
                    });
                },
                reviseMistakeWorkOrder(item) {
                    if (item.process_result === '多发，客户买下') {
                    } else if (item.process_result === '多发，客户退回') {
                        item.store_in_amount = null;
                        item.store_in_number = null;
                        item.reissue_logistic_number = null;
                        item.out_order_number = null;
                    }
                },
                getCurrentWorkOrderDetailId(workOrder) {
                    let items = workOrder.details.filter(item => {
                        return !['标记', '完成'].includes(item.tag);
                    });
                    if (items.length === 0) return null;
                    let item = items.shift();
                    return item.id;
                },
                sumPrice(workOrder) {
                    workOrder.price = workOrder.commodities.reduce((prev, cur) => {
                        return Number(prev) + Number(cur.price) * Number(cur.abnormal_amount);
                    }, 0);
                },
                getBadgeColor(tag) { // 标记 返回徽章标记
                    if (tag === '完成') return 'badge-success';
                    if (tag === '创建') return 'badge-primary';
                    return '';
                },

                // 宝时客服
                isBaoShiDispose(item) {
                    let {status} = item;
                    return status === '宝时处理';
                },
                isBaoShiEdit(item) {
                    return item.last_status === '宝时处理';
                },
                isBaoShiReview(item) {
                    return item.status === '宝时终审';
                },
                baoShiShowEdit(item, index) {
                    this.selectIndex = index;
                    let {status, issue_type_name} = item;
                    this.baoShiEditWorkOrder.is_edit = true;
                    if ('错漏发' === issue_type_name) {
                        let {detail_id, commodities, process_progress} = item.pending_detail;
                        this.baoShiEditWorkOrder.issue_type_name = issue_type_name;
                        this.baoShiEditWorkOrder.detail_id = detail_id;
                        this.baoShiEditWorkOrder.status = status;
                        this.baoShiEditWorkOrder.process_progress = process_progress;
                        this.baoShiEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        this.dialogEditBaoShiVisible = true;
                    }
                },
                baoShiShowDispose(item, index) {
                    let {status, process_progress} = item;
                    let {issue_type_name, detail_id, commodities} = item.pending_detail;
                    this.baoShiEditWorkOrder.is_edit = false;
                    this.selectIndex = index;
                    this.baoShiEditWorkOrder.issue_type_name = issue_type_name;
                    this.baoShiEditWorkOrder.detail_id = detail_id;
                    this.baoShiEditWorkOrder.status = status;
                    this.baoShiEditWorkOrder.process_progress = null;
                    if ("拦截" === issue_type_name) {
                        this.baoShiEditWorkOrder.prev_process_progress = process_progress;
                        this.dialogShowBaoShiVisible = true
                    } else if ("信息更改" === issue_type_name) {
                        this.dialogShowBaoShiVisible = true
                    } else if ("快递丢件" === issue_type_name) {
                        commodities.forEach(e => {
                            e.bao_shi_check_amount = e.abnormal_amount;
                        });
                        this.baoShiEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        this.dialogShowBaoShiVisible = true
                    } else if ('破损' === issue_type_name) {
                        commodities.forEach(e => {
                            e.bao_shi_check_amount = e.abnormal_amount;
                            e.process_result = '核实全部破损';
                        });
                        this.baoShiEditWorkOrder.process_progress = '全部赔偿';
                        this.baoShiEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        this.dialogShowBaoShiVisible = true
                    } else if ('快递异常' === issue_type_name) {
                        this.selectIndex = index;
                        this.baoShiEditWorkOrder.status = status;
                        commodities.forEach(e => {
                            e.bao_shi_check_amount = e.check_amount;
                        });
                        this.baoShiEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        this.dialogShowBaoShiVisible = true
                    } else if ('错漏发' === issue_type_name) {
                        commodities.forEach(e => {
                            e.bao_shi_check_amount = e.amount;
                            if ('宝时处理' === status) {
                                e.check_result = null;
                                e.check_result = '核实未错漏发';
                            }
                        });
                        if ('宝时处理' === status) this.baoShiEditWorkOrder.process_progress = '核实未错漏发';
                        this.baoShiEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        this.dialogShowBaoShiVisible = true
                    } else if ('取消拦截' === issue_type_name) {
                        this.dialogShowBaoShiVisible = true
                    }
                },
                baoShiEdit() {
                    let {status, commodities, issue_type_name, process_progress, detail_id} = this.baoShiEditWorkOrder;
                    if ('拦截' === issue_type_name) {
                        let res = this.checkBaoShiEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = "{{route('workOrder.intercept.baoShi.reviewApi')}}";
                        let formData = {detail_id: detail_id, process_progress: process_progress}
                        this.baoShiEditProcess(url, formData);
                    } else if ('信息更改' === issue_type_name) {
                        let res = this.checkBaoShiEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = "{{route('workOrder.informationChange.baoShi.reviewApi')}}";
                        let formData = {detail_id: detail_id, process_progress: process_progress}
                        this.baoShiEditProcess(url, formData);
                    } else if ('快递丢件' === issue_type_name) {
                        let url = '{{route('workOrder.loss.baoShi.reviewApi')}}';
                        let formData = new FormData();
                        formData.append('detail_id', detail_id);
                        commodities.forEach(e => {
                            formData.append("commodities[]", JSON.stringify(e));
                        });
                        this.baoShiEditProcess(url, formData);
                    } else if ('破损' === issue_type_name) {
                        let res = this.checkBaoShiEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = '{{route('workOrder.damage.baoShi.reviewApi')}}';
                        let formData = new FormData();
                        formData.append('detail_id', this.baoShiEditWorkOrder.detail_id);
                        formData.append('process_progress', process_progress);
                        commodities.forEach(e => {
                            formData.append("commodities[]", JSON.stringify(e));
                        });
                        this.baoShiEditProcess(url, formData);

                    } else if ('快递异常' === issue_type_name) {
                        let res = this.checkBaoShiEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = '{{route('workOrder.expressAbnormal.baoShi.reviewApi')}}';
                        let formData = new FormData();
                        formData.append('detail_id', detail_id);
                        formData.append('process_progress', process_progress);
                        commodities.forEach(e => {
                            formData.append("commodities[]", JSON.stringify(e));
                        });
                        this.baoShiEditProcess(url, formData);
                    } else if ('错漏发' === issue_type_name) {
                        if (this.baoShiEditWorkOrder.is_edit) {
                            // 默认为编辑
                            let res = this.checkBaoShiEditWorkOrder();
                            if (!res.success) {
                                this.errorTempTip(res.message);
                                return;
                            }
                            let url = '{{route('workOrder.mistake.baoShi.handleApi')}}';
                            let formData = new FormData();
                            formData.append('detail_id', detail_id);
                            formData.append('process_progress', '已核实');
                            commodities.forEach(e => {
                                formData.append("commodities[]", JSON.stringify(e));
                            });
                            this.baoShiEditProcess(url, formData);
                        } else {
                            if ('宝时处理' === status) {
                                let res = this.checkBaoShiEditWorkOrder();
                                if (!res.success) {
                                    this.errorTempTip(res.message);
                                    return;
                                }
                                let url = '{{route('workOrder.mistake.baoShi.handleApi')}}';
                                let formData = new FormData();
                                formData.append('detail_id', detail_id);
                                formData.append('process_progress', '已核实');
                                commodities.forEach(e => {
                                    formData.append("commodities[]", JSON.stringify(e));
                                });
                                this.baoShiEditProcess(url, formData);
                            } else if ('宝时终审' === status) {
                                this.baoShiAutoComputeMistakeProcessProcess();
                                let res = this.checkBaoShiEditWorkOrder();
                                if (!res.success) {
                                    this.errorTempTip(res.message);
                                    return;
                                }
                                let url = '{{route('workOrder.mistake.baoShi.reviewApi')}}';
                                let formData = new FormData();
                                formData.append('detail_id', detail_id);
                                formData.append('process_progress', this.baoShiEditWorkOrder.process_progress);
                                commodities.forEach(e => {
                                    formData.append("commodities[]", JSON.stringify(e));
                                });
                                this.baoShiEditProcess(url, formData);
                            }
                        }
                    } else if ('取消拦截' === issue_type_name) {
                        let res = this.checkBaoShiEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = "{{route('workOrder.cancelIntercept.baoShi.reviewApi')}}";
                        let formData = {detail_id: detail_id, process_progress: process_progress}
                        this.baoShiEditProcess(url, formData);
                    }
                },
                checkBaoShiEditWorkOrder() {
                    let {status} = this.baoShiEditWorkOrder;
                    if (['拦截', '信息更改'].includes(this.baoShiEditWorkOrder.issue_type_name)) {
                        if (this.baoShiEditWorkOrder.process_progress === null) {
                            return {success: false, message: '处理条件不能为空'};
                        }
                    } else if (['破损', '快递异常'].includes(this.baoShiEditWorkOrder.issue_type_name)) {
                        if (this.baoShiEditWorkOrder.process_progress === null) {
                            return {success: false, message: '处理条件不能为空'};
                        }
                        let filers = this.baoShiEditWorkOrder.commodities.filter(e => {
                            return e.process_result === null || e.process_result.length <= 0;
                        });
                        if (filers.length > 0) {
                            return {success: false, message: '商品详情中处理结果不能为空'};
                        }
                    } else if ('错漏发' === this.baoShiEditWorkOrder.issue_type_name) {
                        if ('宝时终审' === status) {
                            if (this.baoShiEditWorkOrder.process_progress === null || this.baoShiEditWorkOrder.process_progress === '') {
                                return {success: false, message: '处理条件不能为空'};
                            }
                            let message = null
                            this.baoShiEditWorkOrder.commodities.forEach(e => {
                                let {reissue_logistic_number, check_result, end_handle_result, store_in_number} = e;
                                if (!message) {
                                    if (!end_handle_result) message = '选择处理结果';
                                    else if (end_handle_result.indexOf('补发') >= 0 && !reissue_logistic_number) message = '补发单不能为空';
                                    else if (end_handle_result.indexOf('入库') >= 0 && !store_in_number) message = '入库单号不能为空';
                                }
                            });
                            if (message) {
                                return {success: false, message: message};
                            }
                        } else if ('宝时补发' === status) {
                            if (this.baoShiEditWorkOrder.process_progress === null || this.baoShiEditWorkOrder.process_progress === '') {
                                return {success: false, message: '处理条件不能为空'};
                            }
                            let filers = this.baoShiEditWorkOrder.commodities.filter(e => {
                                return e.check_result === null || e.check_result.length <= 0;
                            });
                            if (filers.length > 0) {
                                return {success: false, message: '商品详情中处理结果不能为空'};
                            }
                            let message = null
                            this.baoShiEditWorkOrder.commodities.forEach(e => {
                                if (message) {
                                } else if ('宝时补发' === e.end_handle_result && (!e.reissue_logistic_number || e.reissue_logistic_number.trim().length === 0)) {
                                    message = '补发单号为必填';
                                }
                            });
                            if (message) {
                                return {success: false, message: message};
                            }
                        }
                    }
                    return {success: true};
                },
                baoShiEditProcess(url, formData) {
                    this.waitingTempTip('处理中');
                    window.axios.post(url, formData).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.sortOrder(res.data.data);
                            res.data.data.is_issue_order = 'order_issue' in res.data.data;
                            this.$set(this.workOrders, this.selectIndex, res.data.data);
                            this.successTempTip('处理完成');
                            if (this.baoShiEditWorkOrder.is_edit) this.dialogEditBaoShiVisible = false
                            else this.dialogShowBaoShiVisible = false
                        } else {
                            this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新页面重试');
                        }
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    });
                },
                getBaoShiProcessProgress() {
                    let {issue_type_name, process_progress, prev_process_progress} = this.baoShiEditWorkOrder;
                    let items = [
                        {issue_type_name: '拦截', option: {success: ['成功已退回,不赔偿', '拦截在途丢件，赔偿'], failed: ['无法拦截']}},
                        {issue_type_name: '取消拦截', option: ['已签收', '已退回']},
                        {issue_type_name: '信息更改', option: ['更改成功', '更改失败'],},
                        {issue_type_name: '快递异常', option: ['丢件赔偿', '签收成功']},
                        {issue_type_name: '错漏发', option: ['已补发', '已入库'],},
                        {issue_type_name: '破损', option: ['全部赔偿', '部分赔偿', '不赔偿'],},
                    ];
                    let item = items.find(e => e.issue_type_name === issue_type_name);
                    if (issue_type_name === '拦截') {
                        if (['拦截成功', '已处理', '拦截退回中'].includes(prev_process_progress)) return item.option.success;
                        else if (['拦截失败', '已签收'].includes(prev_process_progress)) return item.option.failed;
                    }
                    return item ? item.option : [];
                },
                getBaoShiProcessResults() {
                    let {issue_type_name} = this.baoShiEditWorkOrder;
                    let items = [
                        {issue_type_name: '拦截', option: ['拦截成功', '拦截失败']},
                        {issue_type_name: '信息更改', option: ['更改成功', '更改失败'],},
                        {issue_type_name: '快递异常', option: ['赔偿', '不赔偿'],},
                        {issue_type_name: '错漏发', option: ['核实少发', '核实多发', '核实未错漏发']},
                        {issue_type_name: '破损', option: ['核实全部破损', '核实部分破损', '核实未破损'],},
                        {issue_type_name: '快递丢件', option: ['拦截成功', '丢件赔偿'],},
                    ];
                    let item = items.find(e => e.issue_type_name === issue_type_name);
                    return item ? item.option : [];
                },
                getBaoShiProcessResultByItem(item) {

                },
                getBaoShiEndHandleResult(commodity) {
                    let {process_result} = commodity;
                    let items = [
                        {process_result: '多发，客户买下', option: ['已完成出库']},
                        {process_result: '多发，客户退回', option: ['已退回仓库', '完成']},
                        {process_result: '少发，宝时补发', option: ['宝时补发']},
                        {process_result: '少发，不补发', option: ['已完成入库']},
                        {process_result: '核实未错漏发', option: ['确认未错漏发']},
                    ];
                    return items.filter(e => process_result === e.process_result).map(e => e.option).shift() ?? [];

                },
                getOwnerMistakeProcessResultInfo(process_result, item) {
                    let items = [
                        {process_result: "少发，宝时补发", option: ['商家不做单'],},
                        {process_result: "多发，客户买下", option: ['商家做出库单（物流选自提，宝时不发货）'],},
                        {process_result: "多发，客户退回", option: ['客户自行退回（提供退回单号）', '宝时上门取件（提供寄件信息，地址，联系人，电话）'],},
                        {process_result: "少发，不补发", option: ['商家做入库单，选择明细和数量'],},
                        {process_result: "核实未错漏发", option: ['确认未错漏发'],},
                    ];
                    let options = items.filter(e => e.process_result === process_result).map(e => e.option).shift() ?? [];
                    if (options.length === 0) {
                        item.process_result_info = options[0];
                    }
                    return options
                },
                baoShiDamageWorkOrderAuto(item) {
                    let abnormal_amount = Number(item.abnormal_amount),
                        check_amount = Number(item.bao_shi_check_amount);
                    if (check_amount === 0) item.process_result = '核实未破损';
                    else if (abnormal_amount > check_amount) item.process_result = '核实部分破损';
                    else if (abnormal_amount === check_amount) item.process_result = '核实全部破损';
                    this.countBaoShiDamageWorkOrderAuto();
                },
                countBaoShiDamageWorkOrderAuto() {
                    let data = {allCompensate: 0, partiallyCompensate: 0, notCompensate: 0};
                    this.baoShiEditWorkOrder.commodities.forEach(e => {
                        let abnormal_amount = Number(e.abnormal_amount),
                            bao_shi_check_amount = Number(e.bao_shi_check_amount);
                        if (bao_shi_check_amount === 0) {
                            data.notCompensate += 1;
                        } else if (abnormal_amount > bao_shi_check_amount) {
                            data.partiallyCompensate += 1;
                        } else if (abnormal_amount === bao_shi_check_amount) {
                            data.allCompensate += 1;
                        }
                    });
                    if (data.partiallyCompensate === 0 && data.allCompensate === 0 && data.notCompensate > 0) this.baoShiEditWorkOrder.process_progress = '不赔偿';
                    else if (data.partiallyCompensate > 0 || (data.partiallyCompensate > 0 || data.notCompensate > 0)) this.baoShiEditWorkOrder.process_progress = '部分赔偿';
                    else if (data.allCompensate > 0 && data.partiallyCompensate === 0 && data.notCompensate === 0) this.baoShiEditWorkOrder.process_progress = '全部赔偿';
                },
                baoShiChangeExpressAbnormal(item) {
                    if (item.process_result === '赔偿') this.baoShiEditWorkOrder.process_progress = '丢件赔偿';
                    else if (item.process_result === '不赔偿') this.baoShiEditWorkOrder.process_progress = '签收成功';
                },
                computeBaoShiMistakeCheckResult(item) {
                    let amount = Number(item.amount);
                    let bao_shi_check_amount = Number(item['bao_shi_check_amount']);
                    item.check_result = amount === bao_shi_check_amount ? '核实未错漏发' : (amount < bao_shi_check_amount ? '核实多发' : '核实少发')
                },
                computeBaoShiMistakeProcess() {
                    let less = 0, mary = 0, not = 0;
                    this.baoShiEditWorkOrder.commodities.forEach(e => {
                        if (e.process_result_info.indexOf("少发") !== -1) less++;
                        else if (e.process_result_info.indexOf("多发") !== -1) mary++;
                        else if (e.process_result_info) not++;
                    });
                    this.baoShiEditWorkOrder.process_progress = '';
                },
                autoComputeBaoShiMistake() {
                    let store_in = 0, out_in = 0, noMistake = 0; //  store_in 不补发 out_in 补发
                    this.baoShiEditWorkOrder.commodities.forEach(e => {
                        let {end_handle_result} = e;
                        if (end_handle_result.indexOf('补发') >= 0) out_in++;
                        else if (end_handle_result.indexOf('入库') >= 0) store_in++;
                        else if (end_handle_result.indexOf('退回') >= 0) store_in++;
                        else if (end_handle_result.indexOf('完成') >= 0) store_in++;
                        else if (end_handle_result.indexOf('未错漏发')) noMistake++;
                    });
                    // 补发 不补发
                    if (out_in > store_in) this.baoShiEditWorkOrder.process_progress = '已补发';
                    else if (out_in < store_in) this.baoShiEditWorkOrder.process_progress = '已入库';
                    else if (noMistake > 0) this.baoShiEditWorkOrder.process_progress = '确认未错漏发';
                },
                baoShiAutoComputeMistakeProcessProcess() {  //
                    let all = 0, reissue = 0, store = 0, process_progress = ''; // 未错漏发 补发 入库
                    this.baoShiEditWorkOrder.commodities.forEach(e => {
                        let {end_handle_result} = e;
                        if (end_handle_result.indexOf('补发') >= 0 || end_handle_result.indexOf('出库') >= 0) reissue++;
                        else if (end_handle_result.indexOf('退回') >= 0 || end_handle_result.indexOf('完成') >= 0) store++;
                        else if (end_handle_result.indexOf('已完成入库') >= 0) store++;
                        else if (end_handle_result.indexOf('完成出库') >= 0) reissue++;
                        else if (end_handle_result.indexOf('确认未错漏发') >= 0) all++;
                    });
                    if (reissue > 0) process_progress = '已补发';
                    else if (store > 0) process_progress = '已入库';
                    else if (all > 0) process_progress = '确认未错漏发';
                    else process_progress = '确认未错漏发';
                    this.baoShiEditWorkOrder.process_progress = process_progress;
                },
                baoShiGroupCommodities(items) {
                    items.forEach(e => e.count = 0);
                    let index = 0;
                    let logistic_number = items[0]['logistic_number'];
                    let count = 0;
                    items.forEach(e => e.count = 0);
                    items.forEach((e, i) => {
                        let cur_logistic_number = e.logistic_number,
                            {process_result_info, end_handle_result} = e,
                            isAdd = false, isAddRow = false;
                        if (process_result_info) {
                            if (process_result_info.indexOf('补发') >= 0 ||
                                process_result_info.indexOf('完成') >= 0 ||
                                process_result_info.indexOf('入库') >= 0 ||
                                process_result_info.indexOf('商家做出库单') >= 0 ||
                                process_result_info.indexOf('商家做入库单') >= 0 ||
                                process_result_info.indexOf('商家不做单') >= 0) {
                                isAddRow = true;
                            }
                        }
                        if (cur_logistic_number === logistic_number) {
                            count++;
                            if (isAddRow) count++;
                            if (isAdd) count++;
                        } else if (cur_logistic_number !== logistic_number) {
                            logistic_number = cur_logistic_number;
                            items[index]['count'] = count;
                            index = i;
                            count = 1;
                            if (isAdd) count++;
                            if (isAddRow) count++;
                        }
                        items[index]['count'] = count;
                    });
                },

                // 承运商
                isLogisticDispose(item) {
                    let {issue_type_name, status} = item;
                    return ['拦截', '信息更改', '快递异常', '破损', '快递丢件', '取消拦截'].includes(issue_type_name) && status === '承运商处理';
                },
                canLogisticEdit(item) {
                    let {issue_type_name, last_status, status} = item;
                    if (status === '完成') return false;
                    else return ['拦截', '信息更改', '快递异常', '破损', '快递丢件', '取消拦截'].includes(issue_type_name) && last_status === '承运商处理';
                },
                logisticShowEdit(item, index) {
                    let {issue_type_name, detail_id, commodities} = item.pending_detail;
                    this.logisticEditWorkOrder.is_edit = true;
                    this.selectIndex = index;
                    this.logisticEditWorkOrder.issue_type_name = issue_type_name;
                    this.logisticEditWorkOrder.detail_id = detail_id;
                    this.logisticEditWorkOrder.process_progress = item.process_progress;
                    if ('拦截' === issue_type_name) {
                        this.dialogEditLogisticVisible = true;
                    } else if ('信息更改' === issue_type_name) {
                        this.dialogEditLogisticVisible = true;
                    } else if ('快递异常' === issue_type_name) {
                        this.logisticEditWorkOrder.commodities = item.pending_detail.commodities.map(e => e);
                        this.dialogEditLogisticVisible = true;
                    } else if ('破损' === issue_type_name) {
                        this.countByCommodities(commodities);
                        this.logisticEditWorkOrder.commodities = commodities;
                        this.dialogEditLogisticVisible = true;
                    } else if ('取消拦截' === issue_type_name) {
                        this.dialogEditLogisticVisible = true;
                    }
                },
                logisticShowDispose(item, index) {
                    let {status} = item.issue_type_name;
                    let {issue_type_name, detail_id, commodities} = item.pending_detail;
                    this.logisticEditWorkOrder.is_edit = false;
                    if (issue_type_name === '拦截') {
                        this.selectIndex = index;
                        this.logisticEditWorkOrder.issue_type_name = issue_type_name;
                        this.logisticEditWorkOrder.detail_id = detail_id;
                        this.logisticEditWorkOrder.process_progress = null;
                        this.dialogShowLogisticVisible = true;
                    } else if (issue_type_name === '信息更改') {
                        this.selectIndex = index;
                        this.logisticEditWorkOrder.issue_type_name = issue_type_name;
                        this.logisticEditWorkOrder.detail_id = detail_id;
                        this.logisticEditWorkOrder.process_progress = null;
                        this.dialogShowLogisticVisible = true;
                    } else if ('快递丢件' === issue_type_name) {
                        this.selectIndex = index;
                        this.logisticEditWorkOrder.detail_id = item.pending_detail.detail_id;
                        this.logisticEditWorkOrder.issue_type_name = issue_type_name;
                        this.logisticEditWorkOrder.status = status;
                        let commodities = item.pending_detail.commodities;
                        commodities.forEach(e => {
                            e.check_amount = e.abnormal_amount;
                        });
                        this.logisticEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        this.dialogShowLogisticVisible = true;
                    } else if ('破损' === issue_type_name) {
                        this.selectIndex = index;
                        this.logisticEditWorkOrder.detail_id = item.pending_detail.detail_id;
                        this.logisticEditWorkOrder.issue_type_name = issue_type_name;
                        this.logisticEditWorkOrder.status = status;
                        let commodities = item.pending_detail.commodities;
                        commodities.forEach(e => {
                            e.check_amount = e.amount;
                            e.check_result = '核实全部破损';
                        });
                        this.logisticEditWorkOrder.process_progress = '核实全部破损'
                        this.logisticEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        this.dialogShowLogisticVisible = true;
                    } else if ('快递异常' === issue_type_name) {
                        this.selectIndex = index;
                        this.logisticEditWorkOrder.detail_id = detail_id;
                        this.logisticEditWorkOrder.issue_type_name = issue_type_name;
                        this.logisticEditWorkOrder.status = status;
                        this.logisticEditWorkOrder.process_progress = null;
                        let commodities = item.pending_detail.commodities;
                        commodities.forEach(e => {
                            e.check_amount = e.abnormal_amount;
                        });
                        this.logisticEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        this.dialogShowLogisticVisible = true;
                    } else if ('取消拦截') {
                        this.selectIndex = index;
                        this.logisticEditWorkOrder.detail_id = detail_id;
                        this.logisticEditWorkOrder.issue_type_name = issue_type_name;
                        this.logisticEditWorkOrder.status = status;
                        this.logisticEditWorkOrder.process_progress = null;
                        this.dialogShowLogisticVisible = true;
                    }
                },
                logisticCheckDamage() {
                    let {commodities} = this.logisticEditWorkOrder;
                    return commodities.filter(e => Number(e.price) === 0 && e.check_result !== '核实未破损').length === 0;
                },
                logisticEdit() {
                    let {issue_type_name, commodities, detail_id, process_progress} = this.logisticEditWorkOrder;
                    if (issue_type_name === '拦截') {
                        let res = this.checkLogisticEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = "{{route('workOrder.intercept.logistic.handlerApi')}}";
                        let data = {detail_id: detail_id, process_progress: process_progress};
                        this.logisticEditProcess(data, url);
                    } else if (issue_type_name === '信息更改') {
                        let res = this.checkLogisticEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = "{{route('workOrder.informationChange.logistic.handlerApi')}}";
                        let data = {detail_id: detail_id, process_progress: process_progress};
                        this.logisticEditProcess(data, url);
                    } else if (issue_type_name === '破损') {
                        let res = this.checkLogisticEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        if (!this.logisticCheckDamage()) {
                            this.errorTempTip('破损商待补充，工单暂不可修改');
                            return;
                        }
                        let url = '{{route('workOrder.damage.logistic.handlerApi')}}';
                        let formData = new FormData();
                        formData.append('detail_id', detail_id);
                        formData.append('process_progress', process_progress);
                        commodities.forEach(e => {
                            formData.append('commodities[]', JSON.stringify(e));
                        });
                        this.logisticEditProcess(formData, url);
                    } else if ('快递异常' === issue_type_name) {
                        let res = this.checkLogisticEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = '{{route('workOrder.expressAbnormal.logistic.handlerApi')}}';
                        let formData = new FormData();
                        formData.append('detail_id', detail_id);
                        formData.append('process_progress', process_progress);
                        commodities.forEach(e => {
                            formData.append('commodities[]', JSON.stringify(e));
                        });
                        this.logisticEditProcess(formData, url);
                    } else if ('取消拦截' === issue_type_name) {
                        let res = this.checkLogisticEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = '{{route('workOrder.cancelIntercept.logistic.handlerApi')}}';
                        let formData = new FormData();
                        formData.append('detail_id', detail_id);
                        formData.append('process_progress', process_progress);
                        this.logisticEditProcess(formData, url);
                    }
                },
                logisticEditProcess(data, url) {
                    this.waitingTempTip('处理中')
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.sortOrder(res.data.data);
                            this.$set(this.workOrders, this.selectIndex, res.data.data);
                            this.successTempTip('处理完成');
                            if (this.logisticEditWorkOrder.is_edit) this.dialogEditLogisticVisible = false;
                            else this.dialogShowLogisticVisible = false;
                        } else {
                            this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新当前页面重试');
                        }
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    });
                },
                checkLogisticEditWorkOrder() {
                    if (this.logisticEditWorkOrder.process_progress === null) {
                        return {success: false, message: '处理结果为必选项'};
                    }
                    let filers = this.logisticEditWorkOrder.commodities.filter(item => {
                        return item.check_result.length === 0;
                    });
                    if (filers.length > 0) {
                        return {success: false, message: '商品详情的核实结果不能为空'};
                    }

                    return {success: true};
                },
                getLogisticCheckResult() {
                    let {issue_type_name} = this.logisticEditWorkOrder;
                    let items = [
                        {issue_type_name: '快递异常', option: ['已签收', '拦截退回']},
                        {issue_type_name: '破损', option: ['核实全部破损', '核实部分破损', '核实未破损']},
                    ];
                    let item = items.find(e => e.issue_type_name === issue_type_name);
                    return item ? item.option : [];
                },
                getLogisticProcessProgress() {
                    let {issue_type_name} = this.logisticEditWorkOrder;
                    let items = [
                        {issue_type_name: '拦截', option: ['拦截失败', '拦截退回中']},
                        {issue_type_name: '信息更改', option: ['已签收', '无法更改']},
                        {issue_type_name: '快递异常', option: ['已处理', '已拦截']},
                        {issue_type_name: '破损', option: ['核实全部破损', '核实部分破损', '核实未破损']},
                        {issue_type_name: '取消拦截', option: ['正常派送', '无法取消拦截']},
                    ];
                    let item = items.find(e => e.issue_type_name === issue_type_name);
                    return item ? item.option : [];
                },
                logisticDamageWorkOrderAuto(item) {
                    let abnormal_amount = Number(item.abnormal_amount),
                        check_amount = Number(item.check_amount);
                    if (check_amount === 0) item.check_result = '核实未破损';
                    else if (abnormal_amount > check_amount) item.check_result = '核实部分破损';
                    else if (abnormal_amount === check_amount) item.check_result = '核实全部破损';
                    this.countLogisticDamageWorkOrderAuto();
                },
                logisticChangeExpressAbnormal(item) {
                    this.logisticEditWorkOrder.process_progress = item.check_result;
                },
                countLogisticDamageWorkOrderAuto() {
                    let data = {allDamage: 0, partiallyDamage: 0, notDamage: 0};
                    this.logisticEditWorkOrder.commodities.forEach(e => {
                        let abnormal_amount = Number(e.abnormal_amount),
                            check_amount = Number(e.check_amount);
                        if (check_amount === 0) {
                            data.notDamage += 1;
                        } else if (abnormal_amount > check_amount) {
                            data.partiallyDamage += 1;
                        } else if (abnormal_amount === check_amount) {
                            data.allDamage += 1;
                        }
                    });
                    if (data.partiallyDamage === 0 && data.allDamage === 0 && data.notDamage > 0) this.logisticEditWorkOrder.process_progress = '核实未破损';
                    else if (data.partiallyDamage > 0 || (data.partiallyDamage > 0 || data.notDamage > 0)) this.logisticEditWorkOrder.process_progress = '核实部分破损';
                    else if (data.allDamage > 0 && data.partiallyDamage === 0 && data.notDamage === 0) this.logisticEditWorkOrder.process_progress = '核实全部破损'
                },
                canTagWorkOrder(item) {
                    let {pending_detail, status, issue_type_name} = item;
                    if (status !== '承运商处理') return false;
                    if (!['拦截', '取消拦截', '信息更改', '快递异常'].includes(issue_type_name)) return false;
                    let {logistic_handle_tag} = pending_detail;
                    return logistic_handle_tag !== '承运商处理中';
                },
                isLogisticHandler(item) {
                    if (item.status !== '承运商处理' && item.issue_type_name !== '拦截') return false;
                    let logistic_handle_tag = item.pending_detail ? item.pending_detail.logistic_handle_tag : '';
                    return logistic_handle_tag === '承运商处理中';
                },
                tagWorkOrderHandler(item, index) {
                    let url = '{{route('workOrder.logistic.handlerTagApi')}}';
                    let data = {detail_id: item.pending_detail.detail_id};
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.successTempTip('标记处理中');
                            this.sortOrder(res.data.data);
                            this.$set(this.workOrders, index, res.data.data);
                        } else {
                            this.errorTempTip(res.data.message ? res.data.message : '处理工单出现异常');
                        }
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err.message)
                    });
                },

                // 商家
                isOwnerDispose(item) {
                    let {issue_type_name, status} = item;
                    if (issue_type_name === '快递丢件' && status === '货主处理') return true;
                    else if (issue_type_name === '错漏发' && status === '货主处理') return true;
                    return false;
                },
                canOwnerEdit(item) {
                    let {issue_type_name, status} = item;
                    if (issue_type_name === '信息更改' && status === '承运商处理') return true;
                    if (issue_type_name === '快递丢件' && status === '宝时终审') return true;
                    if (issue_type_name === '快递异常' && status === '承运商处理') return true;
                    if (issue_type_name === '破损' && status === '承运商处理') return true;
                    if (issue_type_name === '错漏发' && status === '宝时终审') return true;
                    else if (issue_type_name === '错漏发' && status === '宝时处理') return true;
                    return false;
                },
                canOwnerEnd(item) {
                    return item.status === '待货主完结';
                },
                ownerShowDispose(item, index) {
                    let issue_type_name = item.issue_type_name;
                    this.selectIndex = index;
                    this.ownerEditWorkOrder.is_edit = false;
                    this.ownerEditWorkOrder.detail_id = item.pending_detail.detail_id;      // 工单详情id
                    if (issue_type_name === '快递丢件' && item.status === '货主处理') {
                        this.waitingTempTip('获取数据中');
                        this.getOrderCommodity(item).then(res => {
                            res = this.countCommoditiesByLogisticNumber(res);
                            window.tempTip.cancelWaitingTip();
                            this.ownerEditWorkOrder.id = item.id;                                   // 工单id
                            this.selectIndex = index;
                            this.ownerEditWorkOrder.pirce = null;
                            this.ownerEditWorkOrder.status = item.status;
                            this.ownerEditWorkOrder.issue_type_name = issue_type_name;
                            let commodities = res.map(item => {
                                item.abnormal_amount = item.amount;
                                item.tag = 0;
                                item.price = 0;
                                item.reissue_logistic_number = null;
                                item.out_order_number = null;
                                item.store_in_amount = null;
                                return item;
                            }); //商品详情
                            this.ownerEditWorkOrder.commodities = this.groupShowWorkOrderCommodity(commodities);
                            this.ownerEditWorkOrder.reissue_logistic_number = null;                 //
                            this.ownerEditWorkOrder.logistic_number = null;                         //
                            this.ownerEditWorkOrder.refundImages = [];                              // 退款截图
                            this.ownerEditWorkOrder.dealImages = [];                                // 交易截图
                            this.dialogShowOwnerVisible = true;
                        }).catch(err => {
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip('获取数据异常')
                        });
                    } else if (issue_type_name === '错漏发' && item.status === '货主处理') {
                        let commodities = item.pending_detail.commodities;
                        commodities.forEach(e => {
                            e.check_amount = e.abnormal_amount;
                            e.reissue_logistic_number = null;
                            e.out_order_number = null;
                            e.store_in_amount = null;
                        });
                        this.ownerEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        this.ownerEditWorkOrder.status = item.status;
                        this.ownerEditWorkOrder.issue_type_name = issue_type_name;
                        this.autoComputeOwnerMistake();
                        this.dialogShowOwnerVisible = true;
                    }
                },
                ownerShowEdit(item, index) {
                    this.selectIndex = index;
                    let {issue_type_name, logistic_number, pending_detail, type, remark, status} = item;
                    let {price, remake, images, reissue_logistic_number} = pending_detail;
                    this.ownerEditWorkOrder.is_edit = true;
                    this.ownerEditWorkOrder.status = status;
                    this.ownerEditWorkOrder.price = price;
                    this.ownerEditWorkOrder.issue_type_name = issue_type_name;
                    this.ownerEditWorkOrder.logistic_number = logistic_number;
                    this.ownerEditWorkOrder.remake = remake;
                    this.ownerEditWorkOrder.type = type;
                    this.ownerEditWorkOrder.reissue_logistic_number = reissue_logistic_number;

                    this.ownerEditWorkOrder.detail_id = pending_detail.detail_id;
                    this.ownerEditWorkOrder.packageImages = images.filter(e => e.type === '外包装图片');
                    this.ownerEditWorkOrder.commodityImages = images.filter(e => e.type === '内物破碎图片');
                    this.ownerEditWorkOrder.dealImages = images.filter(e => e.type === '交易截图');
                    this.ownerEditWorkOrder.refundImages = images.filter(e => e.type === '退款成功截图');
                    this.ownerEditWorkOrder.process_progress = item.process_progress;
                    this.ownerEditWorkOrder.remark = remark;
                    let work_order_commodities = pending_detail.commodities ? pending_detail.commodities : [];
                    work_order_commodities = JSON.parse(JSON.stringify(work_order_commodities));
                    if ('快递异常' === issue_type_name) {
                        let {order} = item;
                        let {packages} = order;
                        let items = packages.map(e => {
                            return {logistic_number: e.logistic_number, selected: false, is_created: true}
                        });

                        let logistic_numbers = pending_detail.commodities.map(e => {
                            return {logistic_number: e.logistic_number, selected: true, is_created: false, id: e.id}
                        });
                        items.forEach(item => {
                            let data = logistic_numbers.find(e => e.logistic_number === item.logistic_number);
                            if (!data) {
                                logistic_numbers.push(item);
                            }
                        });
                        this.ownerEditWorkOrder.commodities = logistic_numbers;
                        this.dialogEditOwnerVisible = true;
                    } else if ('错漏发' === issue_type_name) {
                        work_order_commodities.forEach(e => {
                            e.created = false;
                            e.tag = false;
                        }); // 标记编辑
                        if ('宝时处理' === status) {
                            this.waitingTempTip('查询中...')
                            this.getOrderCommodity(item).then(res => {
                                window.tempTip.cancelWaitingTip();
                                res.forEach(item => {
                                    item.created = true;     // 标记创建
                                    item.tag = false;           // 标记是否过滤
                                    item.commodity = {name: item.name};
                                    let data = work_order_commodities.find(e => e.logistic_number === item.logistic_number && e.sku === item.sku);
                                    if (!data) {
                                        if ('错漏发' === issue_type_name) {
                                            if (status === '宝时终审') {
                                            } else if (status === '宝时处理') {
                                                item.abnormal_amount = item.amount;
                                                item.abnormal_type = '未错漏发'
                                            }
                                        } else if ('破损' === issue_type_name) {
                                            item.price = 0;
                                            item.abnormal_type = '破损';
                                            item.abnormal_amount = item.amount;
                                        }
                                        work_order_commodities.push(item);
                                    }
                                });
                                this.ownerEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(work_order_commodities);
                                this.dialogEditOwnerVisible = true;
                            });
                        } else if ('宝时终审' === status) {
                            let {return_address, return_phone, return_name, return_logistic_number} = pending_detail;
                            this.ownerEditWorkOrder.return_logistic_number = return_logistic_number;
                            this.ownerEditWorkOrder.return_address = return_address;
                            this.ownerEditWorkOrder.return_phone = return_phone;
                            this.ownerEditWorkOrder.return_name = return_name;
                            this.ownerEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(work_order_commodities);
                            this.dialogEditOwnerVisible = true;
                        }
                    } else if ('破损' === issue_type_name) {
                        work_order_commodities.forEach(e => {
                            e.created = false;
                            e.tag = false;
                        }); // 标记编辑
                        this.waitingTempTip('查询中...')
                        this.getOrderCommodity(item).then(res => {
                            window.tempTip.cancelWaitingTip();
                            res.forEach(item => {
                                item.created = true;     // 标记创建
                                item.tag = false;           // 标记是否过滤
                                item.commodity = {name: item.name};
                                let data = work_order_commodities.find(e => e.logistic_number === item.logistic_number && e.sku === item.sku);
                                if (!data) {
                                    item.price = 0;
                                    item.abnormal_type = '破损';
                                    item.abnormal_amount = item.amount;
                                    work_order_commodities.push(item);
                                }
                            });
                            this.ownerEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(work_order_commodities);
                            this.dialogEditOwnerVisible = true;
                            if (this.ownerEditWorkOrder.reissue_logistic_number) {
                                this.$refs['refund-image-edit-reissue_logistic_number'].innerHTML = reissue_logistic_number;
                            }
                        }).catch(err => {
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip(err)
                        });
                    } else if (['拦截', '信息更改'].includes(issue_type_name)) {
                        this.dialogEditOwnerVisible = true;
                    } else if ('快递丢件'.includes(issue_type_name)) {
                        work_order_commodities.forEach(e => {
                            e.created = false;
                            e.tag = false;
                        }); // 标记编辑
                        this.waitingTempTip('查询中...')
                        this.getOrderCommodity(item).then(res => {
                            window.tempTip.cancelWaitingTip();
                            res.forEach(item => {
                                item.created = true;         // 标记创建
                                item.tag = false;            // 标记是否过滤
                                item.commodity = {name: item.name};
                                let data = work_order_commodities.find(e => e.logistic_number === item.logistic_number && e.sku === item.sku);
                                if (!data) {
                                    item.abnormal_amount = item.amount;
                                    work_order_commodities.push(item);
                                }
                            });
                            this.ownerEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(work_order_commodities);
                            this.dialogEditOwnerVisible = true;
                        }).catch(err => {
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip(err)
                        });
                    }
                },
                ownerEdit() {
                    let {issue_type_name, process_progress, is_edit} = this.ownerEditWorkOrder;
                    let {
                        detail_id, price, dealImages, refundImages,
                        commodities, reissue_logistic_number,
                        return_logistic_number, return_address,
                        return_phone, return_name, remark, status
                    } = this.ownerEditWorkOrder;

                    let {delete_image_ids, delete_commodity_ids} = this.ownerEditWorkOrder;
                    if (issue_type_name === '快递丢件') {
                        if (is_edit) {
                            let res = this.checkOwnerEditWorkOrder();
                            if (!res.success) {
                                this.errorTempTip(res.message);
                                return;
                            }
                            let formData = new FormData();
                            formData.append('detail_id', detail_id);
                            formData.append('price', price);
                            delete_image_ids.forEach(e => formData.append("delete_image_ids[]", e));
                            delete_commodity_ids.forEach(e => formData.append("delete_commodity_ids[]", e));
                            commodities.filter(e => !e.tag).filter(e => e.created).forEach(e => {
                                if (!e.id) formData.append("commodities[]", JSON.stringify(e));
                            });
                            formData.append('is_edit', true);
                            formData.append('reissue_logistic_number', reissue_logistic_number);
                            let {dealImages, refundImages} = this.ownerEditWorkOrder;
                            dealImages = dealImages.filter(e => e.src);
                            refundImages = refundImages.filter(e => e.src);
                            this.setFormDataImagePrefix(formData, 'dealImages', this.getImages(dealImages));
                            this.setFormDataImagePrefix(formData, 'refundImages', this.getImages(refundImages));
                            let url = '{{route('workOrder.loss.owner.fillDetailApi')}}';
                            this.ownerEditProcess(formData, url);
                        } else {
                            let res = this.checkOwnerEditWorkOrder();
                            if (!res.success) {
                                this.errorTempTip(res.message);
                                return;
                            }
                            let formData = new FormData();
                            reissue_logistic_number ? formData.append('reissue_logistic_number', reissue_logistic_number) : null;
                            formData.append('detail_id', detail_id);
                            formData.append('price', price);
                            dealImages = this.getImages(dealImages);
                            refundImages = this.getImages(refundImages);
                            this.setFormDataImagePrefix(formData, 'dealImages', dealImages);
                            this.setFormDataImagePrefix(formData, 'refundImages', refundImages);
                            commodities.forEach(e => {
                                formData.append("commodities[]", JSON.stringify(e));
                            });
                            window.tempTip.setIndex(2000);
                            window.tempTip.waitingTip('处理中');
                            let url = '{{route('workOrder.loss.owner.fillDetailApi')}}';
                            this.ownerEditProcess(formData, url);
                        }
                    } else if (issue_type_name === '错漏发') {
                        if (is_edit) {
                            let formData = new FormData();
                            formData.append('detail_id', detail_id);
                            formData.append('is_edit', true);
                            formData.append('remark', remark);
                            if (status === '宝时处理') {
                                this.ownerAutoComputeMistake();
                                let res = this.checkOwnerEditWorkOrder();
                                if (!res.success) {
                                    this.errorTempTip(res.message);
                                    return;
                                }
                                let url = '{{route('workOrder.mistake.owner.editApi')}}';
                                commodities.filter(e => !e.tag).filter(e => !e.created).forEach(e => {
                                    if (e.id) formData.append("update_commodities[]", JSON.stringify(e));
                                });
                                commodities.filter(e => !e.tag).filter(e => e.created).filter(e => e.abnormal_type !== '未错漏发').forEach(e => {
                                    if (!e.id) formData.append("commodities[]", JSON.stringify(e));
                                });
                                commodities.filter(e => e.tag).forEach(e => {
                                    if (e.id) formData.append("delete_commodity_ids[]", e.id);
                                });
                                this.ownerEditProcess(formData, url);
                            } else if (status === '宝时终审') {
                                let res = this.checkOwnerEditWorkOrder();
                                if (!res.success) {
                                    this.errorTempTip(res.message);
                                    return;
                                }
                                let url = '{{route('workOrder.mistake.logistic.end.handlerApi')}}';
                                formData.append('process_progress', process_progress);
                                return_logistic_number ? formData.append('return_logistic_number', return_logistic_number) : null;
                                return_address ? formData.append('return_address', return_address) : null;
                                return_phone ? formData.append('return_phone', return_phone) : null;
                                return_name ? formData.append('return_name', return_name) : null;
                                commodities.filter(e => !e.tag).filter(e => !e.created).forEach(e => {
                                    if (e.id) formData.append("update_commodities[]", JSON.stringify(e));
                                });
                                commodities.filter(e => !e.tag).filter(e => e.created).filter(e => e.abnormal_type !== '未错漏发').forEach(e => {
                                    if (!e.id) formData.append("commodities[]", JSON.stringify(e));
                                });
                                commodities.filter(e => e.tag).forEach(e => {
                                    if (e.id) formData.append("delete_commodity_ids[]", e.id);
                                });
                                this.ownerEditProcess(formData, url);
                            }

                        } else {
                            let res = this.checkOwnerEditWorkOrder();
                            if (!res.success) {
                                this.errorTempTip(res.message);
                                return;
                            }
                            let url = '{{route('workOrder.mistake.owner.handlerApi')}}';
                            let formData = new FormData();
                            formData.append('detail_id', detail_id);
                            formData.append('process_progress', process_progress);
                            return_logistic_number ? formData.append('return_logistic_number', return_logistic_number) : null;
                            return_address ? formData.append('return_address', return_address) : null;
                            return_phone ? formData.append('return_phone', return_phone) : null;
                            return_name ? formData.append('return_name', return_name) : null;
                            return_name ? formData.append('return_name', return_name) : null;
                            commodities.forEach(e => {
                                formData.append("commodities[]", JSON.stringify(e));
                            });
                            this.ownerEditProcess(formData, url);
                        }
                    } else if ('快递异常' === issue_type_name) {
                        if (is_edit) {
                            let res = this.checkOwnerEditWorkOrder();
                            if (!res.success) {
                                this.errorTempTip(res.message);
                                return;
                            }
                            let {dealImages} = this.ownerEditWorkOrder;

                            let formData = new FormData();
                            let url = '{{route('workOrder.expressAbnormal.owner.editApi')}}';
                            formData.append('detail_id', detail_id);
                            formData.append('is_edit', true);
                            delete_image_ids.forEach(e => formData.append("delete_image_ids[]", JSON.stringify(e)))
                            commodities.filter(e => e.selected && e.is_created).forEach(e => formData.append("commodities[]", JSON.stringify(e)));
                            commodities.filter(e => e.is_created === false && !e.selected).forEach(e => formData.append("delete_commodity_ids[]", e.id));
                            dealImages = this.getImages(dealImages.filter(e => e.file));
                            this.setFormDataImagePrefix(formData, 'dealImages', dealImages);
                            this.ownerEditProcess(formData, url);
                        }
                    } else if ('破损' === issue_type_name) {
                        if (is_edit) {
                            let res = this.checkOwnerEditWorkOrder();
                            if (!res.success) {
                                this.errorTempTip(res.message);
                                return;
                            }
                            let url = '{{route('workOrder.damage.owner.editApi')}}';
                            let formData = new FormData;
                            formData.append('detail_id', detail_id);
                            formData.append('is_edit', true);
                            formData.append('price', price);
                            commodities.filter(e => e.created).filter(e => !e.tag).forEach(e => formData.append("commodities[]", JSON.stringify(e)));
                            commodities.filter(e => !e.created).filter(e => !e.tag).forEach(e => formData.append("update_commodities[]", JSON.stringify(e)));
                            commodities.filter(e => !e.created).filter(e => e.tag).forEach(e => formData.append("delete_commodity_ids[]", e.id));
                            this.ownerEditWorkOrder.delete_image_ids.forEach(e => formData.append("delete_image_ids[]", e));
                            let {packageImages, commodityImages, dealImages} = this.ownerEditWorkOrder;
                            this.setFormDataImagePrefix(formData, 'packageImages', this.getImages(packageImages.filter(e => e.file)));
                            this.setFormDataImagePrefix(formData, 'commodityImages', this.getImages(commodityImages.filter(e => e.file)));
                            this.setFormDataImagePrefix(formData, 'dealImages', this.getImages(dealImages.filter(e => e.file)));
                            this.ownerEditProcess(formData, url);
                        }
                    } else if ('信息更改' === issue_type_name) {
                        let formData = new FormData();
                        let {detail_id, remark} = this.ownerEditWorkOrder;
                        formData.append('detail_id', detail_id);
                        formData.append('remark', remark);
                        let url = "{{route('workOrder.informationChange.owner.editApi')}}";
                        this.ownerEditProcess(formData, url);
                    }
                },
                ownerEditProcess(data, url) {
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data, {'Content-Type': 'multipart/form-data'}).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.successTempTip('处理完成');
                            this.sortOrder(res.data.data);
                            this.$set(this.workOrders, this.selectIndex, res.data.data);
                            this.selectIndex = null;
                            if (this.ownerEditWorkOrder.is_edit) this.dialogEditOwnerVisible = false;
                            else this.dialogShowOwnerVisible = false;
                        } else if (res.data.message) {
                            this.errorTempTip(res.data.message);
                        } else {
                            this.errorTempTip('处理出现异常');
                        }
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    });
                },
                checkOwnerEditWorkOrder() {
                    let {issue_type_name, is_edit} = this.ownerEditWorkOrder;
                    if (issue_type_name === '快递丢件') {
                        if (!this.ownerEditWorkOrder.price) {
                            return {success: false, message: '商品总价值为必填项'};
                        }
                        if (this.ownerEditWorkOrder.reissue_logistic_number) {
                        } else if (this.ownerEditWorkOrder.refundImages.length === 0) {
                            return {success: false, message: '退款成功截图和补发快递单号 二选一'};
                        }
                        if (this.ownerEditWorkOrder.commodities.length === 0) {
                            return {success: false, message: '丢件商品为必填项'};
                        }
                        if (this.ownerEditWorkOrder.dealImages.length === 0) {
                            return {success: false, message: '交易截图为必填项'};
                        }
                    } else if (issue_type_name === '错漏发') {
                        if (is_edit) {
                            let change_commodities = this.ownerEditWorkOrder.commodities.filter(e => !e.tag).filter(e => !e.created).filter(e => e.abnormal_type !== '未错漏发');
                            let create_commodities = this.ownerEditWorkOrder.commodities.filter(e => !e.tag).filter(e => e.created).filter(e => e.abnormal_type !== '未错漏发');
                            if (change_commodities.length === 0 && create_commodities.length === 0) {
                                return {success: false, message: '商品详情为必选项,且商品不能全为未错漏发'};
                            }
                            if (this.hasReturnAddressInfo(this.ownerEditWorkOrder.commodities)) {
                                if (!this.ownerEditWorkOrder.return_name || !this.ownerEditWorkOrder.return_address || !this.ownerEditWorkOrder.return_phone) {
                                    return {success: false, message: '完整填写寄件人信息'};
                                }
                            }
                            if (this.hasReturnLogisticNumber(this.ownerEditWorkOrder.commodities)) {
                                if (!this.ownerEditWorkOrder.return_logistic_number) {
                                    return {success: false, message: '填写退回快递单号'};
                                }
                            }
                            let message = null
                            this.ownerEditWorkOrder.commodities.forEach(e => {
                                if (!message) {
                                    if (this.hasStoreNumber(e) && !e.store_in_number) {
                                        message = '入库单号不能未空';
                                    }
                                }
                            });
                            return {success: true};
                        }
                        if (!this.ownerEditWorkOrder.process_progress) {
                            return {success: false, message: '处理项不能为空'};
                        }
                        let filters = this.ownerEditWorkOrder.commodities.filter(e => {
                            if (e.check_result !== '核实未错漏发' && (e.process_result === '' || e.process_result_info === '')) return true;
                            else return e.check_result === '核实未错漏发' && e.process_result === '';
                        });
                        if (filters.length > 0) {
                            return {success: false, message: '商品详情中的处理项，和处理子项 未必选项'};
                        }
                        if (this.hasReturnAddressInfo(this.ownerEditWorkOrder.commodities)) {
                            if (!this.ownerEditWorkOrder.return_name || !this.ownerEditWorkOrder.return_address || !this.ownerEditWorkOrder.return_phone) {
                                return {success: false, message: '完整填写寄件人信息'};
                            }
                        }
                        if (this.hasReturnLogisticNumber(this.ownerEditWorkOrder.commodities)) {
                            if (!this.ownerEditWorkOrder.return_logistic_number) {
                                return {success: false, message: '填写退回快递单号'};
                            }
                        }
                        let message = null
                        this.ownerEditWorkOrder.commodities.forEach(e => {
                            if (!message) {
                                if (this.hasStoreNumber(e) && !e.store_in_number) {
                                    message = '入库单号不能未空';
                                }
                            }
                        });
                        if (!this.ownerEditWorkOrder.process_progress) {
                            return {success: false, message: '处理项未必填项'};
                        }
                        message = null;
                        this.ownerEditWorkOrder.commodities.forEach(e => {
                            if (message) {
                            } else if ('商家做出库单（物流选自提，宝时不发货）' === e.process_result_info && !e.out_order_number) {
                                message = '出库订单号不能为空';
                            } else if ('商家做入库单，选择明细和数量' === e.process_result_info && !e.store_in_amount) {
                                message = '入库单不能为空';
                            }
                        });
                        if (message) return {success: false, message: message};
                    } else if ('快递异常' === issue_type_name) {
                        if (is_edit) {
                            let {type, commodities, dealImages} = this.ownerEditWorkOrder;
                            if (commodities.length === 0) {
                                return {success: false, message: '快递单号不能为空'};
                            }
                            if (type === null) {
                                return {success: false, message: '快递异常类型不能为空'};
                            }
                            if (dealImages.length === 0) {
                                return {success: false, message: '交易截图不能为空'};
                            }
                            commodities = commodities.filter(e => e.selected);
                            if (commodities.length === 0) {
                                return {success: false, message: '请勾选快递单号'};
                            }
                        }
                    } else if ('破损' === issue_type_name) {
                        let {type, commodities, dealImages, packageImages, commodityImages} = this.ownerEditWorkOrder;
                        if (commodities.length === 0) {
                            return {success: false, message: '快递单号不能为空'};
                        }
                        if (type === null) {
                            return {success: false, message: '快递异常类型不能为空'};
                        }
                        if (packageImages.length === 0) {
                            return {success: false, message: '交易截图不能为空'};
                        }
                        if (commodityImages.length === 0) {
                            return {success: false, message: '内物破损图不能为空'};
                        }
                        if (dealImages.length === 0) {
                            return {success: false, message: '交易截图不能为空'};
                        }
                        commodities = commodities.filter(e => !e.tag);
                        if (commodities.length === 0) {
                            return {success: false, message: '商品详情不能为空'};
                        }
                    }
                    return {success: true};
                },
                ownerAutoComputeMistake() {
                    let store_in = 0, out_in = 0, noMistake = 0; //  store_in 不补发 out_in 补发
                    this.ownerEditWorkOrder.commodities.forEach(e => {
                        let {process_result} = e;
                        if (process_result.indexOf('少发，宝时补发') >= 0) out_in++;
                        else if (e.process_result.indexOf('多发，客户买下') >= 0) out_in++;
                        else if (e.process_result.indexOf('多发，客户退回') >= 0) store_in++;
                        else if (e.process_result.indexOf('少发，不补发') >= 0) store_in++;
                        else if (e.process_result.indexOf('核实未错漏发') >= 0) noMistake++;
                    });
                    // 补发 不补发
                    let process_progress = null;
                    if (out_in > store_in) process_progress = '补发';
                    else if (out_in < store_in) process_progress = '不补发';
                    else if (out_in > store_in > 0 && store_in > 0 && store_in === out_in) process_progress = '补发';
                    else if (noMistake > 0) process_progress = '核实未错漏发';
                    this.ownerEditWorkOrder.process_progress = process_progress;
                },
                autoComputeOwnerMistake() {
                    let store_in = 0, out_in = 0; //  store_in 不补发 out_in 补发
                    this.ownerEditWorkOrder.commodities.forEach(e => {
                        let {process_result} = e;
                        if (process_result.indexOf('少发，宝时补发') >= 0) out_in++;
                        // else if (e.process_result.indexOf()) out_in++;
                        else if (e.process_result === '多发，客户退回') store_in++;
                        else if (e.process_result === '少发，不补发') out_in++;
                        else if (e.process_result === '核实未错漏发') store_in++;
                    });
                    // 补发 不补发
                    if (out_in > store_in) this.ownerEditWorkOrder.process_progress = '补发';
                    else if (out_in < store_in) this.ownerEditWorkOrder.process_progress = '不补发';
                    else this.ownerEditWorkOrder.process_progress = '不补发';
                },
                ownerEditWorkOrderSpliceImage(index, images = []) {
                    if (!confirm('是否删除当前图片')) return;
                    let imageItem = images.find((e, i) => Number(index) === Number(i));
                    if (!imageItem) return;
                    if (imageItem.upload_file) {
                        this.ownerEditWorkOrder.delete_image_ids.push(imageItem.id);
                    }
                    images.splice(index, 1);
                },
                ownerEditWorkOrderSpliceCommodity(i, item) {
                    this.ownerEditWorkOrder.delete_commodity_ids.push(item.id);
                    this.ownerEditWorkOrder.commodities.splice(i, 1);
                },
                countByCommodities(commodities) {
                    if (commodities.length === 0) return;
                    let index = 0;
                    let logistic_number = commodities[0]['logistic_number'];
                    let count = 0;
                    commodities.forEach((e, i, array) => {
                        let {cur_logistic_number} = e;
                        if (logistic_number === cur_logistic_number) {
                            count++;
                        } else {
                            array[index]['count'] = count;
                            index = i;
                            count = 1;
                        }
                        array[index]['count'] = count;
                    });
                },
                ownerComputeAbnormalType(item) {
                    if (this.ownerEditWorkOrder.issue_type_name !== '错漏发') return;
                    let abnormal_amount = Number(item.abnormal_amount);     // 客户实收数量
                    let amount = Number(item.amount);
                    item.abnormal_type = abnormal_amount === amount ? '未错漏发' : (amount < abnormal_amount ? '多发' : '少发')
                },
                groupMistakeWorkOrder() {
                    let count = 0,
                        index = this.ownerEditWorkOrder.commodities.findIndex(e => !e.tag),
                        first_commodity = this.ownerEditWorkOrder.commodities.find(e => true)
                    let logistic_number = first_commodity ? first_commodity.logistic_number : '';
                    this.ownerEditWorkOrder.commodities.forEach(e => e.count = null);
                    this.ownerEditWorkOrder.commodities.forEach((e, i, self) => {
                        if (e.tag === false) {
                            let current_logistic_number = e.logistic_number;
                            if (current_logistic_number === logistic_number) {
                                count++;
                            } else {
                                self[index].count = count;
                                index = i;
                                count = 1;
                            }
                            self[index].count = count;
                        }
                    });
                },
                groupDamageWorkOrder() {
                    let count = 0,
                        index = this.ownerEditWorkOrder.commodities.findIndex(e => !e.tag),
                        first_commodity = this.ownerEditWorkOrder.commodities.find(e => true)
                    let logistic_number = first_commodity ? first_commodity.logistic_number : '';
                    this.ownerEditWorkOrder.commodities.forEach(e => e.count = null);
                    this.ownerEditWorkOrder.commodities.forEach((e, i, self) => {
                        if (e.tag === false) {
                            let current_logistic_number = e.logistic_number;
                            if (current_logistic_number === logistic_number) {
                                count++;
                            } else {
                                self[index].count = count;
                                index = i;
                                count = 1;
                            }
                            self[index].count = count;
                        }
                    });
                },
                ownerMistakeWorkOrderTag(item) {
                    item.tag = true;
                },
                ownerDamageWorkOrderTag(item) {
                    item.tag = true;
                },
                ownerEndWorkOrder(item, index) {
                    let url = "{{route('workOrder.owner.endApi')}}";
                    let data = {
                        detail_id: item.pending_detail.detail_id,
                    }
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.successTempTip('完结成功');
                            item.status = "完成";
                            item.owner_tag = "";
                            this.$delete(this.workOrders, index);
                            this.checkData = [];
                        } else {
                            this.errorTempTip(res.data.message ? res.data.message : '完结工单异常');
                        }
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err.getMessage());
                    });
                },

                getProcessResult(check_result, item) {
                    let results = null;
                    if (check_result === '核实少发') {
                        results = ['少发，宝时补发', '少发，不补发'];
                    } else if (check_result === '核实多发') {
                        results = ['多发，客户买下', '多发，客户退回'];
                    } else if (check_result === '核实未错漏发') {
                        results = ['核实未错漏发'];
                        item.process_result = '核实未错漏发';
                    }
                    return results;
                },
                checkWorkOrderCommodityMistake(item) {
                    if (this.hasStoreNumber(item)) {
                        item.reissue_logistic_number = null;
                        item.out_order_numbere = null;
                    } else if (this.hasOutInNumber(item)) {
                        item.reissue_logistic_number = null;
                        item.store_in_number = null;
                        item.store_in_amount = null;
                    } else if (this.hasReissueLogisticNumber(item)) {
                        item.store_in_number = null;
                        item.store_in_amount = null;
                        item.out_order_numbere = null;
                    }
                },
                hasReturnAddressInfo(commodities) {
                    let filter = commodities.filter(e => (e.process_result_info ? e.process_result_info : '').indexOf('宝时上门取件') >= 0);
                    return filter.length > 0;
                },
                hasReturnLogisticNumber(commodities) {
                    let filter = commodities.filter(e => {
                        return (e.process_result_info ? e.process_result_info : '').indexOf('客户自行退回') >= 0;
                    });
                    return filter.length > 0;
                },
                hasOutInNumber(item) {
                    return (item.process_result_info ? item.process_result_info : '').indexOf('商家做出库单') >= 0;
                },
                hasStoreNumber(item) {
                    return (item.process_result_info ? item.process_result_info : '').indexOf('商家做入库单') >= 0;
                },
                hasReissueLogisticNumber(item) {
                    return (item.process_result ? item.process_result : '').indexOf('宝时补发') >= 0;
                },
                showWorkOrderItem(item, index) {
                    this.selectIndex = index;
                    let {details} = item;
                    let copy_details = JSON.parse(JSON.stringify(details));
                    let detail = copy_details.sort((prev, curr) => {
                        return new Date(prev.created_at) > new Date(curr.created_at) ? -1 : 0;
                    }).find(e => e);
                    if (!detail) {
                        return;
                    }
                    let {
                        images,
                        commodities,
                        issue_type,
                        price,
                        status,
                        reissue_logistic_number,
                        return_logistic_number,
                        return_address,
                        return_phone,
                        return_name,
                        type,
                        process_progress,
                        remark
                    } = detail;
                    this.showWorkOrder.issue_type_name = issue_type.name ? issue_type.name : '';
                    this.showWorkOrder.process_progress = process_progress;
                    this.showWorkOrder.price = price;
                    this.showWorkOrder.type = type;
                    this.showWorkOrder.remark = remark;
                    this.showWorkOrder.status = status;
                    this.showWorkOrder.reissue_logistic_number = reissue_logistic_number;
                    this.showWorkOrder.return_logistic_number = return_logistic_number;
                    if (reissue_logistic_number) {

                    }
                    this.showWorkOrder.return_address = return_address;
                    this.showWorkOrder.return_phone = return_phone;
                    this.showWorkOrder.return_name = return_name;
                    this.showWorkOrder.package_images = this.filterShowWorkOrder(images, '外包装图片');
                    this.showWorkOrder.commodity_images = this.filterShowWorkOrder(images, '内物破碎图片');
                    this.showWorkOrder.deal_images = this.filterShowWorkOrder(images, '交易截图');
                    this.showWorkOrder.refund_images = this.filterShowWorkOrder(images, '退款成功截图');
                    this.showWorkOrder.commodities = this.groupShowWorkOrderCommodities(commodities);
                    this.dialogShowOrderWorkVisible = true;
                    // $("#work_order_show_modal").modal('show');
                },
                filterShowWorkOrder(images, type) {
                    if (!images) return [];
                    return images.filter(e => e.type === type).map(e => {
                        e.urlExist = e.hasOwnProperty('upload_file');
                        let {upload_file} = e;
                        let {type, url} = upload_file;
                        e.fileUrl = this.filePrefix + `${url}.${type}`;
                        return e;
                    });
                },
                groupShowWorkOrderCommodity(items) {
                    if (items.length === 0) return [];
                    let commodities = JSON.parse(JSON.stringify(items));
                    commodities.sort((prev, curr) => prev.logistic_number > curr.logistic_number ? 1 : -1);
                    let index = 0, count = 0, logistic_number = commodities[0] ? commodities[0]['logistic_number'] : '';
                    commodities.forEach(e => e.count = 0);
                    commodities.forEach((e, i, array) => {
                        e.commodity_name = e.commodity ? e.commodity.name : '';
                        let current_logistic_number = e.logistic_number;
                        if (current_logistic_number === logistic_number) {
                            count++;
                        } else {
                            logistic_number = current_logistic_number;
                            array[i]['count'] = count++;
                            index = i;
                            count = 1;
                        }
                        if (this.hasCommodityInfo(e)) count++;
                        array[index]['count'] = count;
                    });
                    return commodities;
                },

                hasCommodityInfo(item) {
                    let {reissue_logistic_number, out_order_number, store_in_number} = item;
                    return this.hasNumber(reissue_logistic_number) || this.hasNumber(out_order_number) || this.hasNumber(store_in_number);
                },
                hasNumber(number) {
                    return number !== null && number !== 0 && number !== '' && number !== '0';
                },

                groupShowWorkOrderCommodities(items) {
                    let copy_items = JSON.parse(JSON.stringify(items));
                    let item = copy_items.find(e => e);
                    if (!item) return [];
                    let {logistic_number} = item, index = 0, count = 0;
                    copy_items.forEach(e => e.count = 0);
                    copy_items.forEach((e, i) => {
                        let current_logistic_number = e.logistic_number;
                        let add_flag = false;
                        if (e.reissue_logistic_number || e.out_order_number || e.store_in_number) {
                            add_flag = true;
                        }
                        if (current_logistic_number === logistic_number) {
                            count++;
                            if (add_flag) count++;
                        } else {
                            copy_items[index].count = count;
                            index = i;
                            count = 1;
                            if (add_flag) count++;
                        }
                        copy_items[index].count = count;
                    });
                    return copy_items;
                },
                autoComputeStoreInAmount(item) {
                    item.store_in_amount = Number(item.amount) - Number(item.bao_shi_check_amount);
                },
                isNewWorkOrder(item) {
                    let {logistic_tag, bao_shi_tag, owner_tag} = item;
                    if (this.isBaoShi) {
                        return `${bao_shi_tag}` === '3'
                    } else if (this.isLogistic) {
                        return `${logistic_tag}` === '3';
                    } else if (this.isOwner) {
                        return `${owner_tag}` === '3';
                    }
                    return false;
                },
                isStrandWorkOrder(item) {
                    let {logistic_tag, bao_shi_tag, owner_tag} = item;
                    if (this.isBaoShi) {
                        return `${bao_shi_tag}` === '2'
                    } else if (this.isLogistic) {
                        return `${logistic_tag}` === '2';
                    } else if (this.isOwner) {
                        return `${owner_tag}` === '2';
                    }
                    return false;
                },
                // 问题件批处理日志
                showBatchEditOrderIssueLog() {
                    if (this.checkData.length === 0) {
                        this.errorTempTip('请勾选工单');
                        return;
                    }
                    this.dialogBatchEditOrderIssueLogVisible = true;
                },
                batchEditOrderIssueLog() {
                    let url = '{{route('order.issue.log.workOrder.storeApi')}}';
                    let data = {
                        ids: this.checkData,
                        content: this.$refs.order_issue_log.value,
                    };
                    if (data.content === '' || data.content.trim().length === 0) {
                        this.errorTempTip('请输入处理内容');
                        return;
                    }
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            res.data.data.forEach(e => {
                                this.workOrders.forEach(workOrder => {
                                    if (workOrder.order_issue) {
                                        let order_issue_id = workOrder.order_issue.id;
                                        if (`${e.order_issue_id}` === `${order_issue_id}`) {
                                            workOrder.issue_logs.unshift(e);
                                        }
                                    }
                                })
                            });
                            this.successTempTip('处理完成');
                            this.dialogBatchEditOrderIssueLogVisible = false;
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err)
                    });
                },
                checkDataHasSize() {
                    if (this.checkData.length === 0) {
                        this.errorTempTip("请勾选需要完结的工单");
                        return false;
                    }
                    return true;
                },
                checkDataIsToBeEnd() {
                    let count = this.workOrders.filter(e => this.checkData.includes(`${e.id}`))
                        .filter(e => e.status !== '待货主完结').length;
                    if (count > 0) {
                        this.errorTempTip("勾选工单中有不符合完结条件的工单");
                        return false;
                    }
                    return true;
                },
                getCheckDetailsIds() {
                    return this.workOrders.filter(e => {
                        return this.checkData.includes(`${e.id}`);
                    }).map(e => {
                        return e.pending_detail ? e.pending_detail.detail_id : null;
                    }).filter(e => e);
                },
                batchEndWorkOrder() {
                    if (!this.checkDataHasSize()) return;
                    if (!this.checkDataIsToBeEnd()) return;
                    let detail_ids = this.getCheckDetailsIds();
                    let url = "{{route('workOrder.owner.batchEndApi')}}";
                    let data = {detail_ids: detail_ids};
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.successTempTip('处理完成');
                            this.checkData.forEach(e => {
                                let index = this.workOrders.findIndex(workOrder => `${workOrder.id}` === `${e}`);
                                if (index >= 0) {
                                    this.$delete(this.workOrders, index);
                                }
                            });
                            $("input:checkbox[name='checkData']").attr('checked', false);
                            this.checkData = [];
                        } else {
                            this.errorTempTip(res.data.message);
                        }
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    });
                },
                getSelectedWorkOrders() {
                    return this.workOrders.filter(e => this.checkData.includes(e.id));
                },
                getItemsStatus(items) {
                    let item = items.find(e => e);
                    return item.status;
                },
                // 承运商批量处理
                checkDataIsSingleStatus(items) { //校验items内的status是否相同
                    let status = this.getItemsStatus(items)
                    if (items.filter(e => e.status !== status).length > 0) {
                        this.errorTempTip('工单的状态不一致');
                        return false;
                    }
                    return true;
                },
                getItemsIssueTypeName(items) {
                    let item = items.find(e => e);
                    return item.issue_type_name;
                },
                checkDataIsSingleIssueType(items) {
                    let issue_type_name = this.getItemsIssueTypeName(items);
                    if (items.filter(e => e.issue_type_name !== issue_type_name).length > 0) {
                        this.errorTempTip('工单的类别不一致');
                        return false;
                    }
                    return true;
                },
                checkDataIsLogisticHandler(items) {
                    let status = this.getItemsStatus(items);
                    if (status !== '承运商处理') {
                        this.errorTempTip('工单的状态不可批量处理')
                        return false;
                    }
                    return true;
                },
                logisticBatchHandler() {
                    if (!this.checkDataHasSize()) return;
                    let selected_items = this.getSelectedWorkOrders();
                    let issue_type_name = this.getItemsIssueTypeName(selected_items);
                    if (!['拦截', '取消拦截', '信息更改'].includes(issue_type_name)) {
                        this.errorTempTip('批量处理只支持`拦截`,`取消拦截`,`信息更改`');
                        return;
                    }
                    if (!this.checkDataIsSingleIssueType(selected_items)) return;
                    if (!this.checkDataIsSingleStatus(selected_items)) return;
                    if (!this.checkDataIsLogisticHandler(selected_items)) return;
                    this.batchHandlerWorkOrder.issue_type_name = issue_type_name;
                    this.dialogLogisticBatchHandlerVisible = true;
                },
                getLogisticBatchHandlerProcessProgress() {
                    let {issue_type_name} = this.batchHandlerWorkOrder;
                    let items = [
                        {issue_type_name: '拦截', option: ['拦截失败', '拦截退回中']},
                        {issue_type_name: '信息更改', option: ['已签收', '无法更改']},
                        {issue_type_name: '快递异常', option: ['已处理', '已拦截']},
                        {issue_type_name: '破损', option: ['核实全部破损', '核实部分破损', '核实未破损']},
                        {issue_type_name: '取消拦截', option: ['正常派送', '无法取消拦截']},
                    ];
                    let item = items.find(e => e.issue_type_name === issue_type_name);
                    return item ? item.option : [];
                },
                logisticBatchHandlerProcess() {
                    let {issue_type_name, process_progress} = this.batchHandlerWorkOrder;
                    if ('拦截' === issue_type_name) {
                        let url = "{{route("workOrder.intercept.logistic.batchHandlerApi")}}";
                        let data = {
                            detail_ids: this.getCheckDetailsIds(),
                            process_progress: process_progress,
                        };
                        this.logisticBatchHandlerAction(url, data);
                    } else if ('取消拦截' === issue_type_name) {
                        let url = "{{route("workOrder.cancelIntercept.logistic.batchHandlerApi")}}";
                        let data = {
                            detail_ids: this.getCheckDetailsIds(),
                            process_progress: process_progress,
                        };
                        this.logisticBatchHandlerAction(url, data);
                    } else if ('信息更改' === issue_type_name) {
                        let url = "{{route('workOrder.informationChange.logistic.batchHandlerApi')}}";
                        let data = {
                            detail_ids: this.getCheckDetailsIds(),
                            process_progress: process_progress,
                        }
                        this.logisticBatchHandlerAction(url, data);
                    }
                },
                logisticBatchHandlerAction(url, data) {
                    this.waitingTempTip("处理中");
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.successTempTip('修改成功');
                            this.replaceWorkOrder(res.data.data);
                            this.dialogLogisticBatchHandlerVisible = false;
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理异常刷新后重试');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    });
                },

                // 宝时批量处理
                checkDataIsBaoShiHandler(items) {
                    let status = this.getItemsStatus(items);
                    if (status !== '宝时终审') {
                        this.errorTempTip('工单的状态不可批量处理')
                        return false;
                    }
                    return true;
                },
                checkDataPrevProcessProgress(items) {
                    let prev_process_progress = this.getPrevProcessProgress(items);
                    let count = items.filter(e => e.process_progress !== prev_process_progress).length;
                    if (count > 0) {
                        this.errorTempTip('工单的状态不一致');
                        return false;
                    }
                    return true;
                },
                getPrevProcessProgress(items) {
                    let item = items.find(e => e);
                    return item.process_progress;
                },
                baoShiBatchHandler() {
                    if (!this.checkDataHasSize()) return;
                    let selected_items = this.getSelectedWorkOrders();
                    console.log(selected_items);
                    let issue_type_name = this.getItemsIssueTypeName(selected_items);
                    if (!['拦截', '取消拦截', '信息更改'].includes(issue_type_name)) {
                        this.errorTempTip('批量处理只支持`拦截`,`取消拦截`,`信息更改`');
                        return;
                    }
                    let prev_process_progress = this.getPrevProcessProgress(selected_items);
                    if (!this.checkDataIsBaoShiHandler(selected_items)) return;
                    if (!this.checkDataIsSingleIssueType(selected_items)) return;
                    if (!this.checkDataIsSingleStatus(selected_items)) return;
                    let hasInterceptWorkOrder = selected_items.filter(e => e.issue_type_name === '拦截').length > 0;
                    if (hasInterceptWorkOrder && !this.checkDataPrevProcessProgress(selected_items)) {
                        return;
                    }
                    this.batchHandlerWorkOrder.issue_type_name = issue_type_name;
                    this.batchHandlerWorkOrder.prev_process_progress = prev_process_progress;
                    this.dialogBaoShiBatchHandlerVisible = true;
                },
                getBaoShiBatchHandlerProcessProgress() {
                    let {issue_type_name, prev_process_progress} = this.batchHandlerWorkOrder;
                    let items = [
                        {issue_type_name: '拦截', option: {success: ['成功已退回,不赔偿', '拦截在途丢件，赔偿'], failed: ['无法拦截']}},
                        {issue_type_name: '取消拦截', option: ['已签收', '已退回']},
                        {issue_type_name: '信息更改', option: ['更改成功', '更改失败'],},
                        {issue_type_name: '快递异常', option: ['丢件赔偿', '签收成功']},
                        {issue_type_name: '错漏发', option: ['已补发', '已入库'],},
                        {issue_type_name: '破损', option: ['全部赔偿', '部分赔偿', '不赔偿'],},
                    ];
                    let item = items.find(e => e.issue_type_name === issue_type_name);
                    if (issue_type_name === '拦截') {
                        if (['拦截成功', '已处理', '拦截退回中'].includes(prev_process_progress)) return item.option.success;
                        else if (['拦截失败', '已签收'].includes(prev_process_progress)) return item.option.failed;
                    }
                    return item ? item.option : [];
                },
                baoShiBatchHandlerProcess() {
                    let {issue_type_name, process_progress} = this.batchHandlerWorkOrder;
                    if ('拦截' === issue_type_name) {
                        let url = "{{route("workOrder.intercept.baoShi.batchReviewApi")}}";
                        let data = {
                            detail_ids: this.getCheckDetailsIds(),
                            process_progress: process_progress,
                        };
                        this.baoShiBatchHandlerActions(url, data);
                    } else if ('取消拦截' === issue_type_name) {
                        let url = "{{route("workOrder.cancelIntercept.baoShi.BatchReviewApi")}}";
                        let data = {
                            detail_ids: this.getCheckDetailsIds(),
                            process_progress: process_progress,
                        };
                        this.baoShiBatchHandlerActions(url, data);
                    } else if ('信息更改' === issue_type_name) {
                        let url = "{{route('workOrder.informationChange.baoShi.batchReviewApi')}}";
                        let data = {
                            detail_ids: this.getCheckDetailsIds(),
                            process_progress: process_progress,
                        }
                        this.baoShiBatchHandlerActions(url, data);
                    }
                },
                baoShiBatchHandlerActions(url, data) {
                    this.waitingTempTip("处理中");
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.successTempTip('修改成功');
                            this.replaceWorkOrder(res.data.data);
                            this.dialogBaoShiBatchHandlerVisible = false;
                            $("input:checkbox[name='checkData']").attr('checked', false);
                            this.checkData = [];
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理异常刷新后重试');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    });
                },
                getEditWorkOrderProcessProgress(batchHandlerWorkOrder) {
                    let {prev_process_progress, issue_type_name} = batchHandlerWorkOrder;
                    let editWorkOrderProcessProgressObj = [{
                        name: '拦截', options: {
                            success: ['成功已退回,不赔偿', '拦截在途丢件，赔偿'],
                            filed: ['无法拦截'],
                        },
                    }, {
                        name: '信息更改', options: {success: ['更改成功'], filed: ['更改失败'],},
                    }, {
                        name: '取消拦截', options: ['已签收', '已退回'],
                    }];
                    let processProgressObj = editWorkOrderProcessProgressObj.find(e => issue_type_name === e.name);
                    let {options, name} = processProgressObj;
                    let option = [];
                    if (name === '拦截') {
                        if (prev_process_progress === '拦截退回中') option = options.success;
                        if (prev_process_progress === '拦截失败') option = options.filed;
                    } else if (name === '信息更改') {
                        if (prev_process_progress === '已签收') option = options.success;
                        if (prev_process_progress === '无法更改') option = options.filed;
                    } else if (name === '取消拦截') {
                        option = options;
                    }
                    return option;
                },
                showStoreProcessLog(item, index) {
                    this.dialogProcessLogVisible = true;
                    this.processLogs.select_id = item.id;
                    this.processLogs.select_index = index;
                },
                formStoreProcessLog(work_order_detail_id, worK_order_id) {
                    let url = "{{route('workOrder.processLog.storeApi')}}";
                    let data = {
                        id: worK_order_id,
                        content: document.getElementById('addWorkOrderProcessLogFormInput_' + work_order_detail_id).value,
                    };
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.pushProcessLog(res.data.data);
                            this.successTempTip('处理完成');
                            this.showAddDiv('addWorkOrderProcessLogForm' + work_order_detail_id);
                            this.$forceUpdate();
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，请刷新页面重试');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    })
                },
                storeProcessLog() {
                    let url = "{{route('workOrder.processLog.storeApi')}}";
                    let {select_id, select_index, content} = this.processLogs;
                    let data = {
                        id: select_id,
                        content: content,
                    };
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.pushProcessLog(res.data.data);
                            this.successTempTip('处理完成');
                            if (this.dialogProcessLogVisible) this.dialogProcessLogVisible = false;
                            this.processLogs.select_id = null;
                            this.selectIndex = null;
                            this.content = null;
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，请刷新页面重试');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    })
                },
                showBatchStoreProcessLogs() {
                    if (this.checkData.length === 0) {
                        this.errorTempTip('请选择需要处理工单')
                        return;
                    }
                    this.dialogProcessLogVisible = true;
                },
                batchStoreProcessLogs() {
                    let url = "{{route('workOrder.processLog.batchStore')}}";
                    let data = {
                        ids: this.checkData,
                        content: this.processLogs.content,
                    };
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.successTempTip('处理完成')
                            this.pushProcessLogs(res.data.data);
                            this.dialogProcessLogVisible = false;
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，请刷新页面重试');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    })
                },
                pushProcessLogs(process_logs) {
                    process_logs.forEach(e => {
                        this.pushProcessLog(e)
                    });
                    this.$forceUpdate();
                },
                pushProcessLog(process_log) {
                    let {work_order_detail_id} = process_log;
                    this.workOrders.forEach((e, index) => {
                        let has = e.details.filter(detail => `${detail.id}` === `${work_order_detail_id}`).length > 0;
                        if (has) {
                            this.workOrders[index]['process_logs'].unshift(process_log);
                            if (this.isBaoShi) {
                                this.workOrders[index]['bao_shi_tag'] = '1'
                            } else if (this.isLogistic) {
                                this.workOrders[index]['logistic_tag'] = '1';
                            } else if (this.isOwner) {
                                this.workOrders[index]['owner_tag'] = '1';
                            }
                        }
                    });
                },
                destroyProcessLog(item, log, index) {
                    if (!confirm('是否删除当前记录')) return;
                    let url = "{{route('workOrder.processLog.destroyApi')}}"
                    let data = {
                        id: log.id
                    };
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip()
                        if (res.data.success) {
                            this.successTempTip('处理完成');
                            item.process_logs.splice(index, 1);
                            this.$forceUpdate();
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理异常刷新后重试');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip()
                        this.errorTempTip(err)
                    })
                },


                showOrderCommoditiesInfo(item) {
                    this.dialogOrderCommoditiesVisible = true;
                    this.orderInfo.commodities = item.order_commodities
                },

                displayDelBtn(bool, e) {
                    if (bool) $(e.target).next().removeClass('d-none');
                    else {
                        setTimeout(function () {
                            $(e.target).next().addClass('d-none');
                        }, 100);
                    }
                },
                nowrapText(e) {
                    let truncateSpan = $(e.target);
                    truncateSpan.hide();
                    truncateSpan.siblings('.text-nowrap').show();
                },
                truncateText(e) {
                    let nowrapSpan = $(e.target);
                    nowrapSpan.hide();
                    nowrapSpan.siblings('.text-truncate').show();
                },
                joinLogisticNumberReturn(item, e, index) {
                    let logistic_number_return = $(e.target).prev().val();
                    if (logistic_number_return.trim().length === 0) {
                        this.errorTempTip('请输入退回单号进行添加');
                        return;
                    }
                    let url = "{{route('workOrder.rejectedBill.storeApi')}}";
                    let data = {order_id: item.order_id, logistic_number_return: logistic_number_return};
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.sortOrder(res.data.data);
                            this.$set(this.workOrders, index, res.data.data);
                            this.successTempTip('处理完成');
                            this.$forceUpdate();
                            $(e.target).prev().val('');
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理出现异常')
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    });
                },
                unJoinLogisticNumberReturn(item, logistic_number_return, index) {
                    if (logistic_number_return.trim().length === 0) {
                        this.errorTempTip('请输入退回单号进行添加');
                        return;
                    }
                    let url = "{{route('workOrder.rejectedBill.destroyApi')}}";
                    let data = {order_id: item.order_id, logistic_number_return: logistic_number_return};
                    this.waitingTempTip('处理中');
                    window.axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.sortOrder(res.data.data);
                            this.$set(this.workOrders, index, res.data.data);
                            this.successTempTip('处理完成');
                            this.$forceUpdate();
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理出现异常')
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    });
                },
                changeWorkOrderInfo(item, column, e) {
                    let url = "{{route('workOrder.updateRemissionApi')}}";
                    let data = {
                        id: item.id,
                        column: column,
                        value: $(e.target).val(),
                    };
                    this.waitingTempTip('处理中');
                    axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            item[column] = $(e.target).val();
                            this.successTempTip('处理完成');
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新重试');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    });
                },
                changeUserOwnerGroup(item, e) {
                    let url = "{{route('workOrder.userOwnerGroup.updateApi')}}";
                    let data = {
                        id: item.id,
                        user_owner_group_id: $(e.target).val(),
                    };
                    this.waitingTempTip('处理中');
                    axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            item.user_work_group_id = $(e.target).val();
                            this.successTempTip('处理完成');
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新后重试');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    })
                },
                createUserWorkGroup(item, e) {
                    let url = "{{route('workOrder.userWorkGroups.storeApi')}}";
                    let data = {
                        id: item.id,
                        user_workgroup_id: $(e.target).val(),
                    };
                    this.waitingTempTip('处理中');
                    axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.successTempTip('处理完成');
                            item.user_work_groups = res.data.data;
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新后重试');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    })
                },
                destroyUserWorkGroup(item, index, e) {
                    if (!confirm('确认删除?')) return;
                    let url = "{{route('workOrder.userWorkGroups.destroyApi')}}";
                    let data = {
                        id: item.id,
                        user_workgroup_id: $(e.target).val(),
                    };
                    this.waitingTempTip('处理中');
                    axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.successTempTip('处理完成');
                            item.user_work_groups.splice(index, 1);
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新后重试');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    })
                },
                getEqualsMap(item) {
                    let order_detail_id = item.pending_detail.id;
                    let url = "{{route('workOrder.commodity.equalsMapApi')}}";
                    let data = {
                        id: order_detail_id,
                    }
                    this.waitingTempTip('获取中..');
                    axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.commodityEqualsMap = res.data.data;
                            this.dialogCommoditiesEqualsVisible = true;
                            return;
                        }
                        this.errorTempTip(res.data.message ? res.data.message : '获取失败');
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err);
                    });
                },
                workOrderExport(sign) {
                    let url = '{{route('workOrder.exportApi')}}';
                    let token = '{{ csrf_token() }}';
                    if (sign) {
                        excelExport(true, this.checkData, url, this.total, token);
                    } else {
                        excelExport(false, this.checkData, url, null, token);
                    }
                },
                toggleRejectedBill() {
                    this.hideRejectedBills = !this.hideRejectedBills;
                },
                showBatchCustomRejectedStatus() {
                    if (this.checkData.length === 0) {
                        this.errorTempTip('请勾选需要修改的工单')
                        return;
                    }
                    this.dialogCustomRejectedStatusVisible = true
                },
                batchChangeCustomRejectedStatus() {
                    let dom = document.getElementById('customRejectedStatus');
                    this.batchCustomRejectedStatus(this.checkData, dom.value)
                },
                batchCustomRejectedStatus(ids, rejectedStatus) {
                    let url = "{{route('workOrder.customRejectedStatusApi')}}";
                    let data = {
                        ids: ids,
                        rejectedStatus: rejectedStatus,
                    }
                    window.tempTip.setIndex(1999)
                    window.tempTip.setDuration(9999)
                    window.tempTip.waitingTip('处理中')
                    axios.post(url, data).then(res => {
                        window.tempTip.cancelWaitingTip();
                        if (res.data.success) {
                            this.workOrders.forEach(e => {
                                if (ids.includes(e.id)) {
                                    e.custom_rejected_status = rejectedStatus
                                }
                            });
                            this.dialogCustomRejectedStatusVisible = false;
                        } else {
                            this.errorTempTip(res.data.message)
                        }
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        this.errorTempTip(err)
                    })
                },
                changeCustomRejectedStatus({id}, event) {
                    this.batchCustomRejectedStatus([id], event.target.value)
                },
                checkAll(e) {
                    this.checkData = e.target.checked ? this.workOrders.map(e => e.id) : []
                },
            },
        });
    </script>
@endsection