nidapeng
2024-04-03 f63e0073e96abe1e52d74749f408e3f542600a09
company/src/components/business/OperaApplyChangeUnitDetailWindow.vue
@@ -14,30 +14,42 @@
                    <span v-if="model.status === 0">保单状态:<span  :class="'change-status'+model.status" >待签署</span></span>
                    <span v-if="model.status === 1">保单状态:<span  :class="'change-status'+model.status" >待审核</span></span>
                    <span v-if="model.status === 2">保单状态:<span  :class="'change-status'+model.status" >已生效</span></span>
                    <span v-if="model.status === 7">保单状态:<span  :class="'change-status'+model.status" >待出单</span></span>
                    <span v-if="model.status === 9">保单状态:<span  :class="'change-status'+model.status" >投保中</span></span>
                    <span v-if="model.status === 3 || model.status === 4">保单状态:<span  :class="'change-status'+model.status" >退回申请</span></span>
                    <span v-if="model.status === 5 || model.status === 8">保单状态:<span  :class="'change-status'+model.status" >已退回</span></span>
                    <span v-if="model.status === 7 || model.status === 6">保单状态:<span  :class="'change-status'+model.status" >已关闭</span></span>
                    <span v-if=" model.status === 6">保单状态:<span  :class="'change-status'+model.status" >已关闭</span></span>
                    <span>提交时间:{{ model.createDate }}</span>
                  </div>
                  <div class="desc_item_label_right">
                      <template v-if="userInfo.type === 1">
                          <el-button type="primary" @click="$refs.ApplyChangeDetails.open('更换派遣单位申请详单',apply,model)">导出详单</el-button>
