From 3df460667d74868d0a54fce12d5e881bbd6c0c1a Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期四, 17 九月 2026 17:11:18 +0800
Subject: [PATCH] 青岛维护统计
---
src/views/business/affirm/affirmInfo.vue | 85 +++++++++++++++++++++++++++++++++---------
1 files changed, 66 insertions(+), 19 deletions(-)
diff --git a/src/views/business/affirm/affirmInfo.vue b/src/views/business/affirm/affirmInfo.vue
index ea684f4..09db00e 100644
--- a/src/views/business/affirm/affirmInfo.vue
+++ b/src/views/business/affirm/affirmInfo.vue
@@ -1,20 +1,27 @@
<template>
<div class="confirmation-detail">
- <case-basic-info :case-id="caseId" :show-attachment="true":column="3" />
+ <case-basic-info :case-id="caseId" :show-attachment="true" :column="3" />
<el-card class="detail-card paper-card">
<!-- 鍩虹淇℃伅 -->
<div slot="header" class="clearfix">
<span class="detail-title">鎹愮尞纭淇℃伅</span>
-
</div>
<el-form :model="form" ref="form" label-width="120px" class="paper-form">
<div class="form-row">
- <el-form-item label="鍗忚皟鍛�1" prop="coordinatedusernameo" class="col-1-3">
+ <el-form-item
+ label="鍗忚皟鍛�1"
+ prop="coordinatedusernameo"
+ class="col-1-3"
+ >
<el-input v-model="form.coordinatedusernameo" />
</el-form-item>
- <el-form-item label="鍗忚皟鍛�2" prop="coordinatedusernamet" class="col-1-3">
+ <el-form-item
+ label="鍗忚皟鍛�2"
+ prop="coordinatedusernamet"
+ class="col-1-3"
+ >
<el-input v-model="form.coordinatedusernamet" />
</el-form-item>
<!-- <el-col :span="8">
@@ -49,7 +56,7 @@
</el-alert>
<div style="margin-top: 15px;">
<el-button
- style="float: right; margin-bottom: 5px;"
+ style="float: right; margin-bottom: 5px;"
type="primary"
size="mini"
icon="el-icon-plus"
@@ -144,7 +151,11 @@
</div>
<div class="form-row">
- <el-form-item label="瀹跺睘鎰忚澶囨敞" prop="relativeRemark" class="col-full">
+ <el-form-item
+ label="瀹跺睘鎰忚澶囨敞"
+ prop="relativeRemark"
+ class="col-full"
+ >
<el-input
type="textarea"
:rows="3"
@@ -618,9 +629,6 @@
},
getAttachmentsByType(type) {
- console.log(type);
- console.log(this.attachmentData[type]);
-
return this.attachmentData[type] || [];
},
@@ -689,7 +697,6 @@
uploader: "褰撳墠鐢ㄦ埛"
};
this.attachmentData[this.currentUploadType].push(newAttachment);
- console.log(this.attachmentData,'this.attachmentData');
this.updateAssessannexField();
this.$message.success("涓婁紶鎴愬姛");
@@ -1085,6 +1092,21 @@
display: flex;
width: 100%;
border-top: 1px solid #d0d3db;
+ /* 涓婄Щ1px涓庝笂涓�琛岀殑border-bottom閲嶅彔锛屼袱琛屼箣闂村彧鏄剧ず涓�鏉�1px缁嗙嚎 */
+ margin-top: -1px;
+}
+.paper-form >>> .form-row:first-child {
+ margin-top: 0;
+}
+
+/* 琛屽熬绌虹櫧濉厖锛氫笉婊℃暣琛岀殑鍙充晶鑷姩琛ヤ竴涓┖鐧芥牸瀛愶紝缃戞牸淇濇寔闂悎锛堝彸渚ч�傚綋鐣欑櫧锛� */
+.paper-form >>> .form-row::after {
+ content: "";
+ flex: 1 1 0;
+ min-height: 42px;
+ background: linear-gradient(to left, #d0d3db 1px, transparent 1px),
+ linear-gradient(to top, #d0d3db 1px, transparent 1px);
+ background-color: #fff;
}
.paper-form >>> .el-form-item {
@@ -1100,14 +1122,22 @@
display: none;
}
-.paper-form >>> .col-1-3 { flex: 0 0 33.3333%; }
-.paper-form >>> .col-half { flex: 0 0 50%; }
-.paper-form >>> .col-2-3 { flex: 0 0 66.6666%; }
-.paper-form >>> .col-full { flex: 0 0 100%; }
+.paper-form >>> .col-1-3 {
+ flex: 0 0 33.3333%;
+}
+.paper-form >>> .col-half {
+ flex: 0 0 50%;
+}
+.paper-form >>> .col-2-3 {
+ flex: 0 0 66.6666%;
+}
+.paper-form >>> .col-full {
+ flex: 0 0 100%;
+}
.paper-form >>> .el-form-item__label {
- flex: 0 0 120px;
- width: 120px !important;
+ flex: 0 0 150px;
+ width: 150px !important;
float: none;
padding: 0 8px !important;
background: #ecf5ff;
@@ -1120,10 +1150,11 @@
font-weight: 600;
color: #2c3038;
line-height: 1.3;
- white-space: normal;
- word-break: break-all;
+ white-space: nowrap;
}
-.paper-form >>> .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
+.paper-form
+ >>> .el-form-item.is-required:not(.is-no-asterisk)
+ > .el-form-item__label:before {
color: #f56c6c;
margin-right: 2px;
}
@@ -1139,4 +1170,20 @@
min-height: 42px;
line-height: 1.4;
}
+
+/* 鎺т欢瀹藉害閫備腑锛屼笉閾烘弧鏁存牸锛堝唴瀹圭煭鏃惰緭鍏ユ涓嶅啀鎷夊緱寰堥暱锛� */
+.paper-form >>> .el-form-item__content .el-input,
+.paper-form >>> .el-form-item__content .el-select,
+.paper-form >>> .el-form-item__content .el-cascader {
+ width: 220px;
+ max-width: 100%;
+}
+.paper-form >>> .el-form-item__content .el-date-editor {
+ width: 240px;
+ max-width: 100%;
+}
+.paper-form >>> .el-form-item__content .el-range-editor {
+ width: 360px;
+ max-width: 100%;
+}
</style>
--
Gitblit v1.9.3