fix:audio style

Change-Id: I14eef11e4b8e00d7093d2f7ff9b569784b05810d
Signed-off-by: liuwh7 <liuwh7@asiainfo.com>
Issue-ID: USECASEUI-525

3 files changed, 14 insertions, 9 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.html b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.html
index a448f3e0..586aa6fb 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.html
@@ -22,14 +22,14 @@
       </form>
       <div *ngIf='radioValue === "audio"' class="audio_class">
         <div class="recode_class">
-          <span>Sound Recording: </span>
+          <span>Sound Recording : </span>
           <i *ngIf='!isPlay' class="anticon anticon-play-circle-o audioBtn" (click)="startAudio()"></i>
           <i *ngIf='isPlay' class="anticon anticon-pause-circle-o audioBtn" (click)="stopAudio()"></i>
           
         </div>
         <div class="play_class">
-          <span>Audition: </span>
-          <button (click)="playAudio()">Click To Play</button>
+          <span>Audition : </span>
+          <button nz-button nzType="default" [disabled]='isDisable' (click)="playAudio()">Click To Play</button>
           <audio class="audio-node" id="audio_id" autoplay></audio>
         </div>
       </div>
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.less b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.less
index 025518f4..50d3af28 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.less
+++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.less
@@ -19,21 +19,24 @@
       margin-top: 30px;
       position: relative;
       span{
-        font-size: 26px;
+        font-size: 17px;
       }
       .audioBtn{
-        font-size: 27px;
+        font-size: 20px;
         position: absolute;
-        top: 10px;
-        left: 217px;
+        top: 5px;
+        left: 142px;
       }
       .anticon-pause-circle-o{
         color: red;
       }
     }
     .play_class{
-      font-size: 26px;
+      font-size: 17px;
       margin-top: 20px;
+      button {
+        margin-left: 2px;
+      }
     }
   }
 }
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.ts
index 15e8b1b3..94bccfe5 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.ts
@@ -27,7 +27,7 @@ export class InputBusinessOrderComponent implements OnInit {
   radioValue: String = 'text';
   isPlay: boolean = false;
   clickRepeat: boolean = false;
-
+  isDisable: boolean = true;
   ngOnInit() {
     this.validateRulesShow = [];
     this.rulesText = [];
@@ -94,10 +94,12 @@ export class InputBusinessOrderComponent implements OnInit {
   }
   startAudio(): void {
     this.isPlay = true;
+    this.isDisable = true;
     this.Recorder.beforeStartRecord();
   }
   stopAudio(): void {
     this.isPlay = false;
+    this.isDisable = false;
     this.Recorder.stopRecord();
   }
   playAudio(): void {