| | |
| | | </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> |
| | |
| | | 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 { |
| | |
| | | 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; |
| | |
| | | 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; |
| | | } |
| | | } |
| | | } |