fix: 备件管理可以跟设备维修、设备保养做联动

spring

4 天以前 c0ac58d8d1e836787cc73eca9bd02411229836fb

fix: 备件管理可以跟设备维修、设备保养做联动

 src/api/equipmentManagement/spareParts.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,13 @@
import request from "@/utils/request";

/**
 * å¤‡ä»¶åˆ†é¡µåˆ—表（对齐 PC ç«¯ï¼š/spareParts/listPage â†’ res.data.records）
 */
export const getSparePartsList = (params) => {
  return request({
    url: "/spareParts/listPage",
    method: "get",
    params,
  });
};


 src/pages/equipmentManagement/repair/maintain.vue

@@ -57,6 +57,50 @@
                    @click="showDatePicker = true"></u-icon>
          </template>
        </u-form-item>
        <u-form-item label="设备备件"
                     prop="sparePartsIds"
                     border-bottom>
          <view class="spare-parts-container"
                @click="showSparePart = true">
            <view v-if="selectedSpareParts.length > 0"
                  class="spare-parts-list">
              <view v-for="(item, index) in selectedSpareParts"
                    :key="String(item.id)"
                    class="spare-part-tag">
                <text>{{ item.name }}</text>
                <u-icon name="close"
                        size="12"
                        color="#fff"
                        @click.stop="removeSparePart(index)" />
              </view>
            </view>
            <text v-else
                  class="placeholder">请选择设备备件</text>
          </view>
          <template #right>
            <u-icon name="arrow-right"
                    @click.stop="showSparePart = true"></u-icon>
          </template>
        </u-form-item>

        <u-form-item v-if="selectedSpareParts.length"
                     label="领用数量"
                     border-bottom>
          <view class="spare-qty-list">
            <view v-for="item in selectedSpareParts"
                  :key="String(item.id)"
                  class="spare-qty-row">
              <view class="spare-qty-name">
                <text class="spare-name">{{ item.name }}</text>
                <text v-if="item.quantity !== null && item.quantity !== undefined"
                      class="spare-stock">（库存：{{ item.quantity }}）</text>
              </view>
              <up-number-box v-model="sparePartQtyMap[item.id]"
                             :min="1"
                             :max="item.quantity !== null && item.quantity !== undefined ? Number(item.quantity) : undefined" />
            </view>
          </view>
        </u-form-item>
      </u-cell-group>
      <!-- æäº¤æŒ‰é’® -->
      <view class="footer-btns">
@@ -75,14 +119,43 @@
                        format="YYYY-MM-DD HH:mm:ss"
                        @confirm="onDateConfirm"
                        @cancel="showDatePicker = false" />

    <!-- è®¾å¤‡å¤‡ä»¶é€‰æ‹©å™¨ -->
    <up-popup :show="showSparePart"
              mode="bottom"
              :closeable="true"
              @close="showSparePart = false">
      <view class="spare-part-popup">
        <view class="popup-header">
          <text class="popup-title">选择设备备件</text>
        </view>
        <view class="spare-part-options">
          <view v-for="(item, index) in sparePartOptions"
                :key="index"
                class="spare-part-option"
                :class="{ selected: isSparePartSelected(item.id) }"
                @click="toggleSparePartSelection(item)">
            <text class="spare-part-option-text">{{ item.name }}</text>
            <u-icon v-if="isSparePartSelected(item.id)"
                    name="checkmark"
                    color="#2c7be5" />
          </view>
        </view>
        <up-button type="primary"
                   size="small"
                   :customStyle="{ borderRadius: '6px', padding: '4px 12px' }"
                   @click="confirmSparePartSelection">确定</up-button>
      </view>
    </up-popup>
  </view>
</template>

