用户个人信息没有国家和职业弹窗绑定

src/component/Administrator/Transaction/TransactionTable.vue

@@ -31,7 +31,20 @@
                         :filter-option="filterOption"
                         placeholder="Select Item..."
                         max-tag-count="responsive"
-                        :options="allCountry"
+                        :options="countryList"
+                    ></a-select>
+                </div>
+				<div class="admin_state_item">
+                    <span>City:</span>
+					<a-select
+                        v-model:value="city"
+						:allowClear="true"
+						show-search
+                        style="width: 250px"
+                        :filter-option="filterOption"
+                        placeholder="Select Item..."
+                        max-tag-count="responsive"
+                        :options="cityList"
                     ></a-select>
                 </div>
                 <div class="admin_state_item">
@@ -131,13 +144,13 @@
             >
 				<template #bodyCell="{ column, text, record, index }">
                     <div class="operate_list" v-if="column?.Operations">
-						<div :class="{success:record.status == 'Success'}">
+						<div v-if="record.status == 'Success'" :class="{success:record.status == 'Success'}">
 							<i class="fi fi-ss-check-circle"></i>{{ record.status }}
 						</div>
-						<div :class="{pending:record.status == 'Pending'}">
+						<div v-if="record.status == 'Pending'" :class="{pending:record.status == 'Pending'}">
 							<i class="fi fi-br-hourglass-end"></i>{{ record.status }}
 						</div>
-						<div :class="{fail:record.status == 'Fail'}">
+						<div v-if="record.status == 'Fail'" :class="{fail:record.status == 'Fail'}">
 							<i class="fi fi-ss-cross-circle"></i>{{ record.status }}
 						</div>
                     </div>
@@ -166,7 +179,13 @@ export default defineComponent({
         let filter: any = reactive({
             dataList: [],
             tableLoading: false,
-			allCountry:[]
+			allCountry:[],
+			cityList: computed(()=>{
+				return store.state.adminPage.city
+			}),
+			countryList: computed(()=>{
+				return store.state.adminPage.country
+			}),
         });
         let filterData: any = reactive({
             rangePickerValue: [],
@@ -174,6 +193,7 @@ export default defineComponent({
             pageSize: 10,
             total: 0,
             country: "",
+			city:"",
             payerTotal: "",
             platform: "",
             order: "", //'Ascending  升序 Descending 降序'
@@ -365,7 +385,7 @@ export default defineComponent({
 					filterData.orderBy = 'credits'
 				}
 			}
-			filterData.order = sorter.order == "descend" ? "Descending" : "Ascending";
+			filterData.order = sorter.order == "descend" ? "DESC" : "ASC";
 
             gettrialList();
         };
@@ -380,6 +400,7 @@ export default defineComponent({
 			filterData.currentPage = 1,
 			filterData.pageSize = 10,
 			filterData.total = 0,
+			filterData.city = "",
 			filterData.country = "",
 			filterData.payerTotal = ""
 			filterData.order = "" //'Ascending  升序 Descending 降序'
@@ -398,8 +419,7 @@ export default defineComponent({
             let data = {
                 order: filterData.order,
                 orderBy: filterData.orderBy,
-				
-				"city": "",
+				"city": filterData.city,
 				"country": filterData.country,
                 startTime: startDate,
                 endTime: endDate,