报表2页面

src/views/report/components/bmSearchBar.vue

@@ -16,41 +16,45 @@
         </el-option>
       </el-select>
     </el-form-item>
-    <el-form-item v-show="form.type === 1" label="时间" prop="dayTime">
+    <el-form-item v-show="form.type === 0" label="时间" prop="dayTime">
       <el-date-picker
         size="small"
         clearable
         v-model="form.dayTime"
         type="date"
         placeholder="选择日期"
+        value-format="yyyy-MM-dd"
         style="width: 150px"
       >
       </el-date-picker>
     </el-form-item>
-    <el-form-item v-show="form.type === 2" label="时间" prop="weekTime">
+    <el-form-item v-show="form.type === 1" label="时间" prop="weekTime">
       <el-date-picker
         v-model="form.weekTime"
         type="week"
-        format="yyyy 第 WW 周"
+        format="yyyy-MM-dd"
         placeholder="选择周"
+        value-format="yyyy-MM-dd"
         style="width: 150px"
       >
       </el-date-picker>
     </el-form-item>
-    <el-form-item v-show="form.type === 3" label="时间" prop="monthTime">
+    <el-form-item v-show="form.type === 2" label="时间" prop="monthTime">
       <el-date-picker
         v-model="form.monthTime"
         type="month"
         placeholder="选择月份"
+        value-format="yyyy-MM-dd"
         style="width: 150px"
       >
       </el-date-picker>
     </el-form-item>
-    <el-form-item v-show="form.type === 4" label="时间" prop="yearTime">
+    <el-form-item v-show="form.type === 3" label="时间" prop="yearTime">
       <el-date-picker
         v-model="form.yearTime"
         type="year"
         placeholder="选择年份"
+        value-format="yyyy-MM-dd"
         style="width: 150px"
       >
       </el-date-picker>
@@ -73,48 +77,73 @@
       </el-select>
     </el-form-item>
     <el-form-item>
-      <el-button type="primary" size="small" @click="getDataList"
+      <el-button type="primary" size="small" @click="getDataList('search')"
         >查询</el-button
       >
       <el-divider direction="vertical"></el-divider>
-      <el-button type="primary" size="small" plain @click="handleExport"
+      <el-button
+        type="primary"
+        size="small"
+        plain
+        @click="getDataList('export')"
         >导出</el-button
       >
     </el-form-item>
   </el-form>
 </template>
 <script>
+import moment from "moment";
 export default {
   name: "bmSearchBar",
   data() {
     return {
       form: {
-        type: 1,
-        dayTime: "",
-        weekTime: "",
-        monthTime: "",
-        yearTime: "",
-        factory: "",
+        type: 2,
+        dayTime: moment().format("yyyy-MM-DD"),
+        weekTime: moment().format("yyyy-MM-DD"),
+        monthTime: moment().format("yyyy-MM-DD"),
+        yearTime: moment().format("yyyy-MM-DD"),
+        factory: [],
       },
       typeList: [
-        { id: 1, name: "日" },
-        { id: 2, name: "周" },
-        { id: 3, name: "月" },
-        { id: 4, name: "年" },
+        { id: 0, name: "日" },
+        { id: 1, name: "周" },
+        { id: 2, name: "月" },
+        { id: 3, name: "年" },
       ],
       factoryList: [
-        { id: 1, name: "瑞昌" },
-        { id: 2, name: "邯郸" },
+        { id: 0, name: "瑞昌" },
+        { id: 1, name: "邯郸" },
       ],
     };
   },
   methods: {
-    getDataList() {
+    getDataList(val) {
       console.log(this.form);
-      this.$emit("getSearch", this.form);
-    },
-    handleExport() {
-      this.$emit("handleExport");
+      let params = {};
+      params.factory = this.form.factory;
+      switch (this.form.type) {
+        case 0:
+          params.startDate = this.form.dayTime;
+          break;
+        case 1:
+          params.startDate = this.form.weekTime;
+          break;
+        case 2:
+          params.startDate = this.form.monthTime;
+          break;
+        case 3:
+          params.startDate = this.form.yearTime;
+          break;
+        default:
+          break;
+      }
+      params.type = this.form.type;
+      if (val === "search") {
+        this.$emit("getSearch", params);
+      } else {
+        this.$emit("handleExport", params);
+      }
     },
   },
 };