更新
This commit is contained in:
210
src/components/ChooseList/ChooseNJBAY/index.vue
Normal file
210
src/components/ChooseList/ChooseNJBAY/index.vue
Normal file
@ -0,0 +1,210 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog :title="data.title" width="70%" :model-value="modelValue" append-to-body @close="closed" v-if="modelValue">
|
||||||
|
<div>
|
||||||
|
<el-form :model="listQuery" class="mosty-from-wrap" :inline="true">
|
||||||
|
<el-form-item label="姓名">
|
||||||
|
<el-input placeholder="请输入姓名" v-model="listQuery.xm" clearabl></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="success" @click="handleFilter">查询</el-button>
|
||||||
|
<el-button type="info" @click="reset"> 重置 </el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div class="tabBox" :class="props.data.Single ? 'tabBoxRadio' : ''" style="margin-top: 0px">
|
||||||
|
<el-table :loading="loading" @selection-change="handleSelectionChange" :row-key="keyid" height="450" ref="multipleUserRef" :data="tableData" border style="width: 100%">
|
||||||
|
<el-table-column type="selection" width="55" :reserve-selection="true"/>
|
||||||
|
<el-table-column prop="ssbakk" align="center" label="保安公司名称"></el-table-column>
|
||||||
|
<el-table-column prop="njnf" align="center" label="年审年份"></el-table-column>
|
||||||
|
<el-table-column prop="xm" align="center" label="姓名"></el-table-column>
|
||||||
|
<el-table-column prop="sfzhm" align="center" label="身份证号码"></el-table-column>
|
||||||
|
<el-table-column prop="dh" align="center" label="电话"/>
|
||||||
|
<el-table-column prop="whcd" align="center" label="文化程度">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<DictTag :value="row.whcd" :tag="false" :options="D_BZ_WHCD" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="zsbh" align="center" label="证书编号"/>
|
||||||
|
<el-table-column prop="fwxymc" align="center" label="服务行业"/>
|
||||||
|
<el-table-column prop="rzsj" align="center" label="入职时间"/>
|
||||||
|
<el-table-column prop="sgxkhm" align="center" label="上岗证号码"/>
|
||||||
|
<el-table-column prop="pxgsShzt" align="center" label="审核状态">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<DictTag :value="row.pxgsShzt" :tag="false" :options="D_BA_SHZT" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="fenye" :style="{ top: tableHeight + 'px' }">
|
||||||
|
<el-pagination
|
||||||
|
class="pagination"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
:current-page="listQuery.pageCurrent"
|
||||||
|
:page-sizes="[10, 20, 50, 100]"
|
||||||
|
:page-size="listQuery.pageSize"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="total"
|
||||||
|
></el-pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="closed">取消</el-button>
|
||||||
|
<el-button type="primary" @click="onComfirm">确认</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { qcckPost } from "@/api/qcckApi";
|
||||||
|
import {getItem} from '@/utils/storage.js'
|
||||||
|
import * as MOSTY from "@/components/MyComponents/index";
|
||||||
|
import { defineProps, watch, ref, getCurrentInstance, nextTick, reactive } from "vue";
|
||||||
|
const { proxy } = getCurrentInstance();
|
||||||
|
const { D_BA_SHZT,D_BZ_WHCD } = proxy.$dict('D_BA_SHZT','D_BZ_WHCD');
|
||||||
|
const props = defineProps({
|
||||||
|
modelValue: {
|
||||||
|
type: Boolean,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
data:{
|
||||||
|
type: Object,
|
||||||
|
default: {
|
||||||
|
title:'选择列表',
|
||||||
|
type:'wgy',//选择类型
|
||||||
|
Single:false,//是否单选
|
||||||
|
roleIds:[],//回显的数据
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
const emits = defineEmits(["update:modelValue", "choosedUsers",'close']);
|
||||||
|
const userInfo = getItem('userInfo');
|
||||||
|
const total = ref(0);
|
||||||
|
const loading = ref(false);
|
||||||
|
const listQuery = reactive({
|
||||||
|
pageCurrent: 1,
|
||||||
|
pageSize: 20
|
||||||
|
});
|
||||||
|
const tableData = ref([]);
|
||||||
|
const multipleUserRef = ref(null);
|
||||||
|
const multipleSelectionUser = ref([]);
|
||||||
|
|
||||||
|
watch(()=>props.modelValue, (val) => {
|
||||||
|
if (val) {
|
||||||
|
nextTick(() => {
|
||||||
|
getListData();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},{immediate: true});
|
||||||
|
|
||||||
|
const keyid = (row) => {
|
||||||
|
return row.id;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 列表数据
|
||||||
|
const getListData = () => {
|
||||||
|
let params = {
|
||||||
|
...listQuery,
|
||||||
|
pxgsShzt: "1",//培训公司已通过
|
||||||
|
sptz: "1",//已送培
|
||||||
|
ssbakk:userInfo.pxgs,
|
||||||
|
ssbakkId:userInfo.pxgsid,
|
||||||
|
pxgsShzt:'1',//保安公司已通过
|
||||||
|
|
||||||
|
}
|
||||||
|
loading.value = true;
|
||||||
|
qcckPost(params,"/mosty-base/bans/njxx/page").then((res) => {
|
||||||
|
loading.value = false;
|
||||||
|
tableData.value = res?.records;
|
||||||
|
total.value = Number(res.total);
|
||||||
|
multipleUser();
|
||||||
|
}).catch(()=>{
|
||||||
|
loading.value = false;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
//列表回显
|
||||||
|
function multipleUser() {
|
||||||
|
let ids = props.data.roleIds ? props.data.roleIds :[];
|
||||||
|
tableData.value.forEach((item) => {
|
||||||
|
if (ids.some((id) => id == item.id)) {
|
||||||
|
multipleUserRef.value.toggleRowSelection(item, true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页码改变触发
|
||||||
|
*/
|
||||||
|
const handleCurrentChange = (currentPage) => {
|
||||||
|
listQuery.pageCurrent = currentPage;
|
||||||
|
getListData();
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
// 筛选
|
||||||
|
const handleFilter = () => {
|
||||||
|
listQuery.pageCurrent = 1;
|
||||||
|
getListData();
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
// 重置
|
||||||
|
const reset = () => {
|
||||||
|
listQuery.pageCurrent = 1
|
||||||
|
listQuery.pageSize = 10
|
||||||
|
getListData();
|
||||||
|
};
|
||||||
|
|
||||||
|
// pageSize 改变触发
|
||||||
|
const handleSizeChange = (currentSize) => {
|
||||||
|
listQuery.pageSize = currentSize;
|
||||||
|
getListData();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 为用户分配角色
|
||||||
|
const onComfirm = () => {
|
||||||
|
const userList = multipleSelectionUser.value;
|
||||||
|
let list = [],listId = [];
|
||||||
|
userList.forEach((val) => {
|
||||||
|
if (listId.indexOf(val.id) == -1) {
|
||||||
|
list.push(val);
|
||||||
|
listId.push(val.id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
emits("choosedUsers", list);
|
||||||
|
emits("choosedUsersLeader", { userList: userList });
|
||||||
|
closed();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 选择的数据
|
||||||
|
const handleSelectionChange = (val) => {
|
||||||
|
if (props.data.Single && val.length > 1) {
|
||||||
|
let del_row = val.shift();
|
||||||
|
multipleUserRef.value.toggleRowSelection(del_row, false);
|
||||||
|
}
|
||||||
|
multipleSelectionUser.value = val;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 关闭
|
||||||
|
const closed = () => {
|
||||||
|
emits("update:modelValue", false);
|
||||||
|
emits("close");
|
||||||
|
};
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@import "@/assets/css/layout.scss";
|
||||||
|
@import "@/assets/css/element-plus.scss";
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
.tabBoxRadio .el-checkbox__inner {
|
||||||
|
border-radius: 50% !important;
|
||||||
|
}
|
||||||
|
.tabBoxRadio .el-table__header-wrapper .el-checkbox {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
138
src/views/Training/trainingCompanyNjgl/components/shForm.vue
Normal file
138
src/views/Training/trainingCompanyNjgl/components/shForm.vue
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog class="steps-dialog" title="审核" v-model="dialogForm" :close-on-click-modal="false" @close="dialogForm = false,formData = {}" width="420px">
|
||||||
|
<el-form :model="formData" ref="formRef" :rules="rules" label-width="120px">
|
||||||
|
<el-form-item label="是否通过" prop="auditStatus">
|
||||||
|
<el-radio-group v-model="formData.auditStatus">
|
||||||
|
<el-radio label="1">通过</el-radio>
|
||||||
|
<el-radio label="0">不通过</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="驳回原因" prop="rejectReason" v-if="formData.auditStatus === '0'">
|
||||||
|
<el-input v-model="formData.rejectReason" type="textarea" placeholder="请输入驳回原因" :autosize="{ minRows: 2, maxRows: 4 }" />
|
||||||
|
</el-form-item>
|
||||||
|
<div class="flex just-center">
|
||||||
|
<el-button @click="dialogForm = false,formData = {}">取消</el-button>
|
||||||
|
<el-button type="primary" :loading="loading" @click="submitForm">提交</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ElMessage } from "element-plus";
|
||||||
|
import { ref, defineExpose,defineEmits } from 'vue';
|
||||||
|
import { qcckPost } from "@/api/qcckApi.js";
|
||||||
|
const emit = defineEmits(['refresh'])
|
||||||
|
const dialogForm = ref(false);
|
||||||
|
const loading = ref(false)
|
||||||
|
const formData = ref({})
|
||||||
|
const rules = ref({
|
||||||
|
auditType: [{ required: true, message: '请选择审核类型', trigger: 'blur' }],
|
||||||
|
auditStatus: [{ required: true, message: '请选择是否通过', trigger: 'blur' }],
|
||||||
|
rejectReason: [{ required: true, message: '请输入驳回原因', trigger: 'blur' }],
|
||||||
|
})
|
||||||
|
const formRef = ref();
|
||||||
|
const idsVal = ref([])
|
||||||
|
const init = (ids) => {
|
||||||
|
idsVal.value = ids;
|
||||||
|
dialogForm.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
const submitForm = () =>{
|
||||||
|
formRef.value.validate((valid) => {
|
||||||
|
if (!valid) return;
|
||||||
|
loading.value = true;
|
||||||
|
// // 保安公司审核 - bakk 培训公司审核 -- pxgs 公安局审核 -- gongan
|
||||||
|
let params = { ...formData.value,ids:idsVal.value,auditType:'pxgs' }
|
||||||
|
qcckPost(params,"/mosty-base/bans/njxx/batchAudit").then((res) => {
|
||||||
|
loading.value = false;
|
||||||
|
ElMessage.success("操作成功");
|
||||||
|
dialogForm.value = false;
|
||||||
|
formData.value={}
|
||||||
|
emit('refresh')
|
||||||
|
}).catch(()=>{
|
||||||
|
loading.value = false;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
init
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.steps-body {
|
||||||
|
height: 260px;
|
||||||
|
padding: 6px 10px 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-dialog__header) {
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 20px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-dialog__title) {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-dialog__body) {
|
||||||
|
padding: 0 20px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-step__title) {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-step__description) {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #9AA8B6;
|
||||||
|
line-height: 20px;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-step__line) {
|
||||||
|
left: 8px;
|
||||||
|
background-color: transparent;
|
||||||
|
border-left: 1px dashed #dadada;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-step.is-vertical .el-step__head) {
|
||||||
|
width: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-step__icon) {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-step__head.is-process .el-step__icon),
|
||||||
|
:deep(.steps-dialog .el-step__head.is-process .el-step__icon.is-text) {
|
||||||
|
background: #2e6bff;
|
||||||
|
border: none;
|
||||||
|
box-shadow: 0 0 0 5px rgba(46, 107, 255, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-step.is-wait .el-step__icon),
|
||||||
|
:deep(.steps-dialog .el-step.is-finish .el-step__icon) {
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #dadada;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.steps-dialog .el-step__icon-inner) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
::v-deep .is-finish .el-step__icon{
|
||||||
|
background: #86b6f1;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,40 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-dialog class="steps-dialog" title="上报分局" @close="dialogForm = false" :close-on-click-modal="false" v-model="dialogForm" width="420px">
|
|
||||||
<el-form ref="formRef" :model="formdata" :rules="rules">
|
|
||||||
<el-form-item label="上报分局">
|
|
||||||
<MOSTY.Department width="100%" clearable v-model="formdata.ssbmdm" />
|
|
||||||
</el-form-item>
|
|
||||||
<div class="flex just-center">
|
|
||||||
<el-button @click="dialogForm = false">取消</el-button>
|
|
||||||
<el-button type="primary" @click="submitForm">上报</el-button>
|
|
||||||
</div>
|
|
||||||
</el-form>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script setup>
|
|
||||||
import { ElMessage } from "element-plus";
|
|
||||||
import * as MOSTY from "@/components/MyComponents/index";
|
|
||||||
import { ref, defineExpose } from 'vue';
|
|
||||||
const dialogForm = ref(false);
|
|
||||||
const formdata = ref({})
|
|
||||||
|
|
||||||
const init = (row) => {
|
|
||||||
formdata.value.id = row.id;
|
|
||||||
dialogForm.value = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
const submitForm = () => {
|
|
||||||
dialogForm.value = false;
|
|
||||||
formdata.value = {}
|
|
||||||
ElMessage({ message: '开发中', type: 'info', })
|
|
||||||
}
|
|
||||||
defineExpose({
|
|
||||||
init
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
|
|
||||||
</style>
|
|
||||||
@ -19,7 +19,6 @@
|
|||||||
</template>
|
</template>
|
||||||
<!-- 操作 -->
|
<!-- 操作 -->
|
||||||
<template #controls="{ row }">
|
<template #controls="{ row }">
|
||||||
<el-link type="primary" link @click="dendDep(row)">上报分局</el-link>
|
|
||||||
<el-link type="primary" link @click="onBatchAudit('detail', row)">详情</el-link>
|
<el-link type="primary" link @click="onBatchAudit('detail', row)">详情</el-link>
|
||||||
</template>
|
</template>
|
||||||
</MyTable>
|
</MyTable>
|
||||||
@ -30,8 +29,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 新增 -->
|
<!-- 新增 -->
|
||||||
<AddForm ref="addFormRef" @refresh="getList" :dic="{D_BZ_WHCD}"></AddForm>
|
<AddForm ref="addFormRef" @refresh="getList" :dic="{D_BZ_WHCD}"></AddForm>
|
||||||
<!-- 审核流程 -->
|
|
||||||
<Steps ref="RefSteap" ></Steps>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -41,16 +38,13 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
|
|||||||
import Pages from "@/components/aboutTable/Pages.vue";
|
import Pages from "@/components/aboutTable/Pages.vue";
|
||||||
import Search from "@/components/aboutTable/Search.vue";
|
import Search from "@/components/aboutTable/Search.vue";
|
||||||
import AddForm from "./components/addForm.vue";
|
import AddForm from "./components/addForm.vue";
|
||||||
import Steps from "./components/steps.vue";
|
|
||||||
import {getItem} from '@/utils/storage.js'
|
import {getItem} from '@/utils/storage.js'
|
||||||
import { qcckPost } from "@/api/qcckApi.js";
|
import { qcckPost } from "@/api/qcckApi.js";
|
||||||
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
const { proxy } = getCurrentInstance();
|
const { proxy } = getCurrentInstance();
|
||||||
const { D_BZ_WHCD,D_BA_SPZT } = proxy.$dict("D_BZ_WHCD",'D_BA_SPZT');
|
const { D_BZ_WHCD,D_BA_SPZT } = proxy.$dict("D_BZ_WHCD",'D_BA_SPZT');
|
||||||
const RefSteap = ref();
|
|
||||||
const addFormRef = ref();
|
const addFormRef = ref();
|
||||||
const shForm = ref();
|
|
||||||
const searchBox = ref(); //搜索框
|
const searchBox = ref(); //搜索框
|
||||||
const selectedRows = ref([]);
|
const selectedRows = ref([]);
|
||||||
const searchConfiger = ref([
|
const searchConfiger = ref([
|
||||||
@ -90,7 +84,6 @@ const pageData = reactive({
|
|||||||
{ label: "培训人员", prop: "totalPersonCount" },
|
{ label: "培训人员", prop: "totalPersonCount" },
|
||||||
{ label: "已签到人员", prop: "checkedInPersonCount", showOverflowTooltip: true },
|
{ label: "已签到人员", prop: "checkedInPersonCount", showOverflowTooltip: true },
|
||||||
{ label: "未签到人员", prop: "notCheckedInPersonCount" },
|
{ label: "未签到人员", prop: "notCheckedInPersonCount" },
|
||||||
{ label: "是否上报分县局", prop: "rzsj" },
|
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
@ -139,10 +132,6 @@ const onBatchAudit = (type, row) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
// 详情
|
|
||||||
const dendDep = (row) => {
|
|
||||||
RefSteap.value.init(row);
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
// 表格高度计算
|
// 表格高度计算
|
||||||
|
|||||||
Reference in New Issue
Block a user