operation_wx/pages/createproject/index.wxml

<view class="container">
  <form bindsubmit="formSubmit">
    <!-- 表单内容区（可滚动） -->
    <scroll-view class="form-scroll" scroll-y="true" scroll-with-animation="true">
      <!-- 1. 项目名称 -->
      <view class="form-item">
        <view class="form-label">
          <text class="required">*</text>项目名称
        </view>
        <input 
          class="form-input" 
          placeholder="请输入项目名称（如：张江储能车运维项目）" 
          value="{{formData.projectName}}"
          bindinput="handleInput"
          data-key="projectName"
          maxlength="50"
        />
      </view>

      <!-- 2. 公司名称 -->
      <view class="form-item">
        <view class="form-label">
          <text class="required">*</text>公司名称
        </view>
        <input 
          class="form-input" 
          placeholder="请输入所属公司名称" 
          value="{{formData.companyName}}"
          bindinput="handleInput"
          data-key="companyName"
          maxlength="50"
        />
      </view>

      <!-- 3. 联系人 -->
      <view class="form-item">
        <view class="form-label">
          <text class="required">*</text>联系人
        </view>
        <input 
          class="form-input" 
          placeholder="请输入联系人姓名" 
          value="{{formData.contactName}}"
          bindinput="handleInput"
          data-key="contactName"
          maxlength="20"
        />
      </view>

      <!-- 4. 联系电话 -->
      <view class="form-item">
        <view class="form-label">
          <text class="required">*</text>联系电话
        </view>
        <input 
          class="form-input" 
          placeholder="请输入联系人手机号码" 
          value="{{formData.contactPhone}}"
          bindinput="handleInput"
          data-key="contactPhone"
          type="number"
          maxlength="11"
        />
      </view>
<!--  -->
      <!-- 5. 地址（支持选择定位） -->
      <view class="form-item">
        <view class="form-label">
          <text class="required">*</text>地址
        </view>
        <input 
          class="form-input address-input" 
          placeholder="请输入详细地址或点击右侧选择定位" 
          value="{{formData.addressDetails}}"
          bindinput="handleInput"
          data-key="addressDetails"
          maxlength="200"
        />
        <button class="address-btn" bindtap="chooseLocation">定位</button>
      </view>

      <!-- 6. 经纬度（自动填充，可手动修改） -->
      <view class="form-item latitude-item">
        <view class="form-label">
          <text class="required">*</text>经纬度
        </view>
        <view class="lat-lng-wrap">
          <input 
            class="form-input lat-input" 
            placeholder="经度" 
            value="{{formData.longitude}}"
            bindinput="handleInput"
            data-key="longitude"
            type="digit"
          />
          <input 
            class="form-input lng-input" 
            placeholder="纬度" 
            value="{{formData.latitude}}"
            bindinput="handleInput"
            data-key="latitude"
            type="digit"
          />
        </view>
      </view>

      <!-- 7. 详情描述 -->
      <view class="form-item">
        <view class="form-label">详情</view>
        <textarea 
          class="form-textarea" 
          placeholder="请输入项目/工单详细描述（选填）" 
          value="{{formData.detail}}"
          bindinput="handleInput"
          data-key="detail"
          maxlength="500"
          auto-height="true"
        />
      </view>

      <!-- 8. 图片上传 -->
      <view class="form-item">
        <view class="form-label">
          <text class="required">*</text>图片上传
        </view>
        <view class="upload-wrap">
          <!-- 已上传图片预览 -->
          <view class="upload-item" wx:for="{{formData.images}}" wx:key="index">
            <image class="upload-img" src="{{item}}" mode="aspectFill"></image>
            <view class="upload-del" bindtap="deleteImage" data-index="{{index}}">×</view>
          </view>
          <!-- 上传按钮 -->
          <view class="upload-btn" bindtap="chooseImage" wx:if="{{formData.images.length < 9}}">
            <view class="upload-icon">+</view>
            <view class="upload-text">上传图片</view>
          </view>
          <view class="upload-tips" wx:if="{{formData.images.length >= 9}}">最多上传9张图片</view>
        </view>
      </view>
    </scroll-view>

    <!-- 提交按钮 -->
    <view class="submit-bar">
      <button class="submit-btn" form-type="submit" loading="{{submitting}}">提交保存</button>
    </view>
  </form>
</view>
<!-- 2544ZAZ5CSR8 -->
2027-10