优化

MrShi

2024-11-19 56edbd80963acea41d9b9737bb9264f57a6e4ae2

 company/src/components/business/OperaApplyChangeCheckWindow.vue

@@ -6,7 +6,7 @@
        :confirm-working="isWorking"
        @confirm="confirm"
    >
        <!--    退回投保    -->
        <!--    退回申请    -->
            <div v-if="visible1==true"  class="form">
                <div class="form_item">
                    <div class="form_item_label"><span>*</span>填写退回说明：</div>
@@ -15,11 +15,14 @@
                    </div>
                </div>
            </div>
        <!--    上传保险单    -->
        <!--    上传批单    -->
            <div v-if="visible3==true" class="form">
              <template v-if="model.delOnlyReplace != 1">
                <div class="form_item">
                    <div class="form_item_label">客户期望批单生效起期：</div>
                    <div class="form_item_label">期望批增生效日期：</div>
                    <div class="form_item_val">{{ model.applyStartTime }}</div>
                    <div class="form_item_label">期望批减生效日期：</div>
                    <div class="form_item_val">{{ model.delValidTime }}</div>
                </div>
                <div class="form_item">
                    <div class="form_item_label">批单生效起期是否一致：</div>
@@ -31,7 +34,7 @@
                    </div>
                </div>
                <div class="form_item" v-if="form.selectRadio === 1">
                    <div class="form_item_label"><span>*</span>批单生效起期：</div>
                    <div class="form_item_label" ><span>*</span>批增生效日期：</div>
                    <div class="form_item_val">
                        <el-date-picker
                            v-model="form.applyStartTime"
@@ -41,10 +44,54 @@
                        </el-date-picker>
                    </div>
                </div>
                <div class="form_item">
                    <div class="form_item_label">批单生效起期：</div>
                    <div class="form_item_val">{{ form.applyStartTime }}</div>
                <div class="form_item" v-if="form.selectRadio === 1">
                    <div class="form_item_label"><span>*</span>批减生效日期：</div>
                    <div class="form_item_val">
                        <el-date-picker
                            v-model="form.delValidTime"
                            type="date"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            placeholder="选择日期">
                        </el-date-picker>
                    </div>
                </div>
                <div class="form_item">
                    <div class="form_item_label">批增生效日期：</div>
                    <div class="form_item_val">{{ form.applyStartTime }}</div>
                    <div class="form_item_label">批减生效日期：</div>
                    <div class="form_item_val">{{ form.delValidTime }}</div>
                </div>
                </template>
              <template v-if="model.delOnlyReplace == 1">
                <div class="form_item">
                  <div class="form_item_label">期望批改生效日期：</div>
                  <div class="form_item_val">{{ model.delValidTime }}</div>
                </div>
                <div class="form_item">
                  <div class="form_item_label">批单生效起期是否一致：</div>
                  <div class="form_item_val">
                    <el-radio-group v-model="form.selectRadio" @change="selectChange">
                      <el-radio :label="0"  >与批单一致</el-radio>
                      <el-radio :label="1" >与批单不一致</el-radio>
                    </el-radio-group>
                  </div>
                </div>
                <div class="form_item" v-if="form.selectRadio === 1">
                  <div class="form_item_label"><span>*</span>批改生效日期：</div>
                  <div class="form_item_val">
                    <el-date-picker
                        v-model="form.delValidTime"
                        type="date"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        placeholder="选择日期">
                    </el-date-picker>
                  </div>
                </div>
                <div class="form_item">
                  <div class="form_item_label">批改生效日期：</div>
                  <div class="form_item_val">{{ form.delValidTime }}</div>
                </div>
              </template>
                <div class="form_item">
                    <div class="form_item_label"><span>*</span>批单号：</div>
                    <div class="form_item_val" >
@@ -54,15 +101,17 @@
                <div class="form_item">
                    <div class="form_item_label"><span>*</span>上传批单：</div>
                    <div class="form_item_val">
                      <UploadFile :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList1" @uploadSuccess="baoxianFileUploaded" />
                      <UploadFile :limit="99" :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList1" @remove="removePIDAN" @uploadSuccess="baoxianFileUploaded" />
                    </div>
                </div>
            </div>
        <!--    修改保险单    -->
            <div v-if="visible4==true" class="form">
                <div class="form_item">
                  <div class="form_item_label">批单生效起期：</div>
                  <div class="form_item_label">批增生效日期：</div>
                  <div class="form_item_val">{{ model.applyStartTime }}</div>
                  <div class="form_item_label">批减生效日期：</div>
                  <div class="form_item_val">{{ model.delValidTime }}</div>
                </div>
                <div class="form_item">
                    <div class="form_item_label"><span>*</span>批单号：</div>
