前台添加状态颜色，审核中不可修改删除

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

@@ -311,7 +311,9 @@
         fixed="right"
       >
         <template slot-scope="scope">
-          <span>{{ status[scope.row.status] }}</span>
+          <span :class="`status${scope.row.status}`">{{
+            status[scope.row.status]
+          }}</span>
         </template>
       </el-table-column>
       <el-table-column
@@ -337,6 +339,7 @@
       >
         <template slot-scope="scope">
           <el-button
+            :disabled="scope.row.status == 1"
             size="mini"
             type="text"
             icon="el-icon-edit"
@@ -344,6 +347,7 @@
             >修改</el-button
           >
           <el-button
+            :disabled="scope.row.status == 1"
             size="mini"
             type="text"
             icon="el-icon-delete"
@@ -1515,6 +1519,15 @@ export default {
 <style scoped src="@/assets/styles/common.css"></style>
 
 <style scoped>
+.status1 {
+  color: orange;
+}
+.status2 {
+  color: green;
+}
+.status3 {
+  color: red;
+}
 .div-title1 {
   font-size: 22px;
   font-weight: bold;