qmx_page_admin/src/views/order/components/details.vue

<template>
    <div class="m-details">
        <!--审核轨迹        -->
        <div class="infor-card">
            <div class="cont">
                <div class="tit">审核轨迹</div>
                <div class="classfity">
                    <reviewRecord :hideTitle="true" ref="othersReviewRecord" style="width: 710px"></reviewRecord>
                </div>
            </div>
            <Divider />
        </div>

        <!-- 订单信息 -->
        <div class="infor-card">
            <div class="cont">
                <div class="tit">订单信息</div>
                <div class="classfity">
                    <span>
                        <p>订单编号：</p> {{ orDetails ? orDetails.order_code : '--' }}
                    </span>
                    <span v-if="orDetails.product_type == '大会员-AI中标预测包' || orDetails.product_type == '大会员-招标文件解读'">
                        <p>产品类型：</p>大会员-补充包
                    </span>
                    <span v-else>
                        <p>产品类型：</p>{{ orDetails ? prosType(orDetails.product_type) : '--' }}
                    </span>
                    <span v-if="orderType == 14 && orDetails.product_type == '广告'">
                        <p>广告来源：</p>{{ book ? book.adSource : '--' }}
                    </span>
                    <span v-if="(orDetails.product_type == '大会员' || orDetails.product_type == '大会员-子账号') && book.areaCount == 1">
                        <p>规格：</p>单省版
                    </span>
                    <!-- <span>
                        <p>销售人员：</p>
                        <i class="i-inpt">{{orDetails.salesperson?orDetails.salesperson:'--'}}</i>
                    </span> -->
                    <span v-show="saleTableData.length > 0">
                        <p>业绩归属：</p><span>(以下为最新业绩归属情况)</span>
                    </span>
                    <span v-show="saleTableData.length > 0">
                        <Table border :columns="saleTable" :data="saleTableData">
                            <template slot-scope="{ row }" slot="name">
                                <strong>{{ row.name }}</strong>
                            </template>
                            <template slot-scope="{ row }" slot="saler_dept">
                                <strong>{{ row.saler_dept }}</strong>
                            </template>
                            <template slot-scope="{ row, index }" slot="money">
                                <span>{{ saleTableData[index].money }}</span>
                            </template>
                        </Table>
                    </span>
                    <!-- <span><p>业绩归属部门：</p>{{orDetails?orDetails.saleDepShow?orDetails.saleDepShow:'--':'--'}}</span> -->
                    <span>
                        <!-- {{orDetails?orDetails.sale_time?orDetails.sale_time:'--':'--'}} -->
                        <p>业绩统计时间：</p>
                        <i class="i-inpt">{{  saleDataRes.saleFinal?.time? saleDataRes.saleFinal.time : '--' }}</i>
                    </span>
                    <!-- <span ><p>合同性质：</p>{{orDetails.contract_nature | natureContract}}</span> -->
                    <span>
                        <p>付费类型：</p>{{ orDetails.vip_type | vip_typeF }}
                    </span>
                    <span v-if="orDetails.buy_subject">
                        <p>购买主体：</p>{{ orDetails.buy_subject == 1 ? '个人' : '企业' }}
                    </span>
                    <span>
                        <p>公司名称：</p>{{ orDetails ? orDetails.company_name ? orDetails.company_name : '--' : '--' }}
                    </span>
                    <span>
                        <p>签约主体：</p>{{ orDetails ? orDetails.return_commpany ? orDetails.return_commpany : '--' : '--' }}<span
                            style="color: red;" v-if="orDetails.isUpEnt">（红冲过）</span>
                    </span>
                    <span>
                        <p>约定支付方式：</p>
                        {{ orDetails ? (orDetails.orderStatus != 0 && book.source != 'qmx') || book.source == 'qmx' ? orDetails.payType ? orDetails.payType : '--' : '--' : '--' }}
                    </span>
                    <span>
                        <p>销售渠道：</p>{{ orDetails ? orDetails.sales_channel ? orDetails.sales_channel : '--' : '--' }}
                    </span>
                    <span>
                        <p>下单渠道：</p>{{ orDetails ? orDetails.order_channel_new ? orDetails.order_channel_new : '--' : '--' }}
                    </span>
                    <span>
                        <p>创建时间：</p>{{ orDetails ? orDetails.create_time : '--' }}
                    </span>
                    <span v-if="orDetails.order_channel == 'd03'"><!-- 微信小商店 -->
                        <p>录入时间：</p>--
                    </span>
                    <!-- <span v-else><p>录入时间：</p>{{orDetails?orDetails.entry_time?orDetails.entry_time:'--':'--'}}</span> -->
                    <span>
                        <p>支付审核状态：</p><i :class="orDetails.course_status | courseColr">{{ orDetails.course_status |
                        coursed }}</i>
                    </span>
                    <span>
                        <p>订单审核状态：</p><i :class="orDetails.audit_status | auditColr">{{ orDetails.audit_status |
                        orderCoursed }}</i>
                    </span>
                    <span>
                        <p>订单状态：</p>{{ orDetails.orderStatus | orderStatus }}
                    </span>
                    <span v-if="book.zeroOrderType">
                        <p>0元订单类型：</p>{{ book.zeroOrderType || '--' }}
                    </span>
                    <span>
                        <p>创建人：</p>{{ orDetails.create_person || '--' }}
                    </span>
                    <span>
                        <p>最近一次更新人：</p>{{ orDetails.last_update_person || '--' }}
                    </span>
                    <span>
                        <p>最近一次更新时间：</p>{{ orDetails.last_update_time || '--' }}
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 中标必听课 -->
        <div class="infor-card" v-if="orderType == 0">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>课程名称：</p><i>{{ strCourse.s_name ? strCourse.s_name : '--' }}</i>
                    </span>
                    <span>
                        <p>发票开取方：</p><i>{{ book.i_drawer ? book.i_drawer : '--' }}</i>
                    </span>
                    <span>
                        <p>课程时长：</p>{{ strCourse.s_courseDate ? strCourse.s_courseDate : '--' }}
                    </span>
                    <span>
                        <p>有效日期：</p>{{ strCourse.l_endtime ? l_endtime + '到期' : '--' }}
                    </span>
                    <span>
                        <p>开通权益手机号：</p>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 数据报告 -->
        <div class="infor-card" v-if="orderType == 2">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>报告名称：</p><i v-if="orDetails">{{ orDetails.reportName }}</i>
                    </span>
                    <span>
                        <p>邮箱地址：</p><i v-if="orDetails">{{ orDetails.user_mail }}</i>
                    </span>
                    <span>
                        <p>开通权益手机号：</p>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 历史数据 -->
        <div class="infor-card" v-if="orderType == 3">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>筛选日期：</p><i v-if="book">{{ orderObjectd(book.startime) ? book.startime + ' -
                            ':' - '}}{{ orderObjectd(book.endtime) ? book.endtime : '-' }}</i>
                    </span>
                    <span>
                        <p>区域：</p><i>{{ orderObjectd(book.area) ? String(book.area) : '全国' }}</i>
                    </span>
                    <span>
                        <p>行业：</p><i>{{ orderObjectd(book.industry) ? String(book.industry).replace(/,/g, '，') : '全部' }}</i>
                    </span>
                    <span v-if="orderObjectd(book.keywords)">
                        <div class="par-word">
                            <div class="words" v-for="(item, index) in book.keywords" :key="item.keyword + index">
                                <p><em>关键词：</em>{{ orderObjectd(item.keyword) ? item.keyword : '--' }}</p>
                                <p><em>附加词：</em>{{ orderObjectd(item.appended) ? String(item.appended) : '--' }}</p>
                                <p><em>排除词：</em>{{ orderObjectd(item.exclude) ? String(item.exclude) : '--' }}</p>
                            </div>
                        </div>
                    </span>
                    <span v-else>
                        <p>关键词：</p><i>--</i>
                    </span>
                    <span>
                        <p>关键词匹配方式：</p><i
                            v-if="book">{{ orderObjectd(book.selectType) ? book.selectType == 'title' ? '按标题匹配' : book.selectType == 'all' ? '按全文匹配' : '--' : '--' }}</i>
                    </span>
                    <span>
                        <p>金额：</p>
                        <i v-if="book.minprice && book.maxprice">{{ book.minprice || '' }}万元 - {{ book.maxprice ||
                        '' }}万元</i>
                        <i v-else>全部</i>
                    </span>
                    <span>
                        <p>信息类型：</p><i v-if="book">{{ orderObjectd(book.subtype) ? book.subtype : '全部' }}</i>
                    </span>
                    <span>
                        <p>采购单位：</p><i v-if="book">{{ orderObjectd(book.buyer) ? String(book.buyer) : '--' }}</i>
                    </span>
                    <span>
                        <p>采购单位类型：</p><i v-if="book">{{ orderObjectd(book.buyerclass) ? String(book.buyerclass) : '--' }}</i>
                    </span>
                    <span>
                        <p>中标单位：</p><i v-if="book">{{ orderObjectd(book.winner) ? String(book.winner) : '--' }}</i>
                    </span>
                    <span>
                        <p>数据规格：</p><i v-if="orDetails">{{ orDetails.data_spec || '--' }}</i>
                    </span>
                    <span>
                        <p>数据数量：</p><i v-if="orDetails">{{ orDetails.data_count }}条</i>
                    </span>
                    <span>
                        <p>邮箱地址：</p><i v-if="orDetails">{{ orDetails.user_mail || '--' }}</i>
                    </span>
                    <span>
                        <p>开通权益手机号：</p><i v-if="orDetails">{{ orDetails.user_phone || '--' }}</i>
                    </span>
                    <span>
                        <p>下载链接：</p>
                        <i v-if="orDetails">
                            <a :href="orDetails ? orDetails.download_url : ''" v-if="orDetails.download_url">点击下载</a>
                            <i v-else>--</i>
                        </i>
                        <i v-else>--</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 超级订阅（VIP订阅） -->
        <div class="infor-card" v-if="orderType == 8 || orderType == 16">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>开通权益手机号：</p>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}
                    </span>
                    <span>
                        <p>购买数量：</p><i>{{ orDetails.buy_count || '1' }}人</i>
                    </span>
                    <span v-if="orderType == 8">
                        <p>购买省份：</p>{{ buyProvince ? buyProvince : '--' }}
                    </span>
                    <span v-if="orderType == 16">
                        <p>购买区域：</p><i v-if="book">{{ orderObjectd(book.area) ? String(Object.keys(book.area)) : '全国' }}</i>
                    </span>
                    <!-- <span>
                        <p>开始日期：</p>
                        <i class="i-inpt">{{orDetails?vip_starttime:'--'}}</i>
                    </span> -->
                    <span>
                        <p>计费模式：</p>{{ orDetails ? orDetails.billingMode == 0 ? '免费' : '收费' : '--' }}
                    </span>
                    <span v-if="orderType == 8">
                        <p>订购区域：</p><i style="max-width:70%;width:auto;"
                            v-if="book">{{ book ? book.subscription_area ? book.subscription_area : '--' : '--' }}</i> <span
                            style="color:#f00;"
                            v-if="orDetails.vip_type == '2'">（此次增购{{ book.subscription_area_count }}个省）</span>
                    </span>
                    <span v-if="orderType == 16">
                        <p>订购区域：</p><span style="color:#f00;" v-if="orDetails.vip_type == '2'">此次增购{{ book.num -
                        book.OldNum }}个省</span>
                    </span>
                    <span v-if="orderType == 8">
                        <p>订购行业：</p><i v-if="book">{{ book ? book.industry_str ? book.industry_str : '--' : '--' }}</i>
                    </span>
                    <span v-if="orderType == 8">
                        <p>订阅周期：</p><i v-if="book">
                            {{ book ? book.cyclecount ? book.cycleunit == 1 ? book.cyclecount + '年' : book.cycleunit == 2 ? book.cyclecount + '个月' : book.cycleunit == 3 ? book.cyclecount + '天' : book.cycleunit == 4 ? book.cyclecount + '个季度' : '--' : '--' : '--' }}
                            {{ book ? book.cyclecount ? book.give_cycle ? ' + ' : '' : '' : '' }}
                            <em
                                class="zeng">{{ book ? book.give_cycle ? book.give_cycle ? '活动赠送' + timeChange(book.give_cycle, book.give_type) : '' : '' : '' }}</em>
                            <em
                                class="zeng">{{ book ? book.seller_give_cycle ? book.seller_give_cycle ? '+销售赠送' + timeChange(book.seller_give_cycle, book.seller_give_type) : '' : '' : '' }}</em>
                        </i>
                    </span>
                    <span v-if="orderType == 8">
                        <p>有效日期：</p><i v-if="book">
                            {{ book ? book.effective_date ? book.effective_date + '到期' : '--' : '--' }}
                        </i>
                    </span>
                    <span v-if="orderType == 16">
                        <p>订阅周期：</p><i v-if="book">
                            {{ book ? unitNum(book.cycleunit) : '--' }}
                        </i>
                    </span>
                    <span v-if="orderType == 16">
                        <p>有效日期：</p>
                        <i v-if="book">
                            {{ orDetails ? vip_starttime : '' }}{{ orDetails ? vip_endtime : '' }}
                        </i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 剑鱼文库会员 -->
        <div class="infor-card" v-if="orderType == 20">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>开通权益手机号：</p>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}
                    </span>
                    <span>
                        <p>购买周期：</p><i v-if="book">
                            {{ book ? book.cyclecount ? book.cycleunit == 1 ? book.cyclecount + '年' : book.cycleunit == 2 ? book.cyclecount + '个月' : book.cycleunit == 3 ? book.cyclecount + '天' : book.cycleunit == 4 ? book.cyclecount + '个季度' : '--' : '--' : '--' }}
                        </i>
                    </span>
                    <span>
                        <p>有效日期：</p>
                        <i v-if="book">
                            {{ orDetails ? vip_starttime : '' }}{{ orDetails ? vip_endtime : '' }}
                        </i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 小程序相关 -->
        <div class="infor-card" v-if="orderType == 21">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>开通权益手机号：</p>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}
                    </span>
                    <span>
                        <p>购买数量：</p><i>{{ orDetails.buy_count || '1' }}人</i>
                    </span>
                    <span>
                        <p>购买省份：</p>{{ buyProvince ? buyProvince : '--' }}
                    </span>
                    <span>
                        <p>计费模式：</p>{{ orDetails ? orDetails.billingMode == 0 ? '免费' : '收费' : '--' }}
                    </span>
                    <span>
                        <p>订购区域：</p><i
                            style="max-width:70%;width:auto;">{{ orDetails ? orDetails.buyArea ? orDetails.buyArea : '--' : '--' }}</i>
                    </span>
                    <span>
                        <p>订购行业：</p><i>{{ orDetails ? orDetails.buyIndustry ? orDetails.buyIndustry : '--' : '--' }}</i>
                    </span>
                    <span>
                        <p>订阅周期：</p><i v-if="book">
                            {{ book ? book.cycleCount ? book.cycleUnit == 1 ? book.cycleCount + '年' : book.cycleUnit == 2 ? book.cycleCount + '个月' : book.cycleUnit == 3 ? book.cycleCount + '天' : book.cycleUnit == 4 ? book.cycleCount + '个季度' : '--' : '--' : '--' }}
                            {{ book ? book.cycleCount ? book.give_cycle ? ' + ' : '' : '' : '' }}
                            <em
                                class="zeng">{{ book ? book.give_cycle ? book.give_cycle ? '活动赠送' + timeChange(book.give_cycle, book.give_type) : '' : '' : '' }}</em>
                            <em
                                class="zeng">{{ book ? book.seller_give_cycle ? book.seller_give_cycle ? '+销售赠送' + timeChange(book.seller_give_cycle, book.seller_give_type) : '' : '' : '' }}</em>
                        </i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 企业商机管理 -->
        <div class="infor-card" v-if="orderType == 6">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span v-if="book.source != 'qmx'">
                        <p>企业信息：</p><i v-if="book">{{ book ? book.entname : '' }}</i>
                    </span>
                    <span v-if="book.source != 'qmx'">
                        <p>行业：</p><i v-if="book">{{ book ? book.industry : '' }}</i>
                    </span>
                    <!-- <span v-if="book.source == 'qmx'"><p>购买人数：</p><i v-if="book">{{book?book.personnum:''}}人</i></span> -->
                    <!-- <span v-else><p>团队人数：</p><i v-if="book">{{book?book.personnum:''}}人</i></span> -->
                    <span v-if="book.source == 'qmx'">
                        <p>服务起止时间：</p><i v-if="orDetails">{{ orDetails ? vip_starttime : '' }}{{ orDetails ? vip_endtime : '' }}</i>
                    </span>
                    <span v-else>
                        <p>使用周期：</p><i v-if="book">{{ book ? book.cycle + '年' : '--' }}</i>
                    </span>
                    <span>
                        <p>开通权益手机号：</p>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}
                    </span>
                    <span>
                        <p>购买数量：</p><i>{{ orDetails.buy_count ? orDetails.buy_count + '人' : '--' }}</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 大会员、子账号、补充包 -->
        <div class="infor-card"
            v-if="orderType == 7 || orderType == 9 || orderType == 10 || orDetails.product_type == '大会员-AI中标预测包' || orDetails.product_type == '大会员-招标文件解读'">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span v-if="orderType == 7">
                        <p>开通权益手机号：</p>
                        <i class="i-inpt">{{ orDetails.user_phone ? orDetails.user_phone : '--' }}</i>
                    </span>
                    <span v-else>
                        <p>开通权益手机号：</p>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}
                    </span>
                    <span>
                        <p>购买数量：</p><i>{{ orDetails.buy_count ? orDetails.buy_count + '人' : '--' }}</i>
                    </span>
                    <span>
                        <p>计费模式：</p><i v-if="orDetails">{{ orDetails ? orDetails.billingMode == 0 ? '免费' : '收费' : '--' }}</i>
                    </span>
                    <span>
                        <p>会员套餐：</p><i v-if="book">{{ book ? orderType == 10 ? '自定义' : book.level : '--' }}</i>
                    </span>
                    <!-- <span v-if="orderType == 7">
                        <p>开始时间：</p>
                        <i class="i-inpt">{{orDetails?vip_starttime:'--'}}</i>
                    </span> -->
                    <!-- <span v-if="orderType == 7"><p>订阅周期：</p><i v-if="orDetails">{{orDetails?vip_starttime:''}}{{orDetails?vip_endtime:''}}</i></span>
                    <span v-if="orderType !== 7"><p>有效日期：</p><i v-if="book">{{book?book.effective_date?book.effective_date:'--':'--'}}</i></span> -->
                    <span v-if="orderType == 7 && book.cycle">
                        <p>订阅周期：</p><i>{{ book.cycle }}{{ book.cycleType | cycleTypeF }}</i>
                    </span>
                    <span v-if="orderType !== 7">
                        <p>有效日期：</p><i v-if="orDetails">{{ orDetails ? vip_starttime : '' }}{{ orDetails ? vip_endtime : '' }}</i>
                    </span>
                    <span v-if="orderType == 9">
                        <p>关联订单：</p><i style="cursor:pointer" @click="contactOrderCode_click(book.contactOrderId)"
                            v-if="book">{{ book.contactOrderCode }}</i>
                    </span>
                    <span v-if="showFiled">
                        <p>付费子账号：</p><i
                            v-if="book">{{ book.pay_sub_num || book.pay_sub_num == 0 ? book.pay_sub_num + '个' : '--' }}</i>
                    </span>
                    <span v-if="showFiled">
                        <p>免费子账号：</p><i
                            v-if="book">{{ book.free_sub_num || book.free_sub_num == 0 ? book.free_sub_num + '个' : '--' }}</i>
                    </span>
                    <span v-if="orderType == 7 && book.level == '自定义'">
                        <p>服务列表：</p>
                        <ul v-if="newSerName && oldSerName">
                            <li>1.补充服务：{{ newSerName }}</li>
                            <li>2.原已购服务：{{ oldSerName }}</li>
                        </ul>
                        <ul v-if="serverData.length !== 0 && !(newSerName && oldSerName)">
                            <li v-for="(item, index) in serverData" :key="index">{{ item }}</li>
                        </ul>
                    </span>
                    <span v-if="orderType == 10 && book.level == '自定义'">
                        <p>服务列表：</p>
                        <ul v-if="orDetails.product_type == '大会员-补充包'">
                            <li v-for="(item, index) in supplysData" :key="index">{{ item.name + '（补充包）' }}</li>
                        </ul>
                        <ul v-else-if="orDetails.product_type == '大会员-招标文件解读'">
                            <li>招标文件解读（补充包）</li>
                        </ul>
                        <ul v-else-if="orDetails.product_type == '大会员-AI中标预测包'">
                            <li>中标企业预测（补充包）</li>
                        </ul>
                        <i v-else>--</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 招标文件解读 -->
        <div class="infor-card" v-if="orderType == 11">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>购买次数：</p><i v-if="book">{{ book ? book.count + '次' : '' }}</i>
                    </span>
                    <span>
                        <p>有效日期：</p><i v-if="orDetails">2021/11/15 到期</i>
                    </span>
                    <span>
                        <p>开通权益手机号：</p>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 剑鱼币 -->
        <div class="infor-card" v-if="orderType == 12">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>购买次数：</p><i v-if="book">{{ book ? numed(book.order_score) + '枚' : '--' }}</i>
                    </span>
                    <span>
                        <p>有效日期：</p><i v-if="orDetails">{{ book.isPermanent ? '永久' : '--' }}</i>
                    </span>
                    <span>
                        <p>开通权益手机号：</p>{{ book.phone ? book.phone : '--' }}
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 结构化数据、广告 -->
        <div class="infor-card" v-if="orderType == 13 || orderType == 14">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>购买产品：</p><i v-if="book">{{ book.product ? buyStatus(book.product) : '--' }}</i>
                    </span>
                    <span>
                        <p>数据条数：</p><i v-if="orDetails">{{ orDetails.data_count ? orDetails.data_count + '条' : '--' }}</i>
                    </span>
                    <span>
                        <p>字段类型：</p><i v-if="orDetails">{{ orDetails.data_spec ? orDetails.data_spec : '--' }}</i>
                    </span>
                    <span>
                        <p>服务时间：</p><i v-if="orDetails">{{ orDetails ? vip_starttime : '' }}{{ orDetails ? vip_endtime : '' }}</i>
                    </span>
                    <span>
                        <p>应付金额：</p><i v-if="orDetails">{{ orDetails ? localed(orDetails.pay_money / 100) : '--' }}</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 数据流量包 -->
        <div class="infor-card" v-if="orderType == 15">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>开通权益手机号：</p><i>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}</i>
                    </span>
                    <span>
                        <p>充值条数：</p><i v-if="book">{{ book.pNum ? book.pNum + '条' : '--' }}</i>
                    </span>
                    <span>
                        <p>使用有效期：</p><i v-if="book">{{ book.validYear ? book.validYear + '年' : '--' }}</i>
                    </span>
                    <span>
                        <p>数据规格：</p><i v-if="book">{{ book.pType ? book.pType == 1 ? '标准字段包' : '高级字段包' : '--' }}</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 附件下载包 -->
        <div class="infor-card" v-if="orderType == 17">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>开通权益手机号：</p><i>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}</i>
                    </span>
                    <span>
                        <p>附件个数：</p><i v-if="book">{{ book.num ? book.num + '个' : '--' }}</i>
                    </span>
                    <span>
                        <p>有效期至：</p><i v-if="book">{{ book.validTime ? book.validTime : '--' }}</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 市场分析定制报告下载包”、“企业中标分析报告下载包”、“业主采购分析报告下载包” -->
        <div class="infor-card" v-if="orderType == '22'">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>开通权益手机号：</p><i>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}</i>
                    </span>
                    <span>
                        <p>报告下载份数：</p><i v-if="book">{{ book.pNum ? book.pNum + '份' : '--' }}</i>
                    </span>
                    <span>
                        <p>有效期至：</p><i v-if="book">{{ book.endTime ? book.endTime : '--' }}</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 采购单位画像包 -->
        <div class="infor-card" v-if="orderType == 18">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>开通权益手机号：</p><i>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}</i>
                    </span>
                    <span>
                        <p>采购单位画像个数：</p><i v-if="book">{{ book.num ? book.num + '个' : '--' }}</i>
                    </span>
                    <span>
                        <p>有效期至：</p><i v-if="book">{{ book.validTime ? book.validTime : '--' }}</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 数据文件 -->
        <div class="infor-card" v-if="orderType == 19">
            <div class="cont">
                <div class="tit">产品信息</div>
                <div class="classfity">
                    <span>
                        <p>开通权益手机号：</p><i>{{ orDetails.user_phone ? orDetails.user_phone : '--' }}</i>
                    </span>
                    <span>
                        <p>备注：</p><i v-if="book">{{ book.remark ? book.remark : '--' }}</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 合同信息 -->
        <div class="infor-card" v-if="book.source == 'qmx'">
            <div class="cont">
                <div class="tit">合同信息</div>
                <div class="classfity">
                    <!-- 原订单金额 -->
                    <span>
                        <p>标准售价：</p> {{ orDetails.order_money ? localed(orDetails.order_money) : '--' }}
                    </span>
                    <!-- 应付金额： -->
                    <span>
                        <p>合同金额：</p> {{ orDetails ? localed(orDetails.pay_money / 100) : '--' }}<span style="color: red;"
                            v-if="orDetails.isUpCash">（红冲过）</span>
                    </span>
                    <span>
                        <p>折扣率：</p> {{ orDetails.discountRate || '--' }}
                    </span>
                    <!-- <div v-if="orderType == 7||orderType == 9||orderType == 10">
                        <span><p>大会员应付金额：</p> {{book.bigPayMoney?localed(book.bigPayMoney/100):'--'}}</span>
                        <span><p>子账号应付金额：</p> {{book.subPayMoney?localed(book.subPayMoney/100):'--'}}</span>
                        <span><p>补充包应付金额：</p> {{book.supplyPayMoney?localed(book.supplyPayMoney/100):'--'}}</span>
                    </div> -->
                    <span>
                        <p>佣金金额：</p> {{ orDetails ? localed(orDetails.commission / 100) : '--' }}<span style="color: red;"
                            v-if="orDetails.isUpCommission">（红冲过）</span>
                    </span>
                    <span>
                        <p>手续费：</p> {{ orDetails ? localed(orDetails.procedures_money / 100) : '--' }}<span style="color: red;"
                            v-if="orDetails.isUpProceduresMoney">（红冲过）</span>
                    </span>
                    <span>
                        <p>应收金额：</p> {{ trueMoney || '--' }}
                    </span>
                    <!-- <span><p>客户名称：</p>{{contractData?contractData.customer_name?contractData.customer_name:'--':'--'}}</span> -->
                    <span>
                        <p>协议签订时间：</p>
                        {{ contractData ? contractData.contract_status == 0 ? '--' : contractData.contract_time == '1970-01-01
                        08:00:00'?'--':contractData.contract_time:'--'}}
                    </span>
                    <span>
                        <p>协议编号：</p>
                        {{ contractData ? contractData.contract_status == 0 ? '--' : contractData.contract_code ? contractData.contract_code : '--' : '--' }}
                    </span>
                    <span>
                        <p>协议状态：</p>
                        {{ contractData ? contractData.contract_status == 1 ? '签协议' : contractData.contract_status == 0 ? '不签协议' : '--' : '--' }}
                    </span>
                    <template v-if="contractData && contractData.contract_status == 1">
                        <span>
                            <p>电子协议类型：</p>
                            {{ contractData ? contractData.seal_type == 1 ? '有电子章' : contractData.seal_type == 2 ? '无电子章' : '--' : '--' }}
                        </span>
                        <span>
                            <p>协议甲方类型：</p>
                            {{ contractData ? contractData.partyA_type == 1 ? '个人' : contractData.partyA_type == 2 ? '企业' : '--' : '--' }}
                        </span>
                        <span>
                            <p>协议甲方：</p>{{ contractData ? contractData.partyA_name ? contractData.partyA_name : '--' : '--' }}
                        </span>
                        <span>
                            <p>协议甲方联系人：</p>
                            {{ contractData ? contractData.partyA_person ? contractData.partyA_person : '--' : '--' }}
                        </span>
                        <span>
                            <p>协议甲方联系方式：</p>{{ contractData ? contractData.partyA_tel ? contractData.partyA_tel : '--' : '--' }}
                        </span>
                        <span>
                            <p>协议甲方联系地址：</p>
                            {{ contractData ? contractData.partyA_address ? contractData.partyA_address : '--' : '--' }}
                        </span>
                        <span>
                            <p>协议乙方联系人：</p>
                            {{ contractData ? contractData.partyB_person ? contractData.partyB_person : '--' : '--' }}
                        </span>
                        <span>
                            <p>协议备注：</p>{{ contractData ? contractData.remark ? contractData.remark : '--' : '--' }}
                        </span>

                        <span>
                            <p>协议归档状态：</p> {{ contractData.contract_archive_status | contract_archive_status }}
                        </span>
                        <span>
                            <p>归档时间：</p> {{ contractData.contract_archive_time || '--' }}
                        </span>
                        <span>
                            <p>归档份数：</p> {{ contractData.contract_archive_num || '--' }}
                        </span>
                        <span
                            v-if="(book.source == 'qmx' || !returnMyReceivable) && contractDis && (orDetails.order_status !== -2 && orDetails.order_status !== '已取消')">
                            <p>归档协议：</p>
                            <a @click="downContract" v-if="contractData.contract_file_name">{{
                        contractData.contract_file_name || '--' }}</a>
                            <span v-else>--</span>
                        </span>
                    </template>
                    <template v-else>
                        <span>
                            <p>电子协议类型：</p>--
                        </span>
                        <span>
                            <p>协议甲方类型：</p>--
                        </span>
                        <span>
                            <p>协议甲方：</p>--
                        </span>
                        <span>
                            <p>协议甲方联系人：</p>--
                        </span>
                        <span>
                            <p>协议甲方联系方式：</p>--
                        </span>
                        <span>
                            <p>协议甲方联系地址：</p>--
                        </span>
                        <span>
                            <p>协议乙方联系人：</p>--
                        </span>
                        <span>
                            <p>协议备注：</p>--
                        </span>

                        <span>
                            <p>协议归档状态：</p>--
                        </span>
                        <span>
                            <p>归档时间：</p>--
                        </span>
                        <span>
                            <p>归档份数：</p>--
                        </span>
                        <span>
                            <p>归档协议：</p>
                            <span>--</span>
                        </span>

                    </template>

                </div>
            </div>
            <Divider />
        </div>
        <!-- 订单备注 -->
        <div class="infor-card" v-if="book.source == 'qmx'">
            <div class="cont">
                <div class="tit">订单备注</div>
                <div class="classfity">
                    <span>
                        <div class="shou" v-if="book.remark">{{ book.remark }}</div>
                        <i v-else style="color:#888">暂无订单备注</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 支付信息 -->
        <div class="infor-card" v-if="book.source !== 'qmx'">
            <div class="cont">
                <div class="tit">支付信息</div>
                <div class="classfity">
                    <span>
                        <p>支付单号：</p><i v-if="orders">{{ orders.transaction_id ? orders.transaction_id : '--' }}</i>
                    </span>
                    <span>
                        <p>支付时间：</p><i v-if="orDetails">{{ orDetails.pay_time ? orDetails.pay_time : '--' }}</i>
                    </span>
                    <span>
                        <p>支付方式：</p><i v-if="orDetails">{{ orDetails.pay_way ? orDetails.pay_way : '--' }}</i>
                    </span>
                    <span v-if="orderType == 0 || orderType == 7 || orderType == 9 || orderType == 10">
                        <p>订单金额：</p>
                        <i v-if="orDetails">{{ orDetails.order_money ? localed(orDetails.order_money) : localed(0.00) }}</i>
                    </span>
                    <span v-if="orderType == 1">
                        <p>实付数量：</p>
                        <i v-if="orDetails">{{ orDetails.original_price ? orDetails.original_price : '--' }}</i>
                    </span><!-- 线下课程 -->
                    <span>
                        <p>实付金额：</p>
                        <i v-if="orDetails">
                            <em class="yuan"
                                v-if="book">{{ book.original_price ? book.original_price ? '原价：' + localed(book.original_price / 100) : '' : '' }}</em>
                            {{ getRealmoney(orDetails,book) ? localed(getRealmoney(orDetails,book)) : localed(0.00) }}
                        </i>
                    </span><!-- VIP订阅 -->
                    <span v-if="orderType == 1">
                        <p>支付状态：</p>
                        <i :class="orDetails.order_status | orderColr" v-if="orDetails">{{ orDetails.order_status |
                        orderPay }}</i>
                    </span>
                    <span v-else>
                        <p>支付状态：</p>
                        <i :class="orDetails.order_status | orderWord" v-if="orDetails">{{ orDetails.order_status }}</i>
                    </span>
                    <span>
                        <p>支付凭证：</p>
                        <i v-if="book">
                            <a href="javascript:;" @click="vouched(book.transferV)"
                                v-if="book.transferV">{{ book.transferV ? "点击查看" : '--' }}</a>
                            <i v-else>--</i>
                        </i>
                        <i v-else>--</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 线下课程 -->
        <div class="infor-card" v-if="orderType == 1">
            <div class="cont">
                <div class="tit">优惠信息</div>
                <div class="classfity">
                    <span>
                        <p>每单立减：</p><i
                            v-if="strCourse">{{ strCourse.s_discountPlan ? strCourse.s_discountPlan[0].price : 0 }}</i>
                    </span>
                    <span>
                        <p>多人立减：</p><i v-if="strCourse">{{ strCourse.discountMoney ? strCourse.discountMoney : 0 }}</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 退款信息 -->
        <div class="infor-card">
            <div class="cont">
                <div class="tit">退款信息</div>
                <div class="classfity">
                    <span>
                        <p>退款状态：</p><i>{{ orDetails ? refundStatus(orDetails.refund_status) : '--' }}</i>
                    </span>
                    <span>
                        <p>退款时间：</p><i>{{ refundDis ? refundRes.refund_time : '--' }}</i>
                    </span>
                    <span>
                        <p>退款金额：</p><i>{{ refundDis ? localed(refundRes.refund_money / 100) : '--' }}</i>
                    </span>
                    <span>
                        <p>退款原因：</p>
                        <i>{{ refundRes ? refundRes.refund_reason_type ? refundRes.refund_reason_type : '--' : '--' }}</i>
                    </span>
                    <span>
                        <p>退款备注：</p><i>{{ refundRes ? refundRes.refund_reason ? refundRes.refund_reason : '--' : '--' }}</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 回款信息 -->
        <div class="infor-card">
            <div class="cont">
                <div class="tit">回款计划</div>
                <div class="classfity" v-if="book">
                    <div><span>
                            <p>回款次数：</p>{{ book.paybackNum || '--' }}
                        </span></div>
                    <div class="listbox" style="padding-left:65px" v-if="book.paybackNum > 1">
                        <Table border :columns="paybackTable" :data="paybackTableData">
                            <template slot-scope="{ row }" slot="code">
                                <strong>{{ row.code }}</strong>
                            </template>
                            <template slot-scope="{ row }" slot="time">
                                <strong>{{ row.time || '-' }}</strong>
                            </template>
                            <template slot-scope="{ row }" slot="money">
                                <strong>{{ row.money || '-' }}</strong>
                            </template>
                        </Table>
                    </div>
                    <span v-else>
                        <p>回款计划：</p>
                        <i v-if="book.paybackExpectDate">
                            <i v-if="contractData && contractData.contract_status == 1">自协议签订之日起</i>
                            <i v-else>自订单创建之日起</i>
                            <i>{{ book.paybackWorkDayNum }}个工作日回款,预计回款时间:<i style="color: #36a3f7">{{
                        book.paybackExpectDate ||
                        '-' }}</i></i>
                        </i>
                        <span v-else>--</span>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 回款信息 -->
        <div class="infor-card"
            v-if="book.source == 'qmx' || orDetails.pay_way == '对公转账' || orDetails.order_channel == 'd03' || orDetails.return_status !== 1">
            <div class="cont">
                <div class="tit">回款信息</div>
                <div class="classfity">
                    <span>
                        <p>回款状态：</p><i v-if="orDetails">{{ orDetails ? returnStatus(orDetails.return_status) : '--' }}</i>
                    </span>
                    <span>
                        <p>回款次数：</p><i v-if="returnInfo">{{ returnInfo.count ? returnInfo.count + '次' : '--' }}</i>
                    </span>
                    <span>
                        <p>已回款金额：</p><i v-if="returnInfo">{{ returnInfo.money ? localed(returnInfo.money / 100) : '--' }}</i>
                    </span>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 回款交易详情 -->
        <div class="infor-card"
            v-if="book.source == 'qmx' || orDetails.pay_way == '对公转账' || orDetails.order_channel == 'd03' || orDetails.return_status !== 1">
            <div class="cont">
                <div class="tit">回款交易详情</div>
                <div class="classfity">
                    <i v-if="returnResed" style="color:#888">暂无回款交易详情</i>
                    <div v-for="(item, index) in returnRes" :key="item.id" v-else>
                        <p style="color:#700">回款 {{ index + 1 }}.
                            <!-- <p v-if="returnMyReceivable" style="font-weight:700">回款 {{index + 1}}.  -->
                            <Button v-if="returnMyReceivable" style="margin-left:10px" type="primary"
                                @click="deleteBatchReturnMoneyInfo(item.id)">删除</Button>
                        </p>
                        <span>
                            <p>回款时间：</p>{{ item.return_time }}
                        </span>
                        <span>
                            <p>回款金额：</p>{{ item.return_money ? localed(item.return_money / 100) : '--' }}
                        </span>
                        <span>
                            <p>回款银行：</p>{{ item.bank_name ? item.bank_name : '--' }}
                        </span>
                        <span>
                            <p>回款说明：</p>{{ item.return_remark ? item.return_remark : '--' }}
                        </span>
                        <span>
                            <p>支付方式：</p>{{ item.return_type ? backpayType(item.return_type) : '--' }}
                        </span>
                        <span>
                            <p>支付单号：</p>{{ item.return_code ? item.return_code : '--' }}
                        </span>
                        <span>
                            <p>银行流水号：</p>{{ item.bank_flow ? item.bank_flow : '--' }}
                        </span>
                        <span>
                            <p>支付户名：</p>{{ item.pay_account_name ? item.pay_account_name : '--' }}
                        </span>
                        <span>
                            <p>流水金额：</p>{{ item.flow_money ? localed(item.flow_money / 100) : '--' }}
                        </span>
                        <span>
                            <p>支付凭证：</p>
                            <a :href="item.return_voucher_url ? item.return_voucher_url : '*'" target="_blank"
                                v-if="item.return_voucher_url">点击查看</a>
                            <i v-else>--</i>
                        </span>
                        <span>
                            <p>发票状态：</p>{{ item ? backInvoiceStatus(item.return_invoice_status) : '--' }}
                        </span>
                        <span>
                            <p>操作人员：</p>{{ item.operate_person ? item.operate_person : '--' }}
                        </span>
                        <span>
                            <p>操作时间：</p>{{ item.operate_time ? item.operate_time : '--' }}
                        </span>
                    </div>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 发票信息 -->
        <div class="infor-card">
            <div class="cont">
                <div class="tit">发票信息</div>
                <div class="classfity" v-if="invoiceed.length > 0">
                    <ul>
                        <li class="invoice-list" v-for="(item, index) in invoiceed" :key="index">
                            <div class="top-words">
                                <p>创建时间：{{ item.create_time ? item.create_time : '--' }}</p>
                                <p>创建人：{{ item.operator ? item.operator : '--' }}</p>
                            </div>
                            <p>发票编号：
                                <i v-if="item.invoice_serialnum">{{ item.invoice_serialnum }}</i>
                                <i v-else>--</i>
                            </p>
                            <p>发票ID：
                                <i class="code-blue" @click="invoiceCode(item)" v-if="item.id">{{ item.id }}</i>
                                <i v-else>--</i>
                            </p>
                            <p>关联订单开票金额：{{ item.invoice_order_money ? localed(item.invoice_order_money / 100) : '--' }}
                            </p>
                            <p class="invoice_state">
                                发票状态：<i :class="item.invoice_status | applyClor">{{ item.invoice_status ?
                        item.invoice_status :
                        '--' }}</i>
                                <span @click="setInvoiceState(item)" v-if="item.code_url" class="invoice_state_action">
                                    <span style="font-size: 14px;line-height: 22px;">开票二维码</span>
                                    <span
                                        style="font-size: 12px;line-height: 18px; color: #36a3f7;">支持客户扫码换开或查看发票</span>
                                </span>
                            </p>
                        </li>
                    </ul>
                </div>
                <div v-else style="color:#888;line-height:40px;font-size:16px">暂无发票信息</div>
            </div>
            <Divider />
        </div>
        <!-- 红冲记录 -->
        <div class="infor-card"
            v-if="book.source == 'qmx' || orDetails.pay_way == '对公转账' || orDetails.order_channel == 'd03' || orDetails.return_status !== 1">
            <div class="cont">
                <div class="tit">红冲记录</div>
                <div class="classfity">
                    <i v-if="orDetails.moneyCorrectionData && orDetails.moneyCorrectionData.length === 0"
                        style="color:#888">暂无红冲记录</i>
                    <div v-for="(item, index) in orDetails.moneyCorrectionData" :key="item.id" v-else>
                        <p style="color:#700">红冲记录 {{ index + 1 }}.</p>
                        <span>
                            <p>红冲类型：</p>{{ item.redType }}
                        </span>
                        <span>
                            <p>签约主体：</p>{{ item.signingSubject || '--'}}
                        </span>
                        <span v-if="item.redType.indexOf('签约主体') > -1 && orDetails.product_type === '大会员'">
                            <p>合同金额变动</p>{{ priceProcessing(item.payMoney, item.bigSubMoney, item.supplyMoney) }}
                        </span>
                        <span v-if="item.redType.indexOf('签约主体') > -1 && orDetails.product_type != '大会员'">
                            <p>合同金额变动：</p>{{ item.payMoney ? item.payMoney > 0 ? '+' + item.payMoney / 100 : item.payMoney / 100 : '--' }}
                        </span>
                        <span v-if="item.redType.indexOf('签约主体') > -1">
                            <p>佣金金额变动：</p>
                            {{ item.commission ? item.commission > 0 ? '+' + item.commission / 100 : item.commission / 100 : '--' }}
                        </span>
                        <span v-if="item.redType.indexOf('签约主体') > -1">
                            <p>手续费变动：</p>
                            {{ item.proceduresMoney ? item.proceduresMoney > 0 ? '+' + item.proceduresMoney / 100 : item.proceduresMoney / 100 : '--' }}
                        </span>
                        <!-- <span v-if="item.redType.indexOf('金额')>-1 && orDetails.product_type === '大会员'"><p>大会员应付金额变动：</p>{{item.payMoney?item.payMoney>0?'+'+item.payMoney/100:item.payMoney/100:'--'}}</span> -->
                        <!-- <span v-if="item.redType.indexOf('金额')>-1 && orDetails.product_type === '大会员'"><p>子账号应付金额变动：</p>{{item.bigSubMoney?item.bigSubMoney>0?'+'+item.bigSubMoney/100:item.bigSubMoney/100:'--'}}</span> -->
                        <!-- <span v-if="item.redType.indexOf('金额')>-1 && orDetails.product_type === '大会员'"><p>补充包应付金额变动：</p>{{item.supplyMoney?item.supplyMoney>0?'+'+item.supplyMoney/100:item.supplyMoney/100:'--'}}</span> -->
                        <span v-if="item.redType.indexOf('金额') > -1 && orDetails.product_type === '大会员'">
                            <p>合同金额变动</p>{{ priceProcessing(item.payMoney, item.bigSubMoney, item.supplyMoney) }}
                        </span>
                        <span
                            v-if="item.redType.indexOf('金额') > -1 && orDetails.isNewOrder != '1' && orDetails.product_type != '大会员'">
                            <p>订单金额变动：</p>
                            {{ item.orderMoney ? item.orderMoney > 0 ? '+' + item.orderMoney / 100 : item.orderMoney / 100 : '--' }}
                        </span>
                        <span v-if="item.redType.indexOf('金额') > -1 && orDetails.product_type != '大会员'">
                            <p>合同金额变动：</p>{{ item.payMoney ? item.payMoney > 0 ? '+' + item.payMoney / 100 : item.payMoney / 100 : '--' }}
                        </span>
                        <span v-if="item.redType.indexOf('金额') > -1">
                            <p>佣金金额变动：</p>
                            {{ item.commission ? item.commission > 0 ? '+' + item.commission / 100 : item.commission / 100 : '--' }}
                        </span>
                        <span v-if="item.redType.indexOf('金额') > -1">
                            <p>手续费变动：</p>
                            {{ item.proceduresMoney ? item.proceduresMoney > 0 ? '+' + item.proceduresMoney / 100 : item.proceduresMoney / 100 : '--' }}
                        </span>
                        <span>
                            <p>修正原因：</p>{{ item.correctionReason ? item.correctionReason : '--' }}
                        </span>
                        <span>
                            <p>修正时间：</p>{{ item.createTime ? item.createTime : '--' }}
                        </span>
                        <span>
                            <p>操作人：</p>{{ item.createPerson ? item.createPerson : '--' }}
                        </span>
                    </div>
                </div>
            </div>
            <Divider />
        </div>
        <!-- 业绩变更记录 -->
        <div class="infor-card">
            <div class="cont">
                <div class="tit">业绩变更记录</div>
                <div class="classfity">
                    <i v-if="(saleDataRes.saleRecord && saleDataRes.saleRecord.length === 0 )|| !saleDataRes.saleRecord"
                        style="color:#888">暂无业绩变更记录</i>
                    <div v-for="(item, index) in saleDataRes.saleRecord" :key="index" v-else>
                        <p style="color:#36a3f7">变更记录 {{ index + 1 }}.</p>
                        <span>
                            <p>销售人员：</p>{{ item.name }}
                        </span>
                        <span>
                            <p>业绩归属部门：</p>{{ item.saler_dept ? item.saler_dept : '--' }}
                        </span>
                        <span>
                            <p>销售业绩变动：</p>
                            <span v-if="item.change_value > 0 ">+</span>
                            {{ item.change_value ? Number(item.change_value) / 100 : '--' }}
                        </span>
                        <span>
                            <p>业绩统计时间：</p>{{ item.statistics_time ? item.statistics_time : '--' }}
                        </span>
                        <span>
                            <p>操作时间：</p>{{ item.createtime ? item.createtime : '--' }}
                        </span>
                        <span>
                            <p>操作人：</p>{{ item.operator ? item.operator : '--' }}
                        </span>
                        <span>
                            <p>变更原因：</p>{{ item.change_reason ? item.change_reason : '--' }}
                        </span>
                    </div>
                </div>
            </div>
            <Divider />
        </div>
        <!--盖章记录-->
        <div class="infor-card sale-record">
            <div class="cont">
                <div class="tit">盖章记录</div>
                <div class="classfity">
                    <i v-if="!orders.sealArr || (orders.sealArr && orders.sealArr.length === 0)"
                        style="color:#888">暂无盖章记录</i>
                    <template v-if="orders.sealArr && orders.sealArr.length > 0">
                        <div class="seal-item" v-for="item in orders.sealArr" :key="item.id">
                            <span class="s-row">
                                <p class="s-label">盖章时间：</p>{{ item.stamp_time ? item.stamp_time.split(' ')[0] : '-' }}
                                <span v-if="showSealBtn" class="color4 delete-text"
                                    @click="deleteSealItem(item)">删除</span>
                            </span>
                            <span class="s-row">
                                <p class="s-label">申请人：</p>{{ item.applicant_name ? item.applicant_name : '--' }}
                            </span>
                            <span class="s-row">
                                <p class="s-label">操作人：</p>{{ item.salesperson_name ? item.salesperson_name : '--' }}
                            </span>
                            <span class="s-row">
                                <p class="s-label">操作时间：</p>{{ item.create_time ? item.create_time : '--' }}
                            </span>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class="bot-btn">
            <!-- 代用户下单和线上下单不支持编辑 -->
            <Button class="piao-btn" style="margin-right:20px" type="success" size="large" @click="editOrder"
                v-if="book.source == 'qmx' && !isHelpOrderDetail && (returnMyeditor === 1 || ((orDetails.order_status !== -2 && orDetails.order_status !== '已取消') && (orDetails.audit_status === 3) && returnMyeditor === 3) || orDetails.audit_status === -4)">编辑订单</Button>
            <Button class="piao-btn" style="margin-right:20px" type="success" size="large" disabled v-else>编辑订单</Button>
            <Button class="piao-btn" type="success" size="large" disabled
                v-if="returnMyReceivable && (returnCashStatus || (orDetails.order_status == -2 || orDetails.order_status == '已取消')) || orDetails.audit_status != 3">新增回款信息</Button>
            <Button v-else-if="returnMyReceivable && orDetails.audit_status == 3" class="piao-btn" type="success"
                size="large" @click="relation">新增回款信息</Button>

            <Button class="ping-btn" type="success" size="large" disabled
                v-if="returnMyReceivable && (orDetails.applybill_status == '已开具' || (book.source == 'qmx' && orDetails.orderStatus == -2) || (!book.source && orDetails.orderStatus == 0) || orDetails.audit_status !== 3)">线下开发票</Button>
            <Button v-else-if="returnMyReceivable" class="ping-btn" type="success" size="large"
                @click="pushInvo">线下开发票</Button>
            <Button v-if="isShowCustom" class="ping-btn" type="success" size="large"
                @click="scanCodeVote">客户自助扫码开票</Button>
            <Button v-else disabled class="ping-btn" type="success" size="large">客户自助扫码开票</Button>
            <Button class="ping-btn" type="primary" size="large" :disabled="cannotDownloadEContract"
                :loading="loading.eContract" @click="downloadEContract">下载电子协议</Button>
            <Button class="ping-btn" type="success" size="large" @click="uploadP"
                v-if="returnMyReceivable && (book.source == 'qmx' && (orDetails.order_status !== -2 && orDetails.order_status !== '已取消')) && orDetails.audit_status === 3">上传归档协议</Button>
            <Button v-else-if="returnMyReceivable" class="ping-btn" type="success" size="large" disabled>上传归档协议</Button>
            <!-- <Button
                class="ping-btn"
                type="success"
                size="large"
                @click="downContract"
                v-if="(book.source == 'qmx'|| !returnMyReceivable)&&contractDis && (orDetails.order_status !== -2 && orDetails.order_status !== '已取消')"
            >下载归档协议</Button>
            <Button class="ping-btn" type="success" size="large" disabled v-else>下载归档协议</Button> -->
            <Button v-if="showPermissionActivation" class="piao-btn" style="margin-left:20px" type="success"
                size="large" @click="permissionActivation">权限开通</Button>
            <Button size="small" type="error" style="margin-left:20px" @click="performanceChange"
                v-if="PermissionFunction(saleDataRes.saleEdit) && saleDataRes.saleRecord && saleDataRes.saleRecord.length > 0">业绩变更</Button>
            <Button class="shen-btn" type="primary" size="large" @click="audited"
                v-if="returnMyReceivable && courseDis">审核</Button>
            <Button class="shen-btn" type="primary" size="large" disabled v-else-if="returnMyReceivable">审核</Button>
            <Button class="tui-btn" size="small" type="error" @click="refund"
                v-if="returnMyReceivable && orderComp">退款</Button>
            <Button class="tui-btn" size="small" type="error" disabled v-else-if="returnMyReceivable">退款</Button>
            <Button class="shen-btn" size="small" type="error" :disabled="!returnMyReceivable" @click="correction"
                v-if="returnMyReceivable && orDetails.billingMode === 1 && this.book.source === 'qmx'">红冲</Button>
            <Button class="seal-btn" size="small" type="primary" @click="sealBtnHandle" v-if="showSealBtn">盖章</Button>

        </div>
        <!-- 线下开发票、新增回款信息、审核、退款弹框 -->
        <d-model ref="backRef" :data="orders" :orderDetail="orDetails" :contractData="contractData"
            :returnRes="returnRes" :returnInfo="returnInfo" :isStatus="book.source" :payMoney="orDetails.pay_money"
            :filterData="book"></d-model>
        <!-- 客户扫码自助开票 -->
        <set-order-info :show-content="2" :show-dialog="showDialog" :order-info="orDetails" title="客户自助扫码开票"
            @close="closeComDialog">
        </set-order-info>
        <!-- 开票二维码 -->
        <set-order-info ref="invoiceRef" :show-content="4" :show-dialog="showInvoiceDialog" :order-info="orDetails"
            title="开票二维码" @close="closeComDialog">
            <div style="display:flex;flex-direction:column;" slot="content">
                <span>订单编号：{{selectInvoice.invoice_order_code}}</span>
                <span>开票金额合计：{{selectInvoice.invoice_money / 100}}元</span>
            </div>
        </set-order-info>
        <!-- 不支持线上开票弹窗 -->
        <common-dialog class="no-online-dialog" title="不支持线上开票" :visible="showOnlineDialog" :show-close="false">
            <div class="dialog-content">订单签约主体是“北京拓普丰联信息科技股份有限公司”，请联系财务线下开票。</div>
            <div slot="footer" class="dialog-footer-content">
                <button class="btn-confirm" @click="showOnlineDialog = false">我知道了</button>
            </div>
        </common-dialog>
        <!-- 发票编号弹框 -->
        <code-model ref="codeRef" :codeDetail="codeDetail"></code-model>
        <!-- 批量回款弹框 -->
        <b-collect ref="batchModel" :selectData="[orDetails]" :bookLevel="book.level" @onChange="onChange"></b-collect>
        <online-order-edit ref="onlineOrderEdit" returnMyReceivable />
        <otherOrderEdit ref="otherOrderEdit" returnMyReceivable />
        <bigOrderEdit ref="bigOrderEdit" returnMyReceivable />
        <!-- 盖章记录弹窗-->
        <sealDialog ref="sealDialogRef" />
    </div>
</template>

<script>
import setOrderInfo from './setOrderInfo.vue'
import dModel from './detailModel'
import bCollect from './batchOrder.vue'
import codeModel from './codeModel.vue'
// import dateSigle from '@/components/dateSigle'
import onlineOrderEdit from "./onlineOrderEdit.vue"
import otherOrderEdit from "./otherOrderEdit.vue"
import bigOrderEdit from "./bigOrderEdit.vue"
import reviewRecord from './reviewRecord.vue'
import sealDialog from './sealDialog'
import commonDialog from '@/components/Dialog.vue';
import { dateFormatter, addDate } from '@/assets/js/date.js'
import { Input, Button } from 'element-ui'
export default {
    props: {
        orderType: String
    },
    components: {
        [Input.name]: Input,
        [Button.name]: Button,
        dModel,
        // dateSigle,
        setOrderInfo,
        commonDialog,
        bCollect,
        codeModel,
        onlineOrderEdit,
        otherOrderEdit,
        bigOrderEdit,
        reviewRecord,
        sealDialog
    },
    data() {
        return {
            saleTable: [
                {
                    title: '销售人员',
                    slot: 'name',
                    width: 200
                },
                {
                    title: '业绩归属部门',
                    slot: 'saler_dept',
                    width: 200,
                },
                {
                    title: '销售业绩（元）',
                    slot: 'money',
                    width: 200,
                }
            ],
            paybackTable: [
                {
                    title: '序号',
                    slot: 'code'
                },
                {
                    title: '预计回款时间',
                    slot: 'time'
                },
                {
                    title: '预计回款金额（元）',
                    slot: 'money'
                }
            ],
            paybackTableData: [],
            saleTableData: [],
            saleReadon: true,
            phoneReadon: true,
            isSales: false,
            addDate8: false,
            buyProvince: '',
            bigPhone: '',
            trueMoney: '',
            contractData: [],
            returnInfo: [],
            returnRes: [],
            refundRes: [],
            orders: {},
            codeDetail: [],
            beginTime: '',
            saleTime: '',
            orDetails: {},
            book: [],
            strCourse: [],
            l_starttime: '',
            l_endtime: '',
            vip_starttime: '',
            vip_endtime: '',
            serverData: [],
            supplysData: [],
            isDisable: false,
            invoiceed: [],
            uploadData: {
                type: 'transferAccounts'
            },
            loading: {
                eContract: false,
            },
            previousPage: '',
            showDialog: false,
            showInvoiceDialog: false,
            showOnlineDialog: false,
            isShowCustom: false,
            newSerName: '',
            oldSerName: '',
            // 有盖章操作权限的用户
            stampedInterest: [],
            selectInvoice: {},// 点击开票二维码选中的发票信息
            saleDataRes: {} // 业绩相关集合
        }
    },
    computed: {
        showPermissionActivation() {// 权限开通
            let newVip = (this.orderType == 8 || this.orderType == 16) && !this.orDetails.vip_type //超级订阅新购
            let newMember = (this.orderType == 7) && this.book.createType == 1 //大会员新购
            console.log(this.orDetails.vip_starttime)
            return this.orDetails.return_status == '1' && this.orDetails.isServiceOpen === 0 && (newVip || newMember) && new Date(this.orDetails.vip_starttime).getTime() > new Date().getTime()

        },
        // 是否显示付费子账号，免费子账号字段
        showFiled() {
            if (this.orDetails.isNewOrder != '1') {
                return true
            } else if ((this.orderType == 7 || this.orderType == 9) && !this.orDetails.buy_count) {
                return true
            } else {
                return false
            }
        },
        // 禁止下载电子协议
        cannotDownloadEContract() {
            if (!this.orDetails || !this.contractData) {
                return true
            }
            const { filterData, res } = this.orders || {}
            if (!filterData || !res) {
                return true
            }
            // 1. 订单审核状态是“已通过”
            const orderPass = this.orDetails.audit_status == 3
            // 2. 签约主体为“北京剑鱼信息技术有限公司”
            const partyBPass = this.orDetails.return_commpany == '北京剑鱼信息技术有限公司' || this.orDetails.signing_subject === 'h01' // 签约主体为：北京剑鱼信息技术有限公司/h01'
            // 3. 协议状态为“签协议”
            const contrastStatus = this.contractData.contract_status == 1
            // 4. 产品类型是“超级订阅”（且付费类型为“购买”、“续费”），或产品类型是“大会员”且会员套餐为“商机版2.0”、“专家版2.0”（且服务类型为“新购服务”、“延长服务”）
            // 购买时，vip_type为空null
            const vipBuyOrRenew = res.productType == 'VIP订阅' && (res.vip_type === null || res.vip_type === undefined || res.vip_type == '1')
            const bigBuyOrRenew = res.productType == '大会员' && (filterData.comboId == 6 || filterData.comboId == 7) && (filterData.createType == '1' || filterData.createType == '3')
            const productionTypePass = vipBuyOrRenew || bigBuyOrRenew
            // 可下载
            const canDownload = orderPass && partyBPass && contrastStatus && productionTypePass
            return !canDownload
        },
        courseDis() {
            if (this.orDetails.course_status == 2) {
                if (this.orDetails.order_status == '未支付') {
                    return true
                } else if (this.orDetails.order_status == 0) {
                    return true
                } else {
                    return false
                }
            } else {
                return false
            }
        },
        orderComp() {
            if (this.orDetails.order_status == '1' || this.orDetails.order_status == '已支付') {
                if (this.book.source !== 'qmx' && this.orDetails.refund_status == null) {
                    return true
                } else if (this.orDetails.refund_status == '0') {// 未退款
                    if ($.isEmptyObject(this.returnRes) == true) {
                        return false
                    } else {
                        return true
                    }
                } else {
                    return false
                }
            } else {
                return false
            }
        },
        returnResed: function () {
            if ($.isEmptyObject(this.returnRes) == true) {
                return true
            } else {
                return false
            }
        },
        returnMyReceivable: function () {
            let rout = this.$route.query
            if (rout.path && rout.path == 'my') {// 我的订单
                return false
            } else {
                return true
            }
        },
        returnMyeditor: function () {
            let rout = this.$route.query
            if (rout.path && rout.path == 'my') {
                if (this.orDetails.audit_status == '0' || this.orDetails.audit_status == '-2' || this.orDetails.audit_status == '-3') {
                    return 1
                } else {
                    return 2
                }
            }
            return 3
        },
        contractDis: function () {
            if ($.isEmptyObject(this.contractData) == true) {
                return false
            } else {
                return true
            }
        },
        refundDis: function () {
            if ($.isEmptyObject(this.refundRes) == true) {
                return false
            } else {
                return true
            }
        },
        returnCashStatus: function () {
            if (this.book.source && this.book.source == 'qmx') {// 线下
                if (this.orDetails.return_status == 1) {
                    return true
                } else {
                    return false
                }
            } else {// 线上
                if (this.orDetails.return_status == 1) {
                    return true
                } else {
                    if ((this.orDetails.pay_way == 'transferAccounts' || this.orDetails.pay_way == '对公转账') && this.orDetails.course_status == 4) {
                        return false
                    } else {
                        return true
                    }
                }
            }
        },
        username() {
            return this.$store.getters.getAdminUser?.username
        },
        // 是否展示盖章按钮
        showSealBtn() {
            // 全部部订单-订单详情页，仅当“订单审核状态”为“通过”且订单状态不是“已取消”，才展示“盖章”按钮（行政有权限，冯慧洋），否则不展示
            return this.stampedInterest.indexOf(this.username) > -1 && this.returnMyReceivable && this.orDetails.audit_status === 3 && Number(this.orDetails.orderStatus) !== -2
        },
        isHelpOrderDetail() {
            return this.$route.path.includes('oderHelpDetail')
        }
    },
    created() {
        this.ordered()
    },
    methods: {
        PermissionFunction(userlist) {
            if (!userlist) {
                return false
            }
            return userlist.includes(this.username)
        },
        contactOrderCode_click(code) {
            const news = this.$router.resolve({
                path: '/order/orderList/orderDetail',
                query: { id: code, proType: '大会员' }
            })
            window.open(news.href, '_blank')
        },
        permissionActivation() {
            this.$refs.backRef.permissionActivationShow = true
        },
        // 文件下载，跨域无效
        downloadFile(url, filename) {
            const link = document.createElement('a')
            link.download = filename
            link.href = url
            link.click()
        },
        // 下载电子协议
        downloadEContract() {
            this.loading.eContract = true
            this.$request('/order/GetContractPdf').data({ orderCode: this.orDetails.order_code }).success((res) => {
                this.loading.eContract = false
                if (res.status === 'success') {
                    const fileUrl = res.data
                    const filename = this.getEContractFilename(fileUrl)
                    this.downloadFile(fileUrl, filename)
                }
            }).error(() => {
                this.loading.eContract = false
                console.log('下载电子协议失败')
            }).post()
        },
        // 获取url中文件后缀doc/docx/pdf等
        getFileExtension(url) {
            const filename = url.substring(url.lastIndexOf('/') + 1);
            const extension = filename.split('.').pop();
            return extension;
        },
        // 计算电子协议文件名
        getEContractFilename(url) {
            // 超级订阅：剑鱼标讯超级订阅产品服务协议书（XX），XX为甲方名称
            // 大会员：剑鱼标讯大会员产品服务协议书（XX），XX为甲方名称
            const { res } = this.orders || {}
            if (!res || !this.contractData) {
                return true
            }
            let productTypeName = res.productType
            if (productTypeName == 'VIP订阅') {
                productTypeName = '超级订阅'
            }
            // 甲方名称
            const partyAName = this.contractData.partyA_name
            const suffix = this.getFileExtension(url)
            const nameList = [`剑鱼标讯${productTypeName}产品服务协议书`]
            if (partyAName) {
                nameList.push(`（${partyAName}）`)
            }
            nameList.push(`.${suffix}`)
            return nameList.join('')
        },
        isCanInvoice() {
            this.$request('/order/orderInfo').data({ orderCode: this.orDetails.order_code, origin: 'detail' }).success((res) => {
                if (res.status === 'success') {
                    this.isShowCustom = true
                }
            }).error(() => {
                this.isShowCustom = false
            }).post()
        },
        // 关闭弹框
        closeComDialog() {
            this.showDialog = false
            this.showInvoiceDialog = false
        },
        localed(val) {
            return val.toLocaleString('zh', { style: 'currency', currency: 'CNY' })
        },
        getRealmoney(r,f){
            if (f.source == 'qmx' || this.orderType == '0' || r.is_backstage_order == '1') {
              return r.pay_money / 100
            } else {
              return r.order_money
            }
        },
        unitNum(val) {
            if (val == 1) {
                return '1月'
            } else if (val == 2) {
                return '1季'
            } else if (val == 3) {
                return '1年'
            }
        },
        returnStatus(val) {
            if (val == 0) {
                return '未回款'
            } else if (val == 1) {
                return '全额回款'
            } else if (val == 2) {
                return '部分回款'
            }
        },
        refundStatus(val) {
            if (val == 0) {
                return '未退款'
            } else if (val == 1) {
                return '全额退款'
            } else if (val == 2) {
                return '部分退款'
            } else {
                return '未退款'
            }
        },
        buyStatus(val) {
            if (val == '1') {
                return '增量数据'
            } else if (val == '2') {
                return '历史数据'
            } else if (val == '3') {
                return '增量+历史数据'
            }
        },
        numed(value) {
            if (!value) return '0'
            const intPart = Math.trunc(value)
            const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
            return intPartFormat
        },
        backpayType(val) {
            if (val == 1) {
                return '微信'
            } else if (val == 2) {
                return '支付宝'
            } else if (val == 3) {
                return '对公转账'
            }
        },
        backInvoiceStatus(val) {
            if (val == 0) {
                return '未申请'
            } else if (val == 1) {
                return '已申请'
            } else if (val == 2) {
                return '已开具'
            } else {
                return '--'
            }
        },
        timeChange(val, type) {
            if (val == 12) {
                return '1年'
            } else {
                if (type == 1) {
                    return val + '天'
                } else if (type == 2) {
                    return val + '个月'
                }
            }
        },
        orderObjectd(val) {
            if (JSON.stringify(val) == "{}") {
                return false
            }
            if (val) {
                if (val == null) {
                    return false
                }
                if (val.length == 0) {
                    return false
                }
                return true
            } else {
                return false
            }
        },
        vouched(val) {
            if (val) {
                const urls = this.$router.resolve(val)
                window.open(urls.href, '_blank')
            }
        },
        ordered() {
            let rout = this.$route.query
            if (rout.previousPage) {
                this.previousPage = rout.previousPage
            }
            var orderDetailsUrl = '/order/orderList/orderDetails'
            if (rout.path && rout.path == 'my') {
                orderDetailsUrl = '/order/myOrderDetail'
            }
            this.$request(orderDetailsUrl).data({
                id: rout.id,
                type: rout.proType
            }).success((r) => {
                let akp1 = new Date(), akp2 = new Date(addDate(r.data.res.create_time, 8))
                this.addDate8 = akp1 < akp2
                this.orders = r.data
                if (r.data.res.invoice && r.data.res.invoice.length > 0) {
                    r.data.res.invoice.forEach(v => {
                        v.create_time = dateFormatter(v.create_time * 1000)
                    })
                    this.invoiceed = r.data.res.invoice
                }
                this.orDetails = r.data.res
                this.bigPhone = r.data.res.user_phone ? r.data.res.user_phone : '--'
                this.contractData = r.data.contractRes ? r.data.contractRes : {}
                this.refundRes = r.data.refundRes ? r.data.refundRes[0] : []
                this.returnRes = r.data.returnRes
                this.returnInfo = r.data.returnInfo ? r.data.returnInfo[0] : []
                this.book = r.data.filterData
                this.saleDataRes = r.data.saleDataRes || {}
                // 回款计划列表
                this.paybackTableData = this.book.paybackList ? JSON.parse(this.book.paybackList) : []
                // 有盖章按钮操作权限用户
                this.stampedInterest = r.data.stampedInterest || []

                if (this.book && this.orDetails.product_type == '大会员' && this.book.createType == '2' && this.book.oldSerName && this.book.serversName) {
                    let allServeName = this.book.serversName.split(",")
                    let oldSerName = this.book.oldSerName.split("、")
                    let newSerName = allServeName.filter(item => !oldSerName.includes(item))
                    this.newSerName = newSerName.join("、")
                    this.oldSerName = oldSerName.join("、")
                }
                this.$refs.othersReviewRecord.recordList = r.data.audit
                // if (r && r.data && r.data.res && r.data.res.salesperson && r.data.res.saleMoney) {
                //     this.saleTableData = JSON.parse(r.data.res.saleMoney).data
                // }
                if (this.saleDataRes.saleFinal && this.saleDataRes.saleFinal.list) { // 业绩归属
                    let salelist = JSON.parse(JSON.stringify(this.saleDataRes.saleFinal.list))
                    let newsalelist = []
                    let allmoney = 0
                    salelist.forEach(ele => {
                            ele.money = ele.money / 100
                            allmoney += Number(ele.money)
                            newsalelist.push(ele)  
                    })
                    newsalelist.push({name: '合计',saler_dept:'-', money: allmoney})

                    this.saleTableData = newsalelist
                }
                if (r.data.filterData.area) {
                    let arr = Object.keys(r.data.filterData.area).length
                    if (this.orDetails.vip_type == 1) {
                        this.buyProvince = ''
                    } else {
                        if (arr == 0) {
                            this.buyProvince = '全国'
                        } else {
                            this.buyProvince = Object.keys(r.data.filterData.area).join(',')
                        }
                    }
                }
                this.strCourse = r.data.resCourse ? r.data.resCourse : [];
                this.serverData = r.data.filterData.serversName ? r.data.filterData.serversName.split(',') : []
                this.supplysData = r.data.filterData.supplys ? r.data.filterData.supplys : []
                if (this.strCourse) {
                    this.l_starttime = dateFormatter(this.strCourse.l_starttime * 1000, 'yyyy年MM月dd日')
                    this.l_endtime = dateFormatter(this.strCourse.l_endtime * 1000, 'yyyy年MM月dd日')
                }
                if (this.orDetails) {
                    this.vip_starttime = this.orderObjectd(this.orDetails.vip_starttime) ? dateFormatter(this.orDetails.vip_starttime, 'yyyy.MM.dd') : '-'
                    this.vip_endtime = this.orderObjectd(this.orDetails.vip_endtime) ? ' - ' + dateFormatter(this.orDetails.vip_endtime, 'yyyy.MM.dd') : '-'
                    this.trueMoney = this.localed((this.orDetails.pay_money - (this.orDetails.commission + this.orDetails.procedures_money)) / 100)
                }
                this.$nextTick(() => {
                    this.isCanInvoice()
                })
            }).get()
        },
        invoiceCode(item) {
            this.codeDetail = item
            this.$refs.codeRef.codeShow = true
        },
        setInvoiceState(item) {
            this.selectInvoice = item
            this.$refs.invoiceRef.QrCodeImage = item.code_url
            this.showInvoiceDialog = true
        },
        inptBtn() {
            this.isSales = true
            setTimeout(() => {
                document.getElementById("inptId").focus()
                this.saleReadon = false
            }, 100)
        },
        pushInvo() {
            this.$refs.backRef.iShow = true
        },
        // 客户扫码自助开票
        scanCodeVote() {
            console.log(this.orDetails, 'orDetails')
            // 1.点击“客户自助扫码开票”，如签约主体是“北京拓普丰联信息科技股份有限公司”，点击则弹窗提示：
            if (this.orDetails.return_commpany === '北京拓普丰联信息科技股份有限公司') {
                this.showOnlineDialog = true
            } else {
                this.showDialog = true
            }
            // this.comDialogParams.price = this.orDetails.pay_money / 100
        },
        backHandler() {
            this.$refs.backRef.backShow = true
        },
        refund() {
            this.$refs.backRef.tShow = true
        },
        audited() {
            this.$refs.backRef.sShow = true
        },
        uploadP() {
            this.$refs.backRef.pShow = true
        },
        performanceChange() {
            this.$refs.backRef.performanceShow = true
        },
        relation() {
            this.$refs.batchModel.asdShow = true
        },
        correction() {
            this.$refs.backRef.correctionShow = true
            if (this.orDetails.product_type === '大会员') {
                this.$refs.backRef.bigCorrection = true
            }
        },
        onChange() {
            this.ordered()
        },
        downContract() {
            this.$Modal.confirm({
                title: "确定下载该归档协议吗？",
                onOk: () => {// 文件下载
                    const a1 = document.createElement('a')
                    a1.download = this.contractData.contract_file_name
                    a1.href = this.contractData.contract_file_url
                    a1.click()
                }
            })
        },
        editOrder() {
            const source = this.book.source
            const product_type = this.orDetails.product_type
            if (this.orders.res.payType) {
                if (this.orders.res.payType === '微信') {
                    this.orders.res.payTypes = 'wx'
                } else if (this.orders.res.payType === '支付宝') {
                    this.orders.res.payTypes = 'ali'
                } else {
                    this.orders.res.payTypes = 'transferAccounts'
                }
            } else {
                this.orders.res.payTypes = 'transferAccounts'
            }
            if (source == 'qmx') { //线下
                if (product_type && product_type.indexOf('大会员') != -1) {
                    this.$refs.bigOrderEdit.show(this.orders)
                } else {
                    this.$refs.otherOrderEdit.show(this.orders)
                }
            } else { //线上
                this.$refs.onlineOrderEdit.show(this.orders)
            }
        },
        deleteBatchReturnMoneyInfo(id) {
            this.$Modal.confirm({
                title: '删除回款交易详情',
                content: '确定删除该回款交易详情吗?',
                onOk: () => {
                    this.$request('/order/deleteBatchReturnMoneyInfo').data({ id: id }).success(() => {
                        this.$Message.success('删除成功')
                        this.ordered()
                    }).post()
                }
            });
        },
        prosType(val) {
            return val && val.indexOf('VIP订阅') > -1 ? val.replace('VIP订阅', '超级订阅') : val
        },
        priceProcessing(a, b, c) {
            let one = a ? a / 100 : 0
            let two = b ? b / 100 : 0
            let three = c ? c / 100 : 0
            if (one + two + three != 0 && one + two + three > 0) {
                return '+' + (one + two + three)
            } else if (one + two + three != 0 && one + two + three < 0) {
                return (one + two + three)
            } else {
                return '--'
            }
        },
        // 盖章
        sealBtnHandle() {
            this.$refs.sealDialogRef.show(this.orders)
        },
        // 删除盖章记录
        deleteSealItem(item) {
            this.$Modal.confirm({
                title: '确认要删除这条盖章记录吗？',
                onOk: () => {
                    this.$request('/order/orderSeal').data({ id: item.id, regType: 'delete' }).success((res) => {
                        if (res.data?.code === 0) {
                            this.$Message.success({ content: '删除记录成功' })
                            this.ordered()
                        }
                    }).error(() => {
                    }).post()
                }
            })
        }
    },
    filters: {
        cycleTypeF(val) {
            if (val === 0) { // 没有返单位是前台下的单子 大会员默认为年
                return '个月'

            } else if (!val) {
                return '年'
            } else {
                return '天'
            }
        },
        vip_typeF(val) {
            if (val == 0) {
                return '购买'
            } else if (val == 1) {
                return '续费'
            } else if (val == 2) {
                return '升级'
            } else if (val == 3) {
                return '试用'
            }
        },
        contract_archive_status(val) {
            if (val == 0) {
                return '未归档'
            } else if (val == 1) {
                return '已归档'
            } else {
                return '--'
            }
        },
        orderStatus(val) {
            if (val == 0) {
                return '未完成'
            } else if (val == 1) {
                return '已完成'
            } else if (val == -1) {
                return '逻辑删除'
            } else if (val == -2) {
                return '已取消'
            } else if (val == -3) {
                return '已退款'
            } else if (val == -3) {
                return '已退款'
            }
        },
        coursed(val) {
            if (val == 2) {
                return '未审核'
            } else if (val == 3) {
                return '未通过'
            } else if (val == 4) {
                return '已通过'
            } else if (val < 2) {
                return '无需审核'
            }
        },
        orderCoursed(val) {
            if (val == 0) {
                return '待提交'
            } else if (val == 1) {
                return '待一审'
            } else if (val == 2) {
                return '待二审'
            } else if (val == 4) {
                return '待三审'
            } else if (val == 3) {
                return '已通过'
            } else if (val == -2 || val == -3 || val == -4) {
                return '已退回'
            }
        },
        // 合同性质
        natureContract(val) {
            if (val == '1') {
                return '新签合同'
            } else if (val == '2') {
                return '续签合同'
            } else {
                return '--'
            }
        },
        courseColr(val) {
            if (val == 2) {
                return 'color2'
            } else if (val == 3) {
                return 'color1'
            } else if (val == 4) {
                return 'color3'
            } else if (val < 2) {
                return 'color4'
            }
        },
        auditColr(val) {
            if (val == 0) {
                return 'color2'
            } else if (val == 1) {
                return 'color1'
            } else if (val == 2) {
                return 'color3'
            } else if (val == 3) {
                return 'color4'
            } else if (val == -2 || val == -3) {
                return 'color5'
            }
        },
        invoiceStas(val) {
            if (val == -2) {
                return '已冲红'
            } else if (val == 0) {
                return '未申请'
            } else if (val == 1) {
                return '已申请'
            }
        },
        invoiceColor(val) {
            if (val == -2) {
                return 'color1'
            } else if (val == 0) {
                return 'color2'
            } else if (val == 1) {
                return 'color3'
            }
        },
        applyClor(val) {
            if (val == '已冲红') {
                return 'color1'
            } else if (val == '未申请') {
                return 'color2'
            } else if (val == '已申请' || val == '已开具') {
                return 'color3'
            }
        },
        orderPay(val) {
            if (val == -3) {
                return '已退款'
            } else if (val == -2) {
                return '已取消'
            } else if (val == -1) {
                return '逻辑删除'
            } else if (val == 0) {
                return '未支付'
            } else if (val == 1) {
                return '已支付'
            }
        },
        orderColr(val) {
            if (val == -3) {
                return 'color1'
            } else if (val == -2) {
                return 'color1'
            } else if (val == -1) {
                return 'color1'
            } else if (val == 0) {
                return 'color2'
            } else if (val == 1) {
                return 'color3'
            } else if (val == 2) {
                return 'color3'
            }
        },
        orderWord(val) {
            if (val == '已退款') {
                return 'color1'
            } else if (val == '已取消') {
                return 'color2'
            } else if (val == '逻辑删除') {
                return 'color1'
            } else if (val == '未支付') {
                return 'color1'
            } else if (val == '待付款') {
                return 'color1'
            } else if (val == '待付完') {
                return 'color3'
            } else if (val == '已支付') {
                return 'color3'
            }
        }
    }
}
</script>
<style lang="scss" scoped>
.no-online-dialog {
    ::v-deep {
        .el-dialog {
            width: 520px !important;

            .dialog-content {
                text-align: left;
                font-size: 15px;
            }

            .dialog-footer {
                justify-content: center;
            }

            .dialog-footer-content {
                .btn-confirm {
                    width: 150px;
                    height: 40px;
                    background: #36a3f7;
                    color: #fff;
                    border-radius: 8px;
                    border: none;
                    cursor: pointer;
                }
            }
        }
    }
}

.m-details {
    margin: 50px auto;
    width: 800px;

    .infor-card {
        .cont {
            display: flex;
            flex-direction: initial;

            .tit {
                width: 96px;
                font-size: 16px;
                font-weight: 700;
                line-height: 40px;
                margin-right: 50px;
                color: #1e1e1e;
                text-align: right;
            }

            .classfity {
                width: 600px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                font-size: 16px;
                color: #333;
                line-height: 40px;

                .tips {
                    display: flex;
                    flex-direction: initial;
                }

                span {
                    display: flex;
                    align-items: center;

                    p:first-child {
                        min-width: 148px;
                        text-align: right;
                        margin-right: 30px;
                        align-self: flex-start;
                    }

                    i {
                        width: 70%;
                    }

                    .no-line {
                        color: #999;
                    }

                    .i-inpt {
                        width: 180px;
                    }

                    .i-btn {
                        margin-left: 10px;
                    }
                }

                .color1 {
                    color: #f4516c;
                }

                .color2 {
                    color: #ffb822;
                }

                .color3 {
                    color: #34bfa3;
                }

                .color4 {
                    color: #36a3f7;
                }

                .color5 {
                    color: #882bc9;
                }

                .color6 {
                    color: #b21f09;
                }

                .zeng {
                    color: #34bfa3;
                }

                .yuan {
                    font-size: 12px;
                    color: #999;
                    text-decoration: line-through;
                }

                .par-word {
                    padding-top: 20px;
                    padding-bottom: 10px;
                }

                .words {
                    float: left;
                    border: 1px solid #ccc;
                    padding: 6px 10px;
                    border-radius: 4px;
                    margin: 0 10px 10px 0;

                    p {
                        display: flex;
                        font-size: 14px;
                        line-height: 24px;

                        em {
                            min-width: max-content;
                        }
                    }
                }

                .shou {
                    li {
                        width: 100% !important;
                    }
                }

                .invoice-list {
                    background: #f5f5f5;
                    padding-left: 10px;

                    .top-words {
                        display: flex;

                        p {
                            width: 80%;
                        }
                    }

                    .code-blue {
                        color: #36a3f7;
                        cursor: pointer;
                    }

                    .invoice_state {
                        display: flex;
                        align-items: center;

                        .invoice_state_action {
                            margin-left: 10px;
                            padding: 2px 8px;
                            border-radius: 8px;
                            flex-direction: column;
                            border: 1px solid #e2e2e2;
                            background-color: rgba(255, 255, 255, 0.8);
                            cursor: pointer;
                        }
                    }

                }

                .invoice-list:not(:first-child) {
                    margin-top: 20px;
                }
            }
        }
    }

    .bot-btn {
        display: flex;
        flex-direction: initial;
        justify-content: center;
        margin-top: 80px;

        button {
            // width: 110px;
            height: 40px;
        }

        .ping-btn {
            margin-left: 20px;
        }

        .shen-btn {
            margin: 0 20px;
        }
    }

    .sale-record {
        .seal-item {
            background: #f2f2f2;
            font-size: 14px;
            padding: 5px;

            .s-label {
                min-width: 86px !important;
            }

            .s-row {
                line-height: 24px;

                .delete-text {
                    width: 60px;
                    margin-left: 15px;
                    cursor: pointer;
                }
            }
        }

        .seal-item:not(:first-child) {
            margin-top: 10px;
        }

    }
}
</style>