From b027a6a6749f51b45fb0593b260a1d4d9cd77932 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期三, 04 十二月 2024 11:40:16 +0800
Subject: [PATCH] 表单定义切换源对象清空选择模板、查询模板&&切换搜索类型清空链接类型、选择模板、查询模板

---
 Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue |  558 ++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 321 insertions(+), 237 deletions(-)

diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue
index 37e2e11..b035270 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue
@@ -3,13 +3,13 @@
     <avue-crud
       ref="crud"
       v-model="form"
+      :before-close="beforeClose"
+      :before-open="beforeOpen"
       :data="data"
       :option="option"
       :table-loading="tableLoading"
-      @row-del="rowDelHandler"
       @row-save="rowSaveHandler"
       @row-update="rowUpdateHandler"
-      @refresh-change="handleRefresh"
       @selection-change="selectChangeHandler"
       @row-click="rowClickHandler">
       <template slot="menuLeft" slot-scope="scope">
@@ -25,6 +25,8 @@
         <el-button icon="el-icon-edit" size="small" type="text" @click="editBtnClick(scope.row)">缂栬緫
         </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>
       </template>
 
@@ -46,7 +48,6 @@
         </avue-crud>
       </template>
 
-
       <!-- 鍒囨崲鎼滅储绫诲瀷 婧愬璞� 鐩爣瀵硅薄鏄剧ずlabel鍒囨崲 -->
       <template slot="showTypeLabel" slot-scope="{}">
         <span v-if="form.templateType === '3'">椤剁骇鑺傜偣</span>
@@ -54,6 +55,52 @@
         <span v-else-if="form.templateType === '6'">瀵硅薄绫诲瀷</span>
         <span v-else-if="form.searchTarger === '1'">婧愬璞�</span>
         <span v-else-if="form.searchTarger === '2'">鐩爣瀵硅薄</span>
+      </template>
+
+      <template slot="extAttrLabel" slot-scope="{}">
+        <el-tooltip placement="top">
+          <div slot="content">绀轰緥:ext1:xx;ext2;ext3:xx;ext4:xxx;extn:xxx;
+            <br/>1銆佺敤鑻变氦鍗婅鍒嗗彿:鍒嗛殧鍚勭粍鍊�;
+            <br/>2銆佹瘡缁勭敤鑻变氦鍗婅鍐掑彿:鍒嗛殧鍗曚竴鎵╁睍灞炴�у悕绉板強灞炴�у��;
+            <br/>3銆佸彲浠ュ畾涔変换鎰忕粍锛屼絾鎬诲瓧绗﹂暱搴︿笉寰楄秴杩�4000;
+            <br/>4銆佽緭鍏ユ椂锛屼笉瑕佹暡鍥炶溅鎹㈣;
+          </div>
+          <span>鎵╁睍灞炴�� <i class="el-icon-warning" style="color:red;"></i> </span>
+        </el-tooltip>
+      </template>
+
+      <template slot="uiParserLabel" slot-scope="{}">
+        <el-tooltip placement="top">
+          <div slot="content">绀轰緥锛歫ava_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瑙f瀽绫诲瀷 <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
+            v-for="item in templateIdList"
+            :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>
     </avue-crud>
     <el-dialog
@@ -77,9 +124,9 @@
             </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">澶嶅埗鍒板叾浠栫粍浠�</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>
         <el-container>
@@ -133,7 +180,7 @@
                   </el-form-item>
 
                   <el-col :span="12">
-                    <el-form-item label="鏄惁鎺堟潈锛�" prop="resource">
+                    <el-form-item label="鏄惁鎺堟潈锛�" prop="authorization">
                       <el-radio v-model="basicForm.authorization" :disabled="disabledBtn" label="0">鏄�</el-radio>
                       <el-radio v-model="basicForm.authorization" :disabled="disabledBtn" label="1">鍚�</el-radio>
                     </el-form-item>
@@ -195,6 +242,10 @@
       </el-container>
     </el-dialog>
     <action-dialog ref="actionDialog" @updataAction="actionSaveHandler"></action-dialog>
