qimall/backend/modules/mall/views/order/reserve.php

<?php

use common\helpers\ComponentHelper;

ComponentHelper::loadComponentView('component/order-address', __DIR__);
ComponentHelper::loadComponentView('component/order-shipping', __DIR__);
ComponentHelper::loadComponentView('com-export-dialog');
ComponentHelper::loadComponentView('com-ellipsis');
?>
<style>
    .vue-line-clamp p {
        line-height: 22px;
    }

    .demo-form-inline .el-select .el-input {
        width: 100px;
    }

    /* 订单表格 start */
    .width-pre10 {
        width: 10%;
    }

    .width-50 {
        width: 50px;
    }

    .width-400 {
        width: 350px;
    }

    .order-table {
        overflow-x: scroll;
    }

    .tab-title,
    .tab-cont {
        width: 100%;
        min-width: 1290px;
        font-size: 13px;
    }

    .tab-title {
        padding: 20px 0;
    }

    .tab-title>li {
        padding: 0 10px;
    }

    .tab-cont {
        border: 1px solid #F2F2F2;
        margin-bottom: 20px;
    }

    .tab-cont-row {
        padding: 10px 0;
        background-color: #F7F7F7;
    }

    .tab-cont-info {
        height: 100px;
    }

    .tab-cont-info>li {
        /* display: flex;
        flex-direction: column;
        justify-content: center; */
        height: 100%;
        padding: 16px 10px;
    }

    .tab-btns {
        width: 320px;
        margin-right: 20px;
    }

    .tab-goods-name {
        margin: 0 10px;
    }

    .border-right {
        border-right: 1px solid #f2f2f2;
    }

    .border-bottom {
        border-bottom: 1px solid #f2f2f2;
    }

    .no-border-bottom {
        border-bottom: none !important;

    }

    .cursor {
        cursor: pointer;
    }

    .edit-icon {
        color: #03c5ff;
        cursor: pointer;
    }

    .popover-btn {
        font-size: 12px;
        padding: 0 10px;
        border-right: 1px solid var(--primary, #03c5ff);
        cursor: pointer;
        display: inline-block;
        line-height: 1;
        color: #03c5ff;
    }

    .popover-btn:last-child {
        border-right: none;
    }

    .width-s {
        width: 250px;
    }

    .el-button--text {
        padding: 0 !important;
    }

    .com-order-refund-status {
        position: absolute;
        bottom: 18px;
        left: 0px;
        height: 20px;
        width: 50px;
        background-color: #FF7171;
        color: #fff;
        text-align: center;
        border-radius: 0 0 5px 5px;
        font-size: 12px;
    }

    .fenRunData .el-dialog__body {
        padding: 0px 10px 0 10px;
    }

    .change_price p {
        padding: 5px;
        font-size: 15px;
        width: 200px;
    }

    .change_price {
        width: 200px;
        margin: 0px 0 0px 81%;

    }

    .change_price label {
        float: left;
        width: 100px;
        text-align: right;
        padding-right: 20px;
    }

    .change_formula {
        float: left;
        width: 300px;
        color: #6c6969;
        font-size: 12px;
    }

    .el-tabs--border-card {
        border: 0;
    }

    /* 订单表格 end */
</style>
<div id="app" v-cloak>
    <el-tabs type="border-card" v-model="orderTypeTab" @tab-click="orderTypeTabClick">
        <el-tab-pane label="商品订单"  name="gorder">
        </el-tab-pane>
        <el-tab-pane label="服务订单"  name="rorder">
        <el-card shadow="never" body-style="background-color: #f3f3f3;padding: 10px 0 0;" v-loading="listLoading">
                <div slot="header">
                    <span>订单列表</span>
                    <div style="float: right; margin: -5px 0;display:flex;">
                        <div style="margin-top: -5px;margin-right:10px;">
                            <el-button type="primary" size="small" @click="detailOrder">批量删除</el-button>
                        </div>
                        <!-- <el-button type="primary" size="small" @click="handle('edit')">添加商品</el-button>-->
                        <!--                <el-button type="primary" size="small">订单导出</el-button>-->
                        <com-export-dialog style="float: right;margin-top: -5px" :field_list='export_list' :action_url="export_url" :params="search_data">
                        </com-export-dialog>
                    </div>

                </div>
                <div class="table-body">
                    <el-tabs v-model="activeName" @tab-click="handleClick">
                        <el-tab-pane v-for="item in tabs" :key="item.value" :label="item.name" :name="item.value">
                            <el-form :inline="true" :model="search_data" size="small" class="demo-form-inline">
                                <el-form-item label="下单时间">
                                    <el-date-picker style="margin-top: 1px;" @change="changeTime" v-model="datetime" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
                                </el-form-item>
                                <el-form-item label="">
                                    <el-input placeholder="请输入订单号" v-model="search_data.order_no"></el-input>
                                </el-form-item>
                                <el-form-item label="">
                                    <el-input placeholder="请输入内容" v-model="search_data.type_value" class="input-with-select">
                                        <el-select v-model="search_data.type" slot="prepend" placeholder="请选择">
                                            <el-option label="订单ID" value="order_id"></el-option>
                                            <el-option label="用户ID" value="user_id"></el-option>
                                            <el-option label="会员编号" value="username"></el-option>
                                            <el-option label="手机号码" value="mobile"></el-option>
                                            <el-option label="商品名称" value="goods_name"></el-option>
                                            <el-option label="交易单号" value="trade_no"></el-option>
                                        </el-select>
                                    </el-input>
                                </el-form-item>
                                <el-form-item label="订单标识">
                                    <el-select v-model="search_data.marketing_type" placeholder="请选择">
                                        <el-option v-for="(val, key) in marketing_type_map" :key="key" :label="val" :value="key">
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item label="支付方式">
                                    <el-select v-model="search_data.payment_type" placeholder="请选择">
                                        <el-option v-for="(val, key) in payment_type_arr" :key="key" :label="val" :value="key">
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item>
                                    <el-button type="primary" @click="search">搜索</el-button>
                                    <el-button type="danger" @click="clearSearch" v-if="show_clear_search_btn">清除条件</el-button>
                                </el-form-item>
                            </el-form>

                            <!-- 订单表格 start -->
                            <div class="order-table">
                                <ul class="tab-title" flex="dir:left cross:center">
                                    <li class="width-50" flex="main:center">
                                        <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="allSelOrder"></el-checkbox>
                                    </li>
                                    <li class="width-400">商品信息</li>
                                    <li class="width-pre10">价格/数量</li>
                                    <li class="width-pre10">实付款</li>
                                    <li class="width-s">服务地址</li>
                                    <li class="width-s" v-if="is_show_username==1">真实姓名</li>
                                    <li class="width-pre10">状态</li>
                                    <li class="">操作</li>
                                </ul>

                                <div class="tab-cont" v-for="(item, index) in list" :key="index">
                                    <div class="tab-cont-row" flex="main:justify cross:center">
                                        <div flex="dir:left cross:center">
                                            <div class="width-50" flex="main:center">
                                                <!-- <el-checkbox v-model="item.select" @change=""></el-checkbox> -->
                                                <el-checkbox-group v-model="checkedOrder" @change="orderChange">
                                                    <el-checkbox :label="item.id">{{''}}</el-checkbox>
                                                </el-checkbox-group>
                                            </div>
                                            <div style="padding-right: 20px;">订单({{ item.id }})编号：{{ item.order_no || '-' }}</div>
                                            <div v-if="item.base_user" style="padding-right: 20px;">
                                                <el-button type="text" @click="navUserDetail(item.base_user.id)" class="all_text">
                                                    用户({{item.base_user.id}})：{{ item.base_user.nickname || item.base_user.username }}
                                                </el-button>
                                            </div>
                                            <div style="padding-right: 20px;">下单时间：{{ item.created_at|dateTimeFormat('Y-m-d H:i:s')}}</div>

                                            <el-tag size="small" style="margin-right: 20px;" v-if="marketing_type_map[item.marketing_type]">{{marketing_type_map[item.marketing_type]}}</el-tag>
                                            <el-tag size="small" style="margin-right: 20px;" v-if="item.reserve && item.reserve.service_type">
                                                {{item.reserve.service_type == 1 ? '上门服务' : '到店服务'}}
                                            </el-tag>
                                            <el-tag size="small" v-if="item.reserve" :type="reserve_type_text[item.reserve.reserve_type].type">
                                                {{reserve_type_text[item.reserve.reserve_type].title}}
                                            </el-tag>
                                        </div>

                                    </div>
                                    <ul class="tab-cont-info" flex="dir:left cross:center" v-for="(it, i) in item.detail" v-if="true">
                                        <li class="width-50" :class="i == item.detail.length - 1 ? 'no-border-bottom' : 'border-bottom'"></li>
                                        <li class="tab-shop-info width-400" flex="dir:left" :class="i == item.detail.length - 1 ? 'no-border-bottom' : 'border-bottom'">
                                            <div style="position: relative;">
                                                <el-button type="text" @click="goodDetail(it.goods_id)">
                                                    <el-image style="width: 50px; height: 50px; border-radius: 5px;" :src="it.pic_url"></el-image>
                                                </el-button>
                                                <span v-if="repeal_list[it.is_feedback]" class="com-order-refund-status">{{ repeal_list[it.is_feedback] }}</span>
                                            </div>
                                            <div class="tab-goods-name">
                                                <com-ellipsis :line="1" :text="it.goods_name+''"></com-ellipsis>
                                                <template>
                                                    <el-tag style="margin-right: 2px;margin-top: 5px;max-width: 187px;overflow: hidden;text-overflow: ellipsis;" size="small">
                                                        {{ it.goods_attr_name || '无规格' }}
                                                    </el-tag>
                                                </template>
                                            </div>
                                        </li>
                                        <li class="width-pre10 border-right" :class="i == item.detail.length - 1 ? 'no-border-bottom' : 'border-bottom'">
                                            <div class="cursor" flex="cross:center" @mouseover="mouseOver(index, i)" @mouseleave="mouseLeave">
                                                <p style="padding-right: 10px;">
                                                    {{ getOrderPrice(it) }}
                                                    <span v-if="it.adjust_money != 0">(调价：￥{{ it.adjust_money }})</span>
                                                </p>
                                            </div>
                                            <p>{{ it.num }}{{it.goods_unit||'件'}}</p>
                                        </li>
                                        <li class="width-pre10 border-right">
                                            <div v-show="i == 0">
                                                <p>{{ item.pay_money }}</p>
                                                <p>
                                                    <el-tag size="small" type="warning">{{payment_type_list[item.payment_type]}}</el-tag>
                                                </p>
                                            </div>
                                        </li>
                                        <li class="width-s border-right">
                                            <div v-show="i == 0">
                                                <div>
                                                    <p>{{ item.receiver_name | emptyFilled }}, {{ item.mobile |emptyFilled}} </p>
                                                    <p style="display: flex;align-items: center;" v-if="item.reserve && item.reserve.service_type">
                                                        <com-ellipsis :line="1" :text="item.reserve.region_name + '' + item.reserve.detail"></com-ellipsis>
                                                    </p>
                                                    <span v-else>--</span>
                                                    <div>
                                                        <p v-if="item.reserve.reserve_date_time"><com-ellipsis :line="1" :text="'预约时间: ' + item.reserve.reserve_date_time"></com-ellipsis></p>
                                                        <p v-if="item.reserve.reserve_code"><com-ellipsis :line="1" :text="'预约码: ' + item.reserve.reserve_code"></com-ellipsis></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="width-s border-right" v-if="is_show_username==1&&item.base_user">
                                            <div v-show="i == 0">
                                                <p>{{ item.base_user.username }}</p>
                                            </div>
                                        </li>
                                        
                                        <li class="width-pre10 border-right">
                                            <div v-show="i == 0">
                                                <el-tag size="small">{{ order_status_list[item.order_status] }}</el-tag>
                                            </div>
                                        </li>
                                        <li v-show="i == 0">
                                            <el-button size="small" type="text" @click="handle('detail',item)">详情</el-button>
                                            <el-button v-if="item.Printer && item.Printer.is_show_printer==1" size="small" type="text" @click="handle('printer',item)">打印小票</el-button>
                                            <template v-if="status_operate_list[item.reserve.reserve_type][item.order_status]">
                                                <template v-for="operate_item in status_operate_list[item.reserve.reserve_type][item.order_status]['operate']">
                                                    <el-button size="small" type="text" @click="handle(operate_item.code,item)">{{operate_item.name}}</el-button>
                                                </template>
                                            </template>
                                            <template v-else></template>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                            <div style="text-align: right;margin: 20px 0;">
                                <div style="text-align: right;margin: 20px 0;">
                                    <el-input v-model="page" placeholder="" size="small" @keyup.enter.native="pageSearch" style="width:50px;  float: right; text-align: center; margin: 0;padding: 0;"></el-input>
                                    <el-pagination @current-change="pagination" background layout="total, prev, pager, next" :page-count="pageCount" :current-page="currentPage" :total="rowCount"></el-pagination>
                                    <!--                        <el-pagination @current-change="pagination" background layout="prev, pager, next"-->
                                    <!--                                       :page-count="pageCount" :current-page="currentPage"></el-pagination>-->
                                </div>
                            </div>
                            <!-- 订单表格 end -->
                        </el-tab-pane>
                    </el-tabs>
                </div>
            </el-card>
        </el-tab-pane>
    </el-tabs>


    <!-- 修改价格 -->
    <el-dialog title="订单改价" :visible.sync="isShowChangePrice">
        <el-form :model="change_price_form" ref="goodsValidateForm" label-width="80px" size="small">
            <el-table :data="change_price_form.detail" :span-method="objectSpanMethod" border>
                <el-table-column prop="goods_name" label="商品" width="180"></el-table-column>
                <el-table-column width="100" prop="price" label="单价(元)">
                    <template slot-scope="scope">
                        <span>{{scope.row.price}}元</span>
                    </template>
                </el-table-column>
                <el-table-column width="50" prop="price" label="数量">
                    <template slot-scope="scope">
                        <span>{{scope.row.num}}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="goods_price" label="小计">
                    <template slot-scope="scope">
                        <span>{{scope.row.price*scope.row.num}}元</span>
                    </template>
                </el-table-column>
                <el-table-column prop="discount_sum" label="优惠">
                    <template slot-scope="scope">
                        <el-tooltip class="item" effect="dark" content="优惠 = 会员折扣 + 优惠券 + 积分抵扣 + 会员价 + 涨减价" placement="top">
                            <span>{{(scope.row.discount_sum).toFixed(2)}}元</span>
                        </el-tooltip>
                    </template>
                </el-table-column>

                <el-table-column prop="" label="涨价或减价">
                    <template slot-scope="scope">
                        <el-input type="number" size="small" v-model="scope.row.adjust_money" @input="sumChangePrice(scope,$event)"></el-input>
                    </template>
                </el-table-column>

<!--                <el-table-column prop="" label="运费">-->
<!--                    <template slot-scope="scope">-->
<!--                        <el-input size="small" v-model="change_price_form.shipping_money" @input="sumChangeShipping($event)" onkeyup="if(value<0){value=0}else{value=toNumber(value,2)}"></el-input>-->
<!--                    </template>-->
<!--                </el-table-column>-->

            </el-table>
            <div style="padding-top: 20px;" class="change_formula">
                <p> 实付总金额 = 小计 + 店铺优惠 + 小计涨减价 + 运费 </p>
            </div>
            <div style="padding-top: 20px;" class="change_price">
                <p> <label>实付总金额 </label> ￥{{change_price_form.new_pay_money}} </p>
            </div>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button @click="isShowChangePrice = false">取 消</el-button>
            <el-button type="primary" @click="handle('change_price',change_price_form,true)" :loading="changePriceLoading">确 定</el-button>
        </div>
    </el-dialog>

    <!-- 备注 -->
    <el-dialog title="备注" width="600px" :visible.sync="isShowRemark">
        <el-form :model="remark_form" ref="goodsValidateForm" label-width="80px" size="small">
            <el-form-item label="" prop="remark">
                <el-input type="textarea" placeholder="卖家备注" v-model="remark_form.seller_remark"></el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button @click="isShowRemark = false">取 消</el-button>
            <el-button type="primary" @click="handle('remark',remark_form,true)" :loading="remarkLoading">确 定</el-button>
        </div>
    </el-dialog>

    <!--手动退款-->
    <el-dialog title="手动退款" width="600px" :visible.sync="isShowManualRefund">
        <el-form :model="manual_refund_form" ref="manualRefundForm" label-width="80px" size="small">
            <el-form-item label="退款金额" prop="refund_amount" :rules="[{required: true, message: '退款金额不能为空'}]">
                <el-input placeholder="退款金额" v-model="manual_refund_form.refund_amount">
                    <template #append>元</template>
                </el-input>
                <p style="color: #999">当前订单最多可退: <strong style="color: red">{{manual_refund_form.max}}</strong> 元</p>
            </el-form-item>
            <el-form-item label="退款理由" prop="reason" :rules="[{required: true, message: '退款理由不能为空'}]">
                <el-input type="textarea" placeholder="退款理由" v-model="manual_refund_form.reason">
                </el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button @click="isShowManualRefund = false">取 消</el-button>
            <el-button type="primary" @click="handle('manual_refund',manual_refund_form,true)" :loading="remarkLoading">确 定</el-button>
        </div>
    </el-dialog>

    <!-- 修改地址 -->
    <order-address :is_show="isShowChangeAddress" :change-address-loading="changeAddressLoading" @sure="handleChangeAddress" :order_info="change_address_form" @close="isShowChangeAddress = false"></order-address>

    <!-- 发货 -->
    <order-shipping :is_show="isShowChangeShipping" :change-shipping-loading="changeShippingLoading" :order_info="shipping_form" @submit="handleShipping" @close="isShowChangeShipping = false"></order-shipping>

    <el-dialog class="fenRunData" title="分润明细" :visible.sync="dialogTableVisible_fenRun">
        <el-tabs v-model="activeNames" @tab-click="commissionHandleClick">
            <el-tab-pane v-for="(v, k) in commission_type" :label="v.label" :key="v.name" :name="v.name">
                <el-table :data="fenRunData">
                    <el-table-column label="用户">
                        <template slot-scope="scope">
                            <div class="table-info-img-text">
                                <el-image class="table-info-img circle" :src="scope.row.avatar_url">
                                    <div slot="error" class="image-slot">
                                        <el-image class="table-info-img" src="/resources/img/common/default-avatar.png"></el-image>
                                    </div>
                                </el-image>
                                <div class="table-info-text">
                                    <div>{{scope.row.nickname}}<span style="color:blue">({{scope.row.user_id}})</span></div>
                                    <div>{{scope.row.mobile}}</div>
                                </div>
                            </div>
                        </template>
                    </el-table-column>
                    <el-table-column property="change_num" :label="v.label">
                        <template slot-scope="scope">
                            <span v-if="scope.row.change_type=='add'" style="color:green;">+{{scope.row.change_num}}</span>
                            <span v-else style="color:red;">-{{scope.row.change_num}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column property="is_frozen" label="状态"></el-table-column>
                    <el-table-column property="capital_type_text" label="类型">
                        <template slot-scope="scope">
                            {{scope.row.capital_type_text}} : {{scope.row.desc}}
                        </template>
                    </el-table-column>
                    <el-table-column property="from_type_text" label="所属插件"></el-table-column>
                </el-table>
            </el-tab-pane>
    </el-dialog>

</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                orderTypeTab:'rorder',
                price: 0,
                visibles: false,
                hidden: false,
                is_show_username: <?= $is_show_username  ?>,
                current: -1,
                detailIndex: -1,
                checkAll: false,
                checked: false,
                select: '',
                input3: '',
                goods_name: '',
                goods_id: '',
                is_show_change_price: true,
                marketing_type_map: {},
                commission_type: [],
                reserve_type_text: [
                    {
                        title: '家政服务',
                        type: 'danger'
                    },
                    {
                        title: '预约服务',
                        type: 'success'
                    }
                ],
                status_operate_list:
                [
                    {
                        '0': {
                            operate: [{
                                'type': 'text',
                                'name': '支付',
                                'code': 'pay'
                            }, {
                                'type': 'text',
                                'name': '关闭交易',
                                'code': 'cancel'
                            }, {
                                'type': 'text',
                                'name': '修改价格',
                                'code': 'change_price'
                            }, {
                                'type': 'text',
                                'name': '备注',
                                'code': 'remark'
                            }, ]
                        },
                        '2': {
                            operate: [{
                                'type': 'text',
                                'name': '开始服务',
                                'code': 'take-delivery'
                            }, {
                                'type': 'text',
                                'name': '备注',
                                'code': 'remark'
                            }, {
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, {
                                'type': 'text',
                                'name': '手动退款',
                                'code': 'manual_refund'
                            }, ]
                        },
                        '3': {
                            operate: [{
                                'type': 'text',
                                'name': '验收服务',
                                'code': 'sales'
                            }, {
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, {
                                'type': 'text',
                                'name': '手动退款',
                                'code': 'manual_refund'
                            }, ]
                        },
                        '4': {
                            operate: [{
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, {
                                'type': 'text',
                                'name': '手动退款',
                                'code': 'manual_refund'
                            }, ]
                        },
                        '-1': {
                            operate: [{
                                'type': 'text',
                                'name': '售后审核',
                                'code': 'sales_review'
                            }, {
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, ]
                        },
                        '-2': {
                            operate: [{
                                'type': 'text',
                                'name': '售后完成',
                                'code': 'sales_finish'
                            }, {
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, ]
                        },
                        '-3': {
                            operate: [{
                                'type': 'text',
                                'name': '售后完成',
                                'code': 'sales_finish'
                            }, {
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, ]
                        },
                        '-4': {
                            operate: [{
                                'type': 'text',
                                'name': '备注',
                                'code': 'remark'
                            }, {
                                'type': 'text',
                                'name': '删除',
                                'code': 'destroy'
                            }]
                        },
                        '-5': {
                            operate: [{
                                'type': 'text',
                                'name': '备注',
                                'code': 'remark'
                            }, {
                                'type': 'text',
                                'name': '删除',
                                'code': 'destroy'
                            }]
                        }
                    },
                    {
                        '0': {
                            operate: [{
                                'type': 'text',
                                'name': '支付',
                                'code': 'pay'
                            }, {
                                'type': 'text',
                                'name': '关闭交易',
                                'code': 'cancel'
                            }, {
                                'type': 'text',
                                'name': '修改价格',
                                'code': 'change_price'
                            }, {
                                'type': 'text',
                                'name': '备注',
                                'code': 'remark'
                            }, ]
                        },
                        '1': {
                            operate: [{
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, {
                                'type': 'text',
                                'name': '手动退款',
                                'code': 'manual_refund'
                            }, ]
                        },
                        '2': {
                            operate: [{
                                'type': 'text',
                                'name': '备注',
                                'code': 'remark'
                            }, {
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, {
                                'type': 'text',
                                'name': '手动退款',
                                'code': 'manual_refund'
                            }, ]
                        },
                        '3': {
                            operate: [{
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, {
                                'type': 'text',
                                'name': '手动退款',
                                'code': 'manual_refund'
                            }, ]
                        },
                        '4': {
                            operate: [{
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, {
                                'type': 'text',
                                'name': '手动退款',
                                'code': 'manual_refund'
                            }, ]
                        },
                        '-1': {
                            operate: [{
                                'type': 'text',
                                'name': '售后审核',
                                'code': 'sales_review'
                            }, {
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, ]
                        },
                        '-2': {
                            operate: [{
                                'type': 'text',
                                'name': '售后完成',
                                'code': 'sales_finish'
                            }, {
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, ]
                        },
                        '-3': {
                            operate: [{
                                'type': 'text',
                                'name': '售后完成',
                                'code': 'sales_finish'
                            }, {
                                'type': 'text',
                                'name': '分润明细',
                                'code': 'fen_run'
                            }, ]
                        },
                        '-4': {
                            operate: [{
                                'type': 'text',
                                'name': '备注',
                                'code': 'remark'
                            }, {
                                'type': 'text',
                                'name': '删除',
                                'code': 'destroy'
                            }]
                        },
                        '-5': {
                            operate: [{
                                'type': 'text',
                                'name': '备注',
                                'code': 'remark'
                            }, {
                                'type': 'text',
                                'name': '删除',
                                'code': 'destroy'
                            }]
                        }
                    }
                ],
                repeal_list: {
                    '1': '售后中',
                    '2': '售后完成',
                },
                tabs: [{
                        name: '全部',
                        value: '999'
                    },
                    {
                        name: '未付款',
                        value: '0'
                    },
                    {
                        name: '已付款',
                        value: '1'
                    },
                    {
                        name: '待服务',
                        value: '2'
                    },
                    {
                        name: '待验收',
                        value: '3'
                    },
                    {
                        name: '已完成',
                        value: '4'
                    },
                    {
                        name: '已关闭',
                        value: '-4'
                    },
                ],
                order_status_list: {
                    '0': "待付款",
                    '1': "已支付",
                    '2': "待服务",
                    '3': "服务中",
                    '4': "已验收",
                    '-4': "已关闭",
                    '-2': "退款中",
                    '-1': "售后申请"
                },
                payment_type_list: {
                    '0': "未支付",
                    '1': "微信",
                    '2': "支付宝",
                    '3': "银联卡",
                    '5': "余额支付",
                    '7': "汇聚支付",
                    '8': "汇聚快捷支付",
                    '12': "积分支付",
                    '15': "银典支付",
                    '16': "通联支付",
                    '100': "线下支付"
                },
                payment_type_arr: {
                    '1': "微信",
                    '2': "支付宝",
                    '3': "银联卡",
                    '5': "余额支付",
                    '7': "汇聚支付",
                    '8': "汇聚快捷支付",
                    '12': "积分支付",
                    '15': "银典支付",
                    '16': "通联支付",
                },
                shipping_type_list: {
                    '1': "物流配送",
                    '2': "买家自提",
                    '3': "货到付款",
                    '4': "本地配送"
                },
                selectList: [{
                    value: 'order_sn',
                    name: '订单号'
                }, ],
                keyword_1: '1',
                activeName: '999',
                list: [],
                export_list: {},
                listLoading: false,
                page: 1,
                pageCount: 0,
                rowCount: 0,
                mch_id: 0, // 这个地方不知道要怎么获取
                searchCats: [],
                datetime: [],
                search_data: { // 筛选条件
                    order_status: null,
                    ids: [],
                    cats: [],
                    start: null,
                    end: null,
                    goods_id: null,
                    order_no: null,
                    type_value: null,
                    type: null,
                    order_id: 0,
                    marketing_type: '',
                    payment_type: '',
                    r: 'mall/order/index',
                    fields: [],
                },
                isShowChangePrice: false,
                change_price_form: {
                    detail: [],
                    shipping_money: 0,
                },
                isShowChangeAddress: false,
                change_address_form: {},
                isShowChangeShipping: false,
                shipping_form: {},
                isShowRemark: false,
                remark_form: {},
                user_level: {},
                // loading
                changePriceLoading: false,
                remarkLoading: false,
                changeAddressLoading: false,
                changeShippingLoading: false,
                orderUrl: 'mall/order/index',
                export_url: 'mall/order/index',
                checkedOrder: [], //选中的订单
                isIndeterminate: false,
                dialogTableVisible_fenRun: false,
                activeNames: 'commission',
                orderId: 0,
                fenRunData: [],
                changesShipping: 0,
                changeprice: 0,
                changeprice_status: false,
                deleteIds: [],
                currentPage: 1,
                isShowManualRefund: false,
                manual_refund_form: {
                    refund_amount: '',
                    id: 0,
                    max: 0,
                    reason: '',
                }
            };
        },
        mounted: function() {
            this.search_data.order_id = getQuery('order_id');
            this.search_data.order_no = getQuery('order_no');
            this.getList(this.search_data);

        },
        computed: {
            show_clear_search_btn: function() {
                return !isEmpty(this.search_data.cats) || !isEmpty(this.search_data.start) ||
                    !isEmpty(this.search_data.end) || !isEmpty(this.search_data.goods_id) ||
                    !isEmpty(this.search_data.order_no) || !isEmpty(this.search_data.type) ||
                    !isEmpty(this.search_data.type_value) || !isEmpty(this.search_data.marketing_type) || !isEmpty(this.search_data.payment_type);
            }
        },
        updated: function() {
            // console.log('ssssss')
        },
        methods: {
            change(e, type) {
                this.$forceUpdate();
            },
            //修改商品价格
            sumChangePrice(data, value) {
                if (value && !isNaN(value)) {
                    if (value) {
                        var change_price = parseFloat(this.change_price_form.detail[data.$index].goods_price) + parseFloat(value);
                        var changesShipping = this.change_price_form.shipping_money;
                        if (this.changesShipping > 0) { //当运费有修改时去修改的值
                            changesShipping = this.changesShipping;
                        }
                        if (!changesShipping) {
                            changesShipping = 0;
                        }
                        var changeprice = 0;
                        var new_pay_money = 0;
                        for (var i = 0; i < this.change_price_form.detail.length; i++) {
                            if (this.change_price_form.detail[i].adjust_money && !isNaN(this.change_price_form.detail[i].adjust_money)) {
                                var value_data = value.split(".");
                                if (value_data.length > 1) {
                                    if (value_data[1].length > 2) {
                                        this.change_price_form.detail[i].adjust_money = parseFloat(value).toFixed(2);
                                    }
                                }
                                changeprice = parseFloat(changeprice) + parseFloat(this.change_price_form.detail[i].adjust_money);
                            }
                            new_pay_money += parseFloat(this.change_price_form.detail[i].goods_price);
                        }
                        if (change_price < 0) {
                            this.change_price_form.new_pay_money = parseFloat(new_pay_money + parseFloat(changesShipping)).toFixed(2);
                            this.change_price_form.detail[data.$index].new_goods_price = parseFloat(this.change_price_form.detail[data.$index].goods_price);
                            this.$message.error("单个商品支付金额不可以小于零");
                        } else {
                            this.change_price_form.new_pay_money = (new_pay_money + parseFloat(changeprice) + parseFloat(changesShipping)).toFixed(2);
                            if (this.change_price_form.new_pay_money < 0.1) {
                                this.$message.error("实付金额不可以小于0.1");
                                return false;
                            }
                            this.changeprice_status = true;
                            this.change_price_form.detail[data.$index].new_goods_price = parseFloat(this.change_price_form.detail[data.$index].goods_price) + parseFloat(value);
                        }
                    }
                }
                return value;
            },
            //修改邮费
            sumChangeShipping(value) { //change_price_form.detail shipping_money
                var changeprice = 0;
                var new_pay_money = 0;
                for (var i = 0; i < this.change_price_form.detail.length; i++) {
                    if (this.change_price_form.detail[i].adjust_money && !isNaN(this.change_price_form.detail[i].adjust_money)) {
                        changeprice = parseFloat(changeprice) + parseFloat(this.change_price_form.detail[i].adjust_money);
                    }
                    new_pay_money += parseFloat(this.change_price_form.detail[i].goods_price);
                }

                if (value && !isNaN(value)) {
                    this.change_price_form.new_pay_money = (new_pay_money + parseFloat(value) + parseFloat(changeprice)).toFixed(2);
                    this.changesShipping = parseFloat(value).toFixed(2);
                }
            },
            objectSpanMethod({
                row,
                column,
                rowIndex,
                columnIndex
            }) {
                if (columnIndex === 6) {
                    console.log(rowIndex, 'rowIndex');
                    if (rowIndex === 0) {
                        return {
                            rowspan: this.change_price_form.detail.length,
                            colspan: 1
                        };
                    } else {
                        return {
                            rowspan: 0,
                            colspan: 0
                        };
                    }
                }

                return {
                    rowspan: 1,
                    colspan: 1
                };
            },
            mouseOver(index, i) {
                // console.log(i)
                this.current = index
                this.detailIndex = i
                this.hidden = true
            },
            mouseLeave() {
                this.hidden = false
            },
            printReceipt() { // 打印小票
                this.$confirm('是否打印小票?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                }).then(() => {

                }).catch(() => {});
            },
            remark() { // 备注

            },
            changeTime(e) {
                // console.log(e)
                this.search_data.start = e[0]
                this.search_data.end = e[1]
            },
            handleClick(res) { //标签页切换
                this.list = []
                this.checkedOrder = []
                if (this.search_data.status == this.activeName) return;
                this.search_data.order_status = this.activeName;
                this.page = 1;
                this.getList(this.search_data);
            },
            navUserDetail(id) {
                this.$navigate({
                    r: 'mall/user/user-detail',
                    id: id
                })
            },
            goodDetail(goods_id) {

                let params = {
                    r: 'mall/goods/edit'
                };
                params = Object.assign(params, {
                    id: goods_id
                });
                navigateTo(params);
            },

            search() {
                this.page = 1;
                this.getList(this.search_data);
            },
            clearSearch() {
                this.search_data.cats = [];
                this.search_data.start = null;
                this.search_data.end = null;
                this.search_data.order_status = null;
                this.search_data.order_no = null;
                this.search_data.type = null;
                this.search_data.type_value = null;
                this.search_data.marketing_type = '';
                this.search_data.payment_type = '';
                this.datetime = [];
                this.getList();
            },
            handleChangeAddress(data) {
                this.handle('change_address', data, true);
            },
            handleShipping(data) {
                this.handle('shipping', data, true);
            },
            orderTypeTabClick(tab,event){
                console.log(this.orderTypeTab)
                if('rorder' == this.orderTypeTab) navigateTo({r:'mall/order/reserve'});
                if('gorder' == this.orderTypeTab) navigateTo({r:'mall/order/index'});
            },
            handle(type, data = null, submit = false) {
                console.log(type)
                let id = data ? parseInt(data.id) : '';
                let url = 'mall/order/operate'
                switch (type) {
                    // 订单详情
                    case 'detail':
                        let params = {
                            r: 'mall/order/reserve-detail'
                        };
                        if (id) params = Object.assign(params, {
                            id: id
                        });
                        navigateTo(params);
                        break;
                        // 删除订单
                    case 'destroy':
                        param = {
                            id: data.id,
                            type
                        };
                        this.$confirm('删除该条数据后不可以恢复, 是否继续?', '警告', {
                            type: 'warning'
                        }).then(() => {
                            this.send('mall/order/del', param)
                        }).catch((err) => {})
                        break;
                        // 取消订单
                    case 'cancel':
                        param = {
                            id: id
                        };
                        this.$confirm('确定关闭订单吗?', '警告', {
                            type: 'warning'
                        }).then(() => {
                            this.send('mall/order/close', param)
                        }).catch((err) => {})
                        break;
                        // 支付订单
                    case 'pay':
                        param = {
                            id: id
                        };
                        this.$confirm('确定付款吗?', '警告', {
                            type: 'warning'
                        }).then(() => {
                            this.send('mall/order/pay', param)
                        }).catch((err) => {})
                        break;
                        // 修改价格
                    case 'change_price':
                        if (submit) {
                            //检测每个商品修改价格不可以小于0和商品总价不可以小于0
                            for (var i = 0; i < this.change_price_form.detail.length; i++) {
                                var change_price = (parseFloat(this.change_price_form.detail[i].goods_price) + parseFloat(this.change_price_form.detail[i].adjust_money)).toFixed(2);
                                if (change_price < 0) {
                                    this.$message.error('单个商品的减价值不可以大于商品实付金额');
                                    return false;
                                }
                            }
                            if (this.change_price_form.new_pay_money < 0.1) {
                                this.$message.error("实付金额不可以小于0.1");
                                return false;
                            }
                            this.changePriceLoading = true;
                            this.send('mall/order/change-price', this.change_price_form, (resp) => {
                                if (resp.code == 0) this.isShowChangePrice = false;
                            });
                            setTimeout(() => {
                                this.changePriceLoading = false;
                            }, 100);
                        } else {
                            this.isShowChangePrice = true;
                            var objString = JSON.stringify(data);
                            this.change_price_form = JSON.parse(objString);
                            this.$set(this.change_price_form, 'new_pay_money', this.change_price_form.pay_money);
                            for (var i = 0; i < this.change_price_form.detail.length; i++) {
                                this.$set(this.change_price_form.detail[i], 'new_goods_price', this.change_price_form.detail[i].goods_price);
                                this.$set(this.change_price_form.detail[i], 'new_adjust_money', this.change_price_form.detail[i].adjust_money);
                                //his.change_price_form.detail[i].adjust_money = 0;
                                var discount_money = (parseFloat(this.change_price_form.detail[i].price) * this.change_price_form.detail[i].num) - parseFloat(this.change_price_form.detail[i].goods_price);
                                this.$set(this.change_price_form.detail[i], 'discount_sum', discount_money);
                            }
                        }
                        break;
                        // 修改收货地址
                    case 'change_address':
                        if (submit) {
                            this.changeAddressLoading = true;
                            this.send('mall/order/change-address', data, (resp) => {
                                if (resp.code == 0) this.isShowChangeAddress = false;
                            });
                            setTimeout(() => {
                                this.changeAddressLoading = false;
                            }, 100);
                        } else {
                            this.isShowChangeAddress = true
                            var objString = JSON.stringify(data);
                            this.change_address_form = JSON.parse(objString);
                        }
                        break;
                        // 备注
                    case 'remark':
                        if (submit) {
                            this.remarkLoading = true;
                            this.send('mall/order/remark', this.remark_form, (resp) => {
                                if (resp.code == 0) this.isShowRemark = false;
                            });
                            setTimeout(() => {
                                this.remarkLoading = false;
                            }, 100);
                        } else {
                            this.isShowRemark = true
                            var objString = JSON.stringify(data);
                            this.remark_form = JSON.parse(objString);
                        }
                        break;
                        // 物流发货
                    case 'shipping':
                        if (submit) {
                            this.changeShippingLoading = true;
                            this.send('mall/order/shipping', data, (resp) => {
                                if (resp.code == 0) this.isShowChangeShipping = false;
                            });
                            setTimeout(() => {
                                this.changeShippingLoading = false;
                            }, 100);

                        } else {
                            this.isShowChangeShipping = true
                            var objString = JSON.stringify(data);
                            this.shipping_form = JSON.parse(objString);

                        }
                        break;
                        // 收货
                    case 'take-delivery':
                        param = {
                            id: id
                        };
                        this.$confirm('确定开始服务吗?', '警告', {
                            type: 'warning'
                        }).then(() => {
                            this.send('mall/order/take-delivery', param)
                        }).catch((err) => {})
                        break;
                        // 订单完成
                    case 'sales':
                        param = {
                            id: id
                        };
                        this.$confirm('确定验收完成订单吗?', '警告', {
                            type: 'warning'
                        }).then(() => {
                            this.send('mall/order/sales-order', param)
                        }).catch((err) => {})
                        break;
                    case 'fen_run':
                        this.dialogTableVisible_fenRun = true;
                        this.orderId = id;
                        this.getCapitalLog(id, this.activeNames)
                        break;
                    case 'printer':
                        param = {
                            order_id: id
                        };
                        this.$confirm('确定打印?', '警告', {
                            type: 'warning'
                        }).then(() => {
                            this.send('printer/default/printer', param)
                        }).catch((err) => {})
                        break;
                    case 'manual_refund':   //  手动退款
                        if (submit) {
                            this.remarkLoading = true;
                            this.$refs['manualRefundForm'].validate((valid) => {
                                if(valid) {
                                    this.send('mall/order/manual-refund', this.manual_refund_form, (resp) => {
                                        if (resp.code == 0) this.isShowManualRefund = false;
                                    });
                                } else {
                                    this.remarkLoading = false;
                                }
                            })
                            if (data.refund_amount == '' || data.refund_amount <= 0) {
                                this.$message.error("退款金额不能为空")
                                return
                            }
                            if (data.refund_amount > data.max) {
                                this.$message.error(`最多可退${data.max}元`)
                                return
                            }
                            if (data.reason == '') {
                                this.$message.error(`退款理由不能为空`)
                                return
                            }

                            setTimeout(() => {
                                this.remarkLoading = false;
                            }, 100);
                        } else {
                            this.isShowManualRefund = true
                            this.manual_refund_form = {
                                id: data.id,
                                refund_amount: '',
                                max: data.pay_money,
                                reason: ''
                            };
                        }
                        break
                }
            },
            send(url, params, callback) {
                let self = this;
                request({
                    params: {
                        r: url,
                    },
                    method: 'post',
                    data: params
                }).then(e => {
                    if (e.data.code == 0) {
                        self.$message.success(e.data.msg);
                        self.getList(this.search_data);
                    } else {
                        self.$message.error(e.data.msg);
                    }
                    if (callback) callback(e.data);
                }).catch(e => {
                    console.log(e);
                });
            },
            pageSearch() {
                this.getList();
                this.page_count = 1;
            },
            searchClick() {
                this.page = 1;
                this.getList();
            },

            pagination(currentPage) {
                let self = this;
                self.page = currentPage;
                self.getList(this.search_data);
            },
            // 获取商品列表
            getList(params = {}) {
                let self = this;
                let basic_params = {
                    r: 'mall/order/index',
                    page: self.page,
                    is_reserve:1
                };
                params = Object.assign(basic_params, params);
                if (self.listLoading == false) {
                    self.listLoading = true;
                    request({
                        params: params,
                        method: 'get',
                    }).then(e => {
                        self.listLoading = false;
                        if (e.data.code == 0) {
                            self.list = e.data.data.list;
                            self.search_data.fields = e.data.data.fields;
                            self.marketing_type_map = e.data.data.marketing_type_map;
                            this.export_list = e.data.data.export_list;
                            self.pageCount = e.data.data.page_count;
                            self.rowCount = parseInt(e.data.data.row_count);
                            if (this.page_count != 1) self.pageCount = e.data.data.page_count;
                            self.commission_type = e.data.data.commission_type;
                            this.currentPage = parseInt(this.page);
                            self.shipping_type_list = e.data.data.shipping_type_list;
                        } else {
                            self.$message.error(e.data.msg);
                        }
                    }).catch(e => {
                        self.$message.error(e.data.msg);
                        self.listLoading = false;
                    });
                }
            },
            orderChange(val) {
                let checkedCount = val.length;
                this.checkAll = checkedCount == this.list.length;
                this.isIndeterminate = checkedCount > 0 && checkedCount < this.list.length;
                this.search_data.ids = val;
                this.deleteIds = val
            },
            allSelOrder(boo) {
                let ids = [];
                this.list.forEach(v => {
                    ids.push(v.id);
                })
                this.checkedOrder = boo ? ids : [];
                this.isIndeterminate = false;
                this.search_data.ids = ids;
                this.deleteIds = ids
            },
            commissionHandleClick(tab, event) {
                console.log(this.activeNames);
                this.getCapitalLog(this.orderId, this.activeNames)

            },
            getCapitalLog(orderId, wallet_type) {
                request({
                    params: {
                        r: 'mall/order/commission-and-score-list',
                        order_id: orderId,
                        wallet_type: wallet_type,
                    },
                    method: 'get',
                }).then(e => {
                    if (e.data.code == 0) {
                        this.fenRunData = e.data.data.list;
                        this.user_level = e.data.data.user_level;
                    } else {
                        self.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    console.log(e);
                });
            },
            getOrderPrice(data) {
                let text = '';
                switch (data.marketing_type) {
                    case 'ScoreMall':
                        text = data.extra_info;
                        break;
                    default:
                        text = '￥' + data.goods_price;
                }
                return text;
            },
            detailOrder() {
                param = {
                    id: this.deleteIds,
                };
                this.$confirm('删除这些数据后不可以恢复, 是否继续?', '警告', {
                    type: 'warning'
                }).then(() => {
                    let self = this;
                    request({
                        params: {
                            r: 'mall/order/del',
                        },
                        method: 'post',
                        data: param
                    }).then(e => {
                        if (e.data.code == 0) {
                            this.checkedOrder = [];
                            this.$message.success(e.data.msg);
                            this.getList(this.search_data);
                        } else {
                            this.$message.error(e.data.msg);
                        }
                    }).catch(e => {
                        console.log(e);
                    });

                }).catch((err) => {})
            },
        }
    });
</script>