<script setup>
  import { ref, onMounted } from "vue";
  import { ref, onMounted, reactive, watch } from "vue";
  import { onShow } from "@dcloudio/uni-app";
  import PageHeader from "@/components/PageHeader.vue";
  import { addMaintain } from "@/api/equipmentManagement/repair";
  import { getSparePartsList } from "@/api/equipmentManagement/spareParts";
  import useUserStore from "@/store/modules/user";
  import dayjs from "dayjs";

@@ -97,6 +170,11 @@
  const loading = ref(false);
  const showDatePicker = ref(false);
  const pickerDateValue = ref(Date.now()); // ä½¿ç”¨æ—¶é—´æˆ³
  const showSparePart = ref(false);
  const sparePartOptions = ref([]);
  const selectedSpareParts = ref([]);
  const tempSelectedSpareParts = ref([]);
  const sparePartQtyMap = reactive({});

  // è¡¨å•éªŒè¯è§„则
  const formRules = {
@@ -131,6 +209,8 @@
    maintenanceName: userStore.nickName || "", // é»˜è®¤ä½¿ç”¨å½“前用户昵称
    maintenanceResult: undefined, // ç»´ä¿®ç»“æžœ
    maintenanceTime: dayjs().format("YYYY-MM-DD HH:mm:ss"), // ç»´ä¿®æ—¥æœŸï¼ˆåªæ˜¾ç¤ºæ—¥æœŸï¼‰
    status: "1",
    sparePartsIds: [],
  });

  // è‡ªå®šä¹‰showToast函数
@@ -147,7 +227,12 @@
      maintenanceName: userStore.nickName || "",
      maintenanceResult: undefined,
      maintenanceTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
      status: "1",
      sparePartsIds: [],
    };
    selectedSpareParts.value = [];
    tempSelectedSpareParts.value = [];
    Object.keys(sparePartQtyMap).forEach((k) => delete sparePartQtyMap[k]);
  };

  const resetFormAndValidate = () => {
@@ -179,8 +264,34 @@
        return;
      }
      form.value.status = Number(form.value.status);
      // å‡†å¤‡æäº¤æ•°æ®ï¼ŒmaintenanceTime åŠ ä¸Šå½“前时分秒
      const submitData = { ...form.value };
      // é¢†ç”¨æ•°é‡æ ¡éªŒ
      if (Array.isArray(form.value.sparePartsIds) && form.value.sparePartsIds.length > 0) {
        for (const partId of form.value.sparePartsIds) {
          const qty = Number(sparePartQtyMap?.[partId]);
          if (!Number.isFinite(qty) || qty <= 0) {
            showToast("请填写备件领用数量");
            loading.value = false;
            return;
          }
          const part = sparePartOptions.value.find((p) => String(p.id) === String(partId));
          const stock = part?.quantity;
          if (stock !== null && stock !== undefined && Number.isFinite(Number(stock))) {
            if (qty > Number(stock)) {
              showToast(`备件「${part?.name || ""}」领用数量不能超过库存（${stock}）`);
              loading.value = false;
              return;
            }
          }
        }
      }

      const spareIds = Array.isArray(form.value.sparePartsIds) ? form.value.sparePartsIds : [];
      const submitData = {
        ...form.value,
        sparePartsIds: spareIds.length ? spareIds.join(",") : "",
        sparePartsQty: spareIds.length ? spareIds.map((pid) => sparePartQtyMap?.[pid] ?? 1).join(",") : "",
        sparePartsUseList: spareIds.length ? spareIds.map((pid) => ({ id: pid, quantity: sparePartQtyMap?.[pid] ?? 1 })) : [],
      };

      const { code } = await addMaintain({ id: id, ...submitData });

