提交

MrShi

2025-04-11 3a45da15c947c2d478a44a51bd0f926647b1b841

 company/src/components/business/OpearaUnionChange.vue

@@ -12,22 +12,23 @@
        <el-form-item label=" " prop="unionApplyId" >
          <div style=" display: flex; flex-direction: column;">
            <el-button type="primary" size="small" @click="selectBaoxiandan"> 选择保险单</el-button>
            <span style="color: #F95601; font-size: 14px;">（1. 请选择保险单后进行操作）</span>
            <span style="color: orange; font-size: 14px;"><i class="el-icon-warning"></i>1. 请选择保险单后进行操作</span>
          </div>
        </el-form-item>
        <el-form-item label="批单生效起期：" prop="applyDate" style="margin-left: 40px">
<!--        <el-form-item label="申请日期：" prop="applyDate" style="margin-left: 40px">
          <div style="display: flex; flex-direction: column;">
            <el-date-picker
                v-model="form.applyDate"
                type="date"
                format="yyyy 年 MM 月 dd 日"
                placeholder="前选择日期"
                :picker-options="pickerOptions"
                format="yyyy-MM-dd"
                placeholder="请选择日期"
                value-format="yyyy-MM-dd" />
            <span style="color: #F95601; font-size: 14px;">（2. 次日生效投保请于17:30前提交，超时提交以保险单为准）</span>
          </div>
        </el-form-item>
        </el-form-item>-->
        <el-form-item label="费用" v-if="model">
          <span>{{model.price}}元</span>
          <span>{{model.price}} 元</span>
          <span v-if="model.timeUnit === 0">/天</span>
          <span v-if="model.timeUnit === 1">/半月</span>
          <span v-if="model.timeUnit === 2">/月</span>
@@ -65,7 +66,11 @@
      </el-table-column>
      <el-table-column
          prop="applyStartTime"
          label="期望保险生效起期">
          label="批增生效日期">
      </el-table-column>
      <el-table-column
          prop="delValidTime"
          label="批减生效日期">
      </el-table-column>
      <el-table-column
          prop="addNum"
@@ -86,36 +91,36 @@
        </template>
      </el-table-column>
    </el-table>
    <div style="color: #F95601; font-size: 14px;width: 100%;text-align: left">（3. 请先选择至少一条申请后提交投保申请）</div>
    <div style="color: orange; font-size: 14px;width: 100%;text-align: left"><i class="el-icon-warning"></i>2. 请先选择至少一条申请后提交投保申请</div>
    <div class="info" v-if="model">
      <span v-if="model.specialAgreement">{{model.specialAgreement}}</span>
      <span v-if="model.specialInfo">{{model.specialInfo}}</span>
      <span v-if="model.ortherInfo">{{model.ortherInfo}}</span>
      <span v-if="model.specialAgreement" v-html="model.specialAgreement"></span>
      <span v-if="model.specialInfo" v-html="model.specialInfo"> </span>
      <span v-if="model.ortherInfo" v-html="model.ortherInfo"> </span>
    </div>
    <!--    选择申请单    -->
    <ApplyChangeDetails ref="ApplyChangeDetails" @success="getValue" />
    <el-dialog
        title="选择保险单"
        :visible.sync="visibleSelect"
        width="70%"
        width="80%"
        :modal="true"
        :show-close="false"
        append-to-body
        center>
      <div class="desc_item_from">
      <div class="desc_item_from" id="selectTable">
        <div style="width: 100%;  text-align: right; align-items: center;margin-bottom: 10px">
          <span class="tip-warn"  style="color: orange; font-size: 14px; margin-right: 20px ;text-align: left">
            <i class="el-icon-warning"></i>注：只能选择申请单数大于0的申请记录进行操作
          </span>
          <el-checkbox :true-label="1" :false-label="0"   v-model="hasApplying" style="font-size: 12px;" @change="handleCurrentChange(1)">只显示有申请单记录</el-checkbox>
        </div>
        <el-table
            border
            ref="multipleTable1"
            v-loading="isWorking.search"
            :data="tableData.list"
            @row-click="rowselect1"
            row-key="id"
            @selection-change="handleSelectionChange1"
            :data="tableData"
            stripe
        >
         <el-table-column
            type="selection"
            width="55">
        </el-table-column>
          <el-table-column label="序号" width="80px">
            <template slot-scope="scope">
              <span>{{scope.$index + 1}}</span>
@@ -128,14 +133,26 @@
          </el-table-column>
          <el-table-column prop="code" label="保单号" min-width="100px"></el-table-column>
          <el-table-column prop="solutionName" label="保险方案" min-width="100px"></el-table-column>
          <el-table-column prop="insureNum" label="投保人数" min-width="100px"></el-table-column>
          <el-table-column prop="insureNum" label="投保人数" min-width="90px"></el-table-column>
          <el-table-column prop="guaranteeNum" label="在保人数" min-width="90px"></el-table-column>
          <el-table-column prop="addApplyNum" label="申请单数" min-width="80px"></el-table-column>
          <el-table-column prop="fee" label="总费用（元）" min-width="100px"></el-table-column>
          <el-table-column prop="createDate" label="提交时间" min-width="100px"></el-table-column>
          <el-table-column prop="createDate" label="提交时间" min-width="180px"></el-table-column>
          <el-table-column
              label="操作"
              min-width="100"
              fixed="right"
              align="center"
          >
            <template slot-scope="{row}">
              <el-button  v-if="row.addApplyNum >0" type="primary"   @click="selectDo(row)">选择</el-button>
            </template>
          </el-table-column>
        </el-table>
        <div class="desc_item_from_page">
          <el-pagination
              @current-change="handleCurrentChange"
              :current-page="currentPage"
              :current-page="currentPage1"
              :page-size="10"
              layout="total, prev, pager, next, jumper"
              :total="tableTotal">
