工序级产能数据管理前台代码提交

dy

2025-04-21 3e4201f8b36128d48ba2029825e8b34e7f6d9053

工序级产能数据管理前台代码提交

 src/api/basicData/processCapacityManagement/processCapacityManagement.js

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

// æŸ¥è¯¢å·¥åºçº§äº§èƒ½æ•°æ®ç®¡ç†åˆ—表
export function listProcessCapacityManagement(query) {
  return request({
    url: '/aps/processCapacityManagement/list',
    method: 'get',
    params: query
  })
}

// æŸ¥è¯¢å·¥åºçº§äº§èƒ½æ•°æ®ç®¡ç†è¯¦ç»†
export function getProcessCapacityManagement(id) {
  return request({
    url: '/processCapacityManagement/processCapacityManagement/' + id,
    method: 'get'
  })
}

// æ–°å¢žå·¥åºçº§äº§èƒ½æ•°æ®ç®¡ç†
export function addProcessCapacityManagement(data) {
  return request({
    url: '/processCapacityManagement/processCapacityManagement',
    method: 'post',
    data: data
  })
}

// ä¿®æ”¹å·¥åºçº§äº§èƒ½æ•°æ®ç®¡ç†
export function updateProcessCapacityManagement(data) {
  return request({
    url: '/processCapacityManagement/processCapacityManagement',
    method: 'put',
    data: data
  })
}

// åˆ é™¤å·¥åºçº§äº§èƒ½æ•°æ®ç®¡ç†
export function delProcessCapacityManagement(id) {
  return request({
    url: '/processCapacityManagement/processCapacityManagement/' + id,
    method: 'delete'
  })
}

 src/components/HxlhTable/index.vue

@@ -39,6 +39,9 @@
          <template #expandContent="{ row }">
            <vxe-grid v-bind="subGridOptions" :data="row.subList">
            </vxe-grid>
            </template>
            <template v-slot:status="row" >
              <slot name="status" v-bind="row"/>
          </template>
        </vxe-grid>
    </div>

 src/views/basicData/apsPlant/index.vue

@@ -106,7 +106,6 @@
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const disabled = ref(false);
const data = reactive({
@@ -246,6 +245,7 @@

/** æœç´¢æŒ‰é’®æ“ä½œ */
function handleQuery() {
  page.value.current = 1;
  queryParams.value.pageNum = 1;
  getList();
}

 src/views/basicData/apsShop/index.vue

@@ -264,6 +264,7 @@

/** æœç´¢æŒ‰é’®æ“ä½œ */
function handleQuery() {
  page.value.current = 1;
  queryParams.value.pageNum = 1;
  getList();
}
@@ -419,8 +420,8 @@
});

function changePageNo(currentPage) {
  queryParams.value.pageNum = currentPage;
  page.value.current = currentPage;
  queryParams.value.pageNum = currentPage;
  getList();
}


 src/views/basicData/materialManagement/index.vue

