feat:人员调动tab

src/views/admin/system/sys-user-transaction/index.vue

@@ -48,14 +48,19 @@
 					>
 						删除
 					</el-button>
-					<right-toolbar
-						v-model:showSearch="showSearch"
-						:export="'admin_sysUserTransaction_export'"
-						@exportExcel="exportExcel"
-						class="ml10 mr20"
-						style="float: right"
-						@queryTable="getDataList"
-					></right-toolbar>
+					<div class="flex justify-between items-center">
+						<el-tabs class="flex-1" v-model="activeName" @tab-click="handleClickTabItem">
+							<el-tab-pane v-for="v in tabItems" :key="v.id" :label="v.label" :name="v.value" />
+						</el-tabs>
+						<right-toolbar
+							v-model:showSearch="showSearch"
+							:export="'admin_sysUserTransaction_export'"
+							@exportExcel="exportExcel"
+							class="ml10 mr20"
+							style="float: right"
+							@queryTable="getDataList"
+						/>
+					</div>
 				</div>
 			</el-row>
 			<el-table
@@ -154,6 +159,7 @@
 import { BasicTableProps, useTable } from "/@/hooks/table"
 import * as sysUserTransactionApi from "/@/api/admin/sys-user-transaction"
 import { useMessage, useMessageBox } from "/@/hooks/message"
+import { getDicts } from "/@/api/admin/dict"
 import { useDict } from "/@/hooks/dict"
 
 // 引入组件
@@ -170,6 +176,8 @@ const showSearch = ref(true)
 const selectObjs = ref([]) as any
 const multiple = ref(true)
 const processDrawerRef = ref()
+const activeName = ref()
+const tabItems = ref<any>([{}])
 const batchDealRef = ref()
 
 const state: BasicTableProps = reactive<BasicTableProps>({
@@ -191,6 +199,12 @@ const taskSubmitEvent = () => {
 	getDataList()
 }
 
+// tab点击切换
+const handleClickTabItem = (e: any) => {
+	state.queryForm.processStatus = tabItems.value[e.index].value
+	getDataList()
+}
+
 // 清空搜索条件
 const resetQuery = () => {
 	// 清空搜索条件
@@ -227,4 +241,10 @@ const handleDelete = async (ids: string[]) => {
 		useMessage().error(err.msg)
 	}
 }
+
+onMounted(async () => {
+	const { data } = await getDicts("check_status")
+	data.unshift({ label: "全部", value: null })
+	tabItems.value = data
+})
 </script>