feat: 综合业务模块页面重构与交互完善

hsy

17 小时以前 2d3530a7c11557a40807ad7c0b9e302ce6ce3a9f

 src/views/equipmentManagement/repair/Modal/AcceptanceModal.vue

@@ -8,6 +8,14 @@
    @close="handleCancel"
  >
    <el-form :model="form" :rules="rules" label-width="100px">
      <!-- 配件使用情况展示 -->
      <el-form-item label="配件使用明细" v-if="sparePartsDetails.length > 0">
        <el-table :data="sparePartsDetails" size="small" border style="width: 100%">
          <el-table-column prop="sparePartName" label="配件名称" />
          <el-table-column prop="quantity" label="使用数量" width="100" />
        </el-table>
      </el-form-item>

      <el-form-item label="验收人" prop="acceptanceName">
        <el-select
          v-model="form.acceptanceName"
@@ -50,7 +58,7 @@
import { ref, reactive } from "vue";
import { ElMessage } from "element-plus";
import { userListNoPageByTenantId } from "@/api/system/user.js";
import { repairAcceptance } from "@/api/equipmentManagement/repair";
import { repairAcceptance, getRepairById } from "@/api/equipmentManagement/repair";
import dayjs from "dayjs";

defineOptions({
@@ -63,6 +71,7 @@
const loading = ref(false);
const repairId = ref(null);
const userList = ref([]);
const sparePartsDetails = ref([]);

const form = reactive({
  acceptanceName: undefined,
@@ -92,10 +101,16 @@
const open = async (row) => {
  repairId.value = row.id;
  visible.value = true;
  // 重置表单
  form.acceptanceName = undefined;
  form.acceptanceTime = dayjs().format("YYYY-MM-DD HH:mm:ss");
  form.acceptanceRemark = undefined;
  sparePartsDetails.value = [];
  try {
    const { data } = await getRepairById(row.id);
    if (data && data.sparePartsUseListDetails) {
      sparePartsDetails.value = data.sparePartsUseListDetails;
    }
  } catch(e) {}
  await loadUserList();
};