feat:充值/扣款发票管理(按月)

src/views/hard/canteen-product-total/components/product-total-table-by-day.vue

@@ -152,6 +152,7 @@ const tableExpandChange = async (e: any) => {
     try {
         const { data } = await hardTotalApi.productTotalByDept({
             hourType: e.hourType,
+            createTimeType: '0',
             createTimeStr: parseTime(e.createTime, '{y}-{m}-{d}'),
         })
         if (data && data.length) {

src/views/hard/canteen-product-total/components/product-total-table-by-month.vue

@@ -152,7 +152,8 @@ const tableExpandChange = async (e: any) => {
     try {
         const { data } = await hardTotalApi.productTotalByDept({
             hourType: e.hourType,
-            createTimeStr: parseTime(e.createTime, '{y}-{m}-{d}'),
+            createTimeType: '1',
+            createTimeStr: parseTime(e.createTime, '{y}-{m}'),
         })
         if (data && data.length) {
             tableChildrenMap.value.set(e.uniqueCode, data)

src/views/hard/canteen-product-total/index.vue

@@ -14,10 +14,16 @@
 								<select-mch v-model="state.queryForm.merchantId"
 									:apiParams="{ parentIsNull: false, types: '1' }" />
 							</el-form-item>
-							<el-form-item style="width: 450px" label="创建时间" prop="createTimeList">
+							<el-form-item v-if="activeTab === 'DAY'" style="width: 450px" label="创建时间(天)"
+								prop="createTimeList">
 								<el-date-picker v-model="state.queryForm.createTimeList"
 									value-format="YYYY-MM-DD HH:mm:ss" type="daterange" />
 							</el-form-item>
+							<el-form-item v-if="activeTab === 'MONTH'" style="width: 450px" label="创建时间(年)"
+								prop="createTimeYearStr">
+								<el-date-picker value-format="YYYY" v-model="state.queryForm.createTimeYearStr"
+									type="year" />
+							</el-form-item>
 							<el-form-item>
 								<el-button icon="Search" type="primary" @click="search">
 									{{ $t("common.queryBtn") }}
@@ -28,8 +34,8 @@
 					</el-form>
 					<el-row class="flex">
 						<el-tabs class="flex-1" v-model="activeTab">
-							<el-tab-pane v-for="(v) in tabPane" :key="v.name" :label="v.label" :name="v.name">
-							</el-tab-pane>
+							<el-tab-pane v-for="(v) in tabPane" :key="v.name" :label="v.label" :name="v.name"
+								@tab-click="tabClick" />
 						</el-tabs>
 						<div class="mb8">
 							<right-toolbar :search="false" v-model:showSearch="showSearch"
@@ -48,6 +54,7 @@
 
 <script setup lang="ts" name="hard-sb">
 import { ElMessage } from "element-plus"
+import dayjs from "dayjs"
 
 import other from "/@/utils/other"
 import { formatDate } from '/@/utils/formatTime';
@@ -79,12 +86,14 @@ const tabPane = ref([
 ])
 const activeTab = ref("DAY")
 
+const defaultQueryForm = {
+	hourType: "",
+	merchantId: "",
+	createTimeList: [],
+	createTimeYearStr: dayjs().format("YYYY"),
+}
 const state = reactive<any>({
-	queryForm: {
-		hourType: "",
-		merchantId: "",
-		createTimeList: [],
-	}
+	queryForm: { ...defaultQueryForm }
 })
 
 watch(() => [activeTab.value, productTotalTableByDayRef.value, productTotalTableByMonthRef.value], () => {
@@ -126,7 +135,17 @@ const handleGetSelectNode = (curClickedNode: any, checkedTreeNodes: any, isDeepT
 	search()
 }
 
+const tabClick = () => {
+	cancel()
+}
+
 const search = () => {
+	if (activeTab.value === "DAY") {
+		state.queryForm.createTimeYearStr = ""
+	}
+	if (activeTab.value === "MONTH") {
+		state.queryForm.createTimeList = []
+	}
 	switch (activeTab.value) {
 		case "DAY":
 			productTotalTableByDayRef.value.doSearch(state.queryForm)
@@ -138,6 +157,7 @@ const search = () => {
 }
 
 const cancel = () => {
+	state.queryForm = { ...defaultQueryForm }
 	switch (activeTab.value) {
 		case "DAY":
 			productTotalTableByDayRef.value.doCancel(state.queryForm)