<template>
|
<GlobalWindow
|
:title="title"
|
width="50%"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<!-- 退回投保 -->
|
<div v-if="visible1==true" class="form">
|
<div class="form_item">
|
<div class="form_item_label"><span>*</span>填写退回说明：</div>
|
<div class="form_item_val">
|
<textarea placeholder="请输入"></textarea>
|
</div>
|
</div>
|
</div>
|
<!-- 上传投保单 -->
|
<div v-if="visible2==true" class="form">
|
<div class="form_item">
|
<div class="form_item_label">上传投保单：</div>
|
<div class="form_item_val">
|
<el-upload
|
class="upload-demo"
|
action="https://jsonplaceholder.typicode.com/posts/"
|
:on-preview="handlePreview"
|
:on-remove="handleRemove"
|
:before-remove="beforeRemove"
|
multiple
|
:limit="1"
|
:on-exceed="handleExceed"
|
:file-list="fileList">
|
<el-button size="small" type="primary">点击上传</el-button>
|
<div slot="tip" class="el-upload__tip">只能上传pdf文件，且不超过5mb</div>
|
</el-upload>
|
</div>
|
</div>
|
</div>
|
<!-- 上传保险单 -->
|
<div v-if="visible3==true" class="form">
|
<div class="form_item">
|
<div class="form_item_label">客户期望保险生效起期：</div>
|
<div class="form_item_val">2023-10-01 00:00:00</div>
|
</div>
|
<div class="form_item">
|
<div class="form_item_label">保险生效起期是否一致：</div>
|
<div class="form_item_val">
|
<el-radio-group v-model="radio">
|
<el-radio :label="0">与保单一致</el-radio>
|
<el-radio :label="1">与保单不一致</el-radio>
|
</el-radio-group>
|
</div>
|
</div>
|
<div class="form_item">
|
<div class="form_item_label"><span>*</span>保险生效起期：</div>
|
<div class="form_item_val">
|
<el-date-picker
|
v-model="value1"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</div>
|
</div>
|
<div class="form_item">
|
<div class="form_item_label">保险生效起期：</div>
|
<div class="form_item_val">2023-10-01 00:00:00</div>
|
</div>
|
<div class="form_item">
|
<div class="form_item_label"><span>*</span>保单号：</div>
|
<div class="form_item_val">
|
<el-input placeholder="请输入"></el-input>
|
</div>
|
</div>
|
<div class="form_item">
|
<div class="form_item_label">上传保险单：</div>
|
<div class="form_item_val">
|
<el-upload
|
class="upload-demo"
|
action="https://jsonplaceholder.typicode.com/posts/"
|
:on-preview="handlePreview"
|
:on-remove="handleRemove"
|
:before-remove="beforeRemove"
|
multiple
|
:limit="1"
|
:on-exceed="handleExceed"
|
:file-list="fileList">
|
<el-button size="small" type="primary">点击上传</el-button>
|
<div slot="tip" class="el-upload__tip">只能上传pdf文件，且不超过5mb</div>
|
</el-upload>
|
</div>
|
</div>
|
</div>
|
<!-- 修改保险单 -->
|
<div v-if="visible4==true" class="form">
|
<div class="form_item">
|
<div class="form_item_label"><span>*</span>保险生效起期：</div>
|
<div class="form_item_val">
|
<el-date-picker
|
v-model="value1"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</div>
|
</div>
|
<div class="form_item">
|
<div class="form_item_label"><span>*</span>保单号：</div>
|
<div class="form_item_val">
|
<el-input placeholder="请输入"></el-input>
|
</div>
|
</div>
|
<div class="form_item">
|
<div class="form_item_label"><span>*</span>上传保险单：</div>
|
<div class="form_item_val">
|
<el-upload
|
class="upload-demo"
|
action="https://jsonplaceholder.typicode.com/posts/"
|
:on-preview="handlePreview"
|
:on-remove="handleRemove"
|
:before-remove="beforeRemove"
|
multiple
|
:limit="1"
|
:on-exceed="handleExceed"
|
:file-list="fileList">
|
<el-button size="small" type="primary">点击上传</el-button>
|
<div slot="tip" class="el-upload__tip">只能上传pdf文件，且不超过5mb</div>
|
</el-upload>
|
</div>
|
</div>
|
<div class="form_item">
|
<div class="form_item_label"><span>*</span>修改原因：</div>
|
<div class="form_item_val">
|
<el-input placeholder="请输入"></el-input>
|
</div>
|
</div>
|
</div>
|
<!-- 驳回退回申请 -->
|
<div v-if="visible5==true" class="form">
|
<div class="form_item">
|
<div class="form_item_label"><span>*</span>填写说明：</div>
|
<div class="form_item_val">
|
<textarea placeholder="请输入"></textarea>
|
</div>
|
</div>
|
</div>
|
<template v-slot:footer>
|
<el-button type="primary" @click="visible=false">确 定</el-button>
|
<el-button @click="visible=false">取消</el-button>
|
</template>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
export default {
|
name: 'OperaInsuranceApplyCheckWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow },
|
data () {
|
return {
|
// 表单数据
|
model: {},
|
form: {
|
id: null,
|
editDate: ''
|
},
|
// 验证规则
|
rules: {
|
},
|
formInline: {
|
user: '',
|
region: ''
|
},
|
visible1: false,
|
visible2: false,
|
visible3: false,
|
visible4: false,
|
visible5: false,
|
reverse: true,
|
radio: 0,
|
fileList: [
|
{name: 'food.pdf', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}
|
],
|
activities: [{
|
content: '活动按期开始',
|
timestamp: '2018-04-15'
|
}, {
|
content: '通过审核',
|
timestamp: '2018-04-13'
|
}, {
|
content: '创建成功',
|
timestamp: '2018-04-11'
|
}],
|
tableData: [],
|
activeName: 'first',
|
currentPage: 1
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/insuranceApply',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
open(title,target,flag){
|
this.visible=true
|
this.model=target
|
this.title=title
|
this.visible1 = false
|
this.visible2 = false
|
this.visible3 = false
|
this.visible4 = false
|
this.visible5 = false
|
if(flag == 1){
|
this.visible1 = true
|
}
|
if(flag == 2){
|
this.visible2 = true
|
}
|
if(flag == 3){
|
this.visible3 = true
|
}
|
if(flag == 4){
|
this.visible4 = true
|
}
|
if(flag == 5){
|
this.visible5 = true
|
}
|
},
|
getDetail(){
|
getDetail(this.dataId).then(res => {
|
|
}).catch(err => {
|
})
|
},
|
handleRemove(file, fileList) {
|
console.log(file, fileList);
|
},
|
handlePreview(file) {
|
console.log(file);
|
},
|
handleExceed(files, fileList) {
|
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
|
},
|
beforeRemove(file, fileList) {
|
return this.$confirm(`确定移除 ${ file.name }？`);
|
},
|
successEvent() {
|
|
},
|
handleSizeChange(val) {
|
console.log(`每页 ${val} 条`);
|
},
|
handleCurrentChange(val) {
|
console.log(`当前页: ${val}`);
|
},
|
handleClick(tab, event) {
|
console.log(tab, event);
|
},
|
onSubmit() {
|
|
}
|
}
|
}
|
</script>
|
<style>
|
|
</style>
|
<style lang="scss" scoped>
|
.form {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
flex-direction: column;
|
.form_span {
|
width: 100%;
|
display: flex;
|
align-items: start;
|
flex-direction: column;
|
margin-bottom: 20px;
|
span {
|
font-size: 14px;
|
&:nth-child(1) {
|
color: black;
|
margin-bottom: 5px;
|
}
|
&:nth-child(2) {
|
color: #8c939d;
|
}
|
}
|
}
|
.form_item {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
margin-bottom: 20px;
|
&:last-child {
|
margin: 0 !important;
|
}
|
.form_item_label {
|
flex-shrink: 0;
|
width: 170px;
|
color: black;
|
font-size: 14px;
|
span {
|
color: red;
|
font-size: 14px;
|
}
|
}
|
.form_item_val {
|
flex: 1;
|
/*height: 40px;*/
|
margin-left: 20px;
|
textarea {
|
width: 100%;
|
height: 70px;
|
border: 1px solid #cbcbcb;
|
padding: 10px;
|
outline: none;
|
box-sizing: border-box;
|
}
|
input {
|
width: 100%;
|
height: 40px;
|
outline: none;
|
border-radius: 5px;
|
border: 1px solid #cbcbcb;
|
padding: 0 20px;
|
box-sizing: border-box;
|
}
|
}
|
}
|
}
|
.desc {
|
width: 100%;
|
.desc_item {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
.desc_item_label {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-bottom: 10px;
|
span {
|
font-size: 14px;
|
color: black;
|
margin-right: 30px;
|
}
|
}
|
.desc_item_from {
|
width: 100%;
|
margin-bottom: 10px;
|
.desc_item_from_page {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: end;
|
margin-top: 10px;
|
}
|
}
|
.desc_item_cate {
|
width: 100%;
|
margin-bottom: 10px;
|
}
|
.desc_item_search {
|
width: 100%;
|
margin-bottom: 20px;
|
}
|
.desc_item_review {
|
width: 100%;
|
.desc_item_review_label {
|
font-size: 20px;
|
color: black;
|
font-weight: bold;
|
margin-bottom: 15px;
|
}
|
}
|
}
|
}
|
</style>
|
