From ca3508d1df26611c25b130280a069f249aee05de Mon Sep 17 00:00:00 2001 From: guofeilong Date: Thu, 16 Feb 2023 13:40:16 +0800 Subject: [PATCH] * Code for add menuTree to langItem --- module/dev/config.php | 2 + module/dev/css/langitem.css | 9 ++++ module/dev/js/langitem.js | 59 ++++++++++++++++++++++++++ module/dev/view/langitem.html.php | 69 ++++++++++++++++++------------- 4 files changed, 111 insertions(+), 28 deletions(-) diff --git a/module/dev/config.php b/module/dev/config.php index 21a21368e9..db19feb668 100644 --- a/module/dev/config.php +++ b/module/dev/config.php @@ -241,6 +241,8 @@ $config->dev->postParams['testcase']['create']['expect'] = 'string'; $config->dev->postParams['testcase']['create']['mailto'] = 'string'; $config->dev->postParams['testcase']['create']['keywords'] = 'string'; +$config->dev->arrTypesWithMenu = array('second', 'third', 'feature'); + $config->disableFeature = array(); if(!helper::hasFeature('waterfall')) $config->disableFeature = array('design', 'stage', 'programplan', 'weekly', 'researchplan', 'researchreport', 'gapanalysis'); diff --git a/module/dev/css/langitem.css b/module/dev/css/langitem.css index 837d15c01e..98b680089f 100644 --- a/module/dev/css/langitem.css +++ b/module/dev/css/langitem.css @@ -1,9 +1,18 @@ .flex {display: flex;} +.flex-1 {flex: 1;} +.align-center {align-items: center;} +.justify-center {justify-content: center;} .h-32 {height: 32px;} .py-6 {padding: 6px 0;} .my-12 {margin: 12px 0;} .ml-20 {margin-left: 20px;} .title {font-size: 13px; color: #313C52; font-weight: 700; height: 40px; text-align: center;} +.gap-15 {gap: 15px;} + +/* menu-tree */ +.menu-tree {flex: 0 0 200px; background: #fff; padding: 10px 10px;} +.menu-tree > .tree {padding-top: 20px;} +.menu-tree li {padding: 5px 25px;} /* side-left */ .main-content > .side-left {flex: 0 0 160px; margin-left: 64px;} diff --git a/module/dev/js/langitem.js b/module/dev/js/langitem.js index 033734fc93..633c2d6159 100644 --- a/module/dev/js/langitem.js +++ b/module/dev/js/langitem.js @@ -14,6 +14,8 @@ $(function() handleClickItem($(this).attr('labelid')); }); + initMenu(); + function addActive(id) { $('[labelid=' + id + ']').addClass('text-primary'); @@ -39,4 +41,61 @@ $(function() addActive(clickId); }; } + + function initMenu() + { + if (arrTypesWithMenu.includes(type)) + { + var myTreeData = [{ + title: '水果', + children: [ + {title: '橘子'}, + {title: '瓜'} + ] + }, { + title: '坚果', + children: [ + {title: '向日葵'}, + {title: '瓜子'} + ] + }, { + title: '蔬菜' + }]; + $('#menuTree').tree( + { + data: myTreeData + }); + } + $('#searchInputTree').on('input', function() + { + var val = $(this).val(); + if (!val) + { + var updateData = JSON.parse(JSON.stringify(myTreeData)); + } + else + { + var updateData = []; + for (var i = 0; i < myTreeData.length; i++) + { + var item = {}; + $.extend(true, item, myTreeData[i]) + if (item.children) + { + var children = []; + for (var j = 0; j < item.children.length; j++) + { + if (item.children[j].title.includes(val)) + { + children.push(item.children[j]); + } + } + item.children = children; + } + updateData.push(item); + } + } + $('#menuTree').data('zui.tree').reload(updateData); + }) + } }) diff --git a/module/dev/view/langitem.html.php b/module/dev/view/langitem.html.php index e55a4faa7f..c056fa8737 100644 --- a/module/dev/view/langitem.html.php +++ b/module/dev/view/langitem.html.php @@ -10,6 +10,8 @@ * @link http://www.zentao.net */ ?> + +dev->arrTypesWithMenu); ?> -
-
-
-
默认值
-
- $originalLang):?> -
" class="input-label h-32 my-12">
- -
+
+dev->arrTypesWithMenu , false)):?> +
+
+ +
-
-
修改值
-
- $originalLang):?> -
- - - " class="icon icon-angle-right text-primary hidden"> + +
+ + +
+
+
默认值
+
+ $originalLang):?> +
" class="input-label h-32 my-12">
+
-
-
-
+
+
修改值
+
+ $originalLang):?> +
+ + + " class="icon icon-angle-right text-primary hidden"> +
+ +
+
+
+
+
+ + +
+
- -
- - -