tenant-Platform/src/views/finance/audit.vue

<template>
  <PageMain class="vh100">
    <el-tabs class="demo-tabs h-full" v-model="activeName" @tab-click="handleClick">
      <el-tab-pane name="0" class="h-full">
        <template #label>
          <el-badge :value="total1">
            <span>待审核</span>
          </el-badge>
        </template>
        <el-form v-model="firstForm" label-width="100">
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="保险公司">
                <el-select v-model="firstForm.companyId" placeholder="请选择" clearable filterable>
                  <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="保险机构">
                <el-cascader filterable clearable placeholder="请选择" v-model="firstForm.partnerCompanyId"
                  style="width: 100%;" :options="companyoptionsList" :props="companyIdprops"
                  @change="handleCompanyChange" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="车牌号">
                <el-input v-model="firstForm.licenseNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务员类型">
                <el-select v-model="firstForm.attrType" placeholder="请选择" clearable>
                  <el-option label="团队" value="5"></el-option>
                  <el-option label="个代" value="6"></el-option>
                  <el-option label="渠道" value="7"></el-option>
                  <el-option label="电销组" value="8"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务员">
                <el-input v-model="firstForm.salesman" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务员手机号">
                <el-input v-model="firstForm.phone" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="订单类型">
                <el-select v-model="firstForm.orderType" placeholder="请选择" clearable>
                  <el-option label="车险录入" value="1"></el-option>
                  <el-option label="代客录单" value="2"></el-option>
                  <el-option label="外部订单" value="3"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="被保人">
                <el-input v-model="firstForm.insurName" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="签单时间">
                <el-date-picker v-model="firstForm.signingTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="支付时间">
                <el-date-picker v-model="firstForm.payingTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="报价时间">
                <el-date-picker v-model="firstForm.quotationTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
              </el-form-item>
            </el-col>
            <el-col v-show="isTrue" :span="8">
              <el-form-item label="投保险种">
                <el-select v-model="firstForm.productName" placeholder="请选择" clearable>
                  <el-option label="全部" value=" "></el-option>
                  <el-option v-for="item in riskType" :key="item.value" :value="item.label"
                    :label="item.label"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col v-show="isTrue" :span="8">
              <el-form-item label="协议选择">
                <el-select v-model="firstForm.agreementId" placeholder="请选择协议" clearable filterable>
                  <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
                    :label="item.agreementTitle"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col v-show="isTrue" :span="8">
              <el-form-item label="订单号">
                <el-input v-model="firstForm.orderNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col v-show="isTrue" :span="8">
              <el-form-item label="对接人">
                <el-input v-model="firstForm.contact" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col v-show="isTrue" :span="8">
              <el-form-item label="出单机构">
                <el-cascader clearable style="width: 100%" v-model="firstForm.deptId" :options="option"
                  @change="handleChange" :props="tableProps"></el-cascader>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="起保时间">
                <el-date-picker v-model="firstForm.riskStartDate" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
              </el-form-item>
            </el-col>
            <el-col v-show="isTrue" :span="8">
              <el-form-item label="交强保单号">
                <el-input v-model="firstForm.jqPolicyNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col v-show="isTrue" :span="8">
              <el-form-item label="商业保单号">
                <el-input v-model="firstForm.syPolicyNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col v-show="isTrue" :span="8">
              <el-form-item label="非车保单号">
                <el-input v-model="firstForm.jyPolicyNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24" style="display: flex;align-items: flex-start; justify-content: flex-end">
              <el-button plain @click="handleExport('0')">数据导出</el-button>
              <el-button type="primary" @click="handleSearch">搜索</el-button>
              <el-button plain @click="handleReset">重置</el-button>
              <span class="icon_s">
                <span @click="isTrue = !isTrue">高级搜索</span>
                <el-icon class="is_icon" :class="{ 'is_down': isTrue }">
                  <ArrowDown />
                </el-icon>
              </span>
            </el-col>
          </el-row>
        </el-form>
        <el-table :data="firstData" :height="isTrue ? 'calc(100% - 312px)' : 'calc(100% - 212px)'"
          style="width: 100%; margin-top: 20px;" highlight-current-row>
          <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
          <el-table-column prop="attrType" label="业务员类型" width="120"></el-table-column>
          <el-table-column prop="mobile" label="业务员手机号" width="120"></el-table-column>
          <el-table-column prop="name" label="业务员" width="120"></el-table-column>
          <el-table-column prop="orderType" label="订单类型" width="120"></el-table-column>
          <el-table-column prop="agreementName" label="出单协议" width="120"></el-table-column>
          <el-table-column prop="companyALlName" label="保险公司" width="120"></el-table-column>
          <el-table-column prop="partnerCompanyId" label="保险机构" width="120"></el-table-column>
          <el-table-column prop="dockingPerson" label="对接人" width="120"></el-table-column>
          <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
          <el-table-column prop="insurName" label="被保人" width="120"></el-table-column>
          <el-table-column prop="productName" label="投保险种" width="120"></el-table-column>
          <el-table-column prop="createBy" label="录入人" width="120"></el-table-column>
          <el-table-column prop="signingTime" label="签单时间" width="120"></el-table-column>
          <el-table-column prop="payTime" label="支付时间" width="120"></el-table-column>
          <el-table-column prop="quotationTime" label="报价时间" width="120"></el-table-column>
          <el-table-column prop="equityAmount" label="权益金额" width="120"></el-table-column>
          <el-table-column prop="deptName" label="出单机构" width="120"></el-table-column>
          <el-table-column label="操作" fixed="right" width="200">
            <template #default="scope">
              <el-button link type="primary" size="small" @click="handleToDetail(scope, 1, '0')">审核</el-button>
              <el-button link type="primary" size="small" @click="openQuestionOrderDialog(scope.row)">设置疑问订单</el-button>
            </template>
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination v-model:current-page="pages" v-model:page-size="size" :page-sizes="[10, 20, 30, 40]"
            layout="total, sizes, prev, pager, next, jumper" :total="total1" @size-change="handleSizeChange"
            @current-change="handleCurrentChange"></el-pagination>
        </div>
      </el-tab-pane>
      <el-tab-pane name="1" class="h-full">
        <template #label>
          <el-badge :value="total2">
            <span>审核通过</span>
          </el-badge>
        </template>
        <el-form v-model="firstForm" label-width="100">
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="车牌号">
                <el-input v-model="firstForm.licenseNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="车架号">
                <el-input v-model="firstForm.vinNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务员类型">
                <el-select v-model="firstForm.attrType" placeholder="请选择" clearable>
                  <el-option label="团队" value="5"></el-option>
                  <el-option label="个代" value="6"></el-option>
                  <el-option label="渠道" value="7"></el-option>
                  <el-option label="电销组" value="8"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务员">
                <el-input v-model="firstForm.salesman" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="订单类型">
                <el-select v-model="firstForm.orderType" placeholder="请选择" clearable>
                  <el-option label="车险录入" value="1"></el-option>
                  <el-option label="代客录单" value="2"></el-option>
                  <el-option label="外部订单" value="3"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="保险公司">
                <el-select v-model="firstForm.companyId" placeholder="请选择" clearable filterable>
                  <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="险种">
                <el-select v-model="firstForm.productName" placeholder="请选择" clearable>
                  <el-option label="全部" value=" "></el-option>
                  <el-option v-for="item in riskType" :key="item.value" :value="item.label"
                    :label="item.label"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="出单机构">
                <el-cascader clearable style="width: 100%" v-model="firstForm.deptId" :options="option"
                  @change="handleChange" :props="tableProps"></el-cascader>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="协议选择">
                <el-select v-model="firstForm.agreementId" placeholder="请选择协议" clearable filterable>
                  <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
                    :label="item.agreementTitle"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="被保人">
                <el-input v-model="firstForm.insurName" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="报价时间">
                <el-date-picker v-model="firstForm.quotationTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="签单时间">
                <el-date-picker v-model="firstForm.signingTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
              </el-form-item>
            </el-col>
            <el-col :span="24" style="display: flex;align-items: flex-start; justify-content: flex-end">
              <el-button plain @click="handleExport('1')">数据导出</el-button>
              <el-button type="primary" @click="handleSearch">搜索</el-button>
              <el-button plain @click="handleReset">重置</el-button>
              <span class="icon_s">
                <span @click="isTrue = !isTrue">高级搜索</span>
                <el-icon class="is_icon" :class="{ 'is_down': isTrue }">
                  <ArrowDown />
                </el-icon>
              </span>
            </el-col>
          </el-row>
        </el-form>
        <el-table :data="secondData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;"
          highlight-current-row>
          <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
          <el-table-column prop="companyName" label="保险公司" width="120"></el-table-column>
          <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
          <el-table-column prop="vinNo" label="车架号" width="120"></el-table-column>
          <el-table-column prop="insurName" label="被保人" width="120"></el-table-column>
          <el-table-column prop="orderType" label="订单类型" width="120"></el-table-column>
          <el-table-column prop="name" label="业务员信息" width="120"></el-table-column>
          <el-table-column prop="attrType" label="业务员类型" width="120"></el-table-column>
          <el-table-column prop="signingTime" label="签单时间" width="120"></el-table-column>
          <el-table-column prop="quotationTime" label="报价时间" width="120"></el-table-column>
          <el-table-column prop="dockingPerson" label="对接人" width="120"></el-table-column>
          <el-table-column prop="agreementName" label="出单协议" width="120"></el-table-column>
          <el-table-column prop="productName" label="险种" width="120"></el-table-column>
          <el-table-column prop="sumPremium" label="保费总计" width="120"></el-table-column>
          <el-table-column prop="equityAmount" label="权益金额" width="120"></el-table-column>
          <el-table-column prop="deptName" label="出单机构" width="120"></el-table-column>
          <el-table-column prop="createTime" label="录单时间" width="120"></el-table-column>
          <el-table-column prop="createBy" label="录单人" width="120"></el-table-column>
          <el-table-column prop="payTime" label="支付时间" width="120"></el-table-column>
          <el-table-column prop="jqPremium" label="交强险" width="120"></el-table-column>
          <el-table-column prop="syPremium" label="商业险" width="120"></el-table-column>
          <el-table-column prop="jyPremium" label="驾意险" width="120"></el-table-column>
          <el-table-column prop="auditUser" label="审核人" width="120"></el-table-column>
          <el-table-column prop="auditTime" label="审核时间" width="120"></el-table-column>
          <el-table-column label="操作" fixed="right" width="200">
            <template #default="scope">
              <el-button link type="primary" size="small" @click="handleToDetail(scope, 0, '1')">详情</el-button>
            </template>
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination v-model:current-page="pages" v-model:page-size="size" :page-sizes="[10, 20, 30, 40]"
            layout="total, sizes, prev, pager, next, jumper" :total="total2" @size-change="handleSizeChange"
            @current-change="handleCurrentChange"></el-pagination>
        </div>
      </el-tab-pane>
      <el-tab-pane name="2" class="h-full">
        <template #label>
          <el-badge :value="total3">
            <span>审核不通过</span>
          </el-badge>
        </template>
        <el-form v-model="firstForm" label-width="100">
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="车牌号">
                <el-input v-model="firstForm.licenseNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="车架号">
                <el-input v-model="firstForm.vinNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务员类型">
                <el-select v-model="firstForm.attrType" placeholder="请选择" clearable>
                  <el-option label="团队" value="5"></el-option>
                  <el-option label="个代" value="6"></el-option>
                  <el-option label="渠道" value="7"></el-option>
                  <el-option label="电销组" value="8"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务员">
                <el-input v-model="firstForm.salesman" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="订单类型">
                <el-select v-model="firstForm.orderType" placeholder="请选择" clearable>
                  <el-option label="车险录入" value="1"></el-option>
                  <el-option label="代客录单" value="2"></el-option>
                  <el-option label="外部订单" value="3"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="保险公司">
                <el-select v-model="firstForm.companyId" placeholder="请选择" clearable filterable>
                  <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="险种">
                <el-select v-model="firstForm.productName" placeholder="请选择" clearable>
                  <el-option label="全部" value=" "></el-option>
                  <el-option v-for="item in riskType" :key="item.value" :value="item.label"
                    :label="item.label"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="出单机构">
                <el-cascader clearable style="width: 100%" v-model="firstForm.deptId" :options="option"
                  @change="handleChange" :props="tableProps"></el-cascader>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="协议选择">
                <el-select v-model="firstForm.agreementId" placeholder="请选择协议" clearable filterable>
                  <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
                    :label="item.agreementTitle"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="被保人">
                <el-input v-model="firstForm.insurName" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="报价时间">
                <el-date-picker v-model="firstForm.quotationTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="签单时间">
                <el-date-picker v-model="firstForm.signingTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
              </el-form-item>
            </el-col>
            <el-col :span="24" style="display: flex;align-items: flex-start; justify-content: flex-end">
              <el-button plain @click="handleExport('2')">数据导出</el-button>
              <el-button type="primary" @click="handleSearch">搜索</el-button>
              <el-button plain @click="handleReset">重置</el-button>
              <span class="icon_s">
                <span @click="isTrue = !isTrue">高级搜索</span>
                <el-icon class="is_icon" :class="{ 'is_down': isTrue }">
                  <ArrowDown />
                </el-icon>
              </span>
            </el-col>
          </el-row>
        </el-form>
        <el-table :data="thirdData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;"
          highlight-current-row>
          <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
          <el-table-column prop="companyName" label="保险公司" width="120"></el-table-column>
          <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
          <el-table-column prop="vinNo" label="车架号" width="120"></el-table-column>
          <el-table-column prop="insurName" label="被保人" width="120"></el-table-column>
          <el-table-column prop="orderType" label="订单类型" width="120"></el-table-column>
          <el-table-column prop="name" label="业务员信息" width="120"></el-table-column>
          <el-table-column prop="attrType" label="业务员类型" width="120"></el-table-column>
          <el-table-column prop="signingTime" label="签单时间" width="120"></el-table-column>
          <el-table-column prop="quotationTime" label="报价时间" width="120"></el-table-column>
          <el-table-column prop="auditUser" label="驳回人" width="120"></el-table-column>
          <el-table-column prop="auditTime" label="驳回时间" width="120"></el-table-column>
          <el-table-column prop="refuse" label="驳回原因" width="120"></el-table-column>
          <el-table-column prop="dockingPerson" label="对接人" width="120"></el-table-column>
          <el-table-column prop="agreementName" label="出单协议" width="120"></el-table-column>
          <el-table-column prop="productName" label="险种" width="120"></el-table-column>
          <el-table-column prop="sumPremium" label="保费总计" width="120"></el-table-column>
          <el-table-column prop="equityAmount" label="权益金额" width="120"></el-table-column>
          <el-table-column prop="deptName" label="出单机构" width="120"></el-table-column>
          <el-table-column prop="createTime" label="录单时间" width="120"></el-table-column>
          <el-table-column prop="createBy" label="录单人" width="120"></el-table-column>
          <el-table-column prop="payTime" label="支付时间" width="120"></el-table-column>
          <el-table-column prop="jqPremium" label="交强险" width="120"></el-table-column>
          <el-table-column prop="syPremium" label="商业险" width="120"></el-table-column>
          <el-table-column prop="jyPremium" label="驾意险" width="120"></el-table-column>
          <el-table-column prop="auditUser" label="审核人" width="120"></el-table-column>
          <el-table-column prop="auditTime" label="审核时间" width="120"></el-table-column>
          <el-table-column prop="refuse" label="驳回原因" width="120"></el-table-column>
          <el-table-column label="操作" fixed="right" width="200">
            <template #default="scope">
              <el-button link type="primary" size="small" @click="handleToDetail(scope, 0, '2')">详情</el-button>
            </template>
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination v-model:current-page="pages" v-model:page-size="size" :page-sizes="[10, 20, 30, 40]"
            layout="total, sizes, prev, pager, next, jumper" :total="total3" @size-change="handleSizeChange"
            @current-change="handleCurrentChange"></el-pagination>
        </div>
      </el-tab-pane>
      <el-tab-pane name="3" class="h-full">
        <template #label>
          <el-badge :value="total4">
            <span>疑问订单</span>
          </el-badge>
        </template>
        <el-form v-model="firstForm" label-width="100">
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="车牌号">
                <el-input v-model="firstForm.licenseNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="车架号">
                <el-input v-model="firstForm.vinNo" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务员类型">
                <el-select v-model="firstForm.attrType" placeholder="请选择" clearable>
                  <el-option label="团队" value="5"></el-option>
                  <el-option label="个代" value="6"></el-option>
                  <el-option label="渠道" value="7"></el-option>
                  <el-option label="电销组" value="8"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务员">
                <el-input v-model="firstForm.salesman" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="订单类型">
                <el-select v-model="firstForm.orderType" placeholder="请选择" clearable>
                  <el-option label="车险录入" value="1"></el-option>
                  <el-option label="代客录单" value="2"></el-option>
                  <el-option label="外部订单" value="3"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="保险公司">
                <el-select v-model="firstForm.companyId" placeholder="请选择" clearable filterable>
                  <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="险种">
                <el-select v-model="firstForm.productName" placeholder="请选择" clearable>
                  <el-option label="全部" value=" "></el-option>
                  <el-option v-for="item in riskType" :key="item.value" :value="item.label"
                    :label="item.label"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="出单机构">
                <el-cascader clearable style="width: 100%" v-model="firstForm.deptId" :options="option"
                  @change="handleChange" :props="tableProps"></el-cascader>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="协议选择">
                <el-select v-model="firstForm.agreementId" placeholder="请选择协议" clearable filterable>
                  <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
                    :label="item.agreementTitle"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="被保人">
                <el-input v-model="firstForm.insurName" placeholder="请输入" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="报价时间">
                <el-date-picker v-model="firstForm.quotationTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="签单时间">
                <el-date-picker v-model="firstForm.signingTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
              </el-form-item>
            </el-col>
            <el-col :span="24" style="display: flex;align-items: flex-start; justify-content: flex-end">
              <el-button plain @click="handleExport('3')">数据导出</el-button>
              <el-button type="primary" @click="handleSearch">搜索</el-button>
              <el-button plain @click="handleReset">重置</el-button>
              <span class="icon_s">
                <span @click="isTrue = !isTrue">高级搜索</span>
                <el-icon class="is_icon" :class="{ 'is_down': isTrue }">
                  <ArrowDown />
                </el-icon>
              </span>
            </el-col>
          </el-row>
        </el-form>
        <el-table :data="forthData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;"
          highlight-current-row>
          <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
          <el-table-column prop="companyName" label="保险公司" width="120"></el-table-column>
          <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
          <el-table-column prop="vinNo" label="车架号" width="120"></el-table-column>

          <el-table-column prop="insurName" label="被保人" width="120"></el-table-column>
          <el-table-column prop="problemReason" label="疑问原因" width="120"></el-table-column>
          <el-table-column prop="problemTime" label="疑问订单时间" width="120"></el-table-column>
          <el-table-column prop="orderType" label="订单类型" width="120"></el-table-column>
          <el-table-column prop="name" label="业务员信息" width="120"></el-table-column>
          <el-table-column prop="attrType" label="业务员类型" width="120"></el-table-column>
          <el-table-column prop="signingTime" label="签单时间" width="120"></el-table-column>
          <el-table-column prop="quotationTime" label="报价时间" width="120"></el-table-column>
          <el-table-column prop="dockingPerson" label="对接人" width="120"></el-table-column>
          <el-table-column prop="agreementName" label="出单协议" width="120"></el-table-column>
          <el-table-column prop="productName" label="险种" width="120"></el-table-column>
          <el-table-column prop="sumPremium" label="保费总计" width="120"></el-table-column>
          <el-table-column prop="equityAmount" label="权益金额" width="120"></el-table-column>
          <el-table-column prop="deptName" label="出单机构" width="120"></el-table-column>
          <el-table-column prop="createTime" label="录单时间" width="120"></el-table-column>
          <el-table-column prop="createBy" label="录单人" width="120"></el-table-column>
          <el-table-column prop="payTime" label="支付时间" width="120"></el-table-column>
          <el-table-column prop="jqPremium" label="交强险" width="120"></el-table-column>
          <el-table-column prop="syPremium" label="商业险" width="120"></el-table-column>
          <el-table-column prop="jyPremium" label="驾意险" width="120"></el-table-column>
          <el-table-column label="操作" fixed="right" width="200">
            <template #default="scope">
              <el-button link type="primary" size="small" @click="handleToDetail(scope, 0, '3')">详情</el-button>
              <el-button link type="primary" size="small" @click="handleCancel(scope)">取消疑问订单</el-button>
            </template>
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination v-model:current-page="pages" v-model:page-size="size" :page-sizes="[10, 20, 30, 40]"
            layout="total, sizes, prev, pager, next, jumper" :total="total3" @size-change="handleSizeChange"
            @current-change="handleCurrentChange"></el-pagination>
        </div>
      </el-tab-pane>
    </el-tabs>
  </PageMain>
  <el-dialog :close-on-click-modal="false" v-model="questionOrderDialog" title="设为疑问订单" width="600">
    <el-form>
      <el-form-item label="疑问原因">
        <el-input type="textarea" v-model="questionOrderValue" placeholder="输入疑问原因"></el-input>
      </el-form-item>
    </el-form>
    <template #footer>
      <el-button size="small" type="primary" @click="handleUpdateToQuestionOrder">确定</el-button>
    </template>
  </el-dialog>
