'修改保安培训项目'
This commit is contained in:
@ -46,7 +46,7 @@
|
|||||||
<el-date-picker v-else-if="item.type === 'daterange'" v-model="searchObj[item.prop]" type="daterange"
|
<el-date-picker v-else-if="item.type === 'daterange'" v-model="searchObj[item.prop]" type="daterange"
|
||||||
unlink-panels :range-separator="item.rangeSeparator" :start-placeholder="item.startPlaceholder"
|
unlink-panels :range-separator="item.rangeSeparator" :start-placeholder="item.startPlaceholder"
|
||||||
:end-placeholder="item.endPlaceholder" :shortcuts="item.shortcuts" value-format="YYYY-MM-DD" />
|
:end-placeholder="item.endPlaceholder" :shortcuts="item.shortcuts" value-format="YYYY-MM-DD" />
|
||||||
<el-date-picker v-else-if="item.type == 'datetime'" v-model="searchObj[item.prop]" type="datetime"
|
<el-date-picker v-else-if="item.type == 'datetime'" v-model="searchObj[item?.prop]" type="datetime"
|
||||||
value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择时间" />
|
value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择时间" />
|
||||||
<el-date-picker v-else-if="item.type === 'date'" v-model="searchObj[item.prop]" type="date"
|
<el-date-picker v-else-if="item.type === 'date'" v-model="searchObj[item.prop]" type="date"
|
||||||
:placeholder="item.placeholder" :shortcuts="item.shortcuts" value-format="YYYY-MM-DD">
|
:placeholder="item.placeholder" :shortcuts="item.shortcuts" value-format="YYYY-MM-DD">
|
||||||
|
|||||||
@ -8,7 +8,6 @@
|
|||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div class="fenye" :style="{ top: tableHeight + 'px' }">
|
<div class="fenye" :style="{ top: tableHeight + 'px' }">
|
||||||
{{ pageData.configer }}
|
|
||||||
<el-pagination
|
<el-pagination
|
||||||
:current-page="
|
:current-page="
|
||||||
pageData.configer.currentPage ||
|
pageData.configer.currentPage ||
|
||||||
|
|||||||
@ -87,7 +87,7 @@ const pageData = reactive({
|
|||||||
},
|
},
|
||||||
total: 0,
|
total: 0,
|
||||||
pageConfiger: {
|
pageConfiger: {
|
||||||
sfcjpx: 0, // 是否参加培训
|
sfcjpx: 1, // 是否参加培训
|
||||||
pageSize: 20,
|
pageSize: 20,
|
||||||
pageCurrent: 1
|
pageCurrent: 1
|
||||||
},
|
},
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<!-- 操作 -->
|
<!-- 操作 -->
|
||||||
<template #controls="{ row }">
|
<template #controls="{ row }">
|
||||||
<el-link type="success">提交培训</el-link>
|
<el-link type="success" @click="handleSubmitTraining(row)">提交培训</el-link>
|
||||||
<el-link type="danger" @click="handleDelete([row.id])">删除</el-link>
|
<el-link type="danger" @click="handleDelete([row.id])">删除</el-link>
|
||||||
<el-link type="primary" @click="addEdit('view', row)">详情</el-link>
|
<el-link type="primary" @click="addEdit('view', row)">详情</el-link>
|
||||||
</template>
|
</template>
|
||||||
@ -119,7 +119,8 @@ const getList = async () => {
|
|||||||
pageData.tableConfiger.loading = true;
|
pageData.tableConfiger.loading = true;
|
||||||
const res = await qcckPost({
|
const res = await qcckPost({
|
||||||
...pageData.pageConfiger,
|
...pageData.pageConfiger,
|
||||||
...queryFrom.value
|
...queryFrom.value,
|
||||||
|
sfcjpx: 0
|
||||||
}, `/mosty-base/baxx/pxry/page`)
|
}, `/mosty-base/baxx/pxry/page`)
|
||||||
|
|
||||||
if(res) {
|
if(res) {
|
||||||
@ -131,6 +132,23 @@ const getList = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 提交培训
|
||||||
|
const handleSubmitTraining = async (row) => {
|
||||||
|
await proxy.$modal.confirm("是否确认提交该人员进行待培训?")
|
||||||
|
|
||||||
|
try {
|
||||||
|
await qcckPost({
|
||||||
|
...row,
|
||||||
|
sfcjpx: 1
|
||||||
|
}, "/mosty-base/baxx/pxry/edit")
|
||||||
|
proxy.$modal.msgSuccess("提交培训成功");
|
||||||
|
await getList();
|
||||||
|
} catch (error) {
|
||||||
|
proxy.$modal.msgError("提交培训失败");
|
||||||
|
console.log(error)
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
// 删除
|
// 删除
|
||||||
const handleDelete = async (ids) => {
|
const handleDelete = async (ids) => {
|
||||||
await proxy.$modal.confirm("是否确认删除该培训人员?")
|
await proxy.$modal.confirm("是否确认删除该培训人员?")
|
||||||
|
|||||||
@ -51,7 +51,6 @@
|
|||||||
import { ref, computed, reactive, getCurrentInstance } from 'vue'
|
import { ref, computed, reactive, getCurrentInstance } from 'vue'
|
||||||
import { qcckPost } from "@/api/qcckApi.js";
|
import { qcckPost } from "@/api/qcckApi.js";
|
||||||
import MyTable from '@/components/aboutTable/MyTable.vue';
|
import MyTable from '@/components/aboutTable/MyTable.vue';
|
||||||
import Pages from "@/components/aboutTable/Pages.vue"
|
|
||||||
import Upload from "@/components/MyComponents/Upload/index.vue"
|
import Upload from "@/components/MyComponents/Upload/index.vue"
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
|
|||||||
@ -73,6 +73,7 @@ const pageData = reactive({
|
|||||||
total: 0,
|
total: 0,
|
||||||
tableHeight: 300,
|
tableHeight: 300,
|
||||||
pageConfiger: {
|
pageConfiger: {
|
||||||
|
sfcjpx: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
pageCurrent: 1
|
pageCurrent: 1
|
||||||
},
|
},
|
||||||
|
|||||||
@ -9,7 +9,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="cntinfo">
|
<div class="cntinfo">
|
||||||
<form-message ref="formRef" v-model="formData" :rules="rules" :formList="formList" label-width="120px">
|
<form-message ref="formRef" v-model="formData" :rules="rules" :formList="formList" label-width="120px">
|
||||||
|
<template #kskssj="{ row }">
|
||||||
|
<el-date-picker v-model="formData.kskssj" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="考试时间" style="width: 100%;" />
|
||||||
|
</template>
|
||||||
</form-message>
|
</form-message>
|
||||||
<div class="table-title" @click="hanbleClickSelect">考试人员 <el-icon size="20px" style="top: 4px;" color="green"><CirclePlusFilled /></el-icon> </div>
|
<div class="table-title" @click="hanbleClickSelect">考试人员 <el-icon size="20px" style="top: 4px;" color="green"><CirclePlusFilled /></el-icon> </div>
|
||||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn"
|
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn"
|
||||||
@ -17,17 +19,17 @@
|
|||||||
>
|
>
|
||||||
<!-- 操作 -->
|
<!-- 操作 -->
|
||||||
<template #controls="{ row }">
|
<template #controls="{ row }">
|
||||||
<el-link type="warning" @click="addEdit('updata', row)">删除</el-link>
|
<el-link type="warning" @click="handleDelItem(row)">删除</el-link>
|
||||||
</template>
|
</template>
|
||||||
</MyTable>
|
</MyTable>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<select-personnel-dialog ref="selectPersonnelRef" v-model="visible" @change="handleChange" />
|
<select-personnel-dialog ref="selectPersonnelRef" :default-select-keys="defaultSelectKeys" v-model="visible" @change="handleChange" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, computed, reactive, getCurrentInstance } from 'vue'
|
import { ref, computed, reactive, getCurrentInstance, nextTick } from 'vue'
|
||||||
import { qcckPost } from "@/api/qcckApi.js";
|
import { qcckPost } from "@/api/qcckApi.js";
|
||||||
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
||||||
import MyTable from '@/components/aboutTable/MyTable.vue';
|
import MyTable from '@/components/aboutTable/MyTable.vue';
|
||||||
@ -40,7 +42,6 @@ const loading = ref(false)
|
|||||||
const disabled = ref(false)
|
const disabled = ref(false)
|
||||||
const formRef = ref(null)
|
const formRef = ref(null)
|
||||||
const visible = ref(false)
|
const visible = ref(false)
|
||||||
const viewAndUploadRef = ref(null)
|
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
modelValue: {
|
modelValue: {
|
||||||
@ -87,10 +88,14 @@ const pageData = reactive({
|
|||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const defaultSelectKeys = computed(() => {
|
||||||
|
return pageData.tableData?.map(i => i.id)
|
||||||
|
})
|
||||||
|
|
||||||
const formList = reactive([
|
const formList = reactive([
|
||||||
[
|
[
|
||||||
{ label: "培训项目名称", prop: "xmmc", type: "input" },
|
{ label: "培训项目名称", prop: "xmmc", type: "input" },
|
||||||
{ label: "考试时间", prop: "kskssj", type: "date"},
|
{ label: "考试时间", prop: "kskssj", type: "slot" },
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
{ label: "考试辖区", prop: "ksxq", type: "input" },
|
{ label: "考试辖区", prop: "ksxq", type: "input" },
|
||||||
@ -112,25 +117,42 @@ const rules = {
|
|||||||
const formData = ref({})
|
const formData = ref({})
|
||||||
|
|
||||||
const close = () => {
|
const close = () => {
|
||||||
|
formRef.value.reset()
|
||||||
|
pageData.tableData = []
|
||||||
dialogVisible.value = false
|
dialogVisible.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
const open = (row = {}) => {
|
const open = (row = {}) => {
|
||||||
|
nextTick(() => {
|
||||||
disabled.value = false
|
disabled.value = false
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
formData.value = { ...row }
|
formData.value = { ...row }
|
||||||
title.value = '保安考试申请'
|
title.value = '保安考试申请'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleDelItem = (row) => {
|
||||||
|
const index = pageData.tableData.findIndex(item => item.id === row.id)
|
||||||
|
pageData.tableData.splice(index, 1)
|
||||||
}
|
}
|
||||||
|
|
||||||
const save = () => {
|
const save = () => {
|
||||||
if (pageData.tableData.length === 0) return proxy.$message.warning('请选择考试人员')
|
if (pageData.tableData.length === 0) return proxy.$message.warning('请选择考试人员')
|
||||||
|
|
||||||
|
const { ksdz, ksfs, kskssj, ksxq, id } = formData.value
|
||||||
formRef.value.submit(() => {
|
formRef.value.submit(() => {
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
qcckPost(formData.value, `mosty-base/baxx/pxxm/sqks`).then(() => {
|
qcckPost({ ksdz, ksfs, kskssj, ksxq, id }, `mosty-base/baxx/pxxm/sqks`).then(() => {
|
||||||
|
qcckPost({
|
||||||
|
...formData.value,
|
||||||
|
ksryList: pageData.tableData,
|
||||||
|
kssj: `${formData.value?.jssj} 00:00:00`
|
||||||
|
}, `mosty-base/baxx/ksgl/add`).then(() => {
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
proxy.$message.success("申请考试成功");
|
proxy.$message.success("申请考试成功");
|
||||||
emits("refresh");
|
emits("refresh");
|
||||||
close();
|
close();
|
||||||
|
})
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
})
|
})
|
||||||
@ -146,10 +168,6 @@ const handleChange = (val) => {
|
|||||||
pageData.tableData = [...pageData.tableData, ...val]?.filter((i, index, arr) => arr?.findIndex(s => i?.id === s?.id) === index)
|
pageData.tableData = [...pageData.tableData, ...val]?.filter((i, index, arr) => arr?.findIndex(s => i?.id === s?.id) === index)
|
||||||
}
|
}
|
||||||
|
|
||||||
const addEdit = (type, row) => {
|
|
||||||
viewAndUploadRef.value?.open(row, type)
|
|
||||||
}
|
|
||||||
|
|
||||||
defineExpose({ open })
|
defineExpose({ open })
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user