@@ -121,225 +170,246 @@
export default {
  name: 'OperaApplyChangeCheckWindow',
  extends: BaseOpera,
  components: {UploadFile, GlobalWindow },
  components: { UploadFile, GlobalWindow },
  data () {
    return {
      // 表单数据
      model: {},
      falg :0,
      falg: 0,
      form: {
          id: null,
          backCheckInfo:'',
          dealBackInfo:'',
          editCheckInfo:'',
          editValidCode: '',
          applyStartTime:null,
         validCode:null,
          pidanFile:null,
         editPidanFile:null,
          fileList1: [],
          fileList2: [],
          selectRadio:0
        id: null,
        backCheckInfo: '',
        dealBackInfo: '',
        editCheckInfo: '',
        editValidCode: '',
        applyStartTime: null,
        delValidTime: null,
        validCode: null,
        pidanFile: [],
        editPidanFile: null,
        fileList1: [],
        fileList2: [],
        selectRadio: 0
      },
      visible1: false,
      visible3: false,
      visible4: false,
      visible5: false,
      visible6: false,
      visible6: false
    }
  },
  created () {
      this.config({
          api: '/business/insuranceApply',
          'field.id': 'id'
      })
    this.config({
      api: '/business/insuranceApply',
      'field.id': 'id'
    })
  },
  methods: {
     open(title,target,flag){
       this.visible=true
       this.model={}
       this.form= {
         id: null,
         backCheckInfo:'',
         dealBackInfo:'',
         editCheckInfo:'',
         editValidCode: '',
         applyStartTime:null,
         validCode:null,
         pidanFile:null,
         editPidanFile:null,
         fileList1: [],
         fileList2: [],
         selectRadio:0
       },
       this.model=target
       this.form.applyStartTime=this.model.applyStartTime
       this.form.editValidCode=this.model.validCode
       this.title=title
       this.flag = flag
       this.visible1 = false
       this.visible3 = false
       this.visible4 = false
       this.visible5 = false
       this.visible6 = false
       if(flag == 1){
         this.visible1 = true
       }
       if(flag == 3){
         this.visible3 = true
       }
       if(flag == 4){
         this.visible4 = true
       }
       if(flag == 5){
         this.visible5 = true
       }
       if(flag == 6){
         this.visible6 = true
       }
     },
    doSubmit(){
    open (title, target, flag) {
      this.visible = true
      this.model = {}
      this.form = {
        id: null,
        backCheckInfo: '',
        dealBackInfo: '',
        editCheckInfo: '',
        editValidCode: '',
        delValidTime: null,
        applyStartTime: null,
        validCode: null,
        pidanFile: [],
        editPidanFile: null,
        fileList1: [],
        fileList2: [],
        selectRadio: 0
      },
      this.model = target
      this.form.applyStartTime = this.model.applyStartTime
      this.form.delValidTime = this.model.delValidTime
      this.form.editValidCode = this.model.validCode
      this.title = title
      this.flag = flag
      this.visible1 = false
      this.visible3 = false
      this.visible4 = false
      this.visible5 = false
      this.visible6 = false
      if (flag == 1) {
        this.visible1 = true
      }
      if (flag == 3) {
        this.visible3 = true
      }
      if (flag == 4) {
        this.visible4 = true
      }
      if (flag == 5) {
        this.visible5 = true
      }
      if (flag == 6) {
        this.visible6 = true
      }
    },
    doSubmit () {
      if (this.flag == 1) {
          if (!this.form.backCheckInfo) {
              this.$message.warning('请输入退回说明')
              return
          }
        if (!this.form.backCheckInfo) {
          this.$message.warning('请输入退回说明')
          return
        }
        this.backDo()
      } else if (this.flag == 3) {
          if (this.form.selectRadio === 1 && !this.form.applyStartTime) {
              this.$message.warning('请选择批单生效起期')
              return
          }
          if (!this.form.validCode) {
              this.$message.warning('请输入批单号')
              return
          }
          if (!this.form.pidanFile) {
              this.$message.warning('请上传批单')
              return
          }
        if (this.form.selectRadio === 1 && !this.form.applyStartTime) {
          this.$message.warning('请选择批增生效日期')
          return
        }
        if (this.form.selectRadio === 1 && !this.form.delValidTime) {
          this.$message.warning('请选择批减生效日期')
          return
        }
        if (!this.form.validCode) {
          this.$message.warning('请输入批单号')
          return
        }
        if (!this.form.pidanFile) {
          this.$message.warning('请上传批单')
          return
        }
        this.uploadPidan()
      } else if (this.flag == 4) {
          if (!this.form.editValidCode) {
              this.$message.warning('请输入批单号')
              return
          }
          if (!this.form.editPidanFile) {
              this.$message.warning('请上传批单')
              return
          }
          if (!this.form.editCheckInfo) {
              this.$message.warning('请输入修改原因')
              return
          }
        if (!this.form.editValidCode) {
          this.$message.warning('请输入批单号')
          return
        }
        if (!this.form.editPidanFile) {
          this.$message.warning('请上传批单')
          return
        }
        if (!this.form.editCheckInfo) {
          this.$message.warning('请输入修改原因')
          return
        }
        this.editPidan()
      } else if (this.flag == 5) {
          if (!this.form.dealBackInfo) {
              this.$message.warning('请输入说明')
              return
          }
        if (!this.form.dealBackInfo) {
          this.$message.warning('请输入说明')
          return
        }
        this.dealBackApply(1)
      } else if (this.flag == 6) {
          if (!this.form.dealBackInfo) {
              this.$message.warning('请输入退回说明')
              return
          }
        if (!this.form.dealBackInfo) {
          this.$message.warning('请输入退回说明')
          return
        }
        this.dealBackApply(0)
      }
    },
    selectChange(){
       if(this.form.selectRadio == 0){
         this.form.applyStartTime = this.model.validTime
       }else{
        this.form.applyStartTime = ''
       }
    },
    baoxianFileUploaded(data){
      this.form.pidanFile=data
    },
    editBaoxianFileUploaded(data){
      this.form.editPidanFile=data
    },
    backDo(){
      this.$dialog.messageConfirm('确认进行该操作吗？')
          .then(() => {
            this.isWorking = true
            backChagne({id:this.model.id,checkInfo:this.form.backCheckInfo})
                .then(response => {
                  this.visible = false
                  this.$emit('success')
                  }).catch(err => {
                this.$tip.apiFailed(err)
                 })
          })
    },
    dealBackApply(type){
      this.$dialog.messageConfirm('确认进行该操作吗？')
          .then(() => {
            this.isWorking = true
            dealBackChangeApply({ id: this.model.id, checkInfo: this.form.dealBackInfo, dealBackApply: type })
                .then(response => {
                  this.visible = false
                  this.$emit('success')
                }).catch(err => {
                  this.$tip.apiFailed(err)
                })
          })
    },
    uploadPidan(){
      this.$dialog.messageConfirm('确认进行该操作吗？')
          .then(() => {
            this.isWorking = true
            uploadChangePidan({id:this.model.id,applyStartTime:this.form.applyStartTime, validCode:this.form.validCode,pidanFile:this.form.pidanFile})
                .then(response => {
                  this.visible = false
                  this.$emit('success')
                }).catch(err => {
                  this.$tip.apiFailed(err)
                })
          })

    },
    editPidan(){
      this.$dialog.messageConfirm('确认进行该操作吗？')
          .then(() => {
            this.isWorking = true
            editChangePidan({id:this.model.id, checkInfo:this.form.editCheckInfo,validCode:this.form.editValidCode,pidanFile:this.form.editPidanFile})
                .then(response => {
                  this.visible = false
                  this.$emit('success')
                }).catch(err => {
                  this.$tip.apiFailed(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() {

    selectChange () {
      if (this.form.selectRadio == 0) {
        this.form.applyStartTime = this.model.applyStartTime
        this.form.delValidTime = this.model.delValidTime
      } else {
        // this.form.applyStartTime = ''
        // this.form.delValidTime = ''
      }
    },
    baoxianFileUploaded (data) {
      this.form.pidanFile.push(data)
    },
    removePIDAN(e) {
      this.form.pidanFile.forEach((item, index) => {
        if (e === item.imgaddr) {
          this.form.pidanFile.splice(index, 1)
        }
      })
    },
    editBaoxianFileUploaded (data) {
      this.form.editPidanFile = data
    },
    backDo () {
      this.$dialog.messageConfirm('确认进行该操作吗？')
        .then(() => {
          this.isWorking = true
          backChagne({ id: this.model.id, checkInfo: this.form.backCheckInfo })
            .then(response => {
              this.visible = false
              this.$emit('success')
            }).catch(err => {
              this.$tip.apiFailed(err)
            })
        })
    },
    dealBackApply (type) {
      this.$dialog.messageConfirm('确认进行该操作吗？')
        .then(() => {
          this.isWorking = true
          dealBackChangeApply({ id: this.model.id, checkInfo: this.form.dealBackInfo, dealBackApply: type })
            .then(response => {
              this.visible = false
              this.$emit('success')
            }).catch(err => {
              this.$tip.apiFailed(err)
            })
        })
    },
    uploadPidan () {
      this.$dialog.messageConfirm('确认进行该操作吗？')
        .then(() => {
          this.isWorking = true
          uploadChangePidan({
            id: this.model.id,
            applyStartTime: (this.model.delOnlyReplace != 1 ? this.form.applyStartTime : this.form.delValidTime),
            delValidTime: this.form.delValidTime,
            validCode: this.form.validCode,
            pidanFileList: this.form.pidanFile
          })
            .then(response => {
              this.visible = false
              this.$emit('success')
            }).catch(err => {
              this.$tip.apiFailed(err)
            })
        })
    },
    editPidan () {
      this.$dialog.messageConfirm('确认进行该操作吗？')
        .then(() => {
          this.isWorking = true
          editChangePidan({ id: this.model.id, checkInfo: this.form.editCheckInfo, validCode: this.form.editValidCode, pidanFile: this.form.editPidanFile })
            .then(response => {
              this.visible = false
              this.$emit('success')
            }).catch(err => {
              this.$tip.apiFailed(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>