<!--订单列表-->
<template>
  <div class="classorder">
    <div class="table-head">
      <table class="enrollTotalSearchTable" border="0" cellspacing="0" cellpadding="0">
        <colgroup>
          <col width="12%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="6%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col>
        </colgroup>
        <thead>
          <tr class="fix_th">
            <th width="12%">单号</th>
            <th width="7%">人数</th>
            <th width="7%">单价</th>
            <th width="7%">成交</th>
            <th width="7%">应收总额</th>
            <th width="7%">实收</th>
            <th width="7%">优惠</th>
            <th width="6%">少价金额</th>
            <th width="7%">退款</th>
            <th width="7%">平台税金</th>
            <th width="7%">待收金额</th>
            <th width="7%">状态</th>
            <th v-if="viewType==0">操作</th>
          </tr>
        </thead>
      </table>
    </div>
    <div class="table-body">
      <table class="enrollTotalSearchTable" border="0" cellspacing="0" cellpadding="0">
        <colgroup>
          <col width="12%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="6%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" v-if="viewType==0" />
          <col>
        </colgroup>
        <tr>
          <td v-show="dataList && dataList.length==0" :colspan="12" align="center">暂无数据</td>
        </tr>
        <tbody v-for="(item,index) in dataList" :key="index">
          <tr>
            <td :rowspan="3" style="text-align: left">
              <div>
                <span @click="goOrderdetails(item,1)" class="order_OfferId">{{item.OrderId}}</span>
                <q-badge v-if="item.JoinType==3" color="red" label="续费订单" style="margin-left:5px;" class="q-mr-xs" />
                <q-badge v-if="item.TargetJoinType==3" color="green" label="已续费" style="margin-left:5px;"
                  class="q-mr-xs" />
                <div style="display:inline-block;">
                  <q-badge
                    v-if="(item.JoinType==4||item.JoinType==5 ||item.TargetJoinType==4||item.TargetJoinType==5) &&item.FirstOrderId>0"
                    color="blue" label="关联拆分订单" style="margin-left:5px;cursor:pointer;">
                  </q-badge>
                  <q-popup-proxy>
                    <q-banner>
                      <div style="width: 500px;">
                        <template v-if="item.SplitDetailsList&&item.SplitDetailsList.length>0">
                          <div style="margin-bottom:5px;color:#000;" v-for="(subItem,subIndex) in item.SplitDetailsList"
                            :key="subIndex">
                            从 【{{subItem.S_ClassName}}】({{subItem.S_OrderId}})
                            {{subItem.T_JoinTypeName}}到【{{subItem.T_ClassName}}】({{subItem.T_OrderId}})
                          </div>
                        </template>
                      </div>
                    </q-banner>
                  </q-popup-proxy>
                </div>
              </div>
              <div class="order_OferTitle" v-if="item.TargetJoinType==1">
                <template v-if="item.JoinType==3">
                  原订单:{{item.SourceOrderId}}
                </template>
                <template v-if="item.JoinType==4">
                  从【{{item.SourceClassName}}】转入。关联订单号{{item.SourceOrderId}}
                </template>
                <template v-if="item.JoinType==5">
                  从【{{item.SourceClassName}}】分拆插班转入。关联订单号{{item.SourceOrderId}}
                </template>
              </div>
              <div class="order_OferTitle" v-if="item.TargetJoinType==3">
                续费订单:{{item.TargetOrderId}}
              </div>
              <div class="order_OferTitle" v-if="item.TargetJoinType==4">
                已转班【{{item.TargetClassName}}】,关联订单号{{item.TargetOrderId}}
              </div>
              <div class="order_OferTitle" v-if="item.TargetJoinType==5">
                已分拆插班【{{item.TargetClassName}}】,关联订单号{{item.TargetOrderId}}
              </div>
              <div>{{item.EnterName}}</div>
              <div style="margin-top: 10px">{{item.CreateTime}}</div>
              <template v-if="AuthorityObj.isShowName">
                <div style="font-weight: bold;color:#2961FE;cursor:pointer;" @click="getClassInfo(item)">
                  {{item.ClassName}}</div>
                <div v-if="item.HelpEnterName">
                  协助人员：{{item.HelpEnterName}}
                </div>
                <div v-if="item.ClassNo">
                  班号：{{item.ClassNo}}
                </div>
                <div v-if="item.OpenTime">
                  开班时间：{{item.OpenTime}}
                </div>
                <div>
                  <template v-if="item.OrderSource==3">
                    一般同行：{{item.GeneralOccupation}}
                  </template>
                  <template v-if="item.OrderSource==7">
                    教育同行：{{item.EduOccupation}}
                  </template>
                </div>
              </template>
              <template v-if="item.OrderType==1">
                <div v-if="item.CourseName">课程名称:{{item.CourseName}}</div>
                <div v-if="item.JoinType==2" style="color:red;cursor:pointer">
                  插班报入
                    <q-tooltip :offset="[10, 10]">
                                  <div>开始课时：{{item.StartClassHours}}</div>
                                  <div>生效状态：{{item.EffectStatusStr}}</div>
                                  <div>生效时间：{{item.EffectTime}}</div>
                        <template v-if="item.UpOrderId&&item.UpOrderId>0">
                      <div>前置订单：{{item.UpOrderId}}</div>
                    </template>
                  </q-tooltip>
                </div>
              </template>
              <div style="margin-top:10px;" v-if="item.OfferId>0">
                报价单：<span class="order_OfferId" @click="goQuotation(item.OfferId)"
                  style="font-size:14px;">{{item.OfferId}}</span>
              </div>
              <div style="margin-top:10px;" v-if="item.VisitorReserveId>0">
                预约单号：<span class="order_OfferId" @click="goVisitorReser(item.VisitorReserveId)"
                  style="font-size:14px;">{{item.VisitorReserveId}}</span>
              </div>
              <template v-if="item.IsCommissionGive==1">
                <div style="color:red" v-if="item.YFCommissionMoney>0">应发提成：{{item.YFCommissionMoney}}</div>
                <div style="color:red;cursor: pointer;text-decoration: underline;" @click='gourltx(item.OrderId)'>
                  已发提成：{{item.CommissionMoney}}</div>
                <div style="color:red" v-if="item.ExtraCommissionMoney>0">额外奖励实发：{{item.ExtraCommissionMoney}}</div>
                <div style="color:red;" v-if="item.ExtraRewardMoney>0">额外奖励：{{item.ExtraRewardMoney}}</div>
                <div style="color:red" v-if="item.ExtraDeductMoney>0">额外扣除：{{item.ExtraDeductMoney}}</div>
                <div style="color:red" v-if="item.CommissionBack>0">补交提成：{{item.CommissionBack}}</div>
              </template>
            </td>
            <td style="border:none;width:7%">{{item.GuestNum}}人</td>
            <td style="border:none;width:7%">
              <template v-if="item.Class_Price>=0">
                {{item.Class_Price.toFixed(2)}}
              </template>
            </td>
            <td style="width:7%"
              :style="{color:item.Class_Price!=item.Unit_Price?'var(--q-color-negative)':'','border':'none'}">
              <template v-if="item.Unit_Price>=0">
                {{item.Unit_Price.toFixed(2)}}
              </template>
              <template v-else>
                <span class="redstyle">{{item.Unit_Price.toFixed(2)}}</span>
              </template>
            </td>
            <td style="border:none;width:7%">
              <template v-if="item.PreferPrice>=0">
                {{item.PreferPrice.toFixed(2)}}
              </template>
              <template v-else>
                <span class="redstyle">{{item.PreferPrice.toFixed(2)}}</span>
              </template>
            </td>
            <td style="border:none;width:7%">
              <template v-if="item.Income>=0">
                {{item.Income.toFixed(2)}}
              </template>
              <template v-else>
                <span class="redstyle">{{item.Income.toFixed(2)}}</span>
              </template>
            </td>
            <td style="color:var(--q-color-negative);border:none;width:7%">
              <template v-if="item.DiscountMoney>=0">
                {{item.DiscountMoney.toFixed(2)}}
              </template>
              <template v-else>
                <span class="redstyle">{{item.DiscountMoney.toFixed(2)}}</span>
              </template>
            </td>
            <td style="border:none;width:6%">
              <template v-if="item.LessPrice>=0">
                {{item.LessPrice.toFixed(2)}}
              </template>
              <template v-else>
                <span class="redstyle">{{item.LessPrice.toFixed(2)}}</span>
              </template>
            </td>
            <td style="border:none;width:7%">
              <template v-if="item.Refund>=0">
                {{item.Refund.toFixed(2)}}
              </template>
              <template v-else>
                <span class="redstyle">{{item.Refund.toFixed(2)}}</span>
              </template>
            </td>
            <td style="border:none;width:7%">
              <template v-if="item.PlatformTax>=0">
                {{item.PlatformTax.toFixed(2)}}
              </template>
              <template v-else>
                <span class="redstyle">{{item.PlatformTax.toFixed(2)}}</span>
              </template>
            </td>
            <td style="color:#2961FE;border:none;width:7%">
              <template v-if="item.DueInMoney>=0">
                {{item.DueInMoney.toFixed(2)}}
              </template>
              <template v-else>
                <span class="redstyle">{{item.DueInMoney.toFixed(2)}}</span>
              </template>
            </td>
            <td style="border:none;width:7%">
              <div style="background: rgba(2, 196, 153, 0.2);width: 80px;border-radius: 2px;text-align: center">
                <span style="color: #02C499">{{item.OrderStateName}}</span>
              </div>
            </td>
            <td style="border:none" v-if="viewType==0">
              <template v-if="(isEditOrder||AuthorityObj.isShowEdit) && comefrom == 0">
                <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
                  @click="editOrder(item)" />
              </template>
              <template v-if="comefrom==1">
                <q-btn flat size="xs" color="accent" style="font-weight:400" label="关联老师"
                  @click="gettanchuteacher(item)">
                  <q-popup-proxy>
                    <q-banner v-if="isShowteacher">
                      <div class="calenderDialog">
                        <div style="margin:10px 0 15px 0;">请选择关联教师</div>
                        <q-select standout="bg-primary text-white" option-value="Id" option-label="EmployeeName"
                          v-model="teacherMsg.HelpEnterId" :options="TeacherList" emit-value map-options
                          label="请选择关联教师" />
                        <q-card-actions align="right" class="bg-white" style="margin-top:20px;">
                          <q-btn label="取消" flat color="grey-10" size="sm" @click="isShowteacher=false"
                            style="font-weight:400 !important" />
                          <q-btn label="确认" color="accent q-px-md" size="sm" style="font-weight:400 !important"
                            @click="setCheckStatus()" />
                        </q-card-actions>
                      </div>
                    </q-banner>
                  </q-popup-proxy>
                </q-btn>
              </template>
              <q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left:10px;">
                <q-list>
                  <q-item clickable v-close-popup>
                    <q-item-section @click="gostudent(item)">
                      <q-item-label>学生名单</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowTransOrder">
                    <q-item-section @click="transferOrder(item,1)">
                      <q-item-label>转交订单</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowEditSale">
                    <q-item-section @click="transferOrder(item,2)">
                      <q-item-label>修改销售</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowSaleRemark">
                    <q-item-section @click="editOrderRemark(item,1)">
                      <q-item-label>销售备注</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowEducationRemark">
                    <q-item-section @click="editOrderRemark(item,2)">
                      <q-item-label>教务备注</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowPrincipalRemark">
                    <q-item-section @click="editOrderRemark(item,3)">
                      <q-item-label>校长备注</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup v-if="isEditOrder && comefrom == 0">
                    <q-item-section @click="editOrder(item)">
                      <q-item-label>总经理修改</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowManagerRemark">
                    <q-item-section @click="editOrderRemark(item,4)">
                      <q-item-label>总经理备注</q-item-label>
                    </q-item-section>
                  </q-item>
                  <!-- <q-item clickable v-close-popup v-if="AuthorityObj.isShowCommissionEdit&&item.IsCommissionGive==1">
                    <q-item-section @click="upDateMoney(item,1)">
                      <q-item-label>修改提成</q-item-label>
                    </q-item-section>
                  </q-item> -->
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowRewardEdit&&isShowReward">
                    <q-item-section @click="upDateMoney(item,2)">
                      <q-item-label>额外奖励</q-item-label>
                    </q-item-section>
                  </q-item>
                  <div v-if="comefrom == 0">
                    <q-item clickable v-close-popup disabled
                      v-if="(item.FinanceList&&item.FinanceList.length>0)||(item.RefundFinanceList&&item.RefundFinanceList.length>0) ">
                      <q-item-section>
                        <q-item-label>
                          取消订单
                        </q-item-label>
                        <q-tooltip anchor="center left" self="center right" content-class="bg-red">
                          已有财务单据无法取消
                        </q-tooltip>
                      </q-item-section>
                    </q-item>
                    <q-item clickable v-close-popup v-else>
                      <q-item-section @click="CancelOrder(item)">
                        <q-item-label>取消订单</q-item-label>
                      </q-item-section>
                    </q-item>
                  </div>
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowBackClass">
                    <q-item-section>
                      <q-item-label @click="showBackClassForm(item)">退课</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowRenewClass">
                    <q-item-section>
                      <q-item-label @click="showContinueClass(item)">续课</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowTransClassOrder">
                    <q-item-section>
                      <q-item-label @click="transferClass(item,1)">转班</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup v-if="AuthorityObj.isShowSeparater">
                    <q-item-section>
                      <q-item-label @click="transferClass(item,2)">分拆</q-item-label>
                    </q-item-section>
                  </q-item>
                  <q-item clickable v-close-popup
                    v-if="AuthorityObj.isShowSeparater&&(item.JoinType==5||item.JoinType==4)&&item.IsBackClass==0">
                    <q-item-section>
                      <q-item-label @click="backSourceClass(item)">回归原班</q-item-label>
                    </q-item-section>
                  </q-item>
                </q-list>
              </q-btn-dropdown>
            </td>
          </tr>
          <tr>
            <td :colspan="12" style="text-align: left">
              <div class="row" v-if="item.GuestList&&item.GuestList.length>0">
                学生名单：
                <template v-for="(x,j) in item.GuestList" :index="j">
                  <span v-if="x.GuestState==1" style="color:#2961FE;margin-right: 5px">{{x.GuestName}} </span>
                  <span v-else style="color:red;margin-right: 5px">
                    {{x.GuestName}}
                    <q-tooltip :offset="[10, 10]">
                      {{x.GuestStateStr}}
                    </q-tooltip>
                  </span>
                </template>
              </div>
              <div v-if="AuthorityObj.isShowContract&&item.GuestList&&item.GuestList.length>0" class="takeContract">
                <span @click="isShowPop=true">查看合同</span>
                <q-popup-proxy v-if="isShowPop">
                  <q-banner>
                    <div style="width: 700px;max-height:220px;overflow:auto;">
                      <table class="Contract_Table">
                        <tr>
                          <th style="width:100px;">姓名</th>
                          <th style="width:150px;">合同编号</th>
                          <th style="width:50px;">状态</th>
                          <th style="width:150px;">上传合同信息</th>
                          <th style="width:200px;">操作</th>
                        </tr>
                        <tr v-for="subItem in item.GuestList">
                          <td>{{subItem.GuestName}}</td>
                          <td>
                             {{subItem.ContractNo}}
                          </td>
                          <td>{{subItem.ContractStatusStr}}</td>
                          <td> <span style="color:var(--q-color-primary);cursor:pointer;"
                              @click="getShowContract(subItem)">{{subItem.GuestContractNo}}</span></td>
                          <td>
                            <template v-if="subItem.ContractId==0">
                              <q-btn v-if="AuthorityObj.isShowEdit" color="accent" size="sm"
                                @click="takeContractTwo(item,subItem)" label="领取合同" />
                            </template>
                            <template v-else>
                              <q-btn color="secondary" size="sm" @click="goContractMannage(subItem)" label="查看合同" />
                              <q-btn style="margin-left:5px;" v-if="subItem.ContractStatus==0" color="purple" size="sm"
                                @click="goContractAudit(subItem)" label="提交审核" />
                            </template>
                          </td>
                        </tr>
                      </table>
                    </div>
                  </q-banner>
                </q-popup-proxy>
              </div>
              <div class="row" v-if="item.GuestList&&item.GuestList.length>0&&getTkshow(item.GuestList)">
                退课名单：
                <span v-for="(x,j) in item.GuestList" :index="j" v-if="x.GuestState==2"
                  style="color:var(--q-color-negative);margin-right: 5px">{{x.GuestName}} </span>
              </div>
              <span v-if="item.GuestList&&item.GuestList.length==0">暂无</span>
            </td>
          </tr>
          <tr>
            <td :colspan="12" style="height: 168px;text-align: left">
              <div class="col row remarks q-gutter-x-md">
                <div class="col">
                  <div>销售备注：</div>
                  <div class="remarks-b">
                    <div v-if="item.SaleRemark!=null||item.SaleRemark!=''">
                      <div>{{item.SaleRemark}}</div>
                      <div class="remarks-b-b">
                        <span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"
                          v-if="item.SaleRemarkList&&item.SaleRemarkList.length>0"></span>
                        <q-popup-proxy>
                          <q-banner>
                            <div style="width: 500px;">
                              <div>销售备注</div>
                              <div v-for="(xq,jq) in item.SaleRemarkList" :index="jq"
                                style=" margin-top: 10px;background: #e6e6e6;padding: 5px;font-size: 12px">
                                <div>{{xq.Content}}</div>
                                <div style="text-align: right">{{xq.CreateBy}} {{xq.CreateTime}}</div>
                              </div>
                            </div>
                          </q-banner>
                        </q-popup-proxy>
                      </div>
                    </div>
                    <span v-if="item.SaleRemark==null||item.SaleRemark==''">暂无</span>
                  </div>
                </div>
                <div class="col">
                  <div>教务备注：</div>
                  <div class="remarks-b ">
                    <div v-if="item.TeacherRemark!=null||item.TeacherRemark!=''">
                      <div>{{item.TeacherRemark}}</div>
                      <div class="remarks-b-b">
                        <span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"
                          v-if="item.TeacherRemarkList&&item.TeacherRemarkList.length>0"></span>
                        <q-popup-proxy>
                          <q-banner>
                            <div style="width: 500px;">
                              <div>教务备注</div>
                              <div v-for="(xq,jq) in item.TeacherRemarkList" :index="jq"
                                style=" margin-top: 10px;background: #e6e6e6;padding: 5px;font-size: 12px">
                                <div>{{xq.Content}}</div>
                                <div style="text-align: right">{{xq.CreateBy}} {{xq.CreateTime}}</div>
                              </div>
                            </div>
                          </q-banner>
                        </q-popup-proxy>
                      </div>
                    </div>
                    <span v-if="item.TeacherRemark==null||item.TeacherRemark==''">暂无</span>
                  </div>
                </div>
                <div class="col">
                  <div>校长备注：</div>
                  <div class="remarks-b ">
                    <div v-if="item.RectorRemark!=null ||item.RectorRemark!=''">
                      <div>{{item.RectorRemark}}</div>
                      <div class="remarks-b-b">
                        <span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"
                          v-if="item.RectorRemarkList&&item.RectorRemarkList.length>0"></span>
                        <q-popup-proxy>
                          <q-banner>
                            <div style="width: 500px;">
                              <div>校长备注</div>
                              <div v-for="(xq,jq) in item.RectorRemarkList" :index="jq"
                                style=" margin-top: 10px;background: #e6e6e6;padding: 5px;font-size: 12px">
                                <div>{{xq.Content}}</div>
                                <div style="text-align: right">{{xq.CreateBy}} {{xq.CreateTime}}</div>
                              </div>
                            </div>
                          </q-banner>
                        </q-popup-proxy>
                      </div>
                    </div>
                    <span v-if="item.RectorRemark==null||item.RectorRemark==''">暂无</span>
                  </div>
                </div>
                <div class="col">
                  <div>总经理备注：</div>
                  <div class="remarks-b ">
                    <div v-if="item.DirectorRemark!=null||item.DirectorRemark!=''">
                      <div>{{item.DirectorRemark}}</div>
                      <div class="remarks-b-b">
                        <span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"
                          v-if="item.DirectorRemarkList&&item.DirectorRemarkList.length>0"></span>
                        <q-popup-proxy>
                          <q-banner>
                            <div style="width: 500px;">
                              <div>总经理备注</div>
                              <div v-for="(xq,jq) in item.DirectorRemarkList" :index="jq"
                                style=" margin-top: 10px;background: #e6e6e6;padding: 5px;font-size: 12px">
                                <div>{{xq.Content}}</div>
                                <div style="text-align: right">{{xq.CreateBy}} {{xq.CreateTime}}</div>
                              </div>
                            </div>
                          </q-banner>
                        </q-popup-proxy>
                      </div>
                    </div>
                    <span v-if="item.DirectorRemark==null||item.DirectorRemark==''">暂无</span>
                  </div>
                </div>
                <div class="col">
                  <div class="row" style="justify-content: space-between">
                    <span>收款单据：</span>
                    <q-btn flat size="xs" icon="edit"
                      v-if="AuthorityObj.isShowFinanceBtn&&AuthorityObj.isShowEdit&&item.OrderType==2"
                      style="font-weight:400;color: #02C499" label="修改" @click="chanceType(item,1)" />
                    <template v-if="AuthorityObj.isShowFinanceBtn&&AuthorityObj.isShowEdit&&item.OrderType==1">
                      <q-btn flat size="xs" icon="edit" style="font-weight:400;color: #02C499" label="修改"
                        @click="showChooseStudent=true" />
                      <q-popup-proxy v-if="showChooseStudent">
                        <q-banner>
                          <div style="width:500px;max-height:400px;overflow-y:auto;">
                            <table class="Contract_Table">
                              <tr>
                                <th>选择</th>
                                <th>姓名</th>
                                <th style="width:180px;">合同编号</th>
                                <th>状态</th>
                              </tr>
                              <tr v-for="subItem in item.GuestList">
                                <td>
                                  <q-radio dense v-model="chooseStudent" :val="subItem.Id" />
                                <td>{{subItem.GuestName}}</td>
                                <td>{{subItem.ContractNo}}</td>
                                <td>{{subItem.ContractStatusStr}}</td>
                              </tr>
                            </table>
                          </div>
                          <q-btn color="accent" size="sm" class="q-mr-md" @click="chanceType(item,1)" label="制单"
                            style="min-width:70px;float:right;margin-top:10px" />
                        </q-banner>
                      </q-popup-proxy>
                    </template>
                  </div>
                  <div class="row wrap">
                    <div class="finance row" v-for="(x,j) in item.FinanceList" :index="j"
                      :style="{
                      background:x.ColorState==1 ? 'rgba(41, 97, 254, 0.2)':(x.ColorState==2 ? 'rgba(2, 196, 153, 0.2)':(x.ColorState==3 ? 'rgba(242, 140, 29, 0.2)':'rgba(63, 196, 255, 0.2)')),
                      color: x.ColorState==1 ? '#2961FE':(x.ColorState==2 ? '#02C499':(x.ColorState==3 ? '#F28C1D':'#3FC4FF'))}">
                      <span style="cursor: pointer" @click="goOrderdetails(item,4)">{{x.FrID}}</span>
                    </div>
                  </div>
                  <div class="row" style="justify-content: space-between">
                    <span>付款单据：</span>
                    <q-btn flat size="xs" icon="edit"
                      v-if="AuthorityObj.isShowFinanceBtn&&AuthorityObj.isShowEdit&&item.OrderType==2"
                      style="font-weight:400;color: #02C499" label="修改" @click="chanceType(item,2)" />
                    <template v-if="AuthorityObj.isShowFinanceBtn&&AuthorityObj.isShowEdit&&item.OrderType==1">
                      <q-btn flat size="xs" icon="edit" style="font-weight:400;color: #02C499" label="修改"
                        @click="showChooseStudent=true" />
                      <q-popup-proxy v-if="showChooseStudent">
                        <q-banner>
                          <div style="width:500px;max-height:400px;overflow-y:auto;">
                            <table class="Contract_Table">
                              <tr>
                                <th>选择</th>
                                <th>姓名</th>
                                <th style="width:180px;">合同编号</th>
                                <th>状态</th>
                              </tr>
                              <tr v-for="subItem in item.GuestList">
                                <td>
                                  <q-radio dense v-model="chooseStudent" :val="subItem.Id" />
                                <td>{{subItem.GuestName}}</td>
                                <td>{{subItem.ContractNo}}</td>
                                <td>{{subItem.ContractStatusStr}}</td>
                              </tr>
                            </table>
                          </div>
                          <q-btn color="accent" size="sm" class="q-mr-md" @click="chanceType(item,2)" label="制单"
                            style="min-width:70px;float:right;margin-top:10px" />
                        </q-banner>
                      </q-popup-proxy>
                    </template>
                  </div>
                  <div class="row wrap">
                    <div class="finance row" v-for="(x,j) in item.RefundFinanceList" :index="j"
                      :style="{
                      background:x.ColorState==1 ? 'rgba(41, 97, 254, 0.2)':(x.ColorState==2 ? 'rgba(2, 196, 153, 0.2)':(x.ColorState==3 ? 'rgba(242, 140, 29, 0.2)':'rgba(63, 196, 255, 0.2)')),
                      color: x.ColorState==1 ? '#2961FE':(x.ColorState==2 ? '#02C499':(x.ColorState==3 ? '#F28C1D':'#3FC4FF'))}">
                      <span style="cursor: pointer" @click="goOrderdetails(item,4)">{{x.FrID}}</span>
                    </div>
                  </div>
                </div>
              </div>
            </td>
          </tr>
        </tbody>
        <tbody v-if="cancelList&&cancelList.length>0">
          <tr>
            <td :colspan="13">
              <span style="color:red;cursor:pointer;font-weight:bold;" @click='isShowCancel=!isShowCancel'>取消订单</span>
            </td>
          </tr>
        </tbody>
        <tbody v-if="cancelList&&cancelList.length>0 && isShowCancel" v-for="(item,index) in cancelList"
          :key="index+10000">
          <tr>
            <td :rowspan="3" style="text-align: left">
              <div style="font-size: 18px;color: #2961FE;margin-bottom: 20px;font-weight: bold"
                @click="goOrderdetails(item)">
                {{item.OrderId}}</div>
              <div>{{item.EnterName}}</div>
              <div style="margin-top: 10px">{{item.CreateTime}}</div>
              <div style="margin-top: 30px;margin-bottom: 10px">班级</div>
              <div style="font-weight: bold;color:#2961FE;" @click="getClassInfo(item)">{{item.ClassName}}</div>
            </td>
            <td style="border:none">{{item.GuestNum}}人</td>
            <td style="border:none">
              <template v-if="item.Class_Price>=0">
                {{item.Class_Price.toFixed(2)}}
              </template>
            </td>
            <td :style="{color:item.Class_Price!=item.Unit_Price?'var(--q-color-negative)':'','border':'none'}">
              <template v-if="item.Unit_Price>=0">
                {{item.Unit_Price.toFixed(2)}}
              </template>
            </td>
            <td style="border:none">
              <template v-if="item.PreferPrice>=0">
                {{item.PreferPrice.toFixed(2)}}
              </template>
            </td>
            <td style="border:none">
              <template v-if="item.Income>=0">
                {{item.Income.toFixed(2)}}
              </template>
            </td>
            <td style="color:var(--q-color-negative);border:none">
              <template v-if="item.DiscountMoney>=0">
                {{item.DiscountMoney.toFixed(2)}}
              </template>
            </td>
            <td style="border:none">
              <template v-if="item.LessPrice>=0">
                {{item.LessPrice.toFixed(2)}}
              </template>
            </td>
            <td style="border:none">
              <template v-if="item.Refund>=0">
                {{item.Refund.toFixed(2)}}
              </template>
            </td>
            <td style="border:none">
              <template v-if="item.PlatformTax>=0">
                {{item.PlatformTax.toFixed(2)}}
              </template>
            </td>
            <td style="color:#2961FE;border:none">
              <template v-if="item.DueInMoney&&item.DueInMoney>=0">
                {{item.DueInMoney.toFixed(2)}}
              </template>
            </td>
            <td style="border:none">
              <div style="background: rgba(2, 196, 153, 0.2);width: 80px;border-radius: 2px;text-align: center">
                <span style="color: #02C499">{{item.OrderStateName}}</span>
              </div>
            </td>
            <td style="border:none;" v-if="AuthorityObj.isShowEdit && viewType==0">
              <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400;display:none;" label="编辑"
                @click="editOrder(item)" />
              <q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left:10px;display:none;">
                <q-list>
                  <q-item clickable v-close-popup>
                    <q-item-section @click="gostudent(item)">
                      <q-item-label>学生名单</q-item-label>
                    </q-item-section>
                  </q-item>
                </q-list>
              </q-btn-dropdown>
            </td>
          </tr>
          <tr>
            <td :colspan="12" style="text-align: left">
              <div class="row" v-if="item.GuestList&&item.GuestList.length>0">
                学生名单：
                <span v-for="(x,j) in item.GuestList" :index="j" v-if="x.GuestState==1"
                  style="color:#2961FE;margin-right: 5px">{{x.GuestName}} </span>
              </div>
              <div class="row" v-if="item.GuestList&&item.GuestList.length>0&&getTkshow(item.GuestList)">
                退课名单：
                <span v-for="(x,j) in item.GuestList" :index="j" v-if="x.GuestState==2"
                  style="color:var(--q-color-negative);margin-right: 5px">{{x.GuestName}} </span>
              </div>
              <span v-if="item.GuestList&&item.GuestList.length==0">暂无</span>
            </td>
          </tr>
          <tr>
            <td :colspan="12" style="height: 168px;text-align: left">
              <div class="col row remarks q-gutter-x-md">
                <div class="col">
                  <div>销售备注：</div>
                  <div class="remarks-b">
                    <div v-if="item.SaleRemark!=null||item.SaleRemark!=''">
                      <div>{{item.SaleRemark}}</div>
                      <div class="remarks-b-b">
                        <span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"
                          v-if="item.SaleRemarkList&&item.SaleRemarkList.length>0"></span>
                        <q-popup-proxy>
                          <q-banner>
                            <div style="width: 500px;">
                              <div>销售备注</div>
                              <div v-for="(xq,jq) in item.SaleRemarkList" :index="jq"
                                style=" margin-top: 10px;background: #e6e6e6;padding: 5px;font-size: 12px">
                                <div>{{xq.Content}}</div>
                                <div style="text-align: right">{{xq.CreateBy}} {{xq.CreateTime}}</div>
                              </div>
                            </div>
                          </q-banner>
                        </q-popup-proxy>
                      </div>
                    </div>
                    <span v-if="item.SaleRemark==null||item.SaleRemark==''">暂无</span>
                  </div>
                </div>
                <div class="col">
                  <div>教务备注：</div>
                  <div class="remarks-b ">
                    <div v-if="item.TeacherRemark!=null||item.TeacherRemark!=''">
                      <div>{{item.TeacherRemark}}</div>
                      <div class="remarks-b-b">
                        <span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"
                          v-if="item.TeacherRemarkList&&item.TeacherRemarkList.length>0"></span>
                        <q-popup-proxy>
                          <q-banner>
                            <div style="width: 500px;">
                              <div>教务备注</div>
                              <div v-for="(xq,jq) in item.TeacherRemarkList" :index="jq"
                                style=" margin-top: 10px;background: #e6e6e6;padding: 5px;font-size: 12px">
                                <div>{{xq.Content}}</div>
                                <div style="text-align: right">{{xq.CreateBy}} {{xq.CreateTime}}</div>
                              </div>
                            </div>
                          </q-banner>
                        </q-popup-proxy>
                      </div>
                    </div>
                    <span v-if="item.TeacherRemark==null||item.TeacherRemark==''">暂无</span>
                  </div>
                </div>
                <div class="col">
                  <div>校长备注：</div>
                  <div class="remarks-b ">
                    <div v-if="item.RectorRemark!=null ||item.RectorRemark!=''">
                      <div>{{item.RectorRemark}}</div>
                      <div class="remarks-b-b">
                        <span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"
                          v-if="item.RectorRemarkList&&item.RectorRemarkList.length>0"></span>
                        <q-popup-proxy>
                          <q-banner>
                            <div style="width: 500px;">
                              <div>校长备注</div>
                              <div v-for="(xq,jq) in item.RectorRemarkList" :index="jq"
                                style="margin-top: 10px;background: #e6e6e6;padding: 5px;font-size: 12px">
                                <div>{{xq.Content}}</div>
                                <div style="text-align: right">{{xq.CreateBy}} {{xq.CreateTime}}</div>
                              </div>
                            </div>
                          </q-banner>
                        </q-popup-proxy>
                      </div>
                    </div>
                    <span v-if="item.RectorRemark==null||item.RectorRemark==''">暂无</span>
                  </div>
                </div>
                <div class="col">
                  <div>总经理备注：</div>
                  <div class="remarks-b ">
                    <div v-if="item.DirectorRemark!=null||item.DirectorRemark!=''">
                      <div>{{item.DirectorRemark}}</div>
                      <div class="remarks-b-b">
                        <span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"
                          v-if="item.DirectorRemarkList&&item.DirectorRemarkList.length>0"></span>
                        <q-popup-proxy>
                          <q-banner>
                            <div style="width: 500px;">
                              <div>总经理备注</div>
                              <div v-for="(xq,jq) in item.DirectorRemarkList" :index="jq"
                                style=" margin-top: 10px;background: #e6e6e6;padding: 5px;font-size: 12px">
                                <div>{{xq.Content}}</div>
                                <div style="text-align: right">{{xq.CreateBy}} {{xq.CreateTime}}</div>
                              </div>
                            </div>
                          </q-banner>
                        </q-popup-proxy>
                      </div>
                    </div>
                    <span v-if="item.DirectorRemark==null||item.DirectorRemark==''">暂无</span>
                  </div>
                </div>
                <div class="col">
                  <div class="row" style="justify-content: space-between">
                    <span>收款单据：</span>
                  </div>
                  <div class="row wrap">
                  </div>
                  <div class="row" style="justify-content: space-between">
                    <span>付款单据：</span>
                  </div>
                  <div class="row wrap">
                  </div>
                </div>
              </div>
            </td>
          </tr>
        </tbody>
        <!--取消订单-->
      </table>
    </div>
    <!--修改课程订单-->
    <editorder-form v-if="isShowEditOrderForm" :save-obj="orderObj" :orderType="orderObj.OrderType"
      @close="closeOrderSaveForm" @success="refreshOrder" :isChaBan="isChaBan" :modityOrderType="newModityOrderType">
    </editorder-form>

    <!--修改留学就业订单-->
    <studyorder-form v-if="isShowStudyOrderForm" :save-obj="orderObj" :orderType="orderObj.OrderType"
      @close="closeOrderSaveForm" @success="refreshOrder" :modityOrderType="newModityOrderType">
    </studyorder-form>

    <!--修改订单备注-->
    <orderremark-form v-if="isShowRemarkOrderForm" :save-obj="orderObj" :remarkType="remarkType"
      @close="closeRemarkForm" @success="refreshOrder"></orderremark-form>

    <!--转交订单-->
    <transOrder-form v-if="isShowTransOrderForm" :save-obj="orderObj" :employeeList="EmployeeList"
      @close="closeTransOrderForm" @success="refreshOrder"></transOrder-form>

    <myOrder-form v-if="isShowmyorderForm" :save-obj="myorderObjOption" @close="closeMOSaveForm"></myOrder-form>

    <!--班级详情-->
    <classinfo-form v-if="isShowClassInfo" :seting-obj="classObjOption" :isShowEditBtn="isShowEditBtn"
      @close="closeClass" @success="refreshOrder">
    </classinfo-form>

    <!--退课申请-->
    <backclass-form v-if="isShowBackClassForm" :save-obj="orderObj" @close="closeBackClassForm" @success="refreshOrder">
    </backclass-form>

    <!-- 修改提成和额外奖励 -->
    <money-form v-if="isShowMoney" :data="moneyObj" :type="CommonType" @close="closeMoneyForm" @success="refreshOrder">
    </money-form>

    <!--续课申请-->
    <continueclass-form v-if="isShowContinueClass" :save-obj="orderObj" @close="closeContinueClassForm"
      @success="refreshOrder"></continueclass-form>

    <!-- 转班申请 -->
    <transferclass-form v-if="isShowTransferClass" :save-obj="orderObj" :ChangeType="ChangeType"
      @close="closeTransferClassForm" @success="refreshOrder"></transferclass-form>

    <!-- 查看报价单 -->
    <viewquotation-form v-if="isShowviewQuo" :rId="offerId" :isShowCancle="1" @close="closeQuota"
      @success="refreshOrder">
    </viewquotation-form>

    <!--合同信息-->
    <eduinfo-form v-if="isShowEduForm" :seting-obj="eduObj" @close="closeEdudia" @success="refreshPage">
    </eduinfo-form>
    <div v-if="isShowContract" class="_show_img_box" @click="(isShowContract = false), (imgViewList = [])">
      <div style="
            position: absolute;
            max-width: 800px;
            height: auto;
            left: 50%;
            top: 50%;
            margin-left: -400px;
            margin-top: -300px;
          ">
        <!-- <el-carousel :initial-index="initialIndex" height="600px" :interval="5000" trigger="click">
          <el-carousel-item style="height: 600px; overflow: auto" v-for="(item, index) in imgViewList" :key="index">
            <img :src="item" style="" />
          </el-carousel-item>
        </el-carousel> -->
        <el-image
          style="width: 100%; height: 100%"
          fit="cover"
          v-for="(item, index) in imgViewList"
          :key="index"
          :src="item"
          :preview-src-list="imgViewList"
        >
        </el-image>
      </div>
    </div>
  </div>
