档案详情-基本信息显示档案状态

acupuncture-前台/src/views/medicalFile/details.vue

@@ -41,6 +41,11 @@
           <el-descriptions-item label="建档时间">
             {{ form.createTime }}
           </el-descriptions-item>
+          <el-descriptions-item label="档案状态">
+            <span :class="`status${form.status}`">{{
+              status[form.status]
+            }}</span>
+          </el-descriptions-item>
         </el-descriptions>
       </div>
 
@@ -519,6 +524,12 @@ export default {
 
       title: "", // 弹出框标题
       open: false, // 是否显示弹出框
+      status: {
+        0: "保存",
+        1: "待审核",
+        2: "通过",
+        3: "驳回",
+      },
       // 量表组件集合
       component: {
         // 失眠评估
@@ -1139,6 +1150,15 @@ export default {
 <style scoped src="@/assets/styles/common.css"></style>
 
 <style scoped>
+.status1 {
+  color: orange;
+}
+.status2 {
+  color: green;
+}
+.status3 {
+  color: red;
+}
 >>> .el-dialog__header {
   text-align: center;
   font-weight: bold;