<template>
|
<GlobalWindow
|
:title="title"
|
width="50%"
|
submitText="修改"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="$refs.operaSolutionsWindow.open('编辑方案')"
|
>
|
<div class="info">
|
<div class="info_list">
|
<div class="info_list_item">
|
<div class="info_list_item_label">方案名称：</div>
|
<div class="info_list_item_val">平安保险雇主责任险A版</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">保险公司：</div>
|
<div class="info_list_item_val">平安保险</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">承保公司：</div>
|
<div class="info_list_item_val">安徽平安保险有限公司</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">投保年龄：</div>
|
<div class="info_list_item_val">25至65</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">投保类型：</div>
|
<div class="info_list_item_val">平台投保</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">保险费用：</div>
|
<div class="info_list_item_val">200元/人/年</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">投保周期：</div>
|
<div class="info_list_item_val">1月</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">生效时间：</div>
|
<div class="info_list_item_val">1日后生效</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">投保类型：</div>
|
<div class="info_list_item_val">直保</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">单独指派工种：</div>
|
<div class="info_list_item_val">否</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">接收文件邮箱：</div>
|
<div class="info_list_item_val">111@163.com</div>
|
</div>
|
</div>
|
<el-table
|
:data="tableData"
|
border
|
style="width: 100%; margin-bottom: 20px;">
|
<el-table-column
|
label="序号"
|
align="center"
|
width="80">
|
<template slot-scope="scope">
|
<span>{{scope.$index + 1}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="code"
|
align="center"
|
label="所属工种">
|
</el-table-column>
|
</el-table>
|
<div class="info_fwb">富文本内容</div>
|
</div>
|
<!-- 修改 -->
|
<OperaSolutionsWindow ref="operaSolutionsWindow" @success="handlePageChange"/>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import OperaSolutionsWindow from '@/components/business/OperaSolutionsWindow'
|
export default {
|
name: 'OperaSolutionsDescWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow, OperaSolutionsWindow },
|
data () {
|
return {
|
// 表单数据
|
form: {
|
id: null,
|
name: '',
|
insuranceId: '',
|
validType: '',
|
type: '',
|
minAge: '',
|
maxAge: '',
|
price: '',
|
timeUnit: '',
|
insureCycleUnit: '',
|
priceCycleUnit: '',
|
email: '',
|
specialAgreement: '',
|
specialInfo: '',
|
ortherInfo: ''
|
},
|
// 验证规则
|
rules: {
|
},
|
tableData: []
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/solutions',
|
'field.id': 'id'
|
})
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.info {
|
width: 100%;
|
.info_label {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-bottom: 20px;
|
span {
|
font-size: 18px;
|
font-weight: 500;
|
color: #000000;
|
}
|
}
|
.info_fwb {
|
width: 100%;
|
margin-top: 20px;
|
}
|
.info_list {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
flex-wrap: wrap;
|
.info_list_item {
|
width: 50%;
|
display: flex;
|
align-items: start;
|
margin-bottom: 20px;
|
.info_list_item_label {
|
width: 130px;
|
flex-shrink: 0;
|
}
|
.info_list_item_val {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
.image {
|
width: 100px;
|
height: 100px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
overflow: hidden;
|
img {
|
width: 100%;
|
}
|
}
|
}
|
}
|
}
|
}
|
</style>
|
