diff --git a/README.md b/README.md
index 68bf7ec..f6b4f90 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@ English | [Chinese](docs/zh_CN/README.md)
 
 Scriptis is for interactive data analysis with script development(SQL, Pyspark, HiveQL), task submission(Spark, Hive), UDF, function, resource management and intelligent diagnosis.
 
-![运行时功能](docs/zh_CN/images/readme/running.gif)
+![running](docs/en_US/images/readme/running.gif)
 
 ## Features
 
diff --git a/docs/en_US/ch1/Front-end_deployment_documentation.md b/docs/en_US/ch1/Front-end_deployment_documentation.md
index c754809..a69a279 100644
--- a/docs/en_US/ch1/Front-end_deployment_documentation.md
+++ b/docs/en_US/ch1/Front-end_deployment_documentation.md
@@ -4,15 +4,15 @@ Scriptis is a data analysis tool based on Linkis. Before deploying Scriptis, you
 
 1. Select the corresponding installation package to download.
 
-2. Unzip the downloaded installation package in the installation directory: unzip wedatasphere-scriptis-0.5.0-dist.zip.
+2. Unzip the downloaded installation package in the installation directory: unzip wedatasphere-scriptis-0.6.0-dist.zip.
 
 ## 2 Deploy
 
-​	There are two deployment methods, automated and manual deployment.  
+​	There are two deployment methods, automated and manual deployment.
 
 ### 2.1 Automated deployment
 
-Go to the frontend directory ```wedatasphere-scriptis``` and edit ```vi config.sh ``` to change the interface address of the frontend and backend port. backend port interface address is the gateway address of linkis. 
+Go to the frontend directory ```wedatasphere-scriptis``` and edit ```vi config.sh ``` to change the interface address of the frontend and backend port. backend port interface address is the gateway address of linkis.
 
 ### (3) Modify and save the configuration file created above
 
