|  |  | 
 |  |  |             <el-form-item label="保险方案" prop="name"> | 
 |  |  |                 <el-input v-model="searchForm.name" placeholder="请输入" @keypress.enter.native="search"></el-input> | 
 |  |  |             </el-form-item> | 
 |  |  |             <el-form-item label="启用状态" prop="status" v-if="userInfo.type !== 1"> | 
 |  |  |                 <el-select v-model="searchForm.status" placeholder="请选择" @keypress.enter.native="search"> | 
 |  |  |                     <el-option label="启用" value="0"></el-option> | 
 |  |  |                     <el-option label="禁用" value="1"></el-option> | 
 |  |  |                 </el-select> | 
 |  |  |             </el-form-item> | 
 |  |  |             <el-form-item label="类型" prop="type" > | 
 |  |  |                 <el-select v-model="searchForm.type" placeholder="请选择" @keypress.enter.native="search"> | 
 |  |  |                     <el-option label="直保" value="0"></el-option> | 
 |  |  |                     <el-option label="委托投保" value="1"></el-option> | 
 |  |  |             <el-form-item label="签署状态" prop="signStatus"> | 
 |  |  |                 <el-select v-model="searchForm.signStatus" placeholder="请选择"> | 
 |  |  |                     <el-option label="待签署" :value="0"></el-option> | 
 |  |  |                     <el-option label="已签署" :value="1"></el-option> | 
 |  |  |                 </el-select> | 
 |  |  |             </el-form-item> | 
 |  |  |             <section> | 
 |  |  | 
 |  |  |         <template v-slot:table-wrap> | 
 |  |  |             <ul class="toolbar" v-permissions="['business:solutions:create']"> | 
 |  |  |                 <template v-if="userInfo.type !== 1"> | 
 |  |  |                     <li><el-button type="primary" @click="$refs.operaSolutionsWindow.open('新建保险方案')" v-permissions="['business:solutions:create']">添加方案</el-button></li> | 
 |  |  |                     <li><el-button type="primary" @click="$refs.operaSolutionsWindow.open('新增子方案')" v-permissions="['business:solutions:create']">添加方案</el-button></li> | 
 |  |  |                 </template> | 
 |  |  |             </ul> | 
 |  |  |             <el-table | 
 |  |  | 
 |  |  |                         <span>{{scope.$index + 1}}</span> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column prop="name" label="保险方案" min-width="150px"></el-table-column> | 
 |  |  |                 <el-table-column prop="insuranceName" label="保险公司" min-width="100px"></el-table-column> | 
 |  |  |                 <el-table-column label="投保年龄" min-width="100px"> | 
 |  |  |                 <el-table-column prop="name" label="子方案名称" min-width="150px" v-if="userInfo.type === 0"></el-table-column> | 
 |  |  |                 <el-table-column prop="name" label="方案名称" min-width="150px" v-if="userInfo.type === 1"></el-table-column> | 
 |  |  |                 <el-table-column prop="solutionBaseName" label="主方案" min-width="100px" v-if="userInfo.type === 0"></el-table-column> | 
 |  |  |                 <el-table-column label="投保类型" min-width="120px" align="center"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <span>{{row.minAge}}至{{row.maxAge}}岁</span> | 
 |  |  |                         <span v-if="row.type === 0">直保<div style="color: blue;display:  block" >{{ row.shopName || '-' }}</div></span> | 
 |  |  |                         <span v-if="row.type === 1">委托<div style="color: blue;display:  block" >{{ row.shopName || '-' }}</div></span> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column label="投保生效日期" min-width="100px"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <span v-if="row.validType === 0">{{row.validTypeNum}}日后生效</span> | 
 |  |  |                         <span v-if="row.validType === 1">次月生效</span> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  | <!--                <el-table-column prop="addValidDays"  label="批增生效时间" min-width="100px">   </el-table-column> | 
 |  |  |                 <el-table-column prop="delValidDays"  label="批减生效时间" min-width="100px">   </el-table-column>--> | 
 |  |  |                 <el-table-column label="保险费用" min-width="100px"> | 
 |  |  |                 <el-table-column label="方案费用" min-width="100px"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <span>{{row.price}}元/人/</span> | 
 |  |  |                         <span v-if="row.timeUnit === 0">天</span> | 
 |  |  |                         <span v-if="row.timeUnit === 1">半月</span> | 
 |  |  |                         <!--                        <span v-if="row.timeUnit === 1">半月</span>--> | 
 |  |  |                         <span v-if="row.timeUnit === 2">月</span> | 
 |  |  |                         <span v-if="row.timeUnit === 3">年</span> | 
 |  |  |                         <span v-if="row.timeUnit === 3">季度</span> | 
 |  |  |                         <span v-if="row.timeUnit === 4">半年</span> | 
 |  |  |                         <span v-if="row.timeUnit === 5">年</span> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column label="委托类型" min-width="120px" align="center"> | 
 |  |  |                 <el-table-column prop="retrial" label="需要复审" v-if="userInfo.type === 0"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <span v-if="row.type === 0">直保</span> | 
 |  |  |                         <span v-if="row.type === 1">委托<div style="color: blue;display:  block" >{{row.shopName||'-'}}</div></span> | 
 |  |  |                         <span v-if="row.retrial === 0">不需要</span> | 
 |  |  |                         <span v-if="row.retrial === 1">需要</span> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column prop="createDate" label="方案创建日期" min-width="100px"></el-table-column> | 
 |  |  |                 <el-table-column prop="status" label="启用状态" min-width="100px" v-if="userInfo.type !== 1"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <el-switch | 
 |  |  | 
 |  |  |                         </el-switch> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column prop="createDate" label="方案日期" min-width="100px"></el-table-column> | 
 |  |  |  | 
 |  |  |                 <el-table-column prop="signDate" label="签署时间" min-width="100px" v-if="userInfo.type === 1"></el-table-column> | 
 |  |  |                 <el-table-column prop="signUserName" label="签署人" min-width="100px" v-if="userInfo.type === 1"></el-table-column> | 
 |  |  |                 <el-table-column label="签署状态" min-width="100px" v-if="userInfo.type === 1"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <span v-if="row.signStatus === 0">待签章</span> | 
 |  |  |                         <span v-else-if="!row.signStatus">待签章</span> | 
 |  |  |                         <span v-else-if="row.signStatus === 1">已签章</span> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |  | 
 |  |  |                 <el-table-column | 
 |  |  |                     v-if="containPermissions(['business:solutions:update', 'business:solutions:delete'])" | 
 |  |  |                     label="操作" | 
 |  |  |                     min-width="150" | 
 |  |  |                     min-width="230" | 
 |  |  |                     fixed="right" | 
 |  |  |                 > | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <el-button type="text" @click="$refs.OperaSolutionsDescWindow.open('方案详情', { id: row.id })" icon="el-icon-edit" v-permissions="['business:solutions:update']">查看详情</el-button> | 
 |  |  |                         <el-button type="text" @click="$refs.OperaSolutionsDescWindow.open(userInfo.type !== 1?'子方案详情':'方案详情 ', { id: row.id })" icon="el-icon-edit" v-permissions="['business:solutions:update']">查看详情</el-button> | 
 |  |  |                         <template v-if="userInfo.type !== 1"> | 
 |  |  |                             <el-button type="text" @click="$refs.operaSolutionsWindow.open('编辑保险方案', { id: row.id })" icon="el-icon-edit" v-permissions="['business:solutions:update']">修改</el-button> | 
 |  |  |                             <el-button type="text" @click="$refs.operaSolutionsWindow.open('编辑子方案', { id: row.id })" icon="el-icon-edit" v-permissions="['business:solutions:update']">修改</el-button> | 
 |  |  |                         </template> | 
 |  |  |                         <template v-if="userInfo.type === 1 && (!row.signStatus || row.signStatus === 0)"> | 
 |  |  |                             <el-button type="text" icon="el-icon-tickets" @click="sign(row.companySolutionId)">签署</el-button> | 
 |  |  |                         </template> | 
 |  |  |                         <template v-if="userInfo.type === 1 && row.signStatus === 1"> | 
 |  |  |                             <el-button type="text" icon="el-icon-tickets" @click="seeFleSignUrl(row.fileSignUrl)">查看方案确认书</el-button> | 
 |  |  |                         </template> | 
 |  |  |                         <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:solutions:delete']">删除</el-button> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |             </el-table> | 
 |  |  | 
 |  |  |         <OperaSolutionsWindow ref="operaSolutionsWindow" @success="handlePageChange"/> | 
 |  |  |         <!-- 详情 --> | 
 |  |  |         <OperaSolutionsDescWindow ref="OperaSolutionsDescWindow" @success="handlePageChange"/> | 
 |  |  |         <!-- 预览pdf --> | 
 |  |  |         <OperaPdfViewerWindow ref="OperaPdfViewerWindow"  /> | 
 |  |  |     </TableLayout> | 
 |  |  | </template> | 
 |  |  | <script> | 
 |  |  | import BaseTable from '@/components/base/BaseTable' | 
 |  |  | import TableLayout from '@/layouts/TableLayout' | 
 |  |  | import Pagination from '@/components/common/Pagination' | 
 |  |  | import OperaSolutionsWindow from '@/components/business/OperaSolutionsWindow' | 
 |  |  | import OperaSolutionsDescWindow from '@/components/business/OperaSolutionsDescWindow' | 
 |  |  | import { updateStatus } from '@/api/business/solutions' | 
 |  |  | import { mapState } from 'vuex' | 
 |  |  | export default { | 
 |  |  |   name: 'Solutions', | 
 |  |  |   extends: BaseTable, | 
 |  |  |   components: { TableLayout, Pagination, OperaSolutionsWindow, OperaSolutionsDescWindow }, | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       // 搜索 | 
 |  |  |       searchForm: { | 
 |  |  |         name: '', | 
 |  |  |         status: '', | 
 |  |  |         type: '' | 
 |  |  |   import BaseTable from '@/components/base/BaseTable' | 
 |  |  |   import TableLayout from '@/layouts/TableLayout' | 
 |  |  |   import Pagination from '@/components/common/Pagination' | 
 |  |  |   import OperaSolutionsWindow from '@/components/business/OperaSolutionsWindow' | 
 |  |  |   import OperaSolutionsDescWindow from '@/components/business/OperaSolutionsDescWindow' | 
 |  |  |   import OperaPdfViewerWindow from '@/components/business/OperaPdfViewerWindow' | 
 |  |  |   import { updateStatus } from '@/api/business/solutions' | 
 |  |  |   import { getSignLink } from '@/api/business/company' | 
 |  |  |   import { mapState } from 'vuex' | 
 |  |  |   export default { | 
 |  |  |     name: 'Solutions', | 
 |  |  |     extends: BaseTable, | 
 |  |  |     components: { TableLayout, Pagination, OperaSolutionsWindow, OperaSolutionsDescWindow, OperaPdfViewerWindow }, | 
 |  |  |     data () { | 
 |  |  |       return { | 
 |  |  |         // 搜索 | 
 |  |  |         searchForm: { | 
 |  |  |           name: '', | 
 |  |  |           status: '', | 
 |  |  |           type: '', | 
 |  |  |           signStatus: '', | 
 |  |  |           dataType: 0 | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     computed: { | 
 |  |  |       ...mapState(['userInfo']) | 
 |  |  |     }, | 
 |  |  |     created () { | 
 |  |  |       this.config({ | 
 |  |  |         module: '保险方案信息表', | 
 |  |  |         api: '/business/solutions', | 
 |  |  |         'field.id': 'id', | 
 |  |  |         'field.main': 'id' | 
 |  |  |       }) | 
 |  |  |       if (this.userInfo.type === 1) { | 
 |  |  |         this.searchForm.status = '0' | 
 |  |  |       } else { | 
 |  |  |         this.searchForm.status = '' | 
 |  |  |       } | 
 |  |  |       this.search() | 
 |  |  |     }, | 
 |  |  |     methods: { | 
 |  |  |       seeFleSignUrl(url) { | 
 |  |  |         this.$refs.OperaPdfViewerWindow.open('方案确认书', url) | 
 |  |  |       }, | 
 |  |  |       sign(id) { | 
 |  |  |         getSignLink(id) | 
 |  |  |           .then(res => { | 
 |  |  |             window.open(res) | 
 |  |  |           }) | 
 |  |  |       }, | 
 |  |  |       // 修改状态 | 
 |  |  |       changeStatus (status, row) { | 
 |  |  |         updateStatus({ id: row.id, status }) | 
 |  |  |           .then(res => { | 
 |  |  |             this.search() | 
 |  |  |           }) | 
 |  |  |           .catch(err => { | 
 |  |  |             row.status = row.status === 0 ? 1 : 0 | 
 |  |  |           }) | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   computed: { | 
 |  |  |     ...mapState(['userInfo']) | 
 |  |  |   }, | 
 |  |  |   created () { | 
 |  |  |     this.config({ | 
 |  |  |       module: '保险方案信息表', | 
 |  |  |       api: '/business/solutions', | 
 |  |  |       'field.id': 'id', | 
 |  |  |       'field.main': 'id' | 
 |  |  |     }) | 
 |  |  |     if (this.userInfo.type === 1) { | 
 |  |  |       this.searchForm.status = '0' | 
 |  |  |     } else { | 
 |  |  |       this.searchForm.status = '' | 
 |  |  |     } | 
 |  |  |     this.search() | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     // 修改状态 | 
 |  |  |     changeStatus (status, row) { | 
 |  |  |       updateStatus({ id: row.id, status }) | 
 |  |  |         .then(res => { | 
 |  |  |           this.search() | 
 |  |  |         }) | 
 |  |  |         .catch(err => { | 
 |  |  |           row.status = row.status === 0 ? 1 : 0 | 
 |  |  |         }) | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | </script> |