diff --git a/src/api/qualification/myQualifications.js b/src/api/qualification/myQualifications.js
index b2d5618..9f8049b 100644
--- a/src/api/qualification/myQualifications.js
+++ b/src/api/qualification/myQualifications.js
@@ -78,9 +78,8 @@ export function updateBusUserQualification(query) {
     method: 'post',
     data: query
   })
-}
+} 
 
- 
 // 查询一条资质申请记录详情
 export function getBusUserQualificationDetail(query) {
   return request({
@@ -98,7 +97,14 @@ export function getBusUserQualificationRecord(query) {
     data: query
   })
 }
-
+// ESC/培训中心审批
+export function updateStatusBusUserQualification(query) {
+  return request({
+    url: '/admin/busUserQualification/updateStatus',
+    method: 'post',
+    data: query
+  })
+} 
 // 删除资质申请记录
 export function deleteBusUserQualification(busQualificationId) {
   return request({
diff --git a/src/router/index.js b/src/router/index.js
index 465a463..6501920 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -122,7 +122,21 @@ export const dynamicRoutes = [
     ]
   },
   {
-    path: '/qualification/escApproval/approvalDetail',
+    path: '/qualification/approvalForm',
+    component: Layout,
+    hidden: true,
+    permissions: ['qualification:escApproval:approvalDetail'],
+    children: [
+      {
+        path: ':Id(\\d+)?',
+        component: () => import('@/views/qualification/escApproval/approvalForm'),
+        name: 'escApprovalForm',
+        meta: { title: 'ESC审批', activeMenu: '/qualification/escApproval' }
+      }
+    ]
+  },
+  {
+    path: '/qualification/approvalDetail',
     component: Layout,
     hidden: true,
     permissions: ['qualification:escApproval:approvalDetail'],
@@ -131,7 +145,7 @@ export const dynamicRoutes = [
         path: ':Id(\\d+)?',
         component: () => import('@/views/qualification/escApproval/approvalDetail'),
         name: 'escApprovalDetail',
-        meta: { title: 'ESC审批', activeMenu: '/qualification/escApproval' }
+        meta: { title: 'ESC审批详情', activeMenu: '/qualification/escApproval' }
       }
     ]
   },
@@ -162,7 +176,7 @@ export const dynamicRoutes = [
         meta: { title: '车型培训记录维护', activeMenu: '/qualification/vehicleTrain' }
       }
     ]
-  }, 
+  },
   {
     path: '/qualification/vehicleTrain/importForm',
     component: Layout,
diff --git a/src/views/qualification/escApproval/approvalDetail.vue b/src/views/qualification/escApproval/approvalDetail.vue
index 8779577..6e9d586 100644
--- a/src/views/qualification/escApproval/approvalDetail.vue
+++ b/src/views/qualification/escApproval/approvalDetail.vue
@@ -73,8 +73,10 @@
                             <el-col :span="4">
                                 <el-form-item label="审批状态" label-position="top" class="myFormItemLable">
                                     <template v-if="detailForm.state">
-                                        <el-text v-if="detailForm.state == 1" type="info"
-                                            class="infoinfoText">待审核</el-text>
+                                        <el-text v-if="detailForm.state == 1 && detailForm.node == 0" type="info"
+                                            class="infoinfoText">待审核</el-text> 
+                                        <el-text v-if="detailForm.state == 1 && detailForm.node == 2" type="info"
+                                            class="infoinfoText">待培训中心审核</el-text>
                                         <el-text v-if="detailForm.state == 2" type="success"
                                             class="successText">通过</el-text>
                                         <el-text v-if="detailForm.state == 9" type="danger"
@@ -127,22 +129,17 @@
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="电工证照片">
-                                        <img v-if="isImageFile(beforeConditionInfo.certificatePhoto)"
-                                            :src="baseUrl + beforeConditionInfo.certificatePhoto"
+                                        <img :src="beforeConditionInfo.certificatePhoto.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.certificatePhoto"
                                             class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.certificatePhoto)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.certificatePhoto)" />
+
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="资质申请表单">
-                                        <img v-if="isImageFile(beforeConditionInfo.qualificationForm)"
-                                            :src="baseUrl + beforeConditionInfo.qualificationForm"
+                                        <img :src="beforeConditionInfo.qualificationForm.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.qualificationForm"
                                             class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
                                     </el-form-item>
                                 </el-col>
                             </el-row>
@@ -185,31 +182,23 @@
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="电工证照片">
-                                        <img v-if="isImageFile(beforeConditionInfo.certificatePhoto)"
-                                            :src="baseUrl + beforeConditionInfo.certificatePhoto"
+                                        <img :src="beforeConditionInfo.certificatePhoto.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.certificatePhoto"
                                             class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.certificatePhoto)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.certificatePhoto)" />
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="SH资质上传">
-                                        <img v-if="isImageFile(beforeConditionInfo.shFile)"
-                                            :src="baseUrl + beforeConditionInfo.shFile" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.shFile)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
+                                        <img :src="beforeConditionInfo.shFile.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.shFile"
+                                            class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.shFile)" />
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="资质申请表单">
-                                        <img v-if="isImageFile(beforeConditionInfo.qualificationForm)"
-                                            :src="baseUrl + beforeConditionInfo.qualificationForm"
+                                        <img :src="beforeConditionInfo.qualificationForm.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.qualificationForm"
                                             class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="8">
@@ -222,10 +211,8 @@
                                 </el-col>
                                 <el-col :span="8" v-if="beforeConditionInfo.practicalExperience == '1'">
                                     <el-form-item label="实操经验表单">
-                                        <img v-if="isImageFile(beforeConditionInfo.experienceFile)"
-                                            :src="baseUrl + beforeConditionInfo.experienceFile" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.experienceFile)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
+                                        <img :src="beforeConditionInfo.experienceFile.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.experienceFile"
+                                            class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.experienceFile)" />
                                     </el-form-item>
                                 </el-col>