@@ -29,7 +29,7 @@ scriptis_ipaddr=$(ip addr | awk '/^[0-9]+: / {}; /inet.*global/ {print gensub(/(
 
 After the modification, run the following command in the directory: ```sudo sh install.sh > install.log 2>&1```
 
-Next, you can access ```http://scriptis_ipaddr:scriptis_port``` directly via Chrome, scriptis_port is the port configured in config.sh and scriptis_ipaddr is the IP of the machine that used for installation. 
+Next, you can access ```http://scriptis_ipaddr:scriptis_port``` directly via Chrome, scriptis_port is the port configured in config.sh and scriptis_ipaddr is the IP of the machine that used for installation.
 
 If encounter access failure,  please check install.log and find out the errors.
 
@@ -48,11 +48,11 @@ server {
             #charset koi8-r;
             #access_log  /var/log/nginx/host.access.log  main;
             location / {
-            root   /appcom/Install/scriptis/ROOT; # directory where package decompressed 
+            root   /appcom/Install/scriptis/ROOT; # directory where package decompressed
             #in the fronted
             index  index.html index.html;
             }
-            location /ws {#webSocket configure spport 
+            location /ws {#webSocket configure spport
             proxy_pass http://192.168.xxx.xxx:9001;#IP port of the linkis gateway service
             proxy_http_version 1.1;
             proxy_set_header Upgrade $http_upgrade;
@@ -84,11 +84,11 @@ server {
 
 3. Copy the frontend package to the corresponding directory: ```/appcom/Install/scriptis/ROOT; # directory where package decompressed in the frontend```
 4. Start service: ```sudo systemctl restart nginx```
-5. You can directly access ```http://nginx_ip:nginx_port``` via Chrome after execution. 
+5. You can directly access ```http://nginx_ip:nginx_port``` via Chrome after execution.
 
 ## 3 FAQs
 
-(1) limitations on the size of files that being uploaded 
+(1) limitations on the size of files that being uploaded
 
 ```
 sudo vi /etc/nginx/nginx.conf
diff --git a/docs/en_US/ch2/Compilation.md b/docs/en_US/ch2/Compilation.md
new file mode 100644
index 0000000..b169b2a
--- /dev/null
+++ b/docs/en_US/ch2/Compilation.md
@@ -0,0 +1,102 @@
+# Compilation
+
+## Getting Started
+
+### Prerequisites
+
+Install Node.js on your computer. Download Link:  [http://nodejs.cn/download/](http://nodejs.cn/download/). Recommend using the latest stable version.
+
+**Only do this step at the first time.**
+
+### Installation
+
+Run the following commands in terminal:
+
+```
+git clone https://github.com/WeBankFinTech/Scriptis.git
+cd wds-ide
+npm install
+```
+
+ Commands explanation:
+
+1. Pull remote repository to local:	`git clone https://github.com/WeBankFinTech/Scriptis.git`
+
+2. Change to the root directory of the project:	`cd wds-ide`
+
+3. Install all dependencies required for the project:	`npm install`
+
+**Only do this step at the first time.**
+
+### Configuration 
+
+You need to make some configurations in your code, such as port address of backend server and socket address of backend server in .env.development file in root directory.
+
+```
+// Port address of backend server
+VUE_APP_MN_CONFIG_PREFIX=http://yourIp:yourPort/yourPath
+// Socket address
+VUE_APP_MN_CONFIG_SOCKET=/yourSocketPath
+```
+
+You can refer to the official documentation of vue-cli for detailed explanation. [Modes and environment variables](https://cli.vuejs.org/guide/mode-and-env.html#modes)
+
+### Building project
+
+You can run the following command in terminal to build the project:
+
+```
+npm run build 
+```
+
+A folder named "dist" would appear in your project's root directory if the command has run successfully and you can directly put "dist" to your static server.
+
+### How to run
+
+You would need to run the following command in terminal if you want to run project on your local browser and see corresponding effects after making changes to the code.
+
+```
+npm run serve
+```
+
+Access the application in browser (Chrome recommended) via link: [http://localhost:8080/](http://localhost:8080/) .
+
+Changes you make to the code would dynamically reflect on the
+effects shown on browser when using the method described above to run project.
+
+**Notes:  Since frontend and backend are developed separately, when running on local browser you need to allow cross domain access in order to access the port of backend server.**
+
+e.g. Chrome browser:
+
+Configuration in Windows:
+
+1. Close all browser windows.
+
+2. Create a shortcut of chrome,  right-click to choose "properties" , then go to "Shortcut" tab find "Target" and add`--args --disable-web-security --user-data-dir=C:\MyChromeDevUserData`  to it .
+3. Use shortcut to open the browser.
+
+Configuration in MacOS:
+
+Run the following command. (You need to replace "yourname" in the path. If it's not working, check the path of MyChromeDevUserData on your machine and copy its path to the place right after "--user-data-dir=")
+
+```
+open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/yourname/MyChromeDevUserData/
+```
+
+### FAQ
+
+#### Failed installation when running npm install
+
+Try to use Taobao npm mirror:
+
+```
+npm install -g cnpm --registry=https://registry.npm.taobao.org
+```
+
+Next,  run the following command instead of npm install:
+
+```
+cnpm install
+```
+
+Note that you can still use `npm run serve` and `npm run build` to run and build project.
\ No newline at end of file
diff --git a/docs/en_US/images/readme/Comparison.png b/docs/en_US/images/readme/Comparison.png
index f1f6841..df3144c 100644
Binary files a/docs/en_US/images/readme/Comparison.png and b/docs/en_US/images/readme/Comparison.png differ
diff --git a/docs/en_US/images/readme/cs.gif b/docs/en_US/images/readme/cs.gif
index 7d3125e..d735e1b 100644
Binary files a/docs/en_US/images/readme/cs.gif and b/docs/en_US/images/readme/cs.gif differ
diff --git a/docs/en_US/images/readme/datasource.gif b/docs/en_US/images/readme/datasource.gif
index d592c7c..555a208 100644
Binary files a/docs/en_US/images/readme/datasource.gif and b/docs/en_US/images/readme/datasource.gif differ
diff --git a/docs/en_US/images/readme/results.gif b/docs/en_US/images/readme/results.gif
index 7bde948..cfef7ce 100644
Binary files a/docs/en_US/images/readme/results.gif and b/docs/en_US/images/readme/results.gif differ
diff --git a/docs/en_US/images/readme/running.gif b/docs/en_US/images/readme/running.gif
index eb868d1..0ed02fb 100644
Binary files a/docs/en_US/images/readme/running.gif and b/docs/en_US/images/readme/running.gif differ
diff --git a/docs/en_US/images/readme/script.gif b/docs/en_US/images/readme/script.gif
index 13ba262..39b729d 100644
Binary files a/docs/en_US/images/readme/script.gif and b/docs/en_US/images/readme/script.gif differ
diff --git a/docs/en_US/images/readme/setup.gif b/docs/en_US/images/readme/setup.gif
index 4aee4c0..7515448 100644
Binary files a/docs/en_US/images/readme/setup.gif and b/docs/en_US/images/readme/setup.gif differ
diff --git "a/docs/zh_CN/ch1/\345\211\215\345\217\260\351\203\250\347\275\262\346\226\207\346\241\243.md" "b/docs/zh_CN/ch1/\345\211\215\345\217\260\351\203\250\347\275\262\346\226\207\346\241\243.md"
index c299352..5969e97 100644
--- "a/docs/zh_CN/ch1/\345\211\215\345\217\260\351\203\250\347\275\262\346\226\207\346\241\243.md"
+++ "b/docs/zh_CN/ch1/\345\211\215\345\217\260\351\203\250\347\275\262\346\226\207\346\241\243.md"
@@ -3,7 +3,7 @@ Scriptis是基于Linkis开发的数据分析工具，部署Scriptis前需要先
 ## 1、准备工作
 
 1. 点击release 选择对应的安装包进行下载
-2. 将下载下来的安装包在安装目录进行解压：unzip wedatasphere-scriptis-0.5.0-dist.zip
+2. 将下载下来的安装包在安装目录进行解压：unzip wedatasphere-scriptis-0.6.0-dist.zip
 
 ## 2、部署
     分为两种部署方式，自动化部署和手动部署
@@ -31,7 +31,7 @@ scriptis_ipaddr=$(ip addr | awk '/^[0-9]+: / {}; /inet.*global/ {print gensub(/(
 ### 2.2 手动部署
 1.安装Nginx:```sudo yum install nginx -y```
 
-2.修改配置文件：sudo vi /etc/nginx/conf.d/scriptis.conf  
+2.修改配置文件：sudo vi /etc/nginx/conf.d/scriptis.conf
 添加如下内容：
 ```
 server {
diff --git a/docs/zh_CN/images/readme/cs.gif b/docs/zh_CN/images/readme/cs.gif
index 7d3125e..4df76a1 100644
Binary files a/docs/zh_CN/images/readme/cs.gif and b/docs/zh_CN/images/readme/cs.gif differ
diff --git a/docs/zh_CN/images/readme/datasource.gif b/docs/zh_CN/images/readme/datasource.gif
index d592c7c..eedea96 100644
Binary files a/docs/zh_CN/images/readme/datasource.gif and b/docs/zh_CN/images/readme/datasource.gif differ
diff --git a/docs/zh_CN/images/readme/results.gif b/docs/zh_CN/images/readme/results.gif
index 7bde948..c95943c 100644
Binary files a/docs/zh_CN/images/readme/results.gif and b/docs/zh_CN/images/readme/results.gif differ
diff --git a/docs/zh_CN/images/readme/running.gif b/docs/zh_CN/images/readme/running.gif
index eb868d1..81ff072 100644
Binary files a/docs/zh_CN/images/readme/running.gif and b/docs/zh_CN/images/readme/running.gif differ
diff --git a/docs/zh_CN/images/readme/script.gif b/docs/zh_CN/images/readme/script.gif
index 13ba262..a503694 100644
Binary files a/docs/zh_CN/images/readme/script.gif and b/docs/zh_CN/images/readme/script.gif differ
diff --git a/docs/zh_CN/images/readme/setup.gif b/docs/zh_CN/images/readme/setup.gif
index 4aee4c0..dabb635 100644
Binary files a/docs/zh_CN/images/readme/setup.gif and b/docs/zh_CN/images/readme/setup.gif differ
diff --git a/package.json b/package.json
index 1353103..291efe5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "scriptis",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/js/component/table/body.vue b/src/js/component/table/body.vue
index 5e18472..a96ecef 100644
--- a/src/js/component/table/body.vue
+++ b/src/js/component/table/body.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
     <div
-      class="list-view-phantom"       
+      class="list-view-phantom"
       :style="{
         width: contentWidth + 'px'
-      }">
+    }">
     </div>
     <div
       ref="content"
@@ -16,8 +16,8 @@
         }"
         v-for="(col, index) in visibleData"
         :key="index">
-        <slot 
-          :col="col" 
+        <slot
+          :col="col"
           :index="index"></slot>
       </div>
     </div>
@@ -40,17 +40,14 @@ export default {
             type: Array,
             required: true,
         },
-
         estimatedItemSize: {
             type: Number,
             default: 30,
         },
-
         itemSizeGetter: {
             type: Function,
         },
     },
-
     data() {
         return {
             viewWidth: 0,
@@ -83,7 +80,7 @@ export default {
     },
     computed: {
         contentWidth() {
-            const { data, lastMeasuredIndex, estimatedItemSize } = this;
+            const {data, lastMeasuredIndex, estimatedItemSize} = this;
             let itemCount = data.length;
             if (lastMeasuredIndex >= 0) {
                 const lastMeasuredSizeAndOffset = this.getLastMeasuredSizeAndOffset();
@@ -96,11 +93,11 @@ export default {
     watch: {
         data: {
             handler() {
-                let { v, h } = this.cacheVH;
+                let {v, h} = this.cacheVH;
                 this.handleScroll(v, h);
             },
             deep: true,
-        },  
+        },
     },
     mounted() {
         this.updateVisibleData();
@@ -108,7 +105,7 @@ export default {
     },
     methods: {
         getItemSizeAndOffset(index) {
-            const { lastMeasuredIndex, sizeAndOffsetCahce, data, itemSizeGetter } = this;
+            const {lastMeasuredIndex, sizeAndOffsetCahce, data, itemSizeGetter} = this;
             if (lastMeasuredIndex >= index) {
                 return sizeAndOffsetCahce[index];
             }
@@ -139,25 +136,21 @@ export default {
             }
             return sizeAndOffsetCahce[index];
         },
-    
         getLastMeasuredSizeAndOffset() {
-            return this.lastMeasuredIndex >= 0 ? this.sizeAndOffsetCahce[this.lastMeasuredIndex] : { offset: 0, size: 0 };
+            return this.lastMeasuredIndex >= 0 ? this.sizeAndOffsetCahce[this.lastMeasuredIndex] : {offset: 0, size: 0};
         },
-  
         findNearestItemIndex(scrollLeft) {
-            const { data } = this;
+            const {data} = this;
             let total = 0;
             for (let i = 0, j = data.length; i < j; i++) {
                 const size = this.getItemSizeAndOffset(i).size;
                 total += size;
-                if (total >= scrollLeft || i === j - 1) {
+                if (total >= scrollLeft || i === j -1) {
                     return i;
                 }
             }
-
             return 0;
         },
-
         updateVisibleData(scrollLeft) {
             let canScrollWidth = this.contentWidth - this.viewWidth;
             scrollLeft = scrollLeft || 0;
@@ -168,13 +161,12 @@ export default {
             const end = this.findNearestItemIndex(scrollLeft + (this.$el.clientWidth || 1400));
             this.visibleData = this.data.slice(start, Math.min(end + 3, this.data.length));
             this.startIndex = start;
-            this.$refs.content.style.webkitTransform = `translate3d(${this.getItemSizeAndOffset(start).offset}px, 0, 0)`;
+            this.$refs.content.style.webkitTransform = `translate3d(${ this.getItemSizeAndOffset(start).offset }px, 0, 0)`;
         },
-
         handleScroll(v, h) {
-            const { scrollLeft } = h;
-            this.cacheVH = { v, h };
-            this.$emit('on-scroll', { v, h });
+            const {scrollLeft} = h;
+            this.cacheVH = {v, h};
+            this.$emit('on-scroll', {v, h});
             this.updateVisibleData(scrollLeft);
         },
     },
@@ -189,7 +181,6 @@ right: 0;
 z-index: -1;
 height: 100%;
 }
-
 .list-view-content {
 display: flex;
 left: 0;
@@ -198,7 +189,6 @@ top: 0;
 position: absolute;
 height: 100%;
 }
-
 .list-view-item {
 height: 100%;
 color: #666;
@@ -206,4 +196,4 @@ box-sizing: border-box;
 flex-shrink: 0;
 text-align: center;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/js/component/table/expand.js b/src/js/component/table/expand.js
new file mode 100644
index 0000000..945a279
--- /dev/null
+++ b/src/js/component/table/expand.js
@@ -0,0 +1,21 @@
+export default {
+    name: 'TableExpand',
+    functional: true,
+    props: {
+        row: Object,
+        render: Function,
+        index: Number,
+        column: {
+            type: Object,
+            default: null,
+        },
+    },
+    render: (h, ctx) => {
+        const params = {
+            row: ctx.props.row,
+            index: ctx.props.index,
+        };
+        if (ctx.props.column) params.column = ctx.props.column;
+        return ctx.props.render(h, params);
+    },
+};
diff --git a/src/js/component/table/historyTable.vue b/src/js/component/table/historyTable.vue
index f5ae138..b3d941d 100644
--- a/src/js/component/table/historyTable.vue
+++ b/src/js/component/table/historyTable.vue
@@ -298,4 +298,4 @@ export default {
     },
 };
 </script>
-<style src="./index.scss" lang="sass"></style>
+<style src="./index.scss" lang="scss"></style>
diff --git a/src/js/component/table/index.js b/src/js/component/table/index.js
index 3807510..05cfcb2 100644
--- a/src/js/component/table/index.js
+++ b/src/js/component/table/index.js
@@ -1,3 +1,7 @@
-import WeTable from './table.vue'
+import WeTable from './table.vue';
+import historyTable from './historyTable.vue';
 
-export default WeTable
+export default {
+    WeTable,
+    historyTable,
+};
diff --git a/src/js/component/table/index.scss b/src/js/component/table/index.scss
index 9d70c37..d34159d 100644
--- a/src/js/component/table/index.scss
+++ b/src/js/component/table/index.scss
@@ -92,12 +92,10 @@ $border-color          : #e0e0e0;
     border-bottom: 1px solid $border-color;
 }
 .we-column-item{
-    height: 42px;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
+    height: 67px;
     border-bottom: 1px solid $border-color;
-    padding: 12px 0 12px 10px;
+    padding: 6px;
+    word-break: break-all;
     &.odd{
         background: rgb(250, 250, 250)
     }
@@ -108,4 +106,100 @@ $border-color          : #e0e0e0;
         color: red;
         font-style: italic;
     }
-}
\ No newline at end of file
+    .we-column-item-content {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        overflow-y: auto;
+    }
+}
+.hidden-div {
+    .hidden-div-item {
+        padding: 12px 10px 12px 10px;
+        word-break: break-all;
+    }
+}
+.we-table-wrap {
+    overflow: auto;
+    display: block;
+    .we-table {
+        border: 1px solid #dcdee2;
+        table-layout: fixed;
+        .we-table-thead {
+            background-color: #2d8cf0;
+            color: #fff;
+            .we-table-thead-cell {
+                border-right: 1px solid #dcdee2;
+                border-bottom: 1px solid #dcdee2;
+                min-width: 0;
+                height: 48px;
+                box-sizing: border-box;
+                text-align: left;
+                text-overflow: ellipsis;
+                vertical-align: middle;
+            }
+        }
+        .we-table-row {
+            height: 40px;
+            &:nth-child(2n) {
+                background-color: #f8f8f9;
+            }
+            &:hover {
+                background-color: #ebf7ff;
+            }
+            .we-table-row-cell {
+                border-right: 1px solid #dcdee2;
+                border-bottom: 1px solid #dcdee2;
+                min-width: 0;
+                height: 48px;
+                box-sizing: border-box;
+                text-align: left;
+                text-overflow: ellipsis;
+                vertical-align: middle;
+                .we-table-row-label {
+                    line-height: 20px;
+                    padding-left: 18px;
+                    padding-right: 18px;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: normal;
+                    word-break: break-all;
+                    -webkit-box-sizing: border-box;
+                    box-sizing: border-box;
+                    &.ellipsis {
+                        text-align: left;
+                        word-break: keep-all;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                    }
+                    .render-btn {
+                        color: #515a6e;
+                        background-color: transparent;
+                        border-color: transparent;
+                        padding: 1px 7px 2px;
+                        font-size: 12px;
+                        border-radius: 3px;
+                        display: inline-block;
+                        margin-bottom: 0;
+                        font-weight: 400;
+                        text-align: center;
+                        cursor: pointer;
+                        background-image: none;
+                        border: 1px solid transparent;
+                        white-space: nowrap;
+                        border-radius: 4px;
+                        transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;
+                        &:hover {
+                            color: #57a3f3;
+                            background-color: #fff;
+                            border-color: transparent;
+                            text-decoration: none;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/src/js/component/table/list.vue b/src/js/component/table/list.vue
index eb0b7dc..e3ed791 100644
--- a/src/js/component/table/list.vue
+++ b/src/js/component/table/list.vue
@@ -2,7 +2,7 @@
   <div
     class="list-view"
     ref="list">
-    <vuescroll
+    <vue-scroll
       :ops="ops"
       @handle-scroll="handleScroll">
       <list-body
@@ -20,19 +20,19 @@
             class="we-column-item"
             :class="{'null-text': content === 'NULL', 'active': contentIndex === activeRowIndex}"
             @click.stop="columnItemClick(contentIndex)">
-            {{ content }}
+            <span class="we-column-item-content">{{ content }}</span>
           </div>
         </div>
       </list-body>
-    </vuescroll>
+    </vue-scroll>
   </div>
 </template>
 <script>
 import listBody from './body.vue';
-import vuescroll from 'vuescroll/dist/vuescroll-native';
+import vueScroll from './vuescroll/vuescroll-native.js';
 export default {
     components: {
-        vuescroll,
+        vueScroll,
         listBody,
     },
     props: {
@@ -46,12 +46,10 @@ export default {
             type: Array,
             required: true,
         },
-
         estimatedItemSize: {
             type: Number,
             default: 30,
         },
-
         itemSizeGetter: {
             type: Function,
         },
@@ -79,7 +77,7 @@ export default {
     },
     methods: {
         handleScroll(v, h) {
-            this.$emit('on-scroll', { v, h });
+            this.$emit('on-scroll', {v, h});
             this.$refs.body.handleScroll(v, h);
         },
         columnItemClick(index) {
@@ -88,4 +86,4 @@ export default {
         },
     },
 };
-</script>
+</script>
\ No newline at end of file
diff --git a/src/js/component/table/table.vue b/src/js/component/table/table.vue
index 4091743..e285143 100644
--- a/src/js/component/table/table.vue
+++ b/src/js/component/table/table.vue
@@ -34,16 +34,14 @@
   </div>
 </template>
 <script>
-import _ from 'lodash'
-import templateList from './list.vue'
-import templateHeader from './header.vue'
-
+import templateList from './list.vue';
+import templateHeader from './header.vue';
 const prefixCls = 'we-table';
 export default {
     name: prefixCls,
     components: {
         templateList,
-        templateHeader
+        templateHeader,
     },
     props: {
         data: Object,
@@ -52,15 +50,15 @@ export default {
         variable: [Function],
         maxColumn: {
             type: Number,
-            default: 50
+            default: 50,
         },
         offsetX: {
             type: Number,
-            default: 0
+            default: 0,
         },
         offsetY: {
             type: Number,
-            default: 0
+            default: 0,
         },
     },
     data() {
@@ -70,120 +68,119 @@ export default {
                 sorting: false,
                 column: null,
                 type: 'normal',
-                start: 0
+                start: 0,
             },
             bodyRows: [],
             headRows: [],
             originRows: [],
-            onscroll () { },
+            onscroll() { },
             dTag: false,
-        }
+        };
     },
     computed: {
         style() {
             const style = {
-            }
+            };
             if (this.width) {
-                style.width = this.width + 'px'
+                style.width = this.width + 'px';
             }
             if (this.height) {
-                style.height = this.height + 'px'
+                style.height = this.height + 'px';
             }
-            return style
+            return style;
         },
     },
     watch: {
         'data': {
             handler(val) {
-                this.headRows = Object.freeze(val.headRows)
-                this.originRows = Object.freeze(val.originRows)
-                this.bodyRows = this.revert(val.bodyRows)
+                this.headRows = Object.freeze(val.headRows);
+                this.originRows = Object.freeze(val.originRows);
+                this.bodyRows = this.revert(val.bodyRows);
             },
             immediate: true,
-            deep: true
-        }
-
+            deep: true,
+        },
     },
     mounted() {
     },
     methods: {
-        changeScrollLeft ({ v, h }) {
-            this.$refs.headerCom.$refs.list.scrollLeft = h.scrollLeft
-            this.$refs.headerCom.handleScroll(v, h)
+        changeScrollLeft({v, h}) {
+            this.$refs.headerCom.$refs.list.scrollLeft = h.scrollLeft;
+            this.$refs.headerCom.handleScroll(v, h);
         },
-        itemSizeGetter (item, i) {
-            let div = document.createElement('div')
-            document.body.appendChild(div)
-            div.style.paddingLeft = '20px'
-            div.style.paddingRight = '54px'
-            div.style.position = 'absolute'
-            div.style.top = '-9999px'
-            div.style.left = '-9999px'
-            div.innerHTML = item.content
-            let width = div.offsetWidth
-            document.body.removeChild(div)
-            this.cache[i] = width
-            return width
+        itemSizeGetter(item, i) {
+            let div = document.createElement('div');
+            document.body.appendChild(div);
+            div.style.paddingLeft = '20px';
+            div.style.paddingRight = '54px';
+            div.style.position = 'absolute';
+            div.style.top = '-9999px';
+            div.style.left = '-9999px';
+            div.innerHTML = item.content;
+            let width = div.offsetWidth;
+            document.body.removeChild(div);
+            this.cache[i] = width;
+            return width;
         },
-        revert (data) {
-            let newData = []
-            let firstRowLen = data[0] ? data[0].length : 0
+        revert(data) {
+            let newData = [];
+            let firstRowLen = data[0] ? data[0].length : 0;
             for (let i = 0; i < firstRowLen; i++) {
-                newData[i] = []
+                newData[i] = [];
                 for (let j = 0; j < data.length; j++) {
-                    newData[i][j] = data[j][i]
+                    newData[i][j] = data[j][i];
                 }
             }
             return newData;
         },
-        computeSortClass (currentHead, type) {
+        computeSortClass(currentHead, type) {
             return [
                 `${prefixCls}-sort-caret`,
                 type,
                 {
-                    [`${prefixCls}-sort`]: (this.sort.column === currentHead && this.sort.type === type)
-                }
-            ]
+                    [`${prefixCls}-sort`]: (this.sort.column === currentHead && this.sort.type === type),
+                },
+            ];
         },
-        handleSortClick (args) {
-            let { reverse, colIndex, cb } = args
+        handleSortClick(args) {
+            let {reverse, colIndex, cb} = args;
             if (reverse === 0) {
                 const rows = this.originRows.map((row) => {
-                    return row.slice(0)
-                })
-                this.bodyRows = this.revert(rows)
+                    return row.slice(0);
+                });
+                this.bodyRows = this.revert(rows);
             } else {
-                const newArr = []
+                const newArr = [];
                 const sortRow = this.originRows.map((row, index) => {
                     return {
                         origin: index,
-                        value: row[colIndex]
-                    }
-                })
+                        value: row[colIndex],
+                    };
+                });
                 sortRow.sort((a, b) => {
                     if (a.value.length === b.value.length) {
-                        return a.value.localeCompare(b.value) * reverse
+                        return a.value.localeCompare(b.value) * reverse;
                     } else {
-                        return (a.value.length - b.value.length) * reverse
+                        return (a.value.length - b.value.length) * reverse;
                     }
-                })
+                });
                 sortRow.forEach((item, index) => {
-                    newArr[index] = this.originRows[item.origin]
-                })
-                this.bodyRows = this.revert(newArr)
-                cb && cb()
+                    newArr[index] = this.originRows[item.origin];
+                });
+                this.bodyRows = this.revert(newArr);
+                cb && cb();
             }
         },
-        handleDblClick (col) {
-            this.$emit('dbl-click', col)
+        handleDblClick(col) {
+            this.$emit('dbl-click', col);
         },
         onColumnClick(index) {
-            this.$emit('on-click', index)
+            this.$emit('on-click', index);
         },
     },
 };
 </script>
-<style lang="scss" src="./index.scss"></style>
+<style lang="sass" src="./index.scss"></style>
 <style>
 .list-view {
 width: 100%;
@@ -192,4 +189,4 @@ overflow: auto;
 position: relative;
 color: #333;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/js/module/FAQ/index.js b/src/js/module/FAQ/index.js
new file mode 100755
index 0000000..bfece56
--- /dev/null
+++ b/src/js/module/FAQ/index.js
@@ -0,0 +1,7 @@
+export default {
+    name: 'FAQ',
+    data: {
+        ENVIR: process.env.NODE_ENV,
+    },
+    component: () => import('./index.vue'),
+};
diff --git a/src/js/module/FAQ/index.vue b/src/js/module/FAQ/index.vue
new file mode 100755
index 0000000..3731924
--- /dev/null
+++ b/src/js/module/FAQ/index.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <iframe
+      id="iframeName"
+      :src="visualSrc"
+      frameborder="0"
+      width="100%"
+      :height="height"
+      v-if="isSkip"/>
+    <div
+      style="display: flex; justify-content: center; align-items: center;"
+      :style="{'height': height + 'px'}"
+      v-else>
+      <span>{{ info }}</span>
+    </div>
+  </div>
+</template>
+<script>
+import module from './index';
+export default {
+    mixins: [module.mixin],
+    data() {
+        return {
+            height: 0,
+            visualSrc: null,
+            isSkip: false,
+            info: '请在跳转页面查看……',
+        };
+    },
+    mounted() {
+        this.height = this.$route.query.height;
+        this.init();
+    },
+    methods: {
+        init() {
+            if (this.$route.query.isSkip) {
+                const errCode = this.$route.query.errCode;
+                const addr = module.data.ENVIR === 'dev' ? 'test-dws.weoa.com' : window.location.host;
+                this.visualSrc = `http://${addr}/dws/help/errorcode/${errCode}.html`;
+                this.isSkip = true;
+            } else {
+                this.isSkip = false;
+                this.info = '请在跳转页面查看……';
+                this.linkTo();
+            }
+            if (!this.height) {
+                this.height = window.innerHeight - 230;
+            }
+        },
+        linkTo() {
+            const newTab = window.open('about:blank');
+            setTimeout(() => {
+                newTab.location.href = this.getFAQUrl();
+            }, 500);
+        },
+    },
+};
+</script>
diff --git a/src/js/module/globalHistory/log.vue b/src/js/module/globalHistory/log.vue
index bf83be6..239cc4c 100644
--- a/src/js/module/globalHistory/log.vue
+++ b/src/js/module/globalHistory/log.vue
@@ -153,5 +153,5 @@ export default {
     },
 };
 </script>
-<style lang="sass" src="./index.scss">
+<style lang="scss" src="./index.scss">
 </style>
diff --git a/src/js/module/logView/index.vue b/src/js/module/logView/index.vue
index 310fe39..e7f58cd 100755
--- a/src/js/module/logView/index.vue
+++ b/src/js/module/logView/index.vue
@@ -52,7 +52,7 @@
   </div>
 </template>
 <script>
-import {trim, filter, forEach} from 'lodash';
+import { trim, filter, forEach } from 'lodash';
 import api from '@/js/service/api';
 import util from '@/js/util';
 
@@ -134,7 +134,7 @@ export default {
                         }, 'get').then((rst) => {
                             this.isLoading = false;
                             if (rst) {
-                                const log = {all: '', error: '', warning: '', info: ''};
+                                const log = { all: '', error: '', warning: '', info: '' };
                                 const convertLogs = util.convertLog(rst.log);
                                 Object.keys(convertLogs).forEach((key) => {
                                     if (convertLogs[key]) {
@@ -199,5 +199,5 @@ export default {
     },
 };
 </script>
-<style lang="sass" src="./index.scss">
+<style lang="scss" src="./index.scss">
 </style>
diff --git a/src/js/module/workbench/script/resultsExport.vue b/src/js/module/workbench/script/resultsExport.vue
new file mode 100644
index 0000000..a9a1931
--- /dev/null
+++ b/src/js/module/workbench/script/resultsExport.vue
@@ -0,0 +1,175 @@
+<template>
+  <Modal
+    v-model="show"
+    class="results-export"
+    width="450">
+    <div slot="header">
+      <span>结果集导出</span>
+    </div>
+    <div class="results-export-content">
+      <Form
+        ref="resultsExport"
+        :model="exportOption"
+        :rules="rules"
+        :label-width="80">
+        <FormItem
+          label="导出名称"
+          prop="name">
+          <Input
+            v-model="exportOption.name"
+            placeholder="请输入导出名称……"
+            style="width: 320px;"></Input>
+          <Icon
+            title="导出后缀可在管理台-常用功能-设置-应用级-pipeline中设置！"
+            type="md-help-circle"
+            class="results-export-content-help"
+          ></Icon>
+        </FormItem>
+        <FormItem
+          label="存储路径"
+          prop="path">
+          <directory-dialog
+            :filter-node="filterNode"
+            :path="exportOption.path"
+            :tree="fileTree"
+            :load-data-fn="loadDataFn"
+            fs-type="script"
+            title="结果集导出"
+            @set-node="setNode"/>
+        </FormItem>
+      </Form>
+    </div>
+    <div slot="footer">
+      <Button
+        type="primary"
+        @click="submit">确定</Button>
+    </div>
+  </Modal>
+</template>
+<script>
+import _ from 'lodash';
+import module from '../index';
+import storage from '@/js/helper/storage';
+import util from '@/js/util';
+import directoryDialog from '@js/component/directoryDialog/index.vue';
+export default {
+    name: 'ResultsExport',
+    components: {
+        directoryDialog,
+    },
+    mixins: [module.mixin],
+    props: {
+        currentPath: {
+            type: String,
+            default: '',
+        },
+        script: [Object],
+    },
+    data() {
+        return {
+            show: false,
+            exportOption: {
+                name: '',
+                path: '',
+            },
+            fileTree: [],
+            hdfsComponent: null,
+            loadDataFn: () => {},
+            rules: {
+                name: [
+                    { required: true, message: '请输入名称', trigger: 'blur' },
+                    { min: 1, max: 200, message: '长度在1到200个字符', trigger: 'change' },
+                    { type: 'string', pattern: /^[\w\u4e00-\u9fa5]+$/, message: '仅支持中文、大小写字母、数字和下划线', trigger: 'change' },
+                ],
+                path: [
+                    { required: true, message: '请选择导出路径！', trigger: 'change' },
+                ],
+            },
+        };
+    },
+    methods: {
+        open() {
+            this.show = true;
+            this.reset();
+            const fileName = this.script.fileName.replace(/\./g, '_');
+            this.exportOption.name = `${fileName}__${Date.now()}`;
+            this.setFileTree();
+        },
+        setFileTree() {
+            if (_.isEmpty(this.fileTree)) {
+                const tmpTree = storage.get('scriptTree', 'SESSION');
+                if (!tmpTree || (tmpTree && _.isEmpty(tmpTree))) {
+                    this.dispatch('WorkSidebar:showTree', {
+                        type: 'work',
+                    }, (f) => {
+                        this.hdfsComponent = f;
+                        f.getRootPath((flag) => {
+                            f.getTree((tree) => {
+                                if (tree) {
+                                    this.fileTree.push(tree);
+                                    this.loadDataFn = f.loadDataFn;
+                                }
+                            });
+                        });
+                    });
+                } else {
+                    this.fileTree = _.cloneDeep(tmpTree);
+                    if (this.hdfsComponent) {
+                        this.loadDataFn = this.hdfsComponent.loadDataFn;
+                    } else {
+                        this.dispatch('WorkSidebar:showTree', {
+                            type: 'work',
+                        }, (f) => {
+                            this.hdfsComponent = f;
+                            this.loadDataFn = f.loadDataFn;
+                        });
+                    }
+                }
+            }
+        },
+        filterNode(node) {
+            return !node.isLeaf;
+        },
+        setNode(node, fsType) {
+            this.exportOption.path = node.path;
+        },
+        submit() {
+            this.$refs.resultsExport.validate((valid) => {
+                if (!valid) return false;
+                this.show = false;
+                this.exportConfirm();
+            });
+        },
+        exportConfirm() {
+            const tabName = `new_stor_${Date.now()}.out`;
+            const code = `from ${this.currentPath} to ${this.exportOption.path}/${this.exportOption.name}`;
+            const md5Path = util.md5(tabName);
+            this.dispatch('Workbench:add', {
+                id: md5Path,
+                filename: tabName,
+                filepath: '',
+                // saveAs表示临时脚本，需要关闭或保存时另存
+                saveAs: true,
+                code,
+            }, (f) => {
+                if (!f) {
+                    return;
+                }
+                this.$nextTick(() => {
+                    this.dispatch('Workbench:run', { id: md5Path });
+                });
+            });
+        },
+        reset() {
+            this.exportOption = {
+                name: '',
+                path: '',
+            };
+            this.fileTree = [];
+        },
+    },
+};
+</script>
+<style lang="scss" src="../index.scss">
+
+</style>
diff --git a/src/js/service/api.js b/src/js/service/api.js
index a978e5a..3050249 100644
--- a/src/js/service/api.js
+++ b/src/js/service/api.js
@@ -87,6 +87,10 @@ const api = {
     instance: instance,
     error: {
         '-1': function(res) {
+            const data = res.data.data;
+            if (data.enableSSO && data.SSOURL) {
+                return window.location.replace(data.SSOURL);
+            }
             router.push('/login');
             throw new Error('您尚未登录，请先登录!');
         },
diff --git a/src/js/service/router.js b/src/js/service/router.js
index d8ad13a..75ae8ed 100644
--- a/src/js/service/router.js
+++ b/src/js/service/router.js
@@ -31,14 +31,6 @@ const router = new VueRouter({
                     },
                     component: () => import('../view/console/index.vue'),
                     children: [{
-                        name: 'dateReport',
-                        path: 'dateReport',
-                        component: () => import('../module/dateReport/index.vue'),
-                        meta: {
-                            title: '运营日报',
-                            publicPage: true,
-                        },
-                    }, {
                         name: 'globalHistory',
                         path: 'globalHistory',
                         component: () => import('../module/globalHistory/index.vue'),