feat(system): 添加页签配置排序功能并优化表格显示

- 在首页页签配置中新增排序字段支持
- 为页签配置表单添加排序输入验证规则
- 优化官方直播配置表格中直播流地址的溢出显示
- 在服务订单列表中调整核销状态列宽度并移动核销道具列位置
- 更新页签配置API类型定义添加排序字段类型

src/api/system/physical/homeTabConfig/types.ts

@@ -50,6 +50,7 @@ export interface HomeTabConfigForm extends BaseEntity {
    * 是否启用：1=开启，0=关闭
    */
   isEnabled?: number;
+  sortOrder?: number;
 
   /**
    *

src/views/system/physical/homeTabConfig/index.vue

@@ -44,6 +44,7 @@
         <el-table-column label="编号" align="center" prop="id" v-if="true" />
         <el-table-column label="页签名称" align="center" prop="tabDisplayName" />
         <el-table-column label="页签标识" align="center" prop="tabKey" />
+        <el-table-column label="排序" align="center" prop="sortOrder" />
         <el-table-column label="是否启用" align="center">
           <template #default="{ row }">
             <el-tag v-if="row.isEnabled === 1" type="success">开启</el-tag>
@@ -84,6 +85,9 @@
         <el-form-item label="页签标识" prop="tabKey">
           <el-input v-model="form.tabKey" placeholder="请输入页签唯一标识，如：news, video_subscription, live_stream" />
         </el-form-item>
+        <el-form-item label="排序" prop="sortOrder">
+          <el-input v-model="form.sortOrder" placeholder="请输入排序" />
+        </el-form-item>
         <el-form-item label="状态" prop="status">
           <el-select v-model="form.isEnabled" placeholder="请选择状态">
             <el-option label="开启" :value="1" />
@@ -148,7 +152,8 @@ const data = reactive<PageData<HomeTabConfigForm, HomeTabConfigQuery>>({
     id: [{ required: true, message: '不能为空', trigger: 'blur' }],
     tabDisplayName: [{ required: true, message: '页签名称不能为空', trigger: 'blur' }],
     tabKey: [{ required: true, message: '页签唯一标识不能为空', trigger: 'blur' }],
-    isEnabled: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
+    isEnabled: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
+    sortOrder: [{ required: true, message: '排序不能为空', trigger: 'blur' }]
   }
 });
 

src/views/system/physical/officialLiveConfig/index.vue

@@ -67,7 +67,13 @@
             <span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="直播流地址" align="center" prop="liveSource" />
+        <el-table-column label="直播流地址" align="center" prop="liveSource" min-width="200" show-overflow-tooltip>
+          <template #default="scope">
+            <el-tooltip :content="scope.row.liveSource" placement="top">
+              <span>{{ scope.row.liveSource }}</span>
+            </el-tooltip>
+          </template>
+        </el-table-column>
         <el-table-column label="排序值" align="center" prop="sortOrder" />
         <el-table-column label="是否开启回放" align="center">
           <template #default="{ row }">

src/views/system/physical/serviceOrder/index.vue

@@ -82,13 +82,14 @@
         <el-table-column label="服务名称" align="center" prop="productName" />
         <el-table-column label="所属联赛" align="center" prop="leagueName" />
         <el-table-column label="订单编号" align="center" prop="orderNo" />
-        <el-table-column label="核销状态" align="center" prop="isVerified">
+        <el-table-column label="核销状态" align="center" prop="isVerified" width="90">
           <template #default="scope">
             <el-tag :type="scope.row.isVerified ? 'success' : 'info'">
               {{ scope.row.isVerified ? '已核销' : '未核销' }}
             </el-tag>
           </template>
         </el-table-column>
+        <el-table-column label="核销道具" align="center" prop="verifiedItemName" />
         <el-table-column label="下单时间" align="center" prop="orderTime" width="180">
           <template #default="scope">
             <span>{{ parseTime(scope.row.orderTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
@@ -105,7 +106,6 @@
             <span>{{ parseTime(scope.row.expireTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="核销道具" align="center" prop="verifiedItemName" />
         <el-table-column label="创建时间" align="center" prop="createdAt" width="180">
           <template #default="scope">
             <span>{{ parseTime(scope.row.createdAt, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>