整合代码

 Source/plt-web/plt-web-ui/src/api/UI/uiDefine.js

@@ -164,6 +164,28 @@
  });
}

// UI定义下拉查询
export function getUILayoutDatasByPage(page, limit, params) {
  return request({
    url: "/api/uiManagerController/getUILayoutDatasByPage",
    method: "get",
    params: {
      page,
      limit,
      ...params
    }
  });
}

// 下方表格删除
export function delPageDefination(params) {
  return request({
    url: "/api/uiManagerController/delPageDefination",
    method: "delete",
    params
  });
}

// 按钮设计对话框左侧树查询
export function getTabButtons(params) {
  return request({
@@ -176,7 +198,7 @@
// 按钮设计对话框添加
export function addTapButton(params) {
  return request({
    url: "/api/uiManagerController/addTapButton",
    url: "/api/uiManagerController/addTabButton",
    method: "post",
    data:params
  });
@@ -185,7 +207,34 @@
// 按钮设计对话框添加
export function updateTapButton(params) {
  return request({
    url: "/api/uiManagerController/updateTapButton",
    url: "/api/uiManagerController/updateTabButton",
    method: "put",
    data:params
  });
}

// 按钮设计对话框删除
export function deleteTabButton(params) {
  return request({
    url: "/api/uiManagerController/deleteTabButton",
    method: "delete",
    data:params
  });
}

// 按钮设计调整为下级按钮
export function joinBtn(params) {
  return request({
    url: "/api/uiManagerController/joinBtn",
    method: "put",
    data:params
  });
}

// 按钮设计调整为上级按钮
export function exitBtn(params) {
  return request({
    url: "/api/uiManagerController/exitBtn",
    method: "put",
    data:params
  });

 Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue

@@ -3,6 +3,8 @@
    <avue-crud
      ref="crud"
      v-model="form"
      :before-close="beforeClose"
      :before-open="beforeOpen"
      :data="data"
      :option="option"
      :table-loading="tableLoading"
@@ -26,7 +28,8 @@
        </el-button>
        <el-button icon="el-icon-delete" size="small" type="text" @click="rowDeleteHandler(scope.row)">删除
        </el-button>
        <el-button icon="el-icon-document-copy" size="small" type="text" @click="rowCloneHandler(scope.row)">克隆</el-button>
        <el-button icon="el-icon-document-copy" size="small" type="text" @click="rowCloneHandler(scope.row)">克隆
        </el-button>
      </template>

      <!-- eventKey以及eventValue显示区域 -->
@@ -46,7 +49,6 @@
          </template>
        </avue-crud>
      </template>


      <!-- 切换搜索类型 源对象 目标对象显示label切换 -->
      <template slot="showTypeLabel" slot-scope="{}">
@@ -78,8 +80,8 @@
            </el-button>
            <el-button :disabled="disabledBtn" plain size="mini" type="primary" @click="escClickBtnHandler">取消
            </el-button>
            <el-button plain size="mini" type="primary">调整为下级按钮</el-button>
            <el-button plain size="mini" type="primary">调整为上级按钮</el-button>
            <el-button plain size="mini" type="primary" @click="changeBottomBtnHandler">调整为下级按钮</el-button>
            <el-button plain size="mini" type="primary" @click="changeTopBtnHandler">调整为上级按钮</el-button>
            <el-button plain size="mini" type="primary"  @click="cloneClickBtnHandler">复制到其他组件</el-button>
          </div>
        </el-header>
@@ -212,7 +214,11 @@
  addTapButton,
  updateTapButton,
  getLinkDatasByPage,
  addPageDefination
  addPageDefination,
  deleteTabButton,
  delPageDefination,
  joinBtn,
  exitBtn
} from "@/api/UI/uiDefine";
import actionDialog from '@/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/components/action';
import cloneDialog from "@/views/modelingMenu/ui/uiDefine/rightRegion/cloneDialog";
@@ -520,12 +526,15 @@
              {
                label: '源对象',
                prop: 'showType',
                type: 'table',
                display: false,
                type: 'select',
                cascader: ['linkType', 'templateId', 'SubUILayout', 'searchObjType', 'queryTemplateName'],
                placeholder: "请输入内容",
                dicUrl: '/api/uiManagerController/getBtmDatasByPage?page=1&limit=-1',
                filterable: true,
                props: {
                  label: 'name',
                  value: 'name'
                  value: 'name',
                  desc: 'label'
                },
                rules: [
                  {
@@ -534,81 +543,27 @@
                    trigger: 'change'
                  }
                ],
                children: {
                  border: true,
                  column: [{
                    label: '名称',
                    search: true,
                    searchSpan: 24,
                    prop: 'name'
                  }, {
                    label: '标签',
                    prop: 'label'
                  }],
                },
                change: (val) => {
                  const list = ['linkType', 'templateId', 'SubUILayout', 'queryTemplateName', 'searchObjType'];
                  list.forEach(item => {
                    this.form[item] = '';
                  })
                },
                onLoad: ({page, value, data}, callback) => {
                  //page分页
                  // 不管是搜索 还是首次加载都会触发page 所以只需要拿page存在与否进行请求就可以 如果再去判断data搜索 或者value初次加载就会重复请求
                  if (page) {
                    const params = {
                      "conditionMap[filterInputValue]": data ? data.name : ''
                    };
                    getBtmDatasByPage(page.currentPage, page.pageSize, params).then(res => {
                      callback({
                        total: res.data.total,
                        data: res.data.data
                      })
                    })
                  }
                },
              },
              {
                label: '链接类型',
                prop: 'linkType',
                type: 'table',
                type: 'select',
                display: false,
                filterable: true,
                props: {
                  label: 'name',
                  value: 'name'
                  value: 'name',
                  desc: 'tag'
                },
                children: {
                  border: true,
                  column: [{
                    label: '名称',
                    search: true,
                    searchSpan: 24,
                    prop: 'name'
                  }, {
                    label: '标签',
                    prop: 'tag'
                  }],
                },
                onLoad: ({page, value, data}, callback) => {
                  if (page) {
                    const params = {
                      "conditionMap[selectBtmType]": this.form.showType,
                    };
                    getLinkDatasByPage(page.currentPage, page.pageSize, params).then(res => {
                      console.log(res);
                      callback({
                        total: res.data.total,
                        data: res.data.data
                      })
                    })
                  }
                },
                dicUrl: '/api/uiManagerController/getLinkDatasByPage?page=1&limit=-1&conditionMap[selectBtmType]={{key}}',
              },
              {
                label: '选择模板',
                prop: 'templateId',
                display: false,
                type: 'table',
                type: 'select',
                filterable: true,
                dicUrl: '/api/uiManagerController/getPortalVIDatasByPage?page=1&limit=-1&conditionMap[selectBtmType]={{key}}',
                rules: [
                  {
                    required: true,
@@ -618,71 +573,22 @@
                ],
                props: {
                  label: 'viName',
                  value: 'viName'
                },
                children: {
                  border: true,
                  column: [{
                    label: '名称',
                    search: true,
                    searchSpan: 24,
                    prop: 'viName'
                  }, {
                    label: '类型',
                    prop: 'viType'
                  }],
                },
                onLoad: ({page, value, data}, callback) => {
                  if (page) {
                    const params = {
                      "conditionMap[selectBtmType]": this.form.showType,
                      "conditionMap[filterInputValue]": data ? data.viName : '',
                    };
                    getPortalVIDatasByPage(page.currentPage, page.pageSize, params).then(res => {
                      console.log(res);
                      callback({
                        total: res.data.total,
                        data: res.data.data
                      })
                    })
                  }
                  value: 'viName',
                  desc: 'viType'
                },
              },
              {
                label: 'UI定义',
                prop: 'SubUILayout',
                type: 'table',
                type: 'select',
                filterable: true,
                display: false,
                props: {
                  label: 'qtName',
                  value: 'qtName'
                  value: 'qtName',
                  desc: 'btmName'
                },
                children: {
                  border: true,
                  column: [{
                    label: '名称',
                    search: true,
                    searchSpan: 24,
                    prop: 'qtName'
                  }, {
                    label: '类型',
                    prop: 'btmName'
                  }],
                },
                onLoad: ({page, value, data}, callback) => {
                  if (page) {
                    const params = {
                      "conditionMap[selectBtmType]": this.form.showType,
                      "conditionMap[filterInputValue]": data ? data.qtName : '',
                    };
                    getQTInfoDatasByPage(page.currentPage, page.pageSize, params).then(res => {
                      callback({
                        total: res.data.total,
                        data: res.data.data
                      })
                    })
                  }
                },
                dicUrl: '/api/uiManagerController/getUILayoutDatasByPage?page=1&limit=-1&conditionMap[selectBtmType]={{key}}',
              },
              {
                label: '查询类型',
@@ -705,75 +611,28 @@
              {
                label: '查询对象类型',
                prop: 'searchObjType',
                type: 'table',
                type: 'select',
                display: false,
                labelWidth: 100,
                props: {
                  label: 'qtName',
                  value: 'qtName'
                  value: 'qtName',
                  desc: 'btmName'
                },
                children: {
                  border: true,
                  column: [{
                    label: '名称',
                    search: true,
                    searchSpan: 24,
                    prop: 'qtName'
                  }, {
                    label: '类型',
                    prop: 'btmName'
                  }],
                },
                onLoad: ({page, value, data}, callback) => {
                  if (page) {
                    const params = {
                      "conditionMap[selectBtmType]": null, // cs端有问题 暂时不展示内容
                    };
                    getLinkDatasByPage(page.currentPage, page.pageSize, params).then(res => {
                      console.log(res);
                      callback({
                        total: res.data.total,
                        data: res.data.data
                      })
                    })
                  }
                },
                dicUrl: '/api/uiManagerController/getLinkDatasByPage?page=1&limit=-1&conditionMap[selectBtmType]=',// cs端有问题 暂时不展示内容
              },
              {
                label: '查询模板',
                prop: 'queryTemplateName',
                type: 'table',
                type: 'select',
                filterable: true,
                display: false,
                props: {
                  label: 'qtName',
                  value: 'qtName'
                  value: 'qtName',
                  desc: 'btmName'
                },
                children: {
                  border: true,
                  column: [{
                    label: '名称',
                    search: true,
                    searchSpan: 24,
                    prop: 'qtName'
                  }, {
                    label: '类型',
                    prop: 'btmName'
                  }],
                },
                onLoad: ({page, value, data}, callback) => {
                  if (page) {
                    const params = {
                      "conditionMap[selectBtmType]": this.form.showType,
                      "conditionMap[filterInputValue]": data ? data.qtName : '',
                    };
                    getQTInfoDatasByPage(page.currentPage, page.pageSize, params).then(res => {
                      callback({
                        total: res.data.total,
                        data: res.data.data
                      })
                    })
                  }
                },
                dicUrl: '/api/uiManagerController/getQTInfoDatasByPage?page=1&limit=-1&conditionMap[selectBtmType]={{key}}',
              },
              {
                label: '控制路径',
@@ -881,6 +740,7 @@
        this.tableLoading = false;
      })
    },

    // 根据不同值区分类型
    templateTypeValueHandler(val) {
      const componentMap = {
@@ -925,9 +785,27 @@
      this.$refs.crud.rowAdd();
    },

    // 编辑打开表单前
    beforeOpen(done, type) {
      if (type === 'edit') {
        this.form.showType = 'Ludc';
        this.$set(this.form, 'showType', 'Ludc');
        // this.$set(this.option.group[0].column[0],'value','Ludc');
        // this.option.group[0].column[0].value = 'Ludc';
        done();
      } else {
        done();
      }
    },

    // 增加关闭对话框 清空event数组
    beforeClose(done) {
      this.eventData = [];
      done();
    },

    // 修改
    editBtnClick(row) {
      console.log(row);
      this.eventData = [];
      if (row.eventKey && row.eventValue) {
        let keys = row.eventKey.split(',');
@@ -943,6 +821,32 @@
        });
      }
      this.$refs.crud.rowEdit(row);
      console.log(this.form);
    },

    // 删除
    rowDeleteHandler(row) {
      console.log(row);
      this.$confirm('您确定要删除所选择的数据吗？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        const params = {
          oids: row.id
        }
        delPageDefination(params).then(res => {
          if (res.data.code === 200) {
            this.$message.success('删除成功');
            this.getTableList();
          }
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },

    // 保存
@@ -1082,11 +986,6 @@
      }
    },

    // 按钮设计关闭对话框
    dialogClose() {

    },

    // 按钮设计
    btnDesignClickHandler() {
      if (this.selectList.length != 1) {
@@ -1213,7 +1112,6 @@
          bottomParams[item.name] = item.value
        })
      }
      ;

      const params = this.saveType === 'add' ? {
        ...this.basicForm,
@@ -1255,7 +1153,15 @@
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {

        deleteTabButton(this.nodeTreeRow).then(res => {
          // console.log(res);
          if (res.data.code === 200) {
            this.$message.success('删除成功');
            this.getTabBtnTree();
            this.basicForm = {};
            this.paramsData = [];
          }
        })
      }).catch(() => {
        this.$message({
          type: 'info',
@@ -1264,6 +1170,7 @@
      });
    },

    // 复制到其他组件
    cloneClickBtnHandler(){
      if (func.isEmptyObject(this.nodeTreeRow)) {
        this.$message.error('请选择节点进行复制');
@@ -1275,6 +1182,7 @@
      }
      this.$refs.cloneDialog.openDialog(this.nodeTreeRow);
    },

    // 选择action
    actionFoucus() {
      this.$refs.actionDialog.btnActionVisible = true;
@@ -1285,10 +1193,51 @@
      this.$set(this.basicForm, 'actionName', val.plName);
      this.$set(this.basicForm, 'actionOId', val.plOId);
    },

    // 打开克隆对话框
    rowCloneHandler(row) {
      this.$refs.cloneDialog.openDialog(row);
    },

    // 调整为下级按钮
    changeBottomBtnHandler() {
      if (func.isEmptyObject(this.nodeTreeRow)) {
        this.$message.error('请选择节点进行修改');
        return;
  }

      if (this.nodeTreeRow.oId === "parentNode") {
        this.$message.error('顶层节点不允许调整');
        return;
      }
      joinBtn(this.nodeTreeRow).then(res => {
        // console.log(res);
        if (res.data.code === 200) {
          this.$message.success(res.data.obj);
          this.getTabBtnTree();
        }
      })
    },

    // 调整为上级按钮
    changeTopBtnHandler() {
      if (func.isEmptyObject(this.nodeTreeRow)) {
        this.$message.error('请选择节点进行修改');
        return;
      }

      if (this.nodeTreeRow.oId === "parentNode") {
        this.$message.error('顶层节点不允许调整');
        return;
      }
      exitBtn(this.nodeTreeRow).then(res => {
        if (res.data.code === 200) {
          this.$message.success(res.data.obj);
          this.getTabBtnTree();
        }
      })
    }
  },
}
</script>