检查管理-详情

src/views/service-management/medical-record-management/check-detail.vue

@@ -35,7 +35,7 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="宠物性别">
-            <span>{{ checkDetail.petSex }}</span>
+            <span>{{ checkDetail.petSex === '0' ? '公' : (checkDetail.petSex === '1' ? '母' : '未知')}}</span>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -102,10 +102,10 @@
       <!-- 步骤条 -->
       <div>
         <el-steps :active="schedule" align-center>
-          <el-step title="开具处方单" description="这是一段很长很长很长的描述性文字" />
-          <el-step title="缴费开票" description="这是一段很长很长很长的描述性文字" />
-          <el-step title="预约检查" description="这段就没那么长了" />
-          <el-step title="检查获取报告" description="这段就没那么长了！！！" />
+          <el-step title="开具处方单" :description="checkDetail.createTime" />
+          <el-step title="缴费开票" :description="checkDetail.payTime || '暂未缴费'" />
+          <el-step title="预约检查" :description="checkDetail.checkStartTime || '暂未预约'" />
+          <el-step title="检查获取报告" :description="checkDetail.reportTime || '暂未检查'" />
         </el-steps>
       </div>
       <div class="title-paragraph">
@@ -129,12 +129,12 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <div class="title-paragraph">
+      <div class="title-paragraph" style="white-space: nowrap;">
         <span class="title-text">预约信息</span>
       </div>
-      <el-button @click="bookNow">立即预约</el-button>
+      <el-button class="fourWordsBtn" @click="bookNow">立即预约</el-button>
       <!-- 预约信息 -->
-      <el-row>
+      <el-row v-show="checkDetail.checkSchedule >= 2">
         <el-col :span="8">
           <el-form-item label="检查类型">
             <span>{{ checkDetail.checkType === '0' ? '医院自有服务' : '预约外部服务' }}</span>
@@ -151,54 +151,62 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <div class="title-paragraph">
-        <span class="title-text">检查信息</span>
-      </div>
-      <!-- 检查信息 -->
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="检查项目">
-            <span>{{ checkDetail.checkItemsName || '-' }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="检查状态">
-            <span v-show="checkDetail.checkSchedule < 3">未检查</span>
-            <span v-show="checkDetail.checkSchedule === 3">已检查</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="设备">
-            <span>{{ checkDetail.deviceName }}</span>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <!-- 2 -->
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="检查日期">
-            <span>{{ checkDetail.checkStartTime }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="检查时段">
-            <span>-</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="报告上传时间">
-            <span>{{ checkDetail.reportTime }}</span>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <!-- 3 -->
-      <el-row>
+      <el-row v-show="checkDetail.checkSchedule < 2" style="position: relative;left: 42px;">
         <el-col :span="8">
-          <el-form-item label="影像报告">
-            <span>{{ checkDetail.shadowReport }}</span>
-          </el-form-item>
+          暂未预约
         </el-col>
       </el-row>
+      <div v-show="checkDetail.checkSchedule >= 2">
+        <div class="title-paragraph">
+          <span class="title-text">检查信息</span>
+        </div>
+        <el-button class="fourWordsBtn" v-show="checkDetail.checkSchedule >=2 && checkDetail.reportTime === null">上传报告</el-button>
+        <!-- 检查信息 -->
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="检查项目">
+              <span>{{ checkDetail.checkItemsName || '-' }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="检查状态">
+              <span v-show="checkDetail.checkSchedule < 3">未检查</span>
+              <span v-show="checkDetail.checkSchedule === 3">已检查</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="设备">
+              <span>{{ checkDetail.deviceName }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!-- 2 -->
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="检查日期">
+              <span>{{ checkDetail.checkStartTime }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="检查时段">
+              <span>-</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="报告上传时间">
+              <span>{{ checkDetail.reportTime || '暂未上传' }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!-- 3 -->
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="影像报告">
+              <span>{{ checkDetail.shadowReport || '暂未上传' }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
     </el-form>
     <div style="display: flex; justify-content: left; margin-top: 20px">
       <el-button class="queryBtn" @click="goBack">返 回</el-button>