@@ -269,31 +256,23 @@
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="电工证照片">
-                                        <img v-if="isImageFile(beforeConditionInfo.certificatePhoto)"
-                                            :src="baseUrl + beforeConditionInfo.certificatePhoto"
+                                        <img :src="beforeConditionInfo.certificatePhoto.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.certificatePhoto"
                                             class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.certificatePhoto)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.certificatePhoto)" />
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="ES资质上传" prop="beforeConditionInfo.esFile">
-                                        <img v-if="isImageFile(beforeConditionInfo.esFile)"
-                                            :src="baseUrl + beforeConditionInfo.esFile" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.esFile)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
+                                        <img :src="beforeConditionInfo.esFile.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.esFile"
+                                            class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.esFile)" />
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="资质申请表单">
-                                        <img v-if="isImageFile(beforeConditionInfo.qualificationForm)"
-                                            :src="baseUrl + beforeConditionInfo.qualificationForm"
+                                        <img :src="beforeConditionInfo.qualificationForm.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.qualificationForm"
                                             class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
                                     </el-form-item>
                                 </el-col>
                             </el-row>
@@ -335,32 +314,23 @@
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="健康证明" prop="beforeConditionInfo.healthCertificate">
-                                        <img v-if="isImageFile(beforeConditionInfo.healthCertificate)"
-                                            :src="baseUrl + beforeConditionInfo.healthCertificate"
+                                        <img :src="beforeConditionInfo.healthCertificate.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.healthCertificate"
                                             class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.healthCertificate)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.healthCertificate)" />
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="急救证" prop="beforeConditionInfo.firstCertificateFile">
-                                        <img v-if="isImageFile(beforeConditionInfo.firstCertificateFile)"
-                                            :src="baseUrl + beforeConditionInfo.firstCertificateFile"
+                                        <img :src="beforeConditionInfo.firstCertificateFile.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.firstCertificateFile"
                                             class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.firstCertificateFile)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.firstCertificateFile)" />
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="8">
                                     <el-form-item label="资质申请表单">
-                                        <img v-if="isImageFile(beforeConditionInfo.qualificationForm)"
-                                            :src="baseUrl + beforeConditionInfo.qualificationForm"
+                                        <img :src="beforeConditionInfo.qualificationForm.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.qualificationForm"
                                             class="avatar viewFile"
                                             @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
-                                        <img v-else :src="pdfIcon" class="avatar viewFile"
-                                            @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
                                     </el-form-item>
                                 </el-col>
                             </el-row>
@@ -375,53 +345,42 @@
                                 {{ scope.$index + 1 }}
                             </template>
                         </el-table-column>
-                        <el-table-column prop="name" label="节点名称" width="260" />
-                        <el-table-column prop="approvalResult" label="审批意见" min-width="100" align="left" />
-                        <el-table-column prop="approvalTime" label="审批时间" width="150">
+                        <el-table-column prop="checkNode" label="节点名称" width="260">
                             <template #default="scope">
-                                <span v-if="scope.row.approvalTime && scope.row.approvalTime"> {{ scope.row.approvalTime
-                                    }}</span>
+                                <span v-if="scope.row.checkNode == 0 && scope.row.checkStatus == 1">提交申请</span>
+                                <span v-if="scope.row.checkNode == 1 && scope.row.checkStatus == 2">ESC审核通过</span>
+                                <span v-if="scope.row.checkNode == 1 && scope.row.checkStatus == 9">ESC驳回</span>
+                                <span v-if="scope.row.checkNode == 2 && scope.row.checkStatus == 2">培训中心审核通过</span>
+                                <span v-if="scope.row.checkNode == 2 && scope.row.checkStatus == 9">培训中心驳回</span>
+                                <span v-if="scope.row.checkNode == 0 && scope.row.checkStatus == 3">用户重新申请</span>
+                                <span v-if="scope.row.checkNode == 1 && scope.row.checkStatus == 3">ESC代替用户重新申请</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="remark" label="审批意见" min-width="100" align="left" />
+                        <el-table-column prop="createTime" label="审批时间" width="230">
+                            <template #default="scope">
+                                <span v-if="scope.row.createTime"> {{ scope.row.createTime }}</span>
                                 <span v-else>-</span>
                             </template>
                         </el-table-column>
                     </el-table>
-                </div>
-                <el-form ref="ruleFormRef" :model="ruleForm" label-position="top">
-                    <div class="headerTitle">审批信息</div>
-                    <div class="applyFormContainer">
-                        <el-row class="myRow" :gutter="20">
-                            <el-col :span="6">
-                                <el-form-item label="审批结果" prop="state">
-                                    <el-radio-group v-model="ruleForm.state">
-                                        <el-radio value="9">驳回</el-radio>
-                                        <el-radio value="2">通过</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="18">
-                                <el-form-item label="审批意见" prop="remark">
-                                    <el-input v-model="ruleForm.remark" style="width: 100%" :rows="5" type="textarea"
-                                        placeholder="请输入" />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </div>
-                </el-form>
+                </div> 
             </el-card>
         </div>
 
         <div class="submitTool">
-            <el-button class="cancelApplyBtn" @click="handleCancel">取消</el-button>
-            <el-button class="submitApplyBtn" @click="handleSubmit">提交</el-button>
+            <el-button class="cancelApplyBtn" @click="handleCancel">返回</el-button>
+            <!-- <el-button class="submitApplyBtn" @click="handleSubmit">提交</el-button> -->
         </div>
+
+        <!-- 图片预览 -->
+        <el-dialog v-model="dialogVisible" title="图片预览">
+            <img v-if="isImageFile(dialogImageUrl)" :src="dialogImageUrl" class="preview-image" alt="Preview Image" />
+            <div v-else class="unsupported-file">
+                <pdf-preview :pdf-url="dialogImageUrl" />
+            </div>
+        </el-dialog>
     </div>
