jiangping
2024-05-15 f5ea01314df6f552e8b15b1af283a7b278610ab6
company/src/components/business/detailsPolicyholder.vue
@@ -12,40 +12,42 @@
            </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"  >保险方案</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>
                <div class="box_table_content "  >
                    <div class="box_table_content_item box_table_content_header"  style="flex:1.5">{{ model.companyName }}</div>
                    <div class="box_table_content_item box_table_content_header" >{{ model.solutionName }}</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.applyEndTime }}</div>
                    <div class="box_table_content_item box_table_content_header"   style="flex:2"><span>{{ model.companyName }}</span></div>
                    <div class="box_table_content_item box_table_content_header" style="flex:2"><span>{{ model.solutionName }}</span></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.applyEndTime }}</div>
                    <div class="box_table_content_item box_table_content_header">{{ model.insureNum }}</div>
                    <div class="box_table_content_item box_table_content_header"  >{{model.solutionType==0?model.totalPrice:'-'}}</div>
                </div>
            </div>
            <div class="box_table" v-if="model">
                <div class="box_table_head">
                    <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 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"  >性别</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>
                <div class="box_table_content" v-for="(item, index) in model.detailList" :key="index">
                    <div class="box_table_content_item" style="flex: 0.5">{{index + 1}}</div>
                    <div class="box_table_content_item" >{{index + 1}}</div>
                    <div class="box_table_content_item">{{ item.memberName }}</div>
                    <div class="box_table_content_item">{{ item.idCard }}</div>
                    <div class="box_table_content_item">{{ getGender(item.idCard) }}</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 class="box_table_content_item" style="flex:2"><span>{{ item.idCard }}</span></div>
                    <div class="box_table_content_item" >{{ getGender(item.idCard) }}</div>
                    <div class="box_table_content_item" style="flex:2" ><span>{{ item.duName }}</span></div>
                    <div class="box_table_content_item" style="flex:2"> <span>{{ item.workTypeName}}</span></span></div>
                    <div class="box_table_content_item" style="align-items: baseline;cursor: pointer; " :title="item.remark">
                      <span> {{ item.remark}}</span>
                    </div>
                </div>
            </div>
        </div>
@@ -154,52 +156,22 @@
                display: flex;
                align-items: center;
                .box_table_head_item {
                    flex: 1;
                    height: 50px;
                    background: #f2f2f2;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                    color: black;
                    border-right: 1px solid #b4bbc5;
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                    &:nth-child(1) {
                        //flex: 2;
                    }
                }
                .box_table_head_item5 {
                    flex: 1;
                    height: 50px;
                    background: #f2f2f2;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                    color: black;
                    border-right: 1px solid #b4bbc5;
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                    &:nth-child(2) {
                        flex: 5;
                    }
                }
                .box_form_item {
                    flex: 1;
                    height: 50px;
                    background: #ffffff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                    color: black;
                    border-right: 1px solid #b4bbc5;
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                    &:nth-child(1) {
                        //flex: 0.5;
                    }
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  flex: 1;
                  height: 50px;
                  padding: 10px;
                  background: #f2f2f2;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: 14px;
                  color: black;
                  border-right: 1px solid #b4bbc5;
                  border-bottom: 1px solid #b4bbc5;
                  box-sizing: border-box;
                }
            }
            .box_table_content {
@@ -210,9 +182,9 @@
                    border-bottom: 0px solid #b4bbc5 !important;
                }
                .box_table_content_item {
                  //white-space: nowrap;
                  white-space: nowrap;
                  overflow: hidden;
                  //text-overflow: ellipsis;
                  text-overflow: ellipsis;
                  flex: 1;
                  height: 50px;
                  padding: 10px;
@@ -225,9 +197,14 @@
                    border-right: 1px solid #b4bbc5;
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                    &:nth-child(1) {
                        // flex: 0.5;
                    }
                }
                span{
                  width: 100%;
                  white-space: nowrap;
                  word-wrap: break-word;
                  text-overflow: ellipsis;
                  overflow: hidden;
                }
            }
        }