yudao-admin-yiqun/yudao-ui-admin-vue3/src/views/pressure2/pipescheduling/components/PipePlanScheduleDialog.vue

<template>
  <el-dialog
    :title="title"
    v-model="dialogVisible"
    :width="'1000px'"
    append-to-body
    destroy-on-close
  >
    <div class="flex flex-col">
      <div class="w-full">
        <el-form
          ref="formRef"
          :model="formData"
          :rules="formRules"
          label-width="120px"
        >
          <div v-if="props.selectedRows.length > 1" class="mb-4 text-gray-500">
            已选择 {{ props.selectedRows.length }} 条记录进行批量排期
          </div>

          <el-form-item label="检验性质" prop="checkType" labelWidth="80px">
            <el-radio-group v-model="formData.checkType">
              <el-radio
                v-for="(label, value) in PressurePipeCheckTypeMap"
                :key="value"
                :value="value"
              >
                {{ label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <!-- 定期检验配置 -->
          <div class="plan-section" v-if="formData.checkType == PressurePipeCheckType.REGULAR">
            <div class="section-title">
              <span>定期检验</span>
              <span class="section-info">
                待检设备数量: {{ legalEquipCount }} &nbsp;&nbsp; 最近临期时间: {{ legalLatestTime }}
              </span>
            </div>
            <el-form-item label="检验日期" prop="legalDate">
              <el-date-picker
                v-model="formData.legalDate"
                type="date"
                placeholder="选择日期"
                value-format="YYYY-MM-DD"
                :disabled-date="(time) => time.getTime() < Date.now() - 8.64e7"
                class="!w-240px"
              />
              <el-checkbox
                v-model="formData.legalIsOrderConfirm"
                class="ml-4"
                :disabled="legalEquipCount === 0"
              >
                由前台约检确认
              </el-checkbox>
            </el-form-item>

            <el-form-item label="检验员" prop="legalTeamList">
              <div class="checker-select-container">
                <div class="checker-list" v-if="legalEquipCount > 0">
                  <template v-if="legalProcessedDeptData.length">
                    <div v-for="dept in legalProcessedDeptData"
                         :key="dept.dept?.id || dept.deptGroupId" class="dept-section">
                      <div v-for="team in dept.teamList" :key="team.id || team.deptGroupId"
                           class="group-section">
                        <div class="group-content">
                          <template v-for="subTeam in team.memberList"
                                    :key="subTeam.id || subTeam.deptGroupId">
                            <div class="group-members">
                              <div class="label">
                                <el-checkbox
                                  v-model="subTeam.checked"
                                  @change="(val: boolean) => handleSubTeamCheckChange(val, subTeam, 'legal')"
                                >
                                  {{ subTeam.name }}
                                </el-checkbox>
                              </div>
                              <div class="members-list">
                                <el-checkbox-group
                                  v-model="legalSelectedCheckerIds"
                                  @change="handleLegalMemberChange"
                                >
                                  <el-checkbox
                                    v-for="member in subTeam.memberList"
                                    :key="member.memberId"
                                    :value="subTeam.id + ':' + member.memberId"
                                  >
                                    <span v-if="member.memberId === member.leaderId"
                                          class="leader-tag">组</span>
                                    {{ member.member?.nickname }}
                                  </el-checkbox>
                                </el-checkbox-group>
                              </div>
                            </div>
                          </template>
                        </div>
                      </div>
                    </div>
                  </template>
                  <el-empty v-else description="暂无检验员数据"/>
                </div>
                <div v-if="legalEquipCount === 0"
                     class="text-gray-400 py-4 text-center">
                  无待检设备
                </div>
              </div>
            </el-form-item>

            <el-form-item label="收费形式" prop="legalChargeType">
              <div class="flex items-center gap-4">
                <el-select v-model="formData.legalChargeType" placeholder="请选择收费形式"
                           class="!w-120px">
                  <el-option label="非合同收费" value="1"/>
                  <el-option label="合同收费" value="2"/>
                </el-select>
                <span class="text-gray-600">是否免征:</span>
                <el-select v-model="formData.legalIsExempt" placeholder="请选择是否免征"
                           class="!w-60px" @change="handleLegalExemptChange">
                  <el-option label="否" value="0"/>
                  <el-option label="是" value="1"/>
                </el-select>
                <span class="text-gray-600">应收法定金额: {{ formData.legalShouldAmount }}</span>
                <span class="text-gray-600">服务收费金额: {{ formData.legalServiceAmount }}</span>
                <span class="text-gray-600">免征费用: {{ formData.legalReduceFee }}</span>
              </div>
            </el-form-item>
          </div>

          <!-- 年度检查配置 -->
          <div class="plan-section" v-else-if="formData.checkType == PressurePipeCheckType.ANNUAL">
            <div class="section-title">
              <span>年度检查</span>
              <span class="section-info">
                待检设备数量: {{ yearEquipCount }} &nbsp;&nbsp; 最近临期时间: {{ yearLatestTime }}
              </span>
            </div>
            <el-form-item label="检验日期" prop="yearDate">
              <el-date-picker
                v-model="formData.yearDate"
                type="date"
                placeholder="选择日期"
                value-format="YYYY-MM-DD"
                :disabled-date="(time) => time.getTime() < Date.now() - 8.64e7"
                class="!w-240px"
              />
              <el-checkbox
                v-model="formData.yearIsOrderConfirm"
                class="ml-4"
                :disabled="yearEquipCount === 0"
              >
                由前台约检确认
              </el-checkbox>
            </el-form-item>

            <el-form-item label="检验员" prop="yearTeamList">
              <div class="checker-select-container">
                <div class="checker-list" v-if="yearEquipCount > 0">
                  <template v-if="yearProcessedDeptData.length">
                    <div v-for="dept in yearProcessedDeptData"
                         :key="dept.dept?.id || dept.deptGroupId" class="dept-section">
                      <div v-for="team in dept.teamList" :key="team.id || team.deptGroupId"
                           class="group-section">
                        <div class="group-content">
                          <template v-for="subTeam in team.memberList"
                                    :key="subTeam.id || subTeam.deptGroupId">
                            <div class="group-members">
                              <div class="label">
                                <el-checkbox
                                  v-model="subTeam.checked"
                                  @change="(val: boolean) => handleSubTeamCheckChange(val, subTeam, 'year')"
                                >
                                  {{ subTeam.name }}
                                </el-checkbox>
                              </div>
                              <div class="members-list">
                                <el-checkbox-group
                                  v-model="yearSelectedCheckerIds"
                                  @change="handleYearMemberChange"
                                >
                                  <el-checkbox
                                    v-for="member in subTeam.memberList"
                                    :key="member.memberId"
                                    :value="subTeam.id + ':' + member.memberId"
                                  >
                                    <span v-if="member.memberId === member.leaderId"
                                          class="leader-tag">组</span>
                                    {{ member.member?.nickname }}
                                  </el-checkbox>
                                </el-checkbox-group>
                              </div>
                            </div>
                          </template>
                        </div>
                      </div>
                    </div>
                  </template>
                  <el-empty v-else description="暂无检验员数据"/>
                </div>
                <div v-if="yearEquipCount === 0"
                     class="text-gray-400 py-4 text-center">
                  无待检设备
                </div>
              </div>
            </el-form-item>

            <el-form-item label="收费形式" prop="yearChargeType">
              <div class="flex items-center gap-4">
                <el-select v-model="formData.yearChargeType" placeholder="请选择收费形式"
                           class="!w-120px">
                  <el-option label="非合同收费" value="1"/>
                  <el-option label="合同收费" value="2"/>
                </el-select>
                <span class="text-gray-600">是否免征:</span>
                <el-select v-model="formData.yearIsExempt" placeholder="请选择是否免征"
                           class="!w-60px" @change="handleYearExemptChange">
                  <el-option label="否" value="0"/>
                  <el-option label="是" value="1"/>
                </el-select>
                <span class="text-gray-600">应收法定金额: {{ formData.yearShouldAmount }}</span>
                <span class="text-gray-600">服务收费金额: {{ formData.yearServiceAmount }}</span>
                <span class="text-gray-600">免征费用: {{ formData.yearReduceFee }}</span>
              </div>
            </el-form-item>
          </div>

          <!-- 检验项目 -->
          <div
            class="checkItemContent"
            v-for="checkItem in checkItemList"
            v-show="showCheck(checkItem)"
            :key="checkItem.inspectionNature + '-' + checkItem.type"
          >
            <div v-if="checkItem.inspectionNature == formData.checkType && getEquipCountByType(checkItem.inspectionNature) != 0">
              <div class="content-title" @click="toggleCheckItemCollapse(checkItem)">
                <el-icon class="collapse-icon" :class="{ 'is-collapsed': !checkItem.isExpanded }">
                  <ArrowDown />
                </el-icon>
                {{ checkItem.inspectionNatureName }}
              </div>
              <div class="inspection-grid" v-show="checkItem.isExpanded">
                <template v-if="checkItem.itemList.length > 0">
                  <!-- Grid 容器 -->
                  <div
                    class="grid-container"
                    :style="{
                    'grid-template-columns':
                      checkItem.itemList.length < 3
                        ? `repeat(${checkItem.itemList.length}, 1fr)`
                        : `repeat(3, 1fr)`
                  }"
                  >
                    <!-- 循环渲染子项（模拟数据） -->
                    <div class="grid-item" v-for="(item, index) in checkItem.itemList" :key="index">
                      <el-checkbox
                        :disabled="item.isMainProject === '1'|| item.name === '一览表'"
                        v-model="item.use"
                      />
                      <!--                      @change="(val) => handleCheckItemSelectedChange(item, val)"-->
                      <div style="display: flex; align-items: center; gap: 4px;">
                        <span v-if="item.isMainProject === '1'"
                              style="display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background-color: #6cbcf5; color: #fff; font-size: 12px; border-radius: 2px; font-weight: bold;">主</span>
                        <span>{{ item.name }}</span>
                      </div>
                      <span>
                      (
                      <el-button link type="primary" @click="() => {
                        openFeeDialog(item)
                      }"
                      >费用：{{ item.fee || '无' }}</el-button
                      >
                        <!--                      >费用：{{ getCheckItemFeeType(item) }}</el-button-->
                      )
                    </span>
                    </div>

                  </div>
                </template>
                <el-empty style="height: 200px;" v-else
                          :description="`暂无【${checkItem.inspectionNatureName}】检验项目`"/>
              </div>
            </div>
          </div>
        </el-form>
      </div>
    </div>

    <template #footer>
      <div class="flex justify-end">
        <el-button @click="handleCancel">取消</el-button>
        <el-button type="primary" @click="handleConfirm">确定</el-button>
      </div>
    </template>
    <!-- 费用计算弹窗 -->
    <el-dialog
      title="修改费用"
      v-model="showCalcCheckItemFeeDialog"
      width="500px"
    >
      <el-form>
        <div class="form-row">
          <span class="info-label ml-50px">原费用:</span>
          <span class="info-value fee-amount">{{ oldAmount || 0 }}</span>
        </div>
        <el-form-item label="新费用:" class="fee-form-item ml-50px">
          <el-input-number
            v-model="newAmount"
            class="!w-100px"
            :min="0"
            controls-position="right"
          />
        </el-form-item>
      </el-form>
      <template #footer>
        <div class="flex justify-end">
          <el-button @click="showCalcCheckItemFeeDialog = false">取消</el-button>
          <el-button type="primary" @click="confirmFee">确定
          </el-button>
        </div>
      </template>
    </el-dialog>
    <!--    <calc-project-fee v-if="showCalcCheckItemFeeDialog" :modelValue="showCalcCheckItemFeeDialog" :oldAmount="oldAmount" :newAmount="newAmount" :projectId="feeTemplateId"/>-->
  </el-dialog>