@@ -96,7 +96,6 @@
    formatter: (({ cellValue, row, column }) => {
      if (cellValue) {
        for(let i=0;i<aps_material_status.value.length;i++){

          if(cellValue===aps_material_status.value[i].value){
            return aps_material_status.value[i].label
          }

 src/views/basicData/materialStorageManagement/index.vue

@@ -159,6 +159,7 @@
/** æœç´¢æŒ‰é’®æ“ä½œ */
function handleQuery() {
  page.value.current = 1;
  queryParams.value.pageNum = 1;
  getList();
}

@@ -233,8 +234,8 @@
}

function changePageNo(currentPage) {
  queryParams.value.pageNum = currentPage;
  page.value.current = currentPage;
  queryParams.value.pageNum = currentPage;
  getList();
}


 src/views/basicData/processCapacityManagement/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,257 @@
<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryRef" :rules="rules" :inline="true" v-show="showSearch" label-width="68px">
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="料号" prop="itemNumber">
            <el-input
              v-model="queryParams.itemNumber"
              placeholder="请输入料号"
              clearable
              @keyup.enter="handleQuery"
            />
          </el-form-item>
        </el-col>
        <el-col :span="18" style="text-align: right;">
          <el-form-item>
              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
            </el-form-item>
        </el-col>
      </el-row>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <HxlhTable
        style="width: 100%"
        :columns="columns"
        :data="processCapacityManagementList"
        :loading="loading"
        :height="height"
        :page="page"
        @on-checkbox="handleCheckboxChange"
        @changePageNo="changePageNo"
        @changePageSize="changePageSize"
    >
      <template #status="{row}" >
          <vxe-tag v-if = "row.capacityType === '0'" status="success">标准工时</vxe-tag>
          <vxe-tag v-if = "row.capacityType === '1'" status="primary">固定周期</vxe-tag>
      </template>
    </HxlhTable>
  </div>
</template>

<script setup name="ProcessCapacityManagement">
import { listProcessCapacityManagement, getProcessCapacityManagement, delProcessCapacityManagement, addProcessCapacityManagement, updateProcessCapacityManagement } from "@/api/basicData/processCapacityManagement/processCapacityManagement";
import HxlhTable from '@/components/HxlhTable'

const { proxy } = getCurrentInstance();

const processCapacityManagementList = ref([]);
const open = ref(false);
const loading = ref(false);
const showSearch = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const title = ref("");
const height = ref(document.documentElement.clientHeight - 230 + "px;")
const { aps_capacity_type } = proxy.useDict('aps_capacity_type');//产能类型

// åˆ†é¡µå±žæ€§
const page = ref({
  total: 0,
  current: 1,
  size: 10
});

const data = reactive({
  form: {},
  queryParams: {
    pageNum: 1,
    pageSize: 10,
    itemNumber: null,
  },
  rules: {
    itemNumber: [
      { required: true, message: "料号不能为空", trigger: "blur" }
    ],
  }
});

// è¡¨æ ¼é…ç½® 
const columns = ref([
  { type: 'seq', title: '序号', width: 60 },
  {
    title: '料号',
    field: 'itemNumber',
  },
  {
    title: '产能类型',
    field: 'capacityType',
    slots: { default: 'status' },
    /* formatter: (({ cellValue, row, column }) => {
      if (cellValue) {
        for(let i=0;i<aps_capacity_type.value.length;i++){
          if(cellValue===aps_capacity_type.value[i].value){
            return aps_capacity_type.value[i].label
          }
        }
      }
      return '';
    }) */
  },
  {
    title: '工序名称',
    field: 'processName',
  },
  {
    title: '工艺路线ID',
    field: 'processRouteId',
  },
  {
    title: '工时',
    field: 'workTime',
  },
  {
    title: '生效日期',
    field: 'effectiveDate',
  },
  {
    title: '失效日期',
    field: 'expiringDate',
  },
  {
    title: '集成日期',
    field: 'integrationDate',
  },
]);

const { queryParams, form, rules } = toRefs(data);

/** æŸ¥è¯¢å·¥åºçº§äº§èƒ½æ•°æ®ç®¡ç†åˆ—表 */
function getList() {
  loading.value = true;
  listProcessCapacityManagement(queryParams.value).then(response => {
    processCapacityManagementList.value = response.rows;
    page.value.total = response.total;
    loading.value = false;
  });
}

// å–消按钮
function cancel() {
  open.value = false;
  reset();
}

// è¡¨å•é‡ç½®
function reset() {
  form.value = {
    id: null,
    itemNumber: null,
    capacityType: null,
    processNumber: null,
    processName: null,
    processRouteId: null,
    workTime: null,
    effectiveDate: null,
    expiringDate: null,
    integrationDate: null,
    createBy: null,
    createTime: null,
    updateBy: null,
    updateTime: null
  };
  proxy.resetForm("processCapacityManagementRef");
}

/** æœç´¢æŒ‰é’®æ“ä½œ */
function handleQuery() {
  proxy.$refs["queryRef"].validate(valid => {
    if (valid) {
      page.value.current = 1;
      queryParams.value.pageNum = 1;
        getList();
      }
  });
}

/** é‡ç½®æŒ‰é’®æ“ä½œ */
function resetQuery() {
  proxy.resetForm("queryRef");
  processCapacityManagementList.value = null;
  page.value.total = 0;
  page.value.current = 1;
  queryParams.value.pageNum = 1;
  // handleQuery();
}

/** ä¿®æ”¹æŒ‰é’®æ“ä½œ */
function handleUpdate(row) {
  reset();
  const _id = row.id || ids.value
  getProcessCapacityManagement(_id).then(response => {
    form.value = response.data;
    open.value = true;
    title.value = "修改工序级产能数据管理";
  });
}

/** æäº¤æŒ‰é’® */
function submitForm() {
  proxy.$refs["processCapacityManagementRef"].validate(valid => {
    if (valid) {
      if (form.value.id != null) {
        updateProcessCapacityManagement(form.value).then(response => {
          proxy.$modal.msgSuccess("修改成功");
          open.value = false;
          getList();
        });
      } else {
        addProcessCapacityManagement(form.value).then(response => {
          proxy.$modal.msgSuccess("新增成功");
          open.value = false;
          getList();
        });
      }
    }
  });
}

/** åˆ é™¤æŒ‰é’®æ“ä½œ */
function handleDelete(row) {
  const _ids = row.id || ids.value;
  proxy.$modal.confirm('是否确认删除工序级产能数据管理编号为"' + _ids + '"的数据项？').then(function() {
    return delProcessCapacityManagement(_ids);
  }).then(() => {
    getList();
    proxy.$modal.msgSuccess("删除成功");
  }).catch(() => {});
}

/** å¯¼å‡ºæŒ‰é’®æ“ä½œ */
function handleExport() {
  proxy.download('processCapacityManagement/processCapacityManagement/export', {
    ...queryParams.value
  }, `processCapacityManagement_${new Date().getTime()}.xlsx`)
}

function changePageNo(currentPage) {
  page.value.current = currentPage;
  queryParams.value.pageNum = currentPage;
  getList();
}

function changePageSize(pageSize) {
  page.value.current = 1;
  queryParams.value.pageNum = 1;
  queryParams.value.pageSize = pageSize;
  getList();
}

// getList();
</script>

 src/views/basicData/professionalFixedCycleManagement/index.vue

@@ -25,31 +25,6 @@
      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <!-- <el-table v-loading="loading" :data="professionalFixedCycleManagementList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="id" align="center" prop="id" />
      <el-table-column label="料号" align="center" prop="itemNumber" />
      <el-table-column label="专业描述" align="center" prop="professionalDescription" />
      <el-table-column label="专业" align="center" prop="professional" />
      <el-table-column label="专业固定周期" align="center" prop="professionalFixedCycle" />
      <el-table-column label="集成日期" align="center" prop="integrationDate" />
      <el-table-column label="适用工厂" align="center" prop="applicableFactories" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template #default="scope">
          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['basicData:professionalFixedCycleManagement:edit']">修改</el-button>
          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['basicData:professionalFixedCycleManagement:remove']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    
    <pagination
      v-show="total>0"
      :total="total"
      v-model:page="queryParams.pageNum"
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    /> -->

    <HxlhTable
        style="width: 100%"
        :columns="columns"
@@ -94,7 +69,6 @@
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const height = ref(document.documentElement.clientHeight - 230 + "px;")
const queryPlants = ref({status: 1});
@@ -204,6 +178,7 @@

/** æœç´¢æŒ‰é’®æ“ä½œ */
function handleQuery() {
  page.value.current = 1;
  queryParams.value.pageNum = 1;
  getList();
}
@@ -279,8 +254,8 @@
}

function changePageNo(currentPage) {
  queryParams.value.pageNum = currentPage;
  page.value.current = currentPage;
  queryParams.value.pageNum = currentPage;
  getList();
}