diff --git a/app/common/error/index.js b/app/common/error/index.js
index bfc23f7..cf6ff77 100644
--- a/app/common/error/index.js
+++ b/app/common/error/index.js
@@ -2,7 +2,7 @@
 
 // key: error code
 // value: error details
-//   value.message: default error message
+// value.message: default error message
 module.exports = new Map([
   [
     'ERR_RELIABLE_INTERNAL_SERVER_ERROR', {
diff --git a/app/controller/build.js b/app/controller/build.js
index a74b226..cd77ed0 100644
--- a/app/controller/build.js
+++ b/app/controller/build.js
@@ -32,6 +32,10 @@ class BuildController extends Controller {
           jobName,
           buildNumber,
         });
+        // 如果没有git提交时间，用报告创建时间替代
+        if (!res.data.data.gitCommitInfo.date) {
+          res.data.data.gitCommitInfo.date = res.data.createdAt;
+        }
       } else {
         res = await ctx.service.build.queryByJobName({
           jobName,
@@ -51,6 +55,42 @@ class BuildController extends Controller {
     ctx.body = res;
   }
 
+  /**
+   * 查询最近的报告
+   */
+  async queryLatest() {
+    const { ctx } = this;
+    const Sequelize = ctx.app.Sequelize;
+    const Op = Sequelize.Op;
+    const { jobName, gitBranch, subJobName } = ctx.request.body;
+    const query = {
+      limit: 5,
+      where: {},
+      order: [
+        [
+          'createdAt',
+          'DESC',
+        ],
+      ],
+    };
+    if (jobName) {
+      query.where.jobName = jobName.replace('__', '/');
+    }
+    if (gitBranch) {
+      query.where.gitBranch = gitBranch;
+    }
+    if (subJobName) {
+      // "subJobName": xxx
+      query.where.extendInfo = {
+        [Op.like]: Sequelize.literal(`\'%"${subJobName}"%\'`),
+      };
+    }
+    const result = await this.ctx.model.Build.findAll(query);
+    ctx.success({
+      result,
+    });
+  }
+
   async queryLatestByJobNameAndGitBranch() {
     const jobName = this.ctx.params.jobName;
     const gitBranch = this.ctx.params.gitBranch;
@@ -72,6 +112,25 @@ class BuildController extends Controller {
     });
   }
 
+  async queryLatestByJobName() {
+    const jobName = this.ctx.params.jobName;
+    const result = await this.ctx.model.Build.findAll({
+      limit: 3,
+      where: {
+        jobName: jobName.replace('__', '/'),
+      },
+      order: [
+        [
+          'createdAt',
+          'DESC',
+        ],
+      ],
+    });
+    this.ctx.success({
+      result,
+    });
+  }
+
   async update() {
     const ctx = this.ctx;
     const uniqId = ctx.params.uniqId;
diff --git a/app/controller/gw.js b/app/controller/gw.js
index 90f6dcf..64e82d4 100644
--- a/app/controller/gw.js
+++ b/app/controller/gw.js
@@ -68,6 +68,7 @@ class GwController extends Controller {
         gitBranch,
         data,
         state,
+        extendInfo: data.extendInfo || {},
       });
     }
 
diff --git a/app/controller/insight.js b/app/controller/insight.js
index 675c35b..27274f4 100644
--- a/app/controller/insight.js
+++ b/app/controller/insight.js
@@ -60,7 +60,7 @@ class InsightController extends Controller {
           'createdAt',
           'finishedAt',
         ],
-        limit: 100,
+        limit: 5,
         order: [[ 'createdAt', 'DESC' ]],
       };
       if (allBranches === 'N') {
@@ -78,7 +78,7 @@ class InsightController extends Controller {
       if (res.length === 0) return null;
 
       const lastCommit = {
-        committer: ctx.safeGet(res, '[0].data.gitCommitInfo.committer.name'),
+        committer: ctx.safeGet(res, '[0].data.gitCommitInfo.author'),
         shortHash: ctx.safeGet(res, '[0].data.gitCommitInfo.shortHash'),
         commitUrl: this._getCommitUrl(res[0]),
       };
diff --git a/app/extend/helper.js b/app/extend/helper.js
index c1adb21..ff6d562 100644
--- a/app/extend/helper.js
+++ b/app/extend/helper.js
@@ -46,7 +46,7 @@ module.exports = {
     text.push(`#### Platform: ${environment.platform}`);
     text.push('#### Commit');
     text.push(`[${gitCommitInfo.shortHash}](${gitUrl}/commit/${gitCommitInfo.hash}): ${gitCommitInfo.subject}`);
-    text.push(`> committer:[@${gitCommitInfo.committer.name}]() author:[@${gitCommitInfo.author.name}]()`);
+    text.push(`> committer:[@${gitCommitInfo.author.name}]() author:[@${gitCommitInfo.author.name}]()`);
 
     // test report info
 
diff --git a/app/router.js b/app/router.js
index 087390e..76cc9c7 100644
--- a/app/router.js
+++ b/app/router.js
@@ -12,7 +12,9 @@ module.exports = app => {
   router.post('/api/gw', controller.gw.index);
 
   // latestBuild
+  router.post('/api/latestBuild', controller.build.queryLatest);
   router.get('/api/latestBuild/:jobName/:gitBranch+', controller.build.queryLatestByJobNameAndGitBranch);
+  router.get('/api/latestBuild/:jobName', controller.build.queryLatestByJobName);
 
   // insight
   router.get('/api/insight/ci', controller.insight.ci);
diff --git a/view/.babelrc b/view/.babelrc
index 79f0ada..9b2c266 100644
--- a/view/.babelrc
+++ b/view/.babelrc
@@ -12,6 +12,8 @@
         "style": "css"
       }
     ],
+    "@babel/plugin-proposal-nullish-coalescing-operator",
+    "@babel/plugin-proposal-optional-chaining",
     "@babel/plugin-transform-runtime",
     "@babel/plugin-proposal-class-properties",
     "@babel/plugin-proposal-export-default-from"
diff --git a/view/.browserslistrc b/view/.browserslistrc
deleted file mode 100644
index 0079123..0000000
--- a/view/.browserslistrc
+++ /dev/null
@@ -1,8 +0,0 @@
-> 1%
-last 2 versions
-Firefox ESR
-not ie 10
-not ie_mob 10
-
-[development]
-last 1 chrome version
diff --git a/view/lib/render.js b/view/lib/render.js
index 35e9e00..b2a0e6c 100644
--- a/view/lib/render.js
+++ b/view/lib/render.js
@@ -7,7 +7,7 @@ const templatePath = path.join(__dirname, '..', 'index.html');
 const template = fs.readFileSync(templatePath, 'utf8');
 
 module.exports = async (context, options = {}) => {
-  const content = template.replace(/<!--\s*data\s*-->/, () => {
+  return template.replace(/<!--\s*data\s*-->/, () => {
     return `
           <script>
             window.pageConfig = ${JSON.stringify(options, null, 2)};
@@ -17,6 +17,5 @@ module.exports = async (context, options = {}) => {
   }).replace(/<!--\s*title\s*-->/, () => {
     return `${options.title}`;
   });
-  return content;
 };
 
diff --git a/view/package.json b/view/package.json
index 354e7f5..7f1b3ef 100644
--- a/view/package.json
+++ b/view/package.json
@@ -24,6 +24,8 @@
     "@babel/core": "^7.0.0",
     "@babel/plugin-proposal-class-properties": "^7.0.0",
     "@babel/plugin-proposal-export-default-from": "^7.0.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
     "@babel/plugin-syntax-dynamic-import": "^7.0.0",
     "@babel/plugin-transform-runtime": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
@@ -38,7 +40,6 @@
     "babel-plugin-istanbul": "^5.0.1",
     "cross-env": "^7.0.3",
     "css-loader": "^0.28.11",
-    "dayjs": "^1.7.7",
     "eslint": "^4.5.0",
     "eslint-config-antife": "^1.0.2",
     "eslint-plugin-mocha": "^5.0.0",
@@ -52,6 +53,7 @@
     "macaca-electron": "18",
     "macaca-wd": "3",
     "mini-css-extract-plugin": "^2.5.3",
+    "moment": "^2.29.4",
     "postcss-loader": "^2.1.6",
     "qrcode-react": "^0.1.16",
     "query-string": "^6.2.0",
diff --git a/view/src/components/BuildsTable.js b/view/src/components/BuildsTable.js
index 4622f65..2137701 100644
--- a/view/src/components/BuildsTable.js
+++ b/view/src/components/BuildsTable.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import dayjs from 'dayjs';
+import moment from 'moment';
 import { Link } from 'react-router-dom';
 import {
   Table,
@@ -18,10 +18,11 @@ import {
 } from '../util/index';
 
 import './buildsTable.less';
+import { strUtil } from '../util/dataUtil';
 
 export default class BuildsTable extends React.Component {
   handleTableChange = (pagination, filters, sorter) => {
-    const pager = { ...this.props.pagination };
+    const pager = { ...this.props.pagination, ...pagination };
     pager.current = pagination.current;
     this.props.updatePagination(pager, this.props.jobName);
   }
@@ -49,7 +50,7 @@ export default class BuildsTable extends React.Component {
   }, {
     title: <FormattedMessage id='builds.buildNumber' />,
     dataIndex: 'buildNumber',
-    width: 160,
+    width: 200,
     render: (value, record) => (
       <span>
         <a
@@ -65,7 +66,7 @@ export default class BuildsTable extends React.Component {
           href={record.buildUrl}
           target="_blank"
         >
-          {value}
+          {strUtil.cutStrTail(15, value)}
         </a>
       </span>
     ),
@@ -77,7 +78,7 @@ export default class BuildsTable extends React.Component {
     dataIndex: 'buildEndTime',
     render: (text, record) => (
       <span>
-        {dayjs(text).format('YYYY-MM-DD HH:mm:ss')}
+        {moment(text).format('YYYY-MM-DD HH:mm:ss')}
       </span>
     ),
   }, {
@@ -94,7 +95,7 @@ export default class BuildsTable extends React.Component {
     width: 120,
     render: (text, record) =>
       <span>
-        {record.gitCommitInfo.committer.name}
+        {record.gitCommitInfo.author?.name}
       </span>,
   }, {
     title: <FormattedMessage id='builds.detailInfo' />,
diff --git a/view/src/components/BuildsTabs.js b/view/src/components/BuildsTabs.js
index c877f31..d6cd338 100644
--- a/view/src/components/BuildsTabs.js
+++ b/view/src/components/BuildsTabs.js
@@ -74,13 +74,14 @@ class BuildsTabs extends React.Component {
     Object.assign(pager, pagination);
     this.setState({
       pagination: pager,
+    }, () => {
+      this.fetch(pagination, tab);
     });
-    this.fetch(pagination, tab);
   }
 
   fetch = (pager, tab) => {
     const param = {
-      num: this.state.pagination.pageSize,
+      num: pager && pager.pageSize || this.state.pagination.pageSize,
       page: pager && pager.current || 1,
       jobName: tab,
     };
diff --git a/view/src/components/DingdingSetting.js b/view/src/components/DingdingSetting.js
index 4003494..f59acb8 100644
--- a/view/src/components/DingdingSetting.js
+++ b/view/src/components/DingdingSetting.js
@@ -94,8 +94,8 @@ const DingdingSetting = () => {
                   <Form.Item
                     {...field}
                     {...webhookFormItemLayout}
-                    name={[field.name, 'url']}
-                    fieldKey={[field.fieldKey, 'url']}
+                    name={[field?.name, 'url']}
+                    fieldKey={[field?.fieldKey, 'url']}
                     validateTrigger={['onBlur']}
                     rules={[{
                       required: true,
@@ -107,7 +107,7 @@ const DingdingSetting = () => {
                     <Input
                       addonBefore={
                         <Form.Item
-                          name={[field.name, 'tag']}
+                          name={[field?.name, 'tag']}
                           initialValue="build"
                           noStyle
                         >
@@ -122,7 +122,7 @@ const DingdingSetting = () => {
                           style={{
                             cursor: 'pointer',
                           }}
-                          onClick={() => remove(field.name)}
+                          onClick={() => remove(field?.name)}
                         />
                       }
                     />
diff --git a/view/src/components/OneBuildTabs.js b/view/src/components/OneBuildTabs.js
index 5427238..0a6c390 100644
--- a/view/src/components/OneBuildTabs.js
+++ b/view/src/components/OneBuildTabs.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import dayjs from 'dayjs';
+import moment from 'moment';
 import safeGet from 'lodash.get';
 import { Spin, Tabs } from 'antd';
 import { FormattedMessage } from 'react-intl';
@@ -11,8 +11,6 @@ import TestTable from './TestTable';
 import ExtraTable from './ExtraTable';
 import FileTable from './FileTable';
 
-import { getBuildLink } from '../util';
-
 const TabPane = Tabs.TabPane;
 
 export default class OneBuildTabs extends React.Component {
@@ -38,12 +36,11 @@ export default class OneBuildTabs extends React.Component {
     };
     if (data && data.packages && data.packages.length && data.gitCommitInfo) {
       data.packages.forEach(item => {
-        const commitTime = data.gitCommitInfo.committer.date * 1000;
-        data.gitCommitInfo.commitTime = dayjs(commitTime).format('YYYY-MM-DD HH:mm:ss');
+        data.gitCommitInfo.commitTime = moment(data.gitCommitInfo?.date).format('YYYY-MM-DD HH:mm:ss');
         data.gitCommitInfo.gitHref = `${data.gitCommitInfo.gitUrl}/commit/${data.gitCommitInfo.hash}`;
         result.packages.push({
           ...item,
-          download: getBuildLink(this.props.data, item.path),
+          download: item.path || '',
           gitCommitInfo: data.gitCommitInfo,
           buildUniqId: data.buildUniqId,
         });
@@ -55,22 +52,21 @@ export default class OneBuildTabs extends React.Component {
   getTestInfo () {
     const data = this.props.data;
     const result = [];
-    if (data && data.testInfo && data.testInfo.tests) {
+    if (data && data.testInfo) {
       const report = data.testInfo.testHtmlReporterPath;
       const coverage = data.testInfo.coverageHtmlReporterPath;
-      const commitTime = data.gitCommitInfo.committer.date * 1000;
       result.push({
         lineCoverage: data.testInfo.linePercent,
         passingRate: data.testInfo.passPercent,
         testInfo: data.testInfo,
-        testReporter: getBuildLink(this.props.data, report),
-        coverageReporter: getBuildLink(this.props.data, coverage),
+        testReporter: report || '',
+        coverageReporter: coverage || '',
         gitBranch: data.gitCommitInfo.gitBranch,
         gitCommit: data.gitCommitInfo.shortHash,
         gitHref: `${data.gitCommitInfo.gitUrl}/commit/${data.gitCommitInfo.hash}`,
-        committer: data.gitCommitInfo.committer.name,
-        committerEmail: data.gitCommitInfo.committer.email,
-        commitTime: dayjs(commitTime).format('YYYY-MM-DD HH:mm:ss'),
+        committer: data.gitCommitInfo.author?.name,
+        committerEmail: data.gitCommitInfo.author?.email,
+        commitTime: moment(data.gitCommitInfo?.date).format('YYYY-MM-DD HH:mm:ss'),
       });
     }
     return result;
@@ -83,7 +79,7 @@ export default class OneBuildTabs extends React.Component {
       data.files.forEach(item => {
         result.push({
           fileName: item,
-          fileAddress: getBuildLink(this.props.data, item),
+          fileAddress: item || '',
         });
       });
     }
diff --git a/view/src/components/PkgTable.js b/view/src/components/PkgTable.js
index 38912a4..fe06a91 100644
--- a/view/src/components/PkgTable.js
+++ b/view/src/components/PkgTable.js
@@ -76,10 +76,10 @@ export default class PkgTable extends React.Component {
           <Popover content={
             <ul className="commit-pop-block">
               <li>
-            committer name: { safeGet(record, 'gitCommitInfo.committer.name') }
+            committer name: { safeGet(record, 'gitCommitInfo.author.name') }
               </li>
               <li>
-            committer email: { safeGet(record, 'gitCommitInfo.committer.email') }
+            committer email: { safeGet(record, 'gitCommitInfo.author.email') }
               </li>
               <li>
             author name: { safeGet(record, 'gitCommitInfo.author.name') }
@@ -100,7 +100,7 @@ export default class PkgTable extends React.Component {
               target="_blank"
             >
               {record.gitCommitInfo.shortHash}
-            </a> {record.gitCommitInfo.committer.name}
+            </a> {record.gitCommitInfo.author?.name}
           </Popover>
         );
       },
@@ -171,7 +171,7 @@ export default class PkgTable extends React.Component {
               ${safeGet(this.state.record, 'gitCommitInfo.commitTime')} |
               ${safeGet(this.state.record, 'gitCommitInfo.shortHash')} |
               ${safeGet(this.state.record, 'gitCommitInfo.gitBranch')} |
-              ${safeGet(this.state.record, 'gitCommitInfo.committer.name')}`
+              ${safeGet(this.state.record, 'gitCommitInfo.author.name')}`
             }
           </div>
         </Modal>
diff --git a/view/src/components/SiderBar.js b/view/src/components/SiderBar.js
index aa61a84..1757eee 100644
--- a/view/src/components/SiderBar.js
+++ b/view/src/components/SiderBar.js
@@ -12,7 +12,6 @@ import {
   SettingOutlined,
 } from '@ant-design/icons';
 import { FormattedMessage } from 'react-intl';
-import Icon from './Icon';
 
 const Sider = Layout.Sider;
 
@@ -33,10 +32,7 @@ export default class SiderBar extends React.Component {
       >
         <div className="logo">
           <Link to="/">
-            <Icon
-              width={30}
-              type="logo"
-            />
+            <img alt="logo" src="https://macacajs.github.io/reliable/logo/reliable.svg" />
             <h1>Reliable</h1>
           </Link>
         </div>
diff --git a/view/src/page/Insight.js b/view/src/page/Insight.js
index 409a33f..87124ce 100644
--- a/view/src/page/Insight.js
+++ b/view/src/page/Insight.js
@@ -122,13 +122,15 @@ export default class Builds extends React.Component {
     }, {
       title: <FormattedMessage id='insight.test.lineCoverage.latest' />,
       dataIndex: 'linePercentList[0].linePercent',
+      key: 'latestLinePercent',
       render: (text, record) => {
+        const pct = record.linePercentList[0].linePercent;
         const coverageUrl = safeGet(record, 'linePercentList[0].coverageUrl');
-        if (!text) {
+        if (!pct) {
           return '-';
         }
         return <a target="_blank" href={coverageUrl}>
-          {text}%
+          {pct}%
         </a>;
       },
     }, {
@@ -233,47 +235,6 @@ export default class Builds extends React.Component {
           </Popover>
           : '-';
       },
-    }, {
-      title: <FormattedMessage id='insight.test.duration' />,
-      dataIndex: 'humanizeDuration',
-      render: (text, record) => {
-        return record.humanizeDuration
-          ? <Popover
-            placement="right"
-            title={<FormattedMessage id='insight.test.duration.history' />}
-            content={
-              <Table
-                size="small"
-                dataSource={record.durationList}
-                columns={[
-                  {
-                    title: 'Commit',
-                    dataIndex: 'commitUrl',
-                    key: 'commitUrl',
-                    render: (text, record) => {
-                      return <a target="_blank" href={text}>{record.shortHash}</a>;
-                    },
-                  },
-                  {
-                    title: 'Duration',
-                    dataIndex: 'duration',
-                    key: 'duration',
-                    align: 'right',
-                  },
-                  {
-                    title: 'CreatedAt',
-                    dataIndex: 'createdAt',
-                    key: 'createdAt',
-                    align: 'right',
-                  },
-                ]}
-              />
-            }
-          >
-            <a>{record.humanizeDuration}</a>
-          </Popover>
-          : '-';
-      },
     }, {
       title: <FormattedMessage id='insight.committer' />,
       dataIndex: 'committer',
@@ -282,7 +243,7 @@ export default class Builds extends React.Component {
           target="_blank"
           href={record.lastCommit.commitUrl}
           style={{marginLeft: '4px'}}
-        >{ record.lastCommit.committer }</a>,
+        >{ record.lastCommit.committer.name }</a>,
     }];
   }
 
diff --git a/view/src/util/dataUtil.js b/view/src/util/dataUtil.js
new file mode 100644
index 0000000..ee03b84
--- /dev/null
+++ b/view/src/util/dataUtil.js
@@ -0,0 +1,11 @@
+'use strict';
+
+export const strUtil = {
+  cutStrTail(length, str) {
+    if (typeof str === 'string' && str.length > 0) {
+      return str && str.length > length ? `${str.substring(0, length)}...` : str;
+    } else {
+      return '无';
+    }
+  },
+};
diff --git a/view/src/util/index.js b/view/src/util/index.js
index c937b96..8a0eb28 100644
--- a/view/src/util/index.js
+++ b/view/src/util/index.js
@@ -31,19 +31,6 @@ export const logger = (...content) => {
   console.log(...content);
 };
 
-export const getBuildLink = (data, target) => {
-  // TODO remove
-
-  if (!target) {
-    return '';
-  };
-
-  if (target.startsWith('http://') || target.startsWith('https://')) {
-    return target;
-  }
-  return;
-};
-
 export const mapBuildDataToColor = data => {
   const state = data && data.state;
   if (state === 'INIT') return;
diff --git a/view/src/util/request.js b/view/src/util/request.js
index c1b4825..70e9b47 100644
--- a/view/src/util/request.js
+++ b/view/src/util/request.js
@@ -59,12 +59,11 @@ export default async (url, method = 'GET', params = {}) => {
     const data = await res.json();
     if (data.url) {
       location.href = url;
-      return;
     }
   } else {
     return {
       success: false,
       message: 'Network Errror',
     };
-  };
+  }
 };