@@ -143,7 +160,7 @@
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
                <el-button type="primary" @click="selectDo()">确  定</el-button>
<!--                <el-button type="primary" @click="selectDo()">确  定</el-button>-->
                <el-button @click="model=null;visibleSelect=false">取 消</el-button>
            </span>
    </el-dialog>
@@ -160,6 +177,7 @@
import ApplyChangeDetails from '@/components/business/ApplyChangeDetails'
import { fetchList as pageUnionList } from '@/api/business/unionApply'
import {getDetail} from "@/api/business/insuranceApply";
import {compareDates, getDate, getTomorrow} from "@/utils/util";
export default {
  name: 'add_subtract_entrust',
  extends: BaseOpera,
@@ -172,11 +190,13 @@
        applyDate: null,
        businessType: 0
      },
      visibleSelect:false,
      hasApplying:0,
      pickerOptions: {},
      visibleSelect: true,
      solutions: [],
      currentPage:0,
      currentPage1:1,
      list: [],
      tableData:[],
      tableData:null,
      tableTotal:0,
      endTime: '',
      item: null,
@@ -187,9 +207,9 @@
        unionApplyId: [
          { required: true, message: '请选择保险单' }
        ],
        applyDate: [
          { required: true, message: '请选择保险生效起期' }
        ]
        // applyDate: [
        //   { required: true, message: '请选择保险生效起期' }
        // ]
      }
    }
  },
@@ -198,6 +218,15 @@
      api: '/business/insuranceApply',
      'field.id': 'id'
    })
 /*   var now = new Date()
    var start = now.setDate(now.getDate()+1)
    var end = now.setDate(now.getDate()+10)
    this.pickerOptions = {
      disabledDate (time) {
        console.log(( time.getTime() < start.getTime() ||  time.getTime()>end.getTime()))
        return ( time.getTime() < start.getTime() ||  time.getTime()>end.getTime())
      }
    }*/
  },
  methods: {
    rowselect(row){
@@ -237,7 +266,18 @@
        this.model = null
      }
    },
    selectDo(){
    convertToDate(dateString) {
      try {
        const parts = dateString.split(/[- : \/]/);
        const monthIndex = parts[1] - 1
        const convertedDate = new Date( parts[0], monthIndex, parts[2], parts[3], parts[5], parts[6] )
        return convertedDate
      }catch (e) {
        return new Date()
      }
    },
    selectDo(row){
      this.model =row
      if(!this.model){
        this.$tip.apiFailed({
          type: 'error',
@@ -245,8 +285,46 @@
        })
        return
      }
      this.form.applyDate=null
      this.visibleSelect=false
      this.form.unionApplyId = this.model.id
      var that =this
      this.pickerOptions = {
        disabledDate (time) {
          var start = new Date(that.model.startTime)
          start.setDate(start.getDate() + 1)
          var end = new Date(that.model.endTime)
          // console.log(end )
          // console.log(time )
          return ( time.getTime() < start.getTime() ||  time.getTime()>end.getTime())
        }
      }

      this.getList();
    },
    selectDoOld(){
      if(!this.model){
        this.$tip.apiFailed({
          type: 'error',
          message: '请选择至少一条申请记录进行操作'
        })
        return
      }
      this.form.applyDate=null
      this.visibleSelect=false
      this.form.unionApplyId = this.model.id
       var that =this
      this.pickerOptions = {
        disabledDate (time) {
          var start = new Date(that.model.startTime)
          start.setDate(start.getDate() + 1);
          var end = new Date(that.model.endTime)
          // console.log(end )
          // console.log(time )
          return ( time.getTime() < start.getTime() ||  time.getTime()>end.getTime())
        }
      }

      this.getList();
    },
    confirm () {
@@ -312,23 +390,23 @@

    },
    selectBaoxiandan(){
      this.currentPage = 1
      this.currentPage1 = 1
      this.visibleSelect=true
      this.$refs.multipleTable.clearSelection();
      this.getUnionApplyList()
    },
    getUnionApplyList(){
    getUnionApplyList() {
      pageUnionList({
        capacity: 10,
        page: this.currentPage,
        page: this.currentPage1,
        model: {
          status: 3,
          queryFlag: 1,
          hasApplying: this.hasApplying,
          status: 3
        }
      }).then(res => {
        this.tableData.list = res.records
        this.tableTotal = res.total
        this.$nextTick(() => {
          console.log(this.$refs.multipleTable1)
          this.tableData = res.records
          this.tableTotal = res.total
          if (this.$refs.multipleTable1 && this.$refs.multipleTable1.doLayout) {
            this.$refs.multipleTable1.doLayout()
          }
@@ -337,10 +415,10 @@
    },
    getList () {
      listAll({
          solutionType:1,
          type:0,
          unionApplyId: this.model.id,
          status: 7
        solutionType: 1,
        type: 0,
        unionApplyId: this.model.id,
        status: 7
      }).then(res => {
        this.list = res
        this.$nextTick(() => {
@@ -351,7 +429,7 @@
      })
    },
    handleCurrentChange (val) {
      this.currentPage = val
      this.currentPage1 = val
      this.getUnionApplyList()
    }
  }
@@ -373,6 +451,12 @@
    align-items: center;
  }
}
::v-deep .desc_item_from .el-table__header .el-checkbox{
  display:none!important;
}
::v-deep .el-checkbox__label{
  font-size: 12px;
}
.submit {
  width: 100%;
  display: flex;