feat(生产管理): 新增工序生产记录参数管理功能

yuan

7 小时以前 d75a4d70d503ac1d5bccf07cdf249e4accad369f

feat(生产管理): 新增工序生产记录参数管理功能

 src/api/productionManagement/productProcessParameter.js

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

// å·¥åºç»‘定生产记录分页查询
export function listPage(query) {
  return request({
    url: "/productProcessParameter/listPage",
    method: "get",
    params: query,
  });
}

// æ–°å¢žå·¥åºç”Ÿäº§è®°å½•å…³è”（支持批量）
// processId æ”¾åœ¨è·¯å¾„里，body ç›´æŽ¥ä¼ é€‰ä¸­çš„生产记录数组
export function addProductProcessParameter(processId, data) {
  return request({
    url: `/productProcessParameter/addProductProcessParameter/${processId}`,
    method: "post",
    data,
  });
}

// åˆ é™¤ï¼ˆæ”¯æŒæ‰¹é‡ ids æ•°ç»„）
export function del(ids) {
  const idStr = Array.isArray(ids) ? ids.join(",") : ids;
  return request({
    url: `/productProcessParameter/${idStr}`,
    method: "delete",
  });
}


 src/components/PIMTable/PIMTable.vue

@@ -26,6 +26,7 @@
      type="selection"
      width="55"
      v-if="isSelection"
      :selectable="rowSelectable"
    />
    <el-table-column align="center" label="序号" type="index" width="60" />

@@ -333,6 +334,12 @@
  },
});

// é€‰æ‹©æ¡†ç¦ç”¨æŽ§åˆ¶ï¼šè¡Œå¯¹è±¡ä¸Šå¦‚果有 disabled === true，则不允许选中
const rowSelectable = (row, index) => {
  return !row.disabled;
};


// Data
const uploadRefs = ref([]);
const currentFiles = ref({});

 src/views/productionManagement/productionProcess/index.vue

@@ -48,6 +48,51 @@
                @pagination="pagination"
                :total="page.total"></PIMTable>
    </div>

    <!-- å·¥åºç”Ÿäº§è®°å½•åˆ—表弹框 -->
    <el-dialog v-model="isShowProcessParamModal"
               title="生产记录"
               width="800px">
      <div style="text-align: right"
           class="mb10">
        <el-button type="primary"
                   @click="showSelectProductParamModal">新增</el-button>
        <el-button type="danger"
                   plain
                   @click="handleDeleteProcessParam"
                   :disabled="processParamSelectedRows.length === 0">批量删除</el-button>
      </div>
      <PIMTable rowKey="id"
                :column="processParamColumns"
                :tableData="processParamTableData"
                :page="processParamPage"
                :isSelection="true"
                @selection-change="handleProcessParamSelectionChange"
                @pagination="processParamPagination"
                :total="processParamPage.total"></PIMTable>
    </el-dialog>

    <!-- é€‰æ‹©ç”Ÿäº§è®°å½•å¼¹æ¡† -->
    <el-dialog v-model="isShowSelectParamModal"
               title="选择生产记录"
               width="800px">
      <PIMTable rowKey="id"
                :column="productParamColumns"
                :tableData="productParamTableData"
                :page="productParamPage"
                :isSelection="true"
                @selection-change="handleProductParamSelectionChange"
                @pagination="productParamPagination"
                :total="productParamPage.total"></PIMTable>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary"
                     @click="handleAddProcessParam">确定</el-button>
          <el-button @click="isShowSelectParamModal = false">取消</el-button>
        </div>
      </template>
    </el-dialog>

    <new-process v-if="isShowNewModal"
                 v-model:visible="isShowNewModal"
                 @completed="getList" />