</template>

<script setup lang="ts">
import {FormInstance} from 'element-plus'
import {ArrowDown} from '@element-plus/icons-vue'
import {useMessage} from '@/hooks/web/useMessage'
import dayjs from 'dayjs';
import {EquipPipeSchedulingApi, EquipPipeSchedulingVO} from "@/api/pressure2/pipescheduling";
import {
  PressureBoilerCheckType,
  PressurePipeCheckType,
  PressurePipeCheckTypeMap
} from "@/utils/constants";
import {PipeTaskOrderApi} from "@/api/pressure2/pipetaskorder";
import {DeptGroupTeamApi} from '@/api/pressure2/deptGroupTeam'
import {processInspectorGroups} from '@/views/pressure2/equipboilerscheduling/components/inspector'
import type {ProcessedDeptData} from '@/views/pressure2/equipboilerscheduling/components/inspector'
import {useUserStoreWithOut} from '@/store/modules/user'
import {InspectionNatureTypeApi} from "@/api/pressure2/inspectionnaturetype";
import {ClientUnitApi} from "../../../../api/system/clientunit";

const message = useMessage()
const {queryCheckItemList, querySchedulingCheckItemList} = PipeTaskOrderApi
const userStore = useUserStoreWithOut()

const props = defineProps({
  selectedRows: {
    type: Array as PropType<EquipPipeSchedulingVO[]>,
    default: () => []
  },
  selectedPipeRows: {
    type: Array as PropType<EquipPipeSchedulingVO[]>,
    default: () => []
  },
  selectedLegalList: {
    type: Array as PropType<EquipPipeSchedulingVO[]>,
    default: () => []
  },
  selectedYearList: {
    type: Array as PropType<EquipPipeSchedulingVO[]>,
    default: () => []
  },
  source: {
    type: String as PropType<string>,
    default: 'pressure'
  }
})

