整合代码

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

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,67 @@
import request from '@/router/axios';

// ä¸šåŠ¡ç±»åž‹ä¸‹æ‹‰æŸ¥è¯¢
export function getBtmDatasByPage(page, limit, params) {
  return request({
    url: "/api/uiManagerController/getBtmDatasByPage",
    method: "get",
    params: {
      page,
      limit,
      ...params
    }
  });
}

// é€‰æ‹©æ¨¡æ¿ä¸‹æ‹‰æŸ¥è¯¢
export function getPortalVIDatasByPage(page, limit, params) {
  return request({
    url: "/api/uiManagerController/getPortalVIDatasByPage",
    method: "get",
    params: {
      page,
      limit,
      ...params
    }
  });
}

// æŸ¥è¯¢æ¨¡æ¿ä¸‹æ‹‰æŸ¥è¯¢
export function getQTInfoDatasByPage(page, limit, params) {
  return request({
    url: "/api/uiManagerController/getQTInfoDatasByPage",
    method: "get",
    params: {
      page,
      limit,
      ...params
    }
  });
}

// æŒ‰é’®è®¾è®¡å¯¹è¯æ¡†å·¦ä¾§æ ‘查询
export function getTabButtons(params) {
  return request({
    url: "/api/uiManagerController/getTabButtons",
    method: "get",
    params
  });
}

// æŒ‰é’®è®¾è®¡å¯¹è¯æ¡†æ·»åŠ 
export function addTapButton(params) {
  return request({
    url: "/api/uiManagerController/addTapButton",
    method: "post",
    data:params
  });
}

// æŒ‰é’®è®¾è®¡å¯¹è¯æ¡†æ·»åŠ 
export function updateTapButton(params) {
  return request({
    url: "/api/uiManagerController/updateTapButton",
    method: "put",
    data:params
  });
}

 Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue

@@ -44,19 +44,25 @@
              <template slot="label">
                åç§°
              </template>
              {{ lastItem.id }}
              <div style="width: 330px">
                {{ lastItem.id }}
              </div>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                æ ‡ç­¾
              </template>
              <div style="width: 330px">
              {{ lastItem.name }}
              </div>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                æè¿°
              </template>
              <div style="width: 330px">
              {{ lastItem.description }}
              </div>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
@@ -74,9 +80,11 @@
              <template slot="label">
                å…è®¸ä¸ºç©º
              </template>
              <div style="width: 330px">
              <el-tag :type="lastItem.nullableFlag ? 'success' : 'danger'">
                {{ lastItem.nullableFlag ? '是' : '否' }}
              </el-tag>
              </div>
            </el-descriptions-item>
            <el-descriptions-item v-if="accuracy">
              <template slot="label">
@@ -88,13 +96,17 @@
              <template slot="label">
                é•¿åº¦
              </template>
              <div style="width: 330px">
              {{ lastItem.attrLength }}
              </div>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                é»˜è®¤å€¼
              </template>
              <div style="width: 330px">
              {{ lastItem.defaultValue }}
              </div>
            </el-descriptions-item>
          </el-descriptions>

@@ -105,33 +117,43 @@
              <template slot="label">
                å½“前类型
              </template>
              <div style="width: 345px">
              {{ lastItem.version ? '链接类型' : '业务类型' }}
              </div>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                å½“前类型值
              </template>
              <div style="width: 345px">
              {{ lastItem.version ? lastItem.linkTypeName : lastItem.btmTypeId }}
              </div>
            </el-descriptions-item>
            <el-descriptions-item v-if="lastItem.version">
              <template slot="label">
                å½“前版本次
              </template>
              <div style="width: 345px">
              {{ lastItem.version }}
              </div>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                ä½¿ç”¨æžšä¸¾
              </template>
              <div style="width: 345px">
              <el-tag :type="lastItem.enumId ? 'success' : 'danger'">
                {{ lastItem.enumId ? '是' : '否' }}
              </el-tag>
              </div>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                å½“前枚举类型
              </template>
              <div style="width: 345px">
              {{ lastItem.enumId }}
              </div>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
@@ -152,21 +174,25 @@
              <template slot="label">
                ä½¿ç”¨æžšä¸¾
              </template>
              <div style="width: 330px">
              <el-tag :type="lastItem.enumFlag ? 'success' : 'danger'">
                {{ lastItem.enumFlag ? '是' : '否' }}
              </el-tag>
              </div>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                æžšä¸¾ç±»åž‹
              </template>
              <div style="width: 330px">
              {{ lastItem.enumFlag }}
              </div>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                å–值范围
              </template>
              <div style="width: 330px; height: 80px;overflow: auto">
              <div style="width: 345px; height: 80px;overflow: auto">
                <el-tag v-for="item in rangeList" plain style="margin: 5px">{{ item }}</el-tag>
              </div>
            </el-descriptions-item>

 Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/versioning/index.vue

