forked from gzzfw/frontEnd/gzDyh

zhangyongtian
2024-09-13 16d22b5c055e6221c5a9d8a1904f52264a3dcfcb
gz-wxparty/pages/homePage/index.wxml
@@ -3,149 +3,180 @@
<page-meta page-style="{{ popupMsg.show ? 'overflow: hidden;' : '' }}" />
<tabbar-page id="tabbar-page">
  <!-- 幻灯片 -->
  <swiper autoplay="{{ true }}" class="swiper" indicator-dots="{{ true }}">
    <swiper-item wx:for="{{ banner }}" wx:key="index">
      <image class="swiper-item" src="{{ item }}" />
    </swiper-item>
  </swiper>
  <view class="main">
    <view bindtap="handleNavigateTo" class="mediate" data-type="register">
      <image class="mediate-image" src="{{ imgUrl }}/apply.png" />
    </view>
    <!-- 消息通知 -->
    <view bindtap="handleGoToMessageCenter" class="message-bg">
      <swiper autoplay="true" interval="3000" style="height: 100%;" vertical="true">
        <block wx:for="{{ message }}" wx:key="index">
          <swiper-item>
            <view class="message">
              <view class="message-content">
                <view class="message-item">
                  <view class="message-item-round" />
                  <view class="message-item-text">您的案件已经进入调解流程</view>
                  <view class="message-item-time">2分钟前</view>
                </view>
              </view>
              <image src="{{ imgUrl }}/rightCircleOutlined.png" style="width: 24rpx;height: 24rpx;" />
            </view>
          </swiper-item>
        </block>
      </swiper>
    </view>
    <!-- 调解资源 -->
    <!-- <view bindtap='aa'>1111</view> -->
    <view class="resources radius">
      <view class="itemTitle">
        <image class="itemTitle-image" src="{{ imgUrl }}mediation-center.png" />
        <view>调解资源</view>