+    <clone-dialog ref="cloneDialog" :fromOid="fromOid" :sourceOId="sourceOId" paramsType="tab"
+                  type="pageDef"></clone-dialog>
+    <clone-dialog ref="cloneBtnDialog" :fromOid="formBtnOid" :sourceOId="sourceBtnOid" paramsType="pageDef"
+                  type="tabButton"></clone-dialog>
   </div>
 </template>
 
@@ -203,16 +254,20 @@
 import func from "@/util/func";
 import {
   getPLPageDefinations,
-  getBtmDatasByPage,
-  getPortalVIDatasByPage,
-  getQTInfoDatasByPage,
   getTabButtons,
   addTapButton,
   updateTapButton,
-  getLinkDatasByPage,
-  addPageDefination
+  addPageDefination,
+  deleteTabButton,
+  delPageDefination,
+  joinBtn,
+  exitBtn,
+  updatePageDefination,
+  getPortalVIDatasByPage,
+  getQTInfoDatasByPage
 } from "@/api/UI/uiDefine";
-import actionDialog from '@/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/components/action';
+import actionDialog from '@/views/modelingMenu/ui/Aciton/components/dialog';
+import cloneDialog from "@/views/modelingMenu/ui/uiDefine/rightRegion/cloneDialog";
 
 export default {
   props: {
@@ -227,11 +282,21 @@
     }
   },
   components: {
-    actionDialog
+    actionDialog,
+    cloneDialog
   },
   name: "index",
   data() {
     return {
+      queryTemplateNameList: [],
+      templateIdList: [],
+      searchTargerChangeFlag: false,
+      showTypeChangeFlag: false,
+      linkTypeChangeFlag: false,
+      formBtnOid: '',
+      sourceBtnOid: '',
+      sourceOId: '',
+      fromOid: '',
       paramsForm: {},
       eventOption: {
         ...basicOption,
@@ -380,12 +445,13 @@
             ],
           },
           {
-            label: 'UI瑙f瀽绫诲瀷',
+            label: '',
             prop: 'uiParser',
             hide: true,
+            labelWidth: 100,
           },
           {
-            label: '鎵╁睍灞炴��',
+            label: '',
             prop: 'extAttr',
             hide: true,
           },
@@ -426,10 +492,11 @@
               return val;
             },
             change: (val) => {
-              const list = ['showType' ,'linkType' ,'templateId', 'SubUILayout' , 'searchObjType' ,'queryTemplateName', 'controlPath' ,'expandCols', 'rootContent', 'showAbs' ,'showLinkAbs' ,'separator']
-              list.forEach(item => {
-                this.form[item] = "";
-              })
+              const list = ['showType', 'linkType', 'templateId', 'SubUILayout', 'searchObjType', 'queryTemplateName', 'controlPath', 'expandCols', 'rootContent', 'showAbs', 'showLinkAbs', 'separator']
+              // list.forEach(item => {
+              //   this.form[item] = "";
+              // })
+              // this.form.searchTarger = '1'
               const searchTarger = this.option.column.find(item => item.prop === 'searchTarger');  // 鑾峰彇鎼滅储绫诲瀷閰嶇疆椤�
               searchTarger.display = true; // 鍒囨崲榛樿灞曠ず鎼滅储绫诲瀷
               // 妯℃澘绫诲瀷涓鸿〃鏍�
@@ -456,7 +523,7 @@
             dicData: [
               {
                 label: '涓嶆樉绀�',
-                value: '3'
+                value: '1'
               },
               {
                 label: '鏄剧ず瑙掕壊',
@@ -464,7 +531,7 @@
               },
               {
                 label: '鏄剧ずFolder',
-                value: '1',
+                value: '3',
               },
             ],
           },
@@ -494,11 +561,16 @@
                 const obj = this.option.group[0].column.find(item => item.prop === 'linkType');
                 obj.display = val.value !== '1';
               }
