| | |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm" |
| | | > |
| | | <div> |
| | | <el-form :model="form" ref="form" :rules="rules"> |
| | | <el-tabs type="border-card" :before-leave="beforeTabClick" v-model="form.saveType"> |
| | | <el-tab-pane label="方案基础信息" name="0"> |
| | | <el-form-item label="方案名称" prop="name"> |
| | | <el-input v-model="form.name" placeholder="请输入" v-trim/> |
| | | </el-form-item> |
| | |
| | | <el-form-item label="承保公司" prop="companyName"> |
| | | <el-input v-model="form.companyName" placeholder="请输入" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="投保年龄" prop="minAge"> |
| | | <el-form-item label="投保年龄" required="true" > |
| | | <div style="display: flex; align-items: center;"> |
| | | <el-form-item label="" prop="minAge" style="flex: 1;"> |
| | | <el-select v-model="form.minAge" @change="changeMinAge" style="flex: 1;" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in 80" |
| | |
| | | :value="item"> |
| | | </el-option> |
| | | </el-select> |
| | | <span style="margin: 0 30px;">至</span> |
| | | <el-select v-model="form.maxAge" @change="changeMaxAge" style="flex: 1;" placeholder="请选择"> |
| | | </el-form-item> |
| | | <span style="margin: 0 30px;padding-bottom: 20px;">至</span> |
| | | <el-form-item label="" prop="maxAge" style="flex: 1;"> |
| | | <el-select v-model="form.maxAge" @change="changeMaxAge" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in 80" |
| | | :key="item" |
| | |
| | | :value="item"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="生效时间" prop="validTypeNum"> |
| | |
| | | <el-button type="primary" @click="impor">导入工种</el-button> |
| | | <el-button type="text" @click="exprot">导入模版xls</el-button> |
| | | </div> |
| | | |
| | | <el-form-item label="已添加工种" prop="worktypeIdList"> |
| | | <u-table |
| | | :data="form.worktypeIdList" |
| | |
| | | </u-table> |
| | | </el-form-item> |
| | | </div> |
| | | <el-form-item label="特别约定" prop="specialAgreement"> |
| | | <RichEditor :richData="form.specialAgreement" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor" :readonly="false"/> |
| | | </el-form-item> |
| | | <el-form-item label="特别说明" prop="specialInfo"> |
| | | <RichEditor :richData="form.specialInfo" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor1" :readonly="false"/> |
| | | </el-form-item> |
| | | <el-form-item label="其他说明" prop="ortherInfo"> |
| | | <RichEditor :richData="form.ortherInfo" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor2" :readonly="false"/> |
| | | </el-form-item> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="风险设置" name="1" > |
| | | <el-form-item label="风险设置" prop="risk"> |
| | | <div class="tx"> |
| | | <div class="tx_item"> |
| | |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="特别约定" prop="specialAgreement"> |
| | | <RichEditor :richData="form.specialAgreement" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor" :readonly="false"/> |
| | | </el-form-item> |
| | | <el-form-item label="特别说明" prop="specialInfo"> |
| | | <RichEditor :richData="form.specialInfo" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor1" :readonly="false"/> |
| | | </el-form-item> |
| | | <el-form-item label="其他说明" prop="ortherInfo"> |
| | | <RichEditor :richData="form.ortherInfo" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor2" :readonly="false"/> |
| | | </el-form-item> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </el-form> |
| | | <!-- 上传工种 --> |
| | | <input type="file" @change="getFile" style="opacity: 0;" ref="upload" accept=".xlsx" /> |
| | | </div> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | |
| | | import { numRule } from '@/utils/form' |
| | | import RichEditor from '@/components/common/RichEditor' |
| | | import { UTable, UTableColumn } from 'umy-ui' |
| | | import {getChangeMemberListOnlineSignLink} from "@/api/business/applyChange"; |
| | | export default { |
| | | name: 'OperaSolutionsBaseWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow, UploadFile, RichEditor, UTable, UTableColumn }, |
| | | data () { |
| | | var validatorWorktype = (rule, value, callback) => { |
| | | if (!this.form.worktypeIdList || this.form.worktypeIdList.length === 0) { |
| | | callback(new Error('请完善工种信息!')); |
| | | } else { |
| | | callback(); |
| | | } |
| | | }; |
| | | var validType = (rule, value, callback) => { |
| | | if (this.form.validType === 0 && !value) { |
| | | return callback(new Error('延迟天数不能为空')) |
| | |
| | | callback() |
| | | } |
| | | var canAddFun = (rule, value, callback) => { |
| | | if (!this.form.canAdd && !form.canReduce && !form.canChangeUnit) { |
| | | if (!this.form.canAdd && !this.form.canReduce && !this.form.canChangeUnit) { |
| | | return callback(new Error('批改支持不能为空')) |
| | | } |
| | | callback() |
| | |
| | | delValidDays: 0, |
| | | delOnlyReplace: 0, |
| | | canAdd: 0, |
| | | saveType: '0', |
| | | correctWarnTime: '', |
| | | worktypeIdList: [], |
| | | |
| | |
| | | { required: true, message: '请输入承保公司' } |
| | | ], |
| | | minAge: [ |
| | | { required: true, message: '请选择投保年龄' } |
| | | { required: true, message: '请选择投保最小年龄' } |
| | | ], |
| | | maxAge: [ |
| | | { required: true, message: '请选择投保最大年龄' } |
| | | ], |
| | | validTypeNum: [ |
| | | { required: true, validator: validType } |
| | |
| | | { required: true, message: '请输入批改提醒时间' } |
| | | ], |
| | | worktypeIdList: [ |
| | | { required: true, message: '请完善工种信息' } |
| | | { required: true, validator: validatorWorktype } |
| | | ], |
| | | canAdd: [ |
| | | { required: true, validator: canAddFun } |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | beforeTabClick(n,o){ |
| | | let re = true |
| | | if( !this.form.id && n === '1'){ |
| | | this.$refs.form.validate((valid) => { |
| | | if (!valid) { |
| | | re = false |
| | | } |
| | | this.form.saveType = n |
| | | }) |
| | | } |
| | | return re |
| | | }, |
| | | // 导入工种模板 |
| | | getFile(e) { |
| | | const formdate = new FormData() |
| | |
| | | formdate.append('insuranceId', this.form.insuranceId) |
| | | importExcelForSolution(formdate) |
| | | .then(res => { |
| | | let arr = [] |
| | | const arr = [] |
| | | res.forEach(item => { |
| | | arr.push({ worktypeId: item.id, worktypeName: item.name }) |
| | | }) |
| | | this.form.worktypeIdList = [...arr, ...this.form.worktypeIdList] |
| | | let valData = this.form.worktypeIdList.map(item => item.worktypeName) |
| | | this.$refs.form.validate() |
| | | const valData = this.form.worktypeIdList.map(item => item.worktypeName) |
| | | this.typeWorkCopy = this.typeWorkCopy.filter(item => !valData.includes(item.name)) |
| | | this.$refs.form.validate() |
| | | }) |
| | | .catch(err => { |
| | | this.$message.error(err.message) |
| | |
| | | window.open(process.env.VUE_APP_TYPEWORK_URL) |
| | | }, |
| | | getWangedditor(val){ |
| | | this.form.specialAgreement = val; |
| | | this.form.specialAgreement = val |
| | | }, |
| | | getWangedditor1(val){ |
| | | this.form.specialInfo = val; |
| | | this.form.specialInfo = val |
| | | }, |
| | | getWangedditor2(val){ |
| | | this.form.ortherInfo = val; |
| | | this.form.ortherInfo = val |
| | | }, |
| | | changeMinAge(e) { |
| | | if (this.form.maxAge && this.form.maxAge >= 0 && e > this.form.maxAge) { |
| | |
| | | this.form.fanganFile = null |
| | | this.form.worktypeIdList = [] |
| | | this.form[this.configData['field.id']] = null |
| | | this.form.saveType = '0' |
| | | }) |
| | | return |
| | | } |
| | |
| | | for (const key in this.form) { |
| | | this.form[key] = res[key] |
| | | } |
| | | this.form.saveType = '0' |
| | | this.form.correctWarnTime = `${this.form.correctWarnTime}:00` |
| | | if (res.worktypeList) { |
| | | this.form.worktypeIdList = res.worktypeList.map(item => { |
| | |
| | | if (!this.form.id) { |
| | | this.typeWorkCopy = res |
| | | } else { |
| | | let valData = this.form.worktypeIdList.map(item => item.worktypeName) |
| | | const valData = this.form.worktypeIdList.map(item => item.worktypeName) |
| | | this.typeWorkCopy = res.filter(item => !valData.includes(item.name)) |
| | | } |
| | | }) |
| | |
| | | }) |
| | | }, |
| | | add () { |
| | | let arr = this.typeWorkCopy.filter(item => this.worktypeId.includes(item.id)) |
| | | let dataVal = arr.map(item => { |
| | | const arr = this.typeWorkCopy.filter(item => this.worktypeId.includes(item.id)) |
| | | const dataVal = arr.map(item => { |
| | | return { |
| | | worktypeId: item.id, |
| | | worktypeName: item.name |
| | | } |
| | | }) |
| | | this.form.worktypeIdList = [ ...dataVal, ...this.form.worktypeIdList ] |
| | | let valData = this.form.worktypeIdList.map(item => item.worktypeName) |
| | | const valData = this.form.worktypeIdList.map(item => item.worktypeName) |
| | | this.typeWorkCopy = this.typeWorkCopy.filter(item => !valData.includes(item.name)) |
| | | this.worktypeId = [] |
| | | this.$refs.form.validate() |
| | | }, |
| | | dele (index) { |
| | | if (this.form.worktypeIdList.length === 1) { |
| | | this.$message.warning('至少要保留一项') |
| | | return |
| | | } |
| | | let row = this.typeWork.filter(item => item.name === this.form.worktypeIdList[index].worktypeName) |
| | | const row = this.typeWork.filter(item => item.name === this.form.worktypeIdList[index].worktypeName) |
| | | this.typeWorkCopy.unshift(row[0]) |
| | | this.form.worktypeIdList.splice(index, 1) |
| | | } |