@@ -220,13 +331,71 @@
    showDatePicker.value = false;
  };

  const fetchSparePartOptions = async () => {
    try {
      const res = await getSparePartsList({ current: 1, size: 1000 });
      if (res?.code === 200) {
        sparePartOptions.value = res?.data?.records || [];
      } else {
        sparePartOptions.value = [];
      }
    } catch (e) {
      sparePartOptions.value = [];
    }
  };

  const isSparePartSelected = (id) => {
    return tempSelectedSpareParts.value.some((p) => String(p.id) === String(id));
  };

  const toggleSparePartSelection = (item) => {
    const idx = tempSelectedSpareParts.value.findIndex((p) => String(p.id) === String(item.id));
    if (idx >= 0) {
      tempSelectedSpareParts.value.splice(idx, 1);
      delete sparePartQtyMap[item.id];
    } else {
      tempSelectedSpareParts.value.push({
        id: item.id,
        name: item.name,
        quantity: item.quantity,
      });
      if (!Number.isFinite(Number(sparePartQtyMap[item.id]))) {
        sparePartQtyMap[item.id] = 1;
      }
    }
  };

  const confirmSparePartSelection = () => {
    selectedSpareParts.value = [...tempSelectedSpareParts.value];
    form.value.sparePartsIds = selectedSpareParts.value.map((i) => i.id);
    // ä¿åº•ç»™æœªå¡«çš„数量赋值
    selectedSpareParts.value.forEach((p) => {
      if (!Number.isFinite(Number(sparePartQtyMap[p.id])) || Number(sparePartQtyMap[p.id]) <= 0) {
        sparePartQtyMap[p.id] = 1;
      }
    });
    showSparePart.value = false;
  };

  const removeSparePart = (index) => {
    const removed = selectedSpareParts.value.splice(index, 1)[0];
    tempSelectedSpareParts.value = [...selectedSpareParts.value];
    form.value.sparePartsIds = selectedSpareParts.value.map((i) => i.id);
    if (removed?.id !== null && removed?.id !== undefined) {
      delete sparePartQtyMap[removed.id];
    }
  };

  // åˆå§‹åŒ–表单数据
  const initForm = () => {
  const initForm = async () => {
    form.value.status = "1";
    // è®¾ç½®æŠ¥ä¿®äººä¸ºå½“前用户昵称
    form.value.maintenanceName = userStore.nickName || "";
    // è®¾ç½®å½“前日期（只包含年月日）
    form.value.maintenanceTime = dayjs().format("YYYY-MM-DD HH:mm:ss");

    // æ‹‰å–备件列表（对齐 PC：/spareParts/listPage）
    await fetchSparePartOptions();
  };

  onShow(() => {
@@ -238,6 +407,22 @@
    // é¡µé¢åŠ è½½æ—¶åˆå§‹åŒ–表单
    initForm();
  });

  watch(showSparePart, (val) => {
    if (val) {
      tempSelectedSpareParts.value = [...selectedSpareParts.value];
      tempSelectedSpareParts.value.forEach((p) => {
        if (!Number.isFinite(Number(sparePartQtyMap[p.id])) || Number(sparePartQtyMap[p.id]) <= 0) {
          sparePartQtyMap[p.id] = 1;
        }
      });

      // å…œåº•ï¼šå¦‚果还没加载备件列表，打开弹窗时再拉一次
      if (!Array.isArray(sparePartOptions.value) || sparePartOptions.value.length === 0) {
        fetchSparePartOptions().catch(() => {});
      }
    }
  });
</script>

<style scoped lang="scss">
@@ -248,6 +433,115 @@
    padding-bottom: 5rem;
  }

  .spare-parts-container {
    width: 100%;
    min-height: 72rpx;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12rpx;
  }

  .spare-parts-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12rpx;
  }

  .spare-part-tag {
    display: inline-flex;
    align-items: center;
    gap: 8rpx;
    padding: 10rpx 14rpx;
    background: #2c7be5;
    border-radius: 999rpx;
    color: #fff;
    font-size: 24rpx;
  }

  .placeholder {
    color: #c0c4cc;
    font-size: 28rpx;
  }

  .spare-qty-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 18rpx;
    padding: 6rpx 0;
  }

  .spare-qty-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18rpx;
  }

  .spare-qty-name {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8rpx;
  }

  .spare-name {
    max-width: 420rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #303133;
    font-size: 28rpx;
  }

  .spare-stock {
    color: #909399;
    font-size: 24rpx;
  }

  .spare-part-popup {
    padding: 24rpx;
  }

  .popup-header {
    padding-bottom: 12rpx;
  }

  .popup-title {
    font-size: 32rpx;
    font-weight: 600;
    color: #303133;
  }

  .spare-part-options {
    max-height: 60vh;
    overflow: auto;
    margin: 16rpx 0 24rpx 0;
    border-radius: 12rpx;
    background: #fff;
  }

  .spare-part-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22rpx 18rpx;
    border-bottom: 1rpx solid #f2f3f5;
  }

  .spare-part-option.selected {
    background: #f3f8ff;
  }

  .spare-part-option-text {
    color: #303133;
    font-size: 28rpx;
  }

  .footer-btns {
    position: fixed;
    left: 0;

 src/pages/equipmentManagement/upkeep/maintain.vue

@@ -79,6 +79,25 @@
                  @click="showSparePartPicker" />
        </template>
      </u-form-item>

      <u-form-item v-if="selectedSpareParts.length"
                   label="领用数量"
                   border-bottom>
        <view class="spare-qty-list">
          <view v-for="item in selectedSpareParts"
                :key="String(item.id || item.value)"
                class="spare-qty-row">
            <view class="spare-qty-name">
              <text class="spare-name">{{ item.name }}</text>
              <text v-if="item.quantity !== null && item.quantity !== undefined"
                    class="spare-stock">（库存：{{ item.quantity }}）</text>
            </view>
            <up-number-box v-model="sparePartQtyMap[item.id || item.value]"
                           :min="1"
                           :max="item.quantity !== null && item.quantity !== undefined ? Number(item.quantity) : undefined" />
          </view>
        </view>
      </u-form-item>
      <!-- ä¸Šä¼ é™„件 -->
      <u-form-item v-if="form.status == '1'"
                   label="保养附件"
@@ -214,13 +233,13 @@
</template>

<script setup>
  import { ref, onMounted } from "vue";
  import { ref, onMounted, reactive } from "vue";
  import { onShow } from "@dcloudio/uni-app";
  import PageHeader from "@/components/PageHeader.vue";
  import {
    addMaintenance,
    getSparePartsOptions,
  } from "@/api/equipmentManagement/upkeep";
  import { getSparePartsList } from "@/api/equipmentManagement/spareParts";
  import useUserStore from "@/store/modules/user";
  import dayjs from "dayjs";
  import { formatDateToYMD } from "@/utils/ruoyi";
@@ -255,6 +274,8 @@
  const maintenancestatusText = ref("");
  const selectedSpareParts = ref([]);
  const tempSelectedSpareParts = ref([]);
  const sparePartQtyMap = reactive({});
  const sparePartsQtyRaw = ref("");

  // æ–‡ä»¶ä¸Šä¼ ç›¸å…³
  const uploadFiles = ref([]);
@@ -316,6 +337,8 @@
    maintenancestatusText.value = "";
    selectedSpareParts.value = [];
    tempSelectedSpareParts.value = [];
    Object.keys(sparePartQtyMap).forEach((k) => delete sparePartQtyMap[k]);
    sparePartsQtyRaw.value = "";
  };

  const resetFormAndValidate = () => {
@@ -382,13 +405,34 @@
        loading.value = false;
        return;
      }
      // å‡†å¤‡æäº¤æ•°æ®ï¼ŒmaintenanceActuallyTime åŠ ä¸Šå½“前时分秒
      // é¢†ç”¨æ•°é‡æ ¡éªŒ
      const spareIds = Array.isArray(form.value.sparePartsIds) ? form.value.sparePartsIds : [];
      if (spareIds.length > 0) {
        for (const partId of spareIds) {
          const qty = Number(sparePartQtyMap?.[partId]);
          if (!Number.isFinite(qty) || qty <= 0) {
            showToast("请填写备件领用数量");
            loading.value = false;
            return;
          }
          const part = sparePartOptions.value.find((p) => String(p.id || p.value) === String(partId));
          const stock = part?.quantity;
          if (stock !== null && stock !== undefined && Number.isFinite(Number(stock))) {
            if (qty > Number(stock)) {
              showToast(`备件「${part?.name || ""}」领用数量不能超过库存（${stock}）`);
              loading.value = false;
              return;
            }
          }
        }
      }

      const submitData = {
        ...form.value,
        imagesFile: form.value.status == "1" ? uploadFiles.value : [],
        sparePartsIds: form.value.sparePartsIds
          ? form.value.sparePartsIds.join(",")
          : "",
        sparePartsIds: spareIds.length ? spareIds.join(",") : "",
        sparePartsQty: spareIds.length ? spareIds.map((pid) => sparePartQtyMap?.[pid] ?? 1).join(",") : "",
        sparePartsUseList: spareIds.length ? spareIds.map((pid) => ({ id: pid, quantity: sparePartQtyMap?.[pid] ?? 1 })) : [],
      };
      const { code } = await addMaintenance({ id: id, ...submitData });