-              // 鍒囨崲娓呯┖妯℃澘绫诲瀷
-              const list = ['showType', 'linkType', 'templateId', 'SubUILayout', 'queryTemplateName', 'searchObjType'];
-              list.forEach(item => {
-                this.form[item] = '';
-              })
+
+              if (this.searchTargerChangeFlag) {
+                // 鍒囨崲娓呯┖妯℃澘绫诲瀷
+                const list = ['showType', 'linkType', 'templateId', 'SubUILayout', 'queryTemplateName', 'searchObjType', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl'];
+                list.forEach(item => {
+                  this.form[item] = '';
+                })
+              } else {
+                this.searchTargerChangeFlag = true;
+              }
             }
           },
           {
@@ -516,12 +588,42 @@
               {
                 label: '婧愬璞�',
                 prop: 'showType',
-                type: 'table',
-                display: false,
+                type: 'select',
+                cascader: ['linkType', 'SubUILayout', 'searchObjType'],
                 placeholder: "璇疯緭鍏ュ唴瀹�",
+                dicUrl: '/api/uiManagerController/getBtmDatasByPage?page=1&limit=-1',
+                filterable: true,
+                change: (val) => {
+                  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: {
                   label: 'name',
-                  value: 'name'
+                  value: 'name',
+                  desc: 'label'
                 },
                 rules: [
                   {
@@ -530,81 +632,46 @@
                     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鎼滅储 鎴栬�卾alue鍒濇鍔犺浇灏变細閲嶅璇锋眰
-                  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}}',
+                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',
                 display: false,
-                type: 'table',
+                formslot: true,
                 rules: [
                   {
                     required: true,
@@ -612,73 +679,18 @@
                     trigger: 'submit'
                   }
                 ],
-                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
-                      })
-                    })
-                  }
-                },
               },
               {
                 label: 'UI瀹氫箟',
                 prop: 'SubUILayout',
-                type: 'table',
+                type: 'select',
+                filterable: true,
                 display: false,
                 props: {
-                  label: 'qtName',
-                  value: 'qtName'
+                  label: 'plName',
+                  value: 'plCode',
                 },
-                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: '鏌ヨ绫诲瀷',
@@ -701,75 +713,22 @@
               {
                 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',
                 display: false,
-                props: {
-                  label: 'qtName',
-                  value: 'qtName'
-                },
-                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
-                      })
-                    })
-                  }
-                },
+                formslot: true,
               },
               {
                 label: '鎺у埗璺緞',
@@ -801,7 +760,7 @@
                 prop: 'expandMode',
                 display: false,
                 type: 'radio',
-                value:'1',
+                value: '1',
                 dicData: [
                   {
                     label: '閫愮骇灞曞紑',
@@ -825,6 +784,20 @@
                 prop: 'showAbs',
                 display: false,
                 labelWidth: 135,
+                span: 12
+              },
+              {
+                label: 'B/S鑷畾涔夋煡璇�',
+                prop: 'bsCustQueryCLsOrUrl',
+                display: false,
+                labelWidth: 115,
+                span: 12
+              },
+              {
+                label: 'C/S鑷畾涔夋煡璇�',
+                prop: 'csCustQueryCLsOrUrl',
+                display: false,
+                labelWidth: 115,
                 span: 12
               },
             ]
@@ -854,7 +827,7 @@
     sourceData: {
       handler(val) {
         if (val && val.plOId) {
-          this.getTableList()
+          this.getTableList();
         } else {
           this.data = [];
         }
@@ -877,6 +850,7 @@
         this.tableLoading = false;
       })
     },