const emit = defineEmits(['success', 'close'])
const dialogVisible = ref(false)
const formRef = ref<FormInstance>()

const title = computed(() => props.selectedPipeRows.length > 1 ? '批量计划排期' : '计划排期')

// 检验项目
const checkItemList = ref<any[]>([])
const showCalcCheckItemFeeDialog = ref(false)
const oldAmount = ref<number>(0)
const newAmount = ref<number>(0)
const equipList = ref<any[]>([])
// 定期检验设备数量
const legalEquipCount = computed(() => {
  return props.selectedLegalList.length
})

// 年度检查设备数量
const yearEquipCount = computed(() => {
  return props.selectedYearList.length
})

// 定期检验最近临期时间
const legalLatestTime = computed(() => {
  const latestTime = props.selectedPipeRows.reduce((nextLegalCheckDate, row) => {
    if (!row.nextLegalCheckDate) return nextLegalCheckDate
    if (!nextLegalCheckDate || row.nextLegalCheckDate < nextLegalCheckDate) {
      return row.nextLegalCheckDate
    }
    return nextLegalCheckDate
  }, '')
  return latestTime ? dayjs(latestTime).format('YYYY-MM-DD') : '无'
})

// 年度检查最近临期时间
const yearLatestTime = computed(() => {
  const latestTime = props.selectedPipeRows.reduce((nextYearCheckDate, row) => {
    if (!row.nextYearCheckDate) return nextYearCheckDate
    if (!nextYearCheckDate || row.nextYearCheckDate < nextYearCheckDate) {
      return row.nextYearCheckDate
    }
    return nextYearCheckDate
  }, '')
  return latestTime ? dayjs(latestTime).format('YYYY-MM-DD') : '无'
})


const formData = ref({
  checkType: '100',
  // 定期检验
  legalDate: '',
  legalTeamList: [],
  legalTaskList: [],
  legalIsOrderConfirm: true,
  legalChargeType: '1',
  legalIsExempt: '0',
  legalShouldAmount: 0,
  legalServiceAmount: 0,
  legalReduceFee: 0,

  // 年度检查
  yearDate: '',
  yearTeamList: [],
  yearTaskList: [],
  yearIsOrderConfirm: true,
  yearChargeType: '1',
  yearIsExempt: '0',
  yearShouldAmount: 0,
  yearServiceAmount: 0,
  yearReduceFee: 0,
})

// 各类型检验员选择状态
const legalSelectedCheckers = ref<any[]>([])
const yearSelectedCheckers = ref<any[]>([])

