<div class="save add display_flex align-items_center justify-content_flex-center">
	<div class="modalBody">
		<div class="title">
			智能客服
			<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
		</div>
		<div class="view-box" #scrollContainer>
			<div *ngFor="let message of messagesData;">
				<div class="timestamp" *ngIf="message.showTime">
					<!-- {{ formatSendTime(message.timestamp) }} -->
				</div>
				<div class="content-message"
					[ngClass]="{'user-message' : message.role === 'user','bot-message': message.role === 'assistant'}">
					<!-- <markdown [data]="message.content" *ngIf="message.role=='assistant'"></markdown> -->
					<div class="content-left">
						<div markdown [data]="message.content" *ngIf="message.role=='assistant'"
							[ngClass]="{'mark-class' : isLoad}">
						</div>
						<i class="icon_transport transport-xiazai"
							*ngIf="message.role=='assistant' && message.content != '正在思考中...' && message.content != '抱歉，我现在无法回答您的问题，请稍后再试。'"
							(click)="exportWord(message)"></i>
					</div>
					<div *ngIf="message.role=='user'">{{message.content}}</div>
				</div>
			</div>
		</div>
		<div class="display_flex justify-content_flex-center">
			<nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton">
				<input type="text" [disabled]="isDisabled" (keydown.enter)="handleEnter()" nz-input [(ngModel)]="userContent"
					placeholder="请输入您想咨询的问题" />
			</nz-input-group>
			<ng-template #suffixIconButton>
				<button nz-button nzType="primary" [disabled]="isDisabled" nzSearch (click)="searchDeepSeek()"><i nz-icon
						nzType="search"></i></button>
			</ng-template>
		</div>
	</div>
</div>
	<div class="mask-style" *ngIf="exportLoading">
		<nz-spin nzSimple class="spin-style"></nz-spin>
	</div>