| | |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-form :model="state.form" size="default" ref="busRef" :rules="state.formRules" label-position="top" label-width="150px" > |
| | | <el-form-item label="企业名称:" prop="companyName" v-if="state.isAdmin"> |
| | | <el-select |
| | | v-model="state.form.companyName" |
| | | filterable |
| | | remote |
| | | :disabled="title == '查看' || title == '编辑' || !state.isAdmin" |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | style="width: 100%" |
| | | > |
| | | <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin"> |
| | | <el-select v-model="state.form.companyId" placeholder="请选择" clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin"> |
| | | <el-option |
| | | v-for="item in state.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="1.企业的基本情况,主要包括:法人证书编号,所属部门、法人代表姓名、身份证号、职务、人员总数、技术人员数、不良情况记录、保密等资质。" prop="basic" > |
| | |
| | | onMounted(() => { |
| | | |
| | | }) |
| | | const openDialog = async (type, value) => { |
| | | const openDialog = async (type, value,companyList) => { |
| | | |
| | | |
| | | const userInfo = JSON.parse(Cookies.get('userInfo')) |
| | | state.isAdmin = userInfo.userType === 0; |
| | | if(state.isAdmin){ |
| | | await getCompanyList() |
| | | state.companyList = companyList |
| | | } |
| | | title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; |
| | | if(type === 'edit' || type === 'review') { |
| | |
| | | |
| | | } |
| | | state.companyList = [] |
| | | } |
| | | const selectValue = (val) => { |
| | | state.companyList.forEach(item => { |
| | | if(item.name === val){ |
| | | state.form.companyId = item.id |
| | | } |
| | | }) |
| | | } |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | state.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else { |
| | | |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | state.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | } |
| | | defineExpose({ |
| | | openDialog |
| | |
| | | >新增</el-button> |
| | | </el-form-item> |
| | | <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="data.queryParams.companyName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | :loading="loadingCompany" |
| | | style="width: 240px" |
| | | > |
| | | <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> |
| | | <el-option |
| | | v-for="item in data.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item v-if="data.isAdmin"> |
| | |
| | | getList(); |
| | | } |
| | | const openDialog = (type, value) => { |
| | | noticeRef.value.openDialog(type, value); |
| | | noticeRef.value.openDialog(type, value,data.companyList); |
| | | } |
| | | const selectValue = (val) => { |
| | | data.companyList.forEach(item => { |
| | |
| | | }) |
| | | } |
| | | |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else { |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | const getCompanyList = async ()=>{ |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 999 |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | data.companyList = res.data.list?res.data.list:[] |
| | | // data.queryParams.companyId = data.companyList[0].id |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | |
| | |
| | | :before-close="handleClose" |
| | | > |
| | | <el-form :model="state.noticeForm" size="default" ref="noticeRef" :rules="title === '新增' || title === '编辑' ? state.formRules : {}" label-width="110px" > |
| | | <el-form-item label="企业名称:" prop="companyName" v-if="state.isAdmin"> |
| | | <el-select |
| | | v-model="state.noticeForm.companyName" |
| | | filterable |
| | | remote |
| | | :disabled="title == '查看' || title == '编辑' || !state.isAdmin" |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | style="width: 100%" |
| | | > |
| | | <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> |
| | | <el-select v-model="state.noticeForm.companyId" placeholder="请选择" clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin"> |
| | | <el-option |
| | | |
| | | v-for="item in state.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="企业概括:" v-if="showEditor" required> |
| | |
| | | companyName: '' |
| | | }, |
| | | formRules:{ |
| | | companyName: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companySummary: [{ required: true, message: '企业概况', trigger: 'blur' }], |
| | | }, |
| | | isAdmin: false, |
| | |
| | | |
| | | onMounted(() => { |
| | | }); |
| | | const openDialog = async (type, value) => { |
| | | const openDialog = async (type, value,companyList) => { |
| | | |
| | | const userInfo = JSON.parse(Cookies.get('userInfo')) |
| | | state.isAdmin = userInfo.userType === 0; |
| | | if(state.isAdmin){ |
| | | await getCompanyList() |
| | | state.companyList = companyList |
| | | } |
| | | isReview.value = false; |
| | | showEditor.value = false |
| | |
| | | }) |
| | | } |
| | | } |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | state.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | state.companyList = res.data.list |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | } |
| | | |
| | | const onSubmit = async () => { |
| | | state.noticeForm.companySummary = tinyMCE.activeEditor.getContent(); |
| | |
| | | >新增</el-button> |
| | | </el-form-item> |
| | | <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="data.companyName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | :loading="loadingCompany" |
| | | style="width: 240px" |
| | | > |
| | | <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> |
| | | <el-option |
| | | v-for="item in data.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | <!-- <el-select--> |
| | | <!-- v-model="data.companyName"--> |
| | | <!-- filterable--> |
| | | <!-- remote--> |
| | | <!-- @change="selectValue"--> |
| | | <!-- reserve-keyword--> |
| | | <!-- placeholder="请输入企业名称"--> |
| | | <!-- remote-show-suffix--> |
| | | <!-- :remote-method="getCompanyList"--> |
| | | <!-- :loading="loadingCompany"--> |
| | | <!-- style="width: 240px"--> |
| | | <!-- >--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in data.companyList"--> |
| | | <!-- :key="item.id"--> |
| | | <!-- :label="item.name"--> |
| | | <!-- :value="item.name"--> |
| | | <!-- />--> |
| | | <!-- </el-select>--> |
| | | </el-form-item> |
| | | <el-form-item v-if="data.isAdmin"> |
| | | <el-button type="primary" style="margin-left: 30px" @click="searchClick">查询</el-button> |
| | |
| | | getList(); |
| | | } |
| | | const openDialog = (type, value) => { |
| | | noticeRef.value.openDialog(type, value); |
| | | noticeRef.value.openDialog(type, value,data.companyList); |
| | | } |
| | | const selectValue = (val) => { |
| | | data.companyList.forEach(item => { |
| | |
| | | }) |
| | | } |
| | | |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else{ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | const getCompanyList = async ()=>{ |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 999 |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | data.companyList = res.data.list?res.data.list:[] |
| | | // data.queryParams.companyId = data.companyList[0].id |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | // const getCompanyList = async (val)=>{ |
| | | // if(val){ |
| | | // loadingCompany.value = true; |
| | | // const queryParams = { |
| | | // name: val |
| | | // } |
| | | // const res = await getCompany(queryParams) |
| | | // if (res.code == 200) { |
| | | // loadingCompany.value = false; |
| | | // data.companyList = res.data.list |
| | | // |
| | | // } else { |
| | | // ElMessage.warning(res.message) |
| | | // } |
| | | // }else{ |
| | | // loadingCompany.value = true; |
| | | // const queryParams = { |
| | | // pageSize: 999, |
| | | // pageNum: 1, |
| | | // } |
| | | // const res = await getCompany(queryParams) |
| | | // if (res.code == 200) { |
| | | // loadingCompany.value = false; |
| | | // data.companyList = res.data.list |
| | | // |
| | | // } else { |
| | | // ElMessage.warning(res.message) |
| | | // } |
| | | // } |
| | | // } |
| | | |
| | | const handleSizeChange = (val) => { |
| | | data.queryParams.pageSize = val |
| | |
| | | :before-close="handleClose" |
| | | > |
| | | <el-form :model="state.noticeForm" size="default" ref="noticeRef" :rules="title === '新增' || title === '编辑' ? state.formRules : {}" label-width="110px" > |
| | | <el-form-item label="企业名称:" prop="companyName" v-if="state.isAdmin"> |
| | | <el-select |
| | | v-model="state.noticeForm.companyName" |
| | | filterable |
| | | remote |
| | | :disabled="title == '查看' || title == '编辑' ||!state.isAdmin" |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | style="width: 100%" |
| | | > |
| | | <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin"> |
| | | <el-select v-model="state.noticeForm.companyId" placeholder="请选择" clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin"> |
| | | <el-option |
| | | v-for="item in state.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="质量方针:" v-if="showEditor" required> |
| | |
| | | companyName: '' |
| | | }, |
| | | formRules:{ |
| | | companyName: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | policy: [{ required: true, message: '质量方针', trigger: 'blur' }], |
| | | }, |
| | | isAdmin: false, |
| | |
| | | onMounted(() => { |
| | | |
| | | }); |
| | | const openDialog = async (type, value) => { |
| | | const openDialog = async (type, value,companyList) => { |
| | | const userInfo = JSON.parse(Cookies.get('userInfo')) |
| | | state.isAdmin = userInfo.userType === 0; |
| | | if(state.isAdmin){ |
| | | await getCompanyList() |
| | | state.companyList = companyList |
| | | } |
| | | isReview.value = false; |
| | | showEditor.value = false |
| | |
| | | companyName: '' |
| | | } |
| | | } |
| | | const selectValue = (val) => { |
| | | state.companyList.forEach(item => { |
| | | if(item.name === val){ |
| | | state.noticeForm.companyId = item.id |
| | | } |
| | | }) |
| | | } |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | state.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | state.companyList = res.data.list |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | } |
| | | |
| | | defineExpose({ |
| | | openDialog |
| | |
| | | >新增</el-button> |
| | | </el-form-item> |
| | | <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="data.companyName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | :loading="loadingCompany" |
| | | style="width: 240px" |
| | | > |
| | | <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> |
| | | <el-option |
| | | v-for="item in data.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item v-if="data.isAdmin"> |
| | |
| | | getList(); |
| | | } |
| | | const openDialog = (type, value) => { |
| | | noticeRef.value.openDialog(type, value); |
| | | noticeRef.value.openDialog(type, value,data.companyList); |
| | | } |
| | | const selectValue = (val) => { |
| | | data.companyList.forEach(item => { |
| | | if(item.name === val){ |
| | | data.queryParams.companyId = item.id |
| | | } |
| | | }) |
| | | } |
| | | |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else{ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | const getCompanyList = async ()=>{ |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 999 |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | data.companyList = res.data.list?res.data.list:[] |
| | | // data.queryParams.companyId = data.companyList[0].id |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | |
| | |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-form :model="state.form" size="default" ref="busRef" :rules="state.formRules" label-width="150px" > |
| | | <el-form-item label="企业名称:" prop="companyName" v-if="state.isAdmin"> |
| | | <el-select |
| | | v-model="state.form.companyName" |
| | | filterable |
| | | remote |
| | | :disabled="title == '查看' || title == '编辑' || !state.isAdmin" |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | style="width: 100%" |
| | | > |
| | | <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin"> |
| | | <el-select v-model="state.form.companyId" placeholder="请选择" clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin"> |
| | | <el-option |
| | | v-for="item in state.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="取得资质证书名称:" prop="certificateName" > |
| | |
| | | fileName: '' |
| | | }, |
| | | formRules:{ |
| | | companyName: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | certificateName:[{ required: true, message: '请输入取得资质证书名称', trigger: 'blur' }], |
| | | certificateNum:[{ required: true, message: '请输入证书编号', trigger: 'blur' }], |
| | | effectiveTime:[{ required: true, message: '请选择截止日期', trigger: 'blur' }], |
| | |
| | | }) |
| | | |
| | | |
| | | const openDialog = async (type, value) => { |
| | | const openDialog = async (type, value,companyList) => { |
| | | const userInfo = JSON.parse(Cookies.get('userInfo')) |
| | | state.isAdmin = userInfo.userType === 0; |
| | | if(state.isAdmin){ |
| | | await getCompanyList() |
| | | state.companyList = companyList |
| | | } |
| | | title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; |
| | | if(type === 'edit' || type === 'review') { |
| | |
| | | } |
| | | }else{ |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageSize: 999, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | |
| | | >新增</el-button> |
| | | </el-form-item> |
| | | <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="data.queryParams.companyName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | :loading="loadingCompany" |
| | | style="width: 240px" |
| | | > |
| | | <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> |
| | | <el-option |
| | | v-for="item in data.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item v-if="data.isAdmin"> |
| | |
| | | getList(); |
| | | } |
| | | const openDialog = (type, value) => { |
| | | noticeRef.value.openDialog(type, value); |
| | | noticeRef.value.openDialog(type, value,data.companyList); |
| | | } |
| | | const selectValue = (val) => { |
| | | data.companyList.forEach(item => { |
| | | if(item.name === val){ |
| | | data.queryParams.companyId = item.id |
| | | } |
| | | }) |
| | | } |
| | | |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else{ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | const getCompanyList = async ()=>{ |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 999 |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | data.companyList = res.data.list?res.data.list:[] |
| | | // data.queryParams.companyId = data.companyList[0].id |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | |
| | | const handleSizeChange = (val) => { |
| | | data.queryParams.pageSize = val |
| | | getList() |
| | |
| | | choosedData.value = [] |
| | | data.companyList = []; |
| | | getList(); |
| | | getCompanyList() |
| | | |
| | | } |
| | | const exportData = () => { |
| | |
| | | <el-form :model="state.form" size="default" ref="busRef" :rules="state.rules" label-width="120px" > |
| | | <el-row :gutter="24"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="企业名称:" prop="companyName" v-if="state.isAdmin"> |
| | | <el-select |
| | | v-model="state.form.companyName" |
| | | filterable |
| | | remote |
| | | :disabled="title == '查看' || title == '编辑' || !state.isAdmin" |
| | | @change="selectValueCom" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | style="width: 100%" |
| | | > |
| | | <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin"> |
| | | <el-select v-model="state.form.companyId" placeholder="请选择" clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin" @change="selectValueCom"> |
| | | <el-option |
| | | v-for="item in state.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24" v-if="state.form.type == 2"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="编制:" prop="compilationName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.compilationName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item label="编制:" prop="compilationId" > |
| | | <el-select clearable v-model="state.form.compilationId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | v-for="item in state.userList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24" > |
| | | <el-col :span="12"> |
| | | <el-form-item label="质量管理部:" prop="qualityName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.qualityName" |
| | | filterable |
| | | remote |
| | | @change="selectValue1" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item label="质量管理部:" prop="qualityId" > |
| | | <el-select clearable v-model="state.form.qualityId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | v-for="item in state.userList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="公司分管领导:" prop="leadName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.leadName" |
| | | filterable |
| | | remote |
| | | @change="selectValue2" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item label="公司分管领导:" prop="leadId" > |
| | | <el-select clearable v-model="state.form.leadId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | v-for="item in state.userList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | import {ElMessage} from "element-plus"; |
| | | import {getUser} from "@/api/onlineEducation/user"; |
| | | import {addObjective, editObject, getDept} from "@/api/qualityObjectives/object"; |
| | | import {listUser} from "@/api/system/user"; |
| | | |
| | | const dialogVisible = ref(false); |
| | | const title = ref(""); |
| | |
| | | type: '', |
| | | departId: '', |
| | | method: '', |
| | | compilationBy:'', |
| | | compilationId:'', |
| | | compilationTime:'', |
| | | qualityBy: '', |
| | | qualityId: '', |
| | | qualityTime:'', |
| | | leadBy:'', |
| | | leadId:'', |
| | | leadTime: '', |
| | | qualityTargets:[], |
| | | |
| | | }, |
| | | rules: { |
| | | companyName: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | year: [{ required: true, message: '请输入年份', trigger: 'blur' }], |
| | | num: [{ required: true, message: '请输入序号', trigger: 'blur' }], |
| | | type: [{ required: true, message: '请选择级别', trigger: 'blur' }], |
| | | method: [{ required: true, message: '请输入目标测量方法', trigger: 'blur' }], |
| | | compilationName: [{ required: true, message: '请选择编制人员', trigger: 'blur' }], |
| | | compilationId: [{ required: true, message: '请选择编制人员', trigger: 'blur' }], |
| | | compilationTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | | qualityName: [{ required: true, message: '请选择质量管理部人员', trigger: 'blur' }], |
| | | qualityId: [{ required: true, message: '请选择质量管理部人员', trigger: 'blur' }], |
| | | qualityTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | | leadName: [{ required: true, message: '请选择公司分管领导', trigger: 'blur' }], |
| | | leadId: [{ required: true, message: '请选择公司分管领导', trigger: 'blur' }], |
| | | leadTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | | departId: [{ required: true, message: '请选择部门', trigger: 'blur' }], |
| | | objName: [{required: true, message: "质量目标不能为空", trigger: "blur"}], |
| | |
| | | ] |
| | | }) |
| | | |
| | | const openDialog = async (type, value) => { |
| | | const openDialog = async (type, value,companyList) => { |
| | | const userInfo = JSON.parse(Cookies.get('userInfo')) |
| | | state.isAdmin = userInfo.userType === 0; |
| | | state.form.companyName = userInfo.companyName |
| | | state.form.companyId = userInfo.companyId |
| | | if(state.isAdmin){ |
| | | state.companyList = companyList |
| | | state.form.companyId = null |
| | | } |
| | | title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; |
| | | if(type === 'edit' || type === 'review') { |
| | | state.form = JSON.parse(JSON.stringify(value)); |
| | | state.form.compilationBy = state.form.compilationId |
| | | state.form.leadBy = state.form.leadId |
| | | state.form.qualityBy = state.form.qualityId |
| | | |
| | | if(state.isAdmin){ |
| | | state.form.companyId = value.companyId |
| | | state.form.companyName = value.companyName |
| | | } |
| | | } |
| | | await getDeptList() |
| | | if(state.isAdmin){ |
| | | await getCompanyList() |
| | | } |
| | | await getPeopleList() |
| | | dialogVisible.value = true; |
| | | } |
| | |
| | | const handleDelete = (val) => { |
| | | state.form.qualityTargets = state.form.qualityTargets.filter(item=> item != val) |
| | | } |
| | | const getPeopleList = async (val)=>{ |
| | | if(val){ |
| | | const queryParams = { |
| | | name: val, |
| | | companyId: state.form.companyId == 0 ? null : state.form.companyId |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if (res.code == 200) { |
| | | state.peopleList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | const getPeopleList = async ()=> { |
| | | const queryParams = { |
| | | companyId: state.form.companyId |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | companyId: state.form.companyId == 0 ? null : state.form.companyId |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if (res.code == 200) { |
| | | state.peopleList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | |
| | | const res = await getUser(queryParams) |
| | | if(res.code == 200){ |
| | | state.userList = res.data.list?res.data.list:[] |
| | | }else{ |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | }; |
| | | // const getPeopleList = async (val)=>{ |
| | | // if(val){ |
| | | // const queryParams = { |
| | | // name: val, |
| | | // companyId: state.form.companyId == 0 ? null : state.form.companyId |
| | | // } |
| | | // const res = await getUser(queryParams) |
| | | // if (res.code == 200) { |
| | | // state.peopleList = res.data.list |
| | | // |
| | | // } else { |
| | | // ElMessage.warning(res.message) |
| | | // } |
| | | // }else { |
| | | // const queryParams = { |
| | | // pageNum: 1, |
| | | // pageSize: 10, |
| | | // companyId: state.form.companyId == 0 ? null : state.form.companyId |
| | | // } |
| | | // const res = await getUser(queryParams) |
| | | // if (res.code == 200) { |
| | | // state.peopleList = res.data.list |
| | | // |
| | | // } else { |
| | | // ElMessage.warning(res.message) |
| | | // } |
| | | // |
| | | // } |
| | | // } |
| | | const selectValue = (val) => { |
| | | state.peopleList.forEach(item => { |
| | | if(item.name === val){ |
| | |
| | | } |
| | | } |
| | | const selectValueCom = (val) => { |
| | | state.form.leadBy = null |
| | | state.form.qualityBy = null |
| | | state.form.compilationBy = null |
| | | state.form.leadId = null |
| | | state.form.qualityId = null |
| | | state.form.compilationId = null |
| | | state.form.leadName = null |
| | | state.form.qualityName = null |
| | | state.form.compilationName = null |
| | | state.form.departId = null |
| | | state.companyList.forEach(item => { |
| | | if(item.name === val){ |
| | | state.form.companyId = item.id |
| | | if(item.id === val){ |
| | | state.form.companyName = item.name |
| | | } |
| | | }) |
| | | getDeptList() |
| | |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageSize: 999, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | |
| | | >新增</el-button> |
| | | </el-form-item> |
| | | <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="data.queryParams.companyName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | :loading="loadingCompany" |
| | | style="width: 240px" |
| | | > |
| | | <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> |
| | | <el-option |
| | | v-for="item in data.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="年份:" style="margin-left: 20px"> |
| | |
| | | getList(); |
| | | } |
| | | const openDialog = (type, value) => { |
| | | noticeRef.value.openDialog(type, value); |
| | | noticeRef.value.openDialog(type, value,data.companyList); |
| | | } |
| | | const selectValue = (val) => { |
| | | data.companyList.forEach(item => { |
| | |
| | | }) |
| | | } |
| | | |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else{ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | const getCompanyList = async ()=>{ |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 999 |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | data.companyList = res.data.list?res.data.list:[] |
| | | // data.queryParams.companyId = data.companyList[0].id |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | |
| | |
| | | <el-form :model="state.form" size="default" ref="busRef" :rules="state.rules" label-width="120" > |
| | | <el-row :gutter="24"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="企业名称:" prop="companyName" v-if="state.isAdmin"> |
| | | <el-select |
| | | v-model="state.form.companyName" |
| | | filterable |
| | | remote |
| | | :disabled="title == '查看' || title == '编辑' || !state.isAdmin" |
| | | @change="selectValueCom" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | style="width: 100%" |
| | | |
| | | > |
| | | <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin"> |
| | | <el-select v-model="state.form.companyId" placeholder="请选择" clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin" @change="selectValueCom"> |
| | | <el-option |
| | | v-for="item in state.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24"> |
| | | <el-col :span="12"> |
| | | <el-form-item :label="state.type == 1 ? '公司负责人:' : '部门负责人:'" prop="chargeName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.chargeName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item :label="state.type == 1 ? '公司负责人:' : '部门负责人:'" prop="chargeId" > |
| | | <el-select clearable v-model="state.form.chargeId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | qualityTargets:[], |
| | | }, |
| | | rules: { |
| | | companyName: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | qualityId: [{ required: true, message: '请选择质量目标', trigger: 'blur' }], |
| | | serial: [{ required: true, message: '请输入序号', trigger: 'blur' }], |
| | | chargeName: [{ required: true, message: '请选择负责人', trigger: 'blur' }], |
| | | chargeId: [{ required: true, message: '请选择负责人', trigger: 'blur' }], |
| | | chargeTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | | accomplish:[{ required: true, message: '请输入质量目标完成情况', trigger: 'blur' }], |
| | | frequency:[{ required: true, message: '请选择考核时机', trigger: 'blur' }], |
| | |
| | | |
| | | |
| | | }); |
| | | const openDialog = async (type, isCom, value) => { |
| | | const openDialog = async (type, isCom, value,companyList) => { |
| | | |
| | | const userInfo = JSON.parse(Cookies.get('userInfo')) |
| | | state.isAdmin = userInfo.userType === 0; |
| | |
| | | if(state.isAdmin){ |
| | | state.form.companyId = value.companyId |
| | | state.form.companyName = value.companyName |
| | | state.companyList = companyList |
| | | } |
| | | await getQualityList() |
| | | title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; |
| | |
| | | state.form = JSON.parse(JSON.stringify(value)); |
| | | chooseQuality(state.form.qualityId) |
| | | } |
| | | if(state.isAdmin){ |
| | | await getCompanyList() |
| | | } |
| | | |
| | | await getPeopleList() |
| | | dialogVisible.value = true; |
| | | } |
| | |
| | | state.companyList = [] |
| | | state.qualityList = [] |
| | | } |
| | | const getPeopleList = async (val)=>{ |
| | | if(val){ |
| | | const queryParams = { |
| | | companyId: state.form.companyId == 0 ? null : state.form.companyId, |
| | | name: val |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if (res.code == 200) { |
| | | state.peopleList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | companyId: state.form.companyId == 0 ? null : state.form.companyId |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if (res.code == 200) { |
| | | state.peopleList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | |
| | | const getPeopleList = async ()=> { |
| | | const queryParams = { |
| | | companyId: state.form.companyId |
| | | } |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if(res.code == 200){ |
| | | state.peopleList = res.data.list?res.data.list:[] |
| | | }else{ |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }; |
| | | const selectValue = (val) => { |
| | | state.peopleList.forEach(item => { |
| | | if(item.name === val){ |
| | |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageSize: 999, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | |
| | | >新增</el-button> |
| | | </el-form-item> |
| | | <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="data.queryParams.companyName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | :loading="loadingCompany" |
| | | style="width: 240px" |
| | | > |
| | | <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> |
| | | <el-option |
| | | v-for="item in data.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="年份:" style="margin-left: 20px"> |
| | |
| | | data.dialogVisible = true |
| | | } |
| | | const openDialog = (type,isCom, value) => { |
| | | noticeRef.value.openDialog(type, isCom,value); |
| | | noticeRef.value.openDialog(type, isCom,value,data.companyList); |
| | | } |
| | | const openDeptDialog = (type, value) => { |
| | | deptRef.value.openDialog(type, value); |
| | |
| | | }) |
| | | } |
| | | |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else{ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | const getCompanyList = async ()=>{ |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 999 |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | data.companyList = res.data.list?res.data.list:[] |
| | | // data.queryParams.companyId = data.companyList[0].id |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | |
| | | |
| | | const handleSizeChange = (val) => { |
| | | data.queryParams.pageSize = val |
| | | getList() |
| | |
| | | <el-form :model="state.form" size="default" ref="busRef" :rules="state.rules" > |
| | | <el-row :gutter="24"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="企业名称:" prop="companyName" v-if="state.isAdmin"> |
| | | <el-select |
| | | v-model="state.form.companyName" |
| | | filterable |
| | | remote |
| | | :disabled="title == '查看' || title == '编辑' || !state.isAdmin" |
| | | @change="selectValueCom" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | style="width: 100%" |
| | | |
| | | > |
| | | <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin"> |
| | | <el-select v-model="state.form.companyId" placeholder="请选择" clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin" @change="selectValueCom"> |
| | | <el-option |
| | | v-for="item in state.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="拟制:" prop="fictionName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.fictionName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item label="拟制:" prop="fictionId" > |
| | | <el-select clearable v-model="state.form.fictionId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24" > |
| | | <el-col :span="12"> |
| | | <el-form-item label="审核:" prop="checkName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.checkName" |
| | | filterable |
| | | remote |
| | | @change="selectValue1" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item label="审核:" prop="checkId" > |
| | | <el-select clearable v-model="state.form.checkId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="批准:" prop="ratifyName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.ratifyName" |
| | | filterable |
| | | remote |
| | | @change="selectValue2" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item label="批准:" prop="ratifyId" > |
| | | <el-select clearable v-model="state.form.ratifyId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | qualityTargets:[], |
| | | }, |
| | | rules: { |
| | | companyName: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | qualityId: [{ required: true, message: '请选择质量目标', trigger: 'blur' }], |
| | | number: [{ required: true, message: '请输入编号', trigger: 'blur' }], |
| | | serial: [{ required: true, message: '请输入序号', trigger: 'blur' }], |
| | | fictionName: [{ required: true, message: '请选择拟制', trigger: 'blur' }], |
| | | ratifyName: [{ required: true, message: '请选择批准人', trigger: 'blur' }], |
| | | checkName: [{ required: true, message: '请选择审核人', trigger: 'blur' }], |
| | | fictionId: [{ required: true, message: '请选择拟制', trigger: 'blur' }], |
| | | ratifyId: [{ required: true, message: '请选择批准人', trigger: 'blur' }], |
| | | checkId: [{ required: true, message: '请选择审核人', trigger: 'blur' }], |
| | | checkTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | | ratifyTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | | fictionTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | |
| | | |
| | | |
| | | }); |
| | | const openDialog = async (type, value) => { |
| | | const openDialog = async (type, value,companyList) => { |
| | | const userInfo = JSON.parse(Cookies.get('userInfo')) |
| | | state.isAdmin = userInfo.userType === 0; |
| | | state.form.companyName = userInfo.companyName |
| | |
| | | if(state.isAdmin){ |
| | | state.form.companyId = value.companyId |
| | | state.form.companyName = value.companyName |
| | | state.companyList = companyList |
| | | } |
| | | await getQualityList() |
| | | title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; |
| | |
| | | state.form.companyId = value.companyId |
| | | state.form.companyName = value.companyName |
| | | } |
| | | } |
| | | if(state.isAdmin){ |
| | | await getCompanyList() |
| | | } |
| | | await getPeopleList() |
| | | dialogVisible.value = true; |
| | |
| | | state.companyList = [] |
| | | state.qualityList = [] |
| | | } |
| | | const getPeopleList = async (val)=>{ |
| | | if(val){ |
| | | const queryParams = { |
| | | companyId: state.form.companyId == 0 ? null : state.form.companyId, |
| | | name: val |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if (res.code == 200) { |
| | | state.peopleList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | companyId: state.form.companyId == 0 ? null : state.form.companyId |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if (res.code == 200) { |
| | | state.peopleList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | |
| | | const getPeopleList = async ()=> { |
| | | const queryParams = { |
| | | companyId: state.form.companyId |
| | | } |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if(res.code == 200){ |
| | | state.peopleList = res.data.list?res.data.list:[] |
| | | }else{ |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }; |
| | | const selectValue = (val) => { |
| | | state.peopleList.forEach(item => { |
| | | if(item.name === val){ |
| | |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageSize: 999, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | |
| | | <el-form :model="state.form" size="default" ref="busRef" :rules="state.rules" > |
| | | <el-row :gutter="24"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="企业名称:" prop="companyName" v-if="state.isAdmin"> |
| | | <el-select |
| | | v-model="state.form.companyName" |
| | | filterable |
| | | remote |
| | | :disabled="title == '查看' || title == '编辑' || !state.isAdmin" |
| | | @change="selectValueCom" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | style="width: 100%" |
| | | |
| | | > |
| | | <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin"> |
| | | <el-select v-model="state.form.companyId" placeholder="请选择" clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin" @change="selectValueCom"> |
| | | <el-option |
| | | v-for="item in state.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="编制:" prop="fictionName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.fictionName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item label="编制:" prop="fictionId" > |
| | | <el-select clearable v-model="state.form.fictionId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24" > |
| | | <el-col :span="12"> |
| | | <el-form-item label="审核:" prop="checkName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.checkName" |
| | | filterable |
| | | remote |
| | | @change="selectValue1" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item label="审核:" prop="checkId" > |
| | | <el-select clearable v-model="state.form.checkId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="批准(公司分管领导):" prop="ratifyName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.ratifyName" |
| | | filterable |
| | | remote |
| | | @change="selectValue2" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item label="批准(公司分管领导):" prop="ratifyId" > |
| | | <el-select clearable v-model="state.form.ratifyId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | qualityTargets:[], |
| | | }, |
| | | rules: { |
| | | companyName: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | qualityId: [{ required: true, message: '请选择质量目标', trigger: 'blur' }], |
| | | number: [{ required: true, message: '请输入编号', trigger: 'blur' }], |
| | | serial: [{ required: true, message: '请输入序号', trigger: 'blur' }], |
| | | fictionName: [{ required: true, message: '请选择拟制', trigger: 'blur' }], |
| | | ratifyName: [{ required: true, message: '请选择批准人', trigger: 'blur' }], |
| | | checkName: [{ required: true, message: '请选择审核人', trigger: 'blur' }], |
| | | fictionId: [{ required: true, message: '请选择拟制', trigger: 'blur' }], |
| | | ratifyId: [{ required: true, message: '请选择批准人', trigger: 'blur' }], |
| | | checkId: [{ required: true, message: '请选择审核人', trigger: 'blur' }], |
| | | checkTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | | ratifyTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | | fictionTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | |
| | | |
| | | |
| | | }); |
| | | const openDialog = async (type, value) => { |
| | | const openDialog = async (type, value,companyList) => { |
| | | const userInfo = JSON.parse(Cookies.get('userInfo')) |
| | | state.isAdmin = userInfo.userType === 0; |
| | | state.form.companyName = userInfo.companyName |
| | |
| | | if(state.isAdmin){ |
| | | state.form.companyId = value.companyId |
| | | state.form.companyName = value.companyName |
| | | state.companyList = companyList |
| | | } |
| | | |
| | | await getQualityList() |
| | |
| | | if(type === 'edit' || type === 'review') { |
| | | state.form = JSON.parse(JSON.stringify(value)); |
| | | } |
| | | if(state.isAdmin){ |
| | | await getCompanyList() |
| | | } |
| | | |
| | | await getPeopleList() |
| | | dialogVisible.value = true; |
| | | } |
| | |
| | | state.peopleList = [] |
| | | state.companyList = [] |
| | | } |
| | | const getPeopleList = async (val)=>{ |
| | | if(val){ |
| | | const queryParams = { |
| | | companyId: state.form.companyId == 0 ? null : state.form.companyId, |
| | | name: val |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if (res.code == 200) { |
| | | state.peopleList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | companyId: state.form.companyId == 0 ? null : state.form.companyId |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if (res.code == 200) { |
| | | state.peopleList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | |
| | | const getPeopleList = async ()=> { |
| | | const queryParams = { |
| | | companyId: state.form.companyId |
| | | } |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if(res.code == 200){ |
| | | state.peopleList = res.data.list?res.data.list:[] |
| | | }else{ |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }; |
| | | const selectValue = (val) => { |
| | | state.peopleList.forEach(item => { |
| | | if(item.name === val){ |
| | |
| | | getQualityList() |
| | | getPeopleList() |
| | | } |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | state.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | state.companyList = res.data.list |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | } |
| | | defineExpose({ |
| | | openDialog |
| | | }); |
| | |
| | | >新增</el-button> |
| | | </el-form-item> |
| | | <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="data.queryParams.companyName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | :loading="loadingCompany" |
| | | style="width: 240px" |
| | | > |
| | | <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> |
| | | <el-option |
| | | v-for="item in data.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | <!-- <el-select--> |
| | | <!-- v-model="data.queryParams.companyName"--> |
| | | <!-- filterable--> |
| | | <!-- remote--> |
| | | <!-- @change="selectValue"--> |
| | | <!-- reserve-keyword--> |
| | | <!-- placeholder="请输入企业名称"--> |
| | | <!-- remote-show-suffix--> |
| | | <!-- :remote-method="getCompanyList"--> |
| | | <!-- :loading="loadingCompany"--> |
| | | <!-- style="width: 240px"--> |
| | | <!-- >--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in data.companyList"--> |
| | | <!-- :key="item.id"--> |
| | | <!-- :label="item.name"--> |
| | | <!-- :value="item.name"--> |
| | | <!-- />--> |
| | | <!-- </el-select>--> |
| | | </el-form-item> |
| | | <el-form-item label="年份:" style="margin-left: 20px"> |
| | | <el-select |
| | |
| | | data.dialogVisible = true |
| | | } |
| | | const openDialog = (type, value) => { |
| | | noticeRef.value.openDialog(type, value); |
| | | noticeRef.value.openDialog(type, value,data.companyList); |
| | | } |
| | | const openDeptDialog = (type, value) => { |
| | | deptRef.value.openDialog(type, value); |
| | | deptRef.value.openDialog(type, value,data.companyList); |
| | | } |
| | | |
| | | const selectValue = (val) => { |
| | |
| | | }) |
| | | } |
| | | |
| | | const getCompanyList = async (val)=>{ |
| | | if(val){ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else{ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | data.companyList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | const getCompanyList = async ()=>{ |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 999 |
| | | } |
| | | const res = await getCompany(queryParams) |
| | | if (res.code == 200) { |
| | | data.companyList = res.data.list?res.data.list:[] |
| | | // data.queryParams.companyId = data.companyList[0].id |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | |
| | | |
| | | const handleSizeChange = (val) => { |
| | | data.queryParams.pageSize = val |
| | | getList() |