!157 UI fix profiler and model trace issue

Merge pull request !157 from 潘慧/master_ph

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',

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);

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;

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;

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);
       }
     },

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);