jiangping
2024-02-01 d4920f7a0b3146a2218a210d3f93b655ff010eb3
company/src/components/business/OperaSettleClaimsCheckWindow.vue
@@ -6,92 +6,51 @@
        :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">
                        <input type="text" v-model="form.reportNum" placeholder="请输入">
                    </div>
                </div>
            </div>
            <div  v-if="visible2==true" class="form">
                <div class="form_item">
                    <div class="form_item_label">
                        <span>*</span>处理进展:
                    </div>
                    <div class="form_item_val">
                        <textarea v-model="form.bizInfo" placeholder="请输入"></textarea>
                    </div>
                </div>
            </div>
            <div  v-if="visible3==true" class="form">
                <div class="form_item">
                    <div class="form_item_label">
                        <span>*</span>填写撤销说明:
                    </div>
                    <div class="form_item_val">
                        <textarea v-model="form.backInfo" placeholder="请输入"></textarea>
                    </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">
                        <textarea v-model="form.doneInfo" placeholder="请输入"></textarea>
                    </div>
                </div>
                <div class="form_item">
                    <div class="form_item_label">
                         医疗理赔:
                    </div>
                    <div class="form_item_val">
                        <input v-model="form.ylClaimAccount" placeholder="请输入" />
                    </div>
                </div>
                <div class="form_item">
                    <div class="form_item_label">
                        误工理赔:
                    </div>
                    <div class="form_item_val">
                        <input v-model="form.wgClaimAccount" placeholder="请输入" />
                    </div>
                </div>
                <div class="form_item">
                    <div class="form_item_label">
                        伤残理赔:
                    </div>
                    <div class="form_item_val">
                        <input v-model="form.scClaimAccount" placeholder="请输入" />
                    </div>
                </div>
                <div class="form_item">
                    <div class="form_item_label">
                         死亡理赔:
                    </div>
                    <div class="form_item_val">
                        <input v-model="form.swClaimAccount" placeholder="请输入" />
                    </div>
                </div>
            </div>
              <el-form v-if="visible1==true" :model="form" ref="form1" :rules="rules1" style="width: 100%;">
                <el-form-item label="报案号:" prop="reportNum">
                  <el-input v-model="form.reportNum" placeholder="请输入" v-trim/>
                </el-form-item>
              </el-form>
              <el-form v-if="visible2==true" :model="form" ref="form2" :rules="rules2" style="width: 100%;">
                <el-form-item label="处理进展:" prop="bizInfo">
                  <el-input type="textarea" v-model="form.bizInfo" placeholder="请输入" v-trim/>
                </el-form-item>
              </el-form>
              <el-form v-if="visible3==true" :model="form" ref="form3" :rules="rules3" style="width: 100%;">
                <el-form-item label="撤销说明:" prop="backInfo">
                  <el-input type="textarea" v-model="form.backInfo" placeholder="请输入" v-trim/>
                </el-form-item>
              </el-form>
              <el-form v-if="visible4==true" :model="form" ref="form4" :rules="rules4" style="width: 100%;">
                <el-form-item label="结案内容:" prop="doneInfo">
                  <el-input type="textarea" v-model="form.doneInfo" @change="changeAccount" placeholder="请输入" v-trim/>
                </el-form-item>
                <el-form-item label="医疗理赔(元):" prop="ylClaimAccount">
                  <el-input type="number" v-model="form.ylClaimAccount"  @change="changeAccount" placeholder="请输入" v-trim/>
                </el-form-item>
                <el-form-item label="误工理赔(元):" prop="wgClaimAccount">
                  <el-input type="number" v-model="form.wgClaimAccount" @change="changeAccount"  placeholder="请输入" v-trim/>
                </el-form-item>
                <el-form-item label="伤残理赔(元):" prop="scClaimAccount">
                  <el-input type="number" v-model="form.scClaimAccount" @change="changeAccount"  placeholder="请输入" v-trim/>
                </el-form-item>
                <el-form-item label="死亡理赔(元):" prop="swClaimAccount">
                  <el-input type="number" v-model="form.swClaimAccount"  @change="changeAccount"  placeholder="请输入" v-trim/>
                </el-form-item>
                <el-form-item label="总金额:"  >
                  <el-input type="number" readonly v-model="form.totalAccount" placeholder="请输入" v-trim/>
                </el-form-item>
              </el-form>
            <div v-if="visible5 ==true"  class="form">
                <div class="form_span" v-for="(item,index) in remarkLogList" :key="index">
                    <span>理赔员-{{ item.creatorName }} {{item.createDate }}</span>
                    <span>{{item.content }}</span>
                </div>
                <div class="form_item">
                    <div class="form_item_label">
                        <span>*</span>填写备注标签:
                    </div>
                    <div class="form_item_val">
                        <textarea v-model="form.remarkInfo" placeholder="请输入"></textarea>
                    </div>
                </div>
                <el-form :model="form" ref="form5" :rules="rules5" style="width: 100%;">
                  <el-form-item label="填写备注标签:" prop="remarkInfo">
                    <el-input type="textarea" v-model="form.remarkInfo" placeholder="请输入" v-trim/>
                  </el-form-item>
                </el-form>
            </div>
      <template v-slot:footer>
        <el-button type="primary" @click="doSubmit">确定</el-button>
