feat: home page code optimization

Change-Id: I9b8d91cad2ce1a558a561fe48aeec6da52e7563c
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

diff --git a/usecaseui-portal/src/app/views/home/home.component.html b/usecaseui-portal/src/app/views/home/home.component.html
index 4126f24..5f95682 100644 (file)
--- a/usecaseui-portal/src/app/views/home/home.component.html
+++ b/usecaseui-portal/src/app/views/home/home.component.html
@@ -14,18 +14,11 @@
     limitations under the License.
 -->
 
-<!--<h3 class="title"> {{"Overall trend" | translate}}</h3>
-<hr> -->
 <div class="content">
   <div class="left-content">
     <div class="services">
       <h4>{{"i18nTextDefine_SERVICES" | translate}}</h4>
-      <!-- <h3>{{serviceNumber}} <span>{{"services" | translate}}</span> </h3>
-      <p>{{serviceNumber}} {{"services has been created" | translate}}</p> -->
-      <app-pie [initData]="serviceChartInit" [chartData]="serviceChartData" *ngIf="serviceChart"></app-pie>
-      <div *ngIf="!serviceChart"
-        style="color: #ddd; font-weight: 700;font-size: 19px;height: 200px;text-align: center;line-height: 8;">No Service Instances </div>
-
+      <app-pie [initData]="serviceChartInit" [chartData]="serviceChartData"></app-pie>
       <div>
         <h5><span>{{"i18nTextDefine_Total" | translate}}:</span> {{serviceNumber}}
           <span>{{"i18nTextDefine_cutomers_and" | translate}}</span> {{serviceNumber}}

diff --git a/usecaseui-portal/src/app/views/home/home.component.less b/usecaseui-portal/src/app/views/home/home.component.less
index 9e768cf..affe476 100644 (file)
--- a/usecaseui-portal/src/app/views/home/home.component.less
+++ b/usecaseui-portal/src/app/views/home/home.component.less
@@ -13,17 +13,7 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 */
-// .title {
-//     font: 700 18px/18px "思源黑体";
-//     color: #4c5e70;
-//     margin-bottom: 18px; 
-// }
-// hr {
-//     border: none;
-//     height: 2px;
-//     background-color: #dce1e7;
-//     margin-bottom: 20px;
-// }
+
 .content {
     padding: 20px 20px;
     overflow: hidden;
@@ -254,7 +244,7 @@
                         right: 12px;
                     }
                 }
-                //下拉框中的样式在style.less中，下拉框是在body中额外临时生成的
+                //The style in the drop-down box is in style.less, and the drop-down box is extra temporary generated in the body.
             }
             #pfVmChartLine {
                 width: 100%;