<!--                          <el-button v-if="[0, 2, 3, 10].includes(model.status)" type="danger" @click="$refs.applyReturn.open('申请退回', {id: dataId})">申请退回</el-button>-->
                          <el-button v-if="[5, 8].includes(model.status)" type="primary" @click="$refs.editFactoryChange.open('更换派遣单位申请', {id: dataId, applyChangId: modelId})">再次投保</el-button>
                          <el-button type="primary" v-if="model.status == 0"   @click="goSign">签署申请单</el-button>
                          <el-button v-if="[0, 1, 3, 7].includes(model.status)" type="primary" @click="$refs.add_subtract_return.open('申请退回', { id: modelId })">申请退回</el-button>
                          <el-button v-if="model.status == 5" type="primary" @click="viewApplyFile">查看申请单</el-button>
                          <el-button v-if="model.status == 5 || model.status == 2" type="primary" @click="viewPidan">查看批单</el-button>
                      <el-button type="primary" v-if="[5,8,6].includes(model.status)" @click="$refs.reinsurance.open('更换派遣单位申请', {id: dataId, applyChangId: modelId})">再次投保</el-button>
                      <el-button type="primary"  @click="$refs.ApplyChangeDetails.open('更换派遣单位详情',apply,model,0)">导出详单</el-button>
                      <el-button type="primary" v-if="model.status == 0" @click="getSignLink(0)">签署申请单</el-button>
                      <el-button v-if="[0, 1, 3, 7].includes(model.status) && model.solutionType == 0" type="danger" @click="$refs.add_subtract_return.open('申请退回', { id: modelId })">申请退回</el-button>
                      <el-button v-if="[1,2,4,7,9].includes(model.status)" type="primary" @click="viewApplyFile">查看申请单</el-button>
                      <el-button v-if="model.status == 2" type="primary" @click="viewPidan">查看批单</el-button>
                          <el-button v-if="[5, 8].includes(model.status)" type="primary" @click="closeOrder">关闭订单</el-button>
                      </template>
                        <template v-else>
                            <el-button type="primary" @click="$refs.ApplyChangeDetails.open('更换派遣单位申请详单',apply,model)">导出详单</el-button>
                           <el-button type="primary" v-if="model.status == 0"   @click="goSign">签署申请单</el-button>
                            <el-button v-if="[1,2,4].includes(model.status)" type="primary" @click="viewApplyFile">查看申请单</el-button>
                    <template v-if="userInfo.type === 2">
                      <el-button type="primary" @click="$refs.ApplyChangeDetails.open('更换派遣单位详单',apply,model,0)">导出详单</el-button>
                      <el-button v-if="[1,2,4,7,9].includes(model.status)" type="primary" @click="viewApplyFile">查看申请单</el-button>
                      <el-button v-if="[2].includes(model.status)" type="primary" @click="viewPidan">查看批单</el-button>
                      <el-button v-if=" model.solutionType == 1 && [1].includes(model.status)" type="primary" @click="$refs.ApplyChangeDetails.open('投保审核',apply,model,1)">投保审核</el-button>
                      <el-button v-if=" model.solutionType == 1 && [0,1].includes(model.status)" type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('退回申请',model,1)">退回申请</el-button>
                      <el-button v-if=" model.solutionType == 1 && [7].includes(model.status)" type="danger" @click="closeOrder">关闭订单</el-button>
                      <el-button v-if=" model.solutionType == 0 && [1].includes(model.status)" type="primary" @click="$refs.OperaApplyChangeCheckWindow.open('上传批单',model,3)">上传批单</el-button>
                      <el-button  v-if="model.solutionType == 0 &&[3,4].includes(model.status)"  type="primary" @click="$refs.OperaApplyChangeCheckWindow.open('驳回退回申请',model,5)">驳回退回申请</el-button>
                      <el-button  v-if="model.solutionType == 0 &&[0,1].includes(model.status)" type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('退回投保',model,1)">退回投保</el-button>
                      <el-button  v-if="model.solutionType == 0 &&[2].includes(model.status)"  type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('修改批单',model,4)">修改批单</el-button>
                    </template>
                    <template  v-if="userInfo.type === 0">
                      <el-button type="primary" @click="$refs.ApplyChangeDetails.open('更换派遣单位详单',apply,model,0)">导出详单</el-button>
                      <el-button v-if="[1,2,4,7,9].includes(model.status)" type="primary" @click="viewApplyFile">查看申请单</el-button>
                            <el-button v-if="[2].includes(model.status)" type="primary" @click="viewPidan">查看批单</el-button>
                            <el-button v-if="model.solutionType == 0 &&[1].includes(model.status)" type="primary" @click="$refs.OperaApplyChangeCheckWindow.open('上传批单',model,3)">上传批单</el-button>
                            <el-button  v-if="model.solutionType == 0 &&[3,4].includes(model.status)"  type="primary" @click="$refs.OperaApplyChangeCheckWindow.open('驳回退回申请',model,5)">驳回退回申请</el-button>
                            <el-button  v-if="model.solutionType == 0 &&[0,1,3,4].includes(model.status)" type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('退回投保',model,1)">退回投保</el-button>
                      <el-button  v-if="model.solutionType == 0 &&[0,1].includes(model.status)" type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('退回投保',model,1)">退回投保</el-button>
                            <el-button  v-if="model.solutionType == 0 &&[2].includes(model.status)"  type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('修改批单',model,4)">修改批单</el-button>
                        </template>
                  </div>
@@ -170,6 +182,31 @@
                </div>
            </div>
        </div>
      <el-dialog
          :title="signTitle"
          :visible.sync="visiblePhone"
          width="500px"
          :modal="false"
          :show-close="false"
          :close-on-click-modal="false"
          center>
        <el-form :model="form" ref="form" :rules="rules">
          <el-form-item label="手机号" prop="phone">
            <el-input v-model="form.phone" placeholder="请输入" disabled v-trim/>
          </el-form-item>
          <el-form-item label="验证码" prop="code">
            <div style="width: 100%; display: flex; align-items: center;">
              <el-input v-model="form.code" placeholder="请输入" v-trim/>
              <el-button type="primary" style="margin-left: 15px;" @click="send" v-if="num === 0">发送验证码</el-button>
              <el-button type="primary" style="margin-left: 15px;" v-else>{{num}}s</el-button>
            </div>
          </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
                <el-button type="primary" @click="goSignDo()">确  定</el-button>
                <el-button @click="visiblePhone=false">取 消</el-button>
            </span>
      </el-dialog>
        <ApplyChangeUnitDetails ref="ApplyChangeDetails" @success="successEvent" />
        <OperaApplyChangeUnitCheckWindow ref="OperaApplyChangeCheckWindow" @success="successEvent" />
        <!--    企业申请退回    -->
