<!--订单列表-->
<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.OrderType == 2 && item.LXConfirmState == 1"
                  color="primary"
                  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.CreateByName }}</div>
              <div>课程顾问：{{ item.ConsultantName||'无' }}</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.CustomerId > 0">
                  同行信息：{{ item.CustomerName }} <span v-if="item.CustomerNumber">-{{ item.CustomerNumber }}</span>
                </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.CourseSubjectName">
                  所属科目：<span style="color:green;">{{
                    item.CourseSubjectName
                  }}</span>
                </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)"
                >
                  已发提成：{{ 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 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>
                  <div
                    v-if="
                      item.OrderType == 2 &&
                        item.LXConfirmState != 1 &&
                        AuthorityObj.isshoworderconfirm == true
                    "
                  >
                    <q-item
                      clickable
                      v-close-popup
                      disabled
                      v-if="item.DueInMoney && item.DueInMoney != 0"
                    >
                      <q-item-section>
                        <q-item-label>
                          订单确认
                        </q-item-label>
                        <q-tooltip
                          anchor="center left"
                          self="center right"
                          content-class="bg-red"
                        >
                          待收金额不为0,帐未平
                        </q-tooltip>
                      </q-item-section>
                    </q-item>
                    <q-item clickable v-close-popup v-else>
                      <q-item-section
                        @click="studyabroadorderconfirmation(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>

                                <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>

                                <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"
                      v-if="x.OtherType != 45"
                      :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"
                    v-if="item.OrderType == 2"
                  >
                    <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_lx(item)"
                    />
                    <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" v-if="item.OrderType == 2">
                    <div
                      class="finance row"
                      v-for="(x, j) in item.RefundFinanceList"
                      v-if="x.OtherType == 45"
                      :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, //拆分订单回到原班
  setStudyAboradOrderConfirm //留学订单确认
} 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, //是否显示分拆
        isshoworderconfirm: 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;
        }
        if (
          this.authObj.isshoworderconfirm != null &&
          this.authObj.isshoworderconfirm
        ) {
          this.AuthorityObj.isshoworderconfirm = this.authObj.isshoworderconfirm;
        }
      }
    },
    //回归原班
    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,
          CustomerId:item.CustomerId,
          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
        }
      });
    },
    chanceType_lx(obj) {
      //留学的时 成本制单
      let TCIDARR = [];
      if (obj && obj.OrderType == 2) {
        //留学就业订单
        TCIDARR.push(obj.SourceId);
      } else {
      }
      var orderObj = {
        OrderID: obj.OrderId,
        OrderSource: 17,
        Obj: {},
        SourceID: 0,
        TCIDList: TCIDARR
      };
      orderObj.OtherType = 45; //成本单据
      if (obj.OfferId > 0) {
        orderObj.ReFinanceId = obj.OfferId;
      }

      let ContractNo = "";
      if (obj && obj.GuestList.length > 0) {
        obj.GuestList.forEach(x => {
          if (this.chooseStudent == x.Id) {
            ContractNo = x.ContractNo;
          }
        });
      }
      //留学就业订单
      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: 2,
          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(obj) {
      if (obj.OrderType == 1) {
        this.OpenNewUrl("/financial/cycleOrderList", {
          OrderId: obj.OrderId
        });
      } else {
        this.OpenNewUrl("/financial/studyabroad/ordercommission", {
          OrderId: obj.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");
        }
      });
    },
    studyabroadorderconfirmation(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(() => {
          setStudyAboradOrderConfirm({
            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");
            }
          });
        });
    }
  }
};
</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>