<!-- 幻灯片 -->
<view class="homePage-main">
  <view class="swiper-bg">
    <swiper autoplay="{{ true }}" class="swiper" indicator-dots="{{ true }}">
      <swiper-item class="swiper-main">
        <view class="swiper-main-image">
          <image class="swiper-item" src="{{ imgUrl }}Banner1.png" />
          <image class="swiper-item1" src="{{ imgUrl }}banner4.png" />
        </view>
      </swiper-item>
      <swiper-item class="swiper-main">
        <view class="swiper-main-image">
          <image class="swiper-item" src="{{ imgUrl }}Banner2.png" />
          <image class="swiper-item2" src="{{ imgUrl }}banner3.png" />
        </view>
      </swiper-item>
    </swiper>
    <view class="swiper-head">
      <view class="mediate">
        <view>你好,{{userInfo.trueName||'游客'}}</view>
        <view bindtap="_handleGoPage" data-url="../../pages/me/index" wx:if="{{userInfo.realStatus===1}}" class="public-color">个人中心</view>
        <view wx:else bindtap="handleNavigateTo" data-url="../../pages/realNameAuthentication/index" data-type="register" class="public-color">实名认证</view>
      </view>
      <view class="item-resources">
        <view class="item-resources-item-bg" wx:for="{{ resources }}" wx:key="index">
          <view bindtap="handleNavigateTo" data-type="{{ item.type }}" class="item-resources-item">
            <image class="item-resources-image" src="{{ item.icon }}" />
            <view class="item-resources-num" style="color:{{item.color}}">{{ item.num }}{{ item.unit }}</view>
            <view class="item-resources-title">{{ item.title }}</view>
            <view class="item-resources-btn" style="color:{{item.color}};border-color: {{item.color}};">去看看</view>
          </view>
        </view>
      </view>
    </view>
    <!-- 热门视频 -->
    <view class="item-cell-group radius" wx:if="{{ video.length > 0 }}">
      <view class="itemTitle">
        <image class="itemTitle-image" src="{{ imgUrl }}video.png" />
        <view>热门视频</view>
      </view>
      <block>
        <view class="item-cell item-cell-video" wx:for="{{ video }}" wx:key="index">
          <view class="item-cell-content">
            <view class="van-multi-ellipsis--l2">{{ item.title }}</view>
            <view class="item-cell-text">
              发布时间:
              <time-format format="YYYY-MM-DD" value="{{ item.pushTime }}" />
            </view>
          </view>
          <video class="item-video" id="myVideo-{{index}}" show-mute-btn="{{ true }}" src="{{ item.showUrl }}" />
        </view>
        <view bindtap="handleGetMore" class="more-btn" data-type="hotVideo" wx:if="{{ videoMore }}">
          <view>查看更多</view>
          <image class="more-btn-image" src="{{ imgUrl }}downCircleOutlined.png" />
        </view>
      </block>
    </view>
    <!-- 最新资讯 -->
    <view class="item-cell-group radius">
      <view class="itemTitle">
        <image class="itemTitle-image" src="{{ imgUrl }}new-msg.png" />
        <view>最新资讯</view>
      </view>
      <block>
        <view class="item-cell" wx:for="{{ newMessage }}" wx:key="index">
          <view bindtap="goSeeMessage" class="van-multi-ellipsis--l3" data-url="{{ item.showUrl }}">{{ item.title }}</view>
          <view class="item-cell-text">
            发布时间:
            <time-format format="YYYY-MM-DD" value="{{ item.pushTime }}" />
          </view>
        </view>
        <view bindtap="handleGetMore" class="more-btn" data-type="newMsg" wx:if="{{ newMessageMore }}">
          <view>查看更多</view>
          <image class="more-btn-image" src="{{ imgUrl }}downCircleOutlined.png" />
        </view>
      </block>
    </view>
  </view>
  <!-- 平台服务协议弹出 -->
  <van-popup bind:close="handleClosePopup" round show="{{ popupVisible }}" z-index="1000">
    <scroll-view class="popup-scroll" scroll-y>
      <rich-text nodes="{{ agreementMsg }}"></rich-text>
    </scroll-view>
    <view class="popup-button">
      <van-button bind:click="handleAgree" block data-type="agree" round type="primary">同意</van-button>
      <view bindtap="handleAgree" class="popup-button-no" data-type="noAgree">不同意并退出</view>
  <view class="main">
    <view style="height: 32rpx;">
    </view>
    <!-- 服务申请 -->
    <view>
      <view class="main_title">服务申请</view>
      <view class="flex">
        <view bindtap="handleNavigateTo" data-url="../../pages/register/index" data-type="register" class="flex_1 flex_blue">
          <view>
            <view class="main_subTitle">反映诉求</view>
            <!-- <view>轻松来访</view> -->
          </view>
          <image class="home-image" src="{{imgUrl}}home_3.png" mode="" />
        </view>
        <view bindtap="handleNavigateTo" data-url="../../pages/myRegisterList/index" data-type="register" class="flex_1 flex_orange">
          <view>
            <view class="main_subTitle">进度查询</view>
            <!-- <view>申请进度查询</view> -->
          </view>
          <image class="home-image" src="{{imgUrl}}home_4.png" mode="" />
        </view>
      </view>
      <!-- <view class="flex marginTop_12">
        <view class="flex_1 flex_green">
          <view class="main_subTitle">事项咨询</view>
          <view>解决您身边的问题</view>
        </view>
      </view> -->
    </view>
    <!-- 化解资源 -->
    <view>
      <view class="main_title">化解资源</view>
      <view class="flex" style="gap:16rpx">
        <view class="flex_2" bindtap="_handleGoPage" data-url="../../pages/ssimList/index">
          <image class="flex_2_image" src="{{imgUrl}}home_1.png" mode="" />
          <view>
            <view class="flex_zy_title">综治中心</view>
            <view class="flex_num">{{countUnitData.zzUnitNum||0}}</view>
          </view>
        </view>
        <view class="flex_2" bindtap="_handleGoPage" data-url="../../pages/organizeList/index">
          <image class="flex_2_image1" src="{{imgUrl}}home_2.png" mode="" />
          <view>
            <view class="flex_zy_title">调解组织</view>
            <view class="flex_num">{{countUnitData.tzUnitNum||0}}</view>
          </view>
        </view>
      </view>
    </view>
    <!-- 咨询动态 -->
    <view>
      <view class="flex_dt">
        <view class="main_title">资讯动态</view>
        <view bindtap="handleGetMore" data-type="newMsg" wx:if="{{ newMessageMore }}" class=" flex_dt_more">
          <text>查看更多</text>
          <van-icon name="arrow" size="16" />
        </view>
      </view>
      <view class="dt_card" bindtap="goSeeMessage" data-url="{{item.showUrl}}" wx:for="{{ newMessage }}" style="margin-top:{{index===0?0:'8px'}}" wx:key="index">
        <view class="dt_card_l">
          <view class="dt_card_title">{{item.title}}</view>
          <view class="dt_card_time">
            <time-format format="YYYY-MM-DD" value="{{ item.pushTime }}" /> {{item.playNum}}人阅读
          </view>
        </view>
        <view class="dt_card_r">
          <image src="{{item.imageUrl}}" mode="" />
        </view>
      </view>
    </view>
  </view>
