<!--调解详情 or 司法确认详情组件-->
|
<wxs module="wxs" src="../../utils/wxs/util.wxs" />
|
|
<!-- 司法确认信息 -->
|
<view class="card" wx:if="{{ judicialVisible }}">
|
<view class="user">
|
<image class="user-avatar" src="{{ imgUrl }}avatar-fg.png" />
|
<view class="user-content">
|
<view class="user-content-header">
|
<view class="user-content-header-title">{{ judicial_data.judgeName || '-' }}</view>
|
<van-icon color="#232323" name="phone-circle-o" size="16" />
|
<view class="user-content-header-phone" style="color:#232323">{{ judicial_data.judgeMobile || '-' }}</view>
|
</view>
|
<view class="user-content-subTitle">
|
<ellipsis-text content="承办法官 | {{ judicial_data.courtName || '-' }}" fontsize="24" />
|
</view>
|
</view>
|
</view>
|
<!-- 待开始 - 预约信息 -->
|
<view class="order" wx:if="{{ type === '2' && !!judicial_data.orderStartTime }}">
|
<view class="order-date">
|
<view class="order-date-day">
|
<time-format format="DD" value="{{ judicial_data.orderStartTime }}" />号
|
</view>
|
<view class="order-date-month">
|
<time-format format="M" value="{{ judicial_data.orderStartTime }}" />月
|
</view>
|
</view>
|
<view style="flex: 1;">
|
<view class="order-date-time">
|
<view>
|
预约时间:
|
<time-format format="HH:mm" value="{{ judicial_data.orderStartTime }}" />
|
<text>{{ ' ~ ' }}</text>
|
<time-format format="HH:mm" value="{{ judicial_data.orderEndTime }}" />
|
</view>
|
<view class="order-date-type">{{ judicial_data.meetWayName }}调解</view>
|
</view>
|
<view>预约地点：{{ judicial_data.meetAddr || '-' }}</view>
|
</view>
|
</view>
|
<!-- 进行中 - 司法确认信息 -->
|
<view class="mediateMsg mediateMsg-judge" wx:if="{{ type === '3' && !!judicial_data.judicStartTime }}">
|
<view>司法确认开始时间：{{ judicial_data.judicStartTime || '-' }}</view>
|
<view>司法确认地点：{{ judicial_data.meetAddr || '-' }}</view>
|
<view>司法确认方式：{{ judicial_data.meetWayName || '-' }}</view>
|
<view style="display:flex">
|
线上司法确认房间号：{{ judicial_data.roomNo || '-' }}
|
<view bind:tap="_handleCopy" class="mediateMsg-copy" data-text="{{ judicial_data.roomNo }}">
|
<van-icon name="{{ imgUrl }}copy.png" size="12" />
|
<view style="padding-left:8rpx">复制</view>
|
</view>
|
</view>
|
</view>
|
<!-- 司法确认结束 -->
|
<block wx:if="{{ type === '4' }}">
|
<view class="mediateMsg mediateMsg-judge mediateMsg-margin">
|
<view>司法确认时间：{{ judicial_data.judicStartTime || '-' }} ~ {{ judicial_data.judicEndTime || '-' }}</view>
|
<view>司法确认地点：{{ judicial_data.meetAddr || '-' }}</view>
|
<view>司法确认方式：{{ judicial_data.meetWayName || '-' }}</view>
|
<view>
|
司法确认结果：
|
<text style="color: {{ judicial_data.judicResult === '22_00028-1' ? '#07c160' : '#ee0a24' }};">{{ judicial_data.judicResultName || '-' }}</text>
|
</view>
|
</view>
|
<view
|
catchtap="_handleOpenFiles"
|
class="action-file action-file-color2"
|
data-item="{{ item }}"
|
style="{{ judicial_fileInfoList.length - 1 === index ? 'margin-bottom: 0;' : '' }}"
|
wx:for="{{ judicial_fileInfoList }}"
|
wx:key="index"
|
>
|
<view class="action-file-name action-file-name-color2">
|
<view>民事</view>
|
<view>裁定</view>
|
</view>
|
<view class="action-file-content">
|
<view class="action-file-content-name">{{ item.name }}</view>
|
<view class="action-file-content-btn action-file-content-btn-color2">点击查看</view>
|
</view>
|
</view>
|
</block>
|
</view>
|
|
<!-- 调解信息 -->
|
<view class="card" wx:if="{{ mediateVisible }}">
|
<view class="user">
|
<image class="user-avatar" src="{{ imgUrl }}avatar-tjy.png" />
|
<view class="user-content">
|
<view class="user-content-header">
|
<view class="user-content-header-title">{{ mediate_data.mediator || '-' }}</view>
|
<van-icon color="#71B4E3" name="phone-circle-o" size="16" />
|
<view class="user-content-header-phone" style="color:#71B4E3">{{ mediate_data.mediatorMobile || '-' }}</view>
|
</view>
|
<view class="user-content-subTitle">
|
<ellipsis-text content="调解员 | {{ mediate_data.mediateUnitName || '-' }}" fontsize="24" />
|
</view>
|
</view>
|
</view>
|
<block wx:if="{{ pageType === '1' }}">
|
<!-- 待调解 - 预约信息 -->
|
<view class="order" wx:if="{{ type === '2' && !!mediate_data.meetInfo.orderStartTime }}">
|
<view class="order-date">
|
<view class="order-date-day">
|
<time-format format="DD" value="{{ mediate_data.meetInfo.orderStartTime }}" />号
|
</view>
|
<view class="order-date-month">
|
<time-format format="M" value="{{ mediate_data.meetInfo.orderStartTime }}" />月
|
</view>
|
</view>
|
<view style="flex: 1;">
|
<view class="order-date-time">
|
<view>
|
预约时间:
|
<time-format format="HH:mm" value="{{ mediate_data.meetInfo.orderStartTime }}" />
|
<text>{{ ' ~ ' }}</text>
|
<time-format format="HH:mm" value="{{ mediate_data.meetInfo.orderEndTime }}" />
|
</view>
|
<view class="order-date-type">{{ mediate_data.meetInfo.meetWayName }}调解</view>
|
</view>
|
<view>预约地点：{{ mediate_data.meetInfo.meetAddr || '-' }}</view>
|
</view>
|
</view>
|
<!-- 调解中 - 调解信息 -->
|
<view class="mediateMsg" wx:if="{{ type === '3' && !!mediate_data.mediStartTime }}">
|
<view>调解开始时间：<time-format value="{{ mediate_data.mediStartTime }}" /></view>
|
<view>调解地点：{{ mediate_data.meetInfo.meetAddr || '-' }}</view>
|
<view>调解方式：{{ mediate_data.meetInfo.meetWayName || '-' }}</view>
|
<view style="display:flex">
|
线上调解房间号：{{ mediate_data.meetInfo.roomNo || '-' }}
|
<view bind:tap="_handleCopy" class="mediateMsg-copy" data-text="{{ mediate_data.meetInfo.roomNo }}">
|
<van-icon name="{{ imgUrl }}copy.png" size="12" />
|
<view style="padding-left:8rpx">复制</view>
|
</view>
|
</view>
|
</view>
|
</block>
|
<!-- 调解结束 -->
|
<block wx:if="{{ type === '4' || pageType === '2'}}">
|
<view class="mediateMsg mediateMsg-margin">
|
<view wx:if="{{ judicialVisible }}">调解案号：{{ mediate_data.caseNo || '-' }}</view>
|
<view>
|
调解时间：
|
<time-format value="{{ mediate_data.mediStartTime }}" />
|
<text>{{' ~ '}}</text>
|
<time-format value="{{ mediate_data.mediEndTime }}" />
|
</view>
|
<view>调解地点：{{ mediate_data.meetInfo.meetAddr || '-' }}</view>
|
<view>调解方式：{{ mediate_data.meetInfo.meetWayName || '-' }}</view>
|
<view>
|
调解结果：
|
<text style="color: {{ mediate_data.mediResult === '22_00025-1' ? '#07c160' : '#ee0a24' }};">{{ mediate_data.mediResultName || '-' }}</text>
|
</view>
|
</view>
|
<view
|
catchtap="_handleOpenFiles"
|
class="action-file action-file-color1"
|
data-item="{{ item }}"
|
style="{{ mediate_fileInfoList.length - 1 === index ? 'margin-bottom: 0;' : '' }}"
|
wx:for="{{ mediate_fileInfoList }}"
|
wx:key="index"
|
>
|
<view class="action-file-name action-file-name-color1">
|
<view>调解</view>
|
<view>协议</view>
|
</view>
|
<view class="action-file-content">
|
<view class="action-file-content-name">{{ item.name }}</view>
|
<view class="action-file-content-btn action-file-content-btn-color1">点击查看</view>
|
</view>
|
</view>
|
</block>
|
</view>
|
|
<!-- 纠纷信息 -->
|
<block>
|
<!-- 意向组织 or 意向调解员 -->
|
<view
|
class="card card2"
|
style="background: linear-gradient(95deg,rgba(173,198,255,0.50) 0%, rgba(214,228,255,0.80) 4%, rgba(214,228,255,0.55) 100%)"
|
wx:if="{{ mediate_data.wantUserId || mediate_data.wantUnitId }}"
|
>
|
<view class="cell">
|
<view class="cell-title">意向{{ mediate_data.wantUserId ? '调解员' : '调解组织' }}</view>
|
<view class="cell-select">{{ mediate_data.wantUserId ? mediate_data.wantUserName : mediate_data.wantUnitName }}</view>
|
</view>
|
</view>
|
<view class="card">
|
<view class="cell3">
|
<view class="cell-title-placeholder">纠纷发生地</view>
|
<view>{{ mediate_data.prov ? wxs.showLocation(mediate_data) : '-' }}</view>
|
</view>
|
<view class="cell3">
|
<view class="cell-title-placeholder">纠纷发生详址</view>
|
<view>{{ mediate_data.addr || '-' }}</view>
|
</view>
|
<view class="cell3">
|
<view class="cell-title-placeholder">纠纷类型</view>
|
<view>{{ mediate_data.caseTypeName || '-' }}</view>
|
</view>
|
<view class="cell3">
|
<view class="cell-title-placeholder">纠纷描述</view>
|
<view>
|
<rich-text nodes="{{ caseDesHtml }}"></rich-text>
|
</view>
|
</view>
|
<view class="cell3">
|
<view class="cell-title-placeholder">调解请求</view>
|
<view>
|
<rich-text nodes="{{ caseClaimHtml }}"></rich-text>
|
</view>
|
</view>
|
</view>
|
<!-- 申请人 and 被申请人 -->
|
<view class="card card3">
|
<block wx:for="{{ partyList }}" wx:key="index">
|
<view class="party">
|
<view class="party-img {{ item.type === 'plaintiffList' ? 'party-img-shen' : 'party-img-bei' }}">{{ item.type === 'plaintiffList' ? '申请' : '被申' }}</view>
|
<view class="party-content">
|
<view class="party-content-title">
|
<view class="party-content-title-name">
|
<ellipsis-text content="{{ item.trueName }}" />
|
</view>
|
<view class="party-content-title-phone">{{ item.mobile }}</view>
|
</view>
|
<view class="party-content-subTitle">
|
<ellipsis-text
|
content="{{ titleShow[item.perClass][0] }}{{ !!item.deputy ? ' | ' : '' }}{{ item.deputy || '' }}{{ item.certiNo ? ' | ' : '' }}{{ item.certiNo }}"
|
fontsize="24"
|
/>
|
</view>
|
</view>
|
</view>
|
<!-- 代理人 -->
|
<view class="party" wx:if="{{ !!item.agent }}">
|
<view class="party-img party-img-shen">{{ item.type === 'plaintiffList' ? '申请' : '被申' }}</view>
|
<view class="party-content">
|
<view class="party-content-title">
|
<view class="party-content-title-name">
|
<ellipsis-text content="{{ item.agent.trueName }}" />
|
</view>
|
<view class="party-content-title-phone">{{ item.agent.mobile }}</view>
|
<view class="tag {{ item.type === 'plaintiffList' ? 'tag-cyan' : 'tag-orange' }}" style="margin-left:16rpx">代理人</view>
|
</view>
|
<view class="party-content-subTitle">
|
<ellipsis-text content="代理对象 | {{ item.trueName }}" fontsize="24" />
|
</view>
|
</view>
|
</view>
|
</block>
|
</view>
|
<!-- 纠纷材料 -->
|
<view class="card card2">
|
<view bindtap="handleGoToMaterial" class="cell" data-id="{{ mediate_data.id }}">
|
<view class="cell-title">纠纷材料</view>
|
<view class="cell-select">{{ mediate_data.fileSize || 0 }}份资料</view>
|
<view class="cell-arrow">
|
<van-icon name="arrow" />
|
</view>
|
</view>
|
</view>
|
</block>
|
|
<!-- 退回 or 不予受理 or 异常终止显示 -->
|
<view class="seal" wx:if="{{ !!sealVisible }}">
|
<image class="seal-image" src="{{ imgUrl }}detail-seal.png" />
|
<view class="seal-text">{{ sealVisible || '不予受理' }}</view>
|
</view>
|
