| | |
| | | <el-dialog v-dialogDrag |
| | | :title="dialog.title" |
| | | :visible.sync="dialog.showDialog" |
| | | width="1620px" |
| | | width="1650px" |
| | | :append-to-body="true" |
| | | class="avue-dialog" |
| | | :destroy-on-close="true" |
| | |
| | | <legend> 链接类型候选条件 </legend> |
| | | <div> |
| | | 查询模板定义 |
| | | <avue-select @change="linkQueryDefineChange" class="el-input--small" v-model="linkQueryDefineForm" placeholder="请选择内容" type="tree" :dic="linkQueryDefineDic" style="width:240px"></avue-select> |
| | | <avue-tree style="height: 265px" :data="linkTreeData" :option="treeOption" @node-drag-start="handleDragStart" @node-drag-end="handleDragEnd"> |
| | | <avue-select @change="linkQueryDefineChange" class="el-input--small" v-model="linkQueryDefineForm" placeholder="请选择内容" type="tree" :dic="linkQueryDefineDic" style="width:245px"></avue-select> |
| | | <avue-tree style="width:335px;height: 268px" :data="linkTreeData" :option="treeOption" @node-drag-start="handleDragStart" @node-drag-end="handleDragEnd"> |
| | | </avue-tree> |
| | | </div> |
| | | </fieldset> |
| | |
| | | <legend> 业务类型候选条件 </legend> |
| | | <div> |
| | | 查询模板定义 |
| | | <avue-select @change="businessQueryDefineChange" class="el-input--small" v-model="businessQueryDefineForm" placeholder="请选择内容" type="tree" :dic="businessQueryDefineDic" style="width: 240px;"></avue-select> |
| | | <avue-tree style="height: 265px" :data="businessTreeData" :option="treeOption" @node-drag-start="handleDragStart" @node-drag-end="handleDragEnd"> |
| | | <avue-select @change="businessQueryDefineChange" class="el-input--small" v-model="businessQueryDefineForm" placeholder="请选择内容" type="tree" :dic="businessQueryDefineDic" style="width: 245px;"></avue-select> |
| | | <avue-tree style="width:335px;height: 268px" :data="businessTreeData" :option="treeOption" @node-drag-start="handleDragStart" @node-drag-end="handleDragEnd"> |
| | | </avue-tree> |
| | | </div> |
| | | </fieldset> |
| | |
| | | prop: 'qtName', |
| | | type: 'input', |
| | | span:4.5, |
| | | labelWidth: 100, |
| | | labelWidth: 110, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入查询模板名称", |
| | |
| | | prop: 'btmType', |
| | | type: 'select', |
| | | labelWidth:110, |
| | | clearable:false, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择业务类型", |
| | | trigger: "blur" |
| | | }], |
| | | dicData: [] |
| | | }, { |
| | | label: '版本版次', |
| | |
| | | return false; |
| | | }, |
| | | allowDrag: (dropNode) => { |
| | | if (dropNode.data.attrs && dropNode.data.attrs.length>0) { |
| | | return false; |
| | | } else { |
| | | return true; |
| | | } |
| | | return true; |
| | | }, |
| | | props:{ |
| | | label:'name', |
| | |
| | | }, |
| | | linkQueryDefineChange(data) { |
| | | if (data.value) { |
| | | this.linkTreeData = [{ |
| | | name: data.value, |
| | | attrs: data.item.attrs |
| | | }] |
| | | this.linkTreeData = [ data.item] |
| | | } |
| | | }, |
| | | businessQueryDefineChange(data) { |
| | | if (data.value) { |
| | | this.businessTreeData = [{ |
| | | name: data.value, |
| | | attrs: data.item.attrs |
| | | }] |
| | | this.businessTreeData = [ data.item] |
| | | } |
| | | }, |
| | | // 开始拖拽树节点事件 |