k94314517
2025-07-04 50fb58286ed3b718c39a97e0987ee7561a295651
company/src/components/business/UnionChangeDetails.vue
@@ -7,35 +7,37 @@
        @confirm="confirm"
    >
        <div class="box">
          <div class="top">
          <div class="top" style="border-right: 1px solid #b4bbc5;">
            {{title}}
          </div>
          <div class="box_table">
            <div class="box_table_head">
              <div class="box_table_head_item">投保人</div>
              <div class="box_table_head_item">保险方案</div>
              <div class="box_table_head_item">保险生效起期</div>
              <div class="box_table_head_item">保险生效止期</div>
              <div class="box_table_head_item" style="flex: 2">投保人</div>
              <div class="box_table_head_item" style="flex: 2">保险方案</div>
              <div class="box_table_head_item" style="flex: 2">保险生效起期</div>
              <div class="box_table_head_item" style="flex: 2">保险生效止期</div>
              <div class="box_table_head_item">保单号</div>
              <div class="box_table_head_item">加保人数</div>
              <div class="box_table_head_item">减保人数</div>
              <div class="box_table_head_item">批单生效期</div>
              <div class="box_table_head_item" >加保人数</div>
              <div class="box_table_head_item" >减保人数</div>
              <div class="box_table_head_item" style="flex: 2">{{ getUnionChangTimeTitle(1,model) }}</div>
              <div class="box_table_head_item" style="flex: 2">{{ getUnionChangTimeTitle(0,model) }}</div>
            </div>
            <div class="box_table_content "  >
              <div class="box_table_content_item box_table_content_header">{{ model.shopName }}</div>
              <div class="box_table_content_item box_table_content_header">{{ model.solutionsName }}</div>
              <div class="box_table_content_item box_table_content_header">{{ model.startTime }}</div>
              <div class="box_table_content_item box_table_content_header">{{ model.endTime }}</div>
              <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.shopName }}</div>
              <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.solutionsName }}</div>
              <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.startTime }}</div>
              <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.endTime }}</div>
              <div class="box_table_content_item box_table_content_header">{{ model.applyCode }}</div>
              <div class="box_table_content_item box_table_content_header">{{ model.addNum}}</div>
              <div class="box_table_content_item box_table_content_header">{{ model.delNum}}</div>
              <div class="box_table_content_item box_table_content_header">{{ model.applyStartTime}}</div>
              <div class="box_table_content_item box_table_content_header" >{{ model.addNum}}</div>
              <div class="box_table_content_item box_table_content_header" >{{ model.delNum}}</div>
              <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.applyStartTime}}</div>
              <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.delValidTime}}</div>
            </div>
          </div>
          <div class="box_table">
            <div class="box_table_head box_table_content">
              <div class="box_table_head_item" style=" flex: 1;border-bottom: 0px">被保险人</div>
              <div class="box_table_content_item box_table_content_header" style=" flex: 7;">
              <div class="box_table_head_item" style=" flex: 2; border-bottom: 0px">被保险人</div>
              <div class="box_table_content_item box_table_content_header" style=" flex: 14.7;">
                <p v-for="(item, index) in companyList" :key="index" >
                  {{index>0?',':''}} {{ item[1]}}
                </p>
@@ -47,22 +49,24 @@
                <div class="box_table_head_item1">加保员工</div>
              </div>
                <div class="box_table_head">
                    <div class="box_table_head_item">序号</div>
                    <div class="box_table_head_item" style="flex: 0.5">序号</div>
                    <div class="box_table_head_item">员工姓名</div>
                  <div class="box_table_head_item">性别</div>
                  <div class="box_table_head_item" style="flex: 0.5">性别</div>
                  <div class="box_table_head_item">身份证号</div>
                  <div class="box_table_head_item">被保险人</div>
                    <div class="box_table_head_item">派遣单位</div>
                    <div class="box_table_head_item">所属工种</div>
                    <div class="box_table_head_item">备注</div>
                </div>
                <div class="box_table_content" v-for="(item, index) in addList" :key="index">
                  <div class="box_table_content_item">{{(index + 1)}}</div>
                  <div class="box_table_content_item" style="flex: 0.5">{{(index + 1)}}</div>
                  <div class="box_table_content_item" >{{ item.memberName }}</div>
                  <div class="box_table_content_item">{{  item.sex==0?"男":(item.sex==1?"女":"" )}}</div>
                  <div class="box_table_content_item" style="flex: 0.5">{{  item.sex==0?"男":(item.sex==1?"女":"" )}}</div>
                  <div class="box_table_content_item">{{ item.memberIdcardNo }}</div>
                  <div class="box_table_content_item">{{ item.companyName }}</div>
                  <div class="box_table_content_item">{{ item.duName }}</div>
                  <div class="box_table_content_item">{{item.workTypeName}}</div>
                  <div class="box_table_content_item" style="align-items: baseline;cursor: pointer; " :title="item.remark">{{item.remark}}</div>
                </div>
            </div>
            <div class="box_table" v-if="delList && delList.length>0">
