| | |
| | | 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> |
| | | </fieldset> |
| | | </el-aside> |
| | | <el-main> |
| | | <fieldset style="margin: 0 10px"> |
| | | <fieldset style="margin: 0 0 0 10px"> |
| | | <legend> 查询条件 </legend> |
| | | <form-query-dialog ref="formQuery" |
| | | :levelFlag.sync="form.levelFlag" |
| | | :queryCondition="queryCondition" |
| | | :queryTree="queryTree" |
| | | :searchColumn="searchColumn" |
| | | style="height: 300px;" |
| | | @queryHandler="queryHandler" |
| | | ></form-query-dialog> |
| | |
| | | </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> |
| | |
| | | components: {formQueryDialog}, |
| | | data() { |
| | | return { |
| | | searchColumn: [ |
| | | { |
| | | label: 'OID', |
| | | prop: 'OID', |
| | | }, |
| | | { |
| | | label: 'REVISIONOID', |
| | | prop: 'REVISIONOID' |
| | | }, |
| | | { |
| | | label: 'NAMEOID', |
| | | prop: 'NAMEOID' |
| | | }, |
| | | { |
| | | label: 'BTMNAME', |
| | | prop: 'BTMNAME' |
| | | } |
| | | ], |
| | | dialog: { |
| | | showDialog: false, |
| | | title: "创建", |
| | |
| | | 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] |
| | | } |
| | | }, |
| | | // 开始拖拽树节点事件 |
| | |
| | | |
| | | <style scoped> |
| | | fieldset { |
| | | border-radius: 5px; |
| | | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | padding: 10px 6px; |
| | | box-sizing: border-box; |
| | | margin: 0; |
| | | border: 1px solid #EBEEF5; |
| | | } |