<!--订单列表-->
<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="7%" v-if="isActivity" />
          <col />
        </colgroup>
        <thead>
          <tr class="fix_th">
            <th width="12%">单号</th>
            <th width="7%">联系人</th>
            <th width="10%">联系电话</th>
            <th width="7%">应收总额</th>
            <th width="7%">实收</th>
            <th width="7%">退款</th>
            <th width="7%">平台税金</th>
            <th width="7%">待收金额</th>
            <th width="7%" v-if="isActivity">来源</th>
            <th width="7%">状态</th>
            <th>操作</th>
          </tr>
        </thead>
      </table>
    </div>
    <div class="table-body" v-loading="loading">
      <table class="enrollTotalSearchTable" border="0" cellspacing="0" cellpadding="0">
        <colgroup>
          <col width="12%" />
          <col width="7%" />
          <col width="10%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" />
          <col width="7%" v-if="isActivity" />
          <col width="7%" />
          <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="2" style="text-align: left">
              <div class="order_OfferId" @click="goOrderdetails(item, 1)">
                {{ item.Id }}
              </div>
              <div>
                {{ item.PaymentWayName }}
              </div>
              <div v-if="item.EduSellName">{{ item.EduSellName }}</div>
              <div v-if="!item.EduSellName" style="color: #f00">未关联销售</div>
              <div>{{ item.ActivityName }}</div>
              <div>活动开始时间：</div>
              <div>{{ item.StartTime }}</div>
              <div>活动结束时间：</div>
              <div>{{ item.EndTime }}</div>
              <div v-if="item.IsCommission == 2" style="color: #f00; cursor: pointer; text-decoration: underline"
                @click="gourlactive(item)">
                提成金额:{{ item.CommissionPrice }}
              </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.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.IsChaBan == 1" style="color: red">
                  插班报入   <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">{{ item.LinkMan }}</td>
            <td style="border: none">
              {{ item.LinkTel }}
            </td>
            <!-- <td :style="{color:item.Class_Price!=item. UnitPrice?'var(--q-color-negative)':'','border':'none'}">
              <template v-if="item. UnitPrice>=0">
                {{item.UnitPrice }}
              </template>
              <template v-else>
                <span class="redstyle">{{item. UnitPrice }}</span>
              </template>
            </td> -->
            <!-- 应收总额 -->
            <td style="border: none">
              <template v-if="item.Money > 0">
                {{ item.Money }}
              </template>
              <template v-else>
                <span class="redstyle">0</span>
              </template>
            </td>
            <!-- 实收 -->
            <td style="border: none">
              <template v-if="item.Income > 0">
                {{ item.Income }}
              </template>
              <template v-else>
                <span class="redstyle">0</span>
              </template>
            </td>
            <!-- <td style="color:var(--q-color-negative);border:none">
              <template v-if="item.DiscountMoney>=0">
                {{item.DiscountMoney }}
              </template>
              <template v-else>
                <span class="redstyle">{{item.DiscountMoney }}</span>
              </template>
            </td>
            <td style="border:none">
              <template v-if="item.LessPrice>=0">
                {{item.LessPrice }}
              </template>
              <template v-else>
                <span class="redstyle">{{item.LessPrice }}</span>
              </template>
            </td> -->
            <!-- 退款 -->
            <td style="border: none">
              <template v-if="item.RefundPrice > 0">
                {{ item.RefundPrice }}
              </template>
              <template v-else>
                <span class="redstyle">0</span>
              </template>
            </td>
            <!-- 平台税金 -->
            <td style="border: none">
              <template v-if="item.PlatformTax > 0">
                {{ item.PlatformTax }}
              </template>
              <template v-else>
                <span class="redstyle">{{ item.PlatformTax }}</span>
              </template>
            </td>
            <!-- 待收金额 -->
            <td style="color: #2961fe; border: none">
              <template v-if="item.DueInMoney > 0">
                {{ item.DueInMoney }}
              </template>
              <template v-else>
                <span class="redstyle">0</span>
              </template>
            </td>
            <td width="7%" v-if="isActivity" style="border: none">
              <template>
                <span v-if="item.WeiXinType == 0">
                  甲鹤
                  <span v-if="item.EduStudentId > 0">-{{ item.EduStudentName }}</span>
                </span>
                <span v-if="item.WeiXinType == 1">
                  甲小鹤
                  <span v-if="item.EduStudentId > 0">-{{ item.EduStudentName }}</span>
                </span>
              </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> -->
                <span style="color: #02c499" v-if="item.Status === 0">正常</span>
                <span style="color: #02c499" v-if="item.Status === 1">取消</span>
              </div>
            </td>
            <td style="border: none">
              <template v-if="
                  (isEditOrder || AuthorityObj.isShowEdit) && !formActiveMan
                ">
                <q-btn flat size="xs" icon="edit" color="accent" style="font-weight: 400" label="编辑"
                  @click="editOrder(item)" v-if="item.EduUserId === loginId && item.PaymentWay !== 1" />
              </template>
              <template v-if="
                  formActiveMan &&
                  item.IsApplyForCancel == 1 &&
                  item.Status === 0
                ">
                <q-btn flat size="xs" icon="edit" color="accent" style="font-weight: 400" label="同意"
                  @click="handleApply(1, item)" />
                <q-btn flat size="xs" icon="edit" color="accent" style="font-weight: 400" label="拒绝"
                  @click="handleApply(2, item)" />
              </template>
              <q-btn-dropdown flat size="xs" color="dark" label="更多" v-if="
                  item.EduUserId === loginId &&
                  item.PaymentWay !== 1 &&
                  !formActiveMan
                " style="margin-left: 10px">
                <q-list>
                  <q-item clickable v-close-popup disabled v-if="
                      (item.IncomeFinanceList &&
                        item.IncomeFinanceList.length > 0) ||
                      (item.ExpendFinanceList &&
                        item.ExpendFinanceList.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 disabled v-else-if="
                      item.Status === 0 &&
                      item.IsApplyForCancel === 1 &&
                      item.ApplyForCancelStatus === 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-if="
                      item.Status === 0 &&
                      item.IsApplyForCancel === 0 &&
                      item.ApplyForCancelStatus === 0
                    ">
                    <q-item-section @click="CancelOrder(item)">
                      <q-item-label>取消订单</q-item-label>
                    </q-item-section>
                  </q-item>

                </q-list>
              </q-btn-dropdown>
            </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.Remark != null || item.Remark != ''">
                      <div>{{ item.Remark }}</div>
                    </div>
                    <span v-if="item.Remark == null || item.Remark == ''">暂无</span>
                  </div>
                </div>
                <div class="col">
                  <div>取消备注：</div>
                  <div class="remarks-b">
                    <div v-if="
                        item.CancelRemark != null || item.CancelRemark != ''
                      ">
                      <div>{{ item.CancelRemark }}</div>

                    </div>
                    <span v-if="
                        item.CancelRemark == null || item.CancelRemark == ''
                      ">暂无</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="item.UserId === 0" style="font-weight: 400; color: #02c499"
                      label="修改" @click="goShoukuan(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>

                                <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.IncomeFinanceList" :index="j" :style="{
                        background:
                          x.ColorType == 1
                            ? 'rgba(41, 97, 254, 0.2)'
                            : x.ColorType == 2
                            ? 'rgba(2, 196, 153, 0.2)'
                            : x.ColorType == 3
                            ? 'rgba(242, 140, 29, 0.2)'
                            : 'rgba(63, 196, 255, 0.2)',
                        color:
                          x.ColorType == 1
                            ? '#2961FE'
                            : x.ColorType == 2
                            ? '#02C499'
                            : x.ColorType == 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="item.UserId === 0" style="font-weight: 400; color: #02c499"
                      label="修改" @click="goShoukuan(item, 2)" />
                    <!-- <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>

                                <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.ExpendFinanceList" :index="j" :style="{
                        background:
                          x.ColorType == 1
                            ? 'rgba(41, 97, 254, 0.2)'
                            : x.ColorType == 2
                            ? 'rgba(2, 196, 153, 0.2)'
                            : x.ColorType == 3
                            ? 'rgba(242, 140, 29, 0.2)'
                            : 'rgba(63, 196, 255, 0.2)',
                        color:
                          x.ColorType == 1
                            ? '#2961FE'
                            : x.ColorType == 2
                            ? '#02C499'
                            : x.ColorType == 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 }}
              </template>
            </td>
            <td :style="{
                color:
                  item.Class_Price != item.UnitPrice
                    ? 'var(--q-color-negative)'
                    : '',
                border: 'none',
              }">
              <template v-if="item.UnitPrice >= 0">
                {{ item.UnitPrice }}
              </template>
            </td>
            <td style="border: none">
              <template v-if="item.PreferPrice >= 0">
                {{ item.PreferPrice }}
              </template>
            </td>
            <td style="border: none">
              <template v-if="item.Income >= 0">
                {{ item.Income }}
              </template>
            </td>
            <td style="color: var(--q-color-negative); border: none">
              <template v-if="item.DiscountMoney >= 0">
                {{ item.DiscountMoney }}
              </template>
            </td>
            <td style="border: none">
              <template v-if="item.LessPrice >= 0">
                {{ item.LessPrice }}
              </template>
            </td>
            <td style="border: none">
              <template v-if="item.Refund >= 0">
                {{ item.Refund }}
              </template>
            </td>
            <td style="border: none">
              <template v-if="item.PlatformTax >= 0">
                {{ item.PlatformTax }}
              </template>
            </td>
            <td style="color: #2961fe; border: none">
              <template v-if="item.DueInMoney && item.DueInMoney >= 0">
                {{ item.DueInMoney }}
              </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">
              <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" :sourceType="2"
      @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" @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>

    <!-- 查看报价单 -->
    <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>
