From 50fb58286ed3b718c39a97e0987ee7561a295651 Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期五, 04 七月 2025 17:56:41 +0800
Subject: [PATCH] git ch
---
company/src/components/business/ApplyChangeDetails1.vue | 171 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 94 insertions(+), 77 deletions(-)
diff --git a/company/src/components/business/ApplyChangeDetails1.vue b/company/src/components/business/ApplyChangeDetails1.vue
index 93e621b..e1506bb 100644
--- a/company/src/components/business/ApplyChangeDetails1.vue
+++ b/company/src/components/business/ApplyChangeDetails1.vue
@@ -7,29 +7,29 @@
@confirm="confirm"
>
<div class="box">
- <div class="top">
+ <div class="top" style="border-right: 1px solid #b4bbc5;">
{{title}}
</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" style="flex:1.6">鎶曚繚浼佷笟</div>
+ <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">鍔犱繚浜烘暟</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_content">
- <div class="box_table_content_item box_table_content_header">{{form.companyName}}</div>
- <div class="box_table_content_item box_table_content_header">{{form.solutionsName}}</div>
+ <div class="box_table_content_item box_table_content_header" style="flex:1.6">{{form.companyName}}</div>
+ <div class="box_table_content_item box_table_content_header" style="flex:1.5">{{form.solutionsName}}</div>
<div class="box_table_content_item box_table_content_header">{{form.code}}</div>
<div class="box_table_content_item box_table_content_header">{{form.startTime}}</div>
<div class="box_table_content_item box_table_content_header">{{form.endTime}}</div>
- <div class="box_table_content_item box_table_content_header">{{arr1.length}}</div>
- <div class="box_table_content_item box_table_content_header">{{arr2.length}}</div>
- <div class="box_table_content_item box_table_content_header">{{form.applyStartTime}}</div>
+ <div class="box_table_content_item box_table_content_header">{{arr1.length}} 浜�</div>
+ <div class="box_table_content_item box_table_content_header">{{arr2.length}} 浜�</div>
+<!-- <div class="box_table_content_item box_table_content_header">{{form.applyStartTime}}</div>-->
</div>
</div>
<div class="box_table">
@@ -41,39 +41,43 @@
<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;">
- <div style="width: 50%; border-bottom: 1px solid #b4bbc5;">
+ <div style="width: 100%; display: flex; border-bottom: 1px solid #b4bbc5;">
+ <div style="width: 50%; ">
<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" >{{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 style="width: 50%;">
<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;
@@ -228,19 +233,20 @@
border-right: 1px solid #b4bbc5;
border-bottom: 1px solid #b4bbc5;
box-sizing: border-box;
- &:nth-child(3) {
+ /* &:nth-child(3) {
flex: 1.5;;
}
&:nth-child(9) {
flex: 1.5;;
- }
+ }*/
}
.box_table_head_item5 {
flex: 1;
height: 50px;
- background: #f2f2f2;
+ background: #f2f2f2;padding: 10px;
display: flex;
align-items: center;
+ padding: 10px 0;
justify-content: center;
font-size: 14px;
color: black;
@@ -272,13 +278,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;
@@ -288,11 +298,18 @@
border-right: 1px solid #b4bbc5;
border-bottom: 1px solid #b4bbc5;
box-sizing: border-box;
- &:nth-child(3) {
+ /*&:nth-child(3) {
flex: 1.5;
}
&: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