aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bugfix: 教育版管理员页面分页器消失

Browse Source
This commit is contained in:
zhangyahui
2026-01-15 10:38:53 +08:00
parent 3d202e32c2
commit cc0127f195
1 changed files with 534 additions and 519 deletions
Download Patch File Download Diff File Expand all files Collapse all files

443
src/component/Administrator/SE/allUser/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="admin_page">
<div class="admin_page all-user">
<div class="admin_table_search">
<div class="admin_state">
<div class="admin_state_item">
@@ -8,16 +8,11 @@
style="width: 230px"
class="range_picker"
v-model:value="rangePickerValue"
:placeholder="[
$t('HistoryPage.StartDate'),
$t('HistoryPage.EndDate'),
]"
:placeholder="[$t('HistoryPage.StartDate'), $t('HistoryPage.EndDate')]"
valueFormat="YYYY-MM-DD"
>
<template #suffixIcon>
<span
class="icon iconfont range_picker_icon icon-rili"
></span>
<span class="icon iconfont range_picker_icon icon-rili"></span>
</template>
</a-range-picker>
</div>
@@ -79,36 +74,43 @@
<div class="admin_search_item" @click="addhHistoryList">
{{ $t('admin.add') }}
</div>
<div class="admin_search_item" style="width: auto;padding: 0 2rem;" @click="downloadTemplate">
<div
class="admin_search_item"
style="width: auto; padding: 0 2rem"
@click="downloadTemplate"
>
{{ $t('admin.DownloadTemplate') }}
</div>
<div class="admin_search_item" style="width: auto;padding: 0 2rem;" @click="uploadTemplate">
<div
class="admin_search_item"
style="width: auto; padding: 0 2rem"
@click="uploadTemplate"
>
{{ $t('admin.UploadTemplate') }}
</div>
<div class="admin_search_item" style="width: auto;padding: 0 2rem;" @click="ExportAccountData">
<div
class="admin_search_item"
style="width: auto; padding: 0 2rem"
@click="ExportAccountData"
>
{{ $t('admin.ExportAccountData') }}
</div>
<div class="admin_search_item" style="width: auto;padding: 0 2rem;" @click="deleteList">
<div
class="admin_search_item"
style="width: auto; padding: 0 2rem"
@click="deleteList"
>
{{ $t('admin.Delete') }}
</div>
</div>
<div class="admin_state_list">
<div
class="admin_state_list_item"
@click="lastGeTrialList('year')"
>
<div class="admin_state_list_item" @click="lastGeTrialList('year')">
{{ $t('admin.NearlyAYear') }}
</div>
<div
class="admin_state_list_item"
@click="lastGeTrialList('month')"
>
<div class="admin_state_list_item" @click="lastGeTrialList('month')">
{{ $t('admin.LastMonth') }}
</div>
<div
class="admin_state_list_item"
@click="lastGeTrialList('week')"
>
<div class="admin_state_list_item" @click="lastGeTrialList('week')">
{{ $t('admin.LastWeek') }}
</div>
</div>
@@ -123,14 +125,14 @@
rowKey="id"
:scroll="{ y: historyTableHeight }"
@change="changePage"
:showSorterTooltip='false'
:showSorterTooltip="false"
:pagination="{
showSizeChanger: true,
current: currentPage,
pageSize: pageSize,
total: total,
showQuickJumper: true,
bordered: false,
bordered: false
}"
>
<template #bodyCell="{ column, text, record, index }">
@@ -138,14 +140,11 @@
<div
class="operate_item"
@click="setAagree(record)"
style="margin-right: 2rem;"
style="margin-right: 2rem"
>
{{ $t('admin.Edit') }}
</div>
<div
class="operate_item"
@click="deleteAagree(record)"
>
<div class="operate_item" @click="deleteAagree(record)">
{{ $t('admin.Delete') }}
</div>
<!-- <div
@@ -158,7 +157,10 @@
</template>
</a-table>
</div>
<allUserPoerationsVue ref="allUserPoerationsVue" @searchHistoryList="searchHistoryList"></allUserPoerationsVue>
<allUserPoerationsVue
ref="allUserPoerationsVue"
@searchHistoryList="searchHistoryList"
></allUserPoerationsVue>
</div>
</template>
<script lang="ts">
@@ -169,23 +171,23 @@ import {
computed,
reactive,
toRefs,
onMounted,
} from "vue";
import { formatTime } from "@/tool/util";
import { useStore } from "vuex";
import { Https } from "@/tool/https";
import { Modal,message } from 'ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import allUserPoerationsVue from "./addAllUser.vue";
onMounted
} from 'vue'
import { formatTime } from '@/tool/util'
import { useStore } from 'vuex'
import { Https } from '@/tool/https'
import { Modal, message } from 'ant-design-vue'
import { ExclamationCircleOutlined } from '@ant-design/icons-vue'
import allUserPoerationsVue from './addAllUser.vue'
import { useI18n } from 'vue-i18n'
export default defineComponent({
components: {allUserPoerationsVue,},
components: { allUserPoerationsVue },
setup() {
const store: any = useStore()
const selectedRowKeys = ref([]) as any;
const selectedRowKeys = ref([]) as any
const onSelectChange = (changableRowKeys: string[]) => {
selectedRowKeys.value = changableRowKeys;
};
selectedRowKeys.value = changableRowKeys
}
let filter: any = reactive({
dataList: [],
tableLoading: false,
@@ -196,10 +198,10 @@ export default defineComponent({
rowSelection: computed(() => {
return {
selectedRowKeys: unref(selectedRowKeys),
onChange: onSelectChange,
onChange: onSelectChange
}
})
});
})
const { t } = useI18n()
let filterData: any = reactive({
@@ -207,42 +209,42 @@ export default defineComponent({
currentPage: 1,
pageSize: 10,
total: 0,
country: "",
email: "",
userType: "",
country: '',
email: '',
userType: '',
ids: [],
occupation: "",
systemUser: "",
order: "", //'Ascending 升序 Descending 降序'
occupation: '',
systemUser: '',
order: '', //'Ascending 升序 Descending 降序'
orderBy: '',
userName: "",
});
userName: ''
})
let renameData: any = ref({}); //修改名字选中的数据
let renameData: any = ref({}) //修改名字选中的数据
const columns: any = computed(() => {
return [
{
title: t("admin.UserId"),
align: "center",
dataIndex: "id",
key: "id",
title: t('admin.UserId'),
align: 'center',
dataIndex: 'id',
key: 'id',
width: 100,
fixed: "left",
sorter: true,
fixed: 'left',
sorter: true
},
{
title: t("admin.Email"),
align: "center",
dataIndex: "userEmail",
key: "userEmail",
title: t('admin.Email'),
align: 'center',
dataIndex: 'userEmail',
key: 'userEmail',
width: 200,
ellipsis: true
},
{
title: t("admin.UserName"),
align: "center",
dataIndex: "userName",
key: "userName",
title: t('admin.UserName'),
align: 'center',
dataIndex: 'userName',
key: 'userName',
width: 150,
ellipsis: true
// customRender: (record: any) => {
@@ -254,112 +256,112 @@ export default defineComponent({
// },
},
{
title: t("admin.language"),
align: "center",
dataIndex: "language",
key: "language",
title: t('admin.language'),
align: 'center',
dataIndex: 'language',
key: 'language',
width: 100,
ellipsis: true,
customRender: (record: any) => {
return t(`admin.${record.text}`);
},
return t(`admin.${record.text}`)
}
},
{
title: t("admin.CreateDate"),
align: "center",
dataIndex: "createDate",
key: "createDate",
title: t('admin.CreateDate'),
align: 'center',
dataIndex: 'createDate',
key: 'createDate',
width: 200,
sorter: true,
sorter: true
},
{
title: t("admin.Credits"),
align: "center",
title: t('admin.Credits'),
align: 'center',
// width: 150,
// minWidth: 100,
// maxWidth: 200,
// resizable: true,
dataIndex: "credits",
key: "credits",
dataIndex: 'credits',
key: 'credits',
width: 100,
sorter: true,
sorter: true
},
{
title: t("admin.CreditsUsage"),
align: "center",
dataIndex: "creditsUsage",
key: "creditsUsage",
title: t('admin.CreditsUsage'),
align: 'center',
dataIndex: 'creditsUsage',
key: 'creditsUsage',
width: 150,
sorter: true,
sorter: true
},
{
title: t("admin.CreditsUsageLimit"),
align: "center",
dataIndex: "creditsUsageLimit",
key: "creditsUsageLimit",
title: t('admin.CreditsUsageLimit'),
align: 'center',
dataIndex: 'creditsUsageLimit',
key: 'creditsUsageLimit',
width: 200,
sorter: true,
sorter: true
},
{
title: t("admin.Operations"),
key: "operation",
title: t('admin.Operations'),
key: 'operation',
width: 120,
align: "center",
fixed: "right",
align: 'center',
fixed: 'right',
// slots:{customRender:'action'}
Operations: true,
},
];
});
Operations: true
}
]
})
//改变页码
let changePage = (e: any, filters: any, sorter: any) => {
filterData.currentPage = e.current;
filterData.pageSize = e.pageSize;
filterData.currentPage = e.current
filterData.pageSize = e.pageSize
if (sorter.order) {
if (sorter.columnKey == 'id') {
filterData.orderBy = 'id'
}else if(sorter.columnKey == "createDate"){
} else if (sorter.columnKey == 'createDate') {
filterData.orderBy = 'time'
}else if(sorter.columnKey == "credits"){
} else if (sorter.columnKey == 'credits') {
filterData.orderBy = 'credits'
}
}
if (sorter.order) {
filterData.order = sorter.order == "descend" ? "Descending" : "Ascending";
filterData.order = sorter.order == 'descend' ? 'Descending' : 'Ascending'
} else {
filterData.order = ''
}
gettrialList();
};
gettrialList()
}
//查询列表
let searchHistoryList = () => {
filterData.currentPage = 1;
gettrialList();
};
filterData.currentPage = 1
gettrialList()
}
let clearHistoryList = () => {
filterData.rangePickerValue = [],
filterData.currentPage = 1,
filterData.pageSize = 10,
filterData.total = 0,
filterData.country = "",
filterData.email = "",
filterData.userType = "",
filterData.ids = [],
filterData.occupation = "",
filterData.order = "", //'Ascending 升序 Descending 降序'
filterData.orderBy = "", //'Ascending 升序 Descending 降序'
filterData.systemUser = "",
filterData.userName = "";
};
;(filterData.rangePickerValue = []),
(filterData.currentPage = 1),
(filterData.pageSize = 10),
(filterData.total = 0),
(filterData.country = ''),
(filterData.email = ''),
(filterData.userType = ''),
(filterData.ids = []),
(filterData.occupation = ''),
(filterData.order = ''), //'Ascending 升序 Descending 降序'
(filterData.orderBy = ''), //'Ascending 升序 Descending 降序'
(filterData.systemUser = ''),
(filterData.userName = '')
}
let setHistoryListData = () => {
let startDate: any = filterData.rangePickerValue?.[0]
? filterData.rangePickerValue[0] + " " + "00:00:00"
: "";
? filterData.rangePickerValue[0] + ' ' + '00:00:00'
: ''
let endDate: any = filterData.rangePickerValue?.[1]
? filterData.rangePickerValue[1] + " " + "23:59:59"
: "";
? filterData.rangePickerValue[1] + ' ' + '23:59:59'
: ''
let data = {
endTime: endDate,
startTime: startDate,
@@ -374,101 +376,107 @@ export default defineComponent({
order: filterData.order,
orderBy: filterData.orderBy,
// userName: filterData.userName,
userName: filterData.ids,
};
return data;
};
userName: filterData.ids
}
return data
}
//获取列表
let gettrialList = () => {
filter.tableLoading = true;
let data = setHistoryListData();
Https.axiosPost(Https.httpUrls.subAccountList, data).then(
(rv: any) => {
filter.tableLoading = true
let data = setHistoryListData()
Https.axiosPost(Https.httpUrls.subAccountList, data).then((rv: any) => {
if (rv) {
console.log(rv)
// this.dataList = rv
filter.dataList = rv.content;
filterData.total = rv.total;
filter.tableLoading = false;
filter.dataList = rv.content
filterData.total = rv.total
filter.tableLoading = false
// this.workspaceItem.position = this.singleTypeList[0].label
}
})
}
);
};
let lastGeTrialList = (str: string) => {
clearHistoryList();
let currentDate = new Date();
let currentTimestamp = Math.floor(currentDate.getTime() / 1000);
clearHistoryList()
let currentDate = new Date()
let currentTimestamp = Math.floor(currentDate.getTime() / 1000)
// 计算30天前的时间戳
let thirtyDaysAgoTimestamp;
if (str == "year") {
thirtyDaysAgoTimestamp = currentTimestamp - 360 * 24 * 60 * 60;
} else if (str == "month") {
thirtyDaysAgoTimestamp = currentTimestamp - 30 * 24 * 60 * 60;
} else if (str == "week") {
thirtyDaysAgoTimestamp = currentTimestamp - 7 * 24 * 60 * 60;
let thirtyDaysAgoTimestamp
if (str == 'year') {
thirtyDaysAgoTimestamp = currentTimestamp - 360 * 24 * 60 * 60
} else if (str == 'month') {
thirtyDaysAgoTimestamp = currentTimestamp - 30 * 24 * 60 * 60
} else if (str == 'week') {
thirtyDaysAgoTimestamp = currentTimestamp - 7 * 24 * 60 * 60
}
filterData.rangePickerValue[0] = formatTime(thirtyDaysAgoTimestamp, 'YYYY-MM-DD')
gettrialList()
}
filterData.rangePickerValue[0] = formatTime(
thirtyDaysAgoTimestamp,
"YYYY-MM-DD"
);
gettrialList();
};
let filterOption = (input: any, option: any) => {
// 使用 option.label 进行搜索
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
};
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
}
let addhHistoryList = () => {
allUserPoerationsVue.value.init({ value: 'Add', label: t('admin.add') }, '')
};
}
let allUserPoerationsVue = ref()
let setAagree = (data: any) => {
allUserPoerationsVue.value.init({ value: 'Edit', label: t('admin.Edit') }, data)
}
const downloadTemplate = () => {
Https.axiosGet(Https.httpUrls.subAccountImportExcelDownload,{responseType: 'blob',env:{binary:true}}).then((rv:any)=>{
const link = document.createElement('a');
link.href = rv.url;
link.download = 'file.xlsx'; // 设置正确的文件扩展名
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
Https.axiosGet(Https.httpUrls.subAccountImportExcelDownload, {
responseType: 'blob',
env: { binary: true }
}).then((rv: any) => {
const link = document.createElement('a')
link.href = rv.url
link.download = 'file.xlsx' // 设置正确的文件扩展名
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
// 释放 URL 对象
URL.revokeObjectURL(link.href);
URL.revokeObjectURL(link.href)
})
}
const ExportAccountData = () => {
Https.axiosGet(Https.httpUrls.exportAccountsToExcel,{headers:{responseType: 'blob',},env:{binary:true,binaryType:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'}}).then((rv:any)=>{
const link = document.createElement('a');
link.href = rv.url;
link.download = 'file.xlsx'; // 设置正确的文件扩展名
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
Https.axiosGet(Https.httpUrls.exportAccountsToExcel, {
headers: { responseType: 'blob' },
env: {
binary: true,
binaryType:
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'
}
}).then((rv: any) => {
const link = document.createElement('a')
link.href = rv.url
link.download = 'file.xlsx' // 设置正确的文件扩展名
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
// 释放 URL 对象
URL.revokeObjectURL(link.href);
URL.revokeObjectURL(link.href)
})
}
const uploadTemplate = () => {
const fileInput = document.createElement('input');
fileInput.type = 'file';
fileInput.accept = '.xlsx'; // 只接受 .xlsx 文件
const fileInput = document.createElement('input')
fileInput.type = 'file'
fileInput.accept = '.xlsx' // 只接受 .xlsx 文件
fileInput.onchange = (event: any) => {
const file = event.target.files[0]; // 获取选择的文件
const file = event.target.files[0] // 获取选择的文件
if (file) {
let param = new FormData();
param.append('file',file);
let config:any = {headers:{'Content-Type':'multipart/form-data','Accept':'*/*' }}
Https.axiosPost(Https.httpUrls.subAccountImport,param,config)
.then((rv:any)=>{
gettrialList();
})
let param = new FormData()
param.append('file', file)
let config: any = {
headers: { 'Content-Type': 'multipart/form-data', 'Accept': '*/*' }
}
};
fileInput.click();
Https.axiosPost(Https.httpUrls.subAccountImport, param, config).then(
(rv: any) => {
gettrialList()
}
)
}
}
fileInput.click()
}
const confirmDelete = () => {
return new Promise<void>((resolve, reject) => {
@@ -484,7 +492,7 @@ export default defineComponent({
onCancel() {
resolve(false)
}
});
})
})
}
const deleteList = async () => {
@@ -494,9 +502,10 @@ export default defineComponent({
if (!boolean) {
return
}
Https.axiosPost(Https.httpUrls.deleteSubAccount,{deleteIdList:selectedRowKeys.value})
.then((rv:any)=>{
gettrialList();
Https.axiosPost(Https.httpUrls.deleteSubAccount, {
deleteIdList: selectedRowKeys.value
}).then((rv: any) => {
gettrialList()
})
}
const deleteAagree = async (event: any) => {
@@ -507,18 +516,17 @@ export default defineComponent({
const value = {
deleteIdList: [event.id]
}
Https.axiosPost(Https.httpUrls.deleteSubAccount,value)
.then((rv:any)=>{
gettrialList();
Https.axiosPost(Https.httpUrls.deleteSubAccount, value).then((rv: any) => {
gettrialList()
})
}
onMounted(() => {
let allCountry: any = sessionStorage.getItem("allCountry");
let allCountry: any = sessionStorage.getItem('allCountry')
if (allCountry) {
filter.allCountry = JSON.parse(allCountry);
filter.allCountry = JSON.parse(allCountry)
}
gettrialList();
});
gettrialList()
})
return {
...toRefs(filter),
...toRefs(filterData),
@@ -536,23 +544,23 @@ export default defineComponent({
ExportAccountData,
uploadTemplate,
deleteList,
deleteAagree,
};
deleteAagree
}
},
data() {
return {
historyTableHeight: 0,
handleResizeColumn: (w: any, col: any) => {
col.width = w;
},
};
col.width = w
}
}
},
mounted() {
let historyTable: any = this.$refs.historyTable;
this.historyTableHeight = historyTable.clientHeight - 200;
let historyTable: any = this.$refs.historyTable
this.historyTableHeight = historyTable.clientHeight - 200
},
methods: {},
});
methods: {}
})
</script>
<style lang="less" scoped>
.admin_page .admin_table_search .admin_state {
@@ -570,4 +578,11 @@ export default defineComponent({
font-size: 1.6rem;
}
}
.all-user {
.admin_table_content {
:deep(.ant-table-wrapper) {
overflow: hidden ;
}
}
}
</style>