@@ -430,7 +474,8 @@
        return null;
      }
      dataform.value = JSON.parse(dataStr);
      fetchSparePartOptions(dataform.value.deviceLedgerId);
      sparePartsQtyRaw.value = dataform.value?.sparePartsQty || "";
      fetchSparePartOptions();
      return JSON.parse(dataStr);
    } catch (e) {
      console.error("解析设备数据失败:", e);
@@ -467,6 +512,14 @@
  // æ˜¾ç¤ºè®¾å¤‡å¤‡ä»¶é€‰æ‹©å™¨
  const showSparePartPicker = () => {
    tempSelectedSpareParts.value = [...selectedSpareParts.value];
    tempSelectedSpareParts.value.forEach((p) => {
      const pid = p?.id ?? p?.value;
      if (pid !== null && pid !== undefined) {
        if (!Number.isFinite(Number(sparePartQtyMap[pid])) || Number(sparePartQtyMap[pid]) <= 0) {
          sparePartQtyMap[pid] = 1;
        }
      }
    });
    showSparePart.value = true;
  };

@@ -485,22 +538,36 @@
    );
    if (index > -1) {
      tempSelectedSpareParts.value.splice(index, 1);
      delete sparePartQtyMap[itemId];
    } else {
      tempSelectedSpareParts.value.push(item);
      if (!Number.isFinite(Number(sparePartQtyMap[itemId])) || Number(sparePartQtyMap[itemId]) <= 0) {
        sparePartQtyMap[itemId] = 1;
      }
    }
  };

  // ç¡®è®¤å¤‡ä»¶é€‰æ‹©
  const confirmSparePartSelection = () => {
    selectedSpareParts.value = [...tempSelectedSpareParts.value];
    form.value.sparePartsIds = selectedSpareParts.value.map(item => item.id);
    form.value.sparePartsIds = selectedSpareParts.value.map(item => item.id || item.value);
    selectedSpareParts.value.forEach((p) => {
      const pid = p?.id ?? p?.value;
      if (pid !== null && pid !== undefined) {
        if (!Number.isFinite(Number(sparePartQtyMap[pid])) || Number(sparePartQtyMap[pid]) <= 0) {
          sparePartQtyMap[pid] = 1;
        }
      }
    });
    showSparePart.value = false;
  };

  // ç§»é™¤å·²é€‰å¤‡ä»¶
  const removeSparePart = index => {
    selectedSpareParts.value.splice(index, 1);
    form.value.sparePartsIds = selectedSpareParts.value.map(item => item.id);
    const removed = selectedSpareParts.value.splice(index, 1)[0];
    form.value.sparePartsIds = selectedSpareParts.value.map(item => item.id || item.value);
    const rid = removed?.id ?? removed?.value;
    if (rid !== null && rid !== undefined) delete sparePartQtyMap[rid];
  };
  const sparePartsIds = ref([]);
  // åˆå§‹åŒ–表单数据
