From 2736806c9fbccb6e3fdf981a6f48a9343e21fa4a Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期三, 19 八月 2026 15:33:10 +0800
Subject: [PATCH] 提交
---
src/views/followvisit/record/detailpage/index.vue | 225 ++++++++++++++++++++++++++++++-------------------------
1 files changed, 122 insertions(+), 103 deletions(-)
diff --git a/src/views/followvisit/record/detailpage/index.vue b/src/views/followvisit/record/detailpage/index.vue
index 3932f7e..89f2297 100644
--- a/src/views/followvisit/record/detailpage/index.vue
+++ b/src/views/followvisit/record/detailpage/index.vue
@@ -368,7 +368,7 @@
<div>闅忚鍐呭</div>
</div>
<div>
- <el-tabs v-model="activeName" type="border-card">
+ <el-tabs v-model="activeName" type="card">
<el-tab-pane name="wj">
<span class="mulsz" slot="label"
><i class="el-icon-notebook-1"></i> 闂嵎闅忚缁撴灉</span
@@ -984,106 +984,79 @@
</el-form>
</div>
- <!-- 鎮ｈ�呮。妗堜俊鎭� -->
- <div class="detailed">
- <h3>鎮ｈ�呮。妗堜俊鎭�</h3>
- <el-form ref="userform" :model="userform" label-width="100px">
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="鎮ｈ�呭鍚�" prop="name">
- <el-input
- v-model="userform.name"
- placeholder="璇疯緭鍏ュ鍚�"
- maxlength="30"
- ></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="鎬у埆" prop="sex">
- <el-select v-model="userform.sex" placeholder="璇烽�夋嫨">
- <el-option label="鐢�" :value="1"> </el-option>
- <el-option label="濂�" :value="2"> </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="骞撮緞" prop="age">
- <el-input
- v-model="userform.age"
- placeholder="璇疯緭鍏ュ勾榫�"
- maxlength="20"
- ></el-input>
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="鑱旂郴鏂瑰紡" prop="telcode">
- <el-input
- v-model="userform.telcode"
- placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"
- maxlength="20"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="浜插睘鑱旂郴鏂瑰紡" prop="relativetelcode">
- <el-input
- v-model="userform.relativetelcode"
- placeholder="璇疯緭鍏ヤ翰灞炶仈绯绘柟寮�"
- maxlength="20"
- ></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="24">
- <el-form-item label="璇婃柇鍚嶇О" prop="leavediagname">
- <el-input
- v-model="form.leavediagname"
- placeholder="璇疯緭鍏ヨ瘖鏂�"
- maxlength="50"
- ></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="24">
- <el-form-item label="鍑虹敓鍦�" prop="birthplace">
- <el-input
- v-model="userform.birthplace"
- placeholder="鍥姐�佺渷銆佸湴甯傘�佸尯鍘裤�佽閬撶瓑璇︾粏淇℃伅"
- maxlength="50"
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="24">
- <el-form-item label="灞呬綇鍦�" prop="placeOfResidence">
- <el-input
- v-model="userform.placeOfResidence"
- placeholder="鍥姐�佺渷銆佸湴甯傘�佸尯鍘裤�佽閬撶瓑璇︾粏淇℃伅"
- maxlength="50"
- />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
+ <!-- 鎶樺彔闈㈡澘锛氭偅鑰呮。妗堜俊鎭� + 鎶曡瘔寤鸿 -->
+ <div class="collapse-section">
+ <el-collapse v-model="collapseActive" accordion>
+ <el-collapse-item title="鎮ｈ�呮。妗堜俊鎭�" name="patient">
+ <el-form ref="userform2" :model="userform" label-width="90px" size="small">
+ <el-row :gutter="16">
+ <el-col :span="12">
+ <el-form-item label="鎮ｈ�呭鍚�">
+ <el-input v-model="userform.name" placeholder="璇疯緭鍏ュ鍚�" maxlength="30"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鎬у埆">
+ <el-select v-model="userform.sex" placeholder="璇烽�夋嫨" style="width: 100%">
+ <el-option label="鐢�" :value="1"></el-option>
+ <el-option label="濂�" :value="2"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="16">
+ <el-col :span="12">
+ <el-form-item label="骞撮緞">
+ <el-input v-model="userform.age" placeholder="璇疯緭鍏ュ勾榫�" maxlength="20"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴鏂瑰紡">
+ <el-input v-model="userform.telcode" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�" maxlength="20"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="16">
+ <el-col :span="24">
+ <el-form-item label="浜插睘鐢佃瘽">
+ <el-input v-model="userform.relativetelcode" placeholder="璇疯緭鍏ヤ翰灞炶仈绯绘柟寮�" maxlength="20"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="16">
+ <el-col :span="24">
+ <el-form-item label="璇婃柇鍚嶇О">
+ <el-input v-model="form.leavediagname" placeholder="璇疯緭鍏ヨ瘖鏂�" maxlength="50"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="16">
+ <el-col :span="24">
+ <el-form-item label="鍑虹敓鍦�">
+ <el-input v-model="userform.birthplace" placeholder="鍥姐�佺渷銆佸湴甯傘�佸尯鍘裤�佽閬撶瓑" maxlength="50"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="16">
+ <el-col :span="24">
+ <el-form-item label="灞呬綇鍦�">
+ <el-input v-model="userform.placeOfResidence" placeholder="鍥姐�佺渷銆佸湴甯傘�佸尯鍘裤�佽閬撶瓑" maxlength="50"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </el-collapse-item>
+ <el-collapse-item title="鎶曡瘔寤鸿" name="advice" v-if="orgname=='缂欎簯鍘夸汉姘戝尰闄�'">
+ <AdviceList :subid="taskid" :taskid="id" :patid="patid" />
+ </el-collapse-item>
+ </el-collapse>
</div>
+
+
+
</div>
</div>
</div>
- <!-- 鎶曡瘔寤鸿 -->
- <el-card class="advice-card">
- <div slot="header" class="clearfix">
- <span class="detail-title">鎶曡瘔寤鸿</span>
- </div>
- <AdviceList :subid="taskid" :taskid="id" :patid="patid" />
- </el-card>
<!-- 鐭俊鍙戦�佸璇濇 -->
<el-dialog title="鐭俊鍙戦��" :visible.sync="smsDialogVisible">
<!-- 娉ㄦ剰杩欓噷浣跨敤浜� smsDialogVisible 浠ュ尯鍒嗗凡鏈夌殑 dialogFormVisible -->
@@ -1420,6 +1393,7 @@
return {
visitAgain: 1,
activeNames: ["next"], // 鍙睍寮�"涓嬫闅忚"锛屽叾浠栭兘鎶樺彔
+ collapseActive: ["patient"], // 浜哄伐澶勭悊鎶樺彔闈㈡澘婵�娲婚」锛堥粯璁ゅ睍寮�鎮ｈ�呮。妗堬級
userid: "",
defaultKey: false, //鏄惁鍙粯璁ゅ～鎶�
currentPhoneNumber: "",
@@ -4155,12 +4129,57 @@
background-color: #fff;
}
-.advice-card {
- margin: 0 10px 20px 10px;
- .detail-title {
- font-size: 16px;
- font-weight: 600;
- color: #303133;
+.collapse-section {
+ width: 100%;
+ align-self: stretch;
+ margin-top: 10px;
+
+ ::v-deep .el-collapse {
+ border: none;
+
+ .el-collapse-item__header {
+ background: linear-gradient(135deg, #ecf5ff 0%, #f5f9ff 100%);
+ border-radius: 8px;
+ padding: 0 20px;
+ height: 48px;
+ font-size: 16px;
+ font-weight: 700;
+ color: #303133;
+ border-bottom: 1px solid #e4e7ed;
+ margin-bottom: 8px;
+ letter-spacing: 1px;
+
+ .el-collapse-item__arrow {
+ font-size: 16px;
+ color: #409eff;
+ }
+
+ &:hover {
+ background: linear-gradient(135deg, #e0efff 0%, #ecf5ff 100%);
+ }
+
+ &.is-active {
+ border-bottom-color: transparent;
+ color: #409eff;
+ }
+ }
+
+ .el-collapse-item__wrap {
+ border-bottom: none;
+ padding: 4px 2px 8px;
+ }
+
+ .el-collapse-item__content {
+ padding: 16px;
+ background: #fff;
+ border-radius: 8px;
+ border: 1px solid #ebeef5;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+ }
+ }
+
+ .el-form-item {
+ margin-bottom: 12px;
}
}
</style>
--
Gitblit v1.9.3