对接ESC审批代码
This commit is contained in:
wangchengming
parent
6a2186c5b0
commit
a4bc7160ab
|
|
@ -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({
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
885
src/views/qualification/escApproval/approvalForm.vue
Normal file
885
src/views/qualification/escApproval/approvalForm.vue
Normal file
|
|
@ -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>
|
||||
|
|
@ -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'>
|
||||
|
|
|
|||
|
|
@ -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([])
|
||||
|
||||
// 初始化
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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'
|
||||
})
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user