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/followupVisit/info.vue | 404 +++++++++++++++++++++++++++++++++++----------------------
1 files changed, 248 insertions(+), 156 deletions(-)
diff --git a/src/views/business/followupVisit/info.vue b/src/views/business/followupVisit/info.vue
index 8d54bf1..62142e3 100644
--- a/src/views/business/followupVisit/info.vue
+++ b/src/views/business/followupVisit/info.vue
@@ -146,7 +146,7 @@
</el-card>
<!-- 缂栬緫/鏂板鍖哄煙 - 濮嬬粓鏄剧ず -->
- <el-card class="edit-area-card">
+ <el-card class="edit-area-card paper-card">
<div slot="header" class="clearfix">
<span>{{ editForm.id ? '缂栬緫闅忚璁板綍' : '鏂板闅忚璁板綍' }}</span>
<div style="float: right;">
@@ -165,171 +165,162 @@
:model="editForm"
:rules="editRules"
label-width="120px"
+ class="paper-form"
>
- <el-row>
- <el-col :span="12">
- <el-form-item label="闅忚搴忓彿" prop="seqno">
- <el-input-number
- v-model="editForm.seqno"
- :min="1"
- :max="20"
- placeholder="璇疯緭鍏ラ殢璁垮簭鍙�"
- style="width: 200px"
- />
- <span style="margin-left: 10px; color: #999;">(绗瑊{ editForm.seqno || 1 }}娆￠殢璁�)</span>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="闅忚鏃堕棿" prop="followuptime">
- <el-date-picker
- v-model="editForm.followuptime"
- type="datetime"
- placeholder="閫夋嫨闅忚鏃堕棿"
- value-format="yyyy-MM-dd HH:mm:ss"
- style="width: 200px"
- />
- </el-form-item>
- </el-col>
- </el-row>
+ <div class="form-row">
+ <el-form-item label="闅忚搴忓彿" prop="seqno" class="col-half">
+ <el-input-number
+ v-model="editForm.seqno"
+ :min="1"
+ :max="20"
+ placeholder="璇疯緭鍏ラ殢璁垮簭鍙�"
+ style="width: 200px"
+ />
+ <span style="margin-left: 10px; color: #999;">(绗瑊{ editForm.seqno || 1 }}娆￠殢璁�)</span>
+ </el-form-item>
+ <el-form-item label="闅忚鏃堕棿" prop="followuptime" class="col-half">
+ <el-date-picker
+ v-model="editForm.followuptime"
+ type="datetime"
+ placeholder="閫夋嫨闅忚鏃堕棿"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ style="width: 200px"
+ />
+ </el-form-item>
+ </div>
- <el-row>
- <el-col :span="12">
- <el-form-item label="鍣ㄥ畼鍙椾綋鑰呭鍚�" prop="recipientname">
- <el-input
- v-model="editForm.recipientname"
- placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呭鍚�"
- maxlength="50"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="鍙椾綋鐢佃瘽" prop="recipientphone">
- <el-input
- v-model="editForm.recipientphone"
- placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呯數璇�"
- maxlength="20"
- />
- </el-form-item>
- </el-col>
- </el-row>
+ <div class="form-row">
+ <el-form-item label="鍣ㄥ畼鍙椾綋鑰呭鍚�" prop="recipientname" class="col-half">
+ <el-input
+ v-model="editForm.recipientname"
+ placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呭鍚�"
+ maxlength="50"
+ />
+ </el-form-item>
+ <el-form-item label="鍙椾綋鐢佃瘽" prop="recipientphone" class="col-half">
+ <el-input
+ v-model="editForm.recipientphone"
+ placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呯數璇�"
+ maxlength="20"
+ />
+ </el-form-item>
+ </div>
- <el-row>
- <el-col :span="12">
- <el-form-item label="绉绘鍖婚櫌鍚嶇О" prop="hospitalname">
- <el-input
- v-model="editForm.hospitalname"
- placeholder="璇疯緭鍏ョЩ妞嶅尰闄㈠悕绉�"
- maxlength="100"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="绉绘绉戝" prop="hospitaldept">
- <el-input
- v-model="editForm.hospitaldept"
- placeholder="璇疯緭鍏ョЩ妞嶅尰闄㈢瀹�"
- maxlength="50"
- />
- </el-form-item>
- </el-col>
- </el-row>
+ <div class="form-row">
+ <el-form-item label="绉绘鍖婚櫌鍚嶇О" prop="hospitalname" class="col-half">
+ <el-input
+ v-model="editForm.hospitalname"
+ placeholder="璇疯緭鍏ョЩ妞嶅尰闄㈠悕绉�"
+ maxlength="100"
+ />
+ </el-form-item>
+ <el-form-item label="绉绘绉戝" prop="hospitaldept" class="col-half">
+ <el-input
+ v-model="editForm.hospitaldept"
+ placeholder="璇疯緭鍏ョЩ妞嶅尰闄㈢瀹�"
+ maxlength="50"
+ />
+ </el-form-item>
+ </div>
- <el-row>
- <el-col :span="12">
- <el-form-item label="闅忚鍖荤敓濮撳悕" prop="doctorname">
- <el-input
- v-model="editForm.doctorname"
- placeholder="璇疯緭鍏ユ帴鍙楅殢璁垮尰鐢熷鍚�"
- maxlength="50"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="鍖荤敓鐢佃瘽" prop="doctorphone">
- <el-input
- v-model="editForm.doctorphone"
- placeholder="璇疯緭鍏ユ帴鍙楅殢璁垮尰鐢熺數璇�"
- maxlength="20"
- />
- </el-form-item>
- </el-col>
- </el-row>
+ <div class="form-row">
+ <el-form-item label="闅忚鍖荤敓濮撳悕" prop="doctorname" class="col-half">
+ <el-input
+ v-model="editForm.doctorname"
+ placeholder="璇疯緭鍏ユ帴鍙楅殢璁垮尰鐢熷鍚�"
+ maxlength="50"
+ />
+ </el-form-item>
+ <el-form-item label="鍖荤敓鐢佃瘽" prop="doctorphone" class="col-half">
+ <el-input
+ v-model="editForm.doctorphone"
+ placeholder="璇疯緭鍏ユ帴鍙楅殢璁垮尰鐢熺數璇�"
+ maxlength="20"
+ />
+ </el-form-item>
+ </div>
- <el-row>
- <el-col :span="12">
- <el-form-item label="鎹愮尞缁撴灉" prop="donateresult">
- <el-select
- v-model="editForm.donateresult"
- placeholder="璇烽�夋嫨鎹愮尞缁撴灉"
- style="width: 200px"
- >
- <el-option label="鎴愬姛" value="1" />
- <el-option label="澶辫触" value="0" />
- <el-option label="杩涜涓�" value="2" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="闅忚鑰�" prop="followupno">
- <el-input
- v-model="editForm.followupno"
- placeholder="璇疯緭鍏ラ殢璁胯��"
- maxlength="50"
- />
- </el-form-item>
- </el-col>
- </el-row>
+ <div class="form-row">
+ <el-form-item label="鎹愮尞缁撴灉" prop="donateresult" class="col-half">
+ <el-select
+ v-model="editForm.donateresult"
+ placeholder="璇烽�夋嫨鎹愮尞缁撴灉"
+ style="width: 200px"
+ >
+ <el-option label="鎴愬姛" value="1" />
+ <el-option label="澶辫触" value="0" />
+ <el-option label="杩涜涓�" value="2" />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="闅忚鑰�" prop="followupno" class="col-half">
+ <el-input
+ v-model="editForm.followupno"
+ placeholder="璇疯緭鍏ラ殢璁胯��"
+ maxlength="50"
+ />
+ </el-form-item>
+ </div>
- <el-form-item label="闅忚鎻忚堪" prop="followupdescribe">
- <el-input
- v-model="editForm.followupdescribe"
- type="textarea"
- placeholder="璇疯緭鍏ラ殢璁挎弿杩�"
- maxlength="1000"
- :rows="3"
- show-word-limit
- />
- </el-form-item>
+ <div class="form-row">
+ <el-form-item label="闅忚鎻忚堪" prop="followupdescribe" class="col-full">
+ <el-input
+ v-model="editForm.followupdescribe"
+ type="textarea"
+ placeholder="璇疯緭鍏ラ殢璁挎弿杩�"
+ maxlength="1000"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+ </div>
- <el-form-item label="鍖荤敓鎻忚堪" prop="doctordescribe">
- <el-input
- v-model="editForm.doctordescribe"
- type="textarea"
- placeholder="璇疯緭鍏ュ尰鐢熸弿杩�"
- maxlength="500"
- :rows="3"
- show-word-limit
- />
- </el-form-item>
+ <div class="form-row">
+ <el-form-item label="鍖荤敓鎻忚堪" prop="doctordescribe" class="col-full">
+ <el-input
+ v-model="editForm.doctordescribe"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ尰鐢熸弿杩�"
+ maxlength="500"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+ </div>
- <el-form-item label="鍙椾綋鑰呮弿杩�" prop="recipientdescribe">
- <el-input
- v-model="editForm.recipientdescribe"
- type="textarea"
- placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呮弿杩�"
- maxlength="500"
- :rows="3"
- show-word-limit
- />
- </el-form-item>
+ <div class="form-row">
+ <el-form-item label="鍙椾綋鑰呮弿杩�" prop="recipientdescribe" class="col-full">
+ <el-input
+ v-model="editForm.recipientdescribe"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ櫒瀹樺彈浣撹�呮弿杩�"
+ maxlength="500"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+ </div>
- <el-form-item label="澶囨敞" prop="remark">
- <el-input
- v-model="editForm.remark"
- type="textarea"
- placeholder="璇疯緭鍏ュ娉�"
- maxlength="500"
- :rows="3"
- show-word-limit
- />
- </el-form-item>
+ <div class="form-row">
+ <el-form-item label="澶囨敞" prop="remark" class="col-full">
+ <el-input
+ v-model="editForm.remark"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ娉�"
+ maxlength="500"
+ :rows="3"
+ show-word-limit
+ />
+ </el-form-item>
+ </div>
- <el-form-item>
- <el-button type="primary" @click="submitEditForm">
- {{ editForm.id ? '淇濆瓨淇敼' : '鍒涘缓闅忚' }}
- </el-button>
- <el-button @click="resetEditForm">閲嶇疆</el-button>
- </el-form-item>
+ <div class="form-row">
+ <el-form-item class="col-full">
+ <el-button type="primary" @click="submitEditForm">
+ {{ editForm.id ? '淇濆瓨淇敼' : '鍒涘缓闅忚' }}
+ </el-button>
+ <el-button @click="resetEditForm">閲嶇疆</el-button>
+ </el-form-item>
+ </div>
</el-form>
</el-card>
</div>
@@ -740,4 +731,105 @@
cursor: pointer;
background-color: #f5f7fa;
}
+
+/* ===== 绾歌川琛ㄦ牸缃戞牸鏍峰紡 ===== */
+.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