git ch

k94314517

2025-07-04 50fb58286ed3b718c39a97e0987ee7561a295651

 company/src/components/business/ApplyChangeDetails1.vue

@@ -7,29 +7,29 @@
        @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" style="flex:1.6">投保企业</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">保险生效止期</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">
              <div class="box_table_content_item box_table_content_header">{{form.companyName}}</div>
              <div class="box_table_content_item box_table_content_header">{{form.solutionsName}}</div>
              <div class="box_table_content_item box_table_content_header" style="flex:1.6">{{form.companyName}}</div>
              <div class="box_table_content_item box_table_content_header" style="flex:1.5">{{form.solutionsName}}</div>
              <div class="box_table_content_item box_table_content_header">{{form.code}}</div>
              <div class="box_table_content_item box_table_content_header">{{form.startTime}}</div>
              <div class="box_table_content_item box_table_content_header">{{form.endTime}}</div>
              <div class="box_table_content_item box_table_content_header">{{arr1.length}}</div>
              <div class="box_table_content_item box_table_content_header">{{arr2.length}}</div>
              <div class="box_table_content_item box_table_content_header">{{form.applyStartTime}}</div>
              <div class="box_table_content_item box_table_content_header">{{arr1.length}} 人</div>
              <div class="box_table_content_item box_table_content_header">{{arr2.length}} 人</div>
<!--              <div class="box_table_content_item box_table_content_header">{{form.applyStartTime}}</div>-->
            </div>
          </div>
            <div class="box_table">
@@ -57,10 +57,10 @@
                        <div class="box_table_head_item">备注</div>
                    </div>
                </div>
                <div style="width: 100%; display: flex;">
                    <div style="width: 50%; border-bottom: 1px solid #b4bbc5;">
                <div style="width: 100%; display: flex; border-bottom: 1px solid #b4bbc5;">
                    <div style="width: 50%;  ">
                        <div class="box_table_content" style="width: 100%;" v-for="(item, index) in arr1" :key="index">
                            <div class="box_table_content_item">{{index + 1}}</div>
                            <div class="box_table_content_item" >{{index + 1}}</div>
                            <div class="box_table_content_item">{{item.name}}</div>
                            <div class="box_table_content_item">{{item.idCard}}</div><!--
                            <div class="box_table_content_item">{{item.sex === 0 ? '男' : '女'}}</div>-->
@@ -69,7 +69,7 @@
                            <div class="box_table_content_item"  style="align-items: baseline ;cursor: pointer; " :title="item.remark">{{item.remark}}</div>
                        </div>
                    </div>
                    <div style="width: 50%; border-bottom: 1px solid #b4bbc5;">
                    <div style="width: 50%;">
                        <div class="box_table_content" style="width: 100%;" v-for="(item, index) in arr2" :key="index">
                            <div class="box_table_content_item">{{index + 1}}</div>
                            <div class="box_table_content_item">{{item.name}}</div>
@@ -225,6 +225,7 @@
                    height: 50px;
                    background: #f2f2f2;
                    display: flex;
                  padding: 10px;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
@@ -232,19 +233,20 @@
                    border-right: 1px solid #b4bbc5;
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                  &:nth-child(3) {
                 /* &:nth-child(3) {
                    flex: 1.5;;
                  }
                  &:nth-child(9) {
                    flex: 1.5;;
                  }
                  }*/
                }
              .box_table_head_item5 {
                flex: 1;
                height: 50px;
                background: #f2f2f2;
                background: #f2f2f2;padding: 10px;
                display: flex;
                align-items: center;
                padding: 10px 0;
                justify-content: center;
                font-size: 14px;
                color: black;
@@ -276,7 +278,7 @@
                width: 100%;
                display: flex;
                align-items: center;
                border-left: 1px solid #b4bbc5;
               /* border-left: 1px solid #b4bbc5;*/
                .box_table_content_header{
                  border-bottom: 0px solid #b4bbc5 !important;
                }
@@ -296,11 +298,18 @@
                    border-right: 1px solid #b4bbc5;
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                &:nth-child(3) {
                /*&:nth-child(3) {
                  flex: 1.5;
                }
                &:nth-child(9) {
                  flex: 1.5;
                }*/
                span{
                  width: 100%;
                  white-space: nowrap;
                  word-wrap: break-word;
                  text-overflow: ellipsis;
                  overflow: hidden;
                }
                }
            }