| | |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <el-table border v-loading="loading" :data="inspectionPlanList" @selection-change="handleSelectionChange" @inSelected="inMachineryAdd"> |
| | | <el-table border v-loading="loading" :data="inspectionPlanList" @selection-change="handleSelectionChange" > |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="计划名称" align="center" prop="planName"> |
| | | </el-table-column> |
| | | <el-table-column label="计划编号" align="center" prop="planCode"> |
| | | </el-table-column> |
| | | <el-table-column label="计划类型" align="center" prop="planType"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.plan_type" :value="scope.row.planType"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="频率" align="center" prop="frequency"> |
| | | </el-table-column> |
| | | <el-table-column label="维度" align="center" prop="dimension"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.dimension" :value="scope.row.dimension"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="开始时间" align="center" prop="startTime"> |
| | | </el-table-column> |
| | | <el-table-column label="结束时间" align="center" prop="endTime"> |
| | | </el-table-column> |
| | | <el-table-column label="状态" align="center" prop="state"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.plan_status" :value="scope.row.state"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="上次生成时间" align="center" prop="lastGenerationTime"> |
| | | </el-table-column> |
| | |
| | | <el-form-item label="状态" prop="state"> |
| | | <el-radio-group style="width: 450px" v-model="form.status"> |
| | | <el-radio |
| | | |
| | | v-for="dict in dict.type.plan_status" |
| | | :key="dict.value" |
| | | :label="dict.value" |
| | |
| | | </el-form> |
| | | <el-tabs type="border-card" > |
| | | <el-tab-pane label="设备清单" > |
| | | <Checkmachinery ref="machinerylist" ></Checkmachinery> |
| | | <Checkmachinery ref="machinerylist" :id="form.id" :planCode="form.planCode" @inSelected="onMachineryAdd" ></Checkmachinery> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="点检项目"> |
| | | <Checksubject ref="subjectlist"></Checksubject> |
| | | <Checksubject ref="subjectlist" :id="form.id" @subSelected="subMachineryAdd"></Checksubject> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <el-divider></el-divider> |
| | | <el-button type="primary" @click="submitForm">确 定</el-button> |
| | | <el-button @click="cancel">取 消</el-button> |
| | | <el-button type="primary" @click="cs">测 试</el-button> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { listInspectionPlan, getInspectionPlan, delInspectionPlan, addInspectionPlan, updateInspectionPlan } from "@/api/main/em/inspectionPlan/inspectionPlan"; |
| | | import { listInspectionPlanArchives, delInspectionPlanArchives, addInspectionPlanArchives,getInspectionPlanArchives} from "@/api/main/em/inspectionPlanArchives/inspectionPlanArchives"; |
| | | import {listInspectionPlanItems,delInspectionPlanItems,addInspectionPlanItems,getInspectionPlanItems} from "@/api/main/em/inspectionPlanItems/inspectionPlanItems"; |
| | | import Checkmachinery from "./machinery.vue" |
| | | import Checksubject from "./subject.vue" |
| | | |
| | |
| | | name: "InspectionPlan", |
| | | dicts: ['plan_status','plan_type','dimension'], |
| | | components:{Checkmachinery,Checksubject}, |
| | | |
| | | data() { |
| | | return { |
| | | // 遮罩层 |
| | |
| | | optType: null, |
| | | // 选中数组 |
| | | ids: [], |
| | | planCodes: [], |
| | | // 非单个禁用 |
| | | single: true, |
| | | // 非多个禁用 |
| | |
| | | total: 0, |
| | | // 点检保养计划表格数据 |
| | | inspectionPlanList: [], |
| | | machineryList: [], |
| | | subjectList: [], |
| | | // 弹出层标题 |
| | | title: "", |
| | | // 是否显示弹出层 |
| | |
| | | this.getList(); |
| | | }, |
| | | methods: { |
| | | /** 查询点检保养计划列表 */ |
| | | clearCheckmachineryList(){ |
| | | this.$refs.machinerylist.clearCheckmachineryList() |
| | | }, |
| | | clearSubjectList() { |
| | | this.subjectList = []; |
| | | }, |
| | | clearMachineryList(){ |
| | | this.machineryList =[]; |
| | | }, |
| | | /** 查询点检保养计划列表 */ |
| | | getList() { |
| | | this.loading = true; |
| | | listInspectionPlan(this.queryParams).then(response => { |
| | |
| | | cancel() { |
| | | this.open = false; |
| | | this.reset(); |
| | | this.clearCheckmachineryList() |
| | | }, |
| | | // 表单重置 |
| | | reset() { |
| | |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |
| | | /** 测试按钮 */ |
| | | cs(){ |
| | | this.$emit('inSelected',this.planCode); |
| | | |
| | | onMachineryAdd(checkmachineryList){ |
| | | if(checkmachineryList !=null && checkmachineryList.length >0){ |
| | | this.machineryList = checkmachineryList |
| | | } |
| | | }, |
| | | subMachineryAdd(checksubjectList){ |
| | | if(checksubjectList !=null && checksubjectList.length >0){ |
| | | this.subjectList = checksubjectList |
| | | } |
| | | }, |
| | | /** 搜索按钮操作 */ |
| | | handleQuery() { |
| | |
| | | resetQuery() { |
| | | this.resetForm("queryForm"); |
| | | this.handleQuery(); |
| | | |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map(item => item.id) |
| | | this.planCode =selection.map(item => item.planCode) |
| | | this.single = selection.length!==1 |
| | | this.multiple = !selection.length |
| | | console.log(this.planCode) |
| | | }, |
| | | /** 新增按钮操作 */ |
| | | handleAdd() { |
| | | this.reset(); |
| | | this.open = true; |
| | | this.titleName = "添加点检保养计划"; |
| | | console.log(this.machineryList) |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | |
| | | this.titleName = "修改点检保养计划"; |
| | | }); |
| | | }, |
| | | /** 子表清单新增 */ |
| | | checkAdd(){ |
| | | for (let i = 0; i < this.machineryList.length; i++) { |
| | | this.machineryList[i].planCode = this.form.planCode |
| | | addInspectionPlanArchives(this.machineryList[i]).then(response =>{ |
| | | }); |
| | | } |
| | | for (let i = 0; i < this.subjectList.length; i++) { |
| | | this.subjectList[i].planCode = this.form.planCode |
| | | addInspectionPlanItems(this.subjectList[i]).then(response =>{ |
| | | }); |
| | | } |
| | | }, |
| | | |
| | | /** 提交按钮 */ |
| | | submitForm() { |
| | | this.$refs["form"].validate(valid => { |
| | |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | | this.checkAdd() |
| | | } else { |
| | | addInspectionPlan(this.form).then(response => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | | this.checkAdd() |
| | | } |
| | | } |
| | | }); |
| | | |
| | | this.clearSubjectList(); |
| | | this.clearMachineryList(); |
| | | this.clearCheckmachineryList() |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |