合并代码

gaoluyang

9 小时以前 07f9f8657d057a38792c3822acc9b08d83478967

 src/views/productionManagement/processRoute/index.vue

@@ -1,24 +1,33 @@
<template>
  <div class="app-container">
    <div class="search_form">
      <el-form :model="searchForm" :inline="true">
      <el-form :model="searchForm"
               :inline="true">
        <el-form-item label="规格名称:">
          <el-input v-model="searchForm.model" placeholder="请输入" clearable prefix-icon="Search"
          <el-input v-model="searchForm.model"
                    placeholder="请输入"
                    clearable
                    prefix-icon="Search"
                    style="width: 200px;"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleQuery">搜索</el-button>
          <el-button type="primary"
                     @click="handleQuery">搜索</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="table_list">
      <div style="text-align: right" class="mb10">
        <el-button type="primary" @click="showNewModal">新增工艺路线</el-button>
        <el-button type="danger" @click="handleDelete" :disabled="selectedRows.length === 0" plain>删除工艺路线</el-button>
      <div style="text-align: right"
           class="mb10">
        <el-button type="primary"
                   @click="showNewModal">新增工艺路线</el-button>
        <el-button type="danger"
                   @click="handleDelete"
                   :disabled="selectedRows.length === 0"
                   plain>删除工艺路线</el-button>
      </div>
      <PIMTable
          rowKey="id"
      <PIMTable rowKey="id"
          :column="tableColumn"
          :tableData="tableData"
          :page="page"
@@ -26,28 +35,23 @@
          @selection-change="handleSelectionChange"
          :tableLoading="tableLoading"
          @pagination="pagination"
          :total="page.total"
      />
                :total="page.total" />
    </div>
    <new-process
        v-if="isShowNewModal"
    <new-process v-if="isShowNewModal"
        v-model:visible="isShowNewModal"
        @completed="getList"
    />

    <edit-process
        v-if="isShowEditModal"
                 @completed="getList" />
    <edit-process v-if="isShowEditModal"
        v-model:visible="isShowEditModal"
        :record="record"
        @completed="getList"
    />

    <route-item-form
        v-if="isShowItemModal"
                  @completed="getList" />
    <route-item-form v-if="isShowItemModal"
        v-model:visible="isShowItemModal"
        :record="record"
        @completed="getList"
    />
                     @completed="getList" />
    <FileList v-if="fileDialogVisible"
              v-model:visible="fileDialogVisible"
              :record-type="'technology_routing'"
              :record-id="currentProcessRouteId" />
  </div>
</template>

@@ -57,9 +61,12 @@
import EditProcess from "@/views/productionManagement/processRoute/Edit.vue";
import RouteItemForm from "@/views/productionManagement/processRoute/ItemsForm.vue";
import {listPage, del} from "@/api/productionManagement/processRoute.js";
import { useRouter } from 'vue-router'
  const FileList = defineAsyncComponent(() => import("@/components/Dialog/FileList.vue"));

const router = useRouter()
  import { useRouter } from "vue-router";
  import { ElMessage, ElMessageBox } from "element-plus";

  const router = useRouter();
