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

@extends("layouts.app")
@section('title','处理工单')
@section("content")
    <div class="container-fluid d-none" id="list">
        <div>
            <div class="">
                <div id="form_div" style="min-width: 1220px;"></div>
                <div class="form-inline mt-1" id="btn">
                    @can('订单管理-订单问题件生成')
                        <button type="button"
                                class="ml-1 btn btn-outline-dark btn-sm form-control-sm tooltipTarget"
                                @click="createOrderIssue(null,false)" style="background: #dad7e8;">生成问题件
                        </button>
                    @endcan
                    @can('订单管理-订单问题件生成')
                        <button type="button"
                                class="ml-1 btn btn-outline-primary btn-sm form-control-sm tooltipTarget"
                                @click="exportText()">导出文本
                        </button>
                    @endcan
                    @can('订单管理-工单处理-审核')
                    @endcan
                    <button type="button"
                            class="ml-1 btn btn-outline-dark btn-sm form-control-sm tooltipTarget"
                            @click="copyLogisticNumber()" style="background: #dad7e8;">批量复制单号
                    </button>
                    @can('订单管理-工单处理-审核')
                        <button type="button"
                                class="ml-1 btn btn-outline-success btn-sm form-control-sm tooltipTarget"
                                @click="showEditIssueType">批量修改问题件类型
                        </button>
                    @endcan
                </div>

                <div>
                    <table class="table table-sm table-striped table-hover table-bordered td-min-width-80 " id="table">
                        <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 type="checkbox" :value="item.id"></label>
                                </td>
                                <td>
                                    <span v-text="item.id"></span>
                                    <a :href="'{{url("order/issue/index")}}'+'?orderCode='+item.orderno"
                                       target="order/issue/index?addtime=15">
                                        <span v-show="item.is_issue_order" class="badge badge-primary">问题件</span>
                                    </a>
                                    <span v-if="item.work_order_status === '1'" class="badge badge-dark">
                                        新
                                    </span>
                                </td>
                                <td>
                                    @can('订单管理-订单问题件生成')
                                        <button class="btn btn-sm btn-outline-primary"
                                                v-show="!item.is_issue_order "
                                                @click="createOrderIssue(item,true)">生成问题件
                                        </button>
                                    @endcan
                                    @can('订单管理-工单处理-货主编辑')
                                        <button class="btn btn-sm"
                                                style="background-color: #42a887;color: #FFFFFF;border-color: #378d72"
                                                v-if="isOwnerDispose(item)"
                                                @click="ownerShowEdit(item,i)">
                                            <span v-if="item.stats==='待货主完结'">商家完结</span>
                                            <span v-else>商家处理</span>
                                        </button>
                                    @endcan
                                    @can('订单管理-工单处理-承运商编辑')
                                        <button class="btn btn-sm"
                                                style="background-color:#e06538;color: #FFFFFF;border-color: #9a3d23"
                                                v-if="isLogisticDispose(item)"
                                                @click="logisticShowEdit(item,i)">
                                            快递处理
                                        </button>
                                    @endcan
                                    @can('订单管理-工单处理-宝时编辑')
                                        <button class="btn btn-sm"
                                                style="background-color: #38b1e0;color: #FFFFFF;border-color:#90acb6;"
                                                v-if="isBaoShiHandler(item)"
                                                @click="baoShiShowEdit(item,i)">
                                            宝时处理
                                        </button>
                                        <button class="btn btn-sm "
                                                style="background-color: #54c337;color: #FFFFFF;border-color:#90acb6;"
                                                v-if="isBaoShiReview(item)"
                                                @click="baoShiShowEdit(item,i)">
                                            <span v-if="'错漏发' ===  item.issue_type_name">宝时处理</span>
                                            <span v-else>终审</span>
                                        </button>
                                    @endcan
                                </td>
                                <td>
                                    @can('订单管理-工单处理-审核')
                                        <select class="form-control form-control-sm"
                                                :disabled="item.status === '完成'"
                                                :value="item.order_issue_type_id"
                                                @change="changeIssueType(item,$event)">
                                            <option value="0"></option>
                                            <option v-for="type in orderIssueTypes"
                                                    :value="type.name"
                                                    v-text="type.value">
                                            </option>
                                        </select>
                                    @else
                                        <span v-text="item.issue_type_name"></span>
                                    @endcan
                                </td>
                                <td>
                                    <span v-text="item.created_at"></span>
                                </td>
                                <td>
                                    <span v-text="item.status"></span>
                                </td>
                                <td>
                                    <span v-text="item.owner? item.owner.name : ''"></span>
                                </td>
                                <td>
                                    <span v-text="item.order? item.order.client_code : ''"></span>
                                </td>
                                <td>
                                    <div v-for="data in (item.order? item.order.packages : [])">
                                        <span v-text="data.logistic_number"></span>
                                    </div>
                                </td>
                                <td>
                                    <span v-text="item.logistic ? item.logistic.name : ''"></span>
                                </td>

                                <td>
                                    <span v-text="item.creator ? item.creator.name : ''"></span>
                                </td>
                                <td>
                                    <span v-text="item.result_explain ? item.result_explain: item.remark"></span>
                                </td>
                                <td class="log-td" colspan=""
                                    v-on:mouseover="showAddBtn($event)"
                                    v-on:mouseleave="hideAddBtn($event)">
                                    @include('order.workOrder._issue_logs')
                                </td>
                                <td class="container">
                                    <div class="row">
                                        @can('订单管理-工单处理-删除')
                                            <div class="col-1 ">
                                                <div class="header-alert">
                                                    <button type="button"
                                                            class="btn btn-sm btn-outline-danger"
                                                            @click="destroy(item,i)">
                                                        删除
                                                    </button>
                                                </div>
                                            </div>
                                        @endcan
                                        <div class="col-6 m-0 ">
                                            @include('order.workOrder._work_order_details')
                                        </div>
                                        <div @can('订单管理-工单处理-删除') class="col-5 m-0"
                                             @else class="col-6 p-0" @endcan>
                                            @include('order.workOrder._work_order_log')
                                        </div>
                                    </div>

                                </td>
                        </template>
                        </tbody>
                    </table>
                    {{ $workOrders->withQueryString()->links() }}
                </div>
            </div>
            @can('订单管理-工单处理-审核')
                {{--                @include('order.workOrder._edit_issue_type')--}}
            @endcan
            @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')
        </div>
    </div>
