| | |
| | | <el-input v-model="listQuery.filter.name"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="4" style="text-align: center"> |
| | | <el-col :span="5"> |
| | | <el-form-item label="要素类型"> |
| | | <el-select |
| | | v-model="listQuery.filter.type" |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6" style="text-align: center"> |
| | | <el-button type="primary" icon="el-icon-search" @click="find()" class="btns" |
| | | >搜索</el-button |
| | | > |
| | |
| | | @click="handleClick('', '新增')" |
| | | >新增</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | class="btns" |
| | | @click="reset()" |
| | | >重置</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="dialogVisible" |
| | | :close-on-click-modal="false" |
| | | width="40%" |
| | | > |
| | | <el-form ref="form" :rules="rules" :model="form" label-width="80px"> |
| | |
| | | v-model="form.parentId" |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | :disabled="title=='编辑'?true:false" |
| | | > |
| | | <el-option |
| | | v-for="item in parent" |
| | |
| | | <el-button type="primary" class="btns" @click="AddelementManagement()" |
| | | >确 定</el-button |
| | | > |
| | | <el-button @click="dialogVisible = false">取 消</el-button> |
| | | <el-button @click="cancel()">取 消</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | this.elementManagementL(); |
| | | }, |
| | | methods: { |
| | | reset(){ |
| | | this.listQuery.filter={} |
| | | this.listQuery.pageIndex=1 |
| | | this.listQuery.pageSize=10 |
| | | this.elementManagementL(); |
| | | }, |
| | | |
| | | async elementManagementL() { |
| | | var res = await elementManagementList(this.listQuery); |
| | | console.log(res); |
| | | if (res.data.code == 200) { |
| | | this.list = res.data.result.records; |
| | | this.recordTotal = res.data.result.total |
| | |
| | | this.$refs["form"].clearValidate(); |
| | | }); |
| | | getParentElement().then(res=>{ |
| | | // console.log('父类:',res) |
| | | this.parent=res.data.result |
| | | }) |
| | | if (type == "新增") { |
| | |
| | | }; |
| | | } else { |
| | | this.title = "编辑"; |
| | | this.form = value; |
| | | this.form=JSON.parse(JSON.stringify(value)); |
| | | } |
| | | }, |
| | | AddelementManagement() { |
| | |
| | | type: "success", |
| | | duration: 2000, |
| | | }); |
| | | }else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | }) |
| | | .catch(error =>{ |
| | | }); |
| | | }, |
| | | cancel(){ |
| | | this.elementManagementL(); |
| | | this.dialogVisible = false; |
| | | }, |
| | | find(){ |
| | | this.elementManagementL(); |
| | | }, |