|  |  |  | 
|---|
|  |  |  | @change="getTimeVal" | 
|---|
|  |  |  | v-model="form.applyStartTime" | 
|---|
|  |  |  | type="date" | 
|---|
|  |  |  | class="date_picker" | 
|---|
|  |  |  | :disabled="!form.solutionId" | 
|---|
|  |  |  | :picker-options="pickerOptions" | 
|---|
|  |  |  | value-format="yyyy-MM-dd" | 
|---|
|  |  |  | format="yyyy 年 MM 月 dd 日" | 
|---|
|  |  |  | value-format="yyyy-MM-dd HH:mm:ss" | 
|---|
|  |  |  | format="yyyy-MM-dd HH:mm:ss" | 
|---|
|  |  |  | placeholder="选择日期"> | 
|---|
|  |  |  | </el-date-picker> | 
|---|
|  |  |  | <span style="color: #F95601; font-size: 14px;">(次日生效投保请于17:30前提交,超时提交以保险单为准)</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | disabled | 
|---|
|  |  |  | v-model="form.applyEndTime" | 
|---|
|  |  |  | type="date" | 
|---|
|  |  |  | value-format="yyyy-MM-dd" | 
|---|
|  |  |  | format="yyyy 年 MM 月 dd 日" | 
|---|
|  |  |  | class="date_picker" | 
|---|
|  |  |  | :picker-options="pickerOptions" | 
|---|
|  |  |  | value-format="yyyy-MM-dd HH:mm:ss" | 
|---|
|  |  |  | format="yyyy-MM-dd HH:mm:ss" | 
|---|
|  |  |  | placeholder="选择日期"> | 
|---|
|  |  |  | </el-date-picker> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | import importEmployees from '@/components/enterprise/importEmployees' | 
|---|
|  |  |  | import confirmJobType from '@/components/enterprise/confirmJobType' | 
|---|
|  |  |  | import { all } from '@/api/business/solutions' | 
|---|
|  |  |  | import { create, getCountCyclePriceVO } from '@/api/business/insuranceApply' | 
|---|
|  |  |  | import { create, getCountCyclePriceVO, getDetail, findList, updateData } from '@/api/business/insuranceApply' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaInsuranceApplyWindow', | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | ID: null, | 
|---|
|  |  |  | solutionId: '', | 
|---|
|  |  |  | applyStartTime: '', | 
|---|
|  |  |  | applyEndTime: '' | 
|---|
|  |  |  | 
|---|
|  |  |  | this.form.solutionId = '' | 
|---|
|  |  |  | this.form.applyStartTime = '' | 
|---|
|  |  |  | this.form.applyEndTime = '' | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.form.resetFields() | 
|---|
|  |  |  | this.form[this.configData['field.id']] = null | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.visible = true | 
|---|
|  |  |  | if (target && target.id) { | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.form.resetFields() | 
|---|
|  |  |  | this.form.id = target.id | 
|---|
|  |  |  | this.getDetails() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.form.resetFields() | 
|---|
|  |  |  | this.form[this.configData['field.id']] = null | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.getCompany() | 
|---|
|  |  |  | this.visible = true | 
|---|
|  |  |  | this.updatePickerOptions() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 获取投保详情 | 
|---|
|  |  |  | getDetails() { | 
|---|
|  |  |  | findList({ applyId: this.form.id }) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | res.forEach(item => { | 
|---|
|  |  |  | item.idCard = item.idcardNo | 
|---|
|  |  |  | item.fee = '' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.tableData = res | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | getDetail(this.form.id) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | this.form.solutionId = res.solutionId | 
|---|
|  |  |  | this.changeSolution1(res.solutionId) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getSummaries(param) { | 
|---|
|  |  |  | const { columns, data } = param | 
|---|
|  |  |  | const sums = [] | 
|---|
|  |  |  | 
|---|
|  |  |  | item.idcardNo = item.idCard | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.isWorking = true | 
|---|
|  |  |  | create({ | 
|---|
|  |  |  | applyDetailList: arr, | 
|---|
|  |  |  | applyStartTime: this.form.applyStartTime, | 
|---|
|  |  |  | applyEndTime: this.form.applyEndTime, | 
|---|
|  |  |  | solutionId: this.form.solutionId | 
|---|
|  |  |  | }).then(() => { | 
|---|
|  |  |  | this.visible = false | 
|---|
|  |  |  | this.$tip.apiSuccess('操作成功') | 
|---|
|  |  |  | this.$emit('success') | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .catch(e => { | 
|---|
|  |  |  | this.$tip.apiFailed(e) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | this.isWorking = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | if (!this.form.id) { | 
|---|
|  |  |  | create({ | 
|---|
|  |  |  | applyDetailList: arr, | 
|---|
|  |  |  | applyStartTime: this.form.applyStartTime, | 
|---|
|  |  |  | applyEndTime: this.form.applyEndTime, | 
|---|
|  |  |  | solutionId: this.form.solutionId | 
|---|
|  |  |  | }).then(() => { | 
|---|
|  |  |  | this.visible = false | 
|---|
|  |  |  | this.$tip.apiSuccess('操作成功') | 
|---|
|  |  |  | this.$emit('success') | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .catch(e => { | 
|---|
|  |  |  | this.$tip.apiFailed(e) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | this.isWorking = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | updateData({ | 
|---|
|  |  |  | id: this.form.id, | 
|---|
|  |  |  | applyDetailList: arr, | 
|---|
|  |  |  | applyStartTime: this.form.applyStartTime, | 
|---|
|  |  |  | applyEndTime: this.form.applyEndTime, | 
|---|
|  |  |  | solutionId: this.form.solutionId | 
|---|
|  |  |  | }).then(() => { | 
|---|
|  |  |  | this.visible = false | 
|---|
|  |  |  | this.$tip.apiSuccess('操作成功') | 
|---|
|  |  |  | this.$emit('success') | 
|---|
|  |  |  | }).catch(e => { | 
|---|
|  |  |  | this.$tip.apiFailed(e) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | this.isWorking = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | startDate: time | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.price = res.cyclePrice | 
|---|
|  |  |  | this.form.applyEndTime = res.endDate.substring(0, 10) | 
|---|
|  |  |  | this.form.applyEndTime = res.endDate | 
|---|
|  |  |  | this.tableData.forEach(item => { | 
|---|
|  |  |  | item.fee = res.cyclePrice | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 切换方案 | 
|---|
|  |  |  | changeSolution(e) { | 
|---|
|  |  |  | this.tableData = [] | 
|---|
|  |  |  | this.company.forEach(item => { | 
|---|
|  |  |  | if (item.id === e) { | 
|---|
|  |  |  | // this.price = item.price | 
|---|
|  |  |  | 
|---|
|  |  |  | item.fee = this.price | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 切换方案 | 
|---|
|  |  |  | changeSolution1(e) { | 
|---|
|  |  |  | this.company.forEach(item => { | 
|---|
|  |  |  | if (item.id === e) { | 
|---|
|  |  |  | // this.price = item.price | 
|---|
|  |  |  | this.item = item | 
|---|
|  |  |  | this.updatePickerOptions() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.tableData.forEach(item => { | 
|---|
|  |  |  | item.fee = this.price | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | dele(index) { | 
|---|
|  |  |  | this.tableData.splice(index, 1) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | .el-picker-panel__footer .el-button--text.el-picker-panel__link-btn { | 
|---|
|  |  |  | display: none; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style lang="scss" scoped> | 
|---|
|  |  |  | .list { | 
|---|
|  |  |  | width: 100%; | 
|---|