creat：生成code

2025-01-03 16:19:36 +08:00
1 parent 18fa9d18a4
commit 08b193fe7b
@@ -0,0 +1,72 @@
+<template>
+    <el-dialog title="使用情况" width="60%" v-model="visible" :close-on-click-modal="false" draggable>
+        <el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
+            <el-row :gutter="24">
+                <el-col :span="6">
+                    <el-form-item class="w100" label="是否使用" prop="status">
+                        <dict-select v-model="state.queryForm.status" dict-code="yes_no_type" placeholder="是否使用"
+                            clearable />
+                    </el-form-item>
+                </el-col>
+                <el-form-item>
+                    <el-button icon="Search" type="primary" @click="getDataList">
+                        {{ $t('common.queryBtn') }}</el-button>
+                    <el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
+                </el-form-item>
+            </el-row>
+        </el-form>
+        <el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
+            :header-cell-style="tableStyle.headerCellStyle" @sort-change="sortChangeHandle">
+            <el-table-column type="index" label="#" width="100" />
+            <el-table-column prop="username" label="申请人" />
+            <el-table-column prop="status" label="是否使用">
+                <template #default="{ row }">
+                    <dict-tag :options="yes_no_type" :value="row.status" />
+                </template>
+            </el-table-column>
+            <el-table-column prop="useTime" label="使用时间" />
+        </el-table>
+        <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="visible = false">取消</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup lang="ts" name="code-use-table">
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { codeList } from "/@/api/wallet/wallet-stride";
+import { useDict } from '/@/hooks/dict';
+// 定义变量内容
+const visible = ref(false)
+const loading = ref(false)
+const queryRef = ref()
+// 定义查询字典
+const { check_status, yes_no_type } = useDict('check_status', 'yes_no_type');
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {},
+    pageList: codeList
+})
+//  table hook
+const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } = useTable(state)
+// 打开弹窗
+const openDialog = (id: string) => {
+    visible.value = true
+    state.queryForm.id = ''
+    // 获取walletStride信息
+    if (id) {
+        state.queryForm.id = id
+        getDataList()
+    }
+};
+// 清空搜索条件
+const resetQuery = () => {
+    // 清空搜索条件
+    queryRef.value?.resetFields()
+    getDataList()
+}
+// 暴露变量
+defineExpose({ openDialog });
+</script>