JCSS / jcss-miniprogram

  <template>

    <view class="page-container">
      <view class="inspect-form-content commonPageLRpadding">

        <up-form label-position="left" :model="inspectForm" ref="inspectFormRef" label-width="140rpx">
          <!-- ========== 动态表单区域 ========== -->
          <template v-for="item in dynamicFields" :key="item.fieldCode">

            <up-form-item
              :label="item.fieldName"
              :prop="item.fieldCode"
              :required="item.required === 1"
              class="form-item"
              @click="openPickerIfNeeded(item)"
            >
              <!-- type1 数值：u-number-box -->

              <view v-if="item.fieldType === 1" class="number-box-wrap">

                <u-number-box
                  v-model="inspectForm[item.fieldCode]"
                  min="1"
                  step="1"

                  :max="item.length ? 10 ** Number(item.length) - 1 : null"

                  :placeholder="`请输入${item.fieldName}${item.unit ? item.unit : ''}`"
                  @change="valChange(item)"
                  class="large-number-box"
                ></u-number-box>

                <text class="unit-text" v-if="item.unit">{{ item.unit }}</text>
              </view>

              <!-- type2 文本 -->
              <up-input
                v-else-if="item.fieldType === 2"
                v-model="inspectForm[item.fieldCode]"
                :maxlength="item.length || 50"
                :placeholder="`请输入${item.fieldName}`"
              ></up-input>
  
              <!-- type3 枚举多选 multiple=1 -->
              <u-checkbox-group v-else-if="item.fieldType === 3 && item.multiple === 1" v-model="inspectForm[item.fieldCode]">
                <u-checkbox
                  v-for="opt in item.selectOptions"
                  :key="opt.value"
                  :label="opt.label"
                  :name="opt.value"
                ></u-checkbox>

              </u-checkbox-group>

  
              <!-- type3 枚举单选 multiple=0 -->
              <up-input
                v-else-if="item.fieldType === 3"
                v-model="labelMap[item.fieldCode]"
                readonly
                disabled-color="#ffffff"
                :placeholder="`请选择${item.fieldName}`"
                border="none"
              >

                <template #right>
                  <up-icon name="arrow-right" size="16"></up-icon>
                </template>
              </up-input>

              <!-- type4 日期时间 -->
              <view v-else-if="item.fieldType === 4" @click.stop="openDatePicker(item)" class="date-input-wrap">

                <up-input
                  v-model="inspectForm[item.fieldCode]"
                  disabled
                  placeholder="点击选择时间"
                  border="none"
                ></up-input>

              </view>

  
              <!-- type5 布尔单选 是/否 -->
              <u-radio-group v-else-if="item.fieldType === 5" v-model="inspectForm[item.fieldCode]">
                <u-radio label="是" name="是"></u-radio>
                <u-radio label="否" name="否"></u-radio>
              </u-radio-group>
  
              <!-- ===================== type6 弹窗选择 ===================== -->
              <up-input
                v-else-if="item.fieldType === 6"
                :model-value="getType6ShowLabel(item)"
                readonly
                disabled-color="#ffffff"
                :placeholder="`请选择${item.fieldName}`"
                border="none"
              >
                <template #right>
                  <up-icon name="arrow-right" size="16"></up-icon>
                </template>
              </up-input>
  
              <!-- type7 图片上传 -->
              <up-upload
                v-else-if="item.fieldType === 7"
                :file-list="fileListMap[item.fieldCode] || []"
                @after-read="(event) => uploadFieldFiles(item, event)"
                @delete="(event) => deleteFieldFile(item, event)"
                multiple
                :max-count="pickCountOf(item, 5)"
                upload-text="上传图片"
                class="upload-wrap"
              ></up-upload>
  
              <!-- type8 附件 -->

              <view v-else-if="item.fieldType === 8" class="file-wrap">

                <view
                  v-for="(file, idx) in fileListMap[item.fieldCode] || []"
                  :key="idx"
                  class="file-row"
                >

                  <text class="file-name">{{ file.name || fileNameOf(file.url) }}</text>

                  <text class="file-del" @click.stop="deleteFieldFile(item, {index: idx})">删除</text>

                </view>

                <up-button
                  size="small"
                  type="primary"
                  plain
                  :text="fileButtonText(item)"
                  @click.stop="chooseFieldFiles(item)"
                ></up-button>

              </view>

  
              <!-- type9 关联记录 单选 -->
              <up-input
                v-else-if="item.fieldType === 9"
                v-model="labelMap[item.fieldCode]"
                readonly
                disabled-color="#ffffff"
                :placeholder="`请选择${item.fieldName}`"
                border="none"
              >

                <template #right>
                  <up-icon name="arrow-right" size="16"></up-icon>
                </template>
              </up-input>

  
              <!-- type10 URL链接 -->
              <up-input
                v-else-if="item.fieldType === 10"
                v-model.trim="inspectForm[item.fieldCode]"
                placeholder="请输入链接（http/https开头）"
              ></up-input>
  
              <!-- type11 地理位置 -->
              <up-input
                v-else-if="item.fieldType === 11"
                v-model="labelMap[item.fieldCode]"
                readonly
                disabled-color="#ffffff"
                placeholder="点击选择位置"
                border="none"
              >

                <template #right>
                  <up-icon name="arrow-right" size="16"></up-icon>
                </template>
              </up-input>

  
              <!-- 物料附加数量输入框 type3 + optionSource=5 -->
              <view v-if="item.fieldType === 3 && item.optionSource === 5" class="qty-row qty-row-material">

                <text class="qty-label">领用数量</text>

                <u-number-box
                  v-model="qtyMap[item.fieldCode]"
                  min="0"
                  step="1"
                ></u-number-box>

              </view>

            </up-form-item>
          </template>
          <!-- ========== 动态表单结束 ========== -->

  
          <!-- 养护描述 -->
          <up-form-item prop="remark" label="养护描述">
            <up-textarea
              v-model.trim="inspectForm.remark"
              placeholder="请输入养护描述"
              maxlength="200"
              count
            ></up-textarea>

          </up-form-item>

  
          <!-- 图片上传 -->
          <up-form-item label="上传图片" prop="images" required>
            <up-upload
              :file-list="imageList"
              @after-read="uploadImages"
              @delete="deleteImage"
              @on-exceed="handleExceed"
              multiple
              :max-count="3"
              upload-text="上传图片"
            ></up-upload>

          </up-form-item>

        </up-form>
      </view>

      <!-- 底部提交按钮 -->

      <view class="fixed-bottom-wrap">
        <up-button
          type="primary"
          text="提交"
          @click="submitInspect"
          style="width:100%;height:88rpx;font-size:32rpx;border-radius:0"
        ></up-button>

      </view>

  
      <!-- 日期选择弹窗 -->
      <up-datetime-picker
        :show="datePickerShow"
        v-model="datePickerValue"
        mode="datetime"
        close-on-click-overlay
        @confirm="onDateConfirm"
        @cancel="onDateClose"
      ></up-datetime-picker>
  

      <!-- ActionSheet 底部选择弹窗 -->

      <up-action-sheet
        :show="actionSheetShow"
        :actions="actionSheetOptions"
        @select="onActionSheetSelect"
        @close="actionSheetShow = false"
        cancel-text="取消"
      ></up-action-sheet>
  
      <!-- ===================== type6 全屏弹窗 ===================== -->
      <up-popup
        :show="popupType6.show"
        round="0"
        close-on-click-overlay="false"
        @close="closeType6Popup"
        style="height:100%;width:100%"
      >
        <view class="popup-header">
          <text class="popup-title">{{ popupType6.fieldItem?.fieldName || '选择项目' }}</text>
          <up-icon name="close" size="32rpx" @click="closeType6Popup"></up-icon>
        </view>
        <!-- tabs -->
        <up-tabs
          v-model="popupType6.activeTab"
          :list="popupType6.tabs"
          @change="onTabChange"
          swipeable="false"
        ></up-tabs>
        <view class="popup-body">
          <view class="left-sidebar">
            <view
              v-for="subItem in popupType6.subMenuList"
              :key="subItem.key"
              class="sidebar-item"
              :class="{active: popupType6.activeSubKey === subItem.key}"
              @click="popupType6.activeSubKey = subItem.key; filterRightList()"
            >
              {{ subItem.label }}
            </view>
          </view>
          <view class="right-content">
            <view class="list-item" v-for="row in popupType6.rightList" :key="row.value">
              <!-- multiple:0 = 多选checkbox; multiple:1 = 单选radio -->
              <view v-if="popupType6.multiple === 0">
                <u-checkbox
                  v-model="inspectForm[popupType6.fieldCode]"
                  :name="row.value"
                  :disabled="isType6OptionLocked(row)"
                ></u-checkbox>
              </view>
              <u-radio
                v-else
                v-model="inspectForm[popupType6.fieldCode]"
                :label="row.value"
              ></u-radio>
  
              <text class="row-label">{{ row.label }}</text>
  
              <!-- needQuantity 数量输入框 -->
              <u-number-box
                v-if="popupType6.extConfig?.needQuantity === true"
                v-model="qtyMap[popupType6.fieldCode][row.value]"
                min="0"
                step="1"
                size="small"
              ></u-number-box>
            </view>
            <!-- 数量提示，仅多选 multiple:0 才显示 -->
            <view
              class="tip-text"
              v-if="popupType6.multiple === 0 && popupType6.extConfig?.maxCount"
            >
              已选：{{ (inspectForm[popupType6.fieldCode] || []).length }} / {{ popupType6.extConfig.maxCount }}
            </view>
          </view>
        </view>
        <view class="popup-footer">
          <up-button type="primary" text="确定" @click="confirmType6Select"></up-button>
        </view>
      </up-popup>

    </view>
  </template>
  

  <script lang="ts">
  import { uploadImages } from '@/common/utils/upload'
  import { maintainCreate } from "@/api/maintain-manage/maintain-manage"

  import { getByType, getOptionsByCode, getMaterialByCode, workRecordSubmit } from "@/api/common"
  

  export default {
    data() {
      return {

        imageList: [],

        initProgress: 0,
        inspectForm: {
          remark: '',

        },

        labelMap: {},

        fileListMap: {},

        qtyMap: {},

        paramsOptions: {},

        clientSeq: '',

        commitId: null,

        inspectFormRules: {
          images: [
            {
              required: true,

              message: '最少上传1张图片',

              trigger: 'change',
              validator: (rule, value, callback) => {

                const hasSuccess = this.imageList.some(item => item.status === 'success')
                const count = this.imageList.filter(item => item.status === 'success').length
                if (!hasSuccess || count < 1) {
                  callback(new Error('最少上传1张图片'))
                } else if (count > 3) {
                  callback(new Error('最多上传3张图片'))

                } else {
                  callback()
                }
              }
            }

          ]

        },

        dynamicFields: [],
  

        datePickerShow: false,

        datePickerValue: new Date().getTime(),

        currentDateFieldCode: '',

  
        actionSheetShow: false,
        actionSheetOptions: [],
        actionSheetFieldItem: null,
  
        // ===== type6弹窗状态 =====
        popupType6: {

          show: false,
          fieldCode: '',

          fieldItem: null,
          activeTab: 0,
          tabs: [],
          activeSubKey: '',
          subMenuList: [],
          allRawData: [],
          rightList: []

        }
      }
    },
    onLoad(option) {
      console.log('页面参数：', option)

      this.paramsOptions = option

      const { businessType, planTypeId } = option

      const workTypeId = planTypeId
      this.loadDynamicFields(businessType, workTypeId)

    },
    onReady() {
      this.$refs.inspectFormRef.setRules(this.inspectFormRules)

      console.log('表单规则加载完成')

    },
    methods: {

      // 获取type6展示文本
      getType6ShowLabel(item) {
        const val = this.inspectForm[item.fieldCode]
        const optList = item.selectOptions || []
        if (item.multiple === 0) {
          // multiple:0 多选，数组
          if (!val || val.length === 0) return ''
          const nameArr = optList.filter(o => val.includes(o.value)).map(o => o.label)
          return nameArr.join('、')
        } else {
          // multiple:1 单选，单个值
          if (!val) return ''
          const findOpt = optList.find(o => o.value === val)
          return findOpt ? findOpt.label : ''
        }
      },
  
      // 打开type6弹窗
      openType6Popup(item) {
        this.popupType6.fieldItem = item
        this.popupType6.fieldCode = item.fieldCode
        this.popupType6.allRawData = this.mockLargeTreeData(item.selectOptions || [])
        this.popupType6.tabs = [
          { label: '机电设备', value: 0 },
          { label: '消防器材', value: 1 },
          { label: '给排水', value: 2 },
          { label: '照明系统', value: 3 },
          { label: '安防监控', value: 4 }
        ]
        this.popupType6.activeTab = 0
        this.onTabChange(0)
        this.popupType6.show = true
      },
  
      mockLargeTreeData(baseOpts) {
        const tree = [
          {
            tabIndex: 0,
            subMenu: [
              { key: 'sub01', label: '水泵类' },
              { key: 'sub02', label: '风机类' },
              { key: 'sub03', label: '控制柜' },
              { key: 'sub04', label: '换热器' },
            ],
            items: [
              { subKey: 'sub01', value: 'p001', label: '立式离心泵A' },
              { subKey: 'sub01', value: 'p002', label: '卧式增压泵B' },
              { subKey: 'sub01', value: 'p003', label: '潜污泵C' },
              { subKey: 'sub02', value: 'f001', label: '排烟风机1号' },
              { subKey: 'sub02', value: 'f002', label: '正压送风机' },
              { subKey: 'sub03', value: 'c001', label: '动力控制柜#1' },
              { subKey: 'sub03', value: 'c002', label: 'PLC控制柜#2' },
              { subKey: 'sub04', value: 'h001', label: '板式换热器' },
            ]
          },
          {
            tabIndex: 1,
            subMenu: [
              { key: 'sub11', label: '灭火器' },
              { key: 'sub12', label: '消火栓' },
              { key: 'sub13', label: '烟感温感' },
            ],
            items: [
              { subKey: 'sub11', value: 'xf001', label: '4kg干粉灭火器' },
              { subKey: 'sub11', value: 'xf002', label: '二氧化碳灭火器' },
              { subKey: 'sub12', value: 'xf010', label: '室内消火栓箱' },
              { subKey: 'sub13', value: 'xf020', label: '光电烟感探测器' },
              { subKey: 'sub13', value: 'xf021', label: '温度探测器' },
            ]
          },
          {
            tabIndex: 2,
            subMenu: [
              { key: 'sub21', label: '阀门' },
              { key: 'sub22', label: '管道配件' },
            ],
            items: [
              { subKey: 'sub21', value: 'w001', label: 'DN100闸阀' },
              { subKey: 'sub21', value: 'w002', label: '止回阀' },
              { subKey: 'sub22', value: 'w010', label: '柔性接头' },
            ]
          },
          {
            tabIndex: 3,
            subMenu: [
              { key: 'sub31', label: 'LED灯具' },
              { key: 'sub32', label: '应急照明' },
            ],
            items: [
              { subKey: 'sub31', value: 'l001', label: 'LED平板灯 300*600' },
              { subKey: 'sub32', value: 'l002', label: '消防应急灯' },
            ]
          },
          {
            tabIndex: 4,
            subMenu: [
              { key: 'sub41', label: '摄像头' },
              { key: 'sub42', label: '门禁' },
            ],
            items: [
              { subKey: 'sub41', value: 'a001', label: '枪机摄像头' },
              { subKey: 'sub41', value: 'a002', label: '半球摄像机' },
              { subKey: 'sub42', value: 'a010', label: '刷卡门禁主机' },
            ]
          }
        ]
        return tree
      },
  
      onTabChange(tabVal) {
        const tabData = this.popupType6.allRawData.find(item => item.tabIndex === tabVal)
        if (!tabData) return
        this.popupType6.subMenuList = tabData.subMenu
        this.popupType6.activeSubKey = tabData.subMenu[0].key
        this.filterRightList()
      },
  
      filterRightList() {
        const tabData = this.popupType6.allRawData.find(item => item.tabIndex === this.popupType6.activeTab)
        if (!tabData) return
        this.popupType6.rightList = tabData.items.filter(it => it.subKey === this.popupType6.activeSubKey)
      },
  
      // 多选maxCount禁用判断，仅 multiple:0（多选）启用
      isType6OptionLocked(opt) {
        const item = this.popupType6.fieldItem
        if (item.multiple !== 0) return false
        const max = item.extConfig?.maxCount
        if (!max) return false
        const selectedArr = this.inspectForm[item.fieldCode] || []
        if (selectedArr.length >= max && !selectedArr.includes(opt.value)) {
          return true
        }
        return false
      },
  
      confirmType6Select() {
        this.$refs.inspectFormRef.validateField(this.popupType6.fieldCode)
        this.popupType6.show = false
      },
      closeType6Popup() {
        this.popupType6.show = false
      },
  
      openPickerIfNeeded(item) {
        if (item.fieldType === 6) {
          return this.openType6Popup(item)
        }
        if (item.fieldType === 3 && item.multiple !== 1) {
          return this.openActionSheet(item)
        }
        if (item.fieldType === 9) {
          return this.openActionSheet(item)
        }
        if (item.fieldType === 11) {
          return this.openLocationPicker(item)
        }
      },
  

      valChange(item) {

        this.$refs.inspectFormRef.validateField(item.fieldCode)
      },

      openDatePicker(field) {

        this.currentDateFieldCode = field.fieldCode
        const val = this.inspectForm[field.fieldCode]

        this.datePickerValue = val ? new Date(val).getTime() : new Date().getTime()

        this.datePickerShow = true
        uni.hideKeyboard()
      },
      onDateConfirm(e) {
        const ts = e.value
        const d = new Date(ts)
        const y = d.getFullYear()
        const m = String(d.getMonth() + 1).padStart(2, '0')
        const day = String(d.getDate()).padStart(2, '0')
        const h = String(d.getHours()).padStart(2, '0')
        const mi = String(d.getMinutes()).padStart(2, '0')
        const s = String(d.getSeconds()).padStart(2, '0')
        this.inspectForm[this.currentDateFieldCode] = `${y}-${m}-${day} ${h}:${mi}:${s}`
        this.datePickerShow = false
        this.$refs.inspectFormRef.validateField(this.currentDateFieldCode)
      },
      onDateClose() {
        this.datePickerShow = false
      },

  
      openActionSheet(item) {
        this.actionSheetFieldItem = item
        this.actionSheetOptions = (item.selectOptions || []).map(opt => ({
          name: opt.label,
          value: opt.value
        }))
        this.actionSheetShow = true

      },

      onActionSheetSelect(selected) {
        const fieldItem = this.actionSheetFieldItem
        const fieldCode = fieldItem.fieldCode
        if (fieldItem.fieldType === 9) {
          this.inspectForm[fieldCode] = { id: selected.value, name: selected.name }

        } else {

          this.inspectForm[fieldCode] = selected.value

        }

        this.labelMap[fieldCode] = selected.name
        this.actionSheetShow = false

        this.$refs.inspectFormRef.validateField(fieldCode)
      },

  
      openLocationPicker(item) {

        uni.chooseLocation({
          success: (res) => {
            this.inspectForm[item.fieldCode] = {
              lng: res.longitude,
              lat: res.latitude,

              address: res.address

            }

            this.labelMap[item.fieldCode] = res.address || `${res.latitude},${res.longitude}`

            this.$refs.inspectFormRef.validateField(item.fieldCode)
          },
          fail: (err) => {

            console.error('位置选择失败', err)
            if (err.errMsg.indexOf('auth deny') > -1) {
              uni.showToast({ title: '请开启位置权限', icon: 'none' })

            }
          }
        })
      },

  
      // 加载动态字段 & 初始化inspectForm

      async loadDynamicFields(businessType: string, workTypeId: string) {
        if (!businessType || !workTypeId) {

          uni.showToast({ title: '缺少参数', icon: 'none' })

          return
        }

       
         const bizType = 3

        try {

          const res = await getByType({ businessType, bizType,workTypeId })

          let fields = res.fields || []
          fields.sort((a, b) => a.sort - b.sort)

          this.dynamicFields = fields
  

          for (const field of fields) {

            if (field.fieldType === 6) {
              // multiple:0=多选(数组), multiple:1=单选(单个值null)
              if (field.multiple === 0) {
                this.inspectForm[field.fieldCode] = []
              } else {
                this.inspectForm[field.fieldCode] = null
              }
            } else if (field.fieldType === 3 && field.multiple === 1) {

              this.inspectForm[field.fieldCode] = []
            } else if (field.fieldType === 7 || field.fieldType === 8) {
              this.inspectForm[field.fieldCode] = []
            } else if (field.fieldType === 9 || field.fieldType === 11) {
              this.inspectForm[field.fieldCode] = null

            } else {

              this.inspectForm[field.fieldCode] = ''

            }

            this.labelMap[field.fieldCode] = ''

            if (field.fieldType === 7 || field.fieldType === 8) {
              this.fileListMap[field.fieldCode] = []

            }

            if (field.fieldType === 3 || field.fieldType === 6) {

              if (field.optionSource === 1 && Array.isArray(field.options)) {

                field.selectOptions = field.options.map(opt => ({
                  label: opt.label,
                  value: String(opt.value)
                }))
              } else if (field.optionSource === 5) {
                const matRes = await getMaterialByCode({ businessType, bizType, fieldCode: field.fieldCode,workTypeId })
                field.selectOptions = (matRes.list || []).map(mat => ({

                  label: mat.materialName,

                  value: String(mat.materialId)

                }))

              } else {

                const optRes = await getOptionsByCode({ businessType, bizType, fieldCode: field.fieldCode,workTypeId })
                field.selectOptions = (optRes.list || []).map(opt => ({
                  label: opt.label,
                  value: String(opt.value)
                }))

              }
            }

            // 初始化数量映射

            if (field.fieldType === 6 && this.needQty(field)) {

              const qtyObj = {}

              ;(field.selectOptions || []).forEach(opt => {

                qtyObj[opt.value] = ''

              })

              this.qtyMap[field.fieldCode] = qtyObj

            }

            if (field.fieldType === 3 && field.optionSource === 5) {

              this.qtyMap[field.fieldCode] = 0
            }

            // 构建表单校验规则

            if (field.required === 1) {

              this.inspectFormRules[field.fieldCode] = this.buildRequiredRule(field)

            }
          }

          this.$nextTick(() => {
            this.$refs.inspectFormRef.setRules(this.inspectFormRules)
          })
        } catch (err) {

          console.error('加载动态表单失败', err)
          uni.showToast({ title: '加载表单失败', icon: 'none' })

        }
      },

  
      needQty(item) {

        return !!(item.extConfig && item.extConfig.needQuantity === true)
      },

      pickCountOf(item, defaultNum) {
        const max = item.extConfig?.maxCount
        return max || defaultNum

      },

      fileButtonText(item) {
        const exts = this.extListOf(item)
        return exts.length ? `选择文件(${exts.join(',')})` : '选择文件'

      },

      extListOf(item) {
        return []

      },

      fileNameOf(url) {

        if (!url) return ''

        const path = String(url).split('?')[0]

        const name = path.substring(path.lastIndexOf('/') + 1)
        try {

          return decodeURIComponent(name)
        } catch {
          return name

        }

      },

  
      buildRequiredRule(field) {

        const type = field.fieldType

        const action = type === 6 ? '请选择' : type === 7 || type === 8 ? '请上传' : '请填写'
        return {
          required: true,
          trigger: 'change',
          validator: (rule, value, callback) => {
            let pass = false
            if (type === 6) {
              if (field.multiple === 0) {
                // 多选：数组非空
                pass = Array.isArray(value) && value.length > 0
              } else {
                // 单选：value不为空
                pass = !!value
              }
            } else if (type === 7 || type === 8) {
              pass = Array.isArray(value) && value.length > 0
            } else {
              pass = !!value

            }

            pass ? callback() : callback(new Error(`${action}${field.fieldName}`))

          }
        }

      },

  
      // 图片上传
      async uploadImages(event) {
        const file = event.file
        const res = await uploadImages(file)
        this.imageList.push({
          url: res.url,
          status: 'success'
        })
        this.$refs.inspectFormRef.validateField('images')

      },

      deleteImage(event) {
        const index = event.index
        this.imageList.splice(index, 1)
        this.$refs.inspectFormRef.validateField('images')

      },

      handleExceed() {
        uni.showToast({ title: '最多上传3张图片', icon: 'none' })

      },

  
      uploadFieldFiles(item, event) {
        // 附件上传逻辑

      },

      deleteFieldFile(item, event) {
        const idx = event.index
        this.fileListMap[item.fieldCode].splice(idx, 1)
        this.syncFileValue(item)
        this.$refs.inspectFormRef.validateField(item.fieldCode)
      },
      chooseFieldFiles(item) {

        uni.chooseMessageFile({

          count: this.pickCountOf(item,5),
          type: 'file',

          success: (res) => {

            const files = res.tempFiles
            files.forEach(tempFile => {
              this.fileListMap[item.fieldCode].push({
                name: tempFile.name,
                url: tempFile.path
              })
            })
            this.syncFileValue(item)
            this.$refs.inspectFormRef.validateField(item.fieldCode)

          },
          fail: (err) => {

            console.error('选择附件失败', err)

          }
        })
      },

      syncFileValue(item) {

        const list = this.fileListMap[item.fieldCode] || []

        this.inspectForm[item.fieldCode] = list.map(file => file.url)

      },

      buildDynamicFields() {

        const fields = []

        for (const item of this.dynamicFields) {
          const code = item.fieldCode
          const value = this.inspectForm[code]
          const type = item.fieldType
          if (type === 9 || type === 11) {
            if (!value) continue
          } else if (type === 6 || type === 7 || type === 8) {

            if ((!value) || (Array.isArray(value) && value.length === 0)) continue
          } else if (!value) continue

  
          if (type === 1) {
            fields.push({ fieldCode: code, valueNumber: Number(value) })

          } else if (type === 3 && item.optionSource === 5) {

            const qty = Number(this.qtyMap[code] || 0)

            const matched = (item.selectOptions || []).find(opt => opt.value === String(value))
            const row = { fieldCode: code, valueText: String(value) }
            if (qty > 0 && matched) {
              row.materialId = matched.value
              row.materialName = matched.label

              row.quantity = qty
            }
            fields.push(row)
          } else if (type === 3) {

            if (item.multiple === 1) {
              fields.push({ fieldCode: code, valueText: (value || []).join(',') })
            } else {
              fields.push({ fieldCode: code, valueText: String(value) })
            }

          } else if (type === 6) {

            let selected = []
            if (item.multiple === 0) {
              // multiple=0 多选，数组
              selected = (item.selectOptions || []).filter(opt => (value || []).includes(opt.value))
            } else {
              // multiple=1 单选，单个值
              selected = (item.selectOptions || []).filter(opt => opt.value === value)
            }

            if (this.needQty(item)) {

              const qtyObj = this.qtyMap[code] || {}

              fields.push({
                fieldCode: code,
                valueText: JSON.stringify(selected.map(opt => {

                  const raw = qtyObj[opt.value]
                  const rowItem = { value: opt.value, label: opt.label }

                  if (raw !== '' && raw !== null && raw !== undefined) {

                    rowItem.quantity = Number(raw)

                  }

                  return rowItem

                }))
              })
            } else {

              if (item.multiple === 0) {
                fields.push({ fieldCode: code, valueText: JSON.stringify((value || []).map(v => String(v))) })
              } else {
                fields.push({ fieldCode: code, valueText: JSON.stringify(String(value)) })
              }

            }
          } else if (type === 7 || type === 8) {
            fields.push({ fieldCode: code, valueText: JSON.stringify(value) })
          } else if (type === 9) {
            fields.push({ fieldCode: code, valueText: JSON.stringify([{ id: value.id, name: value.name }]) })
          } else if (type === 11) {

            fields.push({ fieldCode: code, valueText: JSON.stringify({ lng: value.lng, lat: value.lat, address: value.address }) })

          } else {

            fields.push({ fieldCode: code, valueText: String(value) })
          }
        }
        return fields
      },

      async submitInspect() {

        try {
          await this.$refs.inspectFormRef.validate()

          uni.showLoading({ title: '提交中' })

          if (!this.clientSeq) {

            this.clientSeq = Date.now().toString() + '-' + Math.random().toString(16).slice(2,10)

          }

          if (!this.commitId) {
            const submitData = {

              planNo: this.paramsOptions.planNo,

              imgHost: "1",

              beginImg: this.imageList.map(img => img.url),

              commonUserList: [],

              remark: this.inspectForm.remark.trim()

            }

            const createRes = await maintainCreate(submitData)
            this.commitId = createRes.id

          }

          const dynamicValues = this.buildDynamicFields()
          await workRecordSubmit({
            businessType: this.paramsOptions.businessType,
            planTypeId: this.paramsOptions.planTypeId,
            bizType:3,
            recordId: this.commitId,
            clientSeq: this.clientSeq,
            remark: this.inspectForm.remark.trim(),
            fields: dynamicValues
          })

          uni.hideLoading()

          uni.showToast({ title: '提交成功' })
          setTimeout(()=>{
            uni.reLaunch({url:'/pages/index/index'})
          },1000)
        } catch (err) {

          uni.hideLoading()

          console.error('提交失败', err)
          if (Array.isArray(err)) return
          const msg = err?.msg || '提交失败，请重试'

          if (this.commitId) {

            uni.showToast({ title: `已创建工单，动态字段提交失败：${msg}`, icon: 'none' })
          } else {
            uni.showToast({ title: msg, icon: 'none' })

          }
        }

      }
    }
  }
  </script>
  

  <style lang="scss" scoped>

  .page-container {

    min-height: 100vh;
    background-color: #f5f5f5;

    padding-bottom: 120rpx;
  }

  .inspect-form-content {

    background: #fff;

    padding: 20rpx;
    margin-bottom: 20rpx;

  }

  .date-input-wrap {
    width: 100%;
  }

  .fixed-bottom-wrap {

    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;

    background: #fff;

  }

  .large-number-box {
    :deep(.u-number-box__input) {
      width: 264rpx !important;
      height: 72rpx;
      font-size: 32rpx;
    }

    :deep(.u-number-box__minus),
    :deep(.u-number-box__plus) {

      height: 72rpx;
    }
  }
  .number-box-wrap {
    display: flex;
    align-items: center;
    gap: 16rpx;

  }

  .unit-text {
    font-size: 28rpx;
    color: #333;
  }

  .multi-wrap {
    width: 100%;
    .multi-hint {
      display: block;
      margin-top: 8rpx;
      font-size: 24rpx;
      color: #909399;
    }
    .qty-list {
      margin-top: 16rpx;
      padding-left: 20rpx;
      border-left: 4rpx solid #f0f0f0;
    }
  }

  .qty-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16rpx;
    padding: 8rpx 0;
    .qty-label {
      flex: 1;
      min-width: 0;
      font-size: 28rpx;
      color: #333;
    }
  }
  .qty-row-material {
    margin-top: 12rpx;
    padding-top: 12rpx;
    border-top: 1rpx solid #f0f0f0;
  }

  .file-wrap {
    width: 100%;
    .file-row {
      display: flex;
      align-items: center;
      justify-content: space-between;

      gap:16rpx;
      padding:8rpx 0;

      .file-name {

        flex:1;
        min-width:0;
        font-size:28rpx;
        color:#333;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
      }
      .file-del {
        font-size:26rpx;
        color:#f56c6c;
      }
    }
  }
  
  // type6弹窗样式
  .popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30rpx;
    .popup-title {
      font-size: 34rpx;
      font-weight: bold;
    }
  }
  .popup-body {
    display: flex;
    flex: 1;
    height: calc(100vh - 220rpx);
    .left-sidebar {
      width: 220rpx;
      background: #f6f7f8;
      overflow-y: auto;
      .sidebar-item {
        padding: 24rpx 16rpx;

        font-size: 28rpx;
        color: #333;

        &.active {
          background: #fff;
          color: #007aff;
        }

      }

    }
    .right-content {
      flex: 1;
      background: #fff;
      padding: 20rpx;
      overflow-y: auto;
      .list-item {
        display: flex;
        align-items: center;
        gap:20rpx;
        padding:20rpx 0;
        border-bottom:1rpx solid #eee;
        .row-label {
          flex:1;
          font-size:28rpx;
        }
      }
      .tip-text {
        margin-top: 20rpx;

        font-size: 26rpx;

        color:#999;

      }
    }
  }

  .popup-footer {
    padding:24rpx;
  }

  </style>