feat: 修改报表导出按钮

guzijian
1 parent b5257a9a
Showing 1 changed file with 40 additions and 9 deletions
src/views/report/sign/index.vue
@@ -28,8 +28,8 @@
           <el-button type="primary" @click="onQuery">查询</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="onExport(1)">导出当前日期</el-button>
-          <el-button type="primary" @click="onExport(2)">导出当月</el-button>
+          <el-button type="primary" @click="onExportDateType('date')">按天导出</el-button>
+          <el-button type="primary" @click="onExportDateType('month')">按月导出</el-button>
         </el-form-item>
         <el-form-item>
@@ -114,6 +114,16 @@
         <el-table-column label="原因" align="center" fixed="right" prop="remark" width="300" />
       </el-table>
     </el-dialog>
+    <el-dialog title="请选择导出日期" v-model="openDateFlag" width="1080px" append-to-body>
+      <el-form>
+        <el-form-item label="日期">
+          <el-date-picker v-model="exportDate" :format="exportFormat == 'month' ? 'YYYY-MM' : 'YYYY-MM-DD'"
+            :value-format="exportFormat == 'month' ? 'YYYY-MM' : 'YYYY-MM-DD'" :type="exportFormat"
+            placeholder="选择重新生成月份" />
+        </el-form-item>
+      </el-form>
+      <el-button type="primary" @click="onExport()">导出</el-button>
+    </el-dialog>
   </div>
 </template>
@@ -137,8 +147,9 @@ const total = ref(0); //总条目数
 const pageSizes = [5, 10, 20, 50]; //每页显示多少条
 const tableData = ref([]) // 表格数据
 const currentPage = ref(1) // 当前页
-let timer = ref();
-
+const exportDate = ref()
+const exportFormat = ref("date")
+const openDateFlag = ref(false)
 const rules = ref({
   date: [
@@ -234,17 +245,37 @@ const reset = () =&gt; {
   detailList.value = [];
 }
 // 导出
-const onExport = (val) => {
+const onExport = () => {
   // exportReportList({}).then((res) => {
   //   console.log(res)
   // } ,`in_${new Date().getTime()}.xlsx`);
   // console.log("导出");
-  let namePre = val == 1 ? fromParams.value.date : moment(fromParams.value.date).format("YYYY-MM")
+  if (!exportDate.value) {
+    proxy.$message({
+      message: '请选择日期',
+      type: 'warning'
+    })
+    return
+  }
+  let namePre = exportFormat.value === 'date' ? exportDate.value : exportDate.value + '-01';
+  console.log(namePre);
   proxy.download('report/export', {
     ids: ids.value,
-    date: fromParams.value.date,
-    exportFlag: val
-  }, `${namePre}签到报表.xlsx`)
+    date: namePre,
+    exportFlag: exportFormat.value === 'date' ? 1 : 2
+  }, `${exportDate.value}签到报表.xlsx`)
+    .then(res => {
+      proxy.$message({
+        message: '导出成功',
+        type: 'success'
+      })
+    })
+}
+
+const onExportDateType = (val) => {
+  openDateFlag.value = true
+  exportFormat.value = val
+  exportDate.value = ''
 }
 </script>