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

@@ -69,6 +69,18 @@
        </el-tooltip>
      </template>

      <template slot="uiParserLabel" slot-scope="{}">
        <el-tooltip placement="top">
          <div slot="content">示例：java_cs;xxx.java_bs;xxx.net_cs;xxxx.net_bs;xxx.mobile_cs;xx.mobile_bs;xxx;
            <br/>1、用英文半角分号;分割各组值；（这里结尾的是中文字符的分号）
            <br/>2、每组用英文半角冒号:分隔单一扩展属性名称及属性值；
            <br/>3、其中的xxx是各种解析类的完整类型名称（完全限定名)；
            <br/>4、输入时，不要敲回车换行;
          </div>
          <span>UI解析类型 <i class="el-icon-warning" style="color:red;"></i> </span>
        </el-tooltip>
      </template>

      <template slot="templateIdForm" slot-scope="{}">
        <el-select v-model="form.templateId" filterable placeholder="请选择">
          <el-option
@@ -76,6 +88,17 @@
            :key="item.viName"
            :label="item.viName"
            :value="item.viName">
          </el-option>
        </el-select>
      </template>

      <template slot="queryTemplateNameForm" slot-scope="{}">
        <el-select v-model="form.queryTemplateName" filterable placeholder="请选择">
          <el-option
            v-for="item in queryTemplateNameList"
            :key="item.qtName"
            :label="item.qtName"
            :value="item.qtName">
          </el-option>
        </el-select>
      </template>
