| | |
| | | width="1620px" |
| | | @close="cancelDialog"> |
| | | <div style="min-height: 665px;max-height: 85vh;padding-bottom: 50px;"> |
| | | <basic-form key="linkQueryForm" ref="form" |
| | | <basic-form key="businessQueryForm" ref="form" |
| | | :formData="form" |
| | | :formItems="formItems" |
| | | :span="4" |
| | |
| | | <div> |
| | | 查询模板定义 |
| | | <avue-select v-model="businessQueryDefineForm" :dic="businessQueryDefineDic" class="el-input--small" |
| | | placeholder="请选择内容" style="width: 240px;" type="tree" |
| | | placeholder="请选择内容" style="width: 245px;" type="tree" |
| | | @change="businessQueryDefineChange"></avue-select> |
| | | <avue-tree :data="businessTreeData" :option="treeOption" style="height: 265px" |
| | | <avue-tree :data="businessTreeData" :option="treeOption" style="width:335px;height: 268px" |
| | | @node-drag-start="handleDragStart" @node-drag-end="handleDragEnd"> |
| | | </avue-tree> |
| | | </div> |
| | |
| | | </el-container> |
| | | </div> |
| | | <div class="dialog-footer avue-dialog__footer"> |
| | | <el-button plain size="small" type="primary" @click="submitDialog">保 存</el-button> |
| | | <el-button size="small" type="primary" @click="submitDialog">保 存</el-button> |
| | | <el-button size="small" @click="cancelDialog">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | |
| | | return false; |
| | | }, |
| | | allowDrag: (dropNode) => { |
| | | if (dropNode.data.attrs && dropNode.data.attrs.length > 0) { |
| | | return false; |
| | | } else { |
| | | return true; |
| | | } |
| | | return true; |
| | | }, |
| | | props: { |
| | | label: 'name', |
| | |
| | | this.$refs.form.validate((valid) => { |
| | | if (valid) { |
| | | const formData = this.initFormData(); |
| | | console.log(formData) |
| | | btmSave(formData).then(res => { |
| | | if (res.data.success) { |
| | | this.$message.success("保存成功"); |
| | |
| | | this.orderFieldList.unshift({ |
| | | id: data.row.orderField |
| | | }); |
| | | this.tableFormOption.column[0].dicData = this.orderFieldList |
| | | this.$refs.tableForm.updateDic('orderField',this.orderFieldList); |
| | | }, |
| | | //获取排序设置中所有排序字段 |
| | | getAllAttr() { |
| | |
| | | }, |
| | | businessQueryDefineChange(data) { |
| | | if (data.value) { |
| | | this.businessTreeData = [{ |
| | | name: data.value, |
| | | attrs: data.item.attrs |
| | | }] |
| | | this.businessTreeData = [data.item] |
| | | } |
| | | }, |
| | | // 开始拖拽树节点事件 |