diff --git a/module/block/lang/de.php b/module/block/lang/de.php
index 615ae698a0..11918b17e1 100644
--- a/module/block/lang/de.php
+++ b/module/block/lang/de.php
@@ -622,3 +622,13 @@ $lang->block->themes['pink']       = 'Pink';
 $lang->block->themes['blackberry'] = 'Blackberry';
 $lang->block->themes['classic']    = 'Classic';
 $lang->block->themes['purple']     = 'Purple';
+
+$lang->block->visionTitle            = 'The user interface of ZenTao is divided into 【Full feature interface】 and 【Operation Management Interface】.';
+$lang->block->visions['ALM']         = new stdclass();
+$lang->block->visions['ALM']->key    = 'ALM';
+$lang->block->visions['ALM']->title  = 'Full feature interface';
+$lang->block->visions['ALM']->text   = 'Integrates multi-dimensional management of program, product, project, execution, test, etc., and provides a whole-process project management  solution.';
+$lang->block->visions['light']        = new stdclass();
+$lang->block->visions['light']->key   = 'light';
+$lang->block->visions['light']->title = 'Operation Management Interface';
+$lang->block->visions['light']->text  = 'Specially designed for Non-R&D teams, mainly based on the intuitive and visual Kanban project management model.';
diff --git a/module/block/lang/en.php b/module/block/lang/en.php
index a1ea970f15..8603635775 100644
--- a/module/block/lang/en.php
+++ b/module/block/lang/en.php
@@ -622,3 +622,13 @@ $lang->block->themes['pink']       = 'Pink';
 $lang->block->themes['blackberry'] = 'Blackberry';
 $lang->block->themes['classic']    = 'Classic';
 $lang->block->themes['purple']     = 'Purple';
+
+$lang->block->visionTitle            = 'The user interface of ZenTao is divided into 【Full feature interface】 and 【Operation Management Interface】.';
+$lang->block->visions['ALM']         = new stdclass();
+$lang->block->visions['ALM']->key    = 'ALM';
+$lang->block->visions['ALM']->title  = 'Full feature interface';
+$lang->block->visions['ALM']->text   = 'Integrates multi-dimensional management of program, product, project, execution, test, etc., and provides a whole-process project management  solution.';
+$lang->block->visions['light']        = new stdclass();
+$lang->block->visions['light']->key   = 'light';
+$lang->block->visions['light']->title = 'Operation Management Interface';
+$lang->block->visions['light']->text  = 'Specially designed for Non-R&D teams, mainly based on the intuitive and visual Kanban project management model.';
diff --git a/module/block/lang/fr.php b/module/block/lang/fr.php
index 3703522621..f7af1b7f84 100644
--- a/module/block/lang/fr.php
+++ b/module/block/lang/fr.php
@@ -622,3 +622,13 @@ $lang->block->themes['pink']       = 'Pink';
 $lang->block->themes['blackberry'] = 'Blackberry';
 $lang->block->themes['classic']    = 'Classic';
 $lang->block->themes['purple']     = 'Purple';
+
+$lang->block->visionTitle            = 'The user interface of ZenTao is divided into 【Full feature interface】 and 【Operation Management Interface】.';
+$lang->block->visions['ALM']         = new stdclass();
+$lang->block->visions['ALM']->key    = 'ALM';
+$lang->block->visions['ALM']->title  = 'Full feature interface';
+$lang->block->visions['ALM']->text   = 'Integrates multi-dimensional management of program, product, project, execution, test, etc., and provides a whole-process project management  solution.';
+$lang->block->visions['light']        = new stdclass();
+$lang->block->visions['light']->key   = 'light';
+$lang->block->visions['light']->title = 'Operation Management Interface';
+$lang->block->visions['light']->text  = 'Specially designed for Non-R&D teams, mainly based on the intuitive and visual Kanban project management model.';
diff --git a/module/block/lang/zh-cn.php b/module/block/lang/zh-cn.php
index e57cd01991..0856db6fac 100644
--- a/module/block/lang/zh-cn.php
+++ b/module/block/lang/zh-cn.php
@@ -622,3 +622,13 @@ $lang->block->themes['pink']       = '芙蕖粉';
 $lang->block->themes['blackberry'] = '露莓黑';
 $lang->block->themes['classic']    = '经典蓝';
 $lang->block->themes['purple']     = '玉烟紫';
+
+$lang->block->visionTitle            = '禅道使用界面分为【研发综合界面】和【运营管理界面】。';
+$lang->block->visions['ALM']         = new stdclass();
+$lang->block->visions['ALM']->key    = 'ALM';
+$lang->block->visions['ALM']->title  = '研发综合界面';
+$lang->block->visions['ALM']->text   = '集项目集、产品、项目、执行、测试等多维度管理于一体，提供全过程项目管理解决方案。';
+$lang->block->visions['light']        = new stdclass();
+$lang->block->visions['light']->key   = 'light';
+$lang->block->visions['light']->title = '运营管理界面';
+$lang->block->visions['light']->text  = '专为非研发团队打造，主要以直观、可视化的看板项目管理模型为主。';
diff --git a/module/block/view/guide.html.php b/module/block/view/guide.html.php
index d7f9fcbce7..d7ca6fe2c3 100644
--- a/module/block/view/guide.html.php
+++ b/module/block/view/guide.html.php
@@ -44,6 +44,7 @@ $(function()
         else $nav.children('li:not(.switch-icon)')[isPrev ? 'last' : 'first']().find('a[data-toggle="tab"]').trigger('click');
         e.preventDefault();
     });