</view>
<!-- 底部弹窗 -->
<block wx:for="{{ popupMsg }}" wx:key="index">
  <van-popup bind:close="handleClosePopupMsg" closeable data-index="{{ index }}" position="bottom" round show="{{ item.show }}" title="{{ item.title || '' }}" zIndex="1000">
    <view class="homePage-popupMsg">
      <view class="homePage-popupMsg-subTitle" wx:if="{{ item.subTitle }}">{{ item.subTitle }}</view>
      <image class="homePage-popupMsg-realNamePng" src="{{ imgUrl }}msg-realName.png" wx:if="{{ item.type === 1 }}" />
      <scroll-view scroll-y="{{true}}" style="max-height:600rpx" wx:elif="{{ item.type === 3 }}">
        <view bind:tap="handleClickPopupMsg" class="homePage-popupMsg-content-item" data-index="{{ index }}" data-item="{{ item }}" data-t="{{ t }}" data-type="more" wx:for="{{ item.content }}" wx:for-index="t" wx:for-item="x" wx:key="t">
          <image class="homePage-popupMsg-content-itemImg" src="{{ imgUrl }}msg-order.png" />
          <view class="homePage-popupMsg-content-itemTitle second-font">
            <view>
              预约事项:{{ x.meetWayName }}
              <text class="tag tag-green-border" style="margin-left:16rpx">{{x.meetTypeName}}</text>
            </view>
            <view>
              预约时间:今天
              <time-format format="HH:mm" value="{{ x.orderStartTime }}" />
              <text>~</text>
              <time-format format="HH:mm" value="{{ x.orderEndTime }}" />
            </view>
            <view>预约地点:{{ x.meetAddr || '-' }}</view>
          </view>
          <van-icon name="arrow" size="16" wx:if="{{ item.content.length > 1 }}" />
        </view>
      </scroll-view>
      <scroll-view scroll-y="{{true}}" style="max-height:600rpx" wx:else>
        <view bind:tap="handleClickPopupMsg" class="homePage-popupMsg-content-item" data-index="{{ index }}" data-item="{{ item }}" data-t="{{ t }}" data-type="more" wx:for="{{ item.content }}" wx:for-index="t" wx:for-item="x" wx:key="t">
          <image class="homePage-popupMsg-content-itemImg" src="{{ imgUrl }}msg-mediate-ing.png" />
          <view class="homePage-popupMsg-content-itemTitle">
            <view>{{ x[ item.type === 2 ? 'caseTitle' : 'judicTitle' ] || '-' }}</view>
            <text class="tag tag-orange">进行中</text>
          </view>
          <van-icon name="arrow" size="16" wx:if="{{ item.content.length > 1 }}" />
        </view>
      </scroll-view>
    </view>
    <view class="homePage-popupMsg-button" wx:if="{{ item.type === 1 || item.content.length === 1 }}">
      <van-button bind:click="handleClickPopupMsg" block data-index="{{ index }}" data-t="0" data-item="{{ item }}" type="primary">{{ item.buttonText }}</van-button>
    </view>
  </van-popup>
  <!-- 底部弹窗 -->
  <block wx:for="{{ popupMsg }}" wx:key="index">
    <van-popup bind:close="handleClosePopupMsg" closeable data-index="{{ index }}" position="bottom" round show="{{ item.show }}" title="{{ item.title || '' }}" zIndex="1000">
      <view class="homePage-popupMsg">
        <view class="homePage-popupMsg-subTitle" wx:if="{{ item.subTitle }}">{{ item.subTitle }}</view>
        <image class="homePage-popupMsg-realNamePng" src="{{ imgUrl }}msg-realName.png" wx:if="{{ item.type === 1 }}" />
        <scroll-view scroll-y="{{true}}" style="max-height:600rpx" wx:elif="{{ item.type === 3 }}">
          <view bind:tap="handleClickPopupMsg" class="homePage-popupMsg-content-item" data-index="{{ index }}" data-item="{{ item }}" data-t="{{ t }}" data-type="more" wx:for="{{ item.content }}" wx:for-index="t" wx:for-item="x" wx:key="t">
            <image class="homePage-popupMsg-content-itemImg" src="{{ imgUrl }}msg-order.png" />
            <view class="homePage-popupMsg-content-itemTitle second-font">
              <view>
                预约事项:{{ x.meetWayName }}
                <text class="tag tag-green-border" style="margin-left:16rpx">{{x.meetTypeName}}</text>
              </view>
              <view>
                预约时间:今天
                <time-format format="HH:mm" value="{{ x.orderStartTime }}" />
                <text>~</text>
                <time-format format="HH:mm" value="{{ x.orderEndTime }}" />
              </view>
              <view>预约地点:{{ x.meetAddr || '-' }}</view>
            </view>
            <van-icon name="arrow" size="16" wx:if="{{ item.content.length > 1 }}" />
          </view>
        </scroll-view>
        <scroll-view scroll-y="{{true}}" style="max-height:600rpx" wx:else>
          <view bind:tap="handleClickPopupMsg" class="homePage-popupMsg-content-item" data-index="{{ index }}" data-item="{{ item }}" data-t="{{ t }}" data-type="more" wx:for="{{ item.content }}" wx:for-index="t" wx:for-item="x" wx:key="t">
            <image class="homePage-popupMsg-content-itemImg" src="{{ imgUrl }}msg-mediate-ing.png" />
            <view class="homePage-popupMsg-content-itemTitle">
              <view>{{ x[ item.type === 2 ? 'caseTitle' : 'judicTitle' ] || '-' }}</view>
              <text class="tag tag-orange">进行中</text>
            </view>
            <van-icon name="arrow" size="16" wx:if="{{ item.content.length > 1 }}" />
          </view>
        </scroll-view>
      </view>
      <view class="homePage-popupMsg-button" wx:if="{{ item.type === 1 || item.content.length === 1 }}">
        <van-button bind:click="handleClickPopupMsg" block data-index="{{ index }}" data-t="0" data-item="{{ item }}" type="primary">{{ item.buttonText }}</van-button>
      </view>
    </van-popup>
  </block>
