k94314517
2025-07-04 50fb58286ed3b718c39a97e0987ee7561a295651
company/src/components/business/UnionChangeDetails.vue
@@ -7,37 +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" style="flex: 1.5">投保人</div>
              <div class="box_table_head_item" style="flex: 1.5">保险方案</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" style="flex: 0.5">加保人数</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: 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" style="flex: 1.5">{{ model.shopName }}</div>
              <div class="box_table_content_item box_table_content_header" style="flex: 1.5">{{ 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" style="flex: 0.5">{{ model.addNum}}</div>
              <div class="box_table_content_item box_table_content_header" style="flex: 0.5">{{ 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.delValidTime}}</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.5;border-bottom: 0px">被保险人</div>
              <div class="box_table_content_item box_table_content_header" style=" flex: 7.5;">
              <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>
@@ -66,7 +66,7 @@
                  <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">{{item.remark}}</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">
@@ -91,7 +91,7 @@
                  <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">{{item.remark}}</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;" >
@@ -301,6 +301,7 @@
                    height: 50px;
                    background: #f2f2f2;
                    display: flex;
                  padding: 10px;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
@@ -314,6 +315,7 @@
                    height: 50px;
                    background: #f2f2f2;
                    display: flex;
                  padding: 10px;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
@@ -365,8 +367,12 @@
                  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;
@@ -382,7 +388,14 @@
                }
                &:nth-child(9) {
                }
                span{
                  width: 100%;
                  white-space: nowrap;
                  word-wrap: break-word;
                  text-overflow: ellipsis;
                  overflow: hidden;
                }
              }
            }
        }
    }