@@ -177,7 +214,7 @@
        <add_subtract_return ref="add_subtract_return" @success="successEvent" />
        <!--    新增投保    -->
        <OperaInsuranceApply ref="OperaInsuranceApply" @success="successEvent" />
        <!--    加减保申请    -->
        <!--    更换派遣单位申请    -->
        <additionSubtractionApplication ref="additionSubtractionApplication" @success="successEvent" />
        <!--    更换派遣单位申请    -->
        <factoryChange ref="factoryChange" @success="successEvent" />
@@ -207,9 +244,10 @@
  applyChagneDetailPage,
  getChangeUnitSignLink
} from '@/api/business/insuranceApply'
import { applyChangeOpt } from '@/api/business/applyChange'
import { applyChangeOpt, getChangeMemberListOnlineSignLink } from '@/api/business/applyChange'
import OperaInsuranceApply from '@/components/enterprise/OperaInsuranceApplyWindow'
import { mapState } from 'vuex'
import { sendSms } from '@/api/business/smsEmail'
export default {
  name: 'OperaApplyChangeDetailWindow',
@@ -232,10 +270,17 @@
      dataId:null,
      modelId:null,
      apply:{},
      num: 0,
      timer: null,
      signTitle: '手机号验证',
      model: {},
      visiblePhone: false,
      form: {
        businessId: null,
        phone: this.$store.state.userInfo.company.phone,
          id: null,
          editDate: ''
        editDate: '',
        code: null
      },
      // 验证规则
      rules: {
@@ -268,12 +313,57 @@
    },
  methods: {
     open(title,target){
        this.visible = true;
      this.visible = true
        this.title = title
        this.dataId = target.applyId
        this.modelId = target.id
      this.form.businessId = target.id
      this.num=0
      this.timer=null
        this.getDetail()
        this.getList()
    },
    send () {
      sendSms({
        phone: this.form.phone
      }).then(res => {
        this.num = 60
        this.setTime()
      })
    },
    setTime () {
      this.timer = setInterval(() => {
        if (this.num === 0) {
          clearInterval(this.timer)
          this.timer = null
          return
        }
        this.num = this.num - 1
      }, 1000)
    },
    getSignLink (flag) {
      this.signTitle = '签署申请单'
      this.form.type = flag
      this.visiblePhone = true
      this.$nextTick(() => {
        this.$refs.form.resetFields()
      })
    },
    goSignDo () {
      this.$refs.form.validate((valid) => {
        if (!valid) {
          return
        }
        this.isWorking = true
        getChangeMemberListOnlineSignLink(this.form).then(res => {
          setTimeout(() => {
            this.visiblePhone = false
            window.open(res)
          }, 500)
        }).catch(err => {
          this.$tip.apiFailed(err)
        })
      })
     },
      closeOrder() {
          this.$confirm('确认关闭此订单吗?', '提示', {
@@ -291,7 +381,7 @@
              })
          }).catch(() => {
          });
      })
      },
      resetting() {
            this.search()
@@ -321,7 +411,7 @@
      getChangeUnitSignLink({id:this.modelId}).then(res => {
        setTimeout(() => {
          window.open(res)
        }, 500);
        }, 500)
      }).catch(err => {
       this.$tip.apiFailed(err)
      })