+
     // 鏍规嵁涓嶅悓鍊煎尯鍒嗙被鍨�
     templateTypeValueHandler(val) {
       const componentMap = {
@@ -913,7 +887,6 @@
 
     // 澧炲姞
     addClickHandler() {
-      console.log(this.sourceData);
       if (!this.sourceData || !this.sourceData.plOId) {
         this.$message.error('璇峰湪涓婃柟閫夋嫨涓�鏉℃暟鎹悗杩涜娣诲姞');
         return;
@@ -921,9 +894,14 @@
       this.$refs.crud.rowAdd();
     },
 
+    // 澧炲姞鍏抽棴瀵硅瘽妗� 娓呯┖event鏁扮粍
+    beforeClose(done) {
+      this.eventData = [];
+      done();
+    },
+
     // 淇敼
     editBtnClick(row) {
-      console.log(row);
       this.eventData = [];
       if (row.eventKey && row.eventValue) {
         let keys = row.eventKey.split(',');
@@ -938,27 +916,71 @@
           };
         });
       }
+      this.searchTargerChangeFlag = false;
       this.$refs.crud.rowEdit(row);
     },
 
+    // 鍒犻櫎
+    rowDeleteHandler(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: '宸插彇娑堝垹闄�'
+        });
+      });
+    },
+
     // 淇濆瓨
-    rowSaveHandler(row,done,loading){
-      if(row.templateType === '6'){
+    rowSaveHandler(row, done, loading) {
+      if (row.templateType === '6') {
         row.SubUIObjType = row.showType;
         row.showType = "";
       }
-      console.log(this.sourceData);
       const params = {
         ...row,
-        tabPageOId:this.sourceData.plOId
+        tabPageOId: this.sourceData.plOId
       }
       addPageDefination(params).then(res => {
-        console.log(res);
-        if(res.data.code === 200){
+        if (res.data.code === 200) {
           this.$message.success(res.data.obj);
-          done()
+          this.getTableList();
+          done();
         }
-      }).catch(err=> {
+      }).catch(err => {
+        loading();
+      })
+    },
+
+    rowUpdateHandler(row, index, done, loading) {
+      if (row.templateType === '6') {
+        row.SubUIObjType = row.showType;
+        row.showType = "";
+      }
+      const params = {
+        ...row,
+        tabPageOId: this.sourceData.plOId
+      }
+      updatePageDefination(params).then(res => {
+        if (res.data.code === 200) {
+          this.$message.success(res.data.obj);
+          this.getTableList();
+          done();
+        }
+      }).catch(err => {
         loading();
       })
     },
@@ -1014,7 +1036,7 @@
     // 妯℃澘绫诲瀷涓鸿〃鏍�
     templateTypeTable(val) {
       if (!val) return;
-      this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName']);
+      this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']);
     },
 
     // 妯℃澘绫诲瀷涓鸿嚜瀹氫箟妯℃澘
@@ -1028,13 +1050,13 @@
     // 妯℃澘绫诲瀷涓烘爲琛�
     templateTypeTreeTable(val) {
       if (!val) return;
-      this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName', 'expandCols', 'zkfs']);
+      this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName', 'expandCols', 'expandMode', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']);
     },
 
     // 妯℃澘绫诲瀷涓鸿〃鍗�
     templateTypeForm(val) {
       if (!val) return;
-      this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName']);
+      this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']);
     },
 
     // 妯℃澘绫诲瀷涓烘爲
@@ -1042,7 +1064,7 @@
       if (!val) return;
       const searchTarger = this.option.column.find(item => item.prop === 'searchTarger');  // 鑾峰彇鎼滅储绫诲瀷閰嶇疆椤�
       searchTarger.display = false; // 涓嶅睍绀烘悳绱㈢被鍨�
-      this.updateDisplay(val, ['showType', 'queryTemplateName', 'rootContent', 'showAbs', 'showLinkAbs', 'separator', 'expandMode', 'linkType']);
+      this.updateDisplay(val, ['showType', 'queryTemplateName', 'rootContent', 'showAbs', 'showLinkAbs', 'separator', 'expandMode', 'linkType', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']);
     },
 
     // 妯℃澘绫诲瀷涓篣I瀹氫箟
@@ -1050,7 +1072,7 @@
       if (!val) return;
       const searchTarger = this.option.column.find(item => item.prop === 'searchTarger');  // 鑾峰彇鎼滅储绫诲瀷閰嶇疆椤�
       searchTarger.display = false; // 涓嶅睍绀烘悳绱㈢被鍨�
-      this.updateDisplay(val, ['showType', 'SubUILayout', 'searchType', 'searchObjType', 'queryTemplateName']);
+      this.updateDisplay(val, ['showType', 'SubUILayout', 'searchType', 'searchObjType', 'queryTemplateName', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']);
     },
 
     // 鏌ユ壘鏁扮粍涓璞$储寮�
@@ -1078,11 +1100,6 @@
       }
     },
 
-    // 鎸夐挳璁捐鍏抽棴瀵硅瘽妗�
-    dialogClose() {
-
-    },
-
     // 鎸夐挳璁捐
     btnDesignClickHandler() {
       if (this.selectList.length != 1) {
@@ -1090,6 +1107,7 @@
         return;
       }
       this.btnDesignVisible = true;
+      this.formBtnOid = this.selectList[0].id;
       this.getTabBtnTree();
     },
 
@@ -1105,6 +1123,7 @@
           this.treeData = [{
             label: this.selectList[0].name,
             oId: 'parentNode',
+            disabled: true,
             children: data
           }];
           this.treeLoading = false;
@@ -1132,7 +1151,7 @@
 
     // 鎸夐挳璁捐淇℃伅鍙傛暟淇℃伅淇敼
     paramsRowEditHandler(row) {
-      this.$refs.paramsCrud.rowEdit(row);
+      this.$refs.paramsCrud.rowEdit(row, row.$index);
     },
 
     // 鎸夐挳璁捐鍙傛暟淇℃伅娣诲姞鎸夐挳
@@ -1208,12 +1227,12 @@
           bottomParams[item.name] = item.value
         })
       }
