src/views/salesOutbound/index.vue
@@ -1,10 +1,21 @@
<template>
  <div class="app-container">
    <el-form :inline="true" :model="queryParams" class="search-form">
      <el-form-item label="搜索">
      <el-form-item label="销售日期">
            <el-date-picker
               v-model="queryParams.saleDate"
               type="date"
               value-format="YYYY-MM-DD"
               format="YYYY-MM-DD"
               clearable
               style="width: 100%"
               placeholder="请选择日期"
            />
      </el-form-item>
      <el-form-item label="煤种">
        <el-input
            v-model="queryParams.searchAll"
            placeholder="请输入关键字"
            v-model="queryParams.coal"
            placeholder="请输入煤种"
            clearable
            :style="{ width: '100%' }"
        />
@@ -28,7 +39,7 @@
      <el-space>
        <el-button type="primary" :icon="Plus" @click="openDia(undefined, 'add')">新建</el-button>
        <el-button type="danger" :icon="Delete" @click="handleDelete">删除</el-button>
        <!-- <el-button type="info" plain :icon="Download" @click="handleExport">导出</el-button> -->
        <el-button type="info" plain :icon="Download" @click="handleExport">导出</el-button>
      </el-space>
      <!-- 表格组件 -->
      <div>
@@ -100,7 +111,8 @@
const pageSize = ref(10);
// 查询参数
const queryParams = reactive({
  searchAll: "",
   saleDate: "",
   coal: "",
})
onMounted(() => {
  handleQuery()
@@ -157,7 +169,30 @@
};
// 导出出库
const handleExport = () => {
  const config = { api: "/salesRecord/export", name: "销售出库" };
  proxy.$modal
    .confirm(
      "是否要导出" +
        (selectedRows.value.length > 0
          ? `选中的${selectedRows.value.length}条`
          : "全部") +
        "数据?"
    )
    .then((res) => {
      if (res) {
        ElMessage.success("正在导出数据,请稍候...");
        exportData(config.api, config.name);
      }
    })
    .catch(() => {});
};
const exportData = (api, name) => {
  proxy.download(
    api,
    { exportIds: selectedRows.value.map((row) => row.id) },
    `${new Date().getTime()}${name}${new Date().toLocaleDateString("en-CA")}.xlsx`
  );
  ElMessage.success("导出数据:" + name);
};
// 选择行
const handleSelectionChange = (selection) => {