生产订单-搜索查询

huminmin

6 天以前 59df511cd648c988add0ff97c4de594bcdf41b0a

 src/views/productionManagement/productionOrder/index.vue

@@ -1,62 +1,36 @@
<template>
   <div class="app-container">
      <div class="search_form">
         <div>
            <span class="search_title">客户名称：</span>
            <el-input
               v-model="searchForm.customerName"
               style="width: 240px"
               placeholder="请输入"
               @change="handleQuery"
               clearable
               prefix-icon="Search"
          class="mb10"
            />
            <span class="search_title ml10">合同号：</span>
            <el-input
               v-model="searchForm.salesContractNo"
               style="width: 240px"
               placeholder="请输入"
               @change="handleQuery"
               clearable
               prefix-icon="Search"
          class="mb10"
            />
            <span class="search_title ml10">项目名称：</span>
            <el-input
               v-model="searchForm.projectName"
               style="width: 240px"
               placeholder="请输入"
               @change="handleQuery"
               clearable
               prefix-icon="Search"
          class="mb10"
            />
        <span class="search_title ml10">产品名称：</span>
        <el-input
            v-model="searchForm.productCategory"
            style="width: 240px"
            placeholder="请输入"
            @change="handleQuery"
            clearable
            prefix-icon="Search"
            class="mb10"
        />
        <span class="search_title ml10">规格：</span>
        <el-input
            v-model="searchForm.specificationModel"
            style="width: 240px"
            placeholder="请输入"
            @change="handleQuery"
            clearable
            prefix-icon="Search"
            class="mb10"
        />

            <el-button type="primary" @click="handleQuery" style="margin-left: 10px" class="mb10"
            >搜索</el-button
            >
         </div>
      <el-form :model="searchForm" :inline="true">
        <el-form-item label="客户名称:">
          <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"
                    style="width: 200px;"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item label="项目名称:">
          <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"
                    style="width: 200px;"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item label="规格:">
          <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-form-item>
      </el-form>
         <div>
            <el-button @click="handleOut">导出</el-button>
         </div>
@@ -150,10 +124,8 @@
      customerName: "",
      salesContractNo: "",
      projectName: "",
      status: "",
      entryDate: [dayjs().format("YYYY-MM-DD"), dayjs().format("YYYY-MM-DD")], // 录入日期，默认当天
      entryDateStart: dayjs().format("YYYY-MM-DD"),
      entryDateEnd: dayjs().format("YYYY-MM-DD"),
    productCategory: "",
    specificationModel: "",
   },
});
const { searchForm } = toRefs(data);