From f5ea01314df6f552e8b15b1af283a7b278610ab6 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期三, 15 五月 2024 17:36:16 +0800
Subject: [PATCH] 提交一把
---
company/src/components/business/detailsPolicyholder.vue | 119 ++++++++++++++++++++++++-----------------------------------
1 files changed, 48 insertions(+), 71 deletions(-)
diff --git a/company/src/components/business/detailsPolicyholder.vue b/company/src/components/business/detailsPolicyholder.vue
index 371dd0b..cdfc3b6 100644
--- a/company/src/components/business/detailsPolicyholder.vue
+++ b/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;
}
}
}
--
Gitblit v1.9.3