|  |  |  | 
|---|
|  |  |  | <TableLayout :permissions="['business:applychange:query']"> | 
|---|
|  |  |  | <!-- 搜索表单 --> | 
|---|
|  |  |  | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> | 
|---|
|  |  |  | <el-form-item label="保单状态" prop="status"> | 
|---|
|  |  |  | <el-form-item label="状态" prop="status"> | 
|---|
|  |  |  | <el-select v-model="searchForm.status" placeholder="请选择" @change="search"> | 
|---|
|  |  |  | <el-option label="全部" value=""></el-option> | 
|---|
|  |  |  | <el-option label="待签署" value="0"></el-option> | 
|---|
|  |  |  | <el-option label="已签章 " value="1"></el-option> | 
|---|
|  |  |  | <el-option label="已上传批单" value="2"></el-option> | 
|---|
|  |  |  | <el-option label="退回申请" value="3"></el-option> | 
|---|
|  |  |  | <el-option label="待审核" value="1"></el-option> | 
|---|
|  |  |  | <el-option label="已生效" value="2"></el-option> | 
|---|
|  |  |  | <el-option label="申请退回" value="3"></el-option> | 
|---|
|  |  |  | <!--                    3 4 都是退回申请中--> | 
|---|
|  |  |  | <el-option label="已退回" value="5"></el-option> | 
|---|
|  |  |  | <el-option label="已关闭" value="6"></el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="投保企业" prop="status"> | 
|---|
|  |  |  | <el-select v-model="searchForm.status" placeholder="请选择"> | 
|---|
|  |  |  | <el-form-item label="保险方案" prop="baseSolutionsId"> | 
|---|
|  |  |  | <el-select v-model="searchForm.baseSolutionsId" placeholder="请选择" @change="search"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in options" | 
|---|
|  |  |  | :key="item.value" | 
|---|
|  |  |  | :label="item.label" | 
|---|
|  |  |  | :value="item.value"> | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="保险方案" prop="status"> | 
|---|
|  |  |  | <el-select v-model="searchForm.status" placeholder="请选择"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in options" | 
|---|
|  |  |  | :key="item.value" | 
|---|
|  |  |  | :label="item.label" | 
|---|
|  |  |  | :value="item.value"> | 
|---|
|  |  |  | v-for="item in solutionList" | 
|---|
|  |  |  | :key="item.baseId" | 
|---|
|  |  |  | :label="item.name" | 
|---|
|  |  |  | :value="item.baseId"> | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="提交日期" prop="status"> | 
|---|
|  |  |  | <el-date-picker | 
|---|
|  |  |  | v-model="searchForm.status" | 
|---|
|  |  |  | @change="changeTime" | 
|---|
|  |  |  | v-model="searchForm.time" | 
|---|
|  |  |  | type="daterange" | 
|---|
|  |  |  | value-format="yyyy-MM-dd" | 
|---|
|  |  |  | range-separator="至" | 
|---|
|  |  |  | start-placeholder="开始日期" | 
|---|
|  |  |  | end-placeholder="结束日期"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <span>{{scope.$index + 1}}</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="status" label="保单状态" min-width="100px"> | 
|---|
|  |  |  | <el-table-column prop="status" label="状态" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span v-if="row.status === 0">待签署</span> | 
|---|
|  |  |  | <span v-if="row.status === 1">已签章</span> | 
|---|
|  |  |  | <span v-if="row.status === 2">已上传批单</span> | 
|---|
|  |  |  | <span v-if="row.status === 3">退回申请</span> | 
|---|
|  |  |  | <span v-if="row.status === 1">待审核</span> | 
|---|
|  |  |  | <span v-if="row.status === 2">已生效</span> | 
|---|
|  |  |  | <span v-if="row.status === 3 || row.status === 4">申请退回</span> | 
|---|
|  |  |  | <span v-if="row.status === 5 || row.status === 8">已退回</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="code" label="投保企业" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="validCode" label="批单号" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="code" label="关联保单号" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="code" label="保险方案" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="code" label="加保人数(人)" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="code" label="减保人数(人)" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="code" label="费用变更" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="solutionsName" label="保险方案" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="changeNum" label="换厂人数(人)" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="createDate" label="提交时间" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="startTime" label="批单生效起期" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="操作" | 
|---|
|  |  |  | min-width="120" | 
|---|
|  |  |  | 
|---|
|  |  |  | import TableLayout from '@/layouts/TableLayout' | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import OperaApplyChangeUnitDetailWindow from '@/components/business/OperaApplyChangeUnitDetailWindow' | 
|---|
|  |  |  | import {all as solutionAll} from "@/api/business/solutions"; | 
|---|
|  |  |  | import {all as solutionAll, all} from '@/api/business/solutions' | 
|---|
|  |  |  | import {pageAll as companyAll} from "@/api/business/company"; | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'switchCourt', | 
|---|
|  |  |  | 
|---|
|  |  |  | // 搜索 | 
|---|
|  |  |  | searchForm: { | 
|---|
|  |  |  | status: '', | 
|---|
|  |  |  | type: '' | 
|---|
|  |  |  | type: '1', | 
|---|
|  |  |  | solutionsId: '', | 
|---|
|  |  |  | createDateE: '', | 
|---|
|  |  |  | createDateS: '', | 
|---|
|  |  |  | time: [] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | options: [] | 
|---|
|  |  |  | solutionList:[], | 
|---|
|  |  |  | companyList:[] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | 
|---|
|  |  |  | 'field.main': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | this.loadSelectList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods:{ | 
|---|
|  |  |  | // handlePageChange() { | 
|---|
|  |  |  | //   this.search() | 
|---|
|  |  |  | // }, | 
|---|
|  |  |  | loadSelectList() { | 
|---|
|  |  |  | solutionAll({dataType:2}).then(res => { | 
|---|
|  |  |  | this.solutionList = res | 
|---|
|  |  |  | }).catch(err => { | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | companyAll({}).then(res => { | 
|---|
|  |  |  | this.companyList = res | 
|---|
|  |  |  | }).catch(err => { | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | loadSelectList() { | 
|---|
|  |  |  | solutionAll({dataType:2}).then(res => { | 
|---|
|  |  |  | this.solutionList = res | 
|---|
|  |  |  | }).catch(err => { | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | companyAll({}).then(res => { | 
|---|
|  |  |  | this.companyList = res | 
|---|
|  |  |  | }).catch(err => { | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeTime(e) { | 
|---|
|  |  |  | if (e.length > 0) { | 
|---|
|  |  |  | this.searchForm.createDateS = e[0] | 
|---|
|  |  |  | this.searchForm.createDateE = e[1] | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.searchForm.createDateS = '' | 
|---|
|  |  |  | this.searchForm.createDateE = '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | reset() { | 
|---|
|  |  |  | this.searchForm.createDateS = '' | 
|---|
|  |  |  | this.searchForm.createDateE = '' | 
|---|
|  |  |  | this.searchForm.time = [] | 
|---|
|  |  |  | this.$refs.searchForm.resetFields(); | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|