提交
This commit is contained in:
wangchengming
parent
cadc21f908
commit
2bac4bd518
|
|
@ -96,9 +96,15 @@
|
|||
<el-table-column prop="qualificationName" label="资质名称" width="100" />
|
||||
<el-table-column prop="certificateUrl" label="资质证书" align="center">
|
||||
<template #default="scope">
|
||||
<el-image v-if="scope.row.certificateUrl"
|
||||
style="width: 70px; height: 44px;line-height: 50px;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill" />
|
||||
<template v-if="scope.row.certificateUrl">
|
||||
<el-image
|
||||
v-if="scope.row.certificateUrl && ['jpeg', 'jpg', 'png'].includes(scope.row.certificateUrl.split('.').pop().toLowerCase())"
|
||||
style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
<img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
</template>
|
||||
<span v-else>请在"高压资质培训信息"上传资质证书</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -115,7 +121,7 @@
|
|||
<template #default="scope">
|
||||
<span v-if="scope.row.startTime"> {{
|
||||
moment(scope.row.startTime).format('YYYY-MM-DD')
|
||||
}}</span>
|
||||
}}</span>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -125,7 +131,7 @@
|
|||
<template v-else>
|
||||
<span v-if="scope.row.expireTime"> {{
|
||||
moment(scope.row.expireTime).format('YYYY-MM-DD')
|
||||
}}</span>
|
||||
}}</span>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</template>
|
||||
|
|
@ -177,13 +183,22 @@
|
|||
<div class="submitTool">
|
||||
<el-button class="cancelApplyBtn" @click="handleCancel">返回</el-button>
|
||||
</div>
|
||||
</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 { getBusUserLabelDetail, getBusUserrLabelRecord, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
|
||||
import moment from 'moment'
|
||||
import pdfIcon from '@/assets/images/pdfIcon.png'
|
||||
import PdfPreview from '../../qualification/escApproval/PdfPreview.vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
|
||||
const router = useRouter()
|
||||
|
|
@ -198,6 +213,12 @@ const data = reactive({
|
|||
detailForm: {},
|
||||
})
|
||||
const { detailForm } = toRefs(data)
|
||||
|
||||
const suffix = ref('')
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
const dialogImageUrl = ref('')
|
||||
const dialogVisible = ref(false)
|
||||
|
||||
const handleJump = (goLink) => {
|
||||
if (goLink) router.push({ path: goLink })
|
||||
}
|
||||
|
|
@ -230,7 +251,7 @@ const getCurrentUserRecurrentTraining = () => {
|
|||
}
|
||||
})
|
||||
}
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
|
||||
// 审批记录
|
||||
const tableData = ref([])
|
||||
// 获取审批记录
|
||||
|
|
@ -252,6 +273,23 @@ const handleCancel = () => {
|
|||
path: '/labelManage/adminApproval'
|
||||
})
|
||||
}
|
||||
// 判断是否为图片文件
|
||||
const isImageFile = (filePath) => {
|
||||
// 处理无后缀名情况
|
||||
if (!filePath || filePath.indexOf('.') === -1) return '';
|
||||
|
||||
suffix.value = 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
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.app-main {
|
||||
|
|
|
|||
|
|
@ -95,9 +95,15 @@
|
|||
<el-table-column prop="qualificationName" label="资质名称" width="100" />
|
||||
<el-table-column prop="certificateUrl" label="资质证书" align="center">
|
||||
<template #default="scope">
|
||||
<el-image v-if="scope.row.certificateUrl"
|
||||
style="width: 70px; height: 44px;line-height: 50px;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill" />
|
||||
<template v-if="scope.row.certificateUrl">
|
||||
<el-image
|
||||
v-if="scope.row.certificateUrl && ['jpeg', 'jpg', 'png'].includes(scope.row.certificateUrl.split('.').pop().toLowerCase())"
|
||||
style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
<img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
</template>
|
||||
<span v-else>请在"高压资质培训信息"上传资质证书</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -198,13 +204,21 @@
|
|||
<el-button class="cancelApplyBtn" @click="handleCancel">取消</el-button>
|
||||
<el-button class="submitApplyBtn" @click="handleSubmit">提交</el-button>
|
||||
</div>
|
||||
</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 { getBusUserLabelDetail, getBusUserrLabelRecord, updateStatusBusUserLabel, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
|
||||
import moment from 'moment'
|
||||
import pdfIcon from '@/assets/images/pdfIcon.png'
|
||||
import PdfPreview from '../../qualification/escApproval/PdfPreview.vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
|
||||
const router = useRouter()
|
||||
|
|
@ -227,6 +241,12 @@ const data = reactive({
|
|||
},
|
||||
})
|
||||
const { ruleForm, detailForm, rules } = toRefs(data)
|
||||
|
||||
const suffix = ref('')
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
const dialogImageUrl = ref('')
|
||||
const dialogVisible = ref(false)
|
||||
|
||||
const handleJump = (goLink) => {
|
||||
if (goLink) router.push({ path: goLink })
|
||||
}
|
||||
|
|
@ -262,7 +282,7 @@ const getCurrentUserRecurrentTraining = () => {
|
|||
}
|
||||
})
|
||||
}
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
|
||||
// 审批记录
|
||||
const tableData = ref([])
|
||||
// 获取审批记录
|
||||
|
|
@ -306,6 +326,23 @@ const handleSubmit = () => {
|
|||
}
|
||||
})
|
||||
}
|
||||
// 判断是否为图片文件
|
||||
const isImageFile = (filePath) => {
|
||||
// 处理无后缀名情况
|
||||
if (!filePath || filePath.indexOf('.') === -1) return '';
|
||||
|
||||
suffix.value = 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
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.app-main {
|
||||
|
|
|
|||
|
|
@ -96,9 +96,15 @@
|
|||
<el-table-column prop="qualificationName" label="资质名称" width="100" />
|
||||
<el-table-column prop="certificateUrl" label="资质证书" align="center">
|
||||
<template #default="scope">
|
||||
<el-image v-if="scope.row.certificateUrl"
|
||||
style="width: 70px; height: 44px;line-height: 50px;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill" />
|
||||
<template v-if="scope.row.certificateUrl">
|
||||
<el-image
|
||||
v-if="scope.row.certificateUrl && ['jpeg', 'jpg', 'png'].includes(scope.row.certificateUrl.split('.').pop().toLowerCase())"
|
||||
style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
<img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
</template>
|
||||
<span v-else>请在"高压资质培训信息"上传资质证书</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -115,7 +121,7 @@
|
|||
<template #default="scope">
|
||||
<span v-if="scope.row.startTime"> {{
|
||||
moment(scope.row.startTime).format('YYYY-MM-DD')
|
||||
}}</span>
|
||||
}}</span>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -125,7 +131,7 @@
|
|||
<template v-else>
|
||||
<span v-if="scope.row.expireTime"> {{
|
||||
moment(scope.row.expireTime).format('YYYY-MM-DD')
|
||||
}}</span>
|
||||
}}</span>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</template>
|
||||
|
|
@ -177,13 +183,21 @@
|
|||
<div class="submitTool">
|
||||
<el-button class="cancelApplyBtn" @click="handleCancel">返回</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 { getBusUserLabelDetail, getBusUserrLabelRecord, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
|
||||
import moment from 'moment'
|
||||
import pdfIcon from '@/assets/images/pdfIcon.png'
|
||||
import PdfPreview from '../../qualification/escApproval/PdfPreview.vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
|
||||
const router = useRouter()
|
||||
|
|
@ -198,6 +212,12 @@ const data = reactive({
|
|||
detailForm: {},
|
||||
})
|
||||
const { detailForm } = toRefs(data)
|
||||
|
||||
const suffix = ref('')
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
const dialogImageUrl = ref('')
|
||||
const dialogVisible = ref(false)
|
||||
|
||||
const handleJump = (goLink) => {
|
||||
if (goLink) router.push({ path: goLink })
|
||||
}
|
||||
|
|
@ -230,7 +250,7 @@ const getCurrentUserRecurrentTraining = () => {
|
|||
}
|
||||
})
|
||||
}
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
|
||||
// 审批记录
|
||||
const tableData = ref([])
|
||||
// 获取审批记录
|
||||
|
|
@ -252,6 +272,23 @@ const handleCancel = () => {
|
|||
path: '/labelManage/escApproval'
|
||||
})
|
||||
}
|
||||
// 判断是否为图片文件
|
||||
const isImageFile = (filePath) => {
|
||||
// 处理无后缀名情况
|
||||
if (!filePath || filePath.indexOf('.') === -1) return '';
|
||||
|
||||
suffix.value = 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
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.app-main {
|
||||
|
|
|
|||
|
|
@ -95,9 +95,15 @@
|
|||
<el-table-column prop="qualificationName" label="资质名称" width="100" />
|
||||
<el-table-column prop="certificateUrl" label="资质证书" align="center">
|
||||
<template #default="scope">
|
||||
<el-image v-if="scope.row.certificateUrl"
|
||||
style="width: 70px; height: 44px;line-height: 50px;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill" />
|
||||
<template v-if="scope.row.certificateUrl">
|
||||
<el-image
|
||||
v-if="scope.row.certificateUrl && ['jpeg', 'jpg', 'png'].includes(scope.row.certificateUrl.split('.').pop().toLowerCase())"
|
||||
style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
<img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
</template>
|
||||
<span v-else>请在"高压资质培训信息"上传资质证书</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -198,13 +204,21 @@
|
|||
<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 { getBusUserLabelDetail, getBusUserrLabelRecord, updateStatusBusUserLabel, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
|
||||
import moment from 'moment'
|
||||
import pdfIcon from '@/assets/images/pdfIcon.png'
|
||||
import PdfPreview from '../../qualification/escApproval/PdfPreview.vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
|
||||
const router = useRouter()
|
||||
|
|
@ -227,6 +241,13 @@ const data = reactive({
|
|||
},
|
||||
})
|
||||
const { ruleForm, detailForm, rules } = toRefs(data)
|
||||
|
||||
|
||||
const suffix = ref('')
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
const dialogImageUrl = ref('')
|
||||
const dialogVisible = ref(false)
|
||||
|
||||
const handleJump = (goLink) => {
|
||||
if (goLink) router.push({ path: goLink })
|
||||
}
|
||||
|
|
@ -262,7 +283,6 @@ const getCurrentUserRecurrentTraining = () => {
|
|||
}
|
||||
})
|
||||
}
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
// 审批记录
|
||||
const tableData = ref([])
|
||||
// 获取审批记录
|
||||
|
|
@ -306,6 +326,23 @@ const handleSubmit = () => {
|
|||
}
|
||||
})
|
||||
}
|
||||
// 判断是否为图片文件
|
||||
const isImageFile = (filePath) => {
|
||||
// 处理无后缀名情况
|
||||
if (!filePath || filePath.indexOf('.') === -1) return '';
|
||||
|
||||
suffix.value = 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
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.app-main {
|
||||
|
|
|
|||
|
|
@ -166,6 +166,8 @@ import { submitBusUserLabel } from "@/api/labelManage/labelManage"
|
|||
import { getUserCertificateList } from "@/api/qualification/myQualifications"
|
||||
import { currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
|
||||
import { useRouter } from 'vue-router'
|
||||
import pdfIcon from '@/assets/images/pdfIcon.png'
|
||||
import PdfPreview from './PdfPreview.vue'
|
||||
import moment from 'moment'
|
||||
|
||||
const router = useRouter()
|
||||
|
|
|
|||
|
|
@ -96,9 +96,14 @@
|
|||
<el-table-column prop="qualificationName" label="资质名称" width="100" />
|
||||
<el-table-column prop="certificateUrl" label="资质证书" align="center">
|
||||
<template #default="scope">
|
||||
<el-image v-if="scope.row.certificateUrl"
|
||||
style="width: 70px; height: 44px;line-height: 50px;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill" />
|
||||
<template v-if="scope.row.certificateUrl">
|
||||
<el-image v-if="isImageFile(scope.row.certificateUrl)"
|
||||
style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
<img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
</template>
|
||||
<span v-else>请在"高压资质培训信息"上传资质证书</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -115,7 +120,7 @@
|
|||
<template #default="scope">
|
||||
<span v-if="scope.row.startTime"> {{
|
||||
moment(scope.row.startTime).format('YYYY-MM-DD')
|
||||
}}</span>
|
||||
}}</span>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -125,7 +130,7 @@
|
|||
<template v-else>
|
||||
<span v-if="scope.row.expireTime"> {{
|
||||
moment(scope.row.expireTime).format('YYYY-MM-DD')
|
||||
}}</span>
|
||||
}}</span>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</template>
|
||||
|
|
@ -174,13 +179,21 @@
|
|||
</div>
|
||||
</el-card>
|
||||
</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 { getBusUserLabelDetail, getBusUserrLabelRecord, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
|
||||
import { useRouter } from 'vue-router'
|
||||
import pdfIcon from '@/assets/images/pdfIcon.png'
|
||||
import PdfPreview from './PdfPreview.vue'
|
||||
import moment from 'moment'
|
||||
|
||||
const route = useRoute()
|
||||
|
|
@ -202,12 +215,17 @@ const data = reactive({
|
|||
remark: [{ required: true, message: "审批意见不能为空", trigger: "blur" }]
|
||||
},
|
||||
})
|
||||
|
||||
const suffix = ref('')
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
const dialogImageUrl = ref('')
|
||||
const dialogVisible = ref(false)
|
||||
|
||||
const handleJump = (goLink) => {
|
||||
if (goLink) router.push({ path: goLink })
|
||||
}
|
||||
// 审批记录
|
||||
const tableData = ref([])
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
// 获取审批记录
|
||||
const getLabelApprovalRecord = (_id) => {
|
||||
var queryParamsRecord = {
|
||||
|
|
@ -256,6 +274,23 @@ const getCurrentUserRecurrentTraining = () => {
|
|||
}
|
||||
})
|
||||
}
|
||||
// 判断是否为图片文件
|
||||
const isImageFile = (filePath) => {
|
||||
// 处理无后缀名情况
|
||||
if (!filePath || filePath.indexOf('.') === -1) return '';
|
||||
|
||||
suffix.value = 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
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.app-main {
|
||||
|
|
|
|||
|
|
@ -164,6 +164,8 @@ import { getBusUserLabelDetail, reApplyBusUserLabel } from "@/api/labelManage/la
|
|||
import { getUserCertificateList } from "@/api/qualification/myQualifications"
|
||||
import { currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
|
||||
import { useRouter } from 'vue-router'
|
||||
import pdfIcon from '@/assets/images/pdfIcon.png'
|
||||
import PdfPreview from './PdfPreview.vue'
|
||||
import moment from 'moment'
|
||||
|
||||
const router = useRouter()
|
||||
|
|
|
|||
|
|
@ -139,6 +139,8 @@ import { getSysSectionPage } from "@/api/system/section"
|
|||
import { submitBusUserLabel } from "@/api/labelManage/labelManage"
|
||||
import { getCurrentUserList } from "@/api/qualification/myQualifications"
|
||||
import { currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
|
||||
import pdfIcon from '@/assets/images/pdfIcon.png'
|
||||
import PdfPreview from './PdfPreview.vue'
|
||||
import moment from 'moment'
|
||||
|
||||
const emit = defineEmits(['refresh'])
|
||||
|
|
|
|||
|
|
@ -96,9 +96,15 @@
|
|||
<el-table-column prop="qualificationName" label="资质名称" width="100" />
|
||||
<el-table-column prop="certificateUrl" label="资质证书" align="center">
|
||||
<template #default="scope">
|
||||
<el-image v-if="scope.row.certificateUrl"
|
||||
style="width: 70px; height: 44px;line-height: 50px;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill" />
|
||||
<template v-if="scope.row.certificateUrl">
|
||||
<el-image
|
||||
v-if="scope.row.certificateUrl && ['jpeg', 'jpg', 'png'].includes(scope.row.certificateUrl.split('.').pop().toLowerCase())"
|
||||
style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
|
||||
:src="baseUrl + scope.row.certificateUrl" fit="fill"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
<img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
|
||||
@click.stop="handleCardPreview(scope.row.certificateUrl)" />
|
||||
</template>
|
||||
<span v-else>请在"高压资质培训信息"上传资质证书</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -174,13 +180,21 @@
|
|||
</div>
|
||||
</el-card>
|
||||
</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 { getBusUserLabelDetail, getBusUserrLabelRecord, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
|
||||
import { useRouter } from 'vue-router'
|
||||
import pdfIcon from '@/assets/images/pdfIcon.png'
|
||||
import PdfPreview from './PdfPreview.vue'
|
||||
import moment from 'moment'
|
||||
|
||||
const route = useRoute()
|
||||
|
|
@ -202,12 +216,18 @@ const data = reactive({
|
|||
remark: [{ required: true, message: "审批意见不能为空", trigger: "blur" }]
|
||||
},
|
||||
})
|
||||
|
||||
const suffix = ref('')
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
const dialogImageUrl = ref('')
|
||||
const dialogVisible = ref(false)
|
||||
|
||||
const handleJump = (goLink) => {
|
||||
if (goLink) router.push({ path: goLink })
|
||||
}
|
||||
// 审批记录
|
||||
const tableData = ref([])
|
||||
const baseUrl = import.meta.env.VITE_APP_BASE_API
|
||||
|
||||
// 获取审批记录
|
||||
const getLabelApprovalRecord = (_id) => {
|
||||
var queryParamsRecord = {
|
||||
|
|
@ -256,6 +276,23 @@ const getCurrentUserRecurrentTraining = () => {
|
|||
}
|
||||
})
|
||||
}
|
||||
// 判断是否为图片文件
|
||||
const isImageFile = (filePath) => {
|
||||
// 处理无后缀名情况
|
||||
if (!filePath || filePath.indexOf('.') === -1) return '';
|
||||
|
||||
suffix.value = 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
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.app-main {
|
||||
|
|
|
|||
|
|
@ -140,6 +140,8 @@ import { getSysSectionPage } from "@/api/system/section"
|
|||
import { getBusUserLabelDetail, reApplyBusUserLabel } from "@/api/labelManage/labelManage"
|
||||
import { getCurrentUserList } from "@/api/qualification/myQualifications"
|
||||
import { currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
|
||||
import pdfIcon from '@/assets/images/pdfIcon.png'
|
||||
import PdfPreview from './PdfPreview.vue'
|
||||
import moment from 'moment'
|
||||
|
||||
const emit = defineEmits(['refresh'])
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
<el-input v-model="registerForm.workNo" placeholder="请输入员工工号" @input="handleInput" />
|
||||
</el-form-item>
|
||||
<el-form-item label="账号:" prop="username">
|
||||
<el-input v-model="registerForm.username"> </el-input>
|
||||
<el-input v-model="registerForm.username" disabled> </el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码:" prop="password">
|
||||
<el-input v-model="registerForm.password" type="password" auto-complete="off" show-password="true">
|
||||
|
|
@ -116,13 +116,13 @@ const registerRules = {
|
|||
workNo: [{ required: true, message: "工号不能为空", trigger: "blur" }],
|
||||
nickName: [{ required: true, message: "中文姓名不能为空", trigger: "blur" }, { min: 2, max: 20, message: "中文姓名长度必须介于 2 和 20 之间", trigger: "blur" }],
|
||||
englishName: [{ required: true, message: "英文姓名不能为空", trigger: "blur" }, { min: 2, max: 20, message: "英文姓名长度必须介于 2 和 20 之间", trigger: "blur" }],
|
||||
username: [{ required: true, message: "登录账号不能为空", trigger: "blur" }, { min: 2, max: 20, message: "登录账号长度必须介于 2 和 20 之间", trigger: "blur" }],
|
||||
// username: [{ required: true, message: "登录账号不能为空", trigger: "blur" }, { min: 2, max: 20, message: "登录账号长度必须介于 2 和 20 之间", trigger: "blur" }],
|
||||
password: [{ required: true, message: "登录密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "登录密码长度必须介于 5 和 20 之间", trigger: "blur" }, { pattern: /^[^<>"'|\\]+$/, message: "不能包含非法字符：< > \" ' \\\ |", trigger: "blur" }],
|
||||
email: [{ required: true, type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
||||
deptId: [{ required: true, message: "请选择归属部门", trigger: ["change"] }],
|
||||
sectionId: [{ required: true, message: "请选择科室", trigger: ["change"] }],
|
||||
dependencyId: [{ required: true, message: "请选择属地", trigger: ["change"] }],
|
||||
escEmail: [{ required: true, type: "email", message: "ESC邮箱不能为空", trigger: ["blur", "change"] }],
|
||||
// escEmail: [{ required: true, type: "email", message: "ESC邮箱不能为空", trigger: ["blur", "change"] }],
|
||||
}
|
||||
// 工号输入后 自动关联账号
|
||||
const handleInput = (value) => {
|
||||
|
|
|
|||
|
|
@ -650,7 +650,7 @@ function reset() {
|
|||
status: "0",
|
||||
remark: undefined,
|
||||
postIds: [],
|
||||
roleIds: []
|
||||
roleIds: ['2']
|
||||
}
|
||||
proxy.resetForm("userRef")
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user