@@ -1,109 +1,30 @@
<template>
  <el-container>
    <el-aside>
      <basic-container>
        <div ref="TreeBox" style="height: calc(100vh - 144px);!important;">
          <div class="headerCon">
            <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">创建
            </el-button>
            <el-button icon="el-icon-edit" plain size="small" type="primary" @click="editClickHandler">修改
            </el-button>
            <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delClickHandler">删除
            </el-button>
            <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">导出
            </el-button>
            <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="uploadClickHandler">导入
            </el-button>
            <el-button class="smallBtn" plain size="small" type="primary"
                       @click="checkViewClickHandler">查看使用范围
            </el-button>
          </div>
          <!-- å·¦ä¾§æ ‘ -->
          <div style="height:  calc(100vh - 260px);">
            <avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick">
          <span slot-scope="{ node, data }" class="el-tree-node__label">
           <span style="font-size: 15px">
              <i class="el-icon-s-promotion"></i>
                {{ (node || {}).label }}
            </span>
          </span>
            </avue-tree>
          </div>
        </div>
      </basic-container>
    </el-aside>

    <el-main>
      <basic-container>
        <el-descriptions :column="1" border class="margin-top" size="medium" title="属性信息">
          <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
                                :labelStyle="descriptionOption.labelStyle">
            <template slot="label">
              <i :class="icons.id"></i>
              åç§°
            </template>
            <el-tag v-if="nodeRow.id">{{ nodeRow.id }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
                                :labelStyle="descriptionOption.labelStyle">
            <template slot="label">
              <i :class="icons.name"></i>
              æ ‡ç­¾
            </template>
            <el-tag v-if="nodeRow.name">{{ nodeRow.name }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
                                :labelStyle="descriptionOption.labelStyle">
            <template slot="label">
              <i :class="icons.jump"></i>
              è·³è·ƒå­—符
            </template>
            <el-tag v-if="nodeRow.jumpCharacter">{{ nodeRow.jumpCharacter }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
                                :labelStyle="descriptionOption.labelStyle">
            <template slot="label">
              <i :class="icons.init"></i>
              åˆå§‹å€¼
            </template>
            <el-tag v-if="nodeRow.initialValue">{{ nodeRow.initialValue }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
                                :labelStyle="descriptionOption.labelStyle">
            <template slot="label">
              <i :class="icons.length"></i>
              æ­¥é•¿
            </template>
            <el-tag v-if="nodeRow.stepLength">{{ nodeRow.stepLength }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
                                :labelStyle="descriptionOption.labelStyle">
            <template slot="label">
              <i :class="icons.left"></i>
              å‰ç¼€
            </template>
            <el-tag v-if="nodeRow.prefixion">{{ nodeRow.prefixion }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
                                :labelStyle="descriptionOption.labelStyle">
            <template slot="label">
              <i :class="icons.right"></i>
              åŽç¼€
            </template>
            <el-tag v-if="nodeRow.suffix">{{ nodeRow.suffix }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
                                :labelStyle="descriptionOption.labelStyle">
            <template slot="label">
              <i :class="icons.desc"></i>
              æè¿°
            </template>
            <el-tag v-if="nodeRow.description">{{ nodeRow.description }}</el-tag>
          </el-descriptions-item>
        </el-descriptions>
      </basic-container>
    </el-main>

  <basic-container>
    <avue-crud
      ref="crud"
      :data="data"
      :option="option"
      :table-loading="loading"
      @refresh-change="getTableList"
      @selection-change="selectChange"
      @row-click="rowClickHandler">
      <template slot="menuLeft" slot-scope="scope">
        <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">创建</el-button>
        <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">导出
        </el-button>
        <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="uploadClickHandler">导入
        </el-button>
        <el-button icon="el-icon-view" plain size="small" type="primary"
                   @click="checkViewClickHandler">查看使用范围
        </el-button>
      </template>
      <template slot="menu" slot-scope="scope">
        <el-button icon="el-icon-edit" size="small" type="text" @click="editClickHandler(scope.row)">编辑
        </el-button>
        <el-button icon="el-icon-delete" size="small" type="text" @click="delClickHandler(scope.row)">删除
        </el-button>
      </template>
    </avue-crud>
    <!-- æ–°å¢ž ä¿®æ”¹ -->
    <el-dialog
      v-dialogDrag
@@ -166,7 +87,7 @@

    <!-- å¯¼å…¥ -->
    <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="导入"
                 @updata="getTreeList"></upload-file>
                 @updata="getTableList"></upload-file>

    <!-- æŸ¥çœ‹ä½¿ç”¨èŒƒå›´ -->
    <el-dialog
@@ -187,7 +108,7 @@
      >
      </avue-crud>
    </el-dialog>
  </el-container>
  </basic-container>
</template>

<script>
@@ -206,6 +127,57 @@
  name: "index",
  data() {
    return {
      loading: false,
      data: [],
      option: {
        ...basicOption,
        addBtn: false,
        editBtn: false,
        delBtn: false,
        calcHeight: -30,
        column: [
          {
            label: '名称',
            prop: 'id',
            sortable: true,
          },
          {
            label: '标签',
            prop: 'name',
            sortable: true,
          },
          {
            label: '跳跃字符',
            prop: 'jumpCharacter',
            sortable: true,
          },
          {
            label: '初始值',
            prop: 'initialValue',
            sortable: true,
          },
          {
            label: '步长',
            prop: 'stepLength',
            sortable: true,
          },
          {
            label: '前缀',
            prop: 'prefixion',
            sortable: true,
          },
          {
            label: '后缀',
            prop: 'suffix',
            sortable: true,
          },
          {
            label: '描述',
            prop: 'description',
            sortable: true,
          },
        ]
      },
      checkViewVisible: false,
      checkViewData: [],
      checkViewDataSearch: [],
@@ -296,25 +268,24 @@
        right: 'el-icon-caret-right',
        desc: 'el-icon-chat-line-square'
      },
      selectList: [],
      lastIndex: null,
    }
  },
  created() {
    this.getTreeList();
    this.getTableList();
  },
  methods: {
    // å·¦ä¾§æ ‘查询
    getTreeList() {
    getTableList() {
      this.loading = true;
      getVersionRuleAllList().then(res => {
        const data = res.data.data;
        this.treeData = data;
        this.data = data;
        this.loading = false;
      }).catch(err => {
        this.$message.error(err)
      });
    },

    // å·¦ä¾§æ ‘行点击
    nodeClick(row) {
      this.nodeRow = row;
    },

    // åˆ›å»ºæŒ‰é’®
@@ -324,14 +295,10 @@
    },

    // ä¿®æ”¹æŒ‰é’®
    editClickHandler() {
      if (func.isEmptyObject(this.nodeRow)) {
        this.$message.error('请至少选择一条数据！');
        return;
      }
    editClickHandler(row) {
      this.form = {...row};
      this.visible = true;
      this.dialogTitle = 'edit';
      this.form = this.nodeRow;
    },

    // æ–°å¢žä¿®æ”¹å¯¹è¯æ¡†å…³é—­
@@ -359,7 +326,7 @@
          saveFunction(this.form).then(res => {
            if (res.data.code === 200) {
              this.$message.success(res.data.obj);
              this.getTreeList();
              this.getTableList();
              this.visible = false;
            } else {
              this.$message.error(res.data.obj);
@@ -374,22 +341,17 @@
    },

    // åˆ é™¤æŒ‰é’®
    delClickHandler() {
      if (func.isEmptyObject(this.nodeRow)) {
        this.$message.error('请至少选择一条数据！');
        return;
      }
    delClickHandler(row) {
      this.$confirm('您确定要删除所选择的数据吗？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        const list = [this.nodeRow];
        const list = [row];
        deleteVersionRule(list).then(res => {
          if (res.data.code === 200) {
            this.$message.success(res.data.obj);
            this.getTreeList();
            this.nodeRow = {};
            this.getTableList();
          }
        })
      }).catch(() => {
@@ -402,12 +364,17 @@

    // å¯¼å‡º
    exportClickHandler() {
      if (func.isEmptyObject(this.nodeRow)) {
      if (this.selectList.length <= 0) {
        this.$message.error('请至少选择一条数据！');
        return;
      }

      exportVersionRule({vrNames: this.nodeRow.id}).then(res => {
      if (this.selectList.length > 1) {
        this.$message.error('只能选择一条数据！');
        return;
      }

      exportVersionRule({vrNames: this.selectList[0].id}).then(res => {
        func.downloadFileByBlobHandler(res);
        this.$message.success('导出成功');
      }).catch(err => {
@@ -422,11 +389,16 @@

    // æŸ¥çœ‹ä½¿ç”¨èŒƒå›´
    checkViewClickHandler() {
      if (func.isEmptyObject(this.nodeRow)) {
      if (this.selectList.length <= 0) {
        this.$message.error('请至少选择一条数据！');
        return;
      }
      getUsedVersionRuleList({vrName: this.nodeRow.id}).then(res => {

      if (this.selectList.length > 1) {
        this.$message.error('只能选择一条数据！');
        return;
      }
      getUsedVersionRuleList({vrName: this.selectList[0].id}).then(res => {
        if (res.data.code === 200) {
          this.checkViewVisible = true;
          const data = res.data.data;
@@ -458,6 +430,27 @@
    checkHandleReset() {
      this.checkViewData = this.checkViewDataSearch;
    },

    // é€‰æ‹©æ¡†
    selectChange(row) {
      this.selectList = row;
    },

    // ç‚¹å‡»è¡Œ
    rowClickHandler(row) {
      func.rowClickHandler(
        row,
        this.$refs.crud,
        this.lastIndex,
        (newIndex) => {
          this.lastIndex = newIndex;
        },
        () => {
          this.selectList = [];
        }
      );
    },

  }
}
</script>

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

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,416 @@
<template>
  <el-container>

    <el-aside>
      <basic-container>
        <!-- å·¦ä¾§æ ‘ -->
        <div style="height:580px">
          <avue-tree
            ref="tree"
            v-model="treeForm"
            :data="treeData"
            :option="treeOption"
            @node-click="nodeClick">
          <span slot-scope="{ node, data }" class="el-tree-node__label">
           <span style="font-size: 15px">
              <i class="el-icon-s-promotion"></i>
                {{ (node || {}).label }}
            </span>
          </span>
          </avue-tree>
        </div>
      </basic-container>
    </el-aside>

    <el-main>
      <basic-container>
        <div>
          <avue-crud
            ref="crud"
            v-model="form"
            :data="data"
            :option="option"
            :page.sync="page"
            :table-loading="tableLoading"
            @search-change="handleSearch"
            @search-reset="handleReset"
            @refresh-change="handleRefresh"
            @selection-change="selectChangeHandler"
            @row-click="rowClickHandler">
            <template slot="plTypeType" slot-scope="{row}">
              <el-tag :type="row.plTypeType === 'business' ? '' : 'success'">
                {{ row.plTypeType === 'business' ? '业务类型' : '链接类型' }}
              </el-tag>
            </template>

          </avue-crud>
        </div>
      </basic-container>
    </el-main>


  </el-container>
</template>

<script>
import {
  getActionTree,
  getActionTableData,
  saveAction,
  updateAction,
  exportAction,
  deleteAction,
  getPLActionParam,
  savePLActionParam,
  updatePLActionParam,
  deletePLActionParam,
  saveActionCls,
  updateActionCls,
  deleteActionCls
} from '@/api/UI/Action/api'
import func from "@/util/func";
import basicOption from "@/util/basic-option";

export default {
  name: "index",
  data() {
    return {
      currenRow: {}, // action当前行信息
      topMethodsObj: {
        select: true,
        all: true,
        page: false
      },
      transferTitle: ['未选择', '已选择'],
      leftRoleData: [],
      rightRoleData: [],
      form: {},
      bottomTableLoading: false,
      bottomData: [],
      bottomOption: {
        ...basicOption,
        addBtn: false,
        calcHeight: -30,
        selection: false,
        refreshBtn: false,
        // height:'auto',
        column: [
          {
            label: '参数名称',
            prop: 'name',
            rules: [
              {
                required: true,
                message: '请输入参数名称',
                trigger: 'blur'
              }
            ]
          },
          {
            label: '默认值',
            prop: 'defaultValue',
          },
          {
            label: '提示信息',
            prop: 'description',
            span: 24,
            type: 'textarea',
            rows: 4
          },
        ],
      },
      tableLoading: false,
      lastIndex: null,
      selectList: [],
      data: [],
      option: {
        ...basicOption,
        addBtn: false,
        height: 'auto',
        highlightCurrentRow: true,
        column: [
          {
            label: '编号',
            prop: 'plCode',
            search: true,
            rules: [
              {
                required: true,
                message: '请输入编号',
                trigger: 'blur'
              }
            ]
          },
          {
            label: '名称',
            prop: 'plName',
            search: true,
            rules: [
              {
                required: true,
                message: '请输入名称',
                trigger: 'blur'
              }
            ]
          },
          {
            label: '类路径',
            prop: 'plCSClass',
            search: true,
            overHidden: true,
          },
          {
            label: '分类',
            prop: 'plActionCls',
            type: 'tree',
            hide: true,
            props: {
              label: 'name',
              value: 'id',
              children: 'childs'
            },
            rules: [
              {
                required: true,
                message: '请选择分类',
                trigger: 'blur'
              }
            ],
            dicData: []
          },
          {
            label: '链接地址',
            prop: 'plBSUrl',
            search: true,
          },
          {
            label: '类型',
            prop: 'plTypeType',
            search: true,
            type: 'select',
            dicData: [{
              label: '业务类型',
              value: 'business'
            }, {
              label: '链接类型',
              value: 'link'
            }],
            rules: [
              {
                required: true,
                message: '请选择类型',
                trigger: 'blur'
              }
            ]
          },
          {
            label: '描述',
            prop: 'plDesc',
            search: true,
            overHidden: true,
          },
        ]
      },
      treeNodeRow: {},
      treeForm: {},
      treeOption: {
        addBtn: false,
        defaultExpandedKeys: ['root'],
        props: {
          label: 'name',
          value: 'id',
          children: 'childs'
        },
        formOption: {
          column: [
            {
              label: '分类名称',
              prop: 'name',
              rules: [
                {
                  required: true,
                  message: '请输入分类名称',
                  trigger: 'blur'
                }
              ]
            },
            {
              label: '分类序号',
              prop: 'serialno',
              rules: [
                {
                  required: true,
                  message: '请输入分类序号',
                  trigger: 'blur'
                }
              ]
            },
            {
              label: '创建者',
              prop: 'creator',
              readonly: true,
            },
            {
              label: '创建时间',
              prop: 'createTime',
              readonly: true,
            },
            {
              label: '父主类',
              prop: 'pidName',
              readonly: true,
            },
            {
              label: '备注',
              prop: 'description'
            },
          ],
        }
      },
      treeData: [],
    }
  },
  created() {
    this.getTreeList();
  },
  methods: {
    // å·¦ä¾§æ ‘请求
    getTreeList(status) {
      const params = {
        isExp: status ? true : false
      }
      getActionTree(params).then(res => {
        const data = res.data.obj;
        this.treeData = [data];
        const selectTreeData = this.option.column.find(item => item.prop === 'plActionCls'); // æ‰¾åˆ°action添加分类树
        selectTreeData.dicData = [data];
      })
    },

    // å·¦ä¾§æ ‘行点击
    nodeClick(row) {
      this.treeNodeRow = row;
      this.getRightTableList(row);
      this.bottomData = [];
    },

    // å¤´éƒ¨åˆ·æ–°æŒ‰é’®
    handleRefresh() {
      if (func.isEmptyObject(this.treeNodeRow)) {
        return;
      }
      this.getRightTableList(this.treeNodeRow);
    },

    // å³ä¾§è¡¨æ ¼ä¿¡æ¯
    getRightTableList(row) {
      this.tableLoading = true;
      const params = {
        plactioncls: row.id
      }
      getActionTableData(params).then(res => {
        const data = res.data.data;
        this.data = data;
        this.tableLoading = false;
      })
    },

    // è¡¨æ ¼å¤šé€‰
    selectChangeHandler(row) {
      this.selectList = row;
    },

    // è¡Œç‚¹å‡»
    rowClickHandler(row) {
      this.currenRow = row;
      func.rowClickHandler(
        row,
        this.$refs.crud,
        this.lastIndex,
        (newIndex) => {
          this.lastIndex = newIndex;
        },
        () => {
          this.selectList = [];
        }
      );

      // è¯·æ±‚action下方参数列表数据
      this.getBottomList(row);
    },

    // æœç´¢
    handleSearch(params, done) {
      if (func.isEmptyObject(this.treeNodeRow)) {
        this.$message.error('请先在左侧选择节点后操作');
        return done();
      }
      this.tableLoading = true;
      const apiParams = {
        plactioncls: this.treeNodeRow.id === 'root' ? '' : this.treeNodeRow.id,
        ...params
      }

      getActionTableData(apiParams).then(res => {
        const data = res.data.data;
        this.data = data;
        this.tableLoading = false;
      })
      done();
    },

    // é‡ç½®æœç´¢æ¡ä»¶
    handleReset() {
      if (func.isEmptyObject(this.treeNodeRow)) {
        this.$message.error('请先在左侧选择节点后操作');
        return;
      }
      this.getRightTableList(this.treeNodeRow);
    },

  }
}
</script>

<style lang="scss" scoped>
::v-deep {
  .el-scrollbar__wrap {
    overflow: auto !important;
  }

  .headerCon {
    .el-button {
      width: 82px;
    }
  }
}

.headerCon {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;

  .el-button + .el-button {
    margin-left: 5px;
  }

  .el-button {
    margin-top: 5px;
  }
}

.headerCon > .el-button:nth-child(4) {
  margin-left: 0;
}

.headerCon > .el-button:nth-child(7) {
  margin-left: 0;
}

.smallBtn {
  width: 82px;
  text-align: center;
  padding-left: 4.5px;
}

</style>

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

@@ -1,5 +1,5 @@
<template>
  <div>
  <basic-container>
    <avue-crud
      ref="crud"
      v-model="form"
@@ -68,9 +68,9 @@
      append-to-body="true"
      class="avue-dialog"
      title="配置按钮"
      width="70%"
      width="75%"
      @close="dialogClose">
      <el-container>
      <el-container v-loading="dialogLoading">
        <el-header style="height: 40px !important;">
          <div style="display: flex">
            <el-button :disabled="!disabledBtn" plain size="mini" type="primary" @click="addClickBtnHandler">添加
@@ -129,7 +129,7 @@

                  <el-form-item label="Action：" prop="Action">
                    <el-col :span="14">
                      <el-input v-model="basicForm.actionOId" :readonly="disabledBtn"></el-input>
                      <el-input v-model="basicForm.actionName" :readonly="disabledBtn" @focus="actionFoucus"></el-input>
                    </el-col>
                  </el-form-item>

@@ -190,7 +190,16 @@
        </el-container>
      </el-container>
    </el-dialog>
  </div>
    <el-dialog
      v-dialogDrag
      :visible.sync="btnActionVisible"
      append-to-body="true"
      class="avue-dialog"
      title="选择Action"
      width="70%">
      <action-dialog></action-dialog>
    </el-dialog>
  </basic-container>
</template>

<script>
@@ -205,6 +214,7 @@
  addTapButton,
  updateTapButton, getTabByContextIdAndType
} from "@/api/UI/uiDefine";
import actionDialog from '@/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/components/action';

export default {
  props: {
@@ -217,9 +227,14 @@
      default: () => "auto"
    }
  },
  components: {
    actionDialog
  },
  name: "index",
  data() {
    return {
      btnActionVisible: false,
      dialogLoading: false,
      saveType: '',
      disabledBtn: true,
      paramsData: [],
@@ -933,8 +948,8 @@
    moveUp() {
      const index = this.findIndexByEventValue(this.FormData, this.formDataRow.eventValue);
      if (index > 0) {
        // ä½¿ç”¨ splice æ–¹æ³•æ¥æ¨¡æ‹Ÿäº¤æ¢
        const temp = this.FormData.splice(index - 1, 1, this.FormData[index])[0]; // ç§»é™¤ index-1 çš„元素，并在相同位置插入 index çš„元素，返回被移除的元素
        // ä½¿ç”¨ splice æ¥æ¨¡æ‹Ÿäº¤æ¢
        const temp = this.FormData.splice(index - 1, 1, this.FormData[index])[0]; // ç§»é™¤ index-1 çš„元素 å¹¶åœ¨ç›¸åŒä½ç½®æ’å…¥ index çš„元素 è¿”回被移除的元素
        this.FormData.splice(index, 1, temp); // åœ¨ index ä½ç½®æ’入之前被移除的元素
      }
    },
@@ -1037,7 +1052,7 @@
    // æŒ‰é’®è®¾è®¡ä¿®æ”¹
    editClickBtnHandler() {
      if (func.isEmptyObject(this.nodeTreeRow)) {
        this.$message.error('请选择节点进行添加');
        this.$message.error('请选择节点进行修改');
        return;
      }

@@ -1060,6 +1075,7 @@

    // æŒ‰é’®è®¾è®¡ä¿å­˜
    saveClickBtnHandler() {
      this.dialogLoading = true;
      const saveFunction = this.saveType === 'add' ? addTapButton : updateTapButton;
      const bottomParams = {};
      if (this.paramsData.length > 0) {
@@ -1085,7 +1101,10 @@
          this.getTabBtnTree();
          this.basicForm = {};
          this.paramsData = [];
          this.dialogLoading = false;
        }
      }).catch(err => {
        this.dialogLoading = false;
      })
    },

@@ -1114,6 +1133,11 @@
        });
      });
    },

    // é€‰æ‹©action
    actionFoucus() {
      this.btnActionVisible = true;
    }
  }
}
</script>

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

@@ -28,16 +28,16 @@
        <el-tag v-else type="danger">未启用</el-tag>
      </template>
    </avue-crud>
    <bottom-table :sourceData="selectList[0]" :height="'280px'" style="margin-top: 15px;"></bottom-table>
    <bottom-table :height="'280px'" :sourceData="selectList[0]" style="margin-top: 15px;"></bottom-table>
    <!-- åˆ›å»ºç¼–辑自定义对话框    -->
    <el-dialog
      v-dialogDrag
      v-loading="dialogLoading"
      :close-on-click-modal="false"
      :title="dialogType === 'add' ? ' åˆ›å»º é¡µç­¾' : '编辑 é¡µç­¾'"
      :visible.sync="dialogVisible"
      append-to-body="true"
      class="avue-dialog"
      :close-on-click-modal="false"
      width="800px"
      @close="dialogClose"
    >
@@ -60,31 +60,33 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否启用" prop="plIsOpen">
              <el-switch v-model="form.plIsOpen" :active-value="1"  :inactive-value="0"   active-color="#13ce66"  inactive-color="#ff4949"></el-switch>
              <el-switch v-model="form.plIsOpen" :active-value="1" :inactive-value="0" active-color="#13ce66"
                         inactive-color="#ff4949"></el-switch>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="显示表达式：" prop="plOpenExpression">
          <el-input type="textarea" :rows="3" v-model="form.plOpenExpression"></el-input>
          <el-input v-model="form.plOpenExpression" :rows="3" type="textarea"></el-input>
        </el-form-item>
        <el-form-item label="国际化标准：" prop="plLabel">
          <el-input type="textarea" :rows="1" v-model="form.plLabel"></el-input>
          <el-input v-model="form.plLabel" :rows="1" type="textarea"></el-input>
        </el-form-item>
        <el-form-item label="描述：" prop="plDesc">
          <el-input type="textarea" :rows="1" v-model="form.plDesc"></el-input>
          <el-input v-model="form.plDesc" :rows="1" type="textarea"></el-input>
        </el-form-item>
        <el-form-item label="UI解析类：" prop="plUIParser">
          <el-input type="textarea" :rows="2" v-model="form.plUIParser"></el-input>
          <el-input v-model="form.plUIParser" :rows="2" type="textarea"></el-input>
        </el-form-item>
        <div class="tip">
          <div style="color: #D40000">示例：java_cs:xxx;java_bs:xxx;net_cs:xxx;net_bs:xxx;mobile_cs:xxx;mobile_bs:xxx;</div>
          <div style="color: #D40000">示例：java_cs:xxx;java_bs:xxx;net_cs:xxx;net_bs:xxx;mobile_cs:xxx;mobile_bs:xxx;
          </div>
          <div>1、用英文半角分号;分隔各组值。</div>
          <div>2、每组用英文半角冒号:分隔单一拓展属性名称及属性值。</div>
          <div>3、其中的xxx是各种解析类的完整类型名称（完全限定名）。</div>
          <div>4、输入时，不要敲回车换行。</div>
        </div>
        <el-form-item label="拓展属性：" prop="plExtAttr">
          <el-input type="textarea" :rows="2" v-model="form.plExtAttr"></el-input>
          <el-input v-model="form.plExtAttr" :rows="2" type="textarea"></el-input>
        </el-form-item>
        <div class="tip">
          <div style="color: #D40000">示例：ext1:xx;ext2:xx;ext3:xxx;ext4:xxx;extn:xxx</div>
@@ -114,51 +116,51 @@
import bottomTable from "./bottomTable/index";

export default {
name: "plShow",
  name: "plShow",
  props: {
    uiDefineData: {
      type: Object,
      default: {}
    },
  },
  components:{bottomTable},
  components: {bottomTable},
  data() {
    return {
      uiDefineOid:'',
      uiDefineOid: '',
      areaType: '',
      tableLoading: false,
      selectList: [],
      option: {
        ...basicOption,
        height:'300px',
        height: '300px',
        addBtn: false,
        editBtn: false,
        delBtn: false,
        index:false,
        menuWidth:160,
        align:'left',
        index: false,
        menuWidth: 160,
        align: 'left',
        column: [{
          label: '序号',
          prop: 'plSeq',
          width:60
          width: 60
        }, {
          label: '编码',
          prop: 'plCode',
          width:180
          width: 180
        }, {
          label: '名称',
          prop: 'plName',
          width:200
          width: 200
        }, {
          label: '是否启用',
          prop: 'plIsOpen',
          align:'center',
          align: 'center',
          width: 90
        }, {
          label: '显示表达式',
          prop: 'plOpenExpression',
          overHidden:true,
          width:300
          overHidden: true,
          width: 300
        }, {
          label: 'UI解析类',
          prop: 'plUIParser'
@@ -178,12 +180,12 @@
        plSeq: '',
        plCode: '',
        plName: '',
        plIsOpen:0,
        plOpenExpression:'',
        plLabel:'',
        plUIParser:'',
        plExtAttr:'',
        plDesc:''
        plIsOpen: 0,
        plOpenExpression: '',
        plLabel: '',
        plUIParser: '',
        plExtAttr: '',
        plDesc: ''
      },
      rules: {
        plName: [{
@@ -205,38 +207,38 @@
    }
  },
  watch: {
    uiDefineData:{
    uiDefineData: {
      handler(val) {
        if(val && val.plOId) {
        if (val && val.plOId) {
          if (val.plIsShowNavigator) {
            this.areaType = '1';
          }else if(val.plIsShowForm){
          } else if (val.plIsShowForm) {
            this.areaType = '2'
          }else{
          } else {
            this.areaType = '3'
          }
          this.getTableList()
        }
      },
      immediate: true,
      deep:true
      deep: true
    }
  },
  created() {
    this.uiDefineOid=this.$route.params.uiDefineOid;
    this.uiDefineOid = this.$route.params.uiDefineOid;
  },
  methods: {
    handleClick(tab, event) {
      this.getTableList()
    },
    getTableList(){
    getTableList() {
      const params = {
        contextId:this.uiDefineData.plOId,
        areaType:this.areaType
        contextId: this.uiDefineData.plOId,
        areaType: this.areaType
      }
      getTabByContextIdAndType( params).then(res => {
      getTabByContextIdAndType(params).then(res => {
        this.data = res.data.data;
        this.selectList=[];
        this.selectList = [];
        this.$refs.crud.clearSelection();
        this.tableLoading = false;
      })
@@ -259,29 +261,29 @@
      );
    },
    //创建
    addHandler(){
      this.form={
    addHandler() {
      this.form = {
        plSeq: '',
        plCode: '',
        plName: '',
        plIsOpen:0,
        plOpenExpression:'',
        plLabel:'',
        plUIParser:'',
        plExtAttr:'',
        plDesc:''
        plIsOpen: 0,
        plOpenExpression: '',
        plLabel: '',
        plUIParser: '',
        plExtAttr: '',
        plDesc: ''
      };
      this.dialogType = 'add';
      this.dialogVisible = true;
    },
    editHandler(){
      if(this.selectList.length!=0){
    editHandler() {
      if (this.selectList.length != 0) {
        this.rowEditBtnClick(this.selectList[0]);
      }else {
      } else {
        this.$message.error('请选择一条数据进行编辑');
      }
    },
    delHandler(){
    delHandler() {
      if (this.selectList.length <= 0) {
        this.$message.error('请至少选择一条数据');
        return;
@@ -309,7 +311,7 @@
    },
    // ç¼–辑按钮
    rowEditBtnClick(row) {
      this.form=row;
      this.form = row;
      this.dialogType = 'edit';
      this.dialogVisible = true;
    },
@@ -340,17 +342,17 @@
      this.form = {
        plName: '',
        plCode: '',
        plDesc:'',
        plDesc: '',
        plIsShow: [],
      }
    },
    // ä¿å­˜é¡µç­¾
    saveHandler() {
      this.$refs.form.validate((valid,done) => {
      this.$refs.form.validate((valid, done) => {
        if (valid) {
          const params = {
            plAreaType:parseInt(this.areaType),
            plContextOId:this.uiDefineData.plOId,
            plAreaType: parseInt(this.areaType),
            plContextOId: this.uiDefineData.plOId,
            ...this.form
          }
          if (this.dialogType === 'add') {
@@ -380,7 +382,7 @@
</script>

<style scoped>
.tip{
.tip {
  font-size: 12px;
  color: #909399;
  margin: -13px 0 10px 100px;