// 检验员列表数据（按部门-分组-小组）
const legalProcessedDeptData = ref<ProcessedDeptData[]>([])
const yearProcessedDeptData = ref<ProcessedDeptData[]>([])

// 检验员选中的ID列表（用于checkbox-group绑定）
const legalSelectedCheckerIds = ref<string[]>([])
const yearSelectedCheckerIds = ref<string[]>([])

// 表单验证规则
const formRules = {
  legalDate: [{
    validator: (rule, value, callback) => {
      if (!value && formData.value.legalTaskList.length > 0) {
        callback(new Error('请选择定检日期'))
      } else {
        callback()
      }
    },
    trigger: 'change'
  }],
  legalTeamList: [{
    validator: (rule, value, callback) => {
      if ((!value || value.length === 0) && !formData.value.legalIsOrderConfirm && formData.value.legalTaskList.length > 0) {
        callback(new Error('请选择检验员'))
      } else {
        callback()
      }
    },
    trigger: 'change'
  }],
  yearDate: [{
    validator: (rule, value, callback) => {
      if (!value && formData.value.yearTaskList.length > 0) {
        callback(new Error('请选择年检日期'))
      } else {
        callback()
      }
    },
    trigger: 'change'
  }],
  yearTeamList: [{
    validator: (rule, value, callback) => {
      if ((!value || value.length === 0) && !formData.value.yearIsOrderConfirm && formData.value.yearTaskList.length > 0) {
        callback(new Error('请选择检验员'))
      } else {
        callback()
      }
    },
    trigger: 'change'
  }]
}

/** 获取检验员列表 */
const getCheckerList = async (deptId: string, type: 'legal' | 'year') => {
  try {
    const originalData = await DeptGroupTeamApi.getDeptGroupTeamMembers({
      deptIds: deptId
    })

    const processedData = processInspectorGroups(originalData)

    const dataMap = {
      legal: legalProcessedDeptData,
      year: yearProcessedDeptData
    }

    dataMap[type].value = processedData

    // 更新选中状态
    updateAllSubTeamCheckStatus(type)
  } catch (error) {
    console.error('获取检验员列表失败:', error)
  }
}

/** 更新所有小组的选中状态 */
const updateAllSubTeamCheckStatus = (type: 'legal' | 'year') => {
  const dataMap = {
    legal: legalProcessedDeptData,
    year: yearProcessedDeptData
  }

  const checkerMap = {
    legal: legalSelectedCheckers,
    year: yearSelectedCheckers
  }

  dataMap[type].value.forEach(dept => {
    dept.teamList.forEach(team => {
      team.memberList.forEach(subTeam => {
        updateSubTeamCheckStatus(subTeam, checkerMap[type].value)
      })
    })
  })
}

/** 更新单个小组的选中状态 */
const updateSubTeamCheckStatus = (subTeam: any, selectedCheckers: any[]) => {
  const availableMembers = subTeam.memberList
  const allSubTeamMembers = availableMembers.map(m => m.id + ':' + m.memberId)

  if (allSubTeamMembers.length === 0) {
    subTeam.checked = false
    return
  }

  const selectedSubTeamMembers = selectedCheckers.filter(c =>
    allSubTeamMembers.includes(c.groupTeamId + ':' + c.memberId)
  )

  subTeam.checked = selectedSubTeamMembers.length === allSubTeamMembers.length
}

/** 处理小组全选 */
const handleSubTeamCheckChange = (val: boolean, subTeam: any, type: 'legal' | 'year') => {
  const checkerMap = {
    legal: legalSelectedCheckers,
    year: yearSelectedCheckers
  }

  const availableMembers = subTeam.memberList
  const memberIds = availableMembers.map(member => ({
    groupTeamId: subTeam.id,
    memberId: member.memberId,
    leaderId: subTeam.leaderId,
    member: member.member,
    isLeader: member.memberId === subTeam.leaderId
  }))

  if (val) {
    // 选中：添加所有可用成员
    const existingIds = new Set(checkerMap[type].value.map(c => c.groupTeamId + ':' + c.memberId))
    memberIds.forEach(member => {
      if (!existingIds.has(member.groupTeamId + ':' + member.memberId)) {
        checkerMap[type].value.push(member)
      }
    })
  } else {
    // 取消选中：移除当前小组的所有成员
    const memberIdsSet = new Set(memberIds.map(m => m.groupTeamId + ':' + m.memberId))
    checkerMap[type].value = checkerMap[type].value.filter(c =>
      !memberIdsSet.has(c.groupTeamId + ':' + c.memberId)
    )
  }

  // 更新小组选中状态
  updateSubTeamCheckStatus(subTeam, checkerMap[type].value)

  // 同步到其他类型
  syncCheckers(type, checkerMap[type].value)

  // 更新 formData 中的 teamList
  updateTeamList(type)
}

/** 处理成员选择变化 */
const handleMemberChange = (type: 'legal' | 'year') => {
  const checkerMap = {
    legal: legalSelectedCheckers,
    year: yearSelectedCheckers
  }

  // 更新所有小组的选中状态
  updateAllSubTeamCheckStatus(type)

  // 同步到其他类型
  syncCheckers(type, checkerMap[type].value)

  // 更新 formData 中的 teamList
  updateTeamList(type)
}