@@ -103,7 +62,7 @@
<script>
    import BaseOpera from '@/components/base/BaseOpera'
    import GlobalWindow from '@/components/common/GlobalWindow'
    import {addCode, back, dealBiz,doneCommit, remark} from "@/api/business/settleClaims";
import { addCode, back, dealBiz, doneCommit, remark } from '@/api/business/settleClaims'
    export default {
        name: 'OperaSettleClaimsCheckWindow',
        extends: BaseOpera,
@@ -120,11 +79,12 @@
                doneInfo: null,
                backInfo: null,
                remarkInfo: null,
                ylClaimAccount: null,
                wgClaimAccount: null,
                swClaimAccount: null,
                scClaimAccount: null,
        ylClaimAccount: 0,
        wgClaimAccount: 0,
        swClaimAccount: 0,
        scClaimAccount: 0,
                reportNum: null,
        totalAccount:0
              },
              model:{},
                activeName: 'first',
@@ -134,7 +94,32 @@
                visible2: false,
                visible3: false,
                visible4: false,
                visible5: false
      visible5: false,
      rules1: {
        reportNum: [
          { required: true, message: '请输入' }
        ]
      },
      rules2: {
        bizInfo: [
          { required: true, message: '请输入' }
        ]
      },
      rules3: {
        backInfo: [
          { required: true, message: '请输入' }
        ]
      },
      rules5: {
        remarkInfo: [
          { required: true, message: '请输入' }
        ]
      },
      rules4: {
        doneInfo: [
          { required: true, message: '请输入' }
        ]
      }
            }
        },
        created () {
@@ -164,11 +149,12 @@
              remarkInfo: null,
              bizInfo: null,
              backInfo: null,
              ylClaimAccount: null,
              wgClaimAccount: null,
              swClaimAccount: null,
              scClaimAccount: null,
        ylClaimAccount: 0,
        wgClaimAccount: 0,
        swClaimAccount: 0,
        scClaimAccount: 0,
               reportNum: null,
        totalAccount:0
            }
            if(type==1){
              this.visible1=true
@@ -186,10 +172,23 @@
              this.visible5=true
            }
       },
     changeAccount(){
       this.form.swClaimAccount = parseFloat(this.form.swClaimAccount).toFixed(2)
       this.form.scClaimAccount = parseFloat(this.form.scClaimAccount).toFixed(2)
       this.form.wgClaimAccount = parseFloat(this.form.wgClaimAccount).toFixed(2)
       this.form.ylClaimAccount = parseFloat(this.form.ylClaimAccount).toFixed(2)
      this.form.totalAccount = parseFloat( this.form.scClaimAccount || 0) + parseFloat( this.form.swClaimAccount || 0)
         + parseFloat( this.form.wgClaimAccount|| 0)
         + parseFloat( this.form.ylClaimAccount|| 0)
     },
            doSubmit(type) {
              var that =this
              if(this.type ===5){
                // this.isWorking = true
        this.$refs.form5.validate((valid) => {
          // debugger
          if (!valid) {
            return
          }
                remark({id:that.model.id,checkInfo:that.form.remarkInfo})
                    .then(response => {
                      this.visible=false
@@ -197,20 +196,33 @@
                    }).catch(err => {
                  this.$tip.apiFailed(err)
                })
        })
              }else if(this.type === 4){
                // this.isWorking = true
                doneCommit({id: that.model.id, checkInfo: that.form.doneInfo,
        this.$refs.form4.validate((valid) => {
          // debugger
          if (!valid) {
            return
          }
          doneCommit({
            id: that.model.id,
            checkInfo: that.form.doneInfo,
                  ylClaimAccount: that.form.ylClaimAccount,
                  wgClaimAccount: that.form.wgClaimAccount,
                  swClaimAccount: that.form.swClaimAccount,
                  scClaimAccount: that.form.scClaimAccount})
                    .then(response => {
            scClaimAccount: that.form.scClaimAccount
          }).then(response => {
                      this.visible=false
                      this.$emit('success')
                    }).catch(err => {
                  this.$tip.apiFailed(err)
                })
        })
              }else if(this.type===2){
        this.$refs.form2.validate((valid) => {
          // debugger
          if (!valid) {
            return
          }
                //理赔处理
                dealBiz({ id: that.model.id, checkInfo:that.form.bizInfo })
                    .then(response => {
@@ -222,8 +234,13 @@
                }).finally(() => {
                  this.isWorking = false
                })
        })
              }else if(this.type===3){
                //理赔处理
        this.$refs.form3.validate((valid) => {
          // debugger
          if (!valid) {
            return
          }
                back({ id: that.model.id, checkInfo:that.form.backInfo })
                    .then(response => {
                      this.visible=false
@@ -234,8 +251,14 @@
                }).finally(() => {
                  this.isWorking = false
                })
        })
              }else if(this.type===1){
                //添加备案号
        this.$refs.form1.validate((valid) => {
          // debugger
          if (!valid) {
            return
          }
                addCode({ id: that.model.id, reportNum:that.form.reportNum })
                    .then(response => {
                      this.visible=false
@@ -246,6 +269,7 @@
                    }).finally(() => {
                      this.isWorking = false
                    })
        })
              }
            }
        }