'修改图片参数转换处理'
This commit is contained in:
esacpe
@ -0,0 +1,101 @@
|
||||
<template>
|
||||
<el-dialog class="dialogWerapper" width="40%" v-model="modelValue" :title="title" @close="handleClose">
|
||||
<form-message ref="FormRef" :disabled="disabled" v-model="formData" :rules="rules" :formList="formList" />
|
||||
|
||||
<template #footer>
|
||||
<el-button type="primary" v-if="!disabled" :loading="loading" @click="handleSubmit">确定</el-button>
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed, ref, reactive, getCurrentInstance } from 'vue';
|
||||
import { qcckPost } from "@/api/qcckApi.js";
|
||||
import FormMessage from '@/components/aboutTable/FormMessage.vue'
|
||||
|
||||
const { proxy } = getCurrentInstance()
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
})
|
||||
|
||||
const emits = defineEmits(['update:modelValue', 'refresh'])
|
||||
|
||||
const visible = computed({
|
||||
get() {
|
||||
return props.modelValue
|
||||
},
|
||||
set(val) {
|
||||
emits('update:modelValue', val)
|
||||
}
|
||||
})
|
||||
|
||||
const title = ref('上传成绩')
|
||||
const loading = ref(false)
|
||||
const disabled = ref(false)
|
||||
const FormRef = ref(null)
|
||||
const formData = ref({})
|
||||
|
||||
const formList = reactive([
|
||||
[
|
||||
{ label: "成绩", prop: "kscj", type: "input" },
|
||||
],
|
||||
[
|
||||
{ label: "卷面", prop: "kszp", type: "upload", limit: 3 },
|
||||
],
|
||||
])
|
||||
|
||||
const rules = {
|
||||
ksfs: [{ required: true, message: "请输入考试成绩", trigger: "change" }],
|
||||
kszp: [{ required: true, message: "请输上传卷面", trigger: "change" }],
|
||||
}
|
||||
|
||||
const open = (row = {}, type = 'updata') => {
|
||||
visible.value = true
|
||||
disabled.value = false
|
||||
|
||||
const fieldsToSplit = ['kszp'];
|
||||
fieldsToSplit.forEach(field => {
|
||||
row[field] = typeof row[field] === 'string' ? row[field].split(',') : [];
|
||||
});
|
||||
|
||||
formData.value = { ...row }
|
||||
if (type === 'updata') {
|
||||
title.value = '上传成绩'
|
||||
} else {
|
||||
disabled.value = true
|
||||
title.value = '查看成绩'
|
||||
}
|
||||
}
|
||||
|
||||
const handleClose = () => {
|
||||
FormRef.value?.reset()
|
||||
visible.value = false
|
||||
}
|
||||
|
||||
const handleSubmit = async () => {
|
||||
let params = { ...formData.value }
|
||||
params.kszp = params.kszp ? params.kszp.join(','):''
|
||||
|
||||
try {
|
||||
loading.value = true
|
||||
await FormRef.value.submit(async () => {
|
||||
const { pxryid = "" } = params
|
||||
await qcckPost({ ...params, pxryid }, `mosty/base/baxx/pxry/lrcj`)
|
||||
proxy.$message.success('上传成绩成功')
|
||||
emits('refresh')
|
||||
visible.value = false
|
||||
})
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
proxy.$message.error('上传成绩失败')
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
@ -0,0 +1,181 @@
|
||||
<template>
|
||||
<div class="dialog" v-if="dialogVisible">
|
||||
<div class="head_box">
|
||||
<span class="title">{{ title }}</span>
|
||||
<div>
|
||||
<!-- <el-button size="small" @click="save" type="primary" :loading="loading">保存</el-button> -->
|
||||
<el-button size="small" @click="close">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cntinfo">
|
||||
<template v-if="visible">
|
||||
<el-descriptions column="2" border label-width="120px">
|
||||
<el-descriptions-item label="培训项目名称">{{ formData.xmmc }}</el-descriptions-item>
|
||||
<el-descriptions-item label="考试时间">{{ formData.kssj }}</el-descriptions-item>
|
||||
<el-descriptions-item label="考试辖区">{{ formData.ksxq }}</el-descriptions-item>
|
||||
<el-descriptions-item label="考试地址">{{ formData.ksdz }}</el-descriptions-item>
|
||||
<el-descriptions-item label="监考民警">{{ formData.jkmj }}</el-descriptions-item>
|
||||
<el-descriptions-item label="考试方式">
|
||||
<DictTag :value="formData.ksfs" :options="D_BAXX_KSFS" />
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</template>
|
||||
|
||||
<div class="label">考试人员</div>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
||||
>
|
||||
<template #xxpxsc="{ row }">
|
||||
<span>{{ row.xxpxsc }}h</span>
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link v-if="!visible && row?.kscj >= 60" @click="handleCertificate(row)">申请证件</el-link>
|
||||
<template v-if="visible && row?.ksfs ==='01'">
|
||||
<el-link v-if="!row?.kscj" type="primary" @click="addEdit('updata', row)">上传成绩</el-link>
|
||||
<el-link v-else type="primary" @click="addEdit('view', row)">查看成绩</el-link>
|
||||
</template>
|
||||
</template>
|
||||
</MyTable>
|
||||
|
||||
<view-and-upload-dialog ref="viewAndUploadRef" v-model="viewAndUploadVisible" @refresh="getList" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
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';
|
||||
|
||||
const { proxy } = getCurrentInstance()
|
||||
const { D_BAXX_KSFS } = proxy.$dict("D_BAXX_KSFS")
|
||||
const title = ref('保安线下考试详情')
|
||||
const disabled = ref(false)
|
||||
const visible = ref(true)
|
||||
const viewAndUploadRef = ref(null)
|
||||
const viewAndUploadVisible = ref(false)
|
||||
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dic: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
|
||||
const emits = defineEmits(['update:modelValue', 'refresh'])
|
||||
|
||||
const dialogVisible = computed({
|
||||
get() {
|
||||
return props.modelValue
|
||||
},
|
||||
set(val) {
|
||||
emits('update:modelValue', val)
|
||||
}
|
||||
})
|
||||
|
||||
const pageData = reactive({
|
||||
tableData: [{}],
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
rowHieght: 61,
|
||||
showSelectType: "null",
|
||||
loading: false
|
||||
},
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 10,
|
||||
pageCurrent: 1
|
||||
},
|
||||
controlsWidth: 180,
|
||||
tableColumn: [
|
||||
{ label: "姓名", prop: "xm" },
|
||||
{ label: "证件号码", prop: "sfzh" },
|
||||
{ label: "联系方式", prop: "lxdh" },
|
||||
{ label: "线上培训时间", prop: "xspxsc", showSolt: true },
|
||||
{ label: "线下培训课程", prop: "xxpxsc" },
|
||||
{ label: "考试成绩", prop: "kscj" },
|
||||
]
|
||||
});
|
||||
|
||||
const formData = ref({})
|
||||
|
||||
const close = () => {
|
||||
dialogVisible.value = false
|
||||
}
|
||||
|
||||
// 根据项目id获取培训人员
|
||||
const getList = async ({ id = "" }, type = '') => {
|
||||
const res = await qcckPost({
|
||||
pxxmid: id
|
||||
}, `/mosty-base/baxx/ksry/list`)
|
||||
if (res) {
|
||||
pageData.tableData = res || [];
|
||||
if (!type) emits("refresh");
|
||||
}
|
||||
}
|
||||
|
||||
const open = (row = {}, type = 'add') => {
|
||||
getList(row, type)
|
||||
disabled.value = false
|
||||
dialogVisible.value = true
|
||||
formData.value = { ...row }
|
||||
if (type === 'view') {
|
||||
title.value = `保安线${formData.value?.ksfs ==='01' ? '下' : '上'}考试详情`
|
||||
visible.value = true
|
||||
} else if (type === 'edit') {
|
||||
title.value = '保安证申请'
|
||||
visible.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const addEdit = (type, row) => {
|
||||
viewAndUploadRef.value?.open(row, type)
|
||||
}
|
||||
|
||||
// 申请保安证
|
||||
const handleCertificate = async ({ pxryid = ''}) => {
|
||||
try {
|
||||
await qcckPost({ id: pxryid }, `/mosty-base/baxx/pxry/sqzj`)
|
||||
proxy.$message.success("申请证件成功")
|
||||
emits("refresh");
|
||||
close();
|
||||
} catch (error) {
|
||||
proxy.$message.success("申请证件失败")
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/css/layout.scss";
|
||||
|
||||
.label {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
background: var(--el-fill-color-light);
|
||||
}
|
||||
|
||||
.cntinfo {
|
||||
padding: 2rem 12rem 0rem 12rem;
|
||||
height: calc(100% - 70px);
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.mapBox {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,146 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="titleBox">
|
||||
<page-title title="保安考试管理" />
|
||||
</div>
|
||||
<!-- 搜索 -->
|
||||
<div ref="searchBox">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch"></Search>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<div class="tabBox">
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||
<template #bxxLx="{ row }">
|
||||
<DictTag :value="row.bxxLx" :tag="false" :options="D_BZ_BXDLX" />
|
||||
</template>
|
||||
<template #ksfs="{ row }">
|
||||
<DictTag :value="row.ksfs" :options="D_BAXX_KSFS" />
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link type="primary" @click="addEdit('view', row)">详情</el-link>
|
||||
<el-link type="primary" @click="addEdit('edit', row)">证件申请</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"></Pages>
|
||||
</div>
|
||||
|
||||
<!-- 线下线上考试详情 -->
|
||||
<view-exam-detalis v-model="isVisible" ref="trainerRef" @refresh="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, reactive, ref } from "vue";
|
||||
import MyTable from '@/components/aboutTable/MyTable.vue';
|
||||
import Pages from '@/components/aboutTable/Pages.vue';
|
||||
import Search from '@/components/aboutTable/Search.vue';
|
||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
||||
import PageTitle from "@/components/aboutTable/PageTitle.vue";
|
||||
import ViewExamDetalis from "./components/viewExamDetalis.vue";
|
||||
|
||||
const trainerRef = ref(null);
|
||||
const queryFrom = ref({});
|
||||
const isVisible = ref(false);
|
||||
const searchBox = ref(null);
|
||||
const D_BZ_BXDLX = ref([]);
|
||||
const searchConfiger = ref([
|
||||
{
|
||||
label: "培训项目名称",
|
||||
prop: "xmmc",
|
||||
placeholder: "请输入培训项目名称",
|
||||
showType: "input"
|
||||
},
|
||||
{
|
||||
label: "考试时间",
|
||||
prop: "kssj",
|
||||
placeholder: "请选择考试时间",
|
||||
showType: "date"
|
||||
},
|
||||
]);
|
||||
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
rowHieght: 61,
|
||||
showSelectType: "null",
|
||||
loading: false
|
||||
},
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
},
|
||||
controlsWidth: 180,
|
||||
tableColumn: [
|
||||
{ label: "培训项目名称", prop: "xmmc" },
|
||||
{ label: "考试时间", prop: "kssj" },
|
||||
{ label: "监考民警", prop: "jkmj" },
|
||||
{ label: "考试地址", prop: "ksdz" },
|
||||
{ label: "考试方式", prop: "ksfs", showSolt: true },
|
||||
]
|
||||
});
|
||||
|
||||
// 表格高度计算
|
||||
const tabHeightFn = () => {
|
||||
pageData.tableHeight =
|
||||
window.innerHeight - searchBox.value.offsetHeight - 250;
|
||||
window.onresize = function () {
|
||||
tabHeightFn();
|
||||
};
|
||||
};
|
||||
|
||||
const addEdit = (type, row) => {
|
||||
trainerRef.value.open(row, type);
|
||||
};
|
||||
|
||||
const onSearch = (value) => {
|
||||
queryFrom.value = value
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
getList();
|
||||
}
|
||||
|
||||
const getList = async () => {
|
||||
try {
|
||||
pageData.tableConfiger.loading = true;
|
||||
const res = await qcckPost({
|
||||
...pageData.pageConfiger,
|
||||
...queryFrom.value
|
||||
}, `/mosty-base/baxx/ksgl/page`)
|
||||
|
||||
if(res) {
|
||||
pageData.tableData = res.records || [];
|
||||
pageData.total = res.total;
|
||||
}
|
||||
} finally {
|
||||
pageData.tableConfiger.loading = false;
|
||||
}
|
||||
}
|
||||
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageNum = val;
|
||||
getList();
|
||||
};
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
getList();
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
tabHeightFn();
|
||||
getList();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
::v-deep {
|
||||
.el-dialog__header {
|
||||
background: transparent !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user