/** 处理定期检验员变化 */
const handleLegalMemberChange = (values: string[]) => {
  const allMembers = getAllMembersFromData(legalProcessedDeptData.value)
  legalSelectedCheckers.value = values.map(id => {
    const [groupTeamId, memberId] = id.split(':')
    return allMembers.find(m => m.groupTeamId === groupTeamId && m.memberId.toString() === memberId)
  }).filter(Boolean)
  handleMemberChange('legal')
}

/** 处理年度检查员变化 */
const handleYearMemberChange = (values: string[]) => {
  const allMembers = getAllMembersFromData(yearProcessedDeptData.value)
  yearSelectedCheckers.value = values.map(id => {
    const [groupTeamId, memberId] = id.split(':')
    return allMembers.find(m => m.groupTeamId === groupTeamId && m.memberId.toString() === memberId)
  }).filter(Boolean)
  handleMemberChange('year')
}

/** 从处理后的数据中获取所有成员 */
const getAllMembersFromData = (processedData: ProcessedDeptData[]) => {
  const members: any[] = []
  processedData.forEach(dept => {
    dept.teamList.forEach(team => {
      team.memberList.forEach(subTeam => {
        subTeam.memberList.forEach(member => {
          members.push({
            groupTeamId: subTeam.id,
            memberId: member.memberId,
            leaderId: subTeam.leaderId,
            member: member.member,
            isLeader: member.memberId === subTeam.leaderId
          })
        })
      })
    })
  })
  return members
}

// 监听检验员对象变化，同步更新ID列表
watch(() => legalSelectedCheckers.value, (newVal) => {
  legalSelectedCheckerIds.value = newVal.map(c => c.groupTeamId + ':' + c.memberId)
}, {deep: true})

watch(() => yearSelectedCheckers.value, (newVal) => {
  yearSelectedCheckerIds.value = newVal.map(c => c.groupTeamId + ':' + c.memberId)
}, {deep: true})


/** 监听检验员变化 */
const syncCheckers = (sourceType: string, checkers: any[]) => {
  const typeMap = {
    legal: ['year'],
    year: ['legal']
  }

  typeMap[sourceType].forEach(type => {
    const checkerMap = {
      legal: legalSelectedCheckers,
      year: yearSelectedCheckers,
    }
    // 只有在未选择检验员的情况下才自动同步
    if (checkerMap[type].value.length === 0) {
      checkerMap[type].value = [...checkers]
      updateTeamList(type)
    }
  })
}


const feeInspectionNature = ref()
const feeType= ref()
const feeTemplateId = ref()
const openFeeDialog = (item) => {
  showCalcCheckItemFeeDialog.value = true

  // let item = checkItemList.value.find(item => item.inspectionNature == inspectionNature).itemList.find(i => i.templateId == templateId)
  feeInspectionNature.value =  item.inspectionNature
  feeType.value = item.type
  feeTemplateId.value = item.templateId

  oldAmount.value = item.fee || 0
  newAmount.value = item.fee || 0
}

const confirmFee = () => {
  let item = checkItemList.value.find(item => item.inspectionNature == feeInspectionNature.value && item.type == feeType.value).itemList.find(i => i.templateId == feeTemplateId.value)
  item.fee = newAmount.value;
  newAmount.value = 0
  handleCheckItemFeeConfirm()
  showCalcCheckItemFeeDialog.value = false;
}

/** 处理定期检验免征变化 */
const handleLegalExemptChange = (val: string) => {
  calculateLegalAmounts()
}

/** 处理年度检查免征变化 */
const handleYearExemptChange = (val: string) => {
  calculateYearAmounts()
}

/** 计算定期检验金额 */
const calculateLegalAmounts = () => {
  const legalItems = checkItemList.value.filter(i => i.inspectionNature == PressurePipeCheckType.REGULAR)
  if (!legalItems) return

  // 分离法定收费项目和服务收费项目
  const find = legalItems?.find(item => item.type === '1');
  if (!find) return;
  const statutoryItems = find.itemList.filter(item => item.use)
  const find1 = legalItems?.find(item => item.type === '2');
  if (!find1) return;
  const serviceItems = find1.itemList.filter(item => item.use)

  // 计算法定金额总和
  const totalStatutoryAmount = statutoryItems.reduce((sum, item) => sum + (item.fee || 0), 0)
  // 计算服务收费金额总和
  const totalServiceAmount = serviceItems.reduce((sum, item) => sum + (item.fee || 0), 0)

  if (formData.value.legalIsExempt === '1') {
    // 免征：免征费用=应收法定金额，应收法定金额=0
    formData.value.legalReduceFee = totalStatutoryAmount
    formData.value.legalShouldAmount = 0
  } else {
    // 不免征：免征费用=0，应收法定金额=总金额
    formData.value.legalReduceFee = 0
    formData.value.legalShouldAmount = totalStatutoryAmount
  }

  formData.value.legalServiceAmount = totalServiceAmount
}

/** 计算年度检查金额 */
const calculateYearAmounts = () => {
  const yearItems = checkItemList.value.filter(i => i.inspectionNature == PressurePipeCheckType.ANNUAL)
  if (!yearItems) return

  // 分离法定收费项目和服务收费项目
  const find = yearItems?.find(item => item.type === '1');
  if (!find) return;
  const statutoryItems = find.itemList.filter(item => item.use)
  const find1 = yearItems?.find(item => item.type === '2');
  if (!find1) return;
  const serviceItems = find1.itemList.filter(item => item.use)

  // 计算法定金额总和
  const totalStatutoryAmount = statutoryItems.reduce((sum, item) => sum + (item.fee || 0), 0)
  // 计算服务收费金额总和
  const totalServiceAmount = serviceItems.reduce((sum, item) => sum + (item.fee || 0), 0)

  if (formData.value.yearIsExempt === '1') {
    // 免征：免征费用=应收法定金额，应收法定金额=0
    formData.value.yearReduceFee = totalStatutoryAmount
    formData.value.yearShouldAmount = 0
  } else {
    // 不免征：免征费用=0，应收法定金额=总金额
    formData.value.yearReduceFee = 0
    formData.value.yearShouldAmount = totalStatutoryAmount
  }

  formData.value.yearServiceAmount = totalServiceAmount
}

