From 79c9232338cddb4af6d38d8c024120d3d2d4df61 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期二, 25 六月 2024 18:00:30 +0800
Subject: [PATCH] 提交一把
---
company/src/components/business/ApplyChangeDetails1.vue | 140 ++++++++++++++++++++++++++--------------------
1 files changed, 78 insertions(+), 62 deletions(-)
diff --git a/company/src/components/business/ApplyChangeDetails1.vue b/company/src/components/business/ApplyChangeDetails1.vue
index 93e621b..18d7170 100644
--- a/company/src/components/business/ApplyChangeDetails1.vue
+++ b/company/src/components/business/ApplyChangeDetails1.vue
@@ -7,7 +7,7 @@
@confirm="confirm"
>
<div class="box">
- <div class="top">
+ <div class="top" style="border-right: 1px solid #b4bbc5;">
{{title}}
</div>
<div class="box_table">
@@ -41,18 +41,20 @@
<div class="box_table_head" style="width: 50%;">
<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">澶囨敞</div>
</div>
<div class="box_table_head" style="width: 50%;">
<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">澶囨敞</div>
</div>
</div>
<div style="width: 100%; display: flex;">
@@ -60,20 +62,22 @@
<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">{{item.name}}</div>
- <div class="box_table_content_item">{{item.idCard}}</div>
- <div class="box_table_content_item">{{item.sex === 0 ? '鐢�' : '濂�'}}</div>
+ <div class="box_table_content_item">{{item.idCard}}</div><!--
+ <div class="box_table_content_item">{{item.sex === 0 ? '鐢�' : '濂�'}}</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>
</div>
<div style="width: 50%; border-bottom: 1px solid #b4bbc5;">
<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>
- <div class="box_table_content_item">{{item.idCard}}</div>
- <div class="box_table_content_item">{{item.sex === 0 ? '鐢�' : '濂�'}}</div>
+ <div class="box_table_content_item">{{item.idCard}}</div><!--
+ <div class="box_table_content_item">{{item.sex === 0 ? '鐢�' : '濂�'}}</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>
</div>
</div>
@@ -87,56 +91,56 @@
</template>
<script>
- import BaseOpera from '@/components/base/BaseOpera'
- import GlobalWindow from '@/components/common/GlobalWindow'
- export default {
- name: 'ApplyChangeDetails',
- extends: BaseOpera,
- components: { GlobalWindow },
- data () {
- return {
- form: {
- companyName: '',
- solutionsName: '',
- code: '',
- startTime: '',
- endTime: '',
- applyStartTime: ''
- },
- arr1: [],
- arr2: []
- }
- },
- created () {
- this.config({
- api: '/business/insuranceApply',
- 'field.id': 'id'
- })
- },
- methods: {
- submit() {
- this.$emit('success')
- this.visible = false
- },
- go() {
- this.visible = false
- },
- open(title, arr1, arr2, obj){
- this.title = title
- this.arr1 = arr1
- this.arr2 = arr2
- this.visible = true
- this.$nextTick(() => {
- for (const key in this.form) {
- this.form[key] = obj[key]
- }
- })
- },
- confirm() {
- this.$emit('success')
- }
- }
+import BaseOpera from '@/components/base/BaseOpera'
+import GlobalWindow from '@/components/common/GlobalWindow'
+export default {
+ name: 'ApplyChangeDetails',
+ extends: BaseOpera,
+ components: { GlobalWindow },
+ data () {
+ return {
+ form: {
+ companyName: '',
+ solutionsName: '',
+ code: '',
+ startTime: '',
+ endTime: '',
+ applyStartTime: ''
+ },
+ arr1: [],
+ arr2: []
}
+ },
+ created () {
+ this.config({
+ api: '/business/insuranceApply',
+ 'field.id': 'id'
+ })
+ },
+ methods: {
+ submit () {
+ this.$emit('success')
+ this.visible = false
+ },
+ go () {
+ this.visible = false
+ },
+ open (title, arr1, arr2, obj) {
+ this.title = title
+ this.arr1 = arr1
+ this.arr2 = arr2
+ this.visible = true
+ this.$nextTick(() => {
+ for (const key in this.form) {
+ this.form[key] = obj[key]
+ }
+ })
+ },
+ confirm () {
+ this.$emit('success')
+ }
+ }
+}
</script>
<style lang="scss" scoped>
@@ -221,6 +225,7 @@
height: 50px;
background: #f2f2f2;
display: flex;
+ padding: 10px;
align-items: center;
justify-content: center;
font-size: 14px;
@@ -238,7 +243,7 @@
.box_table_head_item5 {
flex: 1;
height: 50px;
- background: #f2f2f2;
+ background: #f2f2f2;padding: 10px;
display: flex;
align-items: center;
justify-content: center;
@@ -272,13 +277,17 @@
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;
}
.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;
@@ -294,6 +303,13 @@
&:nth-child(9) {
flex: 1.5;
}
+ span{
+ width: 100%;
+ white-space: nowrap;
+ word-wrap: break-word;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
}
}
}
--
Gitblit v1.9.3