| | |
| | | <el-input v-model="form.equipmentSpec" placeholder="请输入规格型号" /> |
| | | </el-form-item> |
| | | <el-form-item label="车间编号" prop="workshopCode"> |
| | | <el-select style="width: 100%" @change="handleSelectChange(form.processesCode)" v-model="form.workshopCode" placeholder="请选择车间编号"> |
| | | <el-select style="width: 100%" @change="handleSelectChange(form.workshopCode)" v-model="form.workshopCode" placeholder="请选择车间编号"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.workshopCode" |
| | | :label="item.workshopCode" |
| | | :label="item.workshopName" |
| | | :value="item.workshopCode"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="产线编码" prop="lineCode">--> |
| | | <!-- <el-input v-model="form.lineCode" placeholder="请输入产线编码" />--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="产线编码" prop="lineCode"> |
| | | <el-select style="width: 100%" @change="handleSelectChangelineCode(form.processesCode)" v-model="form.lineCode" placeholder="请输入产线编码"> |
| | | <el-form-item label="产线编号" prop="lineCode"> |
| | | <el-select style="width: 100%" v-model="form.lineCode" placeholder="请选择产线编号"> |
| | | <el-option |
| | | v-for="item in options" |
| | | v-for="item in lineOptions" |
| | | :key="item.lineCode" |
| | | :label="item.lineCode" |
| | | :label="item.lineName" |
| | | :value="item.lineCode"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input v-model="form.remark" placeholder="请输入备注" /> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="设备类型ID" prop="equipmentTypeId">--> |
| | | <!-- <el-input v-model="form.equipmentTypeId" placeholder="请输入设备类型ID" />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="设备类型编码" prop="equipmentTypeCode">--> |
| | | <!-- <el-input v-model="form.equipmentTypeCode" placeholder="请输入设备类型编码" />--> |
| | | <!-- </el-form-item>--> |
| | | |
| | | |
| | | <!-- <el-form-item label="产线编码" prop="lineCode">--> |
| | | <!-- <el-input v-model="form.lineCode" placeholder="请输入产线编码" />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="工序编码" prop="processes">--> |
| | | <!-- <el-input v-model="form.processes" placeholder="请输入工序编码" />--> |
| | | <!-- <el-form-item label="产线编码" prop="lineCode">--> |
| | | <!-- <el-select style="width: 100%" @change="handleSelectChangelineCode(form.processesCode)" v-model="form.lineCode" placeholder="请输入产线编码">--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in options"--> |
| | | <!-- :key="item.lineCode"--> |
| | | <!-- :label="item.lineCode"--> |
| | | <!-- :value="item.lineCode">--> |
| | | <!-- </el-option>--> |
| | | <!-- </el-select>--> |
| | | <!-- </el-form-item>--> |
| | | |
| | | <!-- <el-form-item label="创建人" prop="createUser">--> |
| | | <!-- <el-input v-model="form.createUser" placeholder="请输入创建人" />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="更新人" prop="updateUser">--> |
| | | <!-- <el-input v-model="form.updateUser" placeholder="请输入更新人" />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="预留字段1" prop="spareField1">--> |
| | | <!-- <el-input v-model="form.spareField1" placeholder="请输入预留字段1" />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="预留字段2" prop="spareField2">--> |
| | | <!-- <el-input v-model="form.spareField2" placeholder="请输入预留字段2" />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="预留字段3" prop="spareField3">--> |
| | | <!-- <el-input v-model="form.spareField3" placeholder="请输入预留字段3" />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="预留字段4" prop="spareField4">--> |
| | | <!-- <el-input v-model="form.spareField4" placeholder="请输入预留字段4" />--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input v-model="form.remark" placeholder="请输入备注" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitForm">确 定</el-button> |
| | |
| | | import { listEquipmentArchives, getEquipmentArchives, delEquipmentArchives, addEquipmentArchives, updateEquipmentArchives } from "@/api/main/em/equipmentArchives/equipmentArchives"; |
| | | import {listWorkshop} from "@/api/main/bs/workshop/workshop"; |
| | | import {listLineInfo} from "@/api/main/bs/lineInfo/lineInfo"; |
| | | import ItemSelect from "@/components/itemSelect/single.vue"; |
| | | import {listProductionOrde} from "@/api/main/om/productionOrde/productionOrde"; |
| | | |
| | | export default { |
| | | name: "EquipmentArchives", |
| | | components: { |
| | | ItemSelect , |
| | | }, |
| | | data() { |
| | | return { |
| | | // 遮罩层 |
| | | lineOptions: [], |
| | | options: [], |
| | | loading: true, |
| | | titleName: "", |
| | | // 选中数组 |
| | | ids: [], |
| | | options: [], |
| | | // 非单个禁用 |
| | | single: true, |
| | | // 非多个禁用 |
| | |
| | | spareField3: null, |
| | | spareField4: null |
| | | }, |
| | | equipmentArchivesQueryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | workshopCode: null, |
| | | lineCode: null, |
| | | }, |
| | | // 表单参数 |
| | | form: {}, |
| | | // 表单校验 |
| | |
| | | created() { |
| | | this.getList(); |
| | | this.initWorkshop(); |
| | | this.initLineInfo(); |
| | | |
| | | }, |
| | | methods: { |
| | | /** 查询设备档案列表 */ |
| | | handleSelectChange(selectedOption) { |
| | | this.equipmentArchivesQueryParams.workshopCode = selectedOption; |
| | | listWorkshop(this.equipmentArchivesQueryParams).then(response => { |
| | | this.form.workshopName = response.rows[0].workshopName; |
| | | }); |
| | | }, |
| | | handleSelectChangelineCode(selectedOption) { |
| | | this.equipmentArchivesQueryParams.lineCode = selectedOption; |
| | | listLineInfo(this.equipmentArchivesQueryParams).then(response => { |
| | | this.form.lineCode = response.rows[0].lineCode; |
| | | }); |
| | | }, |
| | | |
| | | initWorkshop(){ |
| | | listWorkshop(this.queryParams).then(response => { |
| | | this.options = response.rows; |
| | | }); |
| | | }, |
| | | initLineInfo(){ |
| | | // 在这里编写处理选中事件的逻辑 |
| | | handleSelectChange(selectedOption) { |
| | | this.form.lineCode = null; |
| | | this.queryParams.workshopCode = selectedOption; |
| | | listLineInfo(this.queryParams).then(response => { |
| | | this.options = response.rows; |
| | | this.lineOptions = response.rows; |
| | | }); |
| | | }, |
| | | getList() { |