summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views
diff options
context:
space:
mode:
authorliuwh7 <liuwh7@asiainfo.com>2021-03-16 16:26:57 +0800
committerliuwh7 <liuwh7@asiainfo.com>2021-03-16 16:27:07 +0800
commitdbe4e2d3ce140a6ee11d720f6864a7bbdffc7721 (patch)
treeea87359b3c2676ea57ee8963e709810145a97c81 /usecaseui-portal/src/app/views
parent98ec05013e0a64cf440d71718e988f239b4b2f4e (diff)
fix:audio style
Change-Id: I14eef11e4b8e00d7093d2f7ff9b569784b05810d Signed-off-by: liuwh7 <liuwh7@asiainfo.com> Issue-ID: USECASEUI-525
Diffstat (limited to 'usecaseui-portal/src/app/views')
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.html6
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.less13
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.ts4
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 {