const handleCheckItemFeeConfirm = () => {
  // 费用修改后重新计算金额
  calculateLegalAmounts()
  calculateYearAmounts()
}
/**
 * 根据任务列表长度展示项目
 * @param checkItem
 */
const showCheck = (checkItem) => {
  if (checkItem.inspectionNature == PressurePipeCheckType.REGULAR) {
    return formData.value.legalTaskList.length > 0
  }
  if (checkItem.inspectionNature == PressurePipeCheckType.ANNUAL) {
    return formData.value.yearTaskList.length > 0
  }
  return true
}

// 监听检验项目使用状态变化，自动重新计算金额
watch(() => checkItemList.value, () => {
  calculateLegalAmounts()
  calculateYearAmounts()
}, {deep: true})

/** 更新 teamList */
const updateTeamList = (type) => {
  const checkerMap = {
    legal: legalSelectedCheckers,
    year: yearSelectedCheckers
  }

  const teamListMap = {
    legal: 'legalTeamList',
    year: 'yearTeamList',
  }

  // 按 groupTeamId 分组
  const groupedTeams = checkerMap[type].value.reduce((acc, checker) => {
    const {groupTeamId} = checker
    if (!acc[groupTeamId]) {
      acc[groupTeamId] = {
        groupTeamId,
        leaderId: '',
        memberIdList: []
      }
    }

    if (checker.isLeader) {
      acc[groupTeamId].leaderId = checker.memberId
    } else {
      acc[groupTeamId].memberIdList.push(checker.memberId)
    }

    return acc
  }, {})

  formData.value[teamListMap[type]] = Object.values(groupedTeams)
}


// 查询项目列表
const handleQueryCheckItemList = async () => {
  checkItemList.value = []
  // 校验所有选中的任务列表中的设备类型是否一致
  const allTasks = [
    ...formData.value.legalTaskList,
    ...formData.value.yearTaskList
  ]

  if (allTasks.length > 0) {
    const firstType = allTasks[0].pipeCategory
    const firstUnit = allTasks[0].unitId
    const hasDifferentType = allTasks.some(task => task.pipeCategory !== firstType)
    const hasDifferentUnit = allTasks.some(task => task.unitId !== firstUnit)

    if (hasDifferentType) {
      ElMessage.error('请选择同一类型设备')
      dialogVisible.value = false
      return
    }

    if (hasDifferentUnit) {
      ElMessage.error('请选择同一单位设备')
      dialogVisible.value = false
      return
    }
    if (firstUnit){
      ClientUnitApi.getClientUnit(firstUnit).then(res => {
        formData.value.yearIsExempt = res.isExempt
        formData.value.legalIsExempt = res.isExempt
      })
    }
  }

  // 获取统一的设备类型，如果列表为空则设为 undefined
  const equipType = allTasks.length > 0 ? allTasks[0].pipeCategory : undefined

  equipList.value = []
  checkItemList.value = []
  const checkTypes = [
    PressurePipeCheckType.REGULAR,
    PressurePipeCheckType.ANNUAL
  ];

  for (const type of checkTypes) {
    const params = {
      orderId: "0",
      itemIds: equipList.value.map(item => item.id),
      equipmentCategory: 300,
      inspectionNature: [type],
      equipType:equipType
    };
    const queryResult = await querySchedulingCheckItemList(params);
    const inspectionNatureType = await InspectionNatureTypeApi.getInspectionNatureTypePage({
      pageNo: 1,
      pageSize: 1,
      equip: '300',
      nature: type
    })
    const inType = inspectionNatureType.list[0].type
    checkItemList.value.push({
      inspectionNatureName: PressurePipeCheckTypeMap[type] + " 法定收费项目",
      inspectionNature: type,
      type: '1',
      isExpanded: inType == 1, // 根据 inType 决定是否默认展开
      itemList: (queryResult || []).map((item) => (
        {
          ...item,
          isAutoAmount: '0', // 批量模式下默认为'0'
          inspectionNature: type,
          type: '1',
          use: inType == 1 ? item.name === "一览表" ? true : item.use : false
        }
      ))
    });
    checkItemList.value.push({
      inspectionNatureName: PressurePipeCheckTypeMap[type] + " 服务收费项目",
      inspectionNature: type,
      type: '2',
      isExpanded: inType == 2, // 根据 inType 决定是否默认展开
      itemList: (queryResult || []).map((item) => (
        {
          ...item,
          isAutoAmount: '0', // 批量模式下默认为'0'
          inspectionNature: type,
          type: '2',
          use: inType == 2 ? item.name === "一览表" ? true : item.use : false
        }
      ))
    });
  }

}

/** 切换检验项目展开/收缩状态 */
const toggleCheckItemCollapse = (checkItem: any) => {
  checkItem.isExpanded = !checkItem.isExpanded
}

