diff --git a/mindinsight/ui/src/common/common-property.js b/mindinsight/ui/src/common/common-property.js
index 730aa04c3ddfa82cb83cf921e919cb867ed6eba0..696736119b669b86c4057f0fcce3e6a83409fb2d 100644
--- a/mindinsight/ui/src/common/common-property.js
+++ b/mindinsight/ui/src/common/common-property.js
@@ -14,6 +14,29 @@
  * limitations under the License.
  */
 export default {
+  pieColorArr: [
+    '#6C92FA',
+    '#6CBFFF',
+    '#4EDED2',
+    '#7ADFA0',
+    '#A6DD82',
+    '#F6DF66',
+    '#FDCA5A',
+    '#FA8E5A',
+    '#F45C5E',
+    '#F3689A',
+    '#A97AF8',
+    '#3D58A6',
+    '#3673A3',
+    '#2C9990',
+    '#469965',
+    '#68994D',
+    '#A89636',
+    '#A8812C',
+    '#A6542D',
+    '#A34142',
+    '#664EA3',
+  ],
   commonColorArr: [
     '#6C92FA',
     '#FA8E5A',
diff --git a/mindinsight/ui/src/components/multiselectGroup.vue b/mindinsight/ui/src/components/multiselectGroup.vue
index d0078c483cc8f3c78a0219cd38802e9ca9989750..ab54c3e2d9eff7e78817d07d6819a8730bf3990d 100644
--- a/mindinsight/ui/src/components/multiselectGroup.vue
+++ b/mindinsight/ui/src/components/multiselectGroup.vue
@@ -79,7 +79,7 @@ limitations under the License.
                       popper-class="tooltip-show-content"
                       :content="item.label"
                       placement="top">
-            <span class="select-disable">><i title="CACHING" v-if="item.loading"
+            <span class="select-disable"><i title="CACHING" v-if="item.loading"
                  class="el-icon-loading"></i>{{item.label}}</span>
           </el-tooltip>
         </span>
diff --git a/mindinsight/ui/src/views/train-manage/compare-plate.vue b/mindinsight/ui/src/views/train-manage/compare-plate.vue
index e100203a91db79d334e1115df89f697d61166e90..18fc647e6ce7b5faac4450583ad338cba86dc3d2 100644
--- a/mindinsight/ui/src/views/train-manage/compare-plate.vue
+++ b/mindinsight/ui/src/views/train-manage/compare-plate.vue
@@ -260,7 +260,7 @@ export default {
     }
   },
   mounted() {
-    document.title = `${this.$t('summaryManage.comparePlate')} + -MindInsight`;
+    document.title = `${this.$t('summaryManage.comparePlate')}-MindInsight`;
     this.$nextTick(() => {
       // Adding a Listener
       window.addEventListener('resize', this.resizeCallback, false);
diff --git a/mindinsight/ui/src/views/train-manage/data-traceback.vue b/mindinsight/ui/src/views/train-manage/data-traceback.vue
index e80091bff9a33b604858cfc23c52112176a57e65..db0b552e91b505372894f1bc8b77a1d2f7b1a0f4 100644
--- a/mindinsight/ui/src/views/train-manage/data-traceback.vue
+++ b/mindinsight/ui/src/views/train-manage/data-traceback.vue
@@ -151,11 +151,10 @@ limitations under the License.
           </el-table-column>
           <!-- remark column -->
           <el-table-column fixed="right"
-                           width="220">
+                           width="310">
             <template slot="header">
               <div>
                 <div class="label-text">{{$t('public.remark')}}</div>
-                <br>
                 <div class="remark-tip">{{$t('modelTraceback.remarkTips')}}</div>
               </div>
             </template>
@@ -1879,7 +1878,7 @@ export default {
   .no-data-page {
     width: 100%;
     height: 100%;
-    padding-top: 254px;
+    padding-top: 224px;
   }
   .no-data-img {
     background: #fff;
@@ -2001,7 +2000,7 @@ export default {
       .hide-count {
         display: inline-block;
         position: absolute;
-        right: 400px;
+        right: 450px;
         height: 32px;
         line-height: 32px;
         padding-top: 12px;
diff --git a/mindinsight/ui/src/views/train-manage/model-traceback.vue b/mindinsight/ui/src/views/train-manage/model-traceback.vue
index 097eea3a5d4ef992af359c02bddac40a8f288173..9bb8df14de6f53e6ce0e8e16577eba33b31dbbc2 100644
--- a/mindinsight/ui/src/views/train-manage/model-traceback.vue
+++ b/mindinsight/ui/src/views/train-manage/model-traceback.vue
@@ -216,11 +216,10 @@ limitations under the License.
           </el-table-column>
           <!-- remark column -->
           <el-table-column fixed="right"
-                           width="220">
+                           width="310">
             <template slot="header">
               <div>
                 <div class="label-text">{{$t('public.remark')}}</div>
-                <br>
                 <div class="remark-tip">{{$t('modelTraceback.remarkTips')}}</div>
               </div>
             </template>
@@ -2063,7 +2062,7 @@ export default {
       .hide-count {
         display: inline-block;
         position: absolute;
-        right: 400px;
+        right: 450px;
         height: 32px;
         line-height: 32px;
         padding-top: 4px;
diff --git a/mindinsight/ui/src/views/train-manage/profiler.vue b/mindinsight/ui/src/views/train-manage/profiler.vue
index 37cfd0c1d4ba67152922585fd2fb03f36705817e..c427fc94a45f372aeb4e9bcaa550a7d54c843381 100644
--- a/mindinsight/ui/src/views/train-manage/profiler.vue
+++ b/mindinsight/ui/src/views/train-manage/profiler.vue
@@ -667,6 +667,7 @@ export default {
         row.opDetailCol = [];
         row.opDetailPage.offset = 0;
         row.pageTotal = 0;
+        row.op_sort_condition = {name: 'execution_time', type: 'descending'};
         this.getCoreDetailList(row);
       }
     },
@@ -698,6 +699,10 @@ export default {
      */
     coreTableChange() {
       if (this.statisticType === 1 && !this.opAllTypeList.opDetailCol.length) {
+        this.opAllTypeList.op_sort_condition = {
+          name: 'execution_time',
+          type: 'descending',
+        };
         this.getCoreDetailList(this.opAllTypeList);
       }
     },
diff --git a/mindinsight/ui/src/views/train-manage/scalar-compare.vue b/mindinsight/ui/src/views/train-manage/scalar-compare.vue
index b9a854d86d083d5c2f9e613b71f8edaa3c2c8fec..30e4977c54bbca1b22903c846ccbb00f1b95489f 100644
--- a/mindinsight/ui/src/views/train-manage/scalar-compare.vue
+++ b/mindinsight/ui/src/views/train-manage/scalar-compare.vue
@@ -457,7 +457,7 @@ export default {
      * updata smoothness
      */
 
-    updataInputValue() {
+    updataInputValue(val) {
       this.smoothValueNumber = Number(val);
       if (this.smoothSliderValueTimer) {
         clearTimeout(this.smoothSliderValueTimer);