更新

src/views/Training/trainingCompanyNjgl/components/steps.vue

@@ -3,7 +3,9 @@
     <el-dialog class="steps-dialog" title="审核流程" v-model="dialogForm" width="420px">
       <div class="steps-body">
         <el-steps direction="vertical" :active="active" :space="90">
-          <el-step v-for="(item, idx) in steps" :key="item.title" :title="item.title" :description="idx === 0 ? item.time : ''" />
+          <el-step title="保安公司审核" :description="dataForm.bakkShsj || '未审核'" />
+          <el-step title="培训公司审核" :description="dataForm.pxgsShsj || '未审核'" />
+          <el-step title="公安局审核" :description="dataForm.gonganShsj || '未审核'" />
         </el-steps>
       </div>
     </el-dialog>
@@ -11,18 +13,19 @@
 </template>
 
 <script setup>
+import { qcckPost } from "@/api/qcckApi.js";
 import { ref, defineExpose } from 'vue';
 const dialogForm = ref(false);
-const pxgsData = ref()
-const active = ref(1)
-const steps = ref([
-  { title: '保安公司审核', time: '2026-01-07　21:00' },
-  { title: '培训公司审核', time: '2026-01-07　21:00' },
-  { title: '公安局审核', time: '2026-01-07　21:00' },
-])
+const active = ref(0)
+const dataForm = ref({})
 const init = (row) => {
-  pxgsData.value = row
-  dialogForm.value = true;
+  let ids = [row.id]
+  qcckPost(ids,"/mosty-base/bans/njxx/getAuditStatusList").then(res=>{
+    dialogForm.value = true;
+    let obj = res ? res[0] : {};
+    dataForm.value = obj;
+    active.value = Number(obj.currentAuditStage) - 1;
+  })
 }
 
 defineExpose({
@@ -102,4 +105,22 @@ defineExpose({
 ::v-deep .is-finish .el-step__icon{
   background: #86b6f1;
 }
+::v-deep .el-dialog__close{
+  width: 30px;
+  height: 30px;
+  color: #fff;
+  svg{
+    width: 30px;
+    height: 30px;
+  }
+}
+::v-deep .el-dialog__headerbtn{
+  top: auto;
+  bottom: -60px;
+  border: 2px solid #fff;
+  color: #fff;
+  left: 50%;
+  transform: translateX(-50%);
+  border-radius: 50%;
+}
 </style>