From c4599aa279fd2f90b741608392e056fbae2282d5 Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期四, 20 八月 2026 17:16:54 +0800
Subject: [PATCH] 各表单布局调整
---
src/views/business/decide/DecideInfo.vue | 315 ++++++++++++++++++++++++++++++----------------------
1 files changed, 182 insertions(+), 133 deletions(-)
diff --git a/src/views/business/decide/DecideInfo.vue b/src/views/business/decide/DecideInfo.vue
index 9522c29..a297929 100644
--- a/src/views/business/decide/DecideInfo.vue
+++ b/src/views/business/decide/DecideInfo.vue
@@ -1,6 +1,6 @@
<template>
<div class="death-judgment-detail">
- <case-basic-info :case-id="caseId" :show-attachment="true" />
+ <case-basic-info :case-id="caseId" :show-attachment="true":column="3" />
<!-- 鍏叡淇℃伅妯″潡锛堢嫭绔嬫樉绀猴級 -->
<!-- 鍒ゅ畾绫诲瀷鏍囩椤� -->
@@ -51,7 +51,7 @@
</el-form>
</el-card> -->
<!-- 鑴戞浜″垽瀹氭ā鍧� -->
- <el-card v-if="activeJudgmentType === 'brain'" class="detail-card">
+ <el-card v-if="activeJudgmentType === 'brain'" class="detail-card paper-card">
<div slot="header" class="clearfix">
<span class="detail-title">鑴戞浜″垽瀹氫俊鎭�</span>
@@ -65,73 +65,63 @@
</el-button>
</div>
- <el-form :model="form" ref="brainForm" :rules="rules" label-width="120px">
- <el-row :gutter="20">
- <el-col :span="8">
- <el-form-item label="姝讳骸鍘熷洜" prop="deathreason">
- <el-input v-model="form.deathreason" :readonly="!isEdit" />
- </el-form-item>
- </el-col>
- </el-row>
+ <el-form :model="form" ref="brainForm" :rules="rules" label-width="120px" class="paper-form">
+ <div class="form-row">
+ <el-form-item label="姝讳骸鍘熷洜" prop="deathreason" class="col-1-3">
+ <el-input v-model="form.deathreason" :readonly="!isEdit" />
+ </el-form-item>
+ </div>
- <el-row :gutter="20">
- <el-col :span="8">
- <el-form-item label="姝讳骸鏃堕棿" prop="deathtime">
- <el-date-picker
- v-model="form.deathtime"
- type="datetime"
- value-format="yyyy-MM-dd HH:mm:ss"
- style="width: 100%"
- :disabled="!isEdit"
+ <div class="form-row">
+ <el-form-item label="姝讳骸鏃堕棿" prop="deathtime" class="col-1-3">
+ <el-date-picker
+ v-model="form.deathtime"
+ type="datetime"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ style="width: 100%"
+ :disabled="!isEdit"
+ />
+ </el-form-item>
+ <el-form-item label="鍒ゅ畾鍖荤敓涓�" prop="deathjudgedocto" class="col-1-3">
+ <el-input v-model="form.deathjudgedocto" :readonly="!isEdit" />
+ </el-form-item>
+ <el-form-item label="鍒ゅ畾鍖荤敓浜�" prop="deathjudgedoctt" class="col-1-3">
+ <el-input v-model="form.deathjudgedoctt" :readonly="!isEdit" />
+ </el-form-item>
+ </div>
+ <div class="form-row">
+ <el-form-item label="鍏朵粬鍒ゅ畾鍖荤敓" class="col-full">
+ <div
+ v-for="(doctor, index) in brainExtraDoctors"
+ :key="index"
+ style="display: flex; align-items: center; margin-bottom: 8px;"
+ >
+ <el-input
+ v-model="brainExtraDoctors[index]"
+ placeholder="璇疯緭鍏ュ尰鐢熷鍚�"
+ style="flex: 1; margin-right: 10px;"
+ :readonly="!isEdit"
/>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鍒ゅ畾鍖荤敓涓�" prop="deathjudgedocto">
- <el-input v-model="form.deathjudgedocto" :readonly="!isEdit" />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鍒ゅ畾鍖荤敓浜�" prop="deathjudgedoctt">
- <el-input v-model="form.deathjudgedoctt" :readonly="!isEdit" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="24">
- <el-form-item label="鍏朵粬鍒ゅ畾鍖荤敓">
- <div
- v-for="(doctor, index) in brainExtraDoctors"
- :key="index"
- style="display: flex; align-items: center; margin-bottom: 8px;"
- >
- <el-input
- v-model="brainExtraDoctors[index]"
- placeholder="璇疯緭鍏ュ尰鐢熷鍚�"
- style="flex: 1; margin-right: 10px;"
- :readonly="!isEdit"
- />
- <el-button
- v-if="isEdit"
- type="danger"
- icon="el-icon-minus"
- circle
- size="mini"
- @click="removeBrainDoctor(index)"
- />
- </div>
<el-button
v-if="isEdit"
- type="primary"
- icon="el-icon-plus"
- size="small"
- @click="addBrainDoctor"
- >
- 娣诲姞鍖荤敓
- </el-button>
- </el-form-item>
- </el-col>
- </el-row>
+ type="danger"
+ icon="el-icon-minus"
+ circle
+ size="mini"
+ @click="removeBrainDoctor(index)"
+ />
+ </div>
+ <el-button
+ v-if="isEdit"
+ type="primary"
+ icon="el-icon-plus"
+ size="small"
+ @click="addBrainDoctor"
+ >
+ 娣诲姞鍖荤敓
+ </el-button>
+ </el-form-item>
+ </div>
</el-form>
<!-- 鑴戞浜¤瘎浼拌〃闄勪欢 -->
@@ -253,7 +243,7 @@
</el-card>
<!-- 蹇冩浜″垽瀹氭ā鍧� -->
- <el-card v-else class="detail-card">
+ <el-card v-else class="detail-card paper-card">
<div slot="header" class="clearfix">
<span class="detail-title">蹇冩浜″垽瀹氫俊鎭�</span>
<el-button
@@ -275,79 +265,69 @@
</el-button>
</div>
- <el-form :model="form" ref="heartForm" :rules="rules" label-width="120px">
- <el-row :gutter="20">
- <el-col :span="8">
- <el-form-item label="蹇冩浜″師鍥�" prop="heartdeathreason">
- <el-input v-model="form.heartdeathreason" :readonly="!isEdit" />
- </el-form-item>
- </el-col>
- </el-row>
+ <el-form :model="form" ref="heartForm" :rules="rules" label-width="120px" class="paper-form">
+ <div class="form-row">
+ <el-form-item label="蹇冩浜″師鍥�" prop="heartdeathreason" class="col-1-3">
+ <el-input v-model="form.heartdeathreason" :readonly="!isEdit" />
+ </el-form-item>
+ </div>
- <el-row :gutter="20">
- <el-col :span="8">
- <el-form-item label="蹇冩浜″垽瀹氬畬鎴愭椂闂�" prop="heartdeathtime">
- <el-date-picker
- v-model="form.heartdeathtime"
- type="datetime"
- value-format="yyyy-MM-dd HH:mm:ss"
- style="width: 100%"
- :disabled="!isEdit"
- />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鍒ゅ畾鍖荤敓涓�" prop="heartdeathjudgedocto">
+ <div class="form-row">
+ <el-form-item label="蹇冩浜″垽瀹氬畬鎴愭椂闂�" prop="heartdeathtime" class="col-1-3">
+ <el-date-picker
+ v-model="form.heartdeathtime"
+ type="datetime"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ style="width: 100%"
+ :disabled="!isEdit"
+ />
+ </el-form-item>
+ <el-form-item label="鍒ゅ畾鍖荤敓涓�" prop="heartdeathjudgedocto" class="col-1-3">
+ <el-input
+ v-model="form.heartdeathjudgedocto"
+ :readonly="!isEdit"
+ />
+ </el-form-item>
+ <el-form-item label="鍒ゅ畾鍖荤敓浜�" prop="heartdeathjudgedoctt" class="col-1-3">
+ <el-input
+ v-model="form.heartdeathjudgedoctt"
+ :readonly="!isEdit"
+ />
+ </el-form-item>
+ </div>
+ <div class="form-row">
+ <el-form-item label="鍏朵粬鍒ゅ畾鍖荤敓" class="col-full">
+ <div
+ v-for="(doctor, index) in heartExtraDoctors"
+ :key="index"
+ style="display: flex; align-items: center; margin-bottom: 8px;"
+ >
<el-input
- v-model="form.heartdeathjudgedocto"
+ v-model="heartExtraDoctors[index]"
+ placeholder="璇疯緭鍏ュ尰鐢熷鍚�"
+ style="flex: 1; margin-right: 10px;"
:readonly="!isEdit"
/>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鍒ゅ畾鍖荤敓浜�" prop="heartdeathjudgedoctt">
- <el-input
- v-model="form.heartdeathjudgedoctt"
- :readonly="!isEdit"
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="24">
- <el-form-item label="鍏朵粬鍒ゅ畾鍖荤敓">
- <div
- v-for="(doctor, index) in heartExtraDoctors"
- :key="index"
- style="display: flex; align-items: center; margin-bottom: 8px;"
- >
- <el-input
- v-model="heartExtraDoctors[index]"
- placeholder="璇疯緭鍏ュ尰鐢熷鍚�"
- style="flex: 1; margin-right: 10px;"
- :readonly="!isEdit"
- />
- <el-button
- v-if="isEdit"
- type="danger"
- icon="el-icon-minus"
- circle
- size="mini"
- @click="removeHeartDoctor(index)"
- />
- </div>
<el-button
v-if="isEdit"
- type="primary"
- icon="el-icon-plus"
- size="small"
- @click="addHeartDoctor"
- >
- 娣诲姞鍖荤敓
- </el-button>
- </el-form-item>
- </el-col>
- </el-row>
+ type="danger"
+ icon="el-icon-minus"
+ circle
+ size="mini"
+ @click="removeHeartDoctor(index)"
+ />
+ </div>
+ <el-button
+ v-if="isEdit"
+ type="primary"
+ icon="el-icon-plus"
+ size="small"
+ @click="addHeartDoctor"
+ >
+ 娣诲姞鍖荤敓
+ </el-button>
+ </el-form-item>
+ </div>
</el-form>
<!-- 蹇冩浜¤瘎浼拌〃闄勪欢 -->
@@ -1398,4 +1378,73 @@
:deep(.image-preview-dialog .el-message-box__content) {
text-align: center;
}
+
+/* ===== 绾歌川琛ㄦ牸缃戞牸鏍峰紡 ===== */
+.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;
+}
+
+.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 120px;
+ width: 120px !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: normal;
+ word-break: break-all;
+}
+.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;
+}
</style>
--
Gitblit v1.9.3