更新
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 #controls="{ row }">
|
||||
<el-link type="primary" link @click="dendDep(row)">上报分局</el-link>
|
||||
<el-link type="primary" link @click="onBatchAudit('detail', row)">详情</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
@ -30,8 +29,6 @@
|
||||
</div>
|
||||
<!-- 新增 -->
|
||||
<AddForm ref="addFormRef" @refresh="getList" :dic="{D_BZ_WHCD}"></AddForm>
|
||||
<!-- 审核流程 -->
|
||||
<Steps ref="RefSteap" ></Steps>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -41,16 +38,13 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import AddForm from "./components/addForm.vue";
|
||||
import Steps from "./components/steps.vue";
|
||||
import {getItem} from '@/utils/storage.js'
|
||||
import { qcckPost } from "@/api/qcckApi.js";
|
||||
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { D_BZ_WHCD,D_BA_SPZT } = proxy.$dict("D_BZ_WHCD",'D_BA_SPZT');
|
||||
const RefSteap = ref();
|
||||
const addFormRef = ref();
|
||||
const shForm = ref();
|
||||
const searchBox = ref(); //搜索框
|
||||
const selectedRows = ref([]);
|
||||
const searchConfiger = ref([
|
||||
@ -90,7 +84,6 @@ const pageData = reactive({
|
||||
{ label: "培训人员", prop: "totalPersonCount" },
|
||||
{ label: "已签到人员", prop: "checkedInPersonCount", showOverflowTooltip: true },
|
||||
{ label: "未签到人员", prop: "notCheckedInPersonCount" },
|
||||
{ label: "是否上报分县局", prop: "rzsj" },
|
||||
]
|
||||
});
|
||||
onMounted(() => {
|
||||
@ -139,10 +132,6 @@ const onBatchAudit = (type, row) => {
|
||||
};
|
||||
|
||||
|
||||
// 详情
|
||||
const dendDep = (row) => {
|
||||
RefSteap.value.init(row);
|
||||
};
|
||||
|
||||
|
||||
// 表格高度计算
|
||||
|
||||
Reference in New Issue
Block a user