From efefef06c76a8b366bc676382e7b78316583b3ef Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 26 十一月 2024 14:08:15 +0800
Subject: [PATCH] 1. 问题删除按钮改为不可用

---
 src/views/fysp/check/components/CompProblemCard.vue |  110 +++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 87 insertions(+), 23 deletions(-)

diff --git a/src/views/fysp/check/components/CompProblemCard.vue b/src/views/fysp/check/components/CompProblemCard.vue
index 2b0633f..7d28540 100644
--- a/src/views/fysp/check/components/CompProblemCard.vue
+++ b/src/views/fysp/check/components/CompProblemCard.vue
@@ -1,13 +1,17 @@
 <template>
-  <el-card class="layout" shadow="hover">
-    <el-steps
-      :active="proStatus.index"
-      finish-status="success"
-      style=""
-      align-center
-    >
-      <el-step v-for="(s, i) in getSteps" :key="i" :title="s" />
-    </el-steps>
+  <el-card class="layout" shadow="never">
+    <!-- <el-row justify="space-between"> -->
+    <div >
+      <el-steps
+        :active="proStatus.index"
+        finish-status="success"
+        style=""
+        align-center
+      >
+        <el-step v-for="(s, i) in getSteps" :key="i" :title="s" />
+      </el-steps>
+    </div>
+    <!-- </el-row> -->
 
     <el-descriptions :column="3" size="small">
       <template #title>
@@ -85,15 +89,18 @@
       </el-col>
       <el-col :span="12">
         <el-row justify="end" class="btn-group">
-          <el-button
+          <el-button type="danger" size="small" @click="deletePro" :disabled="true"
+            >鍒犻櫎</el-button
+          >
+          <!-- <el-button
             type="danger"
             size="small"
             @click="deletePro"
             :disabled="!proStatus.deletable"
             >鍒犻櫎</el-button
-          >
+          > -->
           <!-- 瀹℃牳椹冲洖鎿嶄綔 -->
-          <!-- <el-button
+          <el-button
             v-if="
               this.problem.extension3 == 'fail' ||
               this.problem.extension3 == 'change_fail'
@@ -111,7 +118,7 @@
             @click="rejectPro"
             :disabled="!proStatus.checkable"
             >瀹℃牳椹冲洖</el-button
-          > -->
+          >
           <el-button
             v-if="
               this.problem.extension3 == 'pass' ||
@@ -237,11 +244,11 @@
         },
         {
           bef: '闂寰呮暣鏀�',
-          aft: '闂宸叉暣鏀�'
+          aft: '鏁存敼宸蹭笂浼�'
         },
         {
           bef: '鏁存敼寰呭鏍�',
-          aft: '鏁存敼宸插鏍�'
+          aft: '闂宸叉暣鏀�'
         }
       ]
     };
@@ -294,8 +301,7 @@
       this.$emit('submit', isOk);
       this.proAddOrUpdDialogVisible = false;
     },
-    onChangeCanceled() {
-    },
+    onChangeCanceled() {},
     onChangeSubmited(isOk) {
       this.$emit('submit', isOk);
       this.changeDialogVisible = false;
@@ -343,7 +349,7 @@
             .checkProblem({ pId: pro.guid, action: action })
             .then((res) => {
               if (res.success) {
-                pro.extension3 = status
+                pro.extension3 = status;
                 this.$emit('check');
               }
             });
@@ -365,7 +371,7 @@
             .checkProblem({ pId: pro.guid, action: action })
             .then((res) => {
               if (res.success) {
-                pro.extension3 = status
+                pro.extension3 = status;
                 this.$emit('check');
               }
             });
@@ -408,14 +414,14 @@
 <style scoped>
 .layout {
   background-color: transparent;
-  margin-top: 20px;
+  margin-bottom: 20px;
   /* border: none; */
-  border-color: rgba(0, 0, 0, 0.308);
+  /* border-color: rgba(0, 0, 0, 0.308); */
 }
 
 .image {
-  width: 200px;
-  height: 210px;
+  width: 240px;
+  height: 250px;
   border-radius: 4px;
 }
 
@@ -450,3 +456,61 @@
   background-color: var(--el-color-success-light-3);
 }
 </style>
+
+<!-- 姝ラ鏉¤嚜瀹氫箟鏍峰紡 -->
+<style scoped>
+:deep(.el-steps--simple){
+  background: #fffbf731;
+}
+
+:deep(.is-wait .el-step__icon){
+  height: 17px;
+  width: 17px;
+  margin-top: 3px;
+}
+
+:deep(.is-wait .is-text .el-step__icon-inner) {
+  font-size: var(--el-font-size-small);
+}
+
+:deep(.is-success .el-step__icon){
+  height: 17px;
+  width: 17px;
+  margin-top: 3px;
+}
+
+:deep(.is-success .is-text .el-step__icon-inner) {
+  font-size: var(--el-font-size-small);
+}
+
+:deep(.el-step__head.is-process) {
+  border-color: var(--el-color-danger);
+  color: var(--el-color-danger)
+}
+
+:deep(.el-step__head.is-wait) {
+  border-color: var(--el-text-color-placeholder);
+  color: var(--el-text-color-placeholder)
+}
+
+:deep(.el-step__head.is-success) {
+  border-color: var(--el-color-success-light-3);
+  color: var(--el-color-success-light-3)
+}
+
+:deep(.el-step__title.is-process) {
+  color: var(--el-color-danger);
+  font-weight: bolder;
+  font-size: var(--el-font-size-large);
+}
+
+:deep(.el-step__title.is-wait) {
+  color: var(--el-text-color-placeholder);
+  font-size: var(--el-font-size-small);
+}
+
+:deep(.el-step__title.is-success) {
+  color: var(--el-color-success-light-3);
+  font-size: var(--el-font-size-small);
+}
+</style>

--
Gitblit v1.9.3