@@ -240,7 +263,8 @@
  joinBtn,
  exitBtn,
  updatePageDefination,
  getPortalVIDatasByPage
  getPortalVIDatasByPage,
  getQTInfoDatasByPage
} from "@/api/UI/uiDefine";
import actionDialog from '@/views/modelingMenu/ui/Aciton/components/dialog';
import cloneDialog from "@/views/modelingMenu/ui/uiDefine/rightRegion/cloneDialog";
@@ -264,8 +288,11 @@
  name: "index",
  data() {
    return {
      queryTemplateNameList: [],
      templateIdList: [],
      searchTargerChangeFlag: false,
      showTypeChangeFlag: false,
      linkTypeChangeFlag: false,
      formBtnOid: '',
      sourceBtnOid: '',
      sourceOId: '',
@@ -274,7 +301,7 @@
      eventOption: {
        ...basicOption,
        addBtn: false,
        // editBtn: false,
        editBtn: false,
        delBtn: false,
        refreshBtn: false,
        highlightCurrentRow: true,
@@ -387,6 +414,7 @@
      data: [],
      option: {
        ...basicOption,
        size:'mini',
        height: this.height,
        addBtn: false,
        index: true,
@@ -397,6 +425,7 @@
          {
            label: '名称',
            prop: 'name',
            labelWidth: 110,
            rules: [
              {
                required: true,
@@ -408,6 +437,7 @@
          {
            label: '编号',
            prop: 'seq',
            labelWidth: 110,
            hide: false,
            rules: [
              {
@@ -418,19 +448,28 @@
            ],
          },
          {
            label: 'UI解析类型',
            label: '',
            prop: 'uiParser',
            hide: true,
            labelWidth: 110,
          },
          {
            label: '',
            prop: 'extAttr',
            hide: true,
            labelWidth: 110,
          },
          {
            label: '描述',
            prop: 'description',
            labelWidth: 110,
            hide: false,
          },
          {
            label: '模板类型',
            prop: 'templateType',
            type: 'radio',
            labelWidth: 110,
            span: 24,
            value: '1',
            dicData: [
@@ -468,7 +507,7 @@
              // list.forEach(item => {
              //   this.form[item] = "";
              // })
              this.form.searchTarger = '1'
              // this.form.searchTarger = '1'
              const searchTarger = this.option.column.find(item => item.prop === 'searchTarger');  // 获取搜索类型配置项
              searchTarger.display = true; // 切换默认展示搜索类型
              // 模板类型为表格
@@ -489,6 +528,7 @@
            label: '显示类型',
            prop: 'navigatorType',
            type: 'radio',
            labelWidth: 110,
            span: 24,
            value: '1',
            hide: true,
@@ -511,6 +551,7 @@
            label: '搜索类型',
            prop: 'searchTarger',
            display: true,
            labelWidth: 110,
            type: 'radio',
            value: '1',
            span: 24,
@@ -533,6 +574,7 @@
                const obj = this.option.group[0].column.find(item => item.prop === 'linkType');
                obj.display = val.value !== '1';
              }

              if (this.searchTargerChangeFlag) {
                // 切换清空模板类型
                const list = ['showType', 'linkType', 'templateId', 'SubUILayout', 'queryTemplateName', 'searchObjType', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl'];
@@ -544,35 +586,49 @@
              }
            }
          },
          {
            label: '描述',
            prop: 'description',
            display: false
          },
        ],
        group: [
          {
            label: '',
            arrow: false,
            icon:'el-icon-info',
            label:'',
            arrow: true,
            prop: 'group1',
            column: [
              {
                label: '源对象',
                prop: 'showType',
                type: 'select',
                cascader: ['linkType', 'templateId', 'SubUILayout', 'searchObjType', 'queryTemplateName'],
                labelWidth: 115,
                cascader: ['linkType', 'SubUILayout', 'searchObjType'],
                placeholder: "请输入内容",
                dicUrl: '/api/uiManagerController/getBtmDatasByPage?page=1&limit=-1',
                filterable: true,
                change: (val) => {
                  console.log('val', val);
                  if (val) {
                  console.log('showTypeChangeFlag',this.showTypeChangeFlag)
                  if (val.value) {
                    let params = {
                      'conditionMap[selectBtmType]': this.form.searchTarger === '1' ? this.form.showType : this.form.linkType
                    }
                    getPortalVIDatasByPage(1, -1, params).then(res => {
                      this.templateIdList = res.data.data;
                    })
                    getQTInfoDatasByPage(1, -1, params).then(res => {
                      this.queryTemplateNameList = res.data.data;
                    })
                  }
                  if (this.showTypeChangeFlag) {
                    if (val.value) {
                      if (this.form.searchTarger === '1') {
                        this.form.templateId = "";
                        this.form.queryTemplateName = "";
                      } else {
                        this.form.linkType = "";
                        this.form.templateId = "";
                        this.form.queryTemplateName = "";
                      }
                    }
                  } else {
                    this.showTypeChangeFlag = true;
                  }
                },
                props: {
@@ -593,6 +649,7 @@
                prop: 'linkType',
                type: 'select',
                display: false,
                labelWidth: 115,
                filterable: true,
                props: {
                  label: 'name',
@@ -600,10 +657,32 @@
                  desc: 'tag'
                },
                dicUrl: '/api/uiManagerController/getLinkDatasByPage?page=1&limit=-1&conditionMap[selectBtmType]={{key}}',
                change: (val) => {
                  if (val.value) {
                    let params = {
                      'conditionMap[selectBtmType]': val.value
                    }
                    getPortalVIDatasByPage(1, -1, params).then(res => {
                      this.templateIdList = res.data.data;
                    })
                    getQTInfoDatasByPage(1, -1, params).then(res => {
                      this.queryTemplateNameList = res.data.data;
                    })
                  }
                  if (this.linkTypeChangeFlag) {
                    if (val.value) {
                      this.form.templateId = "";
                      this.form.queryTemplateName = "";
                    }
                  } else {
                    this.linkTypeChangeFlag = true;
                  }
                }
              },
              {
                label: '选择模板',
                prop: 'templateId',
                labelWidth: 115,
                display: false,
                formslot: true,
                rules: [
@@ -618,6 +697,7 @@
                label: 'UI定义',
                prop: 'SubUILayout',
                type: 'select',
                labelWidth: 115,
                filterable: true,
                display: false,
                props: {
@@ -632,6 +712,7 @@
                display: false,
                value: '1',
                type: 'radio',
                labelWidth: 115,
                span: 24,
                dicData: [
                  {
@@ -649,7 +730,7 @@
                prop: 'searchObjType',
                type: 'select',
                display: false,
                labelWidth: 100,
                labelWidth: 115,
                props: {
                  label: 'qtName',
                  value: 'qtName',
@@ -660,19 +741,15 @@
              {
                label: '查询模板',
                prop: 'queryTemplateName',
                labelWidth: 115,
                type: 'select',
                filterable: true,
                display: false,
                props: {
                  label: 'qtName',
                  value: 'qtName',
                  desc: 'btmName'
                },
                dicUrl: '/api/uiManagerController/getQTInfoDatasByPage?page=1&limit=-1&conditionMap[selectBtmType]={{key}}',
                formslot: true,
              },
              {
                label: '控制路径',
                prop: 'controlPath',
                labelWidth: 115,
                display: false,
                type: 'textarea',
                span: 24,
@@ -681,18 +758,20 @@
              {
                label: '树结构展开列',
                prop: 'expandCols',
                labelWidth: 110,
                labelWidth: 115,
                display: false,
                span: 12
              },
              {
                label: '参照树设置',
                prop: 'showLinkAbs',
                labelWidth: 115,
                display: false,
              },
              {
                label: '分隔符',
                prop: 'separator',
                labelWidth: 115,
                display: false,
              },
              {
@@ -700,6 +779,7 @@
                prop: 'expandMode',
                display: false,
                type: 'radio',
                labelWidth: 115,
                value: '1',
                dicData: [
                  {
@@ -713,20 +793,6 @@
                ]
              },
              {
                label: '根节点显示表达式',
                prop: 'rootContent',
                display: false,
                labelWidth: 135,
                span: 12
              },
              {
                label: '树节点显示表达式',
                prop: 'showAbs',
                display: false,
                labelWidth: 135,
                span: 12
              },
              {
                label: 'B/S自定义查询',
                prop: 'bsCustQueryCLsOrUrl',
                display: false,
@@ -738,6 +804,20 @@
                prop: 'csCustQueryCLsOrUrl',
                display: false,
                labelWidth: 115,
                span: 12
              },
              {
                label: '根节点显示表达式',
                prop: 'rootContent',
                display: false,
                labelWidth: 135,
                span: 12
              },
              {
                label: '树节点显示表达式',
                prop: 'showAbs',
                display: false,
                labelWidth: 135,
                span: 12
              },
            ]
@@ -837,6 +917,8 @@
    // 增加关闭对话框 清空event数组
    beforeClose(done) {
      this.eventData = [];
      this.showTypeChangeFlag = false;
      this.linkTypeChangeFlag = false;
      done();
    },

@@ -856,6 +938,8 @@
          };
        });
      }
      console.log('row',row);
      this.searchTargerChangeFlag = false;
      this.$refs.crud.rowEdit(row);
    },