新增主播排序

src/locales/en.ts

@@ -484,6 +484,8 @@ export default {
     hostsKind: 'Host Type',
     placeHostsKind: 'Please enter live type, e.g., game',
     isAssigned: 'Assigned',
+    sortType:'Sort Type',
+    sortName:'Sort Name',
     placeIsAssigned: 'Please select assignment status',
     createTime: 'Created Time',
     invitationType: 'Invitation Type',
@@ -573,4 +575,12 @@ export default {
     middle_east: 'Middle East',
     spain: 'Spain'
   },
+  sortType: {
+    creationTime: 'Creation Time',
+    hostsCoins: 'Host Coins',
+    fans: 'Fans',
+    yesterdayCoins: 'Yesterday Coins',
+    onlineFans: 'Online Fans',
+    fllowernum: 'Followers'
+  }
 }

src/locales/zh-CN.ts

@@ -484,6 +484,8 @@ export default {
     hostsKind: '主播类型',
     placeHostsKind: '请输入直播类型 如：游戏 ',
     isAssigned: '是否分配',
+    sortType:'排序类型',
+    sortName:'排序名字',
     placeIsAssigned: '请选择是否已经分配给员工',
     createTime: '创建时间',
     invitationType: '邀请类型',
@@ -572,5 +574,13 @@ export default {
     middle_east: '中东',
     spain: '西班牙'
   },
+  sortType: {
+    creationTime: '创建时间',
+    hostsCoins: '主播金币',
+    fans: '粉丝数量',
+    yesterdayCoins: '昨日金币',
+    onlineFans: '在线人数',
+    fllowernum: '关注数'
+  },
   'OAuth 2.0': 'OAuth 2.0' // 避免菜单名是 OAuth 2.0 时，一直 warn 报错
 }

src/utils/dict.ts

@@ -251,6 +251,7 @@ export enum DICT_TYPE {
   HOST_LEVEL = 'host_level', // 桥梁类型country_group
   COUNTRY_GROUP = 'country_group', // 桥梁类型
   OPERATION_STATE = 'operational_state', // 桥梁类型operational_state
-  BIGBIOTHER_NEGOTIATION = 'bigBiother_negotiation' // 是否洽谈
-  
+  BIGBIOTHER_NEGOTIATION = 'bigBiother_negotiation', // 是否洽谈
+  SORT_STATE = 'sort_state',// 升序降序
+  SORT_TYPE = 'sort_type',// 排序类型
 }

src/views/server/employeehosts/index.vue

@@ -86,6 +86,18 @@
                 :label="dict.label" :value="dict.value" />
             </el-select>
           </el-form-item>
+          <el-form-item :label="t('newHosts.sortName')" prop="sortName">
+            <el-select v-model="queryParams.sortName" :placeholder="t('newHosts.sortName')" clearable class="!w-240px">
+              <el-option v-for="dict in getStrDictOptions(DICT_TYPE.SORT_TYPE)" :key="dict.value" :label="t(dict.label)"
+                :value="dict.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item :label="t('newHosts.sortType')" prop="sortType">
+            <el-select v-model="queryParams.sort" :placeholder="t('newHosts.sortType')" clearable class="!w-240px">
+              <el-option v-for="dict in getStrDictOptions(DICT_TYPE.SORT_STATE)" :key="dict.value"
+                :label="t(dict.label)" :value="dict.value" />
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-button @click="handleQuery">
               <Icon icon="ep:search" class="mr-5px" /> {{ $t('employee.search') }}
@@ -185,7 +197,7 @@
         <div class="card-row"><b>{{ $t('employee.updateTime') }}：</b>{{ formatTimestamp(item.updateTime) }}</div>
         <div class="card-row action-row">
           <el-button link type="primary" @click="openForm('update', item.id, index)">{{ $t('employee.edit')
-          }}</el-button>
+            }}</el-button>
         </div>
       </div>
     </div>
@@ -243,6 +255,8 @@ const queryParams = reactive({
   region: undefined,
   hostsKind: undefined,
   isAssigned: undefined,
+  sortName: "createTime",  //排序字段
+  sort: 'desc',    //排序方式
   createTime: [],
   userId: undefined,
   operationStatus: undefined,

src/views/server/manageemployeehosts/index.vue

@@ -86,6 +86,18 @@
                 :label="dict.label" :value="dict.value" />
             </el-select>
           </el-form-item>
+          <el-form-item :label="t('newHosts.sortName')" prop="sortName">
+            <el-select v-model="queryParams.sortName" :placeholder="t('newHosts.sortName')" clearable class="!w-240px">
+              <el-option v-for="dict in getStrDictOptions(DICT_TYPE.SORT_TYPE)" :key="dict.value" :label="t(dict.label)"
+                :value="dict.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item :label="t('newHosts.sortType')" prop="sortType">
+            <el-select v-model="queryParams.sort" :placeholder="t('newHosts.sortType')" clearable class="!w-240px">
+              <el-option v-for="dict in getStrDictOptions(DICT_TYPE.SORT_STATE)" :key="dict.value"
+                :label="t(dict.label)" :value="dict.value" />
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-button @click="handleQuery">
               <Icon icon="ep:search" class="mr-5px" /> {{ $t('employee.search') }}
@@ -258,6 +270,8 @@ const queryParams = reactive({
   region: undefined,
   hostsKind: undefined,
   isAssigned: undefined,
+  sortName: "createTime",  //排序字段
+  sort: 'desc',    //排序方式
   createTime: [],
   userId: undefined,
   operationStatus: undefined,

src/views/server/newhosts/index.vue

@@ -120,6 +120,18 @@
             :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
+      <el-form-item :label="t('newHosts.sortName')" prop="sortName">
+        <el-select v-model="queryParams.sortName" :placeholder="t('newHosts.sortName')" clearable class="!w-240px">
+          <el-option v-for="dict in getStrDictOptions(DICT_TYPE.SORT_TYPE)" :key="dict.value" :label="t(dict.label)"
+            :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="t('newHosts.sortType')" prop="sortType">
+        <el-select v-model="queryParams.sort" :placeholder="t('newHosts.sortType')" clearable class="!w-240px">
+          <el-option v-for="dict in getStrDictOptions(DICT_TYPE.SORT_STATE)" :key="dict.value" :label="t(dict.label)"
+            :value="dict.value" />
+        </el-select>
+      </el-form-item>
       <!-- <el-form-item :label="t('newHosts.allocationUser')" prop="allocationUser">
         <el-select v-model="queryParams.userId" :placeholder="t('newHosts.placeAllocationUser')" clearable
           class="!w-240px">
@@ -251,7 +263,6 @@ defineOptions({ name: 'NewHosts' })
 
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
-
 const loading = ref(true) // 列表的加载中
 const list = ref<NewHostsVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
@@ -274,6 +285,8 @@ const queryParams = reactive({
   country: undefined,
   hostsKind: undefined,
   isAssigned: undefined,
+  sortName: "createTime",  //排序字段
+  sort: 'desc',    //排序方式
   createTime: new Date().toISOString().split('T')[0] + ' 00:00:00',
   userId: undefined,
   deleteFlag: false  //导出 是否删除