| | |
| | | "@wangeditor/editor-for-vue": "^5.1.12", |
| | | "@wangeditor/plugin-upload-attachment": "^1.1.0", |
| | | "axios": "0.27.2", |
| | | "docx-preview": "^0.3.5", |
| | | "docxtemplater": "^3.63.2", |
| | | "echarts": "5.4.0", |
| | | "element-plus": "2.2.27", |
| | |
| | | type: String, |
| | | default: "" |
| | | }, |
| | | height: { |
| | | type: Number, |
| | | default: 500 |
| | | }, |
| | | disabled: { |
| | | type: Boolean, |
| | | default: false |
| | |
| | | language: "zh_CN", |
| | | skin_url: "/tinymce/skins/ui/oxide", // skin路径 |
| | | content_css: '/tinymce/skins/content/default/content.css', |
| | | height: 500, // 编辑器高度 |
| | | height: this.height? this.height : 500, // 编辑器高度 |
| | | branding: false, // 是否禁用“Powered by TinyMCE” |
| | | menubar: true, // 顶部菜单栏显示 |
| | | plugins: this.plugins, |
| | |
| | | |
| | | import preReClick from "@/utils/preReClick"; |
| | | |
| | | import vue3JsonExcel from 'vue3-json-excel'; |
| | | import vue3JsonExcel from 'vue3-json-excel'; |
| | | |
| | | |
| | | import { Boot } from '@wangeditor/editor' |
| | |
| | | :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" filterable 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" > |
| | |
| | | resource: '', |
| | | }, |
| | | formRules:{ |
| | | companyName: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | basic: [{ required: true, message: '请输入', trigger: 'blur' }], |
| | | introduce:[{ required: true, message: '请输入', trigger: 'blur' }], |
| | | target: [{ required: true, message: '请输入', trigger: 'blur' }], |
| | |
| | | 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" filterable 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 filterable 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" filterable 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="请选择" filterable 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="请选择" filterable 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="请选择" filterable 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="请选择" filterable 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-table-column label="名称" prop="templateName" align="center"/> |
| | | <el-table-column label="文件" align="center"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> |
| | | <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">下载</el-button> |
| | | <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | |
| | | import editDialog from './components/editDialog.vue' |
| | | import useUserStore from "@/store/modules/user"; |
| | | import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; |
| | | import {renderAsync} from "docx-preview"; |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | |
| | | onUnmounted(()=>{ |
| | | |
| | | }) |
| | | const openFile = async(path)=>{ |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank'); |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>预览</title> |
| | | <style> |
| | | body { margin: 20px; font-family: Arial; } |
| | | .docx-container { width: 100%; height: 100%; } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="container" class="docx-container"></div> |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | const getList = async () => { |
| | | loading.value = true |
| | | const res = await getStandardTemp(data.queryParams) |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <!-- <org-tree :data="companyInfo.deptList" />--> |
| | | <button @click="exportOrgChart">导出组织架构图</button> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | |
| | | v-model:limit="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | |
| | | <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; |
| | | import {ElMessage, ElMessageBox} from "element-plus"; |
| | | import {delCompany, getCompany} from "@/api/onlineEducation/company"; |
| | | import {delUser, getUser} from "@/api/onlineEducation/user"; |
| | | import Cookies from "js-cookie"; |
| | | import editDialog from './components/editDialog.vue' |
| | | import {generateWordDocument} from './components/exportDoc.js' |
| | | |
| | | |
| | | import { |
| | | addIndustryTemp, |
| | | delIndustryTemp, |
| | | getIndustryTemp, |
| | | } from "@/api/staffManage/staff"; |
| | | // import OrgTree from 'vue-org-tree' |
| | | import html2canvas from 'html2canvas' |
| | | import { saveAs } from 'file-saver' |
| | | import useUserStore from "@/store/modules/user"; |
| | | import { |
| | | addStandardQuality, |
| | |
| | | getStandardDetail, |
| | | getStandardQuality |
| | | } from "@/api/standardSys/standardSys"; |
| | | import {getBasic} from "@/api/companyInfo/basicInfo"; |
| | | import {getCom} from "@/api/companyInfo/overview"; |
| | | |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | |
| | | ] |
| | | }); |
| | | |
| | | const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data); |
| | | const { queryParams, total, dataList,companyList, isAdmin, companyInfo } = toRefs(data); |
| | | const userInfo = ref() |
| | | onMounted(async ()=>{ |
| | | if(userStore.roles.includes('admin')){ |
| | |
| | | |
| | | }) |
| | | |
| | | const exportOrgChart=()=> { |
| | | const element = document.querySelector('.org-tree'); // 获取组织架构图的容器元素 |
| | | html2canvas(element).then(canvas => { |
| | | // 创建一个图片元素 |
| | | let img = new Image(); |
| | | img.src = canvas.toDataURL('image/png'); |
| | | |
| | | // 创建并触发下载 |
| | | img.onload = () => { |
| | | let w = img.width; |
| | | let h = img.height; |
| | | let canvas2 = document.createElement('canvas'); |
| | | let ctx = canvas2.getContext('2d'); |
| | | canvas2.width = w; |
| | | canvas2.height = h; |
| | | ctx.drawImage(img, 0, 0, w, h); |
| | | saveAs(canvas2.toDataURL('image/png'), '组织架构图.png'); |
| | | }; |
| | | }); |
| | | } |
| | | |
| | | const getList = async () => { |
| | | loading.value = true |
| | | const res = await getStandardQuality(data.queryParams) |
| | |
| | | <el-table-column label="名称" prop="templateName" align="center"/> |
| | | <el-table-column label="文件" align="center"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> |
| | | <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">下载</el-button> |
| | | <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | |
| | | import editDialog from './components/editDialog.vue' |
| | | import useUserStore from "@/store/modules/user"; |
| | | import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; |
| | | import {renderAsync} from "docx-preview"; |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | |
| | | |
| | | }) |
| | | |
| | | const openFile = async(path)=>{ |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank'); |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>预览</title> |
| | | <style> |
| | | body { margin: 20px; font-family: Arial; } |
| | | .docx-container { width: 100%; height: 100%; } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="container" class="docx-container"></div> |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | |
| | | const getList = async () => { |
| | | loading.value = true |
| | | const res = await getStandardTemp(data.queryParams) |
| | |
| | | <el-table-column label="名称" prop="templateName" align="center"/> |
| | | <el-table-column label="文件" align="center"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> |
| | | <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">下载</el-button> |
| | | <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | |
| | | import editDialog from './components/editDialog.vue' |
| | | import useUserStore from "@/store/modules/user"; |
| | | import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; |
| | | import {renderAsync} from "docx-preview"; |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | |
| | | onUnmounted(()=>{ |
| | | |
| | | }) |
| | | const openFile = async(path)=>{ |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank'); |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>预览</title> |
| | | <style> |
| | | body { margin: 20px; font-family: Arial; } |
| | | .docx-container { width: 100%; height: 100%; } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="container" class="docx-container"></div> |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | const getList = async () => { |
| | | loading.value = true |
| | | const res = await getStandardTemp(data.queryParams) |
| | |
| | | <el-table-column label="名称" prop="templateName" align="center"/> |
| | | <el-table-column label="文件" align="center"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> |
| | | <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">下载</el-button> |
| | | <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | |
| | | import editDialog from './components/editDialog.vue' |
| | | import useUserStore from "@/store/modules/user"; |
| | | import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; |
| | | import {renderAsync} from "docx-preview"; |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | |
| | | onUnmounted(()=>{ |
| | | |
| | | }) |
| | | const openFile = async(path)=>{ |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank'); |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>预览</title> |
| | | <style> |
| | | body { margin: 20px; font-family: Arial; } |
| | | .docx-container { width: 100%; height: 100%; } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="container" class="docx-container"></div> |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | const getList = async () => { |
| | | loading.value = true |
| | | const res = await getStandardTemp(data.queryParams) |
| | |
| | | <el-table-column label="名称" prop="templateName" align="center"/> |
| | | <el-table-column label="文件" align="center"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> |
| | | <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">下载</el-button> |
| | | <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | |
| | | import editDialog from './components/editDialog.vue' |
| | | import useUserStore from "@/store/modules/user"; |
| | | import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; |
| | | import {renderAsync} from "docx-preview"; |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | |
| | | onUnmounted(()=>{ |
| | | |
| | | }) |
| | | const openFile = async(path)=>{ |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank'); |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>预览</title> |
| | | <style> |
| | | body { margin: 20px; font-family: Arial; } |
| | | .docx-container { width: 100%; height: 100%; } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="container" class="docx-container"></div> |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | const getList = async () => { |
| | | loading.value = true |
| | | const res = await getStandardTemp(data.queryParams) |
| | |
| | | <el-table-column label="名称" prop="templateName" align="center"/> |
| | | <el-table-column label="文件" align="center"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName}}</el-button> |
| | | <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">下载</el-button> |
| | | <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | |
| | | import editDialog from './components/editDialog.vue' |
| | | import useUserStore from "@/store/modules/user"; |
| | | import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; |
| | | import {renderAsync} from "docx-preview"; |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | |
| | | onUnmounted(()=>{ |
| | | |
| | | }) |
| | | const openFile = async(path)=>{ |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank'); |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>预览</title> |
| | | <style> |
| | | body { margin: 20px; font-family: Arial; } |
| | | .docx-container { width: 100%; height: 100%; } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="container" class="docx-container"></div> |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | const getList = async () => { |
| | | loading.value = true |
| | | const res = await getStandardTemp(data.queryParams) |
| | |
| | | <el-table-column label="行业" prop="industryName" align="center" /> |
| | | <el-table-column label="模板" prop="fileName" align="center"> |
| | | <template #default="scope"> |
| | | <el-link style="" type="primary" @click="downloadFile(scope.row)">{{scope.row.fileName}}</el-link> |
| | | <el-link style="" type="primary" @click="openFile(scope.row.filePath)">{{scope.row.fileName}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="分类" prop="type" align="center" /> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row)">下载</el-button> |
| | | <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | |
| | | import axios from "axios"; |
| | | import {getToken} from "@/utils/auth"; |
| | | import {getIndustry} from "@/api/system/industry"; |
| | | import {renderAsync} from "docx-preview"; |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | |
| | | onUnmounted(()=>{ |
| | | |
| | | }) |
| | | const openFile = async(path)=>{ |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank') |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>预览</title> |
| | | <style> |
| | | body { margin: 20px; font-family: Arial; } |
| | | .docx-container { width: 100%; height: 100%; } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="container" class="docx-container"></div> |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | const getList = async () => { |
| | | loading.value = true |
| | | const res = await getIndustryTemp(data.queryParams) |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="主要负责部门:" prop="parentId"> |
| | | <el-form-item label="主要负责部门:" prop="childDeptIds"> |
| | | <el-select |
| | | clearable |
| | | v-model="state.form.parentId" |
| | | v-model="state.form.childDeptIds" |
| | | :disabled="state.title =='查看'" |
| | | filterable |
| | | multiple |
| | | placeholder="主要负责部门" |
| | | style="width: 100%" |
| | | > |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="是否加入职能分配表" prop="responsType"> |
| | | <el-radio-group v-model="state.form.responsType" :disabled="disabled"> |
| | | <el-radio :label="1">是</el-radio> |
| | | <el-radio :label="2">否</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-form> |
| | | <template #footer v-if="state.title !='查看'"> |
| | | <span class="dialog-footer"> |
| | |
| | | parentId: null, |
| | | caluseVO1List: [], |
| | | delCaluseIds: [], |
| | | companyId: null |
| | | companyId: null, |
| | | responsType: 1, |
| | | childDeptIds: [] |
| | | }, |
| | | isAdmin: false, |
| | | companyList: [], |
| | |
| | | deptName: [{ required: true, message: '请输入部门名称', trigger: 'blur' }], |
| | | // leaderUserId: [{ required: true, message: '请选择负责人', trigger: 'blur' }], |
| | | // parentId: [{ required: true, message: '请选择负责部门', trigger: 'blur' }], |
| | | caluseVO1List: [{ required: true, message: '请选择涉及条款', trigger: 'blur' }], |
| | | // caluseVO1List: [{ required: true, message: '请选择涉及条款', trigger: 'blur' }], |
| | | } |
| | | }) |
| | | |
| | |
| | | } |
| | | }); |
| | | state.oldClauseList = value.caluseVO1List |
| | | console.log(state.oldClauseList,'old') |
| | | state.form.childDeptIds = value.sysDeptManageVoList?.map(i=>i.subDeptId) |
| | | state.form.responsType = Number(value.responsType) |
| | | }else{ |
| | | state.form.companyId = companyId |
| | | } |
| | |
| | | } |
| | | |
| | | const getUserList = async ()=> { |
| | | const res = await listUser() |
| | | const res = await listUser({pageIndex: 1,pageSize: 999}) |
| | | if(res.code == 200){ |
| | | state.userList = res.data.list?res.data.list:[] |
| | | }else{ |
| | |
| | | parentId: null, |
| | | caluseVO1List: [], |
| | | delCaluseIds: [], |
| | | companyId: null |
| | | companyId: null, |
| | | responsType: 1, |
| | | childDeptIds: [] |
| | | } |
| | | |
| | | superRef.value.clearValidate(); |
| | |
| | | oldResponsibilityList: [], |
| | | formRules:{ |
| | | personNum: [{ required: true, message: '请输入部门人数', trigger: 'blur' }], |
| | | internalAuditors: [{ required: true, message: '请选择内审员', trigger: 'blur' }], |
| | | // internalAuditors: [{ required: true, message: '请选择内审员', trigger: 'blur' }], |
| | | responsibilities: [{ required: true, message: '请输入部门职责', trigger: 'blur' }] |
| | | }, |
| | | firstFive: [ |
| | |
| | | <el-table-column label="序号" type="index" align="center" width="80" /> |
| | | <el-table-column label="部门名称" prop="deptName" align="center" /> |
| | | <el-table-column label="负责人" prop="leaderName" align="center" /> |
| | | <el-table-column label="主要负责部门" prop="parentName" align="center"/> |
| | | <el-table-column label="主要负责部门" prop="parentName" align="center"> |
| | | <template #default="scope"> |
| | | <span> |
| | | {{scope.row.sysDeptManageVoList?.map(i=>i.subDeptName).join('、')}} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="部门涉及条款" prop="userTypeName" align="center" width="150"> |
| | | <template #default="scope"> |
| | | <div v-if="scope.row.caluseVO1List"> |
| | | <div v-for="(item,index) in scope.row.caluseVO1List" :key="index"> |
| | | {{ item.clauseNum + ' ' + item.content}} |
| | | </div> |
| | | </div> |
| | | <span> |
| | | {{scope.row.caluseVO1List?.map(i=>i.clauseNum).join('、')}} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="部门职责表" prop="userTypeName" align="center" width="150"> |
| | |
| | | <el-table v-loading="loading" :data="caluseList" class="caluseTable" :border="true" :span-method="arraySpanMethod"> |
| | | <el-table-column label="条款号" prop="clauseNum" align="center"/> |
| | | <el-table-column label="条款内容/要素" prop="content" align="left"/> |
| | | <el-table-column label="总经理" prop="manage" align="center"> |
| | | <template #default="scope"> |
| | | <el-checkbox v-model="scope.row.manage" disabled size="large" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="管理者代表" prop="represent" align="center"> |
| | | <template #default="scope"> |
| | | <el-checkbox v-model="scope.row.represent" disabled size="large" /> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="总经理" prop="manage" align="center">--> |
| | | <!-- <template #default="scope">--> |
| | | <!-- <el-checkbox v-model="scope.row.manage" disabled size="large" />--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column label="管理者代表" prop="represent" align="center">--> |
| | | <!-- <template #default="scope">--> |
| | | <!-- <el-checkbox v-model="scope.row.represent" disabled size="large" />--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column v-for="column in deptList" :key="column.deptId" :prop="column.deptId" :label="column.deptName" align="center"> |
| | | <template #default="scope"> |
| | | <el-checkbox v-model="scope.row[column.deptId]" :disabled="!isEdit" size="large" @change="changeStatus(scope.row)"/> |
| | |
| | | {clauseNum: '7.1.3', content: '基础设施',manage: false,represent: true}, |
| | | {clauseNum: '7.1.4', content: '过程运行环境',manage: false,represent: true}, |
| | | {clauseNum: '7.1.5', content: '监视和测量资源',manage: false,represent: true}, |
| | | {clauseNum: '7.1.6', content: '组织的知识',manage: false,represent: true} |
| | | {clauseNum: '7.1.6', content: '组织的知识',manage: false,represent: true}, |
| | | {clauseNum: '7.2', content: '能力'}, |
| | | {clauseNum: '7.3', content: '意识'}, |
| | | {clauseNum: '7.4', content: '沟通'}, |
| | | {clauseNum: '7.5', content: '成文信息'}, |
| | | {clauseNum: '7.6', content: '质量信息'}, |
| | | {clauseNum: '8', content: '运行'}, |
| | | {clauseNum: '8.1', content: '运行策划和控制'}, |
| | | {clauseNum: '8.2', content: '产品和服务的要求'}, |
| | | {clauseNum: '8.2.1', content: '顾客沟通'}, |
| | | {clauseNum: '8.2.2', content: '与产品和服务有关的要求的确定'}, |
| | | {clauseNum: '8.2.3', content: '与产品和服务有关的要求的评审'}, |
| | | {clauseNum: '8.2.4', content: '产品和服务要求的更改'}, |
| | | {clauseNum: '8.3', content: '产品和服务的设计和开发'}, |
| | | {clauseNum: '8.3.1', content: '总则'}, |
| | | {clauseNum: '8.3.2', content: '设计和开发策划'}, |
| | | {clauseNum: '8.3.3', content: '设计和开发输入'}, |
| | | {clauseNum: '8.3.4', content: '设计和开发控制'}, |
| | | {clauseNum: '8.3.5', content: '设计和开发输出'}, |
| | | {clauseNum: '8.3.6', content: '设计和开发更改'}, |
| | | {clauseNum: '8.3.7', content: '新产品试制'}, |
| | | {clauseNum: '8.3.8', content: '设计和开发的试验控制'}, |
| | | {clauseNum: '8.4', content: '外部提供过程、产品和服务的控制'}, |
| | | {clauseNum: '8.4.1', content: '总则'}, |
| | | {clauseNum: '8.4.2', content: '控制类型和程度'}, |
| | | {clauseNum: '8.4.3', content: '提供给外部供方的信息'}, |
| | | {clauseNum: '8.5', content: '生产和服务提供'}, |
| | | {clauseNum: '8.5.1', content: '生产和服务提供的控制'}, |
| | | {clauseNum: '8.5.2', content: '标识和可追溯性'}, |
| | | {clauseNum: '8.5.3', content: '顾客或外部供方的财产'}, |
| | | {clauseNum: '8.5.4', content: '防护'}, |
| | | {clauseNum: '8.5.5', content: '交付后的活动'}, |
| | | {clauseNum: '8.5.6', content: '更改控制'}, |
| | | {clauseNum: '8.5.7', content: '关键过程'}, |
| | | {clauseNum: '8.6', content: '产品和服务的放行'}, |
| | | {clauseNum: '8.7', content: '不合格输出的控制'}, |
| | | {clauseNum: '9', content: '绩效评价'}, |
| | | {clauseNum: '9.1', content: '监视、测量、分析和评价'}, |
| | | {clauseNum: '9.1.1', content: '总则'}, |
| | | {clauseNum: '9.1.2', content: '顾客满意'}, |
| | | {clauseNum: '9.1.3', content: '分析和评价'}, |
| | | {clauseNum: '9.2', content: '内部审核'}, |
| | | {clauseNum: '9.3', content: '管理评审'}, |
| | | {clauseNum: '10', content: '持续改进'} |
| | | ], |
| | | form: { |
| | | companyId: null, |
| | |
| | | rowIndex, |
| | | columnIndex, |
| | | }) => { |
| | | if (rowIndex === 0 || rowIndex === 5 ||rowIndex === 9 ||rowIndex === 13) { |
| | | const mergeValues = ['4','5','6','7','7.1','8','8.2','8.3','8.4','8.5','9','9.1','10'] |
| | | if (mergeValues.includes(row.clauseNum)) { |
| | | if (columnIndex === 0) { |
| | | return [1, 1] |
| | | } else if(columnIndex === 1){ |
| | |
| | | <style lang="scss"> |
| | | .caluseTable{ |
| | | .el-table__cell{ |
| | | padding: 4px 0 !important; |
| | | padding: 0 !important; |
| | | .is-disabled{ |
| | | .el-checkbox__label{ |
| | | color: #606266 !important |
| | |
| | | } |
| | | } |
| | | .cell{ |
| | | padding: 0 6px !important; |
| | | padding: 0 4px !important; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <el-form-item label="材料名称:" prop="name"> |
| | | <el-input v-model.trim="state.form.name" :disabled="state.title =='查看'" placeholder="材料名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="材料模板:" prop="filePath"> |
| | | <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <template #tip> |
| | | <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div> |
| | | </template> |
| | | </el-upload> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="材料模板:" prop="filePath">--> |
| | | <!-- <el-upload accept=".doc,.docx" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" >--> |
| | | <!-- <el-button type="primary">点击上传</el-button>--> |
| | | <!-- <template #tip>--> |
| | | <!-- <div class="el-upload__tip">支持上传.doc、.docx格式文档,尺寸小于5M,最多可上传1张</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-upload>--> |
| | | <!-- </el-form-item>--> |
| | | </el-form> |
| | | <template #footer v-if="state.title !='查看'"> |
| | | <span class="dialog-footer"> |
| | |
| | | <div class="right"> |
| | | <el-form :model="state.form" size="default" ref="noticeRef" :rules="data.formRules" label-position="left" label-width="125px" > |
| | | <el-form-item label="具体内容" prop="content" > |
| | | <el-input v-model="state.form.content" :rows="4" type="textarea" /> |
| | | |
| | | <t-editor style="width: 100%;" :height="300" ref="myEditor1" :value="state.form.content" ></t-editor> |
| | | <!-- <el-input v-model="state.form.content" :rows="4" type="textarea" />--> |
| | | </el-form-item> |
| | | <el-form-item label="标准分析" prop="analysis" > |
| | | <el-input v-model="state.form.analysis" :rows="4" type="textarea" /> |
| | | <t-editor style="width: 100%;" :height="300" ref="myEditor2" :value="state.form.analysis" ></t-editor> |
| | | <!-- <el-input v-model="state.form.analysis" :rows="4" type="textarea" />--> |
| | | </el-form-item> |
| | | <el-form-item label="应准备材料" prop="dataList"> |
| | | <el-button type="primary" @click="openDataDialog('add',{})">新增</el-button> |
| | |
| | | <el-table style="margin:15px 0;width: 100%" :data="state.form.dataList" :border="true" > |
| | | <el-table-column type="index" label="序号" width="80" align="center"></el-table-column> |
| | | <el-table-column label="材料名称" prop="name" align="center" /> |
| | | <el-table-column label="材料模板" prop="fileName" align="center" > |
| | | <template #default="scope"> |
| | | <el-link v-if="scope.row.fileName" style="" type="primary" @click="downloadFile(scope.row)">{{scope.row.fileName}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="材料模板" prop="fileName" align="center" >--> |
| | | <!-- <template #default="scope">--> |
| | | <!-- <el-link v-if="scope.row.fileName" style="" type="primary" @click="downloadFile(scope.row)">{{scope.row.fileName}}</el-link>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="openDataDialog('edit',scope.row)" >编辑</el-button> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-form-item label="记录上传" prop="recordList"> |
| | | <el-button type="primary" @click="openRecordDialog('add',{})">新增</el-button> |
| | | </el-form-item> |
| | | <el-table style="margin-top: 15px;width: 100%" :data="state.form.recordList" :border="true" > |
| | | <el-table-column type="index" label="序号" width="80" align="center"></el-table-column> |
| | | <el-table-column label="记录名称" prop="name" align="center" /> |
| | | <el-table-column label="材料模板" prop="fileName" align="center"> |
| | | <template #default="scope"> |
| | | <el-link v-if="scope.row.fileName" style="" type="primary" @click="downloadFile(scope.row)">{{scope.row.fileName}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="openRecordDialog('edit',scope.row)" >编辑</el-button> |
| | | <el-button link type="danger" @click="handleRecordDelete(scope.row)" >删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- <el-form-item label="记录上传" prop="recordList">--> |
| | | <!-- <el-button type="primary" @click="openRecordDialog('add',{})">新增</el-button>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-table style="margin-top: 15px;width: 100%" :data="state.form.recordList" :border="true" >--> |
| | | <!-- <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>--> |
| | | <!-- <el-table-column label="记录名称" prop="name" align="center" />--> |
| | | <!-- <el-table-column label="材料模板" prop="fileName" align="center">--> |
| | | <!-- <template #default="scope">--> |
| | | <!-- <el-link v-if="scope.row.fileName" style="" type="primary" @click="downloadFile(scope.row)">{{scope.row.fileName}}</el-link>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >--> |
| | | <!-- <template #default="scope">--> |
| | | <!-- <el-button link type="primary" @click="openRecordDialog('edit',scope.row)" >编辑</el-button>--> |
| | | <!-- <el-button link type="danger" @click="handleRecordDelete(scope.row)" >删除</el-button>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- </el-table>--> |
| | | </el-form> |
| | | <div style="display: flex;align-items: center;justify-content: right;margin-top: 10px"> |
| | | <el-button v-if="state.form.id" type="danger" @click="deleteData">删除</el-button> |
| | |
| | | </div> |
| | | </div> |
| | | <dataDialog ref="dialogRef" @getList="getFileList"></dataDialog> |
| | | <record-dialog ref="dialogRecordRef" @getList="getFileList"></record-dialog> |
| | | <!-- <record-dialog ref="dialogRecordRef" @getList="getFileList"></record-dialog>--> |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | |
| | | getFile |
| | | } from "@/api/qualityManage/range"; |
| | | import axios from "axios"; |
| | | import TEditor from "@/components/Tinymce/Tinymce.vue"; |
| | | |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | | const noticeRef = ref(); |
| | | const dialogRef = ref(); |
| | | const myEditor1 = ref(); |
| | | const myEditor2 = ref(); |
| | | const dialogRecordRef = ref(); |
| | | const loadingCompany = ref(false) |
| | | const data = reactive({ |
| | |
| | | formRules: { |
| | | content: [{ required: true, message: '请输入具体内容', trigger: 'blur' }], |
| | | analysis: [{ required: true, message: '请输入标准分析', trigger: 'blur' }], |
| | | dataList: [{ required: true, message: '', trigger: 'blur' }], |
| | | recordList: [{ required: true, message: '', trigger: 'blur' }] |
| | | // dataList: [{ required: true, message: '', trigger: 'blur' }], |
| | | // recordList: [{ required: true, message: '', trigger: 'blur' }] |
| | | }, |
| | | companyList: [], |
| | | isAdmin: false, |
| | |
| | | } |
| | | |
| | | const addData = async () => { |
| | | state.form.content = myEditor1.value.myValue |
| | | state.form.analysis = myEditor2.value.myValue |
| | | if(!state.form.catalogueId){ |
| | | ElMessage.warning('请先选择左侧目录!') |
| | | return |
| | | } |
| | | if(state.form.dataList && state.form.dataList.length==0){ |
| | | ElMessage.warning('请上传应准备材料!') |
| | | return |
| | | } |
| | | if(state.form.recordList && state.form.recordList.length==0){ |
| | | ElMessage.warning('请上传记录!') |
| | | return |
| | | } |
| | | // if(state.form.dataList && state.form.dataList.length==0){ |
| | | // ElMessage.warning('请上传应准备材料!') |
| | | // return |
| | | // } |
| | | // if(state.form.recordList && state.form.recordList.length==0){ |
| | | // ElMessage.warning('请上传记录!') |
| | | // return |
| | | // } |
| | | const valid = await noticeRef.value.validate(); |
| | | if(valid){ |
| | | |
| | |
| | | <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="请选择" filterable 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) |
| | | } |
| | | }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 ()=> { |
| | | if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){ |
| | | return |
| | | } |
| | | } |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 9999, |
| | | companyId: state.form.companyId |
| | | } |
| | | 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="请选择" filterable 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="请选择" filterable 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 ()=> { |
| | | if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){ |
| | | return |
| | | } |
| | | } |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 9999, |
| | | 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="请选择" filterable 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="请选择" filterable 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 ()=> { |
| | | if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){ |
| | | return |
| | | } |
| | | } |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 9999, |
| | | 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="请选择" filterable 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 ()=> { |
| | | if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){ |
| | | return |
| | | } |
| | | } |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 9999, |
| | | 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="请选择" filterable 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() |
| | |
| | | </el-form-item> |
| | | <el-form-item label="用户类型:" v-if="state.title !== '修改密码'" prop="userType"> |
| | | <el-radio-group v-model="state.form.userType" :disabled="disabled" @change="changeType" v-if="state.title == '新增'"> |
| | | <el-radio :label="0" v-if="state.currentUserType == 0">管理员</el-radio> |
| | | <el-radio :label="1" v-if="state.currentUserType == 0 ">企业级</el-radio> |
| | | <el-radio :label="2" v-if="state.currentUserType == 1 ">部门级</el-radio> |
| | | <el-radio :label="0" v-if="state.currentUserType == 0">系统管理员</el-radio> |
| | | <el-radio :label="1" v-if="state.currentUserType == 0 ">企业管理员</el-radio> |
| | | <el-radio :label="2" v-if="state.currentUserType == 1 ">企业用户</el-radio> |
| | | <el-radio :label="3" v-if="!state.isAdmin">车间(岗位)级</el-radio> |
| | | <el-radio :label="4" v-if="state.currentUserType == 0">其他</el-radio> |
| | | </el-radio-group> |
| | |
| | | companyId: null |
| | | }) |
| | | if(res.code == 200){ |
| | | data.expertData = res.data.list.map((item,index) => { |
| | | data.expertData = res.data.list?.map((item,index) => { |
| | | return { |
| | | ...item, |
| | | index: index + 1, |
| | |
| | | <el-table-column label="模板名称" prop="templateName" align="center"/> |
| | | <el-table-column label="模板文件" align="center"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName + '模板'}}</el-button> |
| | | <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">下载</el-button> |
| | | <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | |
| | | import editDialog from './components/editDialog.vue' |
| | | import useUserStore from "@/store/modules/user"; |
| | | import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; |
| | | import { renderAsync } from "docx-preview"; |
| | | |
| | | |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | |
| | | loading.value = true |
| | | const res = await getStandardTemp(data.queryParams) |
| | | if(res.code == 200){ |
| | | console.log(res.data,'data') |
| | | data.dataList = res.data.list || [] |
| | | data.total = res.data.total |
| | | }else{ |
| | |
| | | window.open(import.meta.env.VITE_APP_BASE_API + '/' + path) |
| | | } |
| | | |
| | | const openFile = async(path)=>{ |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank'); |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>预览</title> |
| | | <style> |
| | | body { margin: 20px; font-family: Arial; } |
| | | .docx-container { width: 100%; height: 100%; } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="container" class="docx-container"></div> |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | |
| | | const openDialog = (type, value) => { |
| | | dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); |
| | | } |
| | |
| | | <el-table-column label="模板名称" prop="templateName" align="center"/> |
| | | <el-table-column label="模板文件" align="center"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName + '模板'}}</el-button> |
| | | <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">下载</el-button> |
| | | <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | |
| | | v-model:limit="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | |
| | | <div id="docx-preview-container" style="width: 100%; height: auto; border: 1px solid #ccc;"></div> |
| | | <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> |
| | | </div> |
| | | </template> |
| | |
| | | import editDialog from './components/editDialog.vue' |
| | | import useUserStore from "@/store/modules/user"; |
| | | import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; |
| | | import { renderAsync } from "docx-preview"; |
| | | |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | |
| | | |
| | | }) |
| | | |
| | | const openFile = async(path)=>{ |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank'); |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>预览</title> |
| | | <style> |
| | | body { margin: 20px; font-family: Arial; } |
| | | .docx-container { width: 100%; height: 100%; } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="container" class="docx-container"></div> |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | |
| | | |
| | | const getList = async () => { |
| | | loading.value = true |
| | | const res = await getStandardTemp(data.queryParams) |
| | |
| | | <el-table-column label="模板名称" prop="templateName" align="center"/> |
| | | <el-table-column label="模板文件" align="center"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">{{scope.row.templateName + '模板'}}</el-button> |
| | | <el-link type="primary" @click="openFile(scope.row.filePath)">{{scope.row.templateName + '模板' + scope.row.format}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="downloadFile(scope.row.filePath)">下载</el-button> |
| | | <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | |
| | | import editDialog from './components/editDialog.vue' |
| | | import useUserStore from "@/store/modules/user"; |
| | | import {getStandardTemp,delStandardTemp} from "@/api/standardSys/standardSys"; |
| | | import { renderAsync } from "docx-preview"; |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | |
| | | onUnmounted(()=>{ |
| | | |
| | | }) |
| | | const openFile = async(path)=>{ |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank') |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>预览</title> |
| | | <style> |
| | | body { margin: 20px; font-family: Arial; } |
| | | .docx-container { width: 100%; height: 100%; } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="container" class="docx-container"></div> |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | const getList = async () => { |
| | | loading.value = true |
| | | const res = await getStandardTemp(data.queryParams) |