设备保养的设备备件修改

zhangwencui

2026-03-02 38bf4054f02933390d2bbdd44b5eaa91c83de1f3

 src/pages/equipmentManagement/upkeep/maintain.vue

@@ -190,9 +190,6 @@
      <view class="spare-part-popup">
        <view class="popup-header">
          <text class="popup-title">选择设备备件</text>
          <up-button type="primary"
                     size="small"
                     @click="confirmSparePartSelection">确定</up-button>
        </view>
        <view class="spare-part-options">
          <view v-for="(item, index) in sparePartOptions"
@@ -206,6 +203,10 @@
                    color="#2c7be5" />
          </view>
        </view>
        <up-button type="primary"
                   size="small"
                   :customStyle="{ borderRadius: '6px', padding: '4px 12px' }"
                   @click="confirmSparePartSelection">确定</up-button>
      </view>
    </up-popup>
  </view>
@@ -338,6 +339,7 @@

  // 提交表单
  const sendForm = async () => {
    console.log(form.value.sparePartsIds, "form.value.sparePartsIds");
    try {
      // 手动验证表单
      let isValid = true;
@@ -383,7 +385,9 @@
      const submitData = {
        ...form.value,
        imagesFile: form.value.status == "1" ? uploadFiles.value : [],
        sparePartsIds: form.sparePartsIds ? form.sparePartsIds.join(",") : "",
        sparePartsIds: form.value.sparePartsIds
          ? form.value.sparePartsIds.join(",")
          : "",
      };
      const { code } = await addMaintenance({ id: id, ...submitData });

@@ -416,6 +420,7 @@
    return uni.getStorageSync("repairId");
  };

  const dataform = ref({});
  // 获取设备信息
  const getUpkeepItemData = () => {
    try {
@@ -423,6 +428,8 @@
      if (!dataStr) {
        return null;
      }
      dataform.value = JSON.parse(dataStr);
      fetchSparePartOptions(dataform.value.deviceLedgerId);
      return JSON.parse(dataStr);
    } catch (e) {
      console.error("解析设备数据失败:", e);
@@ -463,14 +470,17 @@
  };

  // 检查备件是否已选中
  const isSparePartSelected = value => {
    return tempSelectedSpareParts.value.some(item => item.value === value);
  const isSparePartSelected = id => {
    return tempSelectedSpareParts.value.some(
      item => item.id === id || item.value === id
    );
  };

  // 切换备件选中状态
  const toggleSparePartSelection = item => {
    const itemId = item.id || item.value;
    const index = tempSelectedSpareParts.value.findIndex(
      selected => selected.value === item.value
      selected => selected.id === itemId || selected.value === itemId
    );
    if (index > -1) {
      tempSelectedSpareParts.value.splice(index, 1);
@@ -482,16 +492,16 @@
  // 确认备件选择
  const confirmSparePartSelection = () => {
    selectedSpareParts.value = [...tempSelectedSpareParts.value];
    form.value.sparePartsIds = selectedSpareParts.value.map(item => item.value);
    form.value.sparePartsIds = selectedSpareParts.value.map(item => item.id);
    showSparePart.value = false;
  };

  // 移除已选备件
  const removeSparePart = index => {
    selectedSpareParts.value.splice(index, 1);
    form.value.sparePartsIds = selectedSpareParts.value.map(item => item.value);
    form.value.sparePartsIds = selectedSpareParts.value.map(item => item.id);
  };

  const sparePartsIds = ref([]);
  // 初始化表单数据
  const initForm = () => {
    // 获取设备信息
@@ -545,18 +555,10 @@
        maintenancestatusText.value = statusMap[itemData.status] || "";
      }
      // 填充备件数据
      if (itemData.spareParts && itemData.spareParts.length > 0) {
        selectedSpareParts.value = itemData.spareParts.map(sparePart => ({
          id: sparePart.id || sparePart.sparePartId || sparePart.value,
          name: sparePart.name || sparePart.sparePartName,
          code: sparePart.code || sparePart.sparePartCode,
          value: sparePart.id || sparePart.sparePartId || sparePart.value,
        }));
        // 设置备件IDs
        form.value.sparePartsIds = selectedSpareParts.value
          .map(item => item.value)
          .join(",");
      }

      // 处理字符串格式的备件IDs
      sparePartsIds.value = itemData.sparePartsIds;

      // 填充附件数据
      if (itemData.files && itemData.files.length > 0) {
        uploadFiles.value = itemData.files.map(file => ({
@@ -582,17 +584,52 @@
    }
  };

  onShow(() => {
  onShow(async () => {
    // 先获取备件选项，再初始化表单
    const pageId = getPageId();
    if (pageId) {
      await fetchSparePartOptions(pageId);
    }
    // 页面显示时初始化表单
    initForm();
    fetchSparePartOptions(getPageId());
  });
  const sparePartOptions = ref([]);
  const fetchSparePartOptions = deviceLedgerId => {
    getSparePartsOptions({ deviceLedgerId: deviceLedgerId }).then(res => {
      if (res.code == 200) {
        sparePartOptions.value = res.data || [];
      }
    return new Promise((resolve, reject) => {
      getSparePartsOptions({ deviceLedgerId: deviceLedgerId })
        .then(res => {
          if (res.code == 200) {
            sparePartOptions.value = res.data || [];
            const idArray =
              typeof sparePartsIds.value === "string"
                ? sparePartsIds.value.split(",")
                : sparePartsIds.value;

            if (idArray.length > 0) {
              selectedSpareParts.value = sparePartOptions.value
                .filter(
                  option =>
                    idArray.includes(option.id.toString()) ||
                    idArray.includes(option.value?.toString())
                )
                .map(option => ({
                  id: option.id || option.value,
                  name: option.name,
                  code: option.code,
                  value: option.id || option.value,
                }));
              // 设置备件IDs
              form.value.sparePartsIds = idArray.join(",");
            }
            resolve(res.data);
          } else {
            resolve([]);
          }
        })
        .catch(err => {
          console.error("获取备件选项失败:", err);
          resolve([]);
        });
    });
  };

@@ -1069,6 +1106,69 @@
    font-weight: 500;
  }

  /* 备件选择弹窗样式 */
  .spare-part-popup {
    width: 100%;
    max-height: 80vh;
    background: #fff;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
  }

  .popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
    background: #f8f9fa;
  }

  .popup-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
  }

  .spare-part-options {
    padding: 10px 0;
    max-height: 60vh;
    overflow-y: auto;
  }

  .spare-part-option {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease;
  }

  .spare-part-option:last-child {
    border-bottom: none;
  }

  .spare-part-option:hover {
    background: #f8f9fa;
  }

  .spare-part-option.selected {
    background: #e6f7ff;
    color: #1890ff;
  }

  .spare-part-option.selected::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #1890ff;
  }

  /* 文件上传样式 */
  .simple-upload-area {
    width: 100%;