修复颜色页面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

@@ -187,17 +187,21 @@ export default defineComponent({
value: "",
},
{
label: "visitor",
value: "1",
},
{
label: "trial",
value: "2",
},
{
label: "official",
value: "3",
},
label:'visitor',
value:'0',
},
{
label:'yearly',
value:'1',
},
{
label:'monthly',
value:'2',
},
{
label:'trial',
value:'3',
},
{
label: "userInEvent",
value: "4",

View File

@@ -21,7 +21,7 @@
</div>
<div class="allUserPoeration_center admin_page">
<div class="admin_state_item">
<span style="width: 100px;">User Name:</span>
<span>User Name:</span>
<input
:readonly="title != 'Add'"
:class="{active:title != 'Add'}"
@@ -32,7 +32,7 @@
/>
</div>
<div class="admin_state_item">
<span style="width: 100px;">User Email:</span>
<span>User Email:</span>
<input
:readonly="title != 'Add'"
:class="{active:title != 'Add'}"
@@ -43,7 +43,7 @@
/>
</div>
<div class="admin_state_item">
<span style="width: 100px;">Create Time:</span>
<span>Create Time:</span>
<a-date-picker :disabled="title != 'Add'" style="width: 250px" valueFormat="YYYY-MM-DDTHH:mm:ss" class="range_picker" show-time placeholder="Create Time" v-model:value="validStartTime">
<template #suffixIcon>
<span
@@ -53,7 +53,7 @@
</a-date-picker>
</div>
<div class="admin_state_item">
<span style="width: 100px;">End Time:</span>
<span>End Time:</span>
<a-date-picker style="width: 250px" valueFormat="YYYY-MM-DDTHH:mm:ss" class="range_picker" show-time placeholder="End Time" v-model:value="validEndTime">
<template #suffixIcon>
<span
@@ -63,7 +63,7 @@
</a-date-picker>
</div>
<div class="admin_state_item">
<span style="width: 100px;">User Type:</span>
<span>User Type:</span>
<a-select
v-model:value="systemUser"
size="large"
@@ -76,7 +76,7 @@
></a-select>
</div>
<div class="admin_state_item">
<span style="width: 100px;">Credits:</span>
<span>Credits:</span>
<input
v-model="credits"
placeholder="Please enter credits"
@@ -86,7 +86,7 @@
</div>
<div class="admin_state_item">
<span style="width: 100px;">Country:</span>
<span>Country:</span>
<input
:readonly="title != 'Add'"
:class="{active:title != 'Add'}"
@@ -190,9 +190,14 @@ export default defineComponent({
}
let setTime = (time) =>{
const date = new Date(time);
const timestamp = date.getTime(); // 转换为秒数
return timestamp
if(time){
const date = new Date(time);
const timestamp = date.getTime(); // 转换为秒数
return timestamp
}else{
return ''
}
}
let setAddData = ()=>{
setTime(operationsData.validStartTime)
@@ -296,7 +301,9 @@ export default defineComponent({
}
.allUserPoeration_center{
height: 85%;
overflow-y: auto
overflow-y: auto;
flex-direction: row;
flex-wrap: wrap;
}
}
</style>

View File

@@ -73,6 +73,8 @@ export default defineComponent({
currentPage: 1,
pageSize: 10,
total: 0,
order: "", //'Ascending 升序 Descending 降序'
orderBy:'',
})
let renameData: any = ref({}); //修改名字选中的数据
const columns: any = computed(() => {
@@ -215,10 +217,20 @@ export default defineComponent({
];
});
//改变页码
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();
}
//查询列表
@@ -241,8 +253,10 @@ export default defineComponent({
startTime:startDate,
size:filterData.pageSize,
page:filterData.currentPage,
order: filterData.order,
orderBy: filterData.orderBy,
}
Https.axiosGet(Https.httpUrls.recentActiveUser,{params:data}).then((rv: any) => {
Https.axiosPost(Https.httpUrls.recentActiveUser,data).then((rv: any) => {
if (rv) {
// this.dataList = rv
filter.dataList = rv.records

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