| | |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备组" prop="name"> |
| | | <!-- <el-select |
| | | <el-select |
| | | v-model="ruleForm.equr" |
| | | allow-create |
| | | filterable |
| | | @blur="selectInput" |
| | | @create="" |
| | | placeholder="请选择设备组" |
| | | > |
| | | <el-option |
| | |
| | | :value="list" |
| | | > |
| | | </el-option> |
| | | </el-select> --> |
| | | <el-autocomplete |
| | | </el-select> |
| | | <!-- <el-autocomplete |
| | | class="inline-input" |
| | | v-model="ruleForm.equr" |
| | | :fetch-suggestions="querySearch" |
| | | placeholder="请输入内容" |
| | | ></el-autocomplete> |
| | | ></el-autocomplete> --> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | selectInput(){ |
| | | |
| | | }, |
| | | querySearch(queryString, cb) { |
| | | console.log(this.equaip); |
| | | var restaurants = this.equaip; |
| | | var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants; |
| | | // 调用 callback 返回建议列表的数据 |
| | | cb(results); |
| | | }, |
| | | createFilter(queryString) { |
| | | return (restaurant) => { |
| | | return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0); |
| | | }; |
| | | }, |
| | | // querySearch(queryString, cb) { |
| | | // console.log(this.equaip); |
| | | // var restaurants = this.equaip; |
| | | // var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants; |
| | | // // 调用 callback 返回建议列表的数据 |
| | | // cb(results); |
| | | // }, |
| | | // createFilter(queryString) { |
| | | // return (restaurant) => { |
| | | // return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0); |
| | | // }; |
| | | // }, |
| | | staueValueChange() { |
| | | this.selectDevice() |
| | | // this.tableData = []; |
| | |
| | | params:{ |
| | | type:this.equip |
| | | } |
| | | }).then(res =>{ |
| | | res.data.forEach(item=>{ |
| | | let obj={ |
| | | id: item, |
| | | value: item |
| | | } |
| | | this.equaip.push(obj) |
| | | console.log("设备组",this.equip); |
| | | }) |
| | | }) |
| | | .then(res =>{ |
| | | this.equaip = res.data |
| | | // res.data.forEach(item=>{ |
| | | // let obj={ |
| | | // id: item, |
| | | // value: item |
| | | // } |
| | | // this.equaip.push(obj) |
| | | console.log(this.equaip); |
| | | // }) |
| | | }) |
| | | }, |
| | | RadioChange(val){ |
| | |
| | | type:this.ruleForm.type, |
| | | }, {headers: {"Content-Type": "application/json"} |
| | | }).then(res =>{ |
| | | this.selectDevice() |
| | | this.$message.success('新增成功') |
| | | this.ruleForm = {} |
| | | this.selectDevice() |
| | | }) |
| | | }, |
| | | // tableDataApi() { |
| | |
| | | ref="ruleForm" width="35%"> |
| | | <div> |
| | | <el-form ref="form" :model="form" label-width="80px"> |
| | | <el-form-item label="类型"> |
| | | <el-form-item label="类型" prop="type"> |
| | | <template> |
| | | <el-select v-model="form.type" |
| | | @change="edittype" placeholder="请选择" style="width: 480px;"> |
| | |
| | | </el-select> |
| | | </template> |
| | | </el-form-item> |
| | | <el-form-item label="工序"> |
| | | <el-form-item label="工序" prop="work"> |
| | | <template> |
| | | <el-select v-model="form.work" |
| | | @change="workevent" |
| | |
| | | </el-select> |
| | | </template> |
| | | </el-form-item> |
| | | <el-form-item label="工艺名称"> |
| | | <el-form-item label="工艺名称" prop="name"> |
| | | <template> |
| | | <el-select v-model="form.craft" placeholder="请选择" style="width: 480px;"> |
| | | <el-option |
| | |
| | | </el-select> |
| | | </template> |
| | | </el-form-item> |
| | | <el-form-item label="记录"> |
| | | <el-form-item label="记录" prop="record"> |
| | | <el-input v-model="form.record"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注"> |
| | | <el-input v-model="form.remarks"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="单位"> |
| | | <el-form-item label="单位" prop="unit"> |
| | | <el-input v-model="form.unit"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | var checktype = (rule, value, callback) => { |
| | | if (!value) { |
| | | return callback(new Error('类型不能为空')); |
| | | }else{ |
| | | return callback |
| | | } |
| | | }; |
| | | return { |
| | | search: { |
| | | type: 0, |
| | | technology: null |
| | |
| | | unit:'', |
| | | }, |
| | | Rules:{ |
| | | type:{required:true,message:'类型不能为空',trigger:'change'}, |
| | | type:{validator:checktype,required:true,message:'类型不能为空',trigger:'change'}, |
| | | work:{required:true,message:'工序不能为空',trigger:'change'}, |
| | | name:{required:true,message:'工艺不能为空',trigger:'change'}, |
| | | record:{required:true,message:'记录不能为空',trigger:'blur'}, |
| | |
| | | this.selectjilu() |
| | | }) |
| | | }, |
| | | add() { |
| | | this.$refs[formName].validate((valid) => { |
| | | if (valid) { |
| | | alert('submit!'); |
| | | } else { |
| | | console.log('error submit!!'); |
| | | return false; |
| | | } |
| | | }); |
| | | add(formName) { |
| | | this.dialogVisible = false |
| | | this.addRecord() |
| | | // this.$refs[formName].validate((valid) => { |
| | | // if (valid) { |
| | | // alert('submit!'); |
| | | // } else { |
| | | // console.log('error submit!!'); |
| | | // return false; |
| | | // } |
| | | // }); |
| | | this.form = {}; |
| | | }, |
| | | resetForm(formName) { |
| | | this.$refs[formName].resetFields(); |
| | | }, |
| | | query() { |
| | | this.selectAllleft() |
| | | }, |
| | |
| | | allow-create |
| | | filterable |
| | | @create="" |
| | | |
| | | placeholder="请选择" |
| | | style="width: 480px" |
| | | > |
| | |
| | | this.$axios |
| | | .post( |
| | | this.$api.url.addTechTemp, |
| | | |
| | | { |
| | | deviceGroup: this.form.deviceGroup, |
| | | // elementId: JSON.stringify(this.form.elementId).replace("[","").replace("]",""), |
| | |
| | | // console.log(this.equipment); |
| | | }); |
| | | }, |
| | | |
| | | // onTypeBlur(e) { |
| | | // if (e.target.value) { |
| | | // this.type = e.target.value;}}, |
| | | //工序 |
| | | chooseTech() { |
| | | this.$axios.get(this.$api.url.chooseTech,{ |