const data = reactive({
  searchForm: {
    model: "",
@@ -97,19 +104,26 @@
      {
        name: "编辑",
        type: "text",
        clickFun: (row) => {
          clickFun: row => {
          showEditModal(row);
        }
          },
      },
      {
        name: "路线项目",
        type: "text",
        clickFun: (row) => {
          clickFun: row => {
          showItemModal(row);
        }
      }
    ]
  }
          },
        },
        {
          name: "附件",
          type: "text",
          clickFun: row => {
            openFileDialog(row);
          },
        },
      ],
    },
]);
const tableData = ref([]);
const selectedRows = ref([]);
@@ -123,7 +137,78 @@
  size: 100,
  total: 0,
});
const { proxy } = getCurrentInstance()

  // 附件相关
  const fileDialogVisible = ref(false);
  const fileListDialogRef = ref(null);
  const currentProcessRouteId = ref(null);
  const filePage = reactive({
    current: 1,
    size: 1000,
    total: 0,
  });

  const { proxy } = getCurrentInstance();

  // 附件：查询
  const fetchProcessRouteFiles = async processRouteId => {
    const params = {
      current: filePage.current,
      size: filePage.size,
      processRouteId,
    };
    const res = await listProcessRouteFiles(params);
    const records = res?.data?.records || [];
    filePage.total = res?.data?.total || records.length;
    const mapped = records.map(item => ({
      id: item.id,
      name: item.fileName || item.name,
      url: item.fileUrl || item.url,
      raw: item,
    }));
    fileListDialogRef.value?.setList(mapped);
  };

  // 打开附件弹窗
  const openFileDialog = async row => {
    currentProcessRouteId.value = row.id;
    fileDialogVisible.value = true;
    await fetchProcessRouteFiles(row.id);
  };

  // 刷新附件列表
  const refreshFileList = async () => {
    if (!currentProcessRouteId.value) return;
    await fetchProcessRouteFiles(currentProcessRouteId.value);
  };

  // 上传附件
  const handleAttachmentUpload = async filePayload => {
    if (!currentProcessRouteId.value) return;
    const payload = {
      fileName: filePayload?.fileName || filePayload?.name,
      fileUrl: filePayload?.fileUrl || filePayload?.url,
      processRouteId: currentProcessRouteId.value,
    };
    await addProcessRouteFile(payload);
    ElMessage.success("文件上传成功");
    await refreshFileList();
  };

  // 删除附件
  const handleAttachmentDelete = async row => {
    if (!row?.id) return false;
    try {
      await ElMessageBox.confirm("确认删除该附件？", "提示", {
        type: "warning",
      });
    } catch {
      return false;
    }
    await delProcessRouteFile([row.id]);
    ElMessage.success("删除成功");
    await refreshFileList();
  };

// 查询列表
/** 搜索按钮操作 */
@@ -132,7 +217,7 @@
  getList();
};

const pagination = (obj) => {
  const pagination = obj => {
  page.current = obj.page;
  page.size = obj.limit;
  getList();
@@ -140,52 +225,55 @@
const getList = () => {
  tableLoading.value = true;
  const params = { ...searchForm.value, ...page };
  params.entryDate = undefined
  listPage(params).then(res => {
    params.entryDate = undefined;
    listPage(params)
      .then(res => {
    tableLoading.value = false;
    tableData.value = res.data.records.map(item => ({
      ...item,
    }));
    page.total = res.data.total;
  }).catch(err => {
    tableLoading.value = false;
  })
      .catch(err => {
        tableLoading.value = false;
      });
};
// 表格选择数据
const handleSelectionChange = (selection) => {
  const handleSelectionChange = selection => {
  selectedRows.value = selection;
};

// 打开新增弹框
const showNewModal = () => {
  isShowNewModal.value = true
    isShowNewModal.value = true;
};

const showEditModal = (row) => {
  isShowEditModal.value = true
  record.value = row
  const showEditModal = row => {
    isShowEditModal.value = true;
    record.value = row;
};

const showItemModal = (row) => {
  const showItemModal = row => {
  router.push({
    path: '/productionManagement/processRouteItem',
      path: "/productionManagement/processRouteItem",
    query: {
      id: row.id,
      processRouteCode: row.processRouteCode || '',
      productName: row.productName || '',
      model: row.model || '',
      bomNo: row.bomNo || '',
      description: row.description || '',
      type: 'route',
    }
  })
        processRouteCode: row.processRouteCode || "",
        productName: row.productName || "",
        model: row.model || "",
        bomNo: row.bomNo || "",
        bomId: row.bomId || "",
        description: row.description || "",
        type: "route",
      },
    });
};

// 删除
function handleDelete() {
  const ids = selectedRows.value.map((item) => item.id);
    const ids = selectedRows.value.map(item => item.id);
  proxy.$modal
      .confirm('是否确认删除已勾选的数据项？')
      .confirm("是否确认删除已勾选的数据项？")
      .then(function () {
        return del(ids);
      })
@@ -201,4 +289,8 @@
});
</script>

<style scoped></style>
<style scoped>
  .table_list {
    margin-top: unset;
  }
</style>