| | |
| | | > |
| | | <el-form-item label="计划名称" prop="companyName"> |
| | | <el-input |
| | | v-model="queryParams.planName" |
| | | v-model="queryParams.enforceReason" |
| | | placeholder="请输入计划名称" |
| | | clearable |
| | | style="width: 200px" |
| | |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="执法单位" prop="executiveSection"> |
| | | <el-form-item label="执法单位" prop="applyDeptIds"> |
| | | <el-input |
| | | v-model="queryParams.executiveSection" |
| | | v-model="queryParams.applyDeptIds" |
| | | placeholder="请输入执法单位" |
| | | clearable |
| | | style="width: 200px" |
| | |
| | | <template #default="scope">{{ scope.$index + 1 }}</template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="planNo" |
| | | prop="orderNo" |
| | | label="计划编号" |
| | | width="180" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="planName" |
| | | prop="enforceReason" |
| | | label="计划名称" |
| | | width="180" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="makeOrgName" |
| | | prop="applyOrgName" |
| | | label="制定机构" |
| | | width="180" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="companyNames" |
| | | prop="companyName" |
| | | label="被检查对象" |
| | | width="180" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="companyCodes" |
| | | prop="companyCode" |
| | | label="统一社会信用代码" |
| | | width="180" |
| | | ></el-table-column> |
| | |
| | | width="180" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="checkdType" |
| | | prop="inspectionMethod" |
| | | label="检查方式" |
| | | width="180" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="checkdContent" |
| | | prop="enforceContent" |
| | | label="检查内容" |
| | | width="180" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="executiveSectionNames" |
| | | prop="applyDeptNames" |
| | | label="执行科室" |
| | | width="180" |
| | | ></el-table-column> |
| | |
| | | width="180" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="planStatus" |
| | | prop="orderStatus" |
| | | label="状态" |
| | | width="180" |
| | | ></el-table-column> |
| | |
| | | <el-form ref="deptRef" :model="form" :rules="rules" label-width="140px"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="计划名称" prop="planName"> |
| | | <el-input v-model="form.planName" placeholder="请输入计划名称" /> |
| | | <el-form-item label="计划名称" prop="enforceReason"> |
| | | <el-input v-model="form.enforceReason" placeholder="请输入计划名称" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="执行科室" prop="executiveSection"> |
| | | <el-form-item label="执行科室" prop="applyDeptIds"> |
| | | <el-select |
| | | v-model="selectOffices" |
| | | multiple |
| | |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="检查方式" prop="checkdType"> |
| | | <el-form-item label="检查方式" prop="inspectionMethod"> |
| | | <el-select |
| | | v-model="form.checkdType" |
| | | v-model="form.inspectionMethod" |
| | | placeholder="请选择检查方式" |
| | | style="width: 100%" |
| | | > |
| | |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="检查内容" prop="checkdContent"> |
| | | <el-form-item label="检查内容" prop="enforceContent"> |
| | | <el-input |
| | | v-model="form.checkdContent" |
| | | v-model="form.enforceContent" |
| | | type="textarea" |
| | | placeholder="请输入检查内容" |
| | | /> |
| | |
| | | planDetail.planNo |
| | | }}</el-form-item> |
| | | <el-form-item label="计划名称:">{{ |
| | | planDetail.planName |
| | | planDetail.enforceReason |
| | | }}</el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="制定计划的机构:">{{ |
| | | planDetail.makeOrgName |
| | | planDetail.applyOrgName |
| | | }}</el-form-item> |
| | | <el-form-item label="被检查的对象:">{{ |
| | | planDetail.checkdObject |
| | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="检查方式:">{{ |
| | | planDetail.checkdType |
| | | planDetail.inspectionMethod |
| | | }}</el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="执行科室:">{{ |
| | | planDetail.executiveSection |
| | | planDetail.applyDeptNames |
| | | }}</el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="检查内容:">{{ |
| | | planDetail.checkdContent |
| | | planDetail.enforceContent |
| | | }}</el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | let checkedList = ref([]); // 选中的企业列表 |
| | | const data = reactive({ |
| | | form: { |
| | | planName: "", // 计划名称 |
| | | makeOrgId: "", // 制定机构id |
| | | makeOrgName: "", // 制定机构 |
| | | executiveSection: "", // 执行科室 |
| | | executiveSectionNames: "", // 执行科室名称 |
| | | companyNames: "", // 被检查对象名称 |
| | | companyCodes: "", // 统一社会信用代码 |
| | | companyIds: "", // 被检查对象id |
| | | checkdType: "", // 检查方式 |
| | | enforceReason: "", // 计划名称 |
| | | applyOrgId: "", // 制定机构id |
| | | applyOrgName: "", // 制定机构 |
| | | applyDeptIds: "", // 执行科室 |
| | | applyDeptNames: "", // 执行科室名称 |
| | | companyName: "", // 被检查对象 |
| | | companyId: "", // 被检查对象id |
| | | companyCode: "", // 被检查对象 |
| | | industry: "", // 所属行业 |
| | | checkdContent: "", // 检查内容 |
| | | inspectionMethod: "", // 检查方式 |
| | | enforceContent: "", // 检查内容 |
| | | planFrequency: "", // 计划频次 |
| | | planFrequencyUnit: "1", // 计划频次单位 |
| | | planMonth: "", // 计划月份 |
| | | }, |
| | | queryParams: { |
| | | orderType: 1, |
| | | planNo: "", |
| | | planName: "", |
| | | executiveSection: "", |
| | | enforceReason: "", |
| | | applyDeptNames: "", |
| | | value1: "", |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | |
| | | }, |
| | | rules: { |
| | | planNo: [{ required: true, message: "计划编号不能为空", trigger: "blur" }], |
| | | planName: [ |
| | | enforceReason: [ |
| | | { required: true, message: "计划名称不能为空", trigger: "blur" }, |
| | | ], |
| | | makeOrgId: [ |
| | | applyOrgId: [ |
| | | { required: true, message: "制定计划的机构不能为空", trigger: "blur" }, |
| | | ], |
| | | checkdIds: [ |
| | |
| | | industry: [ |
| | | { required: true, message: "所属行业不能为空", trigger: "blur" }, |
| | | ], |
| | | checkdContent: [ |
| | | enforceContent: [ |
| | | { required: true, message: "检查内容不能为空", trigger: "blur" }, |
| | | ], |
| | | executiveSection: [ |
| | | applyDeptIds: [ |
| | | { required: true, message: "执行科室不能为空", trigger: "blur" }, |
| | | ], |
| | | planFrequency: [ |
| | |
| | | planMonth: [ |
| | | { required: true, message: "计划月份不能为空", trigger: "blur" }, |
| | | ], |
| | | checkdType: [ |
| | | inspectionMethod: [ |
| | | { required: true, message: "检查方式不能为空", trigger: "blur" }, |
| | | ], |
| | | planStatus: [{ required: true, message: "状态不能为空", trigger: "blur" }], |
| | |
| | | listDept({ |
| | | pageNum: 1, |
| | | pageSize: 1000, |
| | | parentId: form.value.makeOrgId, |
| | | parentId: form.value.applyOrgId, |
| | | }).then((response) => { |
| | | officeList.value = response.data; |
| | | }); |
| | |
| | | |
| | | // 机构选择 |
| | | const changeTreeHandler = (e) => { |
| | | form.value.makeOrgId = e.id; |
| | | form.value.makeOrgName = e.label; |
| | | form.value.applyOrgId = e.id; |
| | | form.value.applyOrgName = e.label; |
| | | selectOffices.value = []; |
| | | form.value.executiveSection = ""; |
| | | form.value.executiveSectionNames = ""; |
| | | form.value.applyDeptIds = ""; |
| | | form.value.applyDeptNames = ""; |
| | | if (e.id) { |
| | | getOfficeList(); |
| | | } |
| | |
| | | |
| | | // 科室选择 |
| | | const handleSelectOffices = (value) => { |
| | | form.value.executiveSectionNames = value |
| | | form.value.applyDeptNames = value |
| | | .map((item) => { |
| | | return officeList.value.find((obj) => obj.deptId === item).deptName; |
| | | }) |
| | | .join(","); |
| | | form.value.executiveSection = value.join(","); |
| | | console.log(form.value.executiveSection); |
| | | console.log(form.value.executiveSectionNames); |
| | | form.value.applyDeptIds = value.join(","); |
| | | console.log(form.value.applyDeptIds); |
| | | console.log(form.value.applyDeptNames); |
| | | }; |
| | | |
| | | /*** 计划导入参数 */ |
| | |
| | | // 设置上传的请求头部 |
| | | headers: { Authorization: "Bearer " + getToken() }, |
| | | // 上传的地址 |
| | | url: import.meta.env.VITE_APP_BASE_API + "/system/manage/importData", |
| | | url: import.meta.env.VITE_APP_BASE_API + "/enforce/order/importData", |
| | | }); |
| | | /**文件上传中处理 */ |
| | | const handleFileUploadProgress = (event, file, fileList) => { |
| | |
| | | /** 表单重置 */ |
| | | function reset() { |
| | | form.value = { |
| | | planName: "", // 计划名称 |
| | | enforceReason: "", // 计划名称 |
| | | makeOrgId: "", // 制定机构id |
| | | makeOrgName: "", // 制定机构 |
| | | executiveSection: "", // 执行科室id |
| | | executiveSectionNames: "", // 执行科室名称 |
| | | applyOrgName: "", // 制定机构 |
| | | applyDeptIds: "", // 执行科室id |
| | | applyDeptNames: "", // 执行科室名称 |
| | | checkdIds: "", // 被检查对象id |
| | | companyNames: "", // 被检查对象名称 |
| | | companyCodes: "", // 统一社会信用代码 |
| | | checkdType: "", // 检查方式 |
| | | companyName: "", // 被检查对象名称 |
| | | companyCode: "", // 统一社会信用代码 |
| | | inspectionMethod: "", // 检查方式 |
| | | industry: "", // 所属行业 |
| | | checkdContent: "", // 检查内容 |
| | | enforceContent: "", // 检查内容 |
| | | planFrequency: "", // 计划频次 |
| | | planFrequencyUnit: "", // 计划频次单位 |
| | | planMonth: "", // 计划月份 |
| | | orderType: 1, |
| | | }; |
| | | proxy.resetForm("deptRef"); |
| | | } |
| | |
| | | dateRange.value = []; |
| | | queryParams.value = { |
| | | planNo: "", // 计划编号 |
| | | planName: "", // 计划名称 |
| | | executiveSection: "", // 执法单位 |
| | | enforceReason: "", // 计划名称 |
| | | applyDeptIds: "", // 执法单位 |
| | | planMonthStart: "", // 计划开始月份 |
| | | planMonthEnd: "", // 计划结束月份 |
| | | orderType: 1, |
| | | }; |
| | | handleQuery(); |
| | | } |
| | |
| | | }); |
| | | } else { |
| | | checkedList.value.forEach((item, index) => { |
| | | console.log(item) |
| | | console.log(item); |
| | | const submitForm = { ...form.value }; |
| | | submitForm.companyIds = item.companyId; |
| | | submitForm.companyNames = item.companyName; |
| | | submitForm.companyCodes = item.companyCode; |
| | | submitForm.companyId = item.companyId; |
| | | submitForm.companyName = item.companyName; |
| | | submitForm.companyCode = item.companyCode; |
| | | addManage(submitForm).then((response) => { |
| | | if (index === checkedList.value.length - 1) { |
| | | proxy.$modal.msgSuccess("新增成功"); |
| | |
| | | proxy.$modal |
| | | .confirm("是否确认删除该数据?") |
| | | .then(function () { |
| | | return delManage(row.id); |
| | | return delManage(row.orderId); |
| | | }) |
| | | .then(() => { |
| | | getList(); |