zhsw_wechat/pages/tousujianyi/tousujianyi.wxml

<view class="container4">
  

  <!-- 返回按钮 -->
  <view class="custom-nav">
    <view class="fixed-back" bindtap="goBack">←</view>
    <view class="nav-title">投诉建议</view>
  </view>

  <!-- 第一个卡片：分类、联系人、联系电话 -->
  <view class="bill-card first-card">
    <view class="bill-row">
      <text>分类</text>
      <view class="radio-group">
        <radio-group bindchange="radioChange">
          <label class="radio">
            <radio value="投诉" checked="{{category === '投诉'}}" />投诉
          </label>
          <label class="radio">
            <radio value="建议" checked="{{category === '建议'}}" />建议
          </label>
        </radio-group>
      </view>
    </view>
    <view class="divider"></view>
    <view class="bill-row">
      <text>联系人<text class="required">*</text></text>
      <input class="input-right input-text" placeholder="请输入" placeholder-class="placeholder-style" bindinput="inputContact" value="{{contact}}" data-field="contact" />
    </view>
    <view class="divider"></view>
    <view class="bill-row">
      <text>联系电话<text class="required">*</text></text>
      <input class="input-right input-text" placeholder="请输入" placeholder-class="placeholder-style" bindinput="inputPhone" value="{{phone}}" type="number" maxlength="11" data-field="phone" />
    </view>
  </view>


  <!-- 第三个卡片：内容说明 -->
  <view class="bill-card">
    <view class="card-title">内容说明<text class="required">*</text></view>
    <view class="solid-divider"></view>
    <view class="fault-description">
      <textarea class="input-text" placeholder="请输入描述说明..." placeholder-class="placeholder-style" bindinput="inputDescription" value="{{description}}" data-field="description"></textarea>
    </view>
    <view class="upload-section">
      <view class="upload-btn-container solid-border">
        <view class="upload-btn" bindtap="chooseImage">
          <view class="plus-icon">+</view>
        </view>
      </view>
      <view class="image-preview" wx:if="{{imageList.length > 0}}">
        <block wx:for="{{imageList}}" wx:key="index">
          <view class="image-item">
            <image src="{{item.tempFilePath}}" mode="aspectFill" bindtap="previewImage" data-index="{{index}}"></image>
            <view class="delete-icon" catchtap="deleteImage" data-index="{{index}}">×</view>
          </view>
        </block>
      </view>
    </view>
    <view class="upload-tip" wx:if="{{imageList.length < 10}}">
      最多可上传10张图片，单张不超过10M
    </view>
  </view>

  <!-- 提交按钮 -->
  <button class="submit-btn {{!isFormValid ? 'disabled' : ''}}" bindtap="submitForm">提交</button>

</view>