From 09da100729793848bc01b51f7b05ca3f1e7ec64f Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 20 六月 2024 14:05:35 +0800
Subject: [PATCH] 提交一把
---
company/src/components/business/detailsPolicyholder.vue | 193 ++++++++++++++++++++++--------------------------
1 files changed, 88 insertions(+), 105 deletions(-)
diff --git a/company/src/components/business/detailsPolicyholder.vue b/company/src/components/business/detailsPolicyholder.vue
index a2118ae..741f563 100644
--- a/company/src/components/business/detailsPolicyholder.vue
+++ b/company/src/components/business/detailsPolicyholder.vue
@@ -12,38 +12,42 @@
</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">淇濋櫓鐢熸晥璧锋湡</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">{{ 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">{{ model.insureNum }}</div>
- <div class="box_table_content_item box_table_content_header" >{{model.solutionType==0?model.totalPrice:'-'}}</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.guaranteeNum }} / {{ model.insureNum }}</div>
+ <div class="box_table_content_item box_table_content_header" >{{model.solutionType==0?model.totalPrice:model.totalPrice}}</div>
</div>
</div>
<div class="box_table" v-if="model">
<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">韬唤璇佸彿</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">{{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="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>
@@ -55,39 +59,39 @@
</template>
<script>
- import BaseOpera from '@/components/base/BaseOpera'
- import GlobalWindow from '@/components/common/GlobalWindow'
- export default {
- name: 'InsuranceDetails',
- extends: BaseOpera,
- components: { GlobalWindow },
- data () {
- return {
- model:{}
- }
- },
- methods: {
- open(title, target){
- this.title = title
- this.visible = true
- this.model = target
- },
- submit() {
- this.$emit('success')
- this.visible = false
- },
- getGender(idCardNumber) {
- // 浣跨敤姝ｅ垯琛ㄨ揪寮忔彁鍙栬韩浠借瘉鍙风爜鐨勭17浣嶆暟瀛�
- const genderCode = idCardNumber.substr(-2);
-
- if (genderCode % 2 === 0) {
- return '濂�';
- } else {
- return '鐢�';
- }
- },
- }
+import BaseOpera from '@/components/base/BaseOpera'
+import GlobalWindow from '@/components/common/GlobalWindow'
+export default {
+ name: 'InsuranceDetails',
+ extends: BaseOpera,
+ components: { GlobalWindow },
+ data () {
+ return {
+ model: {}
}
+ },
+ methods: {
+ open (title, target) {
+ this.title = title
+ this.visible = true
+ this.model = target
+ },
+ submit () {
+ this.$emit('success')
+ this.visible = false
+ },
+ getGender (idCardNumber) {
+ // 浣跨敤姝ｅ垯琛ㄨ揪寮忔彁鍙栬韩浠借瘉鍙风爜鐨勭17浣嶆暟瀛�
+ const genderCode = idCardNumber.substr(-2)
+
+ if (genderCode % 2 === 0) {
+ return '濂�'
+ } else {
+ return '鐢�'
+ }
+ }
+ }
+}
</script>
<style lang="scss" scoped>
@@ -152,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: 0.5;
- }
- }
- .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 {
@@ -208,8 +182,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;
@@ -219,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