修复颜色页面bug

This commit is contained in:
X1627315083
2024-08-06 10:05:50 +08:00
parent 12ea743827
commit ffa1da742f
11 changed files with 185 additions and 108 deletions

View File

@@ -25,7 +25,7 @@
</div>
<div class="admin_state_item">
<span>Type:</span>
<a-select v-model:value="userType" size="large" style="width:280px" optionFilterProp="label" :options="state" placeholder="Please select" allowClear show-search></a-select>
<a-select v-model:value="systemUser" size="large" style="width:280px" optionFilterProp="label" :options="state" placeholder="Please select" allowClear show-search></a-select>
</div>
</div>
<div class="admin_search">
@@ -46,6 +46,7 @@
:data-source="dataList"
:scroll="{ y: historyTableHeight }"
@change="changePage"
:showSorterTooltip='false'
:pagination="{
showSizeChanger: true,
current: currentPage,
@@ -76,7 +77,9 @@ export default defineComponent({
currentPage: 1,
pageSize: 10,
total: 0,
userType:'',
systemUser:'',
order: "", //'Ascending 升序 Descending 降序'
orderBy:'',
})
let state:any = ref([
{
@@ -103,27 +106,30 @@ export default defineComponent({
let renameData: any = ref({}); //修改名字选中的数据
const columns: any = computed(() => {
return [
{
title: 'User Id',
{
title: "User Id",
align: "center",
ellipsis: true,
dataIndex: "id",
key: "id",
fixed: 'left'
width:100,
fixed: "left",
sorter: true,
},
{
title: 'Email',
title: "Email",
align: "center",
ellipsis: true,
dataIndex: "userEmail",
key: "userEmail",
width:200,
ellipsis:true
},
{
title: 'User Name',
{
title: "User Name",
align: "center",
ellipsis: 200,
dataIndex: "userName",
key: "userName",
width:150,
ellipsis:true
// customRender: (record: any) => {
// let time = formatTime(
// record.text / 1000,
@@ -132,109 +138,125 @@ export default defineComponent({
// return time;
// },
},
{
title: 'language',
{
title: "language",
align: "center",
ellipsis: true,
dataIndex: "language",
key: "language",
width:100,
ellipsis:true,
},
{
title: 'Valid Start Time',
title: "Valid Start Time",
align: "center",
ellipsis: true,
dataIndex: "validstartTime",
key: "validstartTime",
width:200,
ellipsis:true
},
{
title: 'Valid End Time',
{
title: "Valid End Time",
align: "center",
ellipsis: true,
dataIndex: "validendTime",
key: "validendTime",
width:200,
ellipsis:true
},
{
title: 'Country',
{
title: "Country",
align: "center",
ellipsis: true,
dataIndex: "country",
key: "country",
width:100,
},
{
title: 'Create Date',
{
title: "Create Date",
align: "center",
ellipsis: true,
dataIndex: "createDate",
key: "createDate",
width:200,
sorter: true,
},
{
title: 'Is Beginner',
{
title: "Is Beginner",
align: "center",
ellipsis: true,
dataIndex: "isBeginner",
key: "isBeginner",
customRender: (record: any) => {
let str
if(record.value == 1){
str ='Yes'
}else{
str ='No'
}
width:80,
ellipsis:true,
customRender: (record: any) => {
let str;
if (record.value == 1) {
str = "Yes";
} else {
str = "No";
}
return str;
},
},
{
{
title: 'Machine Room Ip',
align: "center",
ellipsis: true,
dataIndex: "browserIdentifiers",
key: "browserIdentifiers",
width:200,
sorter: true,
},
{
title: 'Credits',
{
title: "Credits",
align: "center",
ellipsis: true,
// width: 150,
// minWidth: 100,
// maxWidth: 200,
// resizable: true,
// width: 150,
// minWidth: 100,
// maxWidth: 200,
// resizable: true,
dataIndex: "credits",
key: "credits",
width:100,
sorter: true,
},
{
{
title: 'User Type',
align: "center",
ellipsis: true,
// width: 150,
// minWidth: 100,
// maxWidth: 200,
// resizable: true,
// width: 150,
// minWidth: 100,
// maxWidth: 200,
// resizable: true,
dataIndex: "systemUser",
key: "systemUser",
customRender: (record: any) => {
let str
if(record.value == 0){
str ='visitor'
}else if(record.value == 1){
str ='yearly'
}else if(record.value == 2){
str ='monthly'
}else if(record.value == 3){
str ='trial'
}else if(record.value == 4){
str ='userInEvent'
}
width:100,
customRender: (record: any) => {
let str;
if (record.value == 0) {
str = "visitor";
} else if (record.value == 1) {
str = "yearly";
} else if (record.value == 2) {
str = "monthly";
} else if (record.value == 3) {
str = "trial";
} else if (record.value == 4) {
str = "userInEvent";
}
return str;
},
},
];
});
//改变页码
let changePage = (e: any) => {
let changePage = (e: any, filters:any, sorter:any) => {
filterData.currentPage = e.current;
filterData.pageSize = e.pageSize;
// gettrialList();
if(sorter.order){
if(sorter.columnKey == 'id'){
filterData.orderBy = 'id'
}else if(sorter.columnKey == "createDate"){
filterData.orderBy = 'time'
}else if(sorter.columnKey == "credits"){
filterData.orderBy = 'credits'
}
}
filterData.order = sorter.order == "descend" ? "Descending" : "Ascending";
gettrialList();
}
//查询列表
@@ -257,9 +279,11 @@ export default defineComponent({
startTime:startDate,
size:filterData.pageSize,
page:filterData.currentPage,
userType:filterData.userType,
systemUser:filterData.systemUser,
order: filterData.order,
orderBy: filterData.orderBy,
}
Https.axiosGet(Https.httpUrls.recentNewUser,{params:data}).then((rv: any) => {
Https.axiosPost(Https.httpUrls.recentNewUser,data).then((rv: any) => {
if (rv) {
// this.dataList = rv
filter.dataList = rv.records