'单位信息、从业人员管理、申请人员、申请人员、保安待培训人员管理、保安培训项目管理、保安考试管理页面对接处理'
This commit is contained in:
@ -9,22 +9,26 @@
|
||||
</div>
|
||||
<div class="cntinfo">
|
||||
<el-descriptions column="2" border label-width="120px">
|
||||
<el-descriptions-item label="培训项目名称">{{ formData.xm }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训地址">{{ formData.sfzh }}</el-descriptions-item>
|
||||
<el-descriptions-item label="详情地址">{{ formData.lxdh }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训开始时间">{{ formData.jzdz }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训结束时间">{{ formData.rzsj }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训项目名称">{{ formData.xmmc }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训地址">{{ formData.pxdz }}</el-descriptions-item>
|
||||
<el-descriptions-item label="详细地址">{{ formData.xxdz }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训开始时间">{{ formData.kssj }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训结束时间">{{ formData.jssj }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<el-descriptions column="2" border class="label" label-width="120px">
|
||||
<el-descriptions-item label="培训日期">{{ formData.xm }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训时间">{{ formData.sfzh }}</el-descriptions-item>
|
||||
<el-descriptions-item label="课程名称">{{ formData.lxdh }}</el-descriptions-item>
|
||||
<el-descriptions-item label="组织单位">{{ formData.jzdz }}</el-descriptions-item>
|
||||
<el-descriptions-item label="授课教员">{{ formData.rzsj }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训内容">{{ formData.ssbmdm }}</el-descriptions-item>
|
||||
<el-descriptions-item label="已培训人员" :span="2">{{ formData.ssbmdm }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训照片" :span="2"></el-descriptions-item>
|
||||
<el-descriptions-item label="培训日期">{{ courseInfo.pxrq }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训时间">{{ courseInfo.pxsj }}</el-descriptions-item>
|
||||
<el-descriptions-item label="课程名称">{{ courseInfo.kcmc }}</el-descriptions-item>
|
||||
<el-descriptions-item label="组织单位">{{ courseInfo.zzdw }}</el-descriptions-item>
|
||||
<el-descriptions-item label="授课教员">{{ courseInfo.skjy }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训内容">{{ courseInfo.pxnr }}</el-descriptions-item>
|
||||
<el-descriptions-item label="已培训人员" :span="2">{{ courseInfo.ypxry }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训照片" :span="2">
|
||||
<div class="imgWrapper">
|
||||
<Upload v-model="courseInfo.pxzp" />
|
||||
</div>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<!-- <el-descriptions title="考试人员" column="2" border class="mt20"> -->
|
||||
@ -39,7 +43,6 @@
|
||||
</MyTable>
|
||||
<!-- </el-descriptions> -->
|
||||
|
||||
<!-- <view-and-upload-dialog ref="viewAndUploadRef" v-model="viewAndUploadVisible" /> -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -48,7 +51,7 @@
|
||||
import { ref, computed, reactive, getCurrentInstance } from 'vue'
|
||||
import { qcckPost } from "@/api/qcckApi.js";
|
||||
import MyTable from '@/components/aboutTable/MyTable.vue';
|
||||
// import viewAndUploadDialog from './viewAndUploadDialog.vue';
|
||||
import Upload from "@/components/MyComponents/Upload/index.vue"
|
||||
|
||||
const { proxy } = getCurrentInstance()
|
||||
const title = ref('保安培训项目详情')
|
||||
@ -56,8 +59,6 @@ const loading = ref(false)
|
||||
const disabled = ref(false)
|
||||
const FormRef = ref(null)
|
||||
const visible = ref(true)
|
||||
const viewAndUploadRef = ref(null)
|
||||
const viewAndUploadVisible = ref(false)
|
||||
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
@ -106,11 +107,20 @@ const pageData = reactive({
|
||||
});
|
||||
|
||||
const formData = ref({})
|
||||
const courseInfo = ref({})
|
||||
|
||||
const close = () => {
|
||||
dialogVisible.value = false
|
||||
}
|
||||
|
||||
// 获取保安信息培训课程管理详情
|
||||
const getbaInfo = async () => {
|
||||
const res = await qcckPost({}, `/mosty-base/baxx/pxkc/getInfo/${id}`)
|
||||
if (res) {
|
||||
courseInfo.value = res
|
||||
}
|
||||
}
|
||||
|
||||
const open = (row = {}, type = 'view') => {
|
||||
disabled.value = false
|
||||
dialogVisible.value = true
|
||||
@ -118,6 +128,7 @@ const open = (row = {}, type = 'view') => {
|
||||
if (type === 'view') {
|
||||
title.value = '保安线下考试详情'
|
||||
visible.value = true
|
||||
getbaInfo()
|
||||
} else if (type === 'edit') {
|
||||
title.value = '保安证申请'
|
||||
visible.value = false
|
||||
@ -139,9 +150,6 @@ const save = () => {
|
||||
});
|
||||
}
|
||||
|
||||
// const addEdit = (type, row) => {
|
||||
// viewAndUploadRef.value?.open(row, type)
|
||||
// }
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
@ -149,6 +157,26 @@ defineExpose({ open })
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/css/layout.scss";
|
||||
|
||||
.dialog {
|
||||
::v-deep {
|
||||
.imgWrapper {
|
||||
display: flex;
|
||||
|
||||
.el-upload-list__item {
|
||||
height: 80px;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.form-item-box {
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
.el-upload--picture-card, .el-upload-list--picture-card .el-upload-list__item-actions span+span {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
margin-top: 20px;
|
||||
color: #000;
|
||||
|
||||
Reference in New Issue
Block a user