@@ -589,21 +656,22 @@
    // å…ˆèŽ·å–备件选项，再初始化表单
    const pageId = getPageId();
    if (pageId) {
      await fetchSparePartOptions(pageId);
      await fetchSparePartOptions();
    }
    // é¡µé¢æ˜¾ç¤ºæ—¶åˆå§‹åŒ–表单
  });
  const sparePartOptions = ref([]);
  const fetchSparePartOptions = deviceLedgerId => {
  // å¤‡ä»¶åˆ—表接口对齐维修页/PC：/spareParts/listPage â†’ res.data.records
  const fetchSparePartOptions = () => {
    return new Promise((resolve, reject) => {
      getSparePartsOptions({ deviceLedgerId: deviceLedgerId })
      getSparePartsList({ current: 1, size: 1000 })
        .then(res => {
          if (res.code == 200) {
            sparePartOptions.value = res.data || [];
            sparePartOptions.value = res?.data?.records || [];
            const idArray =
              typeof sparePartsIds.value === "string"
                ? sparePartsIds.value.split(",")
                : sparePartsIds.value;
                : (Array.isArray(sparePartsIds.value) ? sparePartsIds.value : []);

            if (idArray.length > 0) {
              selectedSpareParts.value = sparePartOptions.value
@@ -617,11 +685,37 @@
                  name: option.name,
                  code: option.code,
                  value: option.id || option.value,
                  quantity: option.quantity,
                }));
              // è®¾ç½®å¤‡ä»¶IDs
              form.value.sparePartsIds = idArray.join(",");
              // è®¾ç½®å¤‡ä»¶IDs（保持数组，提交时再 join）
              form.value.sparePartsIds = idArray.map((v) => {
                const n = Number(String(v).trim());
                return Number.isFinite(n) ? n : String(v).trim();
              });

              // å›žæ˜¾é¢†ç”¨æ•°é‡ï¼ˆè‹¥æœ‰ sparePartsQty）
              if (typeof sparePartsQtyRaw.value === "string" && sparePartsQtyRaw.value.trim()) {
                const qtyArr = sparePartsQtyRaw.value.split(",").map((s) => Number(String(s).trim()));
                selectedSpareParts.value.forEach((p, idx) => {
                  const pid = p?.id ?? p?.value;
                  const q = qtyArr[idx];
                  if (pid !== null && pid !== undefined && Number.isFinite(q) && q > 0) {
                    sparePartQtyMap[pid] = q;
                  }
                });
              }

              // é»˜è®¤æ•°é‡å…œåº•
              selectedSpareParts.value.forEach((p) => {
                const pid = p?.id ?? p?.value;
                if (pid !== null && pid !== undefined) {
                  if (!Number.isFinite(Number(sparePartQtyMap[pid])) || Number(sparePartQtyMap[pid]) <= 0) {
                    sparePartQtyMap[pid] = 1;
                  }
                }
              });
            }
            resolve(res.data);
            resolve(res?.data?.records || []);
          } else {
            resolve([]);
          }
@@ -1075,6 +1169,46 @@
    font-size: 14px;
  }

  /* é¢†ç”¨æ•°é‡æ ·å¼ */
  .spare-qty-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0;
  }

  .spare-qty-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .spare-qty-name {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
  }

  .spare-name {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #303133;
    font-size: 14px;
  }

  .spare-stock {
    color: #909399;
    font-size: 12px;
  }

  /* å¤‡ä»¶é€‰æ‹©å¼¹çª—样式 */
  .spare-part-popup {
    padding: 16px;