zhangwencui
5 天以前 6f32ae6d2545c8279032105bf263eb2552fe6a09
src/views/productionManagement/productionOrder/index.vue
@@ -1,34 +1,51 @@
<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.customerName" placeholder="请输入" clearable prefix-icon="Search"
          <el-input v-model="searchForm.customerName"
                    placeholder="请输入"
                    clearable
                    prefix-icon="Search"
                    style="width: 200px;"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item label="合同号:">
          <el-input v-model="searchForm.salesContractNo" placeholder="请输入" clearable prefix-icon="Search"
          <el-input v-model="searchForm.salesContractNo"
                    placeholder="请输入"
                    clearable
                    prefix-icon="Search"
                    style="width: 200px;"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item label="项目名称:">
          <el-input v-model="searchForm.projectName" placeholder="请输入" clearable prefix-icon="Search"
          <el-input v-model="searchForm.projectName"
                    placeholder="请输入"
                    clearable
                    prefix-icon="Search"
                    style="width: 200px;"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item label="产品名称:">
          <el-input v-model="searchForm.productCategory" placeholder="请输入" clearable prefix-icon="Search"
          <el-input v-model="searchForm.productCategory"
                    placeholder="请输入"
                    clearable
                    prefix-icon="Search"
                    style="width: 200px;"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item label="规格:">
          <el-input v-model="searchForm.specificationModel" placeholder="请输入" clearable prefix-icon="Search"
          <el-input v-model="searchForm.specificationModel"
                    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>
@@ -36,22 +53,17 @@
         </div>
      </div>
      <div class="table_list">
         <PIMTable
            rowKey="id"
      <PIMTable rowKey="id"
            :column="tableColumn"
            :tableData="tableData"
            :page="page"
            :tableLoading="tableLoading"
            @pagination="pagination"
         ></PIMTable>
                @pagination="pagination"></PIMTable>
      </div>
    <process-route-item-form
      v-if="isShowItemModal"
    <process-route-item-form v-if="isShowItemModal"
      v-model:visible="isShowItemModal"
      :record="record"
      @completed="getList"
    />
                             @completed="getList" />
   </div>
</template>
@@ -77,7 +89,7 @@
  {
    label: "项目名称",
    prop: "projectName",
    width:300
      width: 300,
  },
   {
      label: "客户名称",
@@ -104,12 +116,12 @@
      {
        name: "工艺路线",
        type: "text",
        clickFun: (row) => {
          clickFun: row => {
          showRouteItemModal(row);
        }
      }
    ]
  }
          },
        },
      ],
    },
]);
const tableData = ref([]);
const tableLoading = ref(false);
@@ -136,12 +148,12 @@
   page.current = 1;
   getList();
};
const pagination = (obj) => {
  const pagination = obj => {
   page.current = obj.page;
   page.size = obj.limit;
   getList();
};
const changeDaterange = (value) => {
  const changeDaterange = value => {
   if (value) {
      searchForm.value.entryDateStart = value[0];
      searchForm.value.entryDateEnd = value[1];
@@ -155,21 +167,23 @@
   tableLoading.value = true;
   // 构造一个新的对象,不包含entryDate字段
   const params = { ...searchForm.value, ...page };
   params.entryDate = undefined
   productOrderListPage(params).then((res) => {
    params.entryDate = undefined;
    productOrderListPage(params)
      .then(res => {
      tableLoading.value = false;
      tableData.value = res.data.records;
      page.total = res.data.total;
   }).catch(() => {
      tableLoading.value = false;
   })
      .catch(() => {
        tableLoading.value = false;
      });
};
const isShowItemModal = ref(false);
const record = ref({});
const showRouteItemModal = (row) => {
  isShowItemModal.value = true
  record.value = row
  const showRouteItemModal = row => {
    isShowItemModal.value = true;
    record.value = row;
};
// 导出
@@ -187,8 +201,7 @@
      });
};
const handleConfirmRoute = () => {
}
  const handleConfirmRoute = () => {};
onMounted(() => {
   getList();