</template>

<script>
  import editorderForm from '../sale/editorder-form' //修改订单
  import studyorderForm from '../sale/studyOrder-form' //留学就业订单
  import orderremarkForm from '../sale/orderremark-form' //订单备注
  import transOrderForm from '../sale/transOrder-form' //转交订单
  import backclassForm from '../sale/backclass-form' //退课申请
  import moneyForm from '../sale/money-form' //修改提成和额外奖励
  import myOrderForm from '../../components/sale/myOrder-form'
  import classinfoForm from '../../components/course/classinfo-form'; //班级信息
  import continueclassForm from '../sale/continueclass-form' //续课申请
  import viewquotationForm from '../sale/viewquotation-form' //报价单信息
  import transferclassForm from '../sale/transferclass-form' //转班信息

  import eduinfoForm from '../sale/eduinfo-form'

  import {
    setOrderHelpEnterId, //老师关联
    cancelClassOrder, //取消订单
    regressSourceClass, //拆分订单回到原班
  } from '../../api/sale/sale'

  import {
    queryEmployee //员工列表
  } from '../../api/users/user'
  import {
    SetOrderReceiveContract, //领取合同
    SetEducationContractAudit
  } from '../../api/sale/contract'
  import {
    getTeacherDropDownList
  } from '../../api/school/index'
  export default {
    components: {
      editorderForm,
      orderremarkForm,
      transOrderForm,
      myOrderForm,
      classinfoForm,
      backclassForm,
      moneyForm,
      continueclassForm,
      viewquotationForm,
      eduinfoForm,
      studyorderForm,
      transferclassForm
    },
    props: {
      //正常订单
      dataList: {
        type: Array,
        default: null
      },
      //取消订单
      cancelList: {
        type: Array,
        default: null
      },
      //权限数据
      authObj: {
        type: Object,
      },
      //修改订单类型
      modityOrderType: {
        type: Number,
        default: 0, //1-销售修改，2-OP修改，3-总经理修改
      },
      isShowEditBtn: {
        type: Number,
        default: null
      },
      viewType: {
        type: Number,
        default: 0
      },
      //因为今天订单 取消了一些操作
      comefrom: { //来自 1是来自 学管今日订单
        type: Number,
        default: 0
      }
    },
    data() {
      return {
        isShowEditOrderForm: false, //是否显示订单修改
        isShowStudyOrderForm: false, //是否显示留学就业订单
        isShowRemarkOrderForm: false, //是否线下修改订单备注
        isShowTransOrderForm: false, //是否显示转交订单
        isShowBackClassForm: false, //是否显示退课申请
        isShowContinueClass: false, //是否显示续课申请
        orderObj: {}, //订单信息
        isShowCancel: false, //是否显示取消订单
        remarkType: 0, //备注类型
        isShowmyorderForm: false, //显示详情
        myorderObjOption: {}, //详情的数据
        classObjOption: null,
        isShowClassInfo: false, //是否显示课程信息
        isShowMoney: false, //是否显示修改提成和额外奖励
        moneyObj: {}, //额外提成
        CommonType: -1, //用于判断是修改提成还是额外奖励
        EmployeeList: [], //员工列表
        isShowviewQuo: false, //是否显示报价单
        offerId: 0, //报价单编号
        //权限显示对象
        AuthorityObj: {
          isShowName: true, //是否显示班级、留学就业产品名称【默认显示】
          isShowGuestBtn: 0, //是否显示学员名单新增按钮【0-不显示，1-显示】
          isShowFinanceBtn: false, //是否显示财务单据录入按钮【true显示，false不显示】
          isShowTransOrder: false, //是否显示转交订单【true显示，false不显示】
          isShowEditSale: false, //是否显示修改销售按钮【true显示，false不显示】
          isShowSaleRemark: false, //是否显示修改销售备注按钮
          isShowEducationRemark: false, //是否显示修改教务备注按钮
          isShowPrincipalRemark: false, //是否显示修改校长备注按钮
          isShowManagerRemark: false, //是都显示总经理备注
          isShowCommissionEdit: false, //是否显示修改提成按钮
          isShowRewardEdit: false, //是否显示修改额外提成按钮
          isShowBackClass: false, //是否显示退课按钮
          isShowRenewClass: false, //是否显示续课按钮
          isShowContract: true, //是否显示合同
          isShowEdit: true, //是否显示修改订单按钮
          isShowTransClassOrder: false, //是否显示转班按钮
          isShowSeparater: false //是否显示分拆
        },

        isShowEduForm: false, //是否显示新增修改合同弹窗
        eduObj: {}, //合同信息
        isShowPop: false, //是否显示查看合同
        showChooseStudent: false, //收款单据，是否显示单选学生
        chooseStudent: "", //收款单据，单选学生
        isShowReward: false, // 是否可以修改额外金额
        isEditOrder: false, //是否有【总经理】修改订单但权限
        newModityOrderType: 0,
        isChaBan: 0, //是否插班(0-正常报入，1-插班报入)
        isShowTransferClass: false, //是否显示转班
        ChangeType: 1, //1-转班 2-分拆
        isShowteacher: false, //关联教师显示
        teacherMsg: {
          OrderId: 0,
          HelpEnterId: '',
        }, //关联老师参数
        TeacherList: [], //下拉老师
        isShowContract: false,
        imgViewUrl: '',
        imgViewList: [],
        initialIndex: 0,
      }
    },
    created() {
      this.initAuth();
      this.Employee();
      this.GetTeacherList() //获取老师数据
      var localStorageData = window.localStorage["loginUserInfo"];
      let ActionMenuList = JSON.parse(localStorageData).data.ActionMenuList
      if (ActionMenuList && ActionMenuList.length > 0) {
        ActionMenuList.forEach(x => {
          if (x.FunctionCode == 'Edit_OrderExtraMoney') {
            this.isShowReward = true
          }
          if (x.FunctionCode == 'Edit_Order') {
            this.isEditOrder = true
          }
        })
      }
    },
    watch: {
      modityOrderType: {
        handler(newValue) {
          var localStorageData = window.localStorage["loginUserInfo"];
          let ActionMenuList = JSON.parse(localStorageData).data.ActionMenuList
          var isNewEditOrder = false;
          if (ActionMenuList && ActionMenuList.length > 0) {
            ActionMenuList.forEach(x => {
              if (x.FunctionCode == 'Edit_Order') {
                isNewEditOrder = true
              }
            })
          }
          if (isNewEditOrder) {
            this.newModityOrderType = 3;
          } else {
            this.newModityOrderType = newValue;
          }
        },
        immediate: true
      }
    },
    mounted() {},
    methods: {
      //点击合同编号预览
      getShowContract(item) {
        this.isShowPop=false;
        if (item.ContractUrlList.length > 0) {
          //预览图片
          if (item.ContractType == 2) {
            this.isShowContract = true;
            this.imgViewUrl = item.ContractUrlList[0];
            this.imgViewList = item.ContractUrlList;
          }
          if(item.ContractType==1){
            this.previewPDF(item.ContractUrlList[0]);
          }
        }
      },
      //初始化权限信息
      initAuth() {
        if (this.authObj) {
          if (this.authObj.isShowName != null && !this.authObj.isShowName) {
            this.AuthorityObj.isShowName = this.authObj.isShowName;
          }
          if (this.authObj.isShowGuestBtn != null && this.authObj.isShowGuestBtn > 0) {
            this.AuthorityObj.isShowGuestBtn = this.authObj.isShowGuestBtn;
          }
          if (this.authObj.isShowFinanceBtn != null && this.authObj.isShowFinanceBtn) {
            this.AuthorityObj.isShowFinanceBtn = this.authObj.isShowFinanceBtn;
          }
          if (this.authObj.isShowTransOrder != null && this.authObj.isShowTransOrder) {
            this.AuthorityObj.isShowTransOrder = this.authObj.isShowTransOrder;
          }
          if (this.authObj.isShowEditSale != null && this.authObj.isShowEditSale) {
            this.AuthorityObj.isShowEditSale = this.authObj.isShowEditSale;
          }
          if (this.authObj.isShowSaleRemark != null && this.authObj.isShowSaleRemark) {
            this.AuthorityObj.isShowSaleRemark = this.authObj.isShowSaleRemark;
          }
          if (this.authObj.isShowEducationRemark != null && this.authObj.isShowEducationRemark) {
            this.AuthorityObj.isShowEducationRemark = this.authObj.isShowEducationRemark;
          }
          if (this.authObj.isShowPrincipalRemark != null && this.authObj.isShowPrincipalRemark) {
            this.AuthorityObj.isShowPrincipalRemark = this.authObj.isShowPrincipalRemark;
          }
          if (this.authObj.isShowManagerRemark != null && this.authObj.isShowManagerRemark) {
            this.AuthorityObj.isShowManagerRemark = this.authObj.isShowManagerRemark;
          }
          if (this.authObj.isShowCommissionEdit != null && this.authObj.isShowCommissionEdit) {
            this.AuthorityObj.isShowCommissionEdit = this.authObj.isShowCommissionEdit;
          }
          if (this.authObj.isShowRewardEdit != null && this.authObj.isShowRewardEdit) {
            this.AuthorityObj.isShowRewardEdit = this.authObj.isShowRewardEdit;
          }
          if (this.authObj.isShowBackClass != null && this.authObj.isShowBackClass) {
            this.AuthorityObj.isShowBackClass = this.authObj.isShowBackClass;
          }
          if (this.authObj.isShowRenewClass != null && this.authObj.isShowRenewClass) {
            this.AuthorityObj.isShowRenewClass = this.authObj.isShowRenewClass;
          }
          if (this.authObj.isShowEdit != null && !this.authObj.isShowEdit) {
            this.AuthorityObj.isShowEdit = this.authObj.isShowEdit;
          }
          if (this.authObj.isShowTransClassOrder != null && this.authObj.isShowTransClassOrder) {
            this.AuthorityObj.isShowTransClassOrder = this.authObj.isShowTransClassOrder;
          }
          if (this.authObj.isShowSeparater != null && this.authObj.isShowSeparater) {
            this.AuthorityObj.isShowSeparater = this.authObj.isShowSeparater;
          }
        }
      },
      //回归原班
      backSourceClass(item) {
        var backMsg = {
          OrderId: item.OrderId
        };
        var that = this;
        this.$q.dialog({
          title: "回归原班",
          message: "你正在进行订单回归原班级操作，是否确认执行",
          persistent: true,
          cancel: {
            label: "取消",
            flat: true
          },
          ok: {
            label: "确认执行",
            flat: true,
            focus: true
          }
        }).onOk(() => {
          regressSourceClass(backMsg).then(res => {
            if (res.Code == 1) {
              that.$q.notify({
                icon: 'iconfont icon-chenggong',
                color: 'accent',
                timeout: 2000,
                message: '操作成功',
                position: 'top'
              })
              that.refreshOrder();
            }
          })
        });
      },
      //关闭报价单
      closeQuota() {
        this.isShowviewQuo = false;
      },
      //跳转到报价单
      goQuotation(Id) {
        this.OpenNewUrl("/sale/quotation", {
          Id: Id
        });
      },
      //跳转到预约单号
      goVisitorReser(Id) {
        this.OpenNewUrl("/sale/appointManagement", {
          Id: Id
        });
      },
      //弹出退课名单
      getTkshow(data) {
        let Tkshow = false;
        if (data && data.length > 0) {
          data.forEach(x => {
            if (x.GuestState == 2) {
              Tkshow = true
            }
          });
        }
        return Tkshow
      },
      //关闭退课申请
      closeBackClassForm() {
        this.orderObj = {};
        this.isShowBackClassForm = false;
      },
      //显示退课申请
      showBackClassForm(item) {
        this.orderObj = item;
        this.isShowBackClassForm = true;
      },
      //显示续课申请
      showContinueClass(item) {
        this.orderObj = item;
        this.isShowContinueClass = true;
      },
      //关闭续课申请
      closeContinueClassForm() {
        this.orderObj = {};
        this.isShowContinueClass = false;
      },
      //转班
      transferClass(item, type) {
        this.orderObj = item;
        this.ChangeType = type;
        this.isShowTransferClass = true;
      },
      //关闭转班
      closeTransferClassForm() {
        this.orderObj = {};
        this.isShowTransferClass = false;
      },
      //获取员工列表
      Employee() {
        var qMsg = {
          EmployeeName: ''
        }
        queryEmployee(qMsg).then(res => {
          if (res.Code == 1) {
            this.EmployeeList = res.Data;
          }
        })
      },
      //获取财务单据
      getOrderFinanceList(msg, type) {
        this.apipost('sellorder_post_GetOrderFinanceListForEdu', {
          OrderIds: msg
        }, res => {
          if (res.data.resultCode === 1) {
            let data = res.data.data;
            if (type == 1) {
              if (this.dataList) {
                this.dataList.forEach(x => {
                  data.forEach(j => {
                    if (x.OrderId == j.OrderId) {
                      x.FinanceList = j.FinanceList
                      x.RefundFinanceList = j.RefundFinanceList
                    }
                  })
                })
              }
            } else if (type == 2) {
              if (this.cancelList && this.cancelList.length > 0) {
                this.cancelList.forEach(x => {
                  data.forEach(j => {
                    if (x.OrderId == j.OrderId) {
                      x.FinanceList = j.FinanceList
                      x.RefundFinanceList = j.RefundFinanceList
                    }
                  })
                })
              }
            }
            this.$forceUpdate()
          } else {
            this.$message.error(res.data.message);
          }
        }, err => {})
      },
      //显示订单详情
      goOrderdetails(item, tab) {
        item.tab = tab
        this.myorderObjOption = item;
        this.isShowmyorderForm = true;
      },
      //关闭订单详情
      closeMOSaveForm() {
        this.isShowmyorderForm = false;
      },
      //订单转交
      transferOrder(item, type) {
        item.type = type
        this.orderObj = item;
        this.isShowTransOrderForm = true;
      },
      //关闭转订单弹窗
      closeTransOrderForm() {
        this.isShowTransOrderForm = false;
      },
      //跳转到学生名单
      gostudent(item) {
        var tempStr = '/sale/studentList';
        this.$router.push({
          path: tempStr,
          query: {
            OrderId: item.OrderId,
            ClassId: item.ClassId,
            SourceId: item.SourceId,
            isShow: this.AuthorityObj.isShowGuestBtn
          }
        });
      },
      //修改订单备注
      editOrderRemark(item, Type) {
        this.orderObj = item;
        this.remarkType = Type;
        this.isShowRemarkOrderForm = true;
      },
      //关闭备注
      closeRemarkForm() {
        this.isShowRemarkOrderForm = false;
      },
      //关闭订单修改
      closeOrderSaveForm() {
        this.isShowEditOrderForm = false;
        this.isShowStudyOrderForm = false;
      },
      //显示修改订单
      editOrder(item) {
        this.orderObj = item;
        //课程订单
        if (item.OrderType == 1) {
          this.isShowEditOrderForm = true;
        } else { //留学就业订单
          this.isShowStudyOrderForm = true;
        }
        this.isChaBan = item.JoinType == 2 ? 1 : 0;
      },
      //刷新页面
      refreshOrder() {
        this.isShowEditOrderForm = false;
        this.isShowMoney = false;
        this.isShowStudyOrderForm = false;
        //调用父页面成功方法
        this.$emit('success');
      },
      //关闭修改提成和额外奖励
      closeMoneyForm() {
        this.moneyObj = {};
        this.isShowMoney = false;
      },
      //取消订单
      CancelOrder(item) {
        let that = this
        this.$q.dialog({
          title: '提示信息',
          message: '<span style="color: var(--q-color-negative)">是否取消此订单</span>',
          cancel: true,
          persistent: true,
          html: true,
          ok: "确定",
          cancel: "取消",
        }).onOk(() => {
          cancelClassOrder({
            OrderId: item.OrderId
          }).then(res => {
            if (res.Code == 1) {
              that.$q.notify({
                icon: 'iconfont icon-chenggong',
                color: 'accent',
                timeout: 2000,
                message: '操作成功',
                position: 'top'
              })
              //调用父页面成功方法
              this.$emit('success');
            }
          })
        })
      },
      //财务单据
      chanceType(obj, type) {
        let TCIDARR = []
        if (obj && obj.OrderType == 2) {
          //留学就业订单
          TCIDARR.push(obj.SourceId);
        } else {
          //班级课程订单
          TCIDARR.push(obj.ClassId);
        }
        var orderObj = {
          OrderID: obj.OrderId,
          OrderSource: 17,
          Obj: {},
          SourceID: 0,
          TCIDList: TCIDARR
        }
        if (obj.OfferId > 0) {
          orderObj.OtherType = 29;
          orderObj.ReFinanceId = obj.OfferId;
        }
        if (obj.OrderType == 1 && this.chooseStudent == "") {
          this.$q.notify({
            icon: 'close',
            color: 'accent',
            timeout: 2000,
            message: '请选择学生',
            position: 'top'
          })
          return
        }
        if (obj.OrderType == 1 && this.chooseStudent == "") {
          this.$q.notify({
            icon: 'close',
            color: 'accent',
            timeout: 2000,
            message: '请选择学生',
            position: 'top'
          })
          return
        }
        let ContractNo = ''
        if (obj && obj.GuestList.length > 0) {
          obj.GuestList.forEach(x => {
            if (this.chooseStudent == x.Id) {
              ContractNo = x.ContractNo
            }
          })
        }
        if (obj.OrderType == 1 && ContractNo == '') {
          this.$q.notify({
            icon: 'close',
            color: 'accent',
            timeout: 2000,
            message: '请完善合同信息',
            position: 'top'
          })
          return
        }
        //留学就业订单
        if (obj && obj.OrderType == 2) {
          //财务单据类型【教育留学】
          orderObj.OrderSource = 18;
        }
        var guestId = 0;
        if (this.chooseStudent != "") {
          guestId = this.chooseStudent;
        }
        this.$router.push({
          path: '/financial/financalDocument/ChoiceAddFinancialDocuments',
          query: {
            "Type": type,
            "companyID": obj.ClassSchoolId,
            "path": "",
            'blank': 'y',
            'orderObj': JSON.stringify(orderObj),
            'tradeWay': obj.tradeWay,
            "GuestId": guestId
          }
        });
      },
      //打开班级详情组件
      getClassInfo(obj) {
        this.classObjOption = obj;
        this.classObjOption.School_Id = this.classObjOption.ClassSchoolId
        this.isShowClassInfo = true;
      },
      //关闭班级信息弹窗
      closeClass() {
        this.isShowClassInfo = false
      },
      //修改提成-奖励
      upDateMoney(item, type) {
        this.moneyObj = item;
        this.CommonType = type;
        this.isShowMoney = true;
      },
      //关闭弹窗
      closeEdudia() {
        this.isShowEduForm = false
      },
      //刷新页面
      refreshPage() {
        this.refreshOrder();
      },
      //领取合同
      takeContract(item) {
        let msg = {
          OrderId: item.OrderId,
          GuestId: 0
        }
        SetOrderReceiveContract(msg).then(res => {
          if (res.Code == 1) {
            this.$q.notify({
              icon: 'iconfont icon-chenggong',
              color: 'accent',
              timeout: 2000,
              message: '操作成功',
              position: 'top'
            })
            //调用父页面成功方法
            this.$emit('success');
          }
        }).catch(() => {})
      },
      takeContractTwo(item, subItem) {
        let obj = {
          OrderId: item.OrderId,
          GuestId: subItem.Id,
          ContractId: subItem.ContractId
        }
        this.eduObj = obj;
        this.isShowPop = false;
        this.isShowEduForm = true;
      },
      //跳转至合同管理
      goContractMannage(subItem) {
        this.OpenNewUrl("/contractView", {
          ContractId: subItem.ContractId
        });
      },
      gourltx(OrderId) {
        this.OpenNewUrl("/financial/cycleOrderList", {
          OrderId: OrderId
        });
      },
      //合同提交审核
      goContractAudit(subItem) {
        let msg = {
          ContractId: subItem.ContractId,
          State: 1
        }
        SetEducationContractAudit(msg).then(res => {
          if (res.Code == 1) {
            this.$q.notify({
              icon: 'iconfont icon-chenggong',
              color: 'accent',
              timeout: 2000,
              message: '修改成功！',
              position: 'top'
            })
            this.$emit('success');
          }
        })
      },
      //获取教师下拉
      GetTeacherList() {
        var qMsg = {
          AccountTypeStr: 2
        }
        queryEmployee(qMsg).then(res => {
          if (res.Code == 1) {
            this.TeacherList = res.Data;
          }
        })
      },
      gettanchuteacher(item) {
        this.isShowteacher = true
        this.teacherMsg.OrderId = item.OrderId;
        this.teacherMsg.HelpEnterId = item.HelpEnterId > 0 ? item.HelpEnterId : '';
      },
      setCheckStatus() {
        if (this.teacherMsg.HelpEnterId == 0 || this.teacherMsg.HelpEnterId == '') {
          this.$q.notify({
            icon: 'close',
            color: 'accent',
            timeout: 2000,
            message: '请选择关联老师',
            position: 'top'
          })
          return
        }
        setOrderHelpEnterId(this.teacherMsg).then(res => {
          if (res.Code == 1) {
            this.$q.notify({
              icon: 'iconfont icon-chenggong',
              color: 'accent',
              timeout: 2000,
              message: '操作成功',
              position: 'top'
            })
            //调用父页面成功方法
            this.isShowteacher = false
            this.$emit('success');
          }
        })
      }
    }
  }

