epdc-office-mp-yushan/components/event/itemProcessList/itemProcessList.wxml

<!-- components/event/itemProcessList/itemProcessList.wxml -->
<!-- 处理进度 -->
<view class="bgfff paddingX24 marginB12">
   <view class="process-title">处理进展</view>
  <view  class="process-list content {{isShow ? 'on' : ''}}">
    <wux-timeline>
      <wux-timeline-item custom wx:for="{{processList}}" wx:key="processList {{index}}">
        <!-- 项目 -->
        <view slot="dot" class="process-icon" wx:if="{{item.itemDeptDTOS !== undefined}}">
          <image class="process-icon-image" src="../../../images/item.png"></image>
        </view>
        <!-- 议题 -->
        <view slot="dot" class="process-icon" wx:if="{{item.itemDeptDTOS === undefined && !item.lastProcess}}">
          <image class="process-icon-image" src="../../../images/issue.png"></image>
        </view>
        <!-- 议题 最后一个为灰点 -->
        <view slot="dot" class="process-icon-1000" wx:if="{{item.itemDeptDTOS === undefined && item.lastProcess}}"></view>
        <view>
          <view class="process-box">
            <!-- 项目状态 0且吹哨部门为空-回应 0-回应，5-已关闭，10-已结案 -->
            <view class="process-state" wx:if="{{item.itemDeptDTOS !== undefined && item.itemDeptDTOS.length === 0}}">
              【{{item.state === 0 ? "回应" : item.state === 5 ? "已关闭" : item.state === 10 ? "已结案"    
              : item.state === 15 ? "上报网格化平台"
              : item.state === 20 ? "网格化平台-受理"
              : item.state === 25 ? "网格化平台-立案"
              : item.state === 30 ? "网格化平台-派遣"
              : item.state === 35 ? "网格化平台-中间再派"
              : item.state === 40 ? "网格化平台-接单"
              : item.state === 45 ? "网格化平台-处理"
              : item.state === 50 ? "网格化平台-中间督办"
              : item.state === 55 ? "网格化平台-催办"
              : item.state === 60 ? "网格化平台-结案" : ""}}】
            </view>
            <!-- 项目状态 0且吹哨部门不为空-吹哨 -->
            <view class="process-state" wx:if="{{item.itemDeptDTOS !== undefined && item.itemDeptDTOS.length !== 0}}">
              【{{item.state === 0 ? "吹哨" : ""}}】
            </view>
            <!-- 议题状态 -->
            <view class="process-state" wx:if="{{item.itemDeptDTOS === undefined}}">
              【{{item.state === 0 ? "审核通过" : item.state === 1 ? "回应" : item.state === 2 ? "关闭" : item.state === 3 ? "转议题" : item.state === 100 ? "转项目" : ""}}】
            </view>
            <view class="process-time">{{item.createdTime}}</view>
          </view>
          <view wx:if="{{item.state == '3'}}">
            <view class="process-dept flex justify-start">
              <view class="process-dept-left-160">来源社群</view>
              <view class="process-dept-right-160">
                <view class="process-text {{item.firstProcess ? 'process-text-first' : ''}}">
                  {{item.groupName}}
                </view>
              </view>
            </view>
            <view class="process-advice flex justify-start">
              <view class="process-dept-left-160">处理人：</view>
              <view class="process-dept-right-160">
                <view class="process-text {{item.firstProcess ? 'process-text-first' : ''}}">
                  {{item.handlerDept}}
                </view>
              </view>
            </view>

            <view class="process-advice flex justify-start">
              <view class="process-dept-left-160">处理人电话：</view>
              <view class="process-dept-right-160">
                <view class="process-text {{item.firstProcess ? 'process-text-first' : ''}}">
                  {{item.mobile}}
                </view>
              </view>
            </view>
          </view>
          <view wx:else>
            <view class="process-dept flex justify-start">
              <view class="process-dept-left-160">处理部门：</view>
              <view class="process-dept-right-160">
                <view class="process-text {{item.firstProcess ? 'process-text-first' : ''}}">
                  {{item.handlerDept}}
                </view>
              </view>
            </view>
            <view class="process-dept flex justify-start" wx:if="{{item.itemDeptDTOS !== undefined && item.itemDeptDTOS.length !== 0}}">
              <view class="process-dept-left-200">被吹哨部门：</view>
              <view class="process-dept-right-200">
                <block wx:for="{{item.itemDeptDTOS}}" wx:for-item="itemWhistlingDepts" wx:key="process-itemDeptDTOS {{index}}">
                  <view class="process-text {{item.firstProcess ? 'process-text-first' : ''}}">
                    {{itemWhistlingDepts.deptName}}
                  </view>
                </block>
              </view>
            </view>
            <view class="process-advice flex justify-start">
              <view class="process-dept-left-160">处理意见：</view>
              <view class="process-dept-right-160">
                <view class="process-text {{item.firstProcess ? 'process-text-first' : ''}}">
                  {{item.advice}}
                </view>
              </view>
            </view>
          
          </view>
          
          <!-- 回应图片 -->
          <view class="grit">
            <block wx:for="{{item.images}}" wx:for-item="itemImages" wx:key="process-image {{index}}">
              <image wx:if="{{item.images.length===1}}" class="content-image content-image1" data-id="{{item.id}}" data-src="{{itemImages}}" bindtap="preview" src="{{itemImages}}"></image>
              <image wx:if="{{item.images.length===2}}" class="content-image content-image2" data-id="{{item.id}}" data-src="{{itemImages}}" bindtap="preview" src="{{itemImages}}"></image>
              <image wx:if="{{item.images.length===3}}" class="content-image content-image3" data-id="{{item.id}}" data-src="{{itemImages}}" bindtap="preview" src="{{itemImages}}"></image>
            </block>
          </view>
        </view>
      </wux-timeline-item>
    </wux-timeline>
  </view>
  <view class="border-bottom"></view>
  <view class="last-title" wx:if= "{{isShow == false}}" bindtap="toChange">展开 ∨</view>
  <view class="last-title" wx:else bindtap="toChange">收起 ∧</view>
</view>