From 7f67f2e6fbb7d47249fef0905a40a66f13ae2f2b Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期五, 21 八月 2026 10:05:32 +0800
Subject: [PATCH] 青岛维护
---
src/views/business/affirm/affirmInfo.vue | 177 ++++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 133 insertions(+), 44 deletions(-)
diff --git a/src/views/business/affirm/affirmInfo.vue b/src/views/business/affirm/affirmInfo.vue
index 55cbfcc..1bc030e 100644
--- a/src/views/business/affirm/affirmInfo.vue
+++ b/src/views/business/affirm/affirmInfo.vue
@@ -1,47 +1,28 @@
<template>
<div class="confirmation-detail">
- <case-basic-info :case-id="caseId" :show-attachment="true" />
+ <case-basic-info :case-id="caseId" :show-attachment="true":column="3" />
- <el-card class="detail-card">
+ <el-card class="detail-card paper-card">
<!-- 鍩虹淇℃伅 -->
<div slot="header" class="clearfix">
<span class="detail-title">鎹愮尞纭淇℃伅</span>
- <!-- <el-button
- type="primary"
- style="float: right;margin-left: 20px;"
- @click="handleSave"
- :loading="saveLoading"
- >
- 淇濆瓨纭淇℃伅
- </el-button>
- <el-button
- type="success"
- style="float: right;margin-left: 20px;"
- @click="accomplish"
- :loading="saveLoading"
- >
- 纭瀹屾垚
- </el-button> -->
+
</div>
- <el-form :model="form" ref="form" label-width="120px">
- <el-row :gutter="20">
- <el-col :span="8">
- <el-form-item label="鍗忚皟鍛�1" prop="coordinatedusernameo">
- <el-input v-model="form.coordinatedusernameo" />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鍗忚皟鍛�2" prop="coordinatedusernamet">
- <el-input v-model="form.coordinatedusernamet" />
- </el-form-item>
- </el-col>
+ <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-input v-model="form.coordinatedusernameo" />
+ </el-form-item>
+ <el-form-item label="鍗忚皟鍛�2" prop="coordinatedusernamet" class="col-1-3">
+ <el-input v-model="form.coordinatedusernamet" />
+ </el-form-item>
<!-- <el-col :span="8">
<el-form-item label="涓氬姟浜哄憳" prop="responsibleusername">
<el-input v-model="form.responsibleusername" />
</el-form-item>
</el-col> -->
- </el-row>
+ </div>
<!-- <el-row :gutter="20">
<el-col :span="8">
@@ -66,7 +47,7 @@
style="margin-bottom: 15px;"
>
</el-alert>
- <el-row style="margin-top: 15px;">
+ <div style="margin-top: 15px;">
<el-button
style="float: right; margin-bottom: 5px;"
type="primary"
@@ -76,7 +57,7 @@
>
娣诲姞鍏朵粬瀹跺睘
</el-button>
- </el-row>
+ </div>
<el-table :data="familyMemberList" size="small" border>
<el-table-column label="搴忓彿" width="60" align="center">
<template slot-scope="scope">
@@ -143,8 +124,8 @@
</el-table-column>
</el-table>
- <el-row>
- <el-form-item label-width="100px" label="鎹愮尞鍐冲畾">
+ <div class="form-row">
+ <el-form-item label-width="100px" label="鎹愮尞鍐冲畾" class="col-full">
<el-checkbox-group v-model="organdecision">
<el-checkbox
v-for="item in organselection"
@@ -160,16 +141,18 @@
style="margin-top: 10px; width: 300px;"
></el-input>
</el-form-item>
- </el-row>
+ </div>
- <el-form-item label="瀹跺睘鎰忚澶囨敞" prop="relativeRemark">
- <el-input
- type="textarea"
- :rows="3"
- v-model="form.relativeRemark"
- placeholder="璁板綍瀹跺睘鐨勬剰瑙佸拰娌熼�氭儏鍐�"
- />
- </el-form-item>
+ <div class="form-row">
+ <el-form-item label="瀹跺睘鎰忚澶囨敞" prop="relativeRemark" class="col-full">
+ <el-input
+ type="textarea"
+ :rows="3"
+ v-model="form.relativeRemark"
+ placeholder="璁板綍瀹跺睘鐨勬剰瑙佸拰娌熼�氭儏鍐�"
+ />
+ </el-form-item>
+ </div>
</el-form>
</el-card>
@@ -635,6 +618,9 @@
},
getAttachmentsByType(type) {
+ console.log(type);
+ console.log(this.attachmentData[type]);
+
return this.attachmentData[type] || [];
},
@@ -703,6 +689,8 @@
uploader: "褰撳墠鐢ㄦ埛"
};
this.attachmentData[this.currentUploadType].push(newAttachment);
+ console.log(this.attachmentData,'this.attachmentData');
+
this.updateAssessannexField();
this.$message.success("涓婁紶鎴愬姛");
this.uploadLoading = false;
@@ -1082,4 +1070,105 @@
font-size: 13px;
color: #606266;
}
+
+/* ===== 绾歌川琛ㄦ牸缃戞牸鏍峰紡 ===== */
+.paper-card >>> .el-card__body {
+ padding: 16px;
+}
+
+.paper-form {
+ border-left: 1px solid #d0d3db;
+ background: #fff;
+ /* 瓒呭灞忛檺鍒惰〃鍗曟渶澶у搴︼紝鍙充晶鐣欑櫧锛岄伩鍏嶅瓧娈靛垎甯冭繃寮� */
+ max-width: 1400px;
+}
+
+.paper-form >>> .form-row {
+ 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 {
+ flex: 0 0 33.3333%;
+ display: flex;
+ margin: 0;
+ background: #fff;
+ border-right: 1px solid #d0d3db;
+ border-bottom: 1px solid #d0d3db;
+}
+.paper-form >>> .el-form-item::after,
+.paper-form >>> .el-form-item::before {
+ 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 >>> .el-form-item__label {
+ flex: 0 0 150px;
+ width: 150px !important;
+ float: none;
+ padding: 0 8px !important;
+ background: #ecf5ff;
+ border-right: 1px solid #d0d3db;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ font-size: 13px;
+ font-weight: 600;
+ color: #2c3038;
+ line-height: 1.3;
+ white-space: nowrap;
+}
+.paper-form >>> .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
+ color: #f56c6c;
+ margin-right: 2px;
+}
+
+.paper-form >>> .el-form-item__content {
+ flex: 1;
+ margin-left: 0 !important;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ padding: 6px 10px;
+ background: #fff;
+ 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