</template>

<script setup lang="ts">
import api from '@/api'
import { ElMessage } from "element-plus";
import { useRouter, useRoute } from 'vue-router'


const myRouter = useRouter()
const myRoute = useRoute()
let activeName = ref(myRoute.query.activeindex as any || '0')
const handleClick = (e) => {
  activeName.value = e.props.name
  pages.value = 1
  size.value = 10
  firstForm.value = {}
  initList(activeName.value)
}

let companyList = ref([])
let companyoptionsList = ref([])
const companyIdprops = {
  expandTrigger: 'hover' as const,
  value: 'id',
  label: 'name',
  checkStrictly: true,
}
const initCompany = () => {
  api.insuranceApi.leftList('').then((res: any) => {
    if (res.code == 200) {
      companyList.value = res.data
    }
  })
}
const initCompanyOptions = () => {
  api.agreementApi.findTree({ name: "", systemCode: localStorage.getItem('login_system') }).then((res: any) => {
    if (res.code == 200) {
      companyoptionsList.value = res.data
    }
  })
}

// 待审核
let firstForm = ref({})
let option = ref([])
const tableProps = ref({
  value: "id",
  label: "name",
  children: "children",
  checkStrictly: true,
});
const institutionList = () => {
  api.institutionApi.institutionList({ name: '', system: '' }).then((res: any) => {
    if (res.code == 200) {
      option.value = res.data
    } else {
      ElMessage({
        message: res.msg,
        type: 'warning'
      })
    }
  })
}

