From 27caa4ff77b3155efc8a7b3300def8d901bac2ed Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Tue, 16 Sep 2025 10:47:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=97=E8=AF=95=E8=80=85=E4=B8=AD=E6=AD=A2?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=EF=BC=8C=E9=9C=80=E8=A6=81=E5=A1=AB=E5=86=99?=
 =?UTF-8?q?=E5=8E=9F=E5=9B=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/SubjectStatusForm.vue          | 64 +++++++------------
 1 file changed, 24 insertions(+), 40 deletions(-)

diff --git a/src/views/trials/trials-panel/subject/subject-list/components/SubjectStatusForm.vue b/src/views/trials/trials-panel/subject/subject-list/components/SubjectStatusForm.vue
index 556cfbb4..81944f94 100644
--- a/src/views/trials/trials-panel/subject/subject-list/components/SubjectStatusForm.vue
+++ b/src/views/trials/trials-panel/subject/subject-list/components/SubjectStatusForm.vue
@@ -1,60 +1,39 @@
 <template>
-  <el-form
-    ref="subjectStatusForm"
-    v-loading="loading"
-    :model="form"
-    :rules="rules"
-    size="small"
-    label-width="160px"
-  >
+  <el-form ref="subjectStatusForm" v-loading="loading" :model="form" :rules="rules" size="small" label-width="160px">
     <div class="base-dialog-body">
       <!-- Status -->
       <el-form-item :label="$t('trials:subject:table:status')" prop="Status">
-        <el-radio-group v-model="form.Status" :disabled="originalStatus === 2">
-          <el-radio v-for="item of $d.Subject_Visit_Status" :label="item.value" :key="item.id">{{item.label}}</el-radio>
+        <el-radio-group v-model="form.Status" :disabled="originalStatus === 2" @change="handleChange">
+          <el-radio v-for="item of $d.Subject_Visit_Status" :label="item.value" :key="item.id">
+            {{ item.label }}</el-radio>
         </el-radio-group>
       </el-form-item>
       <!-- Out Visit Date -->
-      <el-form-item v-if="form.Status== 2" :label="$t('trials:subject:table:outVisitDate')" prop="VisitOverTime">
-        <el-date-picker
-          v-model="form.VisitOverTime"
-          type="date"
-          :picker-options="pickerOption"
-          value-format="yyyy-MM-dd"
-          format="yyyy-MM-dd"
-        />
+      <el-form-item v-if="form.Status == 2" :label="$t('trials:subject:table:outVisitDate')" prop="VisitOverTime">
+        <el-date-picker v-model="form.VisitOverTime" type="date" :picker-options="pickerOption"
+          value-format="yyyy-MM-dd" format="yyyy-MM-dd" />
       </el-form-item>
       <!-- 末次访视 -->
-      <el-form-item v-if="form.Status===2" :label="$t('trials:subject:table:finalSubjectVisit')" prop="FinalSubjectVisitId">
-        <el-select
-          v-model="form.FinalSubjectVisitId"
-          clearable
-          filterable
-          style="width:100%"
-          :disabled="originalStatus === 2"
-        >
-          <el-option
-            v-for="item in subjectVisitOptions"
-            :key="item.Id"
-            :label="item.VisitName"
-            :value="item.Id"
-          />
+      <el-form-item v-if="form.Status === 2" :label="$t('trials:subject:table:finalSubjectVisit')"
+        prop="FinalSubjectVisitId">
+        <el-select v-model="form.FinalSubjectVisitId" clearable filterable style="width:100%"
+          :disabled="originalStatus === 2">
+          <el-option v-for="item in subjectVisitOptions" :key="item.Id" :label="item.VisitName" :value="item.Id" />
         </el-select>
       </el-form-item>
       <!-- 结束访视的原因 -->
-      <el-form-item v-if="form.Status===2" :label="$t('trials:subject:table:outVisitReason')" prop="Reason">
+      <el-form-item v-if="form.Status === 2" :label="$t('trials:subject:table:outVisitReason')" prop="Reason">
         <el-input v-model="form.Reason" type="textarea" autosize />
       </el-form-item>
+      <!-- 访视中止的原因 -->
+      <el-form-item v-if="form.Status === 3" :label="$t('trials:subject:table:outVisitReason')" prop="SuspendReason">
+        <el-input v-model="form.SuspendReason" type="textarea" autosize />
+      </el-form-item>
     </div>
     <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
       <el-form-item style="text-align:right;">
         <!-- 取消 -->
-        <el-button
-          :disabled="btnLoading"
-          size="small"
-          type="primary"
-          @click="handleCancel"
-        >
+        <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">
           {{ $t('common:button:cancel') }}
         </el-button>
         <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
@@ -83,12 +62,14 @@ export default {
         OutEnrollmentTime: '',
         Reason: '',
         VisitOverTime: '',
-        FinalSubjectVisitId: ''
+        FinalSubjectVisitId: '',
+        SuspendReason: ''
       },
       rules: {
         OutEnrollmentTime: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
         FinalSubjectVisitId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
         Reason: [{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` }],
+        SuspendReason: [{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` }],
         VisitOverTime: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }]
       },
       pickerOption: {
@@ -108,6 +89,9 @@ export default {
     this.initForm()
   },
   methods: {
+    handleChange() {
+      if (this.form.Status !== 3) this.form.SuspendReason = ''
+    },
     async initForm() {
       this.loading = true
       const { Result } = await getSubjectVisitSelectOptions(this.data.Id)