+    
     $nav.find('li').click(function()
     {
         if($(this).attr('id') == 'flowchart')
@@ -54,18 +55,44 @@ $(function()
         {
             $('.block-guide .tutorialBtn').addClass('hidden');
         }
+
+        if($(this).attr('id') === 'visionSwitch')
+        {
+            var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop || 0;
+            localStorage.setItem('visionPosition', scrollTop);
+        }
+
     })
+    if(localStorage.getItem('visionPosition'))
+    {
+        $('#visionSwitch > a').click();
+        localStorage.removeItem('visionPosition');
+    }
+    else
+    {
+        $('#flowchart > a').click();
+    }
+
 });
+
+window.onunload  = function () {
+    if(!localStorage.getItem('visionPosition'))
+    {
+        return;
+    }
+    document.getElementById('guideBody').scrollTo = Number(localStorage.getItem('visionPosition'));
+}
 </script>
-<div class="panel-body">
+
+<div class="panel-body" id="guideBody">
   <div class="table-row">
     <div class="col col-nav">
-      <ul class="nav nav-stacked nav-secondary scrollbar-hover" id='<?php echo $blockNavId;?>'>
+      <ul class="nav nav-stacked nav-secondary scrollbar-hover guide-nav" id='<?php echo $blockNavId;?>'>
         <?php foreach($lang->block->guideTabs as $tab => $tabName):?>
         <?php if(strpos($tab, 'download') !== false and (!isset($config->xxserver->installed) or !$config->xuanxuan->turnon)) continue;?>
         <?php if($tab == 'downloadMoblie' and common::checkNotCN()) continue;?>
         <?php if(($tab == 'preference' or $tab == 'systemMode') and $this->config->vision == 'lite') continue;?>
-        <li <?php if($tab == 'flowchart') echo "class='active'";?> id="<?php echo $tab;?>">
+        <li id="<?php echo $tab;?>">
           <a href="###" title="<?php echo $tabName?>" data-target='<?php echo "#tab3{$blockNavId}Content{$tab}";?>' data-toggle="tab">
             <?php echo $tabName;?>
             <span class='btn-view'><i class='icon-arrow-right text-primary'></i><span>
@@ -79,7 +106,9 @@ $(function()
         <?php include 'flowchart.html.php';?>
       </div>
       <div class="tab-pane fade" id='<?php echo "tab3{$blockNavId}ContentsystemMode";?>'></div>
-      <div class="tab-pane fade" id='<?php echo "tab3{$blockNavId}ContentvisionSwitch";?>'></div>
+      <div class="tab-pane fade" id='<?php echo "tab3{$blockNavId}ContentvisionSwitch";?>'>
+        <?php include 'visionswitch.html.php';?>
+      </div>
       <div class="tab-pane fade" id='<?php echo "tab3{$blockNavId}ContentthemeSwitch";?>'>
         <?php include 'themeswitch.html.php';?>
       </div>
diff --git a/module/block/view/visionswitch.html.php b/module/block/view/visionswitch.html.php
new file mode 100644
index 0000000000..87bf360874
--- /dev/null
+++ b/module/block/view/visionswitch.html.php
@@ -0,0 +1,32 @@
+<style>
+.vision-switch {padding: 14px;}
+.vision-switch-container {display: flex;}
+#vision-ALM {background: url('/theme/default/images/guide/vision_alm.png') no-repeat;}
+#vision-light {background: url('/theme/default/images/guide/vision_light.png') no-repeat;}
+.vision {width: 47%; border: none; background: #E6F0FF; cursor:pointer; border-radius: 2px;}
+.vision + .vision {margin-left: 10px;}
+.vision.active {box-shadow: 0 0 0 2px #2E7FFF;}
+.vision-img {height: 118px; width: 100%; background-size: 100% !important;}
+.vision-title {font-size: 14px; color: #0B0F18; padding: 0 8px;}
+.vision-text {font-size: 12px; color: #5E626D; padding: 8px;}
+</style>
+
+<script>
+$('.vision-switch .vision').click(function()
+{
+  console.log('vision-switch > .vision');
+})
+</script>
+<div class='vision-switch'>
+<p><?php echo $lang->block->visionTitle;?></p>
+<div class="vision-switch-container">
+  <?php foreach($lang->block->visions as $vision):?>
+  <?php $active = $this->config->systemMode == $vision->key ? 'active' : '';?>
+  <div class='vision <?php echo $active;?>' data-value="<?php echo $vision->key;?>">
+      <div class='vision-img' id="<?php echo 'vision-' . $vision->key;?>"></div>
+      <div class='vision-title'><?php echo $vision->title;?></div>
+      <div class='vision-text'><?php echo $vision->text;?></div>
+    </div>
+  <?php endforeach;?>
+  </div>
+</div>
diff --git a/www/theme/default/images/guide/vision_alm.png b/www/theme/default/images/guide/vision_alm.png
new file mode 100644
index 0000000000..f7ea0fcbfd
Binary files /dev/null and b/www/theme/default/images/guide/vision_alm.png differ
diff --git a/www/theme/default/images/guide/vision_light.png b/www/theme/default/images/guide/vision_light.png
new file mode 100644
index 0000000000..aceef98905
Binary files /dev/null and b/www/theme/default/images/guide/vision_light.png differ