const handleSearch = () => {
  initList(activeName.value)
}
const handleReset = () => {
  firstForm.value = {}
  initList(activeName.value)
}

let firstData = ref([])
let secondData = ref([])
let thirdData = ref([])
let forthData = ref([])

let total1 = ref(0)
let total2 = ref(0)
let total3 = ref(0)
let total4 = ref(0)

let pages = ref(1)
let size = ref(10)
const handleSizeChange = (size) => {
  size.value = size
  initList(activeName.value)
}
const handleCurrentChange = (page) => {
  pages.value = page
  initList(activeName.value)
}

const initList = (type) => {
  let obj = null
  if (type == '0' || type == '1' || type == '2') {
    obj = {
      pages: pages.value,
      size: size.value,
      receiveUser: localStorage.getItem('userName'),
      ...firstForm.value,
      quotationTimeStart: firstForm.value?.quotationTime?.[0],
      quotationTimeEnd: firstForm.value?.quotationTime?.[1],
      signingTimeStart: firstForm.value?.signingTime?.[0],
      signingTimeEnd: firstForm.value?.signingTime?.[1],
      payingTimeBegin: firstForm.value?.payingTime?.[0],
      payingTimeEnd: firstForm.value?.payingTime?.[1],
      riskStartDateBegin: firstForm.value?.riskStartDate?.[0],
      riskStartDateEnd: firstForm.value?.riskStartDate?.[1],
      auditStatus: type,
      isProblem: 0
    }
  } else {
    obj = {
      pages: pages.value,
      size: size.value,
      receiveUser: localStorage.getItem('userName'),
      ...firstForm.value,
      quotationTimeStart: firstForm.value?.quotationTime?.[0],
      quotationTimeEnd: firstForm.value?.quotationTime?.[1],
      signingTimeStart: firstForm.value?.signingTime?.[0],
      signingTimeEnd: firstForm.value?.signingTime?.[1],
      payingTimeBegin: firstForm.value?.payingTime?.[0],
      payingTimeEnd: firstForm.value?.payingTime?.[1],
      riskStartDateBegin: firstForm.value?.riskStartDate?.[0],
      riskStartDateEnd: firstForm.value?.riskStartDate?.[1],

      isProblem: 1
    }
  }
  api.financeApi.auditList(obj).then((res: any) => {
    if (res.code == 200) {
      switch (type) {
        case '0':
          firstData.value = res.data.records
          total1.value = res.data.total
          break;
        case '1':
          secondData.value = res.data.records
          total2.value = res.data.total
          break;
        case '2':
          thirdData.value = res.data.records
          total3.value = res.data.total
          break;
        case '3':
          forthData.value = res.data.records
          total4.value = res.data.total
          break;
      }
    }
  })
}

