沙盘演示系统应用的微信小程序
zuoxiao
2024-11-01 ddbd8c7ea87b66d5a9c4362ce284d12a4ae970d1
pages/feedback/feedback.wxml
@@ -1,30 +1,73 @@
<view class="container">
  <view class="container-item">
    <text class="fb-text">反馈详情:</text>
    <textarea class="input-class" />
  </view>
  <view class="divider"></view>
  <view class="container-item">
    <text class="img-upload">图片(最多三张):</text>
    <t-upload style="margin-top: 20rpx;" media-type="{{['image']}}" files="{{originFiles}}" gridConfig="{{gridConfig}}" bind:success="handleSuccess" max="3" bind:add="handleAdd" bind:remove="handleRemove" bind:click="handleClick" bind:sort-end="handleSortEnd" />
  </view>
  <view class="divider"></view>
  <view class="container-voice">
    <text class="fb-text">录音:</text>
    <view class="voice_wrapper">
      <image class="voice_img" bindtouchstart='startHandel' bindtouchend='endHandle' src="/images/tape.svg" mode="" />
      <view class="voice_content" bind:tap="handlePlay" wx:if="{{voiceTime}}">
        <view class="left">
          <view class="line"></view>
          <view class="line" style="opacity:{{line2Opcity}}" id="test2"></view>
          <view class="line" style="opacity:{{line3Opcity}}" id="test3"></view>
  <!-- 顶部 Tabs -->
  <view class="tabs">
    <view class="tab" bindtap="switchTab" data-tab="0" id="tab0">
      问题反馈
      <view class="indicator" wx:if="{{currentTab === 0}}"></view>
    </view>
    <view class="tab" bindtap="switchTab" data-tab="1" id="tab1">
      已提问题
      <view class="indicator" wx:if="{{currentTab === 1}}"></view>
    </view>
  </view>
  <view class="container-feedBack" wx:if="{{currentTab === 0}}">
    <view class="container-item">
      <text class="fb-text">反馈详情:</text>
      <textarea class="input-class"  bindinput="contentInput"  />
    </view>
    <view class="divider"></view>
    <view class="container-item">
      <text class="fb-text">图片(最多三张):</text>
      <t-upload style="margin-top: 20rpx;" media-type="{{['image']}}" files="{{originFiles}}" gridConfig="{{gridConfig}}" bind:success="handleSuccess" max="3" bind:add="handleAdd" bind:remove="handleRemove" bind:click="handleClick" bind:sort-end="handleSortEnd" />
    </view>
    <view class="divider"></view>
    <view class="container-voice">
      <text class="fb-text">录音:</text>
      <view class="voice_wrapper">
        <image class="voice_img" bindtouchstart='startHandel' bindtouchend='endHandle' src="/images/tape.svg" mode="" />
        <view class="voice_content" bind:tap="handlePlay" wx:if="{{isShowVoiceView}}">
          <view class="left">
            <view class="line"></view>
            <view class="line" style="opacity:{{line2Opcity}}" id="test2"></view>
            <view class="line" style="opacity:{{line3Opcity}}" id="test3"></view>
          </view>
          <view class="right">{{voiceTime}}"</view>
        </view>
        <view class="right">{{voiceTime}}"</view>
        <view class="voice_delete"  bind:tap="handleDelete" wx:if="{{isShowVoiceView}}" ><image src="/images/delete.svg"/></view>
      </view>
    </view>
    <!-- 录音中 -->
    <view wx:if="{{isShowVoiceMask}}" class="voice_starting">录音中{{contDownTime}}秒</view>
    <view class="container-phone">
      <text class="fb-text">手机号:</text>
      <input class="input-phone" type="number"  placeholder="联系电话(选填)"  bindinput="phoneInput" maxlength="11" />
    </view>
    <button class="fb-submit" bind:tap="submit">提交</button>
  </view>
  <!-- 录音中 -->
  <view wx:if="{{isShowVoiceMask}}" class="voice_starting">录音中</view>
  <button class="fb-submit">提交</button>
   <scroll-view class="container-scroll" wx:if="{{currentTab === 1}}" scroll-y="true" refresher-enabled="true" refresher-threshold="50" bindrefresherrefresh="onPullDownRefresh" refresher-triggered="{{isRefreshing}}"   bindscrolltolower="loadMore">
    <block wx:for="{{listData}}" wx:key="index">
      <t-swipe-cell style="width: 100%;" class="swipe-cell-base">
      <view class="item">
        <view class="item-data">
          <text>提问时间:</text>
          <text>{{item.reportTime}}</text>
        </view>
        <view class="item-data">
          <text>响应时间:</text>
          <text>{{item.replyTime}}</text>
        </view>
      </view>
      <view slot="right" class="delete-btn" bind:tap="onDelete" data-item="{{item}}">删除</view>
      </t-swipe-cell>
    </block>
    <view wx:if="{{feedBackList.length === 0}}" class="noMore-View">
      <image class="noMore-img" src="/images/no_more.svg" />
      <text class="noMore-text">没有数据</text>
    </view>
    <view wx:if="{{loading}}" class="loading">加载中...</view> <!-- 加载指示器 -->
  </scroll-view>
</view>