/** 打开弹窗 */
const open = async (selectedLegalList?: EquipPipeSchedulingVO[], selectedYearList?: EquipPipeSchedulingVO[],checkType?) => {
  //console.log('open', props.selectedRows)
  dialogVisible.value = true


  // 重置所有检验员选择
  legalSelectedCheckers.value = []
  yearSelectedCheckers.value = []
  legalProcessedDeptData.value = []
  yearProcessedDeptData.value = []
  legalSelectedCheckerIds.value = []
  yearSelectedCheckerIds.value = []

  // 使用传入的数据计算各类型设备数量
  //const targetRows = pipeRows || props.selectedPipeRows || []
  const counts = {
    legal: selectedLegalList?.length,
    year: selectedYearList?.length,
  }

  // 重置表单数据
  formData.value = {
    checkType: checkType || '100',
    // 定期检验
    legalDate: '',
    legalTeamList: [],
    legalTaskList: [],
    legalIsOrderConfirm: true,
    legalChargeType: '1',
    legalIsExempt: '0',
    legalShouldAmount: 0,
    legalServiceAmount: 0,
    legalReduceFee: 0,
    // 年度检查
    yearDate: '',
    yearTeamList: [],
    yearTaskList: [],
    yearIsOrderConfirm: true,
    yearChargeType: '1',
    yearIsExempt: '0',
    yearShouldAmount: 0,
    yearServiceAmount: 0,
    yearReduceFee: 0,
  }

  // 初始化 taskList
  formData.value.legalTaskList = selectedLegalList
  formData.value.yearTaskList = selectedYearList

  handleQueryCheckItemList()
  // 获取当前登录用户的部门ID
  const deptId = userStore.getUser.deptId?.toString() || '1'

  // 获取检验员列表
  if (counts.legal > 0) {
    await getCheckerList(deptId, 'legal')
  }
  if (counts.year > 0) {
    await getCheckerList(deptId, 'year')
  }

  // 初始化金额计算（等待checkItemList加载完成）
  setTimeout(() => {
    calculateLegalAmounts()
    calculateYearAmounts()
  }, 100)
}

/** 取消操作 */
const handleCancel = () => {
  dialogVisible.value = false
  emit('close')
}

/** 确认操作 */
const handleConfirm = async () => {
  const form = unref(formRef)
  if (!form) return

  //验证
  await form.validate()

  try {
    // 组装新的数据结构
    const submitData: { taskList: any[]; source: number } = {
      taskList: [],
      source: props.source === 'pressure' ? 100 : 200
    }

    console.log("formData.value.legalTaskList", formData.value.yearTaskList)

    const legalUnitList = formData.value.legalTaskList.reduce((acc, item) => {
      const key = item.unitId;
      if (!acc[key]) {
        acc[key] = [];
      }
      acc[key].push(item)
      return acc;
    }, {})

    const yearUnitList = formData.value.yearTaskList.reduce((acc, item) => {
      const key = item.unitId;
      if (!acc[key]) {
        acc[key] = [];
      }
      acc[key].push(item)
      return acc;
    }, {})

    //console.log(Object.values(legalUnitList))

    console.log(formData.value.checkType);
    if (formData.value.checkType == '100') {
      Object.values(legalUnitList).forEach(item => {

        // 处理定期检验
        if (formData.value.legalDate && formData.value.legalTaskList.length > 0) {
          let actualAmount = 0
          checkItemList.value.find(i => i.inspectionNature == PressurePipeCheckType.REGULAR).itemList.filter(i => i.use).forEach(i => {
            actualAmount += i.fee
          })
          submitData.taskList.push({
            equipIds: item.map(item => item.equipPipeId).join(','),
            type: '100',
            hasOrderConfirm: formData.value.legalIsOrderConfirm,
            date: formData.value.legalDate,
            teamList: formData.value.legalTeamList,
            pipeDetailList: item,
            chargeType: formData.value.legalChargeType,
            isExempt: formData.value.legalIsExempt,
            shouldAmount: formData.value.legalShouldAmount,
            serviceAmount: formData.value.legalServiceAmount,
            reduceFee: formData.value.legalReduceFee,
            actualAmount: actualAmount,
            checkItemList: [...checkItemList.value.filter(i => i.inspectionNature == PressurePipeCheckType.REGULAR)[0].itemList.filter(i => i.use).map(
              i => {
                return {
                  //reportId: i.templateId,
                  reportId: i.connectId,
                  newAmount: i.fee,
                  type: i.type,
                }
              }
            ), ...checkItemList.value.filter(i => i.inspectionNature == PressurePipeCheckType.REGULAR)[1].itemList.filter(i => i.use).map(
              i => {
                return {
                  //reportId: i.templateId,
                  reportId: i.connectId,
                  newAmount: i.fee,
                  type: i.type,
                }
              }
            )]
          })
        }
      })
    }
    if (formData.value.checkType == '200') {
      Object.values(yearUnitList).forEach(item => {
        // 处理年度检查
        if (formData.value.yearDate && formData.value.yearTaskList.length > 0) {
          let actualAmount = 0
          checkItemList.value.find(i => i.inspectionNature == PressurePipeCheckType.ANNUAL).itemList.filter(i => i.use).forEach(i => {
            actualAmount += i.fee
          })
          submitData.taskList.push({
            equipIds: item.map(item => item.equipPipeId).join(','),
            type: '200',
            hasOrderConfirm: formData.value.yearIsOrderConfirm,
            date: formData.value.yearDate,
            teamList: formData.value.yearTeamList,
            pipeDetailList: item,
            chargeType: formData.value.yearChargeType,
            isExempt: formData.value.yearIsExempt,
            shouldAmount: formData.value.yearShouldAmount,
            serviceAmount: formData.value.yearServiceAmount,
            reduceFee: formData.value.yearReduceFee,
            actualAmount: actualAmount,
            checkItemList: [...checkItemList.value.filter(i => i.inspectionNature == PressurePipeCheckType.ANNUAL)[0].itemList.filter(i => i.use).map(
              i => {
                return {
                  //reportId: i.templateId,
                  reportId: i.connectId,
                  newAmount: i.fee,
                  type: i.type,
                }
              }
            ), ...checkItemList.value.filter(i => i.inspectionNature == PressurePipeCheckType.ANNUAL)[1].itemList.filter(i => i.use).map(
              i => {
                return {
                  //reportId: i.templateId,
                  reportId: i.connectId,
                  newAmount: i.fee,
                  type: i.type,
                }
              }
            )]

          })
        }
      })
    }

    console.log('submitData', submitData)
     const res = await EquipPipeSchedulingApi.planSchedulingAssign(submitData)
     message.success('保存成功')
     dialogVisible.value = false
     emit('success')
  } catch (error) {
    console.log(error)
    message.error('保存失败')
  }
}