@@ -80,6 +125,12 @@
    importData,
    downloadTemplate,
  } from "@/api/productionManagement/productionProcess.js";
  import {
    listPage as listProcessParamPage,
    del as delProcessParam,
    addProductProcessParameter,
  } from "@/api/productionManagement/productProcessParameter.js";
  import { listPage as listProductParamPage } from "@/api/productionManagement/productionRecords.js";
  import { getToken } from "@/utils/auth";

  const data = reactive({
@@ -129,6 +180,13 @@
      width: 280,
      operation: [
        {
          name: "查看",
          type: "text",
          clickFun: row => {
            showProcessParamModal(row);
          },
        },
        {
          name: "编辑",
          type: "text",
          clickFun: row => {
@@ -138,12 +196,59 @@
      ],
    },
  ]);
  // å·¥åºå·²ç»‘定的生产记录列表列配置
  const processParamColumns = ref([
    { label: "参数编码", prop: "code" },
    { label: "参数项", prop: "parameterItem" },
    {
      label: "参数类型",
      prop: "type",
      formatData: val => {
        const dictList = (proxy.useDict && proxy.useDict("parameter_tyep")?.parameter_tyep) || [];
        const list = dictList.value || dictList;
        const hit = (list || []).find(d => d.value === val);
        return hit ? hit.label : val;
      },
    },
    { label: "单位", prop: "unit" },
    { label: "参数格式", prop: "parameterFormat" },
    {
      label: "是否必填",
      prop: "isRequired",
      formatData: v => (v === "1" || v === 1 ? "是" : "否"),
    },
  ]);
  // å¯é€‰æ‹©çš„生产记录列表列配置
  const productParamColumns = ref([
    { label: "参数编码", prop: "code" },
    { label: "参数项", prop: "parameterItem" },
    {
      label: "参数类型",
      prop: "type",
      formatData: val => {
        const dictList = (proxy.useDict && proxy.useDict("parameter_tyep")?.parameter_tyep) || [];
        const list = dictList.value || dictList;
        const hit = (list || []).find(d => d.value === val);
        return hit ? hit.label : val;
      },
    },
    { label: "单位", prop: "unit" },
    { label: "参数格式", prop: "parameterFormat" },
    {
      label: "是否必填",
      prop: "isRequired",
      formatData: v => (v === "1" || v === 1 ? "是" : "否"),
    },
  ]);
  const tableData = ref([]);
  const selectedRows = ref([]);
  const tableLoading = ref(false);
  const isShowNewModal = ref(false);
  const isShowEditModal = ref(false);
  const isShowProcessParamModal = ref(false);
  const isShowSelectParamModal = ref(false);
  const record = ref({});
  const currentProcess = ref(null);
  const importDialogVisible = ref(false);
  const importDialogRef = ref(null);
  const page = reactive({
@@ -151,6 +256,20 @@
    size: 100,
    total: 0,
  });
  const processParamPage = reactive({
    current: 1,
    size: 100,
    total: 0,
  });
  const productParamPage = reactive({
    current: 1,
    size: 100,
    total: 0,
  });
  const processParamTableData = ref([]);
  const productParamTableData = ref([]);
  const processParamSelectedRows = ref([]);
  const productParamSelectedRows = ref([]);
  const { proxy } = getCurrentInstance();

  // å¯¼å…¥ç›¸å…³é…ç½®
@@ -169,6 +288,16 @@
    page.current = obj.page;
    page.size = obj.limit;
    getList();
  };
  const processParamPagination = obj => {
    processParamPage.current = obj.page;
    processParamPage.size = obj.limit;
    getProcessParamList();
  };
  const productParamPagination = obj => {
    productParamPage.current = obj.page;
    productParamPage.size = obj.limit;
    getProductParamList();
  };
  const getList = () => {
    tableLoading.value = true;
@@ -192,6 +321,14 @@
    selectedRows.value = selection;
  };

  const handleProcessParamSelectionChange = selection => {
    processParamSelectedRows.value = selection;
  };

  const handleProductParamSelectionChange = selection => {
    productParamSelectedRows.value = selection;
  };

  // æ‰“开新增弹框
  const showNewModal = () => {
    isShowNewModal.value = true;
@@ -202,6 +339,88 @@
    record.value = row;
  };

  // æŸ¥çœ‹å½“前工序的生产记录
  const showProcessParamModal = row => {
    currentProcess.value = row;
    isShowProcessParamModal.value = true;
    processParamPage.current = 1;
    getProcessParamList();
  };

  const getProcessParamList = () => {
    if (!currentProcess.value) return;
    const params = {
      processId: currentProcess.value.id,
      ...processParamPage,
    };
    listProcessParamPage(params).then(res => {
      processParamTableData.value = res.data.records || [];
      processParamPage.total = res.data.total || 0;
    });
  };

  // åˆ é™¤å½“前工序绑定的生产记录
  const handleDeleteProcessParam = () => {
    const ids = processParamSelectedRows.value.map(item => item.id);
    if (!ids.length) {
      proxy.$modal.msgWarning("请选择要删除的记录");
      return;
    }
    proxy.$modal
        .confirm("是否确认删除选中的生产记录？")
        .then(() => delProcessParam(ids))
        .then(() => {
          proxy.$modal.msgSuccess("删除成功");
          getProcessParamList();
        })
        .catch(() => {});
  };

  // æ‰“开选择生产记录弹框
  const showSelectProductParamModal = () => {
    isShowSelectParamModal.value = true;
    productParamPage.current = 1;
    getProductParamList();
  };

  const getProductParamList = () => {
    const params = {
      ...productParamPage,
    };
    listProductParamPage(params).then(res => {
      const records = res.data.records || [];
      // å·²ç»‘定到当前工序的生产记录，不允许再次选择 -> æ ¹æ®å‚数编码打上 disabled æ ‡è®°
      const boundCodeSet = new Set(
          (processParamTableData.value || [])
              .map(item => item.code ?? item.parameterCode)
              .filter(code => !!code)
      );
      productParamTableData.value = records.map(item => ({
        ...item,
        disabled: item.code ? boundCodeSet.has(item.code) : false,
      }));
      productParamPage.total = res.data.total || 0;
    });
  };

  // ç¡®è®¤ç»™å½“前工序新增生产记录
  const handleAddProcessParam = () => {
    if (!currentProcess.value) return;
    const selectedList = productParamSelectedRows.value || [];
    if (!selectedList.length) {
      proxy.$modal.msgWarning("请选择要绑定的生产记录");
      return;
    }
    // processId æ”¾åœ¨è·¯å¾„里，body ç›´æŽ¥ä¼ é€‰ä¸­çš„生产记录数组
    addProductProcessParameter(currentProcess.value.id, selectedList)
        .then(() => {
          proxy.$modal.msgSuccess("新增成功");
          isShowSelectParamModal.value = false;
          getProcessParamList();
        })
        .catch(() => {});
  };

  // åˆ é™¤
  function handleDelete() {
    const no = selectedRows.value.map(item => item.no);