@endsection()

@section("lastScript")
    <script type="text/javascript" src="{{asset('js/queryForm/queryForm.js')}}"></script>
    <script type="text/javascript" src="{{mix('js/queryForm/header.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: {
                orderIssueVue:orderIssueVue,
                workOrders: {!! $workOrders->toJson() !!}['data'],
                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
                ],
                workOrder: {
                    id: null,
                    detail_id: null,
                    reissue_logistic_number: null, // 补发单号
                    logistic_number: null, // 丢件快递单号
                    refundImages: [], // 退款图
                    dealImages: [], // 交易图
                },
                logisticEditWorkOrder: {
                    id: null,
                    issue_type_name: null,
                    detail_id: null,
                    reissue_logistic_number: null, // 补发单号
                    logistic_number: null, // 丢件快递单号
                    commodities: [],
                },
                baoShiEditWorkOrder: {
                    id: null,
                    issue_type_name: null,
                    detail_id: null,
                    reissue_logistic_number: null,  // 补发单号
                    logistic_number: null,          // 丢件快递单号
                    commodities: [],
                },
                ownerEditWorKOrder: {
                    id: null,
                    issue_type_name: null,
                    detail_id: null,
                    price: null,
                    reissue_logistic_number: null, // 补发单号
                    logistic_number: null, // 丢件快递单号
                    refundImages: [], // 退款图
                    dealImages: [], // 交易图
                    commodities: [],
                    return_logistic_number:null,
                    return_name:null,
                    return_address:null,
                    return_phone:null,
                },
                fillWorkOrder: {
                    id: null,
                    issue_type_name: null,
                    detail_id: null,
                    reissue_logistic_number: null, // 补发单号
                    logistic_number: null, // 丢件快递单号
                    refundImages: [], // 退款图
                    dealImages: [], // 交易图
                    commodities: [],
                },
                workOrderStatus: ['创建', '信息已填写', '快递已处理', '工单完成'],
                reviewWorkOrder: {
                    id: null,
                    issue_type_name: null,
                    detail_id: null,
                    commodities: [],
                },
                selectTr: null,                 // table 行
                selectDetailId: null,           // 详情
                selectCreateOrderIssueLog: null,// 创建问题件处理信息
                selectOrderIssueLog: null,      // 问题件处理信息
                selectOrderIssue: null,         // 问题件
                selectIssueType: '',
                selectLog: null,                // 工单日志
                selectIndex: null,              // 选中工单
                filePrefix: "{{asset("/storage")}}",
                damagedResults: ['核实破损', '核实未破损'],
                mistakeResults: ['核实少发', '核实多发', '核实未错漏发'],
                processResults: ['核实破损', '核实未破损'],
                mistakeProcessResults: ['少发，宝时补发', '多发，客户买下', '多发，客户退回', '少发，不补发', '核实未错漏发'],
                damagedProcessResults: ['赔偿', '不赔偿'],
                expressAbnormalProcessResults: ['赔偿', '不赔偿'],
                lossProcessResults: ['赔偿', '不赔偿'],
                expressAbnormalLogisticProcessResults: ['已拦截', '已催件'],
                processResultInfo: {
                    "少发，宝时补发": {'0': '商家不做单'},
                    "多发，客户买下": {'0': '商家做出库单（物流选自提，宝时不发货）'},
                    "多发，客户退回": {'0': '客户自行退回（提供退回单号）', '1': '宝时上门取件（提供寄件信息，地址，联系人，电话）'},
                    '少发，不补发': {'0': '商家做入库单，选择明细和数量'},
                    '核实未错漏发': {'0': ''},
                },
            },
            mounted() {
                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', placeholder: '问题件类型', data: this.orderIssueTypes},
                    {name: 'client_code', type: 'input', placeholder: '客户订单号'},
                    {
                        name: 'status', type: 'select', placeholder: '工单当前处理人',
                        data: [{name: '宝时处理', value: '宝时处理'},
                            {name: '货主处理', value: '货主处理'},
                            {name: '承运商处理', value: '承运商处理'},]
                    },
                    {name: 'is_end', type: 'checkbox', tip: '是否已拦截', data: [{name: 'ture', value: '已完成'}]},
                ]];
                this.form = new query({
                    el: '#form_div',
                    condition: data,
                });
                this.form.init();
                let column = [
                    {name: 'id', value: '工单号', neglect: true},
                    {name: 'operation', value: '操作', neglect: true},
                    {name: 'work_type', value: '工单类型', neglect: true},
                    {name: 'created_at', value: '创建时间', neglect: true},
                    {name: 'status', value: '当前处理人', neglect: true},
                    {name: 'owner', value: '货主', neglect: true},
                    {name: 'order_code', value: '订单号', neglect: true},
                    {name: 'logistic_numbers', value: '快递单号'},
                    {name: 'logistic', value: '承运商'},
                    {name: 'creator', value: '创建人'},
                    {name: 'remark', value: '情况说明'},
                    {name: 'order_issue_log', value: '处理结果'},
                    {
                        name: 'ab_operation', type: 'multi', title: "其他操作", rows: [
                                @can('订单管理-工单处理-删除')
                            {
                                value: "删除", col: "1"
                            },
                            {value: "查看资料", col: "6"},
                            {value: "处理日志", col: "5"},
                                @else
                            {
                                value: "查看资料", col: "6"
                            },
                            {value: "处理日志", col: "6"},
                            @endcan
                        ], neglect: true
                    },
                ];
                new Header({
                    el: "table",
                    name: "workOrders",
                    column: column,
                    data: this.workOrders,
                    fixedTop: ($('#form_div').height()) + 2,
                }).init();
                $("#list").removeClass("d-none");
            },
            created() {
                this.workOrders.forEach(item => {
                    this.sortOrder(item);
                    if (!item.order) return;
                    if (!item.order.packages) return;
                });
            },
            filters: {
                dataTime: function (value) {
                    if (value !== null) {
                        return moment(value).format('yyyy-MM-DD');
                    }
                    return value
                },
            },
            methods: {
                sortOrder(workOrder) {
                    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.order_issue ? (workOrder.order_issue.log_is_show = false ): '';
                },
                groupPendingDetail(workOrder) {
                    let detail = workOrder.details.find(item => {
                        return !['完成', '标记'].includes(item.tag);
                    });
                    if (!detail) return null;
                    return {
                        id: workOrder.id,
                        detail_id: detail.id,
                        commodities: detail.commodities,
                        issue_type_name: detail.issue_type ? detail.issue_type.name : '',
                        status: detail.status,
                        reissue_logistic_number: detail.reissue_logistic_number,
                        logistic_number: detail.logistic_number,
                        price: detail.price,
                        return_logistic_number: detail.return_logistic_number,
                        remark: detail.remark,
                        tag: detail.tag,
                        return_address: detail.return_address,
                        return_phone: detail.return_phone,
                        return_name: detail.return_name,
                    };
                },
                groupCommodities(workOrder, isCurrent = true) {
                    let commodities = [];
                    workOrder.details.forEach(detail => {
                        let commoditiy_itmes = detail.commodities.map(item => {
                            item.issue_type_name = detail.issue_type ? detail.issue_type.name : '';
                            return item;
                        });
                        commodities.push(...(commoditiy_itmes ?? []))
                    });
                    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 => {
                            return item.type === type;
                        })
                        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;
                },
                createOrderIssue(item, tag) { // 生成问题件
                    let url = '{{route('workOrder.buildOrderIssueApi')}}';
                    let data = {};
                    if (tag) data.ids = [item.id];
                    else data.ids = 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);
                            this.$set(this.workOrders, i, item);
                        }
                    });
                    this.$forceUpdate();
                },
                getMessageWorkOrder() {
                    let selected = 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.order;
                    let {consignee_name, consignee_phone, province, city, district, address} = order;
                    let adder = `${consignee_name}  ${consignee_phone}  ${province}  ${city}  ${district}  ${address}`;
                    order.packages.forEach(p => {
                        message += `${p.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)
                    }
                },
                changeIssueType(item, e) {
                    let url = '{{route('workOrder.updateIssueTypeApi')}}';
                    let data = {
                        id: item.id,
                        type_id: $(e.target).val()
                    };
                    window.tempTip.waitingTip('修改中.........');
                    window.axios.post(url, data).then(res => {
                        if (res.data.success) {
                            window.tempTip.cancelWaitingTip();
                            window.tempTip.showSuccess('修改成功');
                            item.order_issue_type_id = data.type_id;
                        } else {
                            window.tempTip.cancelWaitingTip();
                            window.tempTip.show(res.data.message ? res.data.message : '修改异常');
                        }
                    }).catch(err => {
                        window.tempTip.cancelWaitingTip();
                        window.tempTip.show(err);
                    });
                },
                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);
                },
                showEditIssueType() {
                    this.selectIssueType = 0;
                    $("edit-issue-type-modal").modal('show');
                },
                editOrderIssueType() {
                    let url = '{{route('workOrder.batchUpdateIssueTypeApi')}}'
                    let data = {ids: checkData, type: this.selectIssueType};
                    window.tempTip.setIndex(1999);
                    window.axios.post(url, data).then(res => {
                        if (res.data.success) {
                            window.tempTip.showSuccess('修改问题件类型成功');
                            this.replaceWorkOrder(res.data.data);
                            $("#edit-issue-type-type-modal").modal('hide');
                            return;
                        }
                        window.tempTip.show(res.data.message ? res.data.message : '修改异常');
                    }).catch(err => {
                        window.tempTip.show(err)
                    })
                },
                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();
                },
                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) {
                                this.countCommoditiesByLogisticNumber(res.data.data);
                                resolve(res.data.data);
                            }
                        }).catch(err => {
                        });
                    });
                },
                countCommoditiesByLogisticNumber(commodities){
                    let index = 0;
                    let logistic_number = commodities[0]['logistic_number'];
                    let count = 0;
                    for(let i = 0; i < commodities.length;i++){
                        let cur_logistic_number = commodities[i]['logistic_number'];
                        if (i === commodities.length - 1 && cur_logistic_number === logistic_number){
                            count ++;
                            commodities[index]['count'] = count;
                            break;
                        }
                        if (logistic_number === cur_logistic_number){
                            count++;
                        } else if (logistic_number !== cur_logistic_number){
                            commodities[index]['count'] = count;
                            index = i;
                            count = 1;
                        }
                        if (i === commodities.length - 1){
                            commodities[index]['count'] = count;
                        }
                    }
                    return commodities;
                },
                baoShiReview(item, i) { // 宝时终审
                    this.reviewWorkOrder = JSON.parse(JSON.stringify(item.pending_detail));
                    this.selectIndex = i;
                    $('#bao-shi-review-modal').modal('show');
                },
                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;
                },
                reviewWorkOrderCommodity(formData) {
                    this.reviewWorkOrder.commodities.forEach(e => {
                        formData.append("commodities[]", JSON.stringify(e));
                    });
                },
                computeBaoShiCheckResult(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 ? '核实多发' : '核实少发')
                },
                sumPrice(workOrder) {
                    workOrder.price = workOrder.commodities.reduce((prev, cur) => {
                        return Number(prev) + Number(cur.price);
                    }, 0);
                },
                getBadgeColor(tag) { // 标记 返回徽章标记
                    if (tag === '完成') return 'badge-success';
                    if (tag === '创建') return 'badge-primary';
                    return '';
                },
                // 宝时处理
                isBaoShiHandler(item){
                    return '错漏发' === item.issue_type_name  && item.status === '宝时处理';
                },
                isBaoShiReview(item){
                    return item.status === '宝时终审';
                },
                baoShiShowEdit(item,index) {
                    let {status} = item;
                    let {issue_type_name, detail_id,commodities} = item.pending_detail;
                    if ("快递丢件" === issue_type_name){
                        this.selectIndex = index;
                        this.baoShiEditWorkOrder.issue_type_name = item.issue_type_name;
                        this.baoShiEditWorkOrder.status = status;
                        this.baoShiEditWorkOrder.detail_id = detail_id;
                        commodities.forEach(e=>{
                            e.bao_shi_check_amount = e.abnormal_amount;
                        });
                        this.baoShiEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        $("#bao-shi-review-modal").modal('show');
                    } else if('破损' === issue_type_name){
                        this.selectIndex = index;
                        this.baoShiEditWorkOrder.issue_type_name = issue_type_name;
                        this.baoShiEditWorkOrder.detail_id = detail_id;
                        this.baoShiEditWorkOrder.status = status;
                        commodities.forEach(e=>{
                            e.bao_shi_check_amount = e.check_amount;
                        });
                        this.baoShiEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);;
                        $("#bao-shi-review-modal").modal('show');
                    } else if ('快递异常' === issue_type_name){
                        this.selectIndex = index;
                        this.baoShiEditWorkOrder.issue_type_name = issue_type_name;
                        this.baoShiEditWorkOrder.detail_id = detail_id;
                        this.baoShiEditWorkOrder.status = status;
                        commodities.forEach(e=>{
                            e.bao_shi_check_amount = e.check_amount;
                        });
                        this.baoShiEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);;
                        $("#bao-shi-review-modal").modal('show');
                    } else if ('错漏发' === issue_type_name){
                        this.selectIndex = index;
                        this.baoShiEditWorkOrder.issue_type_name = issue_type_name;
                        this.baoShiEditWorkOrder.detail_id = detail_id;
                        this.baoShiEditWorkOrder.status = status;
                        commodities.forEach(e=>{
                            e.bao_shi_check_amount = e.check_amount;
                            e.check_result = null;
                        });
                        this.baoShiEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);;
                        $("#bao-shi-review-modal").modal('show');
                    }
                },
                baoShiEdit() {
                    let {status,commodities,issue_type_name} = this.baoShiEditWorkOrder;
                    if ('快递丢件' === issue_type_name ){
                        let url = '{{route('workOrder.loss.baoShi.reviewApi')}}';
                        let formData = new FormData();
                        formData.append('detail_id',this.baoShiEditWorkOrder.detail_id);
                        commodities.forEach(e => {
                            formData.append("commodities[]", JSON.stringify(e));
                        });
                        window.tempTip.setIndex(2000);
                        window.tempTip.waitingTip('处理中');
                        window.axios.post(url,formData).then(res=>{
                            window.tempTip.cancelWaitingTip();
                            if (res.data.success){
                                this.sortOrder(res.data.data);
                                this.$set(this.workOrders,this.selectIndex,res.data.data);
                                $("#bao-shi-review-modal").modal('hide');
                                this.successTempTip('处理完成')
                            } else {
                                this.errorTempTip(res.data.message ? res.data.message : '处理工单出现异常，刷新后重试');
                            }
                        }).catch(err=>{
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip(err);
                        });
                    } 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);
                        commodities.forEach(e => {
                            formData.append("commodities[]", JSON.stringify(e));
                        });
                        window.tempTip.setIndex(2000);
                        window.tempTip.waitingTip('处理中');
                        window.axios.post(url,formData).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('处理完成');
                                $("#bao-shi-review-modal").modal('hide');
                            } else {
                                this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新页面重试');
                            }
                        }).catch(err=>{
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip(err);
                        });
                    } 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);
                        commodities.forEach(e => {
                            formData.append("commodities[]", JSON.stringify(e));
                        });
                        window.tempTip.setIndex(2000);
                        window.tempTip.waitingTip('处理中');
                        window.axios.post(url,formData).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('处理完成');
                                $("#bao-shi-review-modal").modal('hide');
                            } else {
                                this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新页面重试');
                            }
                        }).catch(err=>{
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip(err);
                        });
                    } else if ('错漏发' === issue_type_name){
                        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',this.baoShiEditWorkOrder.detail_id);
                        commodities.forEach(e => {
                            formData.append("commodities[]", JSON.stringify(e));
                        });
                        window.tempTip.setIndex(2000);
                        window.tempTip.waitingTip('处理中');
                        window.axios.post(url,formData).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('处理完成');
                                $("#bao-shi-review-modal").modal('hide');
                            } else {
                                this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新页面重试');
                            }
                        }).catch(err=>{
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip(err);
                        });
                    }
                },
                // 承运商相关
                isLogisticDispose(item) {
                    return ['拦截', '信息更改', '快递异常', '破损','快递丢件'].includes(item.issue_type_name) && item.status === '承运商处理';
                },
                logisticShowEdit(item, index) {
                    let {status} = item.issue_type_name;
                    let {issue_type_name,detail_id,commodities} = item.pending_detail;
                    if (issue_type_name === '拦截') {
                        window.tempTip.waitingTip('处理中');
                        let url = "{{route('workOrder.intercept.logistic.handlerApi')}}";
                        let data = {detail_id: detail_id};
                        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)
                        });
                    } else if (issue_type_name === '信息更改') {
                        window.tempTip.waitingTip('处理中');
                        let url = "{{route('workOrder.informationChange.logistic.handlerApi')}}";
                        let data = {detail_id: item.pending_detail.detail_id};
                        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)
                        });
                    } 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);
                        $("#logistic-fill-work-order-modal").modal('show');
                    } 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);
                        $("#logistic-fill-work-order-modal").modal('show');
                    } 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;
                        let commodities = item.pending_detail.commodities;
                        commodities.forEach(e=>{
                            e.check_amount = e.abnormal_amount;
                        });
                        this.logisticEditWorkOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        $("#logistic-fill-work-order-modal").modal('show');
                    }
                },
                logisticEdit() {
                    let {issue_type_name,commodities,detail_id} = this.logisticEditWorkOrder;
                    if (issue_type_name ==='破损'){
                        let res = this.checkLogisticEditWorkOrder();
                        if (!res.success){
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = '{{route('workOrder.damage.logistic.handlerApi')}}';
                        let formData= new FormData();
                        formData.append('detail_id',detail_id);
                        commodities.forEach(e=>{
                            formData.append('commodities[]',JSON.stringify(e));
                        });
                        window.tempTip.setIndex(2000);
                        window.tempTip.waitingTip('处理中');
                        window.axios.post(url,formData).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('处理完成');
                                $("#logistic-fill-work-order-modal").modal('hide');
                            } else {
                                this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新当前页面重试');
                            }
                        }).catch(err=>{
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip(err);
                        })
                    } 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);
                        commodities.forEach(e=>{
                            formData.append('commodities[]',JSON.stringify(e));
                        });
                        window.tempTip.setIndex(2000);
                        window.tempTip.waitingTip('处理中');
                        window.axios.post(url,formData).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('处理完成');
                                $("#logistic-fill-work-order-modal").modal('hide');
                            } else {
                                this.errorTempTip(res.data.message ? res.data.message : '处理出现异常，刷新当前页面重试');
                            }
                        }).catch(err=>{
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip(err);
                        })
                    }
                },
                // 商家相关
                isOwnerDispose(item) {
                    if (item.issue_type_name === '快递丢件' && item.status === '货主处理') return true;
                    else if (item.issue_type_name === '错漏发' && item.status === '待货主完结') return true;
                    return false;
                },
                ownerShowEdit(item, index) {
                    let issue_type_name = item.issue_type_name;
                    if (issue_type_name === '快递丢件' && item.status === '货主处理') {
                        window.tempTip.waitingTip('获取数据中');
                        this.getOrderCommodity(item).then(res => {
                            window.tempTip.cancelWaitingTip();
                            this.selectIndex = index;
                            this.ownerEditWorKOrder.pirce = null;
                            this.ownerEditWorKOrder.status = item.status;
                            this.ownerEditWorKOrder.issue_type_name = issue_type_name;
                            this.ownerEditWorKOrder.commodities = res.map(item => {
                                item.abnormal_amount = item.amount;
                                item.tag = 0;
                                item.price = 0;
                                return item;
                            }); //商品详情
                            this.ownerEditWorKOrder.id = item.id;                                   // 工单id
                            this.ownerEditWorKOrder.detail_id = item.pending_detail.detail_id;      // 工单详情id
                            this.ownerEditWorKOrder.reissue_logistic_number = null;                 //
                            this.ownerEditWorKOrder.logistic_number = null;                         //
                            this.ownerEditWorKOrder.refundImages = [];                              // 退款截图
                            this.ownerEditWorKOrder.dealImages = [];                                // 交易截图
                            $("#owner-fill-work-order-modal").modal('show');
                        }).catch(err => {
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip('获取数据异常')
                        });
                    } else if (issue_type_name === '错漏发' && item.status === '待货主完结') {
                        this.selectIndex = index;
                        this.ownerEditWorKOrder.detail_id = item.pending_detail.detail_id;
                        let commodities = item.pending_detail.commodities;
                        commodities.forEach(e=>{
                            e.check_amount = e.abnormal_amount;
                        });
                        this.ownerEditWorKOrder.commodities = this.countCommoditiesByLogisticNumber(commodities);
                        this.ownerEditWorKOrder.status = item.status;
                        this.ownerEditWorKOrder.issue_type_name = issue_type_name;
                        $("#owner-fill-work-order-modal").modal('show');
                    }
                },
                ownerEdit() {
                    let {issue_type_name, status} = this.ownerEditWorKOrder;
                    if (issue_type_name === '快递丢件' && status === '货主处理') {
                        let res = this.checkOwnerEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let formData = new FormData();
                        let {detail_id, price, dealImages, refundImages,commodities} = this.ownerEditWorKOrder;
                        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.waitingTip('处理中');
                        let url = '{{route('workOrder.loss.owner.fillDetailApi')}}';
                        window.axios.post(url, formData,{'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;
                                $("#owner-fill-work-order-modal").modal('hide');
                            } else if (res.data.message) {
                                this.errorTempTip(res.data.message);
                            } else {
                                this.errorTempTip('处理出现异常');
                            }
                        }).catch(err => {
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip(err);
                        })
                    } else if (issue_type_name === '错漏发' && this.ownerEditWorKOrder.status === '待货主完结') {
                        let res = this.checkOwnerEditWorkOrder();
                        if (!res.success) {
                            this.errorTempTip(res.message);
                            return;
                        }
                        let url = '{{route('workOrder.mistake.owner.handlerAndEndApi')}}';
                        let formData = new FormData();
                        let {detail_id, commodities,return_logistic_number,
                            return_address,return_phone,return_name,} = this.ownerEditWorKOrder;
                        formData.append('detail_id', detail_id);
                        formData.append('return_logistic_number',return_logistic_number ? return_logistic_number : '');
                        formData.append('return_address', return_address ? return_address : '');
                        formData.append('return_phone', return_phone ? return_phone : '');
                        formData.append('return_name', return_name ? return_name : '');
                        commodities.forEach(e => {
                            formData.append("commodities[]", JSON.stringify(e));
                        });
                        window.tempTip.waitingTip('处理中');
                        window.axios.post(url, formData,{'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;
                                $("#owner-fill-work-order-modal").modal('hide');
                            } else if (res.data.message) {
                                this.errorTempTip(res.data.message);
                            } else {
                                this.errorTempTip('处理出现异常');
                            }
                        }).catch(err => {
                            window.tempTip.cancelWaitingTip();
                            this.errorTempTip(err);
                        })
                    }
                },
                checkBaoShiEditWorkOrder(){
                    if (  ['破损','快递异常'].includes(this.baoShiEditWorkOrder.issue_type_name)){
                        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){
                        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: '商品详情中处理结果不能为空'};
                        }
                    }
                    return {success:true};
                },
                checkOwnerEditWorkOrder() {
                    if (this.ownerEditWorKOrder.issue_type_name === '快递丢件'){
                        if (this.ownerEditWorKOrder.reissue_logistic_number) {
                        } else if (this.ownerEditWorKOrder.dealImages.length === 0) {
                            return {success: false, message: '交易截图和补发单号 二选一'};
                        }
                        if (this.ownerEditWorKOrder.commodities.length === 0) {
                            return {success: false, message: '丢件商品为必填项'};
                        }
                        let filers = this.ownerEditWorKOrder.commodities.filter(item => {
                            return Number(item.price) <= 0 || Number(item.abnormal_amount) <= 0;
                        });
                        if (filers.length > 0) {
                            return {success: false, message: '商品详情中价格为异常数量为必填项，且不为0'};
                        }
                    } else if (this.ownerEditWorKOrder.issue_type_name === '错漏发'){
                        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: '商品详情中的处理项，和处理子项 未必选项'};
                        }
                        // hasReturnAddressInfo
                        // hasReturnLogisticNumber
                        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: '填写退回快递单号'};
                            }
                        }

                    }
                    return {success: true};
                },
                checkLogisticEditWorkOrder(){
                    let filers = this.logisticEditWorkOrder.commodities.filter(item => {
                        return item.check_result.length  === 0;
                    });
                    if (filers.length > 0){
                        return {success:false,message:'商品详情的核实结果不能为空'}
                    }
                    return {success:true};
                },
                successTempTip(message) {
                    window.tempTip.setDuration(1500);
                    window.tempTip.setIndex(2000);
                    window.tempTip.showSuccess(message);
                },
                errorTempTip(message) {
                    window.tempTip.setDuration(2000);
                    window.tempTip.setIndex(2000);
                    window.tempTip.show(message);
                },
                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;
                },
                getProcessResultInfo(process_result,item){
                    let processResultInfos =  {
                        "少发，宝时补发": ['商家不做单'],
                        "多发，客户买下": ['商家做出库单（物流选自提，宝时不发货）'],
                        "多发，客户退回": ['客户自行退回（提供退回单号）','宝时上门取件（提供寄件信息，地址，联系人，电话）'],
                        '少发，不补发': ['商家做入库单，选择明细和数量'],
                        '核实未错漏发': [''],
                    };
                    let infos = processResultInfos[process_result];
                    if (typeof(infos) === 'undefined') return [];
                    if (infos.length === 0){
                        item.process_result_info = infos[0];
                    }
                    return infos;
                },
                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 + "条,点击展开");
                    }
                },
                countByCommodities(commodities){
                    if (commodities.length === 0) return;
                    let index = 0;
                    let logistic_number = commodities[0]['logistic_number'];
                    let count = 0;
                    for(let i = 0; i < commodities.length;i++){
                        let cur_logistic_number = commodities[i]['logistic_number'];
                        if (i === commodities.length - 1 && cur_logistic_number === logistic_number){
                            count ++;
                            commodities[index]['count'] = count;
                            break;
                        }
                        if (logistic_number === cur_logistic_number){
                            count++;
                        } else if (logistic_number !== cur_logistic_number){
                            commodities[index]['count'] = count;
                            index = i;
                            count = 1;
                        }
                        if (i === commodities.length - 1){
                            commodities[index]['count'] = count;
                        }
                    }
                },
                hasReturnAddressInfo(commodities){
                    let filter = commodities.filter(e=>{
                        return e.process_result_info.includes('宝时上门取件');
                    });
                    return filter.length > 0;
                },
                hasReturnLogisticNumber(commodities){
                    let filter = commodities.filter(e=>{
                        return e.process_result_info.includes('客户自行退回');
                    });
                    return filter.length > 0;
                },
            },
        });
    </script>
@endsection