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 | 196 +++++++++++++++++++++++++++++++++++++-----------
1 files changed, 150 insertions(+), 46 deletions(-)
diff --git a/src/views/business/affirm/affirmInfo.vue b/src/views/business/affirm/affirmInfo.vue
index 08f5204..09db00e 100644
--- a/src/views/business/affirm/affirmInfo.vue
+++ b/src/views/business/affirm/affirmInfo.vue
@@ -1,51 +1,39 @@
<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">
- <el-form-item label="绛惧瓧鏃堕棿" prop="signdate">
+ <el-form-item label="纭鏃堕棿" prop="signdate">
<el-date-picker
v-model="form.signdate"
type="datetime"
@@ -66,9 +54,9 @@
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;"
+ style="float: right; margin-bottom: 5px;"
type="primary"
size="mini"
icon="el-icon-plus"
@@ -76,7 +64,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 +131,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 +148,22 @@
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>
@@ -703,6 +697,7 @@
uploader: "褰撳墠鐢ㄦ埛"
};
this.attachmentData[this.currentUploadType].push(newAttachment);
+
this.updateAssessannexField();
this.$message.success("涓婁紶鎴愬姛");
this.uploadLoading = false;
@@ -1082,4 +1077,113 @@
font-size: 13px;
color: #606266;
}
+
+/* ===== 绾歌川琛ㄦ牸缃戞牸鏍峰紡 ===== */
+.paper-card >>> .el-card__body {
+ padding: 16px;
+}
+
+.paper-form {
+ border-left: 1px solid #d0d3db;
+ background: #fff;
+}
+
+.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