const handleToDetail = (scope, bool, index) => {
  myRouter.push({
    path: '/finance/auditOrderDetail',
    query: {
      id: scope.row.orderNo,
      isShow: bool,
      activeindex: index
    }
  })
}
const handleChange = (val) => {
  firstForm.value.deptId = val[val.length - 1]
}
const handleCompanyChange = (e: any) => {
  firstForm.value.partnerCompanyId = e?.[e.length - 1] || ''
}
const handleCancel = (scope) => {
  api.financeApi.updateToUnQuestionOrder(scope.row.orderNo).then((res: any) => {
    if (res.code == 200) {
      ElMessage({
        message: res.msg,
        type: 'warning'
      })
      initList('3')
      initList('0')
    } else {
      ElMessage({
        message: res.msg,
        type: 'warning'
      })
    }
  })
}

const questionOrderDialog = ref(false)
const questionOrderValue = ref('')
const questionOrderRow = ref({})
const openQuestionOrderDialog = (row) => {
  questionOrderValue.value = ''
  questionOrderRow.value = row
  questionOrderDialog.value = true
}
// 设为疑问订单
const handleUpdateToQuestionOrder = () => {
  const params = {
    problemReason: questionOrderValue.value,
    orderNo: questionOrderRow.value.orderNo
  }
  api.financeApi.updateToQuestionOrder(params).then((res: any) => {
    if (res.code == 200) {
      questionOrderDialog.value = false
      ElMessage({
        message: res.msg,
        type: 'success'
      })
      initList('0');
      initList('3')
    } else {
      ElMessage({
        message: res.msg,
        type: 'warning'
      })
    }
  })
}
// 数据导出// 数据导出
const handleExport = (type: any) => {
  let obj = null;
  obj = {
    pages: pages.value,
    size: size.value,
    receiveUser: localStorage.getItem('userName'),
    ...firstForm.value,
    quotationTimeStart: firstForm.value?.quotationTime?.[0],
    quotationTimeEnd: firstForm.value?.quotationTime?.[1],
    signingTimeStart: firstForm.value?.signingTime?.[0],
    signingTimeEnd: firstForm.value?.signingTime?.[1],
    payingTimeStart: firstForm.value?.payingTime?.[0],
    payingTimeEnd: firstForm.value?.payingTime?.[1],
    isProblem: type == '3' ? 1 : 0
  }
  if (type !== '3') {
    obj.auditStatus = type
  }
  api.financeApi.exportOrderExcel(obj).then((res: any) => {
    if (res.code == 200) {
      const link = document.createElement('a');
      link.href = res.msg;
      link.download = '';
      // 触发下载
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    }
  })
}

const riskType = ref([])
const dictRisk = () => {
  api.additionalApi.dictDetails('report_risk_code').then((res: any) => {
    if (res.code == 200) {
      riskType.value = res.data.filter(v => v.value !== '0')
    }
  })
}
// 获取协议列表
const agreementList = ref()
const getagreementList = () => {
  api.agreementApi.agreementList({
    isExternal: '0',
    pages: 1,
    size: 1000,
  }).then((res: any) => {
    if (res.code == 200) {
      agreementList.value = res.data.records
    }
  })
}
onMounted(() => {
  dictRisk();
  initList('0');
  initList('1');
  initList('2');
  initList('3');
  initCompany();
  initCompanyOptions();
  institutionList();
  getagreementList();
})

// 是否高级搜索
let isTrue = ref(false)
</script>

<style scoped lang="scss">
.icon_s {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 20px;
  color: #00a0f4;
  cursor: pointer;

  .is_icon {
    transition: ease 0.2s;
  }

  .is_down {
    transform: rotate(180deg);
  }
}

.pagination {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}

:deep(.el-badge__content.is-fixed) {
  right: calc(var(--el-badge-size) / 2 - 10px);
  top: 50%;
}

:deep(.el-badge__content--danger) {
  background-color: #D40000;
}

/* 自定义表格点击高亮颜色 */
:deep(.el-table__body tr.current-row > td) {
  background-color: #c1e8fa !important;
}

:deep(.el-table__body tr.current-row:hover > td) {
  background-color: #b4ddf8 !important;
}
</style>