-      ;
 
       const params = this.saveType === 'add' ? {
         ...this.basicForm,
         parentId: this.nodeTreeRow.oId === 'parentNode' ? '' : this.nodeTreeRow.parentId,
-        buttonParams: bottomParams
+        buttonParams: bottomParams,
+        tableOId: this.selectList[0].id
       } : {
         ...this.basicForm,
         buttonParams: bottomParams
@@ -1250,7 +1269,14 @@
         cancelButtonText: '鍙栨秷',
         type: 'warning'
       }).then(() => {
-
+        deleteTabButton(this.nodeTreeRow).then(res => {
+          if (res.data.code === 200) {
+            this.$message.success('鍒犻櫎鎴愬姛');
+            this.getTabBtnTree();
+            this.basicForm = {};
+            this.paramsData = [];
+          }
+        })
       }).catch(() => {
         this.$message({
           type: 'info',
@@ -1259,17 +1285,75 @@
       });
     },
 
+    // 澶嶅埗鍒板叾浠栫粍浠�
+    cloneClickBtnHandler() {
+      if (func.isEmptyObject(this.nodeTreeRow)) {
+        this.$message.error('璇烽�夋嫨鑺傜偣杩涜澶嶅埗');
+        return;
+      }
+      if (this.nodeTreeRow.oId === "parentNode") {
+        this.$message.error('椤跺眰鑺傜偣涓嶅厑璁稿鍒�');
+        return;
+      }
+      this.sourceBtnOid = this.nodeTreeRow.oId;
+      this.$refs.cloneBtnDialog.openDialog(this.nodeTreeRow);
+    },
+
     // 閫夋嫨action
     actionFoucus() {
-      this.$refs.actionDialog.btnActionVisible = true;
+      this.$refs.actionDialog.openDialog();
     },
 
     // 淇濆瓨action
     actionSaveHandler(val) {
       this.$set(this.basicForm, 'actionName', val.plName);
       this.$set(this.basicForm, 'actionOId', val.plOId);
+    },
+
+    // 鎵撳紑鍏嬮殕瀵硅瘽妗�
+    rowCloneHandler(row) {
+      this.fromOid = this.sourceData.plOId;
+      this.sourceOId = row.id;
+      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 => {
+        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>
 

--
Gitblit v1.9.3