| | |
| | | <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-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.id" |
| | | :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | 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> |
| | | <el-table-column prop="statusInfo" label="投保状态" min-width="100px"></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> |
| | | <el-table-column prop="insureNum" label="投保人数" min-width="100px"></el-table-column> |
| | |
| | | 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: '', |
| | | createTimeS: '', |
| | | createTimeE: '', |
| | | solutionId: '', |
| | | companyId: '', |
| | | statusCollect: '' |
| | |
| | | this.search() |
| | | this.loadSelectList() |
| | | }, |
| | | methods (){ |
| | | methods:{ |
| | | loadSelectList(){ |
| | | |
| | | solutionAll({dataType:0}).then(res => { |
| | | this.solutionList = res |
| | | }).catch(err => { |
| | | }) |
| | | companyAll({}).then(res => { |
| | | this.companyList = res |
| | | }).catch(err => { |
| | | }) |
| | | } |
| | | |
| | | } |
| | | } |
| | | </script> |