@@ -70,22 +74,24 @@
                <div class="box_table_head_item1">减保员工</div>
              </div>
                <div class="box_table_head">
                    <div class="box_table_head_item">序号</div>
                    <div class="box_table_head_item">员工姓名</div>
                    <div class="box_table_head_item" style="flex: 0.5">序号</div>
                    <div class="box_table_head_item" >员工姓名</div>
                    <div class="box_table_head_item">身份证号</div>
                    <div class="box_table_head_item">被保险人</div>
                    <div class="box_table_head_item">性别</div>
                    <div class="box_table_head_item" style="flex: 0.5">性别</div>
                    <div class="box_table_head_item">派遣单位</div>
                    <div class="box_table_head_item">所属工种</div>
                    <div class="box_table_head_item">备注</div>
                </div>
                <div class="box_table_content" v-for="(item, index) in delList" :key="index">
                  <div class="box_table_content_item">{{(index + 1)}}</div>
                  <div class="box_table_content_item" style="flex: 0.5">{{(index + 1)}}</div>
                  <div class="box_table_content_item" >{{ item.memberName }}</div>
                  <div class="box_table_content_item">{{  item.sex==0?"男":(item.sex==1?"女":"" )}}</div>
                  <div class="box_table_content_item" style="flex: 0.5">{{  item.sex==0?"男":(item.sex==1?"女":"" )}}</div>
                  <div class="box_table_content_item">{{ item.memberIdcardNo }}</div>
                  <div class="box_table_content_item">{{ item.companyName }}</div>
                  <div class="box_table_content_item">{{ item.duName }}</div>
                  <div class="box_table_content_item">{{item.workTypeName}}</div>
                  <div class="box_table_content_item" style="align-items: baseline;cursor: pointer; " :title="item.remark">{{item.remark}}</div>
                </div>
            </div>
          <div class="box_table" v-if="type==1" style="border-top: 0px solid #b4bbc5;" >
@@ -115,9 +121,9 @@
<script>
    import BaseOpera from '@/components/base/BaseOpera'
    import GlobalWindow from '@/components/common/GlobalWindow'
    import {getChangeDetailList, exportJiajianBaoExcel} from "@/api/business/insuranceApply";
    import {getChangeDetailList} from "@/api/business/insuranceApply";
    import {check } from "@/api/business/applyChange";
    import {exportComFiles} from "@/api/business/company";
    import {exportDetailExcel} from "@/api/business/unionChange";
    export default {
        name: 'ApplyChangeDetails',
        extends: BaseOpera,
@@ -195,7 +201,7 @@
            this.$dialog.exportConfirm('确认导出详单吗?')
                .then(() => {
                  this.isWorking = true
                  exportJiajianBaoExcel({ id: this.model.id })
                  exportDetailExcel({ id: this.model.id })
                      .then(response => {
                        this.download(response)
                      })
@@ -295,6 +301,7 @@
                    height: 50px;
                    background: #f2f2f2;
                    display: flex;
                  padding: 10px;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
@@ -308,6 +315,7 @@
                    height: 50px;
                    background: #f2f2f2;
                    display: flex;
                  padding: 10px;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
@@ -359,12 +367,18 @@
                  border-bottom: 0px solid #b4bbc5 !important;
                }
              .box_table_content_item {
                    flex: 1;
                    height: 50px;
                //white-space: nowrap;
                overflow: hidden;
                //text-overflow: ellipsis;
                flex: 1;
                height: 50px;
                padding: 10px;
                    background: #ffffff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    word-wrap: break-word;
                    word-break: break-all;
                    font-size: 14px;
                    color: black;
                    border-right: 1px solid #b4bbc5;
@@ -374,7 +388,14 @@
                }
                &:nth-child(9) {
                }
                span{
                  width: 100%;
                  white-space: nowrap;
                  word-wrap: break-word;
                  text-overflow: ellipsis;
                  overflow: hidden;
                }
              }
            }
        }
    }