-    <!-- 图片预览 -->
-    <el-dialog v-model="dialogVisible" title="图片预览">
-        <img v-if="isImageFile(dialogImageUrl)" :src="dialogImageUrl" class="preview-image" alt="Preview Image" />
-        <div v-else class="unsupported-file">
-            <pdf-preview :pdf-url="dialogImageUrl" />
-        </div>
-    </el-dialog>
 </template>
 <script setup>
 import { onMounted, reactive } from 'vue'
@@ -455,6 +414,7 @@ const data = reactive({
         escUserName: '',
         createTime: '',
         state: null,
+        node: null,
         qualificationId: ''
     },
     beforeConditionInfo: {
@@ -493,7 +453,7 @@ const getQualificationApprovalRecord = (_id) => {
         userQualificationId: _id
     }
     getBusUserQualificationRecord(queryParamsRecord).then(res => {
-
+        if (res.code == 200) tableData.value = res.data.list
     })
 }
 
@@ -504,6 +464,7 @@ onMounted(() => {
     const id = route.params && route.params.Id
     if (id) {
         console.log('接收id', id)
+        ruleForm.value.id = id
         getDetailInfo(id)
         getQualificationApprovalRecord(id)
     } else {
@@ -548,6 +509,7 @@ const getDetailInfo = (_id) => {
                 escUserName: res.data.escUserName,
                 createTime: res.data.createTime,
                 state: res.data.state,
+                node: res.data.node,
                 qualificationId: res.data.qualificationId,
             }
             beforeConditionInfo.value = JSON.parse(res.data.beforeCondition)
@@ -562,36 +524,12 @@ const isAfterToday = () => {
     const dateToCompare = new Date(beforeConditionInfo.value.reviewDate);
     return dateToCompare > today;
 };
-const handleCancel = () => {
-    proxy.resetForm("ruleFormRef")
+const handleCancel = () => { 
     router.push({
         path: '/qualification/escApproval'
     })
 }
-const handleSubmit = () => {
-    proxy.$refs["ruleFormRef"].validate(valid => {
-        if (valid) {
-            router.push({
-                path: '/qualification/escApproval'
-            })
-            //   if (form.value.roleId != undefined) {
-            //     form.value.menuIds = getMenuAllCheckedKeys()
-            //     updateRole(form.value).then(response => {
-            //       proxy.$modal.msgSuccess("修改成功")
-            //       open.value = false
-            //       getList()
-            //     })
-            //   } else {
-            //     form.value.menuIds = getMenuAllCheckedKeys()
-            //     addRole(form.value).then(response => {
-            //       proxy.$modal.msgSuccess("新增成功")
-            //       open.value = false
-            //       getList()
-            //     })
-            //   }
-        }
-    })
-}
+ 
 </script>
 <style lang='scss'>
 .app-main {
@@ -806,7 +744,7 @@ const handleSubmit = () => {
     font-size: 16px !important;
     text-align: left !important;
     color: #787878 !important;
-    padding: 0 10px 0 60px;
+    padding: 0 10px 0 44px;
 }
 
 .myFormItemLable .el-form-item__content {
@@ -815,7 +753,7 @@ const handleSubmit = () => {
     font-size: 18px !important;
     text-align: left !important;
     color: #000000 !important;
-    padding-left: 60px;
+    padding-left: 44px;
 }
 
 .el-form-item--label-left .el-form-item__content {
diff --git a/src/views/qualification/escApproval/approvalForm.vue b/src/views/qualification/escApproval/approvalForm.vue
new file mode 100644
index 0000000..a98d3de
--- /dev/null
+++ b/src/views/qualification/escApproval/approvalForm.vue
@@ -0,0 +1,885 @@
+<template>
+    <div class="app-page-container">
+        <el-breadcrumb class="app-breadcrumb" separator=">">
+            <transition-group name="breadcrumb">
+                <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
+                    <span v-if="index == levelList.length - 1" class="link-redirect">{{
+                        item.title }}</span>
+                    <span v-else class="no-redirect">{{ item.title }}</span>
+                </el-breadcrumb-item>
+            </transition-group>
+        </el-breadcrumb>
+        <div class="rootContainer clearBoth">
+            <el-card>
+                <template #header>
+                    <div class="card-header">
+                        <span>目标资质：{{ detailForm.qualificationName }}</span>
+                    </div>
+                </template>
+                <el-form ref="detailFormRef" :model="detailForm" label-position="left">
+                    <!-- <div class="headerTitle">基本信息</div> -->
+                    <div class="applyFormContainer">
+                        <el-row class="myRow" :gutter="20">
+                            <el-col :span="20">
+                                <el-row class="myRow" :gutter="20">
+                                    <el-col :span="8">
+                                        <el-form-item label="当前资质:">
+                                            {{ detailForm.sourceQualificationName ? detailForm.sourceQualificationName :
+                                                '-' }}
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="8">
+                                        <el-form-item label="部门:">
+                                            {{ detailForm.deptName ? detailForm.deptName : '-' }}
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="8">
+                                        <el-form-item label="科室:">
+                                            {{ detailForm.sectionName ? detailForm.sectionName : '-' }}
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="8">
+                                        <el-form-item label="员工工号:">
+                                            {{ detailForm.workNo ? detailForm.workNo : '-' }}
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="8">
+                                        <el-form-item label="员工姓名(中文):">
+                                            {{ detailForm.userName ? detailForm.userName : '-' }}
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="8">
+                                        <el-form-item label="员工姓名(英文):">
+                                            {{ detailForm.englishName ? detailForm.englishName : '-' }}
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="8">
+                                        <el-form-item label="属地:">
+                                            {{ detailForm.dependencyName ? detailForm.dependencyName : '-' }}
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="8">
+                                        <el-form-item label="属地ESC:">
+                                            {{ detailForm.escUserName ? detailForm.escUserName : '-' }}
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="8">
+                                        <el-form-item label="创建时间:">
+                                            {{ detailForm.createTime ? detailForm.createTime : '-' }}
+                                        </el-form-item>
+                                    </el-col>
+                                </el-row>
+                            </el-col>
+                            <el-col :span="4">
+                                <el-form-item label="审批状态" label-position="top" class="myFormItemLable">
+                                    <template v-if="detailForm.state">
+                                        <el-text v-if="detailForm.state == 1 && detailForm.node == 0" type="info"
+                                            class="infoinfoText">待审核</el-text>
+                                        <el-text v-if="detailForm.state == 1 && detailForm.node == 2" type="info"
+                                            class="infoinfoText">待培训中心审核</el-text>
+                                        <el-text v-if="detailForm.state == 2" type="success"
+                                            class="successText">通过</el-text>
+                                        <el-text v-if="detailForm.state == 9" type="danger"
+                                            class="dangerText">驳回</el-text>
+                                    </template>
+                                    <template v-else>-</template>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </el-form>
+                <el-form ref="beforeConditionInfoRef" :model="beforeConditionInfo" label-position="top">
+                    <div class="headerTitle">前置条件</div>
+                    <div class="applyFormContainer" v-if="detailForm.qualificationId">
+                        <div v-if="detailForm.qualificationId == 'SH'">
+                            <el-row class="myRow" :gutter="20">
+                                <el-col :span="6">
+                                    <el-form-item label="电工证初领日期">
+                                        <el-date-picker v-model="beforeConditionInfo.collectionDate" type="date"
+                                            format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="请选择电工证初领日期"
+                                            style="width: 100%;" disabled />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="6">
+                                    <el-form-item label="电工证复审日期">
+                                        <el-date-picker v-model="beforeConditionInfo.reviewDate" type="date"
+                                            format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="请选择电工证复审日期"
+                                            style="width: 100%;" disabled />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="6">
+                                    <el-form-item label="电工证状态">
+                                        <template v-if="isAfterToday()">
+                                            <div class="hightSatusNomar"></div>
+                                            <div class="statusLabel">正常</div>
+                                        </template>
+                                        <template v-else>
+                                            <div class="hightSatusDanger"> </div>
+                                            <div class="statusLabel">过期</div>
+                                        </template>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="6">
+                                    <el-form-item label="培训紧迫程度">
+                                        <el-radio-group v-model="beforeConditionInfo.urgency" disabled>
+                                            <el-radio value="1">紧急</el-radio>
+                                            <el-radio value="2">一般</el-radio>
+                                        </el-radio-group>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="电工证照片">
+                                        <img :src="beforeConditionInfo.certificatePhoto.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.certificatePhoto"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.certificatePhoto)" />
+
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="资质申请表单">
+                                        <img :src="beforeConditionInfo.qualificationForm.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.qualificationForm"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </div>
+                        <div v-if="detailForm.qualificationId == 'ES'">
+                            <el-row class="myRow" :gutter="20">
+                                <el-col :span="6">
+                                    <el-form-item label="电工证初领日期">
+                                        <el-date-picker v-model="beforeConditionInfo.collectionDate" type="date"
+                                            format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="请选择电工证初领日期"
+                                            style="width: 100%;" disabled />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="6">
+                                    <el-form-item label="电工证复审日期">
+                                        <el-date-picker v-model="beforeConditionInfo.reviewDate" type="date"
+                                            format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="请选择电工证复审日期"
+                                            style="width: 100%;" disabled />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="6">
+                                    <el-form-item label="电工证状态">
+                                        <template v-if="isAfterToday()">
+                                            <div class="hightSatusNomar"></div>
+                                            <div class="statusLabel">正常</div>
+                                        </template>
+                                        <template v-else>
+                                            <div class="hightSatusDanger"> </div>
+                                            <div class="statusLabel">过期</div>
+                                        </template>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="6">
+                                    <el-form-item label="培训紧迫程度">
+                                        <el-radio-group v-model="beforeConditionInfo.urgency" disabled>
+                                            <el-radio value="1">紧急</el-radio>
+                                            <el-radio value="2">一般</el-radio>
+                                        </el-radio-group>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="电工证照片">
+                                        <img :src="beforeConditionInfo.certificatePhoto.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.certificatePhoto"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.certificatePhoto)" />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="SH资质上传">
+                                        <img :src="beforeConditionInfo.shFile.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.shFile"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.shFile)" />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="资质申请表单">
+                                        <img :src="beforeConditionInfo.qualificationForm.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.qualificationForm"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="6个月实操经验">
+                                        <el-radio-group v-model="beforeConditionInfo.practicalExperience" disabled>
+                                            <el-radio value="0">无</el-radio>
+                                            <el-radio value="1">有</el-radio>
+                                        </el-radio-group>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8" v-if="beforeConditionInfo.practicalExperience == '1'">
+                                    <el-form-item label="实操经验表单">
+                                        <img :src="beforeConditionInfo.experienceFile.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.experienceFile"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.experienceFile)" />
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </div>
+                        <div v-if="detailForm.qualificationId == 'ESC' || ruleForm.qualificationId == 'CESC'">
+                            <el-row class="myRow" :gutter="20">
+                                <el-col :span="6">
+                                    <el-form-item label="电工证初领日期">
+                                        <el-date-picker v-model="beforeConditionInfo.collectionDate" type="date"
+                                            format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="请选择电工证初领日期"
+                                            style="width: 100%;" disabled />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="6">
+                                    <el-form-item label="电工证复审日期">
+                                        <el-date-picker v-model="beforeConditionInfo.reviewDate" type="date"
+                                            format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="请选择电工证复审日期"
+                                            style="width: 100%;" disabled />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="6">
+                                    <el-form-item label="电工证状态">
+                                        <template v-if="isAfterToday()">
+                                            <div class="hightSatusNomar"></div>
+                                            <div class="statusLabel">正常</div>
+                                        </template>
+                                        <template v-else>
+                                            <div class="hightSatusDanger"> </div>
+                                            <div class="statusLabel">过期</div>
+                                        </template>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="6">
+                                    <el-form-item label="培训紧迫程度">
+                                        <el-radio-group v-model="beforeConditionInfo.urgency" disabled>
+                                            <el-radio value="1">紧急</el-radio>
+                                            <el-radio value="2">一般</el-radio>
+                                        </el-radio-group>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="电工证照片">
+                                        <img :src="beforeConditionInfo.certificatePhoto.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.certificatePhoto"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.certificatePhoto)" />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="ES资质上传" prop="beforeConditionInfo.esFile">
+                                        <img :src="beforeConditionInfo.esFile.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.esFile"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.esFile)" />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="资质申请表单">
+                                        <img :src="beforeConditionInfo.qualificationForm.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.qualificationForm"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </div>
+                        <div v-if="detailForm.qualificationId == 'LLP'">
+                            <el-row class="myRow" :gutter="20">
+                                <el-col :span="12">
+                                    <el-form-item label="非电池生产线员工/电池生产线员工">
+                                        <el-radio-group v-model="beforeConditionInfo.batteryLine">
+                                            <el-radio value="0">非电池生产线员工</el-radio>
+                                            <el-radio value="1">电池生产线员工</el-radio>
+                                        </el-radio-group>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="12">
+                                    <el-form-item label="具备资质">
+                                        <el-checkbox-group v-model="beforeConditionInfo.hasQualified" disabled>
+                                            <el-checkbox v-if="beforeConditionInfo.batteryLine == 1" label="SH"
+                                                value="SH" />
+                                            <el-checkbox label="ES" value="ES" />
+                                            <el-checkbox label="ESC" value="ESC" />
+                                            <el-checkbox label="CESC" value="CESC" />
+                                        </el-checkbox-group>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="12">
+                                    <el-form-item label="急救证发证日期">
+                                        <el-date-picker v-model="beforeConditionInfo.firstCollectionDate" type="date"
+                                            format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="请选择急救证发证日期"
+                                            style="width: 60%;" disabled />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="12">
+                                    <el-form-item label="急救证到期日期">
+                                        <el-date-picker v-model="beforeConditionInfo.firstCollectionExpireDate"
+                                            type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+                                            placeholder="请选择急救证到期日期" style="width: 60%;" disabled />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="健康证明" prop="beforeConditionInfo.healthCertificate">
+                                        <img :src="beforeConditionInfo.healthCertificate.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.healthCertificate"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.healthCertificate)" />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="急救证" prop="beforeConditionInfo.firstCertificateFile">
+                                        <img :src="beforeConditionInfo.firstCertificateFile.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.firstCertificateFile"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.firstCertificateFile)" />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="资质申请表单">
+                                        <img :src="beforeConditionInfo.qualificationForm.split('.').pop() == 'pdf' ? pdfIcon : baseUrl + beforeConditionInfo.qualificationForm"
+                                            class="avatar viewFile"
+                                            @click.stop="handleCardPreview(beforeConditionInfo.qualificationForm)" />
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </div>
+                    </div>
+                </el-form>
+                <div class="headerTitle">审批记录</div>
+                <div class="applyFormContainer">
+                    <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;">
+                        <el-table-column label="序号" width="160">
+                            <template #default="scope">
+                                {{ scope.$index + 1 }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="checkNode" label="节点名称" width="260">
+                            <template #default="scope">
+                                <span v-if="scope.row.checkNode == 0 && scope.row.checkStatus == 1">提交申请</span>
+                                <span v-if="scope.row.checkNode == 1 && scope.row.checkStatus == 2">ESC审核通过</span>
+                                <span v-if="scope.row.checkNode == 1 && scope.row.checkStatus == 9">ESC驳回</span>
+                                <span v-if="scope.row.checkNode == 2 && scope.row.checkStatus == 2">培训中心审核通过</span>
+                                <span v-if="scope.row.checkNode == 2 && scope.row.checkStatus == 9">培训中心驳回</span>
+                                <span v-if="scope.row.checkNode == 0 && scope.row.checkStatus == 3">用户重新申请</span>
+                                <span v-if="scope.row.checkNode == 1 && scope.row.checkStatus == 3">ESC代替用户重新申请</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="remark" label="审批意见" min-width="100" align="left" />
+                        <el-table-column prop="createTime" label="审批时间" width="230">
+                            <template #default="scope">
+                                <span v-if="scope.row.createTime"> {{ scope.row.createTime }}</span>
+                                <span v-else>-</span>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+                <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="top">
+                    <div class="headerTitle">审批信息</div>
+                    <div class="applyFormContainer">
+                        <el-row class="myRow" :gutter="20">
+                            <el-col :span="6">
+                                <el-form-item label="审批结果" prop="state">
+                                    <el-radio-group v-model="ruleForm.state">
+                                        <el-radio value="9">驳回</el-radio>
+                                        <el-radio value="2">通过</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="18">
+                                <el-form-item label="审批意见" prop="remark">
+                                    <el-input v-model="ruleForm.remark" style="width: 100%" :rows="5" type="textarea"
+                                        placeholder="请输入" />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </el-form>
+            </el-card>
+        </div>
+
+        <div class="submitTool">
+            <el-button class="cancelApplyBtn" @click="handleCancel">取消</el-button>
+            <el-button class="submitApplyBtn" @click="handleSubmit">提交</el-button>
+        </div>
+
+        <!-- 图片预览 -->
+        <el-dialog v-model="dialogVisible" title="图片预览">
+            <img v-if="isImageFile(dialogImageUrl)" :src="dialogImageUrl" class="preview-image" alt="Preview Image" />
+            <div v-else class="unsupported-file">
+                <pdf-preview :pdf-url="dialogImageUrl" />
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script setup>
+import { onMounted, reactive } from 'vue'
+import { getBusUserQualificationDetail, getBusUserQualificationRecord, updateStatusBusUserQualification } from "@/api/qualification/myQualifications"
+import { useRouter } from 'vue-router'
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from './PdfPreview.vue'
+
+const route = useRoute()
+const baseUrl = import.meta.env.VITE_APP_BASE_API
+const dialogImageUrl = ref('')
+const dialogVisible = ref(false)
+const suffix = ref('')
+const router = useRouter()
+const levelList = ref([
+    { title: '资质管理', path: '/qualification' },
+    { title: 'ESC审批', path: '/qualification/escApproval' },
+    { title: '审批', path: '/qualification/escApproval/approvalDetail' }
+])
+const { proxy } = getCurrentInstance()
+const data = reactive({
+    detailForm: {
+        qualificationName: '',
+        sourceQualificationName: '',
+        deptName: '',
+        sectionName: '',
+        workNo: '',
+        userName: '',
+        englishName: '',
+        dependencyName: '',
+        escUserName: '',
+        createTime: '',
+        state: null,
+        node: null,
+        qualificationId: ''
+    },
+    beforeConditionInfo: {
+        collectionDate: null,
+        reviewDate: null,
+        urgency: '',
+        certificatePhoto: '',
+        qualificationForm: '',
+        shFile: '',
+        esFile: '',
+        batteryLine: '',
+        hasQualified: [],
+        firstCollectionDate: null,
+        firstCollectionExpireDate: null,
+        healthCertificate: '',
+        firstCertificateFile: '',
+        practicalExperience: '',
+        experienceFile: ''
+    },
+    ruleForm: {
+        state: '',
+        remark: ''
+    },
+    rules: {
+        state: [{ required: true, message: "请选择审批结果", trigger: "change" }],
+        remark: [{ required: true, message: "审批意见不能为空", trigger: "blur" }]
+    },
+})
+// 审批记录
+const tableData = ref([])
+// 获取审批记录
+const getQualificationApprovalRecord = (_id) => {
+    var queryParamsRecord = {
+        pageIndex: 1,
+        pageSize: 50,
+        userQualificationId: _id
+    }
+    getBusUserQualificationRecord(queryParamsRecord).then(res => {
+        if (res.code == 200) tableData.value = res.data.list
+    })
+}
+
+const { ruleForm, detailForm, beforeConditionInfo, rules } = toRefs(data)
+
+// 初始化
+onMounted(() => {
+    const id = route.params && route.params.Id
+    if (id) {
+        console.log('接收id', id)
+        ruleForm.value.id = id
+        getDetailInfo(id)
+        getQualificationApprovalRecord(id)
+    } else {
+        ruleForm.value.id = null
+    }
+});
+// 判断是否为图片文件
+const isImageFile = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+
+    suffix.value = filePath.split('.').pop();
+    console.log('后缀', filePath.split('.').pop())
+    return ['jpeg', 'jpg', 'png'].includes(suffix.value?.toLowerCase())
+}
+// 预览
+const handleCardPreview = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+    suffix.value = filePath.split('.').pop();
+    dialogImageUrl.value = baseUrl + filePath
+    dialogVisible.value = true
+}
+// 获取详情
+const getDetailInfo = (_id) => {
+    var _queryParams = {
+        id: _id,
+        node: 1
+    }
+    getBusUserQualificationDetail(_queryParams).then(res => {
+        if (res.code == 200) {
+            detailForm.value = res.data
+            detailForm.value = {
+                qualificationName: res.data.qualificationName,
+                sourceQualificationName: res.data.sourceQualificationName,
+                deptName: res.data.deptName,
+                sectionName: res.data.sectionName,
+                workNo: res.data.workNo,
+                userName: res.data.userName,
+                englishName: res.data.englishName,
+                dependencyName: res.data.dependencyName,
+                escUserName: res.data.escUserName,
+                createTime: res.data.createTime,
+                state: res.data.state,
+                node: res.data.node,
+                qualificationId: res.data.qualificationId,
+            }
+            beforeConditionInfo.value = JSON.parse(res.data.beforeCondition)
+            console.log('资质详情', detailForm.value, beforeConditionInfo.value)
+        }
+    })
+}
+// 对比日期是否在今天之后
+const isAfterToday = () => {
+    const today = new Date();
+    today.setHours(0, 0, 0, 0); // 清除时间部分 
+    const dateToCompare = new Date(beforeConditionInfo.value.reviewDate);
+    return dateToCompare > today;
+};
+const handleCancel = () => {
+    proxy.resetForm("ruleFormRef")
+    router.push({
+        path: '/qualification/escApproval'
+    })
+}
+const handleSubmit = () => {
+    proxy.$refs["ruleFormRef"].validate(valid => {
+        if (valid) {
+            ruleForm.value.node = 1
+            updateStatusBusUserQualification(ruleForm.value).then(res => {
+                if (res.code == 200) {
+                    router.push({
+                        path: '/qualification/escApproval'
+                    })
+                } else {
+                    proxy.$modal.msgSuccess(res.msg)
+                }
+            })
+        }
+    })
+}
+</script>
+<style lang='scss'>
+.app-main {
+    height: 100vh;
+    width: 100%;
+    position: relative;
+    overflow: hidden;
+    background-color: #F8F8F8;
+}
+
+.app-breadcrumb.el-breadcrumb {
+    width: 1200px;
+    margin: 0 auto;
+    height: 44px;
+    line-height: 44px;
+    font-size: 18px;
+    background: #f8f8f8;
+
+    .el-breadcrumb__item {
+        .el-breadcrumb__separator {
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 18px;
+            color: #000000 !important;
+            margin: 0 9px;
+        }
+    }
+
+    .no-redirect {
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        font-size: 18px;
+        color: #000000;
+        cursor: text;
+    }
+
+    .link-redirect {
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        font-size: 18px;
+        color: #0090FF;
+        cursor: text;
+        text-decoration: underline;
+        text-underline-offset: 4px;
+    }
+}
+
+.clearBoth {
+    clear: both;
+}
+
+.rootContainer {
+    width: 1200px;
+    margin: 0 auto;
+    height: calc(100vh - 216px);
+    overflow-y: auto;
+    overflow-x: hidden;
+    background: #ffffff;
+}
+
+.el-card {
+    border: none;
+}
+
+.el-card__header {
+    min-height: 50px;
+    font-family: Microsoft YaHei;
+    font-weight: 700;
+    font-size: 20px;
+    text-align: left;
+    color: #000000;
+    border-bottom: 1px solid #DCDCDC;
+    box-sizing: border-box;
+    padding: 10px 20px 17px 20px;
+}
+
+.el-card__body {
+    padding: 0px 20px 0 20px !important;
+}
+
+.el-card.is-always-shadow {
+    box-shadow: none;
+}
+
+.headerTitle {
+    font-family: Microsoft YaHei;
+    font-weight: 700;
+    font-size: 18px;
+    text-align: left;
+    color: #000000;
+    background: #e9e9e9;
+    padding: 6px 14px;
+}
+
+.infoinfoText {
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    font-size: 18px;
+    color: #DD9200;
+}
+
+.successText {
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    font-size: 18px;
+    color: #00B32A;
+}
+
+.dangerText {
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    font-size: 18px;
+    color: #E13434;
+}
+
+.hightSatusNomar {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    border-radius: 8px;
+    background: #00B32A;
+}
+
+.hightSatusDanger {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    border-radius: 8px;
+    background: #E13434;
+}
+
+.statusLabel {
+    display: inline-block;
+    padding-left: 10px;
+}
+
+.applyFormContainer {
+    padding-top: 20px;
+    overflow: hidden;
+}
+
+.submitTool {
+    width: 100%;
+    height: 76px;
+    position: absolute;
+    top: calc(100% - 76px);
+    background: #ffffff;
+    box-shadow: 1px 2px 10px 0 #93939333;
+    text-align: center;
+    line-height: 76px;
+}
+
+.cancelApplyBtn {
+    width: 100px;
+    height: 36px;
+    border-radius: 4px 4px 4px 4px;
+    background: #ea9f0e;
+    font-family: Microsoft YaHei;
+    font-weight: 700;
+    font-size: 16px;
+    text-align: center;
+    color: #FFFFFF;
+}
+
+.cancelApplyBtn:hover {
+    background: #ea9f0e;
+    color: #FFFFFF;
+}
+
+.submitApplyBtn {
+    width: 100px;
+    height: 36px;
+    border-radius: 4px 4px 4px 4px;
+    background: #4276d1;
+    font-family: Microsoft YaHei;
+    font-weight: 700;
+    font-size: 16px;
+    text-align: center;
+    color: #FFFFFF;
+}
+
+.submitApplyBtn:hover {
+    background: #4276d1;
+    color: #FFFFFF;
+}
+
+.myRow {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+}
+
+.el-form-item--default {
+    margin-bottom: 20px !important;
+}
+
+.el-form-item--label-left .el-form-item__label {
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    font-size: 16px;
+    text-align: left;
+    color: #787878;
+    padding: 0 10px 0 0;
+}
+
+.myFormItemLable {
+    padding-top: 22px;
+}
+
+.myFormItemLable .el-form-item__label {
+    font-family: Microsoft YaHei !important;
+    font-weight: 400 !important;
+    font-size: 16px !important;
+    text-align: left !important;
+    color: #787878 !important;
+    padding: 0 10px 0 60px;
+}
+
+.myFormItemLable .el-form-item__content {
+    font-family: Arial !important;
+    font-weight: 400 !important;
+    font-size: 18px !important;
+    text-align: left !important;
+    color: #000000 !important;
+    padding-left: 60px;
+}
+
+.el-form-item--label-left .el-form-item__content {
+    font-family: Arial;
+    font-weight: 400;
+    font-size: 18px;
+    text-align: left;
+    color: #000000;
+}
+
+.el-form-item--label-top .el-form-item__label {
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    font-size: 18px;
+    text-align: left;
+    color: #666666;
+}
+
+.el-form-item--label-top .el-form-item__content {
+    font-family: Arial;
+    font-weight: 400;
+    font-size: 18px;
+    text-align: left;
+    color: #000000;
+}
+
+.el-form-item--label-top .el-textarea__inner {
+    font-family: Arial;
+    font-weight: 400;
+    font-size: 18px;
+    color: #000000;
+}
+
+.el-input__inner {
+    font-weight: 400;
+    font-size: 18px;
+    text-align: left;
+    color: #000000;
+}
+
+.el-select__wrapper {
+    font-weight: 400;
+    font-size: 18px;
+    text-align: left;
+    color: #000000;
+}
+
+.el-form-item__error {
+    font-size: 16px;
+}
+
+.el-radio__inner {
+    width: 16px !important;
+    height: 16px !important;
+}
+
+.el-radio__label {
+    font-weight: 400;
+    font-size: 18px;
+    text-align: left;
+    color: #000000;
+}
+
+.el-radio__input.is-disabled.is-checked .el-radio__inner {
+    background-color: var(--el-color-primary);
+    border-color: var(--el-color-primary);
+}
+
+.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
+    background-color: var(--el-color-white);
+}
+
+.preview-image {
+    width: 100%;
+    max-height: 70vh;
+    object-fit: contain;
+}
+
+.unsupported-file {
+    padding: 0px;
+    text-align: center;
+    color: #999;
+    height: 70vh;
+}
+
+.viewFile {
+    width: 148px;
+    height: 148px;
+    border: 1px solid #dedede;
+    border-radius: 6px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/qualification/escApproval/index.vue b/src/views/qualification/escApproval/index.vue
index 614a18c..e304741 100644
--- a/src/views/qualification/escApproval/index.vue
+++ b/src/views/qualification/escApproval/index.vue
@@ -25,10 +25,10 @@
                             </el-select>
                         </el-form-item>
                         <el-form-item style="margin-right: 10px;">
-                            <el-button v-if="!unfoldFlag" type="text" class="foladText" @click="handleFlod">展开
+                            <el-button v-if="!unfoldFlag" text class="foladText" @click="handleFlod">展开
                                 <svg-icon icon-class="unfold" />
                             </el-button>
-                            <el-button v-else type="text" class="foladText" @click="handleFlod">折叠
+                            <el-button v-else text class="foladText" @click="handleFlod">折叠
                                 <svg-icon icon-class="packUp" />
                             </el-button>
                         </el-form-item>
@@ -69,19 +69,22 @@
                 <el-table-column prop="userName" label="员工姓名" width="130" />
                 <el-table-column prop="sourceQualificationName" label="当前资质" width="130" />
                 <el-table-column prop="qualificationName" label="目标资质" width="130" />
-                <el-table-column prop="state" label="状态" width="120">
+                <el-table-column prop="state" label="状态" width="160">
                     <template #default="scope">
-                        <el-text v-if="scope.row.state == 1" type="info" class="infoinfoText">待审核</el-text>
+                        <el-text v-if="scope.row.state == 1 && scope.row.node == 0" type="info"
+                            class="infoinfoText">待审核</el-text>
+                        <el-text v-if="scope.row.state == 1 && scope.row.node == 2" type="info"
+                            class="infoinfoText">待培训中心审核</el-text>
                         <el-text v-if="scope.row.state == 2" type="success" class="successText">通过</el-text>
                         <el-text v-if="scope.row.state == 9" type="danger" class="dangerText">驳回</el-text>
                     </template>
                 </el-table-column>
-                <el-table-column label="操作"  fixed="right" width="150">
+                <el-table-column label="操作" fixed="right" align="center" width="100">
                     <template #default="scope">
-                        <el-button type="primary" text class="replayTextBtn" v-if="scope.row.state != 1"
+                        <el-button type="primary" v-if="scope.row.state == 1 && scope.row.node == 0" text
+                            class="replayTextBtn" @click="handleApproval(scope.row)">审批</el-button>
+                        <el-button type="primary" text class="replayTextBtn" v-else
                             @click="handleView(scope.row)">查看</el-button>
-                        <el-button type="primary" v-else text class="replayTextBtn"
-                            @click="handleApproval(scope.row)">审批</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -113,7 +116,7 @@ const queryParams = ref({
     endTime: undefined
 })
 const loading = ref(true)
-const total = ref("")
+const total = ref(0)
 const tableData = ref([])
 const handleFlod = () => {
     unfoldFlag.value = !unfoldFlag.value
@@ -187,7 +190,7 @@ const handleQuery = () => {
 
 /** 重置按钮操作 */
 const resetQuery = () => {
-    dateRange.value = [] 
+    dateRange.value = []
     queryParams.value.userId = undefined
     queryParams.value.deptId = undefined
     queryParams.value.state = undefined
@@ -202,11 +205,11 @@ const handleOpenApplyForm = () => {
 
 }
 const handleView = (record) => {
-    router.push('/qualification/escApproval/approvalDetail/' + record.id)
+    router.push('/qualification/approvalDetail/' + record.id)
 }
 const handleApproval = (record) => {
     console.log('主键', record)
-    router.push('/qualification/escApproval/approvalDetail/' + record.id)
+    router.push('/qualification/approvalForm/' + record.id)
 }
 </script>
 <style lang='scss'>
diff --git a/src/views/qualification/escTask/components/QualificationApply.vue b/src/views/qualification/escTask/components/QualificationApply.vue
index 41d3afb..88713ab 100644
--- a/src/views/qualification/escTask/components/QualificationApply.vue
+++ b/src/views/qualification/escTask/components/QualificationApply.vue
@@ -4,7 +4,7 @@
         <el-row class="myRow">
             <el-col :span="20">
                 <el-form-item label="员工姓名" prop="userName">
-                    <el-select v-model="queryParams.userId" filterable placeholder="请选择员工" @change="selectChanged">
+                    <el-select v-model="queryParams.userId" filterable placeholder="请选择员工">
                         <el-option v-for="item in allUsers" :key="item.userId" :label="item.nickName"
                             :value="item.userId" />
                     </el-select>
@@ -88,7 +88,7 @@ const queryParams = ref({
     qualificationId: undefined
 })
 const loading = ref(true)
-const total = ref("")
+const total = ref(0)
 const tableData = ref([])
 
 // 初始化
diff --git a/src/views/qualification/escTask/components/QualificationManage.vue b/src/views/qualification/escTask/components/QualificationManage.vue
index 7fd8479..4f16c09 100644
--- a/src/views/qualification/escTask/components/QualificationManage.vue
+++ b/src/views/qualification/escTask/components/QualificationManage.vue
@@ -3,7 +3,7 @@
         <el-row class="myRow">
             <el-col :span="20">
                 <el-form-item label="员工姓名" prop="userName">
-                    <el-select v-model="queryParams.userId" filterable placeholder="请选择员工" @change="selectChanged">
+                    <el-select v-model="queryParams.userId" filterable placeholder="请选择员工">
                         <el-option v-for="item in allUsers" :key="item.userId" :label="item.nickName"
                             :value="item.userId" />
                     </el-select>
diff --git a/src/views/qualification/vehicleTrain/form.vue b/src/views/qualification/vehicleTrain/form.vue
index 40cf5b7..fb9b42a 100644
--- a/src/views/qualification/vehicleTrain/form.vue
+++ b/src/views/qualification/vehicleTrain/form.vue
@@ -224,16 +224,14 @@ const handleSubmit = () => {
         if (valid) {
             if (ruleForm.value.id != undefined) {
                 updateVehicleModelTraining(ruleForm.value).then(response => {
-                    proxy.$modal.msgSuccess("修改成功")
-                    open.value = false
+                    proxy.$modal.msgSuccess("修改成功") 
                     router.push({
                         path: '/qualification/vehicleTrain'
                     })
                 })
             } else {
                 addVehicleModelTraining(ruleForm.value).then(response => {
-                    proxy.$modal.msgSuccess("新增成功")
-                    open.value = false
+                    proxy.$modal.msgSuccess("新增成功") 
                     router.push({
                         path: '/qualification/vehicleTrain'
                     })