<!-- 悬浮图片页面 -->
|
<view class="float-image-page">
|
<!-- 案件信息卡片 -->
|
<view class="case-info-card">
|
<view class="card-title" bindtap="toggleCard">
|
<!-- <image src="/static/images/case-icon.png" class="case-icon"></image> -->
|
<text>案件信息</text>
|
<view class="expand-icon {{isCardExpanded ? 'expanded' : ''}}"></view>
|
</view>
|
<view class="card-content {{isCardExpanded ? 'expanded' : ''}}">
|
<!-- 基本信息，始终显示 -->
|
<view class="info-item">
|
<text class="label">案件编号：</text>
|
<text class="value">{{submitData.caseNo || '--'}}</text>
|
</view>
|
<!-- 展开后显示的详细信息 -->
|
<block wx:if="{{isCardExpanded}}">
|
<view class="divider"></view>
|
<view class="info-item">
|
<text class="label">纠纷类型：</text>
|
<text class="value">{{submitData.caseTypeName || '--'}}</text>
|
</view>
|
<view class="info-item">
|
<text class="label">纠纷地点：</text>
|
<text class="value">{{submitData.addr || '--'}}</text>
|
</view>
|
<view class="info-item">
|
<text class="label">事项概况：</text>
|
<text class="value">{{submitData.caseDes || '--'}}</text>
|
</view>
|
<view class="info-item">
|
<text class="label">事项申请：</text>
|
<text class="value">{{submitData.caseClaim || '--'}}</text>
|
</view>
|
</block>
|
</view>
|
</view>
|
|
<view class="float-image-page-content">
|
<!-- 聊天记录区域 -->
|
<scroll-view
|
scroll-y
|
class="{{isCardExpanded ? 'chat-list1' : 'chat-list' }}"
|
scroll-into-view="{{scrollToView}}"
|
scroll-with-animation="{{true}}"
|
enable-passive="{{true}}"
|
enable-back-to-top="{{true}}"
|
bounces="{{false}}"
|
refresher-enabled="{{false}}"
|
show-scrollbar="{{false}}"
|
scroll-anchoring="{{true}}">
|
<block wx:for="{{chatList}}" wx:key="index">
|
<!-- AI消息 -->
|
<view class="chat-item ai" wx:if="{{item.type === 'ai'}}" id="msg-{{index}}">
|
<!-- <image class="avatar" src="{{demoImgUrl}}" /> -->
|
<view style="padding-left: 24rpx;"></view>
|
<view class="message">
|
<view class="message-content">{{item.content}}</view>
|
</view>
|
</view>
|
<!-- 用户消息 -->
|
<view class="chat-item user" wx:if="{{item.type === 'user'}}" id="msg-{{index}}">
|
<view class="user-message-container">
|
<view class="message">
|
<view class="message-content">{{item.content}}</view>
|
</view>
|
<image class="avatar" src="{{userInfo.avatar || imgUrl}}" />
|
</view>
|
</view>
|
</block>
|
<view class="card" id="card-bottom">
|
<view class="card_main">
|
<block wx:if="{{caseData.length>0}}">
|
<view class="caseList_head">
|
<van-icon size="22" name="/img/AIAide_1.png" />为您推荐与申请相似的典型案例（{{caseData.length}}）
|
</view>
|
<view class="caseList" bindtap="caseClick" data-caseId="{{item.caseId}}" data-caseName="{{item.caseName}}" data-caseType="{{item.caseType}}" data-url="../../pages/AIAideDetail/index" wx:for="{{caseData}}" wx:key="index">
|
<view class="caseList_flex">
|
<text class="ellipsis">{{item.caseName}}</text>
|
<view class="cell-arrow">
|
<van-icon color="#1A6FB8" size="14" name="arrow" />
|
</view>
|
</view>
|
<!-- <view class="caseList_title">相似度：{{'-'}}% | 发生地：广东省 广州市</view> -->
|
</view>
|
</block>
|
<block wx:if="{{AIData.length>0}}">
|
<view class="line"></view>
|
<view class="caseList_head">
|
<van-icon size="22" name="/img/AIAide_2.png" />为您推荐与申请相关的专业法条（{{AIData.length}}）
|
</view>
|
<view class="caseList" wx:for="{{AIData}}" wx:key="index">
|
<view bindtap="lawClick" data-item="{{item}}" data-index="{{index}}" class="caseList_flex">
|
<text class="ellipsis">《{{item.lawTitle}}》{{item.lawIndex}}</text>
|
<view wx:if="{{item.show}}" class="cell-arrow">
|
<van-icon color="#1A6FB8" size="14" name="arrow-down" />
|
</view>
|
<view wx:else class="cell-arrow">
|
<van-icon color="#1A6FB8" size="14" name="arrow-up" />
|
</view>
|
</view>
|
<view wx:if="{{item.show}}" class="show-line">
|
|
</view>
|
<view wx:if="{{item.show}}" class="show-Law">
|
{{item.lawDesc}}
|
</view>
|
</view>
|
<view class="assess">
|
<van-icon size="18" name="/img/AIAide_4.png" bindtap="showEvaluationPopup" />
|
</view>
|
</block>
|
<!-- <view wx:if="{{caseData.length}}" class="flex_end">以上内容均由人工智能模型生成，其生成内容的准确性和完整性无法保证，不代表我们的态度或观点</view> -->
|
<view wx:if="{{caseData.length}}" class="flex_end"></view>
|
</view>
|
</view>
|
</scroll-view>
|
|
<!-- 动图展示区域 -->
|
<view class="gif-container">
|
<image class="gif-image" src="{{isTyping ? demoAIImgUrl : demoImgUrl}}" />
|
<view class="quick-buttons">
|
<view class="quick-button" bindtap="handleQuickButton" data-type="case">类案推荐</view>
|
<view class="quick-button" bindtap="handleQuickButton" data-type="law">相关法条</view>
|
<view class="quick-button" bindtap="handleQuickButton" data-type="strategy">调解策略</view>
|
</view>
|
</view>
|
|
<!-- 输入区域 -->
|
<view class="input-area">
|
<view bindtouchstart="touchStart" bindtouchend="touchEnd" class="voice-btn">
|
<image src="{{imageUrl}}voiceOcr.png" mode="" />
|
</view>
|
<view class="input-wrapper">
|
<input class="input-field" value="{{ inputValue }}" placeholder="请输入您的问题" bindinput="onInputChange" />
|
<view class="send-btn" bindtap="sendMessage" wx:if="{{inputValue}}">发送</view>
|
</view>
|
</view>
|
</view>
|
|
<view wx:if="{{showModal}}" class="modal-card">
|
<!-- <image class="modal-img" src="{{imgUrl}}speechToText.png" mode="" /> -->
|
<view class="recording">
|
<!-- 语音动画 -->
|
<block>
|
<view class="time-box">
|
<view class="time-box-top">
|
<view class="hr hr1" />
|
<view class="hr hr2" />
|
<view class="hr hr3" />
|
<view class="hr hr4" />
|
<view class="hr hr5" />
|
<view class="hr hr6" />
|
<view class="hr hr7" />
|
<view class="hr hr8" />
|
<view class="hr hr9" />
|
<view class="hr hr10" />
|
</view>
|
<view class="time-box-bottom">
|
<view class="hr hr1" />
|
<view class="hr hr2" />
|
<view class="hr hr3" />
|
<view class="hr hr4" />
|
<view class="hr hr5" />
|
<view class="hr hr6" />
|
<view class="hr hr7" />
|
<view class="hr hr8" />
|
<view class="hr hr9" />
|
<view class="hr hr10" />
|
</view>
|
</view>
|
<view class="recording-title">松开结束，上滑取消</view>
|
</block>
|
</view>
|
</view>
|
</view>
|
