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/api/productionManagement/productionRecords.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,38 @@
// ç”Ÿäº§è®°å½•ï¼ˆå‚数）接口
import request from "@/utils/request";

// åˆ†é¡µæŸ¥è¯¢
export function listPage(query) {
  return request({
    url: "/productParameter/listPage",
    method: "get",
    params: query,
  });
}

// æ–°å¢ž
export function add(data) {
  return request({
    url: "/productParameter/addProductParameter",
    method: "post",
    data: data,
  });
}

// ä¿®æ”¹
export function update(data) {
  return request({
    url: "/productParameter/updProductParameter",
    method: "put",
    data: data,
  });
}

// åˆ é™¤ ids ä¸ºæ•°ç»„时会拼成 productParameter/1,2,3
export function del(ids) {
  const idStr = Array.isArray(ids) ? ids.join(",") : ids;
  return request({
    url: `/productParameter/${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,11 @@
  },
});

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

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

 src/views/productionManagement/productionOrder/New.vue

@@ -48,6 +48,33 @@
                       :value="item.id" />
          </el-select>
        </el-form-item>
        <el-form-item
            label="生产批号"
            prop="lotNo"
        >
          <el-input v-model="formState.lotNo" placeholder="请输入生产批号" />
        </el-form-item>

        <el-form-item
            label="优先级"
            prop="priority"
            :rules="[
              {
                required: true,
                message: '请选择优先级',
                trigger: 'change',
              },
            ]"
        >
          <el-select v-model="formState.priority" placeholder="请选择优先级" style="width: 100%;" clearable>
            <el-option
              v-for="dict in priority_type"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
        </el-form-item>

        <el-form-item
            label="需求数量"
@@ -55,6 +82,7 @@
        >
          <el-input-number v-model="formState.quantity" :step="1" :min="1" style="width: 100%" />
        </el-form-item>

      </el-form>

      <!-- äº§å“é€‰æ‹©å¼¹çª— -->
@@ -101,7 +129,9 @@
  productName: "",
  productModelName: "",
  unit: "",
  priority: undefined,
  quantity: 0,
  lotNo: "",
});

const isShow = computed({
@@ -115,7 +145,12 @@

const showProductSelectDialog = ref(false);

let { proxy } = getCurrentInstance()
let { proxy } = getCurrentInstance();
const { priority_type } = proxy.useDict("priority_type");

if (priority_type.value && priority_type.value.length > 0) {
  formState.value.priority = priority_type.value[2].value;
}

const closeModal = () => {
  // é‡ç½®è¡¨å•æ•°æ®
@@ -125,7 +160,10 @@
    routeId: undefined,
    productName: "",
    productModelName: "",
    unit: "",
    priority: priority_type.value && priority_type.value.length > 0 ? priority_type.value[2].value : undefined,
    quantity: '',
    lotNo: "",
  };
  isShow.value = false;
};

 src/views/productionManagement/productionOrder/index.vue

@@ -1,3 +1,4 @@
<!-- ç”Ÿäº§è®¢å• -->
<template>
  <div class="app-container">
    <div class="search_form">
@@ -114,12 +115,32 @@
  const NewProductOrder = defineAsyncComponent(() => import("@/views/productionManagement/productionOrder/New.vue"));

  const { proxy } = getCurrentInstance();
  const { priority_type } = proxy.useDict("priority_type");

  const router = useRouter();
  const isShowNewModal = ref(false);

  const tableColumn = ref([
    {
      label: "优先级",
      prop: "priority",
      width: '100px',
      dataType: "tag",
      formatData: val => proxy.selectDictLabel(priority_type.value, val),
      formatType: val => {
        const v = Number(val);
        if (v === 0) return "danger";   // çº¢è‰²
        if (v === 1) return "warning";  // é»„色
        if (v === 2) return "success";  // ç»¿è‰²
        return "";
      },
    },
    {
      label: "生产批号",
      prop: "lotNo",
      width: '120px',
    },
    {
      label: "生产订单号",
      prop: "npsNo",
      width: '120px',

 src/views/productionManagement/productionProcess/Edit.vue

@@ -28,6 +28,9 @@
        <el-form-item label="工资定额" prop="salaryQuota">
          <el-input v-model="formState.salaryQuota" type="number" :step="0.001" />
        </el-form-item>
        <el-form-item label="合格率" prop="qualifiedRate">
          <el-input v-model="formState.qualifiedRate" type="number" :step="0.01" />
        </el-form-item>
        <el-form-item label="是否质检" prop="isQuality">
          <el-switch v-model="formState.isQuality" :active-value="true" inactive-value="false"/>
        </el-form-item>
@@ -70,6 +73,7 @@
  no: props.record.no,
  remark: props.record.remark,
  salaryQuota: props.record.salaryQuota,
  qualifiedRate: props.record.qualifiedRate,
  isQuality: props.record.isQuality,
});

@@ -91,7 +95,8 @@
      no: newRecord.no || '',
      remark: newRecord.remark || '',
      salaryQuota: newRecord.salaryQuota || '',
      isQuality: props.record.isQuality,
      qualifiedRate: newRecord.qualifiedRate || '',
      isQuality: newRecord.isQuality,
    };
  }
}, { immediate: true, deep: true });
@@ -105,6 +110,7 @@
      no: props.record.no || '',
      remark: props.record.remark || '',
      salaryQuota: props.record.salaryQuota || '',
      qualifiedRate: props.record.qualifiedRate || '',
      isQuality: props.record.isQuality,
    };
  }

 src/views/productionManagement/productionProcess/New.vue

@@ -28,6 +28,9 @@
        <el-form-item label="工资定额" prop="salaryQuota">
          <el-input v-model="formState.salaryQuota" type="number" :step="0.001" />
        </el-form-item>
        <el-form-item label="合格率" prop="qualifiedRate">
          <el-input v-model="formState.qualifiedRate" type="number" :step="0.01" />
        </el-form-item>
        <el-form-item label="是否质检" prop="isQuality">
          <el-switch v-model="formState.isQuality" :active-value="true" inactive-value="false"/>
        </el-form-item>
@@ -63,6 +66,7 @@
  name: '',
  remark: '',
  salaryQuota:  '',
  qualifiedRate: '',
  isQuality: false,
});


 src/views/productionManagement/productionProcess/index.vue

@@ -48,6 +48,50 @@
                @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 +124,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({
@@ -101,6 +151,10 @@
    {
      label: "工资定额",
      prop: "salaryQuota",
    },
    {
      label: "合格率",
      prop: "qualifiedRate",
    },
    {
      label: "是否质检",
@@ -125,6 +179,13 @@
      width: 280,
      operation: [
        {
          name: "查看",
          type: "text",
          clickFun: row => {
            showProcessParamModal(row);
          },
        },
        {
          name: "编辑",
          type: "text",
          clickFun: row => {
@@ -134,12 +195,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({
@@ -147,6 +255,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();

  // å¯¼å…¥ç›¸å…³é…ç½®
@@ -165,6 +287,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;
@@ -187,6 +319,14 @@
    selectedRows.value = selection;
  };

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

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

  // æ‰“开新增弹框
  const showNewModal = () => {
    isShowNewModal.value = true;
@@ -197,6 +337,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);

 src/views/productionManagement/productionRecords/Edit.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,165 @@
<template>
  <div>
    <el-dialog
      v-model="isShow"
      title="编辑生产记录"
      width="520px"
      @close="closeModal"
    >
      <el-form
        ref="formRef"
        label-width="120px"
        :model="formState"
        label-position="top"
      >
        <el-form-item
          label="参数项"
          prop="parameterItem"
          :rules="[{ required: true, message: '请输入参数项' }]"
        >
          <el-input v-model="formState.parameterItem" placeholder="请输入参数项" />
        </el-form-item>
        <el-form-item
          label="参数类型"
          prop="type"
          :rules="[{ required: true, message: '请选择参数类型' }]"
        >
          <el-select v-model="formState.type" placeholder="请选择参数类型" style="width: 100%;">
            <el-option
              v-for="dict in parameter_tyep"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
        </el-form-item>
        <el-form-item
          label="单位"
          prop="unit"
          :rules="[{ required: true, message: '请输入单位' }]"
        >
          <el-input v-model="formState.unit" placeholder="请输入单位" />
        </el-form-item>
        <el-form-item label="参数格式" prop="parameterFormat">
          <el-input v-model="formState.parameterFormat" placeholder="请输入参数格式（选填）" />
        </el-form-item>
        <el-form-item
          label="是否必填"
          prop="isRequired"
          :rules="[{ required: true, message: '请选择是否必填' }]"
        >
          <el-select v-model="formState.isRequired" placeholder="请选择" style="width: 100%;">
            <el-option label="是" value="1" />
            <el-option label="否" value="0" />
          </el-select>
        </el-form-item>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="handleSubmit">确认</el-button>
          <el-button @click="closeModal">取消</el-button>
        </div>
      </template>
    </el-dialog>
  </div>
</template>

<script setup>
import { ref, computed, getCurrentInstance, watch } from "vue";
import { update } from "@/api/productionManagement/productionRecords.js";

const props = defineProps({
  visible: {
    type: Boolean,
    required: true,
  },
  record: {
    type: Object,
    default: () => ({}),
  },
});

const emit = defineEmits(["update:visible", "completed"]);

const formRef = ref(null);
const formState = ref({
  id: undefined,
  code: "",
  parameterItem: "",
  type: "",
  unit: "",
  parameterFormat: "",
  isRequired: undefined,
});

const isShow = computed({
  get() {
    return props.visible;
  },
  set(val) {
    emit("update:visible", val);
  },
});

// å›žæ˜¾ï¼šç›‘听 record å˜åŒ–
watch(
  () => props.record,
  (newRecord) => {
    if (newRecord && Object.keys(newRecord).length) {
      formState.value = {
        id: newRecord.id,
        code: newRecord.code ?? "",
        parameterItem: newRecord.parameterItem ?? "",
        type: newRecord.type ?? "",
        unit: newRecord.unit ?? "",
        parameterFormat: newRecord.parameterFormat ?? "",
        isRequired: newRecord.isRequired,
      };
    }
  },
  { immediate: true, deep: true }
);

// å¼¹çª—打开时重新回显
watch(
  () => props.visible,
  (visible) => {
    if (visible && props.record && Object.keys(props.record).length) {
      formState.value = {
        id: props.record.id,
        code: props.record.code ?? "",
        parameterItem: props.record.parameterItem ?? "",
        type: props.record.type ?? "",
        unit: props.record.unit ?? "",
        parameterFormat: props.record.parameterFormat ?? "",
        isRequired: props.record.isRequired,
      };
    }
  }
);

const { proxy } = getCurrentInstance();
const { parameter_tyep } = proxy.useDict("parameter_tyep");

const closeModal = () => {
  isShow.value = false;
};

const handleSubmit = () => {
  formRef.value.validate((valid) => {
    if (valid) {
      update(formState.value).then(() => {
        isShow.value = false;
        emit("completed");
        proxy.$modal.msgSuccess("修改成功");
      });
    }
  });
};

defineExpose({
  closeModal,
  handleSubmit,
  isShow,
});
</script>

 src/views/productionManagement/productionRecords/New.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,122 @@
<template>
  <div>
    <el-dialog
      v-model="isShow"
      title="新增生产记录"
      width="520px"
      @close="closeModal"
    >
      <el-form
        ref="formRef"
        label-width="120px"
        :model="formState"
        label-position="top"
      >
        <el-form-item
          label="参数项"
          prop="parameterItem"
          :rules="[{ required: true, message: '请输入参数项' }]"
        >
          <el-input v-model="formState.parameterItem" placeholder="请输入参数项" />
        </el-form-item>
        <el-form-item
          label="参数类型"
          prop="type"
          :rules="[{ required: true, message: '请选择参数类型' }]"
        >
          <el-select v-model="formState.type" placeholder="请选择参数类型" style="width: 100%;">
            <el-option
              v-for="dict in parameter_tyep"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
        </el-form-item>
        <el-form-item
          label="单位"
          prop="unit"
          :rules="[{ required: true, message: '请输入单位' }]"
        >
          <el-input v-model="formState.unit" placeholder="请输入单位" />
        </el-form-item>
        <el-form-item label="参数格式" prop="parameterFormat">
          <el-input v-model="formState.parameterFormat" placeholder="请输入参数格式（选填）" />
        </el-form-item>
        <el-form-item
          label="是否必填"
          prop="isRequired"
          :rules="[{ required: true, message: '请选择是否必填' }]"
        >
          <el-select v-model="formState.isRequired" placeholder="请选择" style="width: 100%;">
            <el-option label="是" value="1" />
            <el-option label="否" value="0" />
          </el-select>
        </el-form-item>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="handleSubmit">确认</el-button>
          <el-button @click="closeModal">取消</el-button>
        </div>
      </template>
    </el-dialog>
  </div>
</template>

<script setup>
import { ref, computed, getCurrentInstance } from "vue";
import { add } from "@/api/productionManagement/productionRecords.js";

const props = defineProps({
  visible: {
    type: Boolean,
    required: true,
  },
});

const emit = defineEmits(["update:visible", "completed"]);

const formRef = ref(null);
const formState = ref({
  parameterItem: "",
  type: "",
  unit: "",
  parameterFormat: "",
  isRequired: undefined,
});

const isShow = computed({
  get() {
    return props.visible;
  },
  set(val) {
    emit("update:visible", val);
  },
});

const { proxy } = getCurrentInstance();
const { parameter_tyep } = proxy.useDict("parameter_tyep");

const closeModal = () => {
  isShow.value = false;
};

const handleSubmit = () => {
  formRef.value.validate((valid) => {
    if (valid) {
      add(formState.value).then(() => {
        isShow.value = false;
        emit("completed");
        proxy.$modal.msgSuccess("新增成功");
      });
    }
  });
};

defineExpose({
  closeModal,
  handleSubmit,
  isShow,
});
</script>

 src/views/productionManagement/productionRecords/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,189 @@
<!-- ç”Ÿäº§è®°å½• -->
<template>
  <div class="app-container">
    <div class="search_form">
      <el-form :model="searchForm" :inline="true">
        <el-form-item label="参数编码:">
          <el-input
            v-model="searchForm.code"
            placeholder="请输入"
            clearable
            style="width: 200px;"
            @change="handleQuery"
          />
        </el-form-item>
        <el-form-item label="参数项:">
          <el-input
            v-model="searchForm.parameterItem"
            placeholder="请输入"
            clearable
            style="width: 200px;"
            @change="handleQuery"
          />
        </el-form-item>
        <el-form-item label="参数类型:">
          <el-select
            v-model="searchForm.type"
            placeholder="请选择"
            clearable
            style="width: 200px;"
            @change="handleQuery"
          >
            <el-option
              v-for="dict in parameter_tyep"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
        </el-form-item>
        <el-form-item>
          <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>
      </div>
      <PIMTable
        rowKey="id"
        :column="tableColumn"
        :tableData="tableData"
        :page="page"
        :tableLoading="tableLoading"
        @pagination="pagination"
        :total="page.total"
      />
    </div>
    <NewRecord v-if="isShowNewModal" v-model:visible="isShowNewModal" @completed="getList" />
    <EditRecord
      v-if="isShowEditModal"
      v-model:visible="isShowEditModal"
      :record="record"
      @completed="getList"
    />
  </div>
</template>

<script setup>
import { onMounted, ref, reactive, toRefs, getCurrentInstance } from "vue";
import NewRecord from "./New.vue";
import EditRecord from "./Edit.vue";
import { listPage, del } from "@/api/productionManagement/productionRecords.js";

const data = reactive({
  searchForm: {
    code: "",
    parameterItem: "",
    type: "",
  },
});
const { searchForm } = toRefs(data);
const { proxy } = getCurrentInstance();
const { parameter_tyep } = proxy.useDict("parameter_tyep");

const tableColumn = ref([
  { label: "参数编码", prop: "code" },
  { label: "参数项", prop: "parameterItem" },
  {
    label: "参数类型",
    prop: "type",
    formatData: (params) =>
      (parameter_tyep?.value ?? parameter_tyep ?? []).find((d) => String(d.value) === String(params))?.label ?? params,
  },
  { label: "单位", prop: "unit" },
  { label: "参数格式", prop: "parameterFormat" },
  {
    label: "是否必填",
    prop: "isRequired",
    formatData: (params) => (params === '1' ? "是" : "否"),
  },
//   { label: "创建人", prop: "createUser" },
  { label: "创建日期", prop: "createTime" },
//   { label: "更新人", prop: "updateUser" },
  { label: "更新日期", prop: "updateTime" },
  {
    dataType: "action",
    label: "操作",
    align: "center",
    fixed: "right",
    width: 160,
    operation: [
      {
        name: "编辑",
        type: "text",
        clickFun: (row) => showEditModal(row),
      },
      {
        name: "删除",
        type: "text",
        clickFun: (row) => handleDeleteRow(row),
      },
    ],
  },
]);

const tableData = ref([]);
const tableLoading = ref(false);
const isShowNewModal = ref(false);
const isShowEditModal = ref(false);
const record = ref({});
const page = reactive({
  current: 1,
  size: 100,
  total: 0,
});

const handleQuery = () => {
  page.current = 1;
  getList();
};

const pagination = (obj) => {
  page.current = obj.page;
  page.size = obj.limit;
  getList();
};

const getList = () => {
  tableLoading.value = true;
  const params = { ...searchForm.value, ...page };
  listPage(params)
    .then((res) => {
      tableLoading.value = false;
      const data = res.data;
      tableData.value = data?.records ?? (Array.isArray(data) ? data : []);
      page.total = data?.total ?? 0;
    })
    .catch(() => {
      tableLoading.value = false;
    });
};

const showNewModal = () => {
  isShowNewModal.value = true;
};

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

const handleDeleteRow = (row) => {
  proxy.$modal
    .confirm(`是否确认删除参数编码为"${row.code}"的数据？`)
    .then(() => del([row.id]))
    .then(() => {
      getList();
      proxy.$modal.msgSuccess("删除成功");
    })
    .catch(() => {});
};

onMounted(() => {
  getList();
});
</script>

<style scoped></style>

 src/views/productionManagement/workOrder/index.vue

@@ -1,3 +1,4 @@
// ç”Ÿäº§å·¥å•
<template>
  <div class="app-container">
    <div class="search_form">
@@ -234,13 +235,28 @@
  import { getCurrentInstance, reactive, toRefs } from "vue";
  import FilesDia from "./components/filesDia.vue";
  const { proxy } = getCurrentInstance();
  const { priority_type } = proxy.useDict("priority_type");

  const tableColumn = ref([
    {
      label: "工单类型",
      prop: "workOrderType",
      width: "80",
      label: "优先级",
      prop: "priority",
      width: '100px',
      dataType: "tag",
      formatData: val => proxy.selectDictLabel(priority_type.value, val),
      formatType: val => {
        const v = Number(val);
        if (v === 0) return "danger";   // çº¢è‰²
        if (v === 1) return "warning";  // é»„色
        if (v === 2) return "success";  // ç»¿è‰²
        return "";
      },
    },
    // {
    //   label: "工单类型",
    //   prop: "workOrderType",
    //   width: "80",
    // },
    {
      label: "工单编号",
      prop: "workOrderNo",