</script>
<style>
  li {
    list-style-type: none;
  }

  .classorder ul {
    padding: 0px
  }

  .classorder .price-popup {
    border-radius: 4px;
  }

  .classorder .el-range-editor .el-range-input {
    background: none;
  }

  .classorder .el-range-editor.el-input__inner {
    background-color: transparent;
  }

  .classorder .q-mb-md {
    margin-bottom: 0;
  }

  .classorder .stics {
    padding: 10px 20px;
    background: #DDDEE0;
    border-radius: 4px;
    font-size: 14px;
    color: #000000;
    font-weight: bold
  }

  .classorder .stics .stics-name {
    color: #2D2D2D;
    font-weight: 600;
    margin-right: 10px
  }

  .classorder .tis {
    margin: 10px 0;
    align-items: center
  }

  .classorder .tis .tis-k {
    width: 10px;
    height: 10px;
    margin-right: 8px
  }

  .classorder .tis span {
    font-size: 14px;
    color: #2D2D2D;
    font-weight: 600;
    margin-right: 20px
  }

  .classorder table {
    padding: 10px 0;
    width: 100%;
    background-color: #ededed;
    border-collapse: collapse;
    border: 1px solid #d2d2d2;
    font-size: 12px;
  }

  .classorder table th {
    background-color: #ededed;
    height: 34px;
    text-indent: 15px;
  }

  .classorder table td {
    background-color: #ffffff;
    padding: 9px 15px;
    color: #333333;
    border: 1px solid rgba(138, 138, 138, 0.09);
    text-align: center;

  }

  .classorder table ._color_666 {
    color: #666666;
  }

  .classorder table tr._color_666 th {
    padding: 9px 15px;
  }

  .classorder table th {
    background-color: #ededed;
    height: 34px;
    text-indent: 15px;
  }

  .classorder table td {
    background-color: #ffffff;
    padding: 9px 15px;
    color: #333333;
    /*border: 1px solid #d2d2d2;*/
  }

  .classorder table ._color_666 {
    color: #666666;
  }

  .classorder table tr._color_666 th {
    padding: 9px 15px;
  }

  .classorder .enrollTotalSearchTable {
    width: 100%;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-collapse: collapse;
  }

  .classorder .enrollTotalSearchTable tr {
    /* border-bottom: 2px solid #333; */
  }

  .classorder .enrollTotalSearchTable tr th {
    background: #DDDEE0;
    height: 30px;
    font-size: 12px;
    text-align: center;
  }

  .classorder .enrollTotalSearchTable tr {
    background: #fff;
    text-align: left;
  }

  .classorder .enrollTotalSearchTable tbody tr:last-child {
    border-bottom: 2px solid #333;
  }

  .classorder .enrollTotalSearchTable tr:first-child td:first-child {
    border-bottom: 2px solid #333;
  }

  .classorder .enrollTotalSearchTable tr td {
    height: 66px;
    padding: 10px;
    /*border-top: 1px solid #cccccc;*/
    /*border-left: 1px solid #cccccc;*/
  }

  .classorder .enrollTotalSearchTable tr td>img {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    vertical-align: middle;
    margin-right: 5px;
  }

  .classorder .enrollTotalSearchTable tr td p {
    line-height: 20px;
  }

  .classorder .remarks {
    font-size: 14px;
    color: #2D2D2D;
  }

  .classorder .remarks-b {
    width: 100%;
    height: 94px;
    background: #F0F5FB;
    margin-top: 10px;
    padding: 15px;
    font-size: 12px;
    color: #999999;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    line-height: 20px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .classorder .remarks-b-b {
    text-align: right;
    position: absolute;
    right: 0px;
    bottom: 0px
  }

  .classorder .on-left {
    margin-right: 5px;
  }

  .classorder .finance {
    padding: 1px 10px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin: 5px 3px 3px 0;
  }

  .classorder .order_OfferId {
    font-size: 18px;
    color: #2961FE;
    margin-bottom: 10px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer
  }

  .takeContract {
    cursor: pointer;
    color: rgb(41, 97, 254);
  }

  .Contract_Table {
    width: 100%;
    border-collapse: collapse;
  }

  .Contract_Table th,
  .Contract_Table td {
    padding: 5px;
    color: #000;
    text-align: center;
  }

  .table-body {
    height: 590px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .classorder .redstyle {
    color: var(--q-color-negative);
  }

  .order_OferTitle {
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
  }

</style>