</block>
<!-- AI弹窗 -->
</tabbar-page>
<van-overlay show="{{ AiModal.caseDes?true:false }}" bind:click="addClosePopup">
</van-overlay>
<view wx:if="{{  AiModal.caseDes?true:false }}" class="AiModal-search">
  <view class="AiModal">
    <image src="{{imgUrl}}AICase.png" mode="" />
    <view class="AiModal-title">解纷数智人提醒您</view>
    <view class="AiModal-subTitle">为了更好的帮助您解决问题,向您推荐了与您反映问题相似的典型案例和相关法条</view>
    <van-button bind:click="AiModalClick" class="AiModal-button" round block data-item="{{ AiModal }}" type="primary">前往查看</van-button>
  </view>
</view>
<van-overlay show="{{ showModal }}" bind:click="addClosePopup">
</van-overlay>
<view wx:if="{{ showModal }}" class="showModal-search">
  <view bindtap="searchChange" class="search">
    <view class="search-title">{{searchValue}}</view>
    <van-icon size='9' name="{{imgUrl}}down.png" />
  </view>
  <view class="showModal-select">
    <view class="showModal-select-title">办理进度</view>
    <view bindtap="searchSelect" class="showModal-select-flex" wx:for="{{processStatusList}}" data-item="{{ item }}" data-index="{{ index }}" wx:key="index">
      <view class="showModal-select-flex-text {{item.hover&& 'public-color'}}">{{item.label}}</view>
      <van-icon wx:if="{{item.hover}}" size='15' name="{{imgUrl}}myRegisterList_5.png" />
    </view>
  </view>
</view>