From b2a42ff8e82cc0f7098031588e28eb68d506ce9f Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期日, 29 九月 2024 17:06:19 +0800
Subject: [PATCH] 整合代码

---
 Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue |  172 +++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 131 insertions(+), 41 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 bba8a82..37e2e11 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
@@ -21,6 +21,13 @@
         </el-button>
       </template>
 
+      <template slot="menu" slot-scope="scope">
+        <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>
+      </template>
+
       <!-- eventKey浠ュ強eventValue鏄剧ず鍖哄煙 -->
       <template slot="bottomValueForm" slot-scope="scope">
         <avue-crud
@@ -201,7 +208,9 @@
   getQTInfoDatasByPage,
   getTabButtons,
   addTapButton,
-  updateTapButton, getTabByContextIdAndType
+  updateTapButton,
+  getLinkDatasByPage,
+  addPageDefination
 } from "@/api/UI/uiDefine";
 import actionDialog from '@/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/components/action';
 
@@ -223,7 +232,7 @@
   name: "index",
   data() {
     return {
-      paramsForm:{},
+      paramsForm: {},
       eventOption: {
         ...basicOption,
         addBtn: false,
@@ -344,6 +353,8 @@
         addBtn: false,
         index: true,
         calcHeight: -30,
+        editBtn: false,
+        delBtn: false,
         column: [
           {
             label: '鍚嶇О',
@@ -415,7 +426,10 @@
               return val;
             },
             change: (val) => {
-              console.log(val);
+              const list = ['showType' ,'linkType' ,'templateId', 'SubUILayout' , 'searchObjType' ,'queryTemplateName', 'controlPath' ,'expandCols', 'rootContent', 'showAbs' ,'showLinkAbs' ,'separator']
+              list.forEach(item => {
+                this.form[item] = "";
+              })
               const searchTarger = this.option.column.find(item => item.prop === 'searchTarger');  // 鑾峰彇鎼滅储绫诲瀷閰嶇疆椤�
               searchTarger.display = true; // 鍒囨崲榛樿灞曠ず鎼滅储绫诲瀷
               // 妯℃澘绫诲瀷涓鸿〃鏍�
@@ -442,7 +456,7 @@
             dicData: [
               {
                 label: '涓嶆樉绀�',
-                value: '1'
+                value: '3'
               },
               {
                 label: '鏄剧ず瑙掕壊',
@@ -450,7 +464,7 @@
               },
               {
                 label: '鏄剧ずFolder',
-                value: '3',
+                value: '1',
               },
             ],
           },
@@ -480,6 +494,11 @@
                 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] = '';
+              })
             }
           },
           {
@@ -504,6 +523,13 @@
                   label: 'name',
                   value: 'name'
                 },
