完成界面

zuoxiao

2024-07-03 06b93604f8f9bfbcc740decfe5a5b922d75a0de3

 pages/feedback/feedback.wxml

@@ -1,30 +1,63 @@
<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>
        </view>
        <view class="right">{{voiceTime}}"</view>
      </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 wx:if="{{isShowVoiceMask}}" class="voice_starting">录音中</view>
  <button class="fb-submit">提交</button>
  <view class="container-feedBack" wx:if="{{currentTab === 0}}">
    <view class="container-item">
      <text class="fb-text">反馈详情：</text>
      <textarea style="position: relative; left: -2rpx; top: 0rpx" class="input-class" />
    </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>
    </view>
    <!-- 录音中 -->
    <view wx:if="{{isShowVoiceMask}}" class="voice_starting">录音中{{contDownTime}}秒</view>
    <button class="fb-submit">提交</button>
  </view>

  <scroll-view class="container-scroll" wx:if="{{currentTab === 1}}" scroll-y="true" refresher-enabled="true" refresher-threshold="50" bindrefresherrefresh="onPullDownRefresh" refresher-triggered="{{isRefreshing}}">
    <block wx:for="{{feedBackList}}" wx:key="index">
      <view class="item">
        <view class="item-data">
          <text>提问时间：</text>
          <text>{{item.createTime}}</text>
        </view>
        <view class="item-data">
          <text>响应时间：</text>
          <text>{{item.responseTime}}</text>
        </view>
      </view>
    </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>
  </scroll-view>


</view>