/**
 * 禁用内部日期
 * @param time
 * @return true 禁用 false 不禁用
 */
const disabledDatePlan = (time: Date) => {
  return time.getTime() > dayjs(legalLatestTime.value).valueOf();
}

// 向父组件暴露方法
defineExpose({
  open
})
</script>

<style lang="scss" scoped>
.plan-section {
  margin-bottom: 24px;
  padding: 16px;
  border: 1px solid #EBEEF5;
  border-radius: 4px;

  .section-title {
    margin: -16px -16px 16px -16px;
    padding: 8px 16px;
    background-color: #F5F7FA;
    border-bottom: 1px solid #EBEEF5;
    font-weight: bold;
    display: flex;
    align-items: center;

    .section-info {
      font-weight: normal;
      font-size: 13px;
      color: #606266;
      margin-left: 26px;
    }
  }
}

.checker-select-container {
  width: 100%;

  .checker-list {
    border: 1px solid #EBEEF5;
    border-radius: 4px;

    .dept-section {
      .group-section {
        margin-bottom: 0;
        border-bottom: 1px solid #EBEEF5;

        &:last-child {
          border-bottom: none;
        }

        .group-content {
          padding: 6px 0 0 16px;

          .group-members {
            display: flex;
            margin-bottom: 6px;
            align-items: flex-start;

            &:last-child {
              margin-bottom: 0;
            }

            .label {
              flex: 0 0 100px;
              font-weight: bold;

              :deep(.el-checkbox) {
                margin-right: 0;
                display: inline-flex;
                align-items: center;
                font-weight: bold;

                .el-checkbox__label {
                  padding-left: 6px;
                  font-weight: bold !important;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                }
              }
            }

            .members-list {
              flex: 1;
              display: flex;
              flex-wrap: wrap;
              gap: 0 12px;

              :deep(.el-checkbox) {
                margin-right: 0;
                min-width: 90px;
                margin-bottom: 8px;
                display: inline-flex;
                align-items: center;

                .el-checkbox__label {
                  padding-left: 6px;
                  display: inline-block;
                  width: 80px;
                  text-align: left;
                }
              }
            }
          }
        }
      }
    }
  }

}

.content-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: var(--el-color-primary-light-9);
  cursor: pointer;
  user-select: none;
  transition: background-color 0.3s;

  &:hover {
    background-color: var(--el-color-primary-light-8);
  }

  .collapse-icon {
    margin-right: 8px;
    transition: transform 0.3s;
    font-size: 14px;

    &.is-collapsed {
      transform: rotate(-90deg);
    }
  }

  &::before {
    content: '';
    height: 70%;
    width: 4px;
    margin-right: 12px;
    background-color: var(--el-color-primary);
  }
}

/* 外层容器 */
.inspection-grid {
  width: 100%;
  padding: 16px;
}

/* 标题行 */
.grid-header {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  height: 38px;
  line-height: 38px;
  border: 1px solid var(--el-border-color-light);
  border-bottom: 0;
  background-color: var(--el-color-primary-light-9);
}

/* Grid 容器核心配置 */
.grid-container {
  display: grid;
  /* 5列等宽，列间距 12px，行间距 16px */
  grid-template-columns: repeat(5, 1fr);
  align-items: center; /* 垂直居中 */
  grid-gap: 1px;
  background-color: var(--el-border-color-light);
  border: 1px solid var(--el-border-color-light);
}

/* 子项布局：复选框 + 文本 + 图标 */
.grid-item {
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 12px;
  height: 52px;
  background-color: #fff;

  .el-checkbox {
    margin-right: 6px;
  }
}

.form-row {
  display: flex;
  align-items: center;

  .info-label {
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
  }

  .info-value {
    flex: 1;
  }
}

.fee-amount {
  font-weight: bold;
  color: #e6a23c;
  font-size: 16px;
}

.fee-form-item {
  margin-top: 20px;

  :deep(.el-form-item__label) {
    font-weight: bold;
  }
}

.leader-tag {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 12px;
  text-align: center;
  border: 1px solid #4475d6;
  font-size: 10px;
  margin-right: 4px;
  color: #4475d6;
}
</style>