| | |
| | | <el-container> |
| | | <el-main class="nopadding"> |
| | | <el-tree ref="group" class="menu" node-key="id" :data="group" |
| | | :current-node-key="treeCheckKey" |
| | | :highlight-current="true" |
| | | :expand-on-click-node="false" |
| | | :check-on-click-node="true" |
| | | :default-expanded-keys="[1]" |
| | | :filter-node-method="groupFilterNode" |
| | | :current-node-key="treeCheckKey" :highlight-current="true" |
| | | :expand-on-click-node="false" :check-on-click-node="true" |
| | | :default-expanded-keys="[1]" :filter-node-method="groupFilterNode" |
| | | @node-click="groupClick"></el-tree> |
| | | </el-main> |
| | | </el-container> |
| | |
| | | <el-header> |
| | | <div class="left-panel"> |
| | | <el-button type="primary" plain>新增下级</el-button> |
| | | <el-button v-show="!['1','101'].includes(treeCheckedNode.id)" type="danger" plain>删除</el-button> |
| | | <el-button v-show="!['1', '101'].includes(treeCheckedNode.id)" type="danger" |
| | | plain>删除</el-button> |
| | | </div> |
| | | </el-header> |
| | | <el-main class=""> |
| | |
| | | <li>排序: {{treeCheckedNode.sort}}</li> |
| | | <li>备注: {{treeCheckedNode.remark}}</li> |
| | | </ul> |
| | | <el-form v-show="beltline_type.map(item => item.dictKey).includes(treeCheckedNode.groupTag)" :model="form" :rules="rules" ref="dialogForm" label-width="200px" |
| | | <el-form |
| | | v-show="beltline_type.map(item => item.dictKey).includes(treeCheckedNode.groupTag)" |
| | | :model="form" :rules="rules" ref="dialogForm" label-width="200px" |
| | | label-position="left"> |
| | | <el-form-item label="产线标签" prop="meta.title"> |
| | | <el-input v-model="form.meta.title" clearable placeholder="工位组名称"></el-input> |
| | | <el-form-item label="产线标签" prop="groupTag"> |
| | | <el-select v-model="form.groupTag" clearable placeholder="产线标签" |
| | | style="width: 240px"> |
| | | <el-option v-for="item in beltline_type" :key="item.dictKey" |
| | | :label="item.dictValue" :value="item.dictKey" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="产线名称" prop="meta.title"> |
| | | <el-input v-model="form.meta.title" clearable placeholder="工位组名称"></el-input> |
| | | <el-form-item label="产线名称" prop="name"> |
| | | <el-input style="width: 240px" v-model="form.name" clearable |
| | | placeholder="产线名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="产线排序" prop="meta.title"> |
| | | <el-input v-model="form.meta.title" clearable placeholder="工位组名称"></el-input> |
| | | <el-form-item label="产线排序" prop="sort"> |
| | | <el-input style="width: 240px" v-model="form.sort" clearable |
| | | placeholder="产线排序"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="meta.title"> |
| | | <el-input v-model="form.meta.title" clearable placeholder="工位组名称"></el-input> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input type="textarea" style="width: 240px" v-model="form.remark" clearable |
| | | placeholder="备注"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <ul v-show="group_tag.map(item => item.dictKey).includes(treeCheckedNode.groupTag)"> |
| | | <li>产线名称:千文科技</li> |
| | | <li>产线标签:柔性产线</li> |
| | | <li>备注:</li> |
| | | </ul> |
| | | <el-form v-show="group_tag.map(item => item.dictKey).includes(treeCheckedNode.groupTag)" :model="form" :rules="rules" ref="dialogForm" label-width="200px" |
| | | <el-form v-show="group_tag.map(item => item.dictKey).includes(treeCheckedNode.groupTag)" |
| | | :model="form" :rules="rules" ref="dialogForm" label-width="200px" |
| | | label-position="left"> |
| | | <el-form-item label="工位组名称" prop="meta.title"> |
| | | <el-input v-model="form.meta.title" clearable placeholder="工位组名称"></el-input> |
| | | <el-form-item label="工位组标签" prop="groupTag"> |
| | | <el-select v-model="form.groupTag" clearable placeholder="工位组标签" |
| | | style="width: 240px"> |
| | | <el-option v-for="item in group_tag" :key="item.dictKey" |
| | | :label="item.dictValue" :value="item.dictKey" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="工位组排序" prop="meta.title"> |
| | | <el-input v-model="form.meta.title" clearable placeholder="工位组名称"></el-input> |
| | | <el-form-item label="工位组名称" prop="name"> |
| | | <el-input style="width: 240px" v-model="form.name" clearable |
| | | placeholder="工位组名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="工位组标签" prop="meta.title"> |
| | | <el-input v-model="form.meta.title" clearable placeholder="工位组名称"></el-input> |
| | | <el-form-item label="工位组排序" prop="sort"> |
| | | <el-input-number v-model="form.sort" :min="0" :max="10" /> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="meta.title"> |
| | | <el-input v-model="form.meta.title" clearable placeholder="工位组名称"></el-input> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input type="textarea" style="width: 240px" v-model="form.remark" clearable |
| | | placeholder="备注"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-main> |
| | | <el-main v-show="!['1', '101'].includes(treeCheckedNode.id)"> |
| | | <el-button style="width: 100px" type="primary" plain>提交</el-button> |
| | | </el-main> |
| | | |
| | | </el-container> |
| | | </el-container> |
| | | </el-tab-pane> |
| | |
| | | groupFilterText: '', |
| | | // -------- |
| | | form: { |
| | | meta: { |
| | | |
| | | } |
| | | groupTag: '', |
| | | name: '', |
| | | sort: '', |
| | | remark: '' |
| | | }, |
| | | rules: {}, |
| | | rules: { |
| | | groupTag: { required: true, message: '必填', trigger: 'blur' }, |
| | | name: { required: true, message: '必填', trigger: 'blur' }, |
| | | sort: { required: true, message: '必填', trigger: 'blur' } |
| | | }, |
| | | treeCheckedNode: {}, |
| | | treeCheckKey: [], |
| | | beltline_type: [], |
| | |
| | | watch: { |
| | | activeName () { |
| | | this.queryList() |
| | | }, |
| | | treeCheckedNode: { |
| | | handler (val) { |
| | | Object.keys(this.form).forEach(key => { |
| | | this.form[key] = val?.[key] |
| | | }) |
| | | }, |
| | | deep: true |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | let newData = [] |
| | | if (!current) { |
| | | newData = data.filter(item => item.parentId == 0).map(v => { |
| | | v.children = this.formatData(data, v) |
| | | v.children = this.formatData(data, v).sort((a, b) => { |
| | | return b.sort - a.sort |
| | | }) |
| | | return v |
| | | }) |
| | | } else { |
| | | let res = data.filter(v => v.parentId === current.id) |
| | | res = res.map(item => { |
| | | item.children = this.formatData(data, item).sort((a,b) => { |
| | | return a.sort - b.sort |
| | | return b.sort - a.sort |
| | | }) |
| | | return item |
| | | }) |