+                rules: [
+                  {
+                    required: true,
+                    message: '璇烽�夋嫨鍐呭',
+                    trigger: 'change'
+                  }
+                ],
                 children: {
                   border: true,
                   column: [{
@@ -516,12 +542,18 @@
                     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]": value ? value.name : ''
+                      "conditionMap[filterInputValue]": data ? data.name : ''
                     };
                     getBtmDatasByPage(page.currentPage, page.pageSize, params).then(res => {
                       callback({
@@ -538,8 +570,8 @@
                 type: 'table',
                 display: false,
                 props: {
-                  label: 'viName',
-                  value: 'viName'
+                  label: 'name',
+                  value: 'name'
                 },
                 children: {
                   border: true,
@@ -547,19 +579,18 @@
                     label: '鍚嶇О',
                     search: true,
                     searchSpan: 24,
-                    prop: 'viName'
+                    prop: 'name'
                   }, {
-                    label: '绫诲瀷',
-                    prop: 'viType'
+                    label: '鏍囩',
+                    prop: 'tag'
                   }],
                 },
                 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 => {
+                    getLinkDatasByPage(page.currentPage, page.pageSize, params).then(res => {
                       console.log(res);
                       callback({
                         total: res.data.total,
@@ -571,9 +602,16 @@
               },
               {
                 label: '閫夋嫨妯℃澘',
-                prop: 'showTypea',
+                prop: 'templateId',
                 display: false,
                 type: 'table',
+                rules: [
+                  {
+                    required: true,
+                    message: '璇烽�夋嫨妯℃澘',
+                    trigger: 'submit'
+                  }
+                ],
                 props: {
                   label: 'viName',
                   value: 'viName'
@@ -608,7 +646,7 @@
               },
               {
                 label: 'UI瀹氫箟',
-                prop: 'UI',
+                prop: 'SubUILayout',
                 type: 'table',
                 display: false,
                 props: {
@@ -646,6 +684,7 @@
                 label: '鏌ヨ绫诲瀷',
                 prop: 'searchType',
                 display: false,
+                value: '1',
                 type: 'radio',
                 span: 24,
                 dicData: [
@@ -684,10 +723,10 @@
                 onLoad: ({page, value, data}, callback) => {
                   if (page) {
                     const params = {
-                      "conditionMap[selectBtmType]": this.form.showType,
-                      "conditionMap[filterInputValue]": data ? data.qtName : '',
+                      "conditionMap[selectBtmType]": null, // cs绔湁闂 鏆傛椂涓嶅睍绀哄唴瀹�
                     };
-                    getQTInfoDatasByPage(page.currentPage, page.pageSize, params).then(res => {
+                    getLinkDatasByPage(page.currentPage, page.pageSize, params).then(res => {
+                      console.log(res);
                       callback({
                         total: res.data.total,
                         data: res.data.data
@@ -698,7 +737,7 @@
               },
               {
                 label: '鏌ヨ妯℃澘',
-                prop: 'showTypes',
+                prop: 'queryTemplateName',
                 type: 'table',
                 display: false,
                 props: {
@@ -734,40 +773,35 @@
               },
               {
                 label: '鎺у埗璺緞',
-                prop: 'kzlj',
+                prop: 'controlPath',
                 display: false,
                 type: 'textarea',
+                span: 24,
                 rows: 3
               },
               {
-                label: '鏍硅妭鐐规樉绀鸿〃杈惧紡',
-                prop: 'genjiedian',
+                label: '鏍戠粨鏋勫睍寮�鍒�',
+                prop: 'expandCols',
+                labelWidth: 110,
                 display: false,
-                labelWidth: 135,
-                span: 24
-              },
-              {
-                label: '鏍戣妭鐐规樉绀鸿〃杈惧紡',
-                prop: 'shujiedian',
-                display: false,
-                labelWidth: 135,
-                span: 24
+                span: 12
               },
               {
                 label: '鍙傜収鏍戣缃�',
-                prop: 'canzhaoshu',
+                prop: 'showLinkAbs',
                 display: false,
               },
               {
                 label: '鍒嗛殧绗�',
-                prop: 'fgf',
+                prop: 'separator',
                 display: false,
               },
               {
                 label: '灞曞紑鏂瑰紡',
-                prop: 'zkfs',
+                prop: 'expandMode',
                 display: false,
                 type: 'radio',
+                value:'1',
                 dicData: [
                   {
                     label: '閫愮骇灞曞紑',
@@ -775,9 +809,23 @@
                   },
                   {
                     label: '鍏ㄩ儴灞曞紑',
-                    value: '2'
+                    value: '0'
                   }
                 ]
+              },
+              {
+                label: '鏍硅妭鐐规樉绀鸿〃杈惧紡',
+                prop: 'rootContent',
+                display: false,
+                labelWidth: 135,
+                span: 12
+              },
+              {
+                label: '鏍戣妭鐐规樉绀鸿〃杈惧紡',
+                prop: 'showAbs',
+                display: false,
+                labelWidth: 135,
+                span: 12
               },
             ]
           },
@@ -873,6 +921,48 @@
       this.$refs.crud.rowAdd();
     },
 
+    // 淇敼
+    editBtnClick(row) {
+      console.log(row);
+      this.eventData = [];
+      if (row.eventKey && row.eventValue) {
+        let keys = row.eventKey.split(',');
+        let values = row.eventValue.split(',');
+
+        this.eventData = keys.map((key, index) => {
+          return {
+            index: this.eventData.length,
+            eventKey: key.trim(),
+            eventValue: values[index],
+            $cellEdit: true
+          };
+        });
+      }
+      this.$refs.crud.rowEdit(row);
+    },
+
+    // 淇濆瓨
+    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
+      }
+      addPageDefination(params).then(res => {
+        console.log(res);
+        if(res.data.code === 200){
+          this.$message.success(res.data.obj);
+          done()
+        }
+      }).catch(err=> {
+        loading();
+      })
+    },
+
     // 瀵硅瘽妗嗚〃鏍艰鐐瑰嚮
     formDataRowClick(row) {
       this.formDataRow = row;
@@ -924,7 +1014,7 @@
     // 妯℃澘绫诲瀷涓鸿〃鏍�
     templateTypeTable(val) {
       if (!val) return;
-      this.updateDisplay(val, ['showType', 'showTypea', 'showTypes']);
+      this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName']);
     },
 
     // 妯℃澘绫诲瀷涓鸿嚜瀹氫箟妯℃澘
@@ -932,19 +1022,19 @@
       if (!val) return;
       const searchTarger = this.option.column.find(item => item.prop === 'searchTarger');  // 鑾峰彇鎼滅储绫诲瀷閰嶇疆椤�
       searchTarger.display = false; // 涓嶅睍绀烘悳绱㈢被鍨�
-      this.updateDisplay(val, ['kzlj']);
+      this.updateDisplay(val, ['controlPath']);
     },
 
     // 妯℃澘绫诲瀷涓烘爲琛�
     templateTypeTreeTable(val) {
       if (!val) return;
-      this.updateDisplay(val, ['showType', 'showTypea', 'showTypes', 'zkl', 'zkfs']);
+      this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName', 'expandCols', 'zkfs']);
     },
 
     // 妯℃澘绫诲瀷涓鸿〃鍗�
     templateTypeForm(val) {
       if (!val) return;
-      this.updateDisplay(val, ['showType', 'showTypea', 'showTypes']);
+      this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName']);
     },
 
     // 妯℃澘绫诲瀷涓烘爲
@@ -952,7 +1042,7 @@
       if (!val) return;
       const searchTarger = this.option.column.find(item => item.prop === 'searchTarger');  // 鑾峰彇鎼滅储绫诲瀷閰嶇疆椤�
       searchTarger.display = false; // 涓嶅睍绀烘悳绱㈢被鍨�
-      this.updateDisplay(val, ['showType', 'showTypes', 'genjiedian', 'shujiedian', 'canzhaoshu', 'fgf', 'zkfs', 'linkType']);
+      this.updateDisplay(val, ['showType', 'queryTemplateName', 'rootContent', 'showAbs', 'showLinkAbs', 'separator', 'expandMode', 'linkType']);
     },
 
     // 妯℃澘绫诲瀷涓篣I瀹氫箟
@@ -960,7 +1050,7 @@
       if (!val) return;
       const searchTarger = this.option.column.find(item => item.prop === 'searchTarger');  // 鑾峰彇鎼滅储绫诲瀷閰嶇疆椤�
       searchTarger.display = false; // 涓嶅睍绀烘悳绱㈢被鍨�
-      this.updateDisplay(val, ['showType', 'UI', 'searchType', 'searchObjType', 'showTypes']);
+      this.updateDisplay(val, ['showType', 'SubUILayout', 'searchType', 'searchObjType', 'queryTemplateName']);
     },
 
     // 鏌ユ壘鏁扮粍涓璞$储寮�

--
Gitblit v1.9.3