<!--package_A/pages/riverDetail/index.wxml-->
<view class="detail_container">
    <!-- 头部 -->
    <view class="river_head">
        <image class="head_img" mode="widthFix" src="../../img/river_bg.png"></image>
        <view class="river_info">
            <view class="river_name">{{dataSource.name}}</view>
            <view class="info_item">
                <text style="color: #7A8AA2;">河道长度：</text>
                <text>{{dataSource.length}}KM</text>
            </view>
            <view class="info_item">
                <text style="color: #7A8AA2;">起讫位置：</text>
                <text>{{dataSource.location}}</text>
            </view>
        </view>
    </view>
    <!-- 详细信息 -->
    <view class="message_detail">
        <view class="detail_title">详细信息</view>
        <view class="message_box">
            <view class="user_info detail_item">
                <text style="margin-bottom: 10rpx;">{{dataSource.streamAdminName || ''}}</text>
                <text style="color: #7D8BA1;">责任河长</text>
            </view>
            <view class="user_info detail_item">
                <text style="margin-bottom: 10rpx;">{{dataSource.mobile || ''}}</text>
                <text style="color: #7D8BA1;">联系电话</text>
            </view>
            <view class="area_info detail_item">
                <text style="margin-bottom: 10rpx;">{{dataSource.cityArea}}</text>
                <text style="color: #7D8BA1;">河道区域</text>
            </view>
        </view>
        <view class="river_note">
            {{dataSource.note || ''}}
        </view>
        <image class="river_img" mode="widthFix" src="{{dataSource.image}}"></image>
    </view>
</view>
