|
|
@@ -21,7 +21,7 @@
|
|
|
<el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 240px" @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="用户类型" prop="userType">
|
|
|
- <el-select v-model="queryParams.status" placeholder="用户状态" clearable style="width: 240px">
|
|
|
+ <el-select v-model="queryParams.userType" placeholder="请选择用户类型" clearable style="width: 240px">
|
|
|
<el-option v-for="dict in user_type" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -79,7 +79,11 @@
|
|
|
<dict-tag :options="user_type" :value="scope.row.userType" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="考生类型" align="center" key="examType" prop="examType" />
|
|
|
+ <el-table-column label="考生类型" align="center" key="examType" v-if="columns.examType.visible">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :options="exam_type" :value="scope.row.examType" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="平台机构" align="center" key="deptName" prop="dept.deptName" v-if="columns.deptName.visible" :show-overflow-tooltip="true" />
|
|
|
<el-table-column label="代理商" align="center" key="deptName" prop="deptName" />
|
|
|
<el-table-column label="邀请码" align="center" key="inviteCode" prop="inviteCode" />
|
|
|
@@ -116,7 +120,7 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
|
|
+ <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="handlePagination" />
|
|
|
</el-col>
|
|
|
</pane>
|
|
|
</splitpanes>
|
|
|
@@ -244,7 +248,7 @@ import "splitpanes/dist/splitpanes.css"
|
|
|
const router = useRouter()
|
|
|
const appStore = useAppStore()
|
|
|
const { proxy } = getCurrentInstance()
|
|
|
-const { sys_normal_disable, sys_user_sex, user_type } = proxy.useDict("sys_normal_disable", "sys_user_sex", "user_type")
|
|
|
+const { sys_normal_disable, sys_user_sex, user_type, exam_type } = proxy.useDict("sys_normal_disable", "sys_user_sex", "user_type", "exam_type")
|
|
|
|
|
|
const userList = ref([])
|
|
|
const open = ref(false)
|
|
|
@@ -285,6 +289,7 @@ const columns = ref({
|
|
|
deptName: { label: '机构', visible: true },
|
|
|
phonenumber: { label: '手机号码', visible: true },
|
|
|
status: { label: '状态', visible: true },
|
|
|
+ examType: { label: '考生类型', visible: true },
|
|
|
createTime: { label: '创建时间', visible: true }
|
|
|
})
|
|
|
|
|
|
@@ -294,6 +299,7 @@ const data = reactive({
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
userName: undefined,
|
|
|
+ userType: undefined,
|
|
|
phonenumber: undefined,
|
|
|
status: undefined,
|
|
|
deptId: undefined
|
|
|
@@ -330,6 +336,13 @@ function getList() {
|
|
|
})
|
|
|
}
|
|
|
|
|
|
+/** 分页事件处理 */
|
|
|
+function handlePagination(pagination) {
|
|
|
+ queryParams.value.pageNum = pagination.page
|
|
|
+ queryParams.value.pageSize = pagination.limit
|
|
|
+ getList()
|
|
|
+}
|
|
|
+
|
|
|
/** 查询机构下拉树结构 */
|
|
|
function getDeptTree() {
|
|
|
deptTreeSelect().then(response => {
|
|
|
@@ -578,3 +591,42 @@ onMounted(() => {
|
|
|
})
|
|
|
})
|
|
|
</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+/* 确保 splitpanes 的 pane 可以滚动 */
|
|
|
+:deep(.splitpanes__pane) {
|
|
|
+ overflow: auto !important;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 确保 el-col 内容正常显示,不被遮挡 */
|
|
|
+:deep(.splitpanes__pane .el-col) {
|
|
|
+ padding: 0;
|
|
|
+ overflow: visible;
|
|
|
+}
|
|
|
+
|
|
|
+/* 确保表格容器可以正常显示滚动条 */
|
|
|
+.app-container {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.app-container .el-row {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.app-container .el-table {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 确保表格内容区域可以滚动 */
|
|
|
+:deep(.el-table__body-wrapper) {
|
|
|
+ overflow-x: auto !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 确保按钮区域有足够的空间,不被遮挡 */
|
|
|
+.mb8 {
|
|
|
+ margin-bottom: 8px;
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+</style>
|