</template>

<script>
  import editorderForm from "./activeOrder-form.vue"; //修改订单/
  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/myActiveOrder-form";
  import classinfoForm from "../../components/course/classinfo-form"; //班级信息
  import continueclassForm from "../sale/continueclass-form"; //续课申请
  import viewquotationForm from "../sale/viewquotation-form"; //报价单信息

  import eduinfoForm from "../sale/eduinfo-form";

  import {
    cancelClassOrder, //取消订单
  } from "../../api/sale/sale";

  import {
    queryEmployee, //员工列表
  } from "../../api/users/user";
  import {
    SetOrderReceiveContract, //领取合同
  } from "../../api/sale/contract";

  export default {
    components: {
      editorderForm,
      orderremarkForm,
      transOrderForm,
      myOrderForm,
      classinfoForm,
      backclassForm,
      moneyForm,
      continueclassForm,
      viewquotationForm,
      eduinfoForm,
      studyorderForm,
    },
    props: {
      //正常订单
      dataList: {
        type: Array,
        default: null,
      },
      //取消订单
      cancelList: {
        type: Array,
        default: null,
      },
      //权限数据
      authObj: {
        type: Object,
      },
      //修改订单类型
      modityOrderType: {
        type: Number,
        default: 0, //1-销售修改，2-OP修改，3-总经理修改
      },
      formActiveMan: {
        type: Boolean,
        default: false,
      },
      //活动来源
      isActivity: {
        type: Boolean,
        default: false,
      },
      loading: {
        type: Boolean,
        default: false,
      }
    },
    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, //是否显示修改订单按钮
        },

        isShowEduForm: false, //是否显示新增修改合同弹窗
        eduObj: {}, //合同信息
        isShowPop: false, //是否显示查看合同
        showChooseStudent: false, //收款单据，是否显示单选学生
        chooseStudent: "", //收款单据，单选学生
        isShowReward: false, // 是否可以修改额外金额
        isEditOrder: false, //是否有【总经理】修改订单但权限
        newModityOrderType: 0,
        isChaBan: 0, //是否插班(0-正常报入，1-插班报入)
        loginId: -1, //登录人id
      };
    },
    created() {
      this.initAuth();
      this.Employee();
      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;
          }
        });
      }
      this.loginId = JSON.parse(localStorage.getItem("loginUserInfo")).data.Id;
    },
    watch: {
      dataList: {
        handler(val) {},
        deep: true,
      },
      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: {
      //初始化权限信息
      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;
          }
        }
      },
      //关闭报价单
      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;
      },
      //获取员工列表
      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.IsChaBan;
      },
      //刷新页面
      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>',
            prompt: {
              model: "",
              isValid: (val) => !!val, // << here is the magic
              type: "text", // optional
            },
            cancel: true,
            persistent: true,
            html: true,
            ok: "确定",
            cancel: "取消",
          })
          .onOk((data) => {
            let msg = {
              ActivityId: item.ActivityId,
              Id: item.Id,
              EduUserId: that.loginId,
              CancelRemark: data,
            };
            that.apipostDS("/api/Education/CancelCommerceConsult", msg, (res) => {
              if (res.data.resultCode === 1) {
                that.$q.notify({
                  icon: "iconfont icon-chenggong",
                  color: "accent",
                  timeout: 2000,
                  message: "操作成功",
                  position: "top",
                });
                //调用父页面成功方法
                that.$emit("success");
              } else {
                that.Error(res.data.message);
              }
            });
          });
      },
      //财务单据
      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,
        });
      },
      //跳转到收款单type=2付款，1收款
      goShoukuan(item, type) {
        // let TCIDARR = []
        // TCIDARR.push(this.msg.ClassId)
        let orderObj = {
          // OrderID: 0,
          OrderSource: 17,
          // Obj: {},
          // SourceID: 0,
          // TCIDList: TCIDARR,
          OtherType: 40,
          ReFinanceId: item.ActivityId, //活动id
          ReFinanceId2: item.Id, //订单id
        };
        this.$router.push({
          path: "/financial/financalDocument/ChoiceAddFinancialDocuments",
          query: {
            Type: type,
            // "ReFinanceId":this.msg.Id,
            // "companyID": this.msg.Id,
            // "path": "",
            blank: "y",
            orderObj: JSON.stringify(orderObj),
            // 'tradeWay': '',
          },
        });
      },
      handleApply(type, item) {
        //1,同意;2，拒绝
        if (type === 1) {
          this.$emit("agree", item);
        } else if (type === 2) {
          this.$emit("refuse", item);
        }
      },
      gourlactive(item) {
        this.OpenNewUrl("/financial/reportform/activityCommissionForOrderList", {
          ActivityId: item.ActivityId,
          OrderId: item.Id,
        });
      },
    },
  };
</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);
  }
</style>