| | |
| | | <TableLayout :permissions="['business:insuranceapply: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="statusCollect"> |
| | | <el-select v-model="searchForm.statusCollect" placeholder="请选择" @keypress.enter.native="search"> |
| | | <el-option label="待审批" value="0"></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="4"></el-option> |
| | | <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="2"></el-option> |
| | | <el-option label="已过期" value="3"></el-option> |
| | | <el-option label="已退回" value="4"></el-option> |
| | | <el-option label="退回申请中" value="5"></el-option> |
| | | <el-option label="已关闭" value="6"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="投保企业" prop="companyId"> |
| | | <el-select v-model="searchForm.companyId" placeholder="请选择" @change="search"> |
| | | <el-option |
| | | v-for="item in companyList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="保险方案" prop="solutionId"> |
| | | <el-select v-model="searchForm.solutionId" placeholder="请选择" @change="search"> |
| | | <el-form-item label="保险方案" prop="baseSolutionId"> |
| | | <el-select v-model="searchForm.baseSolutionId" placeholder="请选择" @change="search"> |
| | | <el-option |
| | | v-for="item in solutionList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | :key="item.baseId" |
| | | :label="item.name" |
| | | :value="item.baseId"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="提交日期" prop="createDate"> |
| | | <el-form-item label="提交日期" prop="time"> |
| | | <el-date-picker |
| | | v-model="searchForm.createDate" |
| | | @change="search" |
| | | v-model="searchForm.time" |
| | | @change="changeTime" |
| | | type="daterange" |
| | | range-separator="至" |
| | | value-format="yyyy-MM-dd" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | <!-- <el-date-picker v-model="searchForm.createDate" value-format="yyyy-MM-dd" placeholder="请输入创建时间"/>--> |
| | | </el-form-item> |
| | | <section> |
| | | <el-button type="primary" @click="search">搜索</el-button> |
| | | <el-button @click="reset">重置</el-button> |
| | | <el-button @click="$refs.operaInsuranceApplyWindow.open('投保详情')">投保详情</el-button> |
| | | </section> |
| | | </el-form> |
| | | <!-- 表格和分页 --> |
| | |
| | | <span>{{scope.$index + 1}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="status" label="投保状态" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.statusCollect === 0">待审核</span> |
| | | <span v-if="row.statusCollect === 1">待出单</span> |
| | | <span v-if="row.statusCollect === 2">保障中</span> |
| | | <span v-if="row.statusCollect === 3">已过期</span> |
| | | <span v-if="row.statusCollect === 4">已退回</span> |
| | | <span v-if="row.statusCollect === 5">退回申请中</span> |
| | | <span v-if="row.statusCollect === 6">已关闭</span> |
| | | </template> |
| | | <el-table-column prop="statusInfo" label="投保状态" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span :class="'apply-status'+row.status" >{{row.statusInfo}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="companyName" label="投保企业" min-width="100px"></el-table-column> |
| | | <el-table-column prop="solutionsName" label="保险方案" min-width="100px"></el-table-column> |
| | |
| | | fixed="right" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.operaInsuranceApplyWindow.open('编辑投保申请信息表', row)" icon="el-icon-edit" v-permissions="['business:insuranceapply:update']">查看详情</el-button> |
| | | <el-button type="text" @click="$refs.operaInsuranceApplyWindow.open('投保详情', row)" icon="el-icon-edit" v-permissions="['business:insuranceapply:update']">查看详情</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | import BaseTable from '@/components/base/BaseTable' |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import { all as solutionAll} from '@/api/business/solutions' |
| | | import { pageAll as companyAll} from '@/api/business/company' |
| | | import OperaInsuranceApplyWindow from '@/components/business/OperaInsuranceApplyWindow' |
| | | export default { |
| | | name: 'InsuranceApply', |
| | |
| | | return { |
| | | // 搜索 |
| | | searchForm: { |
| | | createDate: '', |
| | | solutionId: '', |
| | | createTimeS: '', |
| | | createTimeE: '', |
| | | time: [], |
| | | baseSolutionId: '', |
| | | companyId: '', |
| | | statusCollect: '' |
| | | statusCollect: '' |
| | | }, |
| | | solutionList:[], |
| | | companyList:[] |
| | |
| | | this.search() |
| | | this.loadSelectList() |
| | | }, |
| | | methods (){ |
| | | loadSelectList(){ |
| | | methods:{ |
| | | // 搜索框重置 |
| | | reset () { |
| | | this.$refs.searchForm.resetFields() |
| | | this.searchForm.createTimeS = '' |
| | | this.searchForm.createTimeE = '' |
| | | this.search() |
| | | }, |
| | | changeTime(e) { |
| | | if (e.length > 0) { |
| | | this.searchForm.createTimeS = e[0] |
| | | this.searchForm.createTimeE = e[1] |
| | | } else { |
| | | this.searchForm.createTimeS = '' |
| | | this.searchForm.createTimeE = '' |
| | | } |
| | | this.search() |
| | | }, |
| | | // handlePageChange() { |
| | | // this.search() |
| | | // }, |
| | | loadSelectList() { |
| | | solutionAll({dataType:2}).then(res => { |
| | | this.solutionList = res |
| | | }).catch(err => { |
| | | }) |
| | | companyAll({}).then(res => { |
| | | this.companyList = res |
| | | }).catch(err => { |
| | | }) |
| | | } |
| | | |
| | | } |
| | | } |
| | | } |
| | | </script> |