|
|
@@ -1,36 +1,37 @@
|
|
|
<template>
|
|
|
<div class="finance">
|
|
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
|
|
- <el-tab-pane :label="`待审核(${total1})`" name="first">
|
|
|
+ <el-tab-pane name="0">
|
|
|
+ <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-input v-model="firstForm" placeholder="请输入" clearable></el-input>
|
|
|
+ <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" placeholder="请选择" clearable>
|
|
|
- <el-option value="1" label="前线人员"></el-option>
|
|
|
- <el-option value="2" label="后线人员"></el-option>
|
|
|
- <el-option value="3" label="合伙人"></el-option>
|
|
|
- <el-option value="4" label="工作室管理员"></el-option>
|
|
|
- <el-option value="5" label="团队"></el-option>
|
|
|
- <el-option value="6" label="个代"></el-option>
|
|
|
- <el-option value="7" label="电销"></el-option>
|
|
|
- <el-option value="8" label="渠道"></el-option>
|
|
|
+ <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" placeholder="请输入" clearable></el-input>
|
|
|
+ <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" placeholder="请选择" clearable>
|
|
|
+ <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>
|
|
|
@@ -39,7 +40,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="保险公司">
|
|
|
- <el-select v-model="firstForm" placeholder="请选择" clearable>
|
|
|
+ <el-select v-model="firstForm.companyId" placeholder="请选择" clearable>
|
|
|
<el-option v-for="item in companyList" :key="item.companyCode" :value="item.companyCode" :label="item.name"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -49,7 +50,7 @@
|
|
|
<el-cascader
|
|
|
clearable
|
|
|
style="width: 100%"
|
|
|
- v-model="firstForm"
|
|
|
+ v-model="firstForm.deptId"
|
|
|
:options="option"
|
|
|
:props="tableProps"
|
|
|
></el-cascader>
|
|
|
@@ -57,13 +58,13 @@
|
|
|
</el-col>
|
|
|
<el-col v-show="isTrue" :span="8">
|
|
|
<el-form-item label="被保人">
|
|
|
- <el-input v-model="firstForm" placeholder="请输入" clearable></el-input>
|
|
|
+ <el-input v-model="firstForm.insurName" placeholder="请输入" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col v-show="isTrue" :span="8">
|
|
|
<el-form-item label="报价时间">
|
|
|
<el-date-picker
|
|
|
- v-model="firstForm"
|
|
|
+ v-model="firstForm.quotationTime"
|
|
|
type="daterange"
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始时间"
|
|
|
@@ -76,7 +77,7 @@
|
|
|
<el-col v-show="isTrue" :span="8">
|
|
|
<el-form-item label="签单时间">
|
|
|
<el-date-picker
|
|
|
- v-model="firstForm"
|
|
|
+ v-model="firstForm.signingTime"
|
|
|
type="daterange"
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始时间"
|
|
|
@@ -87,8 +88,8 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24" style="display: flex; align-items: center; justify-content: flex-end">
|
|
|
- <el-button type="primary">搜索</el-button>
|
|
|
- <el-button plain>重置</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>
|
|
|
@@ -97,30 +98,31 @@
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<el-table :data="firstData" style="width: 100%; margin-top: 20px;">
|
|
|
- <el-table-column prop="" label="订单号" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="保险公司" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="车牌号" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="被保人" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="订单类型" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="业务员信息" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="业务员类型" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="签单时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="报价时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="对接人" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="出单协议" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="险种" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="保费总计" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="出单机构" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="录单时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="录单人" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="支付时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="交强险" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="商业险" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="驾意险" width="120"></el-table-column>
|
|
|
+ <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="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="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="auditReceive(scope.row)">领取</el-button>
|
|
|
<el-button link type="primary" size="small" @click="updateSigningTime(scope.row)">更新签单时间</el-button>
|
|
|
+ <el-button link type="primary" size="small" @click="handleToDetail(scope)">详情</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -136,37 +138,47 @@
|
|
|
></el-pagination>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane :label="`审核通过(${total2})`" name="second">
|
|
|
+ <el-tab-pane name="1">
|
|
|
+ <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" placeholder="请输入" clearable></el-input>
|
|
|
+ <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" placeholder="请选择" clearable>
|
|
|
- <el-option label="1" value="1"></el-option>
|
|
|
+ <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" placeholder="请输入" clearable></el-input>
|
|
|
+ <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" placeholder="请选择" clearable>
|
|
|
- <el-option label="1" value="1"></el-option>
|
|
|
+ <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" placeholder="请选择" clearable>
|
|
|
- <el-option label="1" value="1"></el-option>
|
|
|
+ <el-select v-model="firstForm.companyId" placeholder="请选择" clearable>
|
|
|
+ <el-option v-for="item in companyList" :key="item.companyCode" :value="item.companyCode" :label="item.name"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -175,7 +187,7 @@
|
|
|
<el-cascader
|
|
|
clearable
|
|
|
style="width: 100%"
|
|
|
- v-model="firstForm"
|
|
|
+ v-model="firstForm.deptId"
|
|
|
:options="option"
|
|
|
:props="tableProps"
|
|
|
></el-cascader>
|
|
|
@@ -183,13 +195,13 @@
|
|
|
</el-col>
|
|
|
<el-col v-show="isTrue" :span="8">
|
|
|
<el-form-item label="被保人">
|
|
|
- <el-input v-model="firstForm" placeholder="请输入" clearable></el-input>
|
|
|
+ <el-input v-model="firstForm.insurName" placeholder="请输入" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col v-show="isTrue" :span="8">
|
|
|
<el-form-item label="报价时间">
|
|
|
<el-date-picker
|
|
|
- v-model="firstForm"
|
|
|
+ v-model="firstForm.quotationTime"
|
|
|
type="daterange"
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始时间"
|
|
|
@@ -202,7 +214,7 @@
|
|
|
<el-col v-show="isTrue" :span="8">
|
|
|
<el-form-item label="签单时间">
|
|
|
<el-date-picker
|
|
|
- v-model="firstForm"
|
|
|
+ v-model="firstForm.signingTime"
|
|
|
type="daterange"
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始时间"
|
|
|
@@ -213,8 +225,8 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24" style="display: flex; align-items: center; justify-content: flex-end">
|
|
|
- <el-button type="primary">搜索</el-button>
|
|
|
- <el-button plain>重置</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>
|
|
|
@@ -222,31 +234,32 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
- <el-table :data="firstData" style="width: 100%; margin-top: 20px;">
|
|
|
- <el-table-column prop="" label="订单号" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="保险公司" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="车牌号" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="被保人" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="订单类型" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="业务员信息" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="业务员类型" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="签单时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="报价时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="对接人" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="出单协议" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="险种" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="保费总计" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="出单机构" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="录单时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="录单人" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="支付时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="交强险" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="商业险" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="驾意险" width="120"></el-table-column>
|
|
|
+ <el-table :data="secondData" style="width: 100%; margin-top: 20px;">
|
|
|
+ <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="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="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="auditReceive(scope.row)">领取</el-button>
|
|
|
<el-button link type="primary" size="small" @click="updateSigningTime(scope.row)">更新签单时间</el-button>
|
|
|
+ <el-button link type="primary" size="small" @click="handleToDetail(scope)">详情</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -262,37 +275,47 @@
|
|
|
></el-pagination>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane :label="`审核不通过(${total3})`" name="third">
|
|
|
+ <el-tab-pane name="2">
|
|
|
+ <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" placeholder="请输入" clearable></el-input>
|
|
|
+ <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" placeholder="请选择" clearable>
|
|
|
- <el-option label="1" value="1"></el-option>
|
|
|
+ <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" placeholder="请输入" clearable></el-input>
|
|
|
+ <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" placeholder="请选择" clearable>
|
|
|
- <el-option label="1" value="1"></el-option>
|
|
|
+ <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" placeholder="请选择" clearable>
|
|
|
- <el-option label="1" value="1"></el-option>
|
|
|
+ <el-select v-model="firstForm.companyId" placeholder="请选择" clearable>
|
|
|
+ <el-option v-for="item in companyList" :key="item.companyCode" :value="item.companyCode" :label="item.name"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -301,7 +324,7 @@
|
|
|
<el-cascader
|
|
|
clearable
|
|
|
style="width: 100%"
|
|
|
- v-model="firstForm"
|
|
|
+ v-model="firstForm.deptId"
|
|
|
:options="option"
|
|
|
:props="tableProps"
|
|
|
></el-cascader>
|
|
|
@@ -309,13 +332,13 @@
|
|
|
</el-col>
|
|
|
<el-col v-show="isTrue" :span="8">
|
|
|
<el-form-item label="被保人">
|
|
|
- <el-input v-model="firstForm" placeholder="请输入" clearable></el-input>
|
|
|
+ <el-input v-model="firstForm.insurName" placeholder="请输入" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col v-show="isTrue" :span="8">
|
|
|
<el-form-item label="报价时间">
|
|
|
<el-date-picker
|
|
|
- v-model="firstForm"
|
|
|
+ v-model="firstForm.quotationTime"
|
|
|
type="daterange"
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始时间"
|
|
|
@@ -328,7 +351,7 @@
|
|
|
<el-col v-show="isTrue" :span="8">
|
|
|
<el-form-item label="签单时间">
|
|
|
<el-date-picker
|
|
|
- v-model="firstForm"
|
|
|
+ v-model="firstForm.signingTime"
|
|
|
type="daterange"
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始时间"
|
|
|
@@ -339,8 +362,8 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24" style="display: flex; align-items: center; justify-content: flex-end">
|
|
|
- <el-button type="primary">搜索</el-button>
|
|
|
- <el-button plain>重置</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>
|
|
|
@@ -348,31 +371,32 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
- <el-table :data="firstData" style="width: 100%; margin-top: 20px;">
|
|
|
- <el-table-column prop="" label="订单号" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="保险公司" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="车牌号" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="被保人" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="订单类型" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="业务员信息" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="业务员类型" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="签单时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="报价时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="对接人" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="出单协议" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="险种" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="保费总计" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="出单机构" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="录单时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="录单人" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="支付时间" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="交强险" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="商业险" width="120"></el-table-column>
|
|
|
- <el-table-column prop="" label="驾意险" width="120"></el-table-column>
|
|
|
+ <el-table :data="thirdData" style="width: 100%; margin-top: 20px;">
|
|
|
+ <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="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="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="auditReceive(scope.row)">领取</el-button>
|
|
|
<el-button link type="primary" size="small" @click="updateSigningTime(scope.row)">更新签单时间</el-button>
|
|
|
+ <el-button link type="primary" size="small" @click="handleToDetail(scope)">详情</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -394,17 +418,23 @@
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
import api from '@/api'
|
|
|
-import {ElMessage} from "element-plus";
|
|
|
+import { ElMessage } from "element-plus";
|
|
|
+import { useRoute, useRouter } from 'vue-router'
|
|
|
+
|
|
|
+const myRoute = useRoute()
|
|
|
+const myRouter = useRouter()
|
|
|
|
|
|
-let activeName = ref('first')
|
|
|
-const handleClick = () => {
|
|
|
+let activeName = ref('0')
|
|
|
+const handleClick = (e) => {
|
|
|
+ activeName.value = e.props.name
|
|
|
pages.value = 1
|
|
|
size.value = 10
|
|
|
- firstForm.value = null
|
|
|
+ firstForm.value = {}
|
|
|
+ initData(activeName.value)
|
|
|
}
|
|
|
|
|
|
// 待审核
|
|
|
-let firstForm = ref()
|
|
|
+let firstForm = ref({})
|
|
|
let option = ref([])
|
|
|
const tableProps = ref({
|
|
|
value: "id",
|
|
|
@@ -412,7 +442,21 @@ const tableProps = ref({
|
|
|
children: "children",
|
|
|
checkStrictly: true,
|
|
|
});
|
|
|
-let firstData = ref([{}])
|
|
|
+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'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+let firstData = ref([])
|
|
|
+let secondData = ref([])
|
|
|
+let thirdData = ref([])
|
|
|
|
|
|
let total1 = ref(0)
|
|
|
let total2 = ref(0)
|
|
|
@@ -422,9 +466,11 @@ let pages = ref(1)
|
|
|
let size = ref(10)
|
|
|
const handleSizeChange = (size) => {
|
|
|
size.value = size
|
|
|
+ initData(activeName.value)
|
|
|
}
|
|
|
const handleCurrentChange = (page) => {
|
|
|
pages.value = page
|
|
|
+ initData(activeName.value)
|
|
|
}
|
|
|
|
|
|
// 是否高级搜索
|
|
|
@@ -444,7 +490,7 @@ const auditReceive = (row) => {
|
|
|
api.financeApi.isLock(row.id).then((res: any) => {
|
|
|
if(res.code == 200) {
|
|
|
if(!res.data) {
|
|
|
- api.financeApi.auditReceive(row.id).then((res: any) => {
|
|
|
+ api.financeApi.auditReceive(row.orderNo).then((res: any) => {
|
|
|
if(res.code == 200) {
|
|
|
ElMessage({
|
|
|
message: res.msg,
|
|
|
@@ -463,18 +509,71 @@ const auditReceive = (row) => {
|
|
|
}
|
|
|
//更新签单时间
|
|
|
const updateSigningTime = (row) => {
|
|
|
- api.financeApi.updateSigningTime(row.id).then((res: any) => {
|
|
|
+ api.financeApi.updateSigningTime(row.orderNo).then((res: any) => {
|
|
|
if(res.code == 200) {
|
|
|
ElMessage({
|
|
|
message: res.msg,
|
|
|
type: 'success'
|
|
|
})
|
|
|
+ } else {
|
|
|
+ ElMessage({
|
|
|
+ message: res.msg,
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+const initData = (type) => {
|
|
|
+ api.financeApi.auditList({
|
|
|
+ ...firstForm.value,
|
|
|
+ auditStatus: type,
|
|
|
+ pages: pages.value,
|
|
|
+ size: size.value,
|
|
|
+ }).then((res: any) => {
|
|
|
+ if(res.code == 200) {
|
|
|
+ switch (type) {
|
|
|
+ case '0' :
|
|
|
+ firstData.value = res.data.records
|
|
|
+ total1.value = res.data.total
|
|
|
+ console.log('数据', firstData.value)
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+const handleSearch = () => {
|
|
|
+ initData(activeName.value)
|
|
|
+}
|
|
|
+const handleReset = () => {
|
|
|
+ firstForm.value = {}
|
|
|
+ initData(activeName.value)
|
|
|
+}
|
|
|
+
|
|
|
+const handleToDetail = (scope) => {
|
|
|
+ myRouter.push({
|
|
|
+ path: '/finance/auditOrderDetail',
|
|
|
+ query: {
|
|
|
+ id: scope.row.orderNo,
|
|
|
+ isShow: 0
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
onMounted(() => {
|
|
|
+ institutionList();
|
|
|
initCompany();
|
|
|
+ initData('0')
|
|
|
+ initData('1')
|
|
|
+ initData('2')
|
|
|
})
|
|
|
|
|
|
</script>
|
|
|
@@ -506,5 +605,12 @@ onMounted(() => {
|
|
|
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;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|