第三方数据

src/views/thirdGame/order/index.vue

@@ -107,7 +107,16 @@
           <div v-for="field in viewFields" :key="field.prop"
             style="flex: 0 0 calc(33.33% - 12px); background: #f5f7fa; border-radius: 6px; padding: 12px 16px; box-sizing: border-box; border: 1px solid #e4e7ed;">
             <div style="font-size: 13px; color: #909399; margin-bottom: 4px;">{{ field.label }}</div>
-            <div :style="{ color: field.color || '#303133', fontSize: '15px' }">{{ field.value }}</div>
+            <div :style="{ color: field.color || '#303133', fontSize: '15px' }">
+              {{ field.value || '--' }}
+              <el-button
+                v-if="field.prop === 'bet_content' && field.value"
+                type="primary"
+                size="mini"
+                style="margin-left: 8px;"
+                @click="openThirdPartyContent(field.value)"
+              >查看</el-button>
+            </div>
           </div>
         </div>
       </template>
@@ -206,7 +215,6 @@ export default {
       const winLossColor = Number(row.win_loss) > 0 ? '#18C80A' : Number(row.win_loss) < 0 ? '#F56C6C' : '#606266'
       const statusColor = row.settle_status === '已完成' ? '#18C80A' : row.settle_status === '未完成' ? '#909399' : '#F56C6C'
       return [
-        { label: '序号', prop: 'id', value: row.id },
         { label: '会员ID', prop: 'member_id', value: row.member_id },
         { label: '会员昵称', prop: 'member_name', value: row.member_name || '--' },
         { label: '三方玩家ID', prop: 'player_id', value: row.player_id || '--' },
@@ -219,7 +227,7 @@ export default {
         { label: '有效投注', prop: 'valid_amount', value: row.valid_amount != null ? Number(row.valid_amount).toFixed(2) : '--', color: '#1677FF' },
         { label: '输赢金额', prop: 'win_loss', value: row.win_loss != null ? Number(row.win_loss).toFixed(2) : '--', color: winLossColor },
         { label: '结算状态', prop: 'settle_status', value: row.settle_status || '--', color: statusColor },
-        { label: '投注内容', prop: 'bet_content', value: row.bet_content || '--' },
+        { label: '第三方数据详情地址', prop: 'bet_content', value: row.bet_content || '' },
         { label: '投注时间', prop: 'bet_time', value: row.bet_time || '--' },
         { label: '更新时间', prop: 'last_update_time', value: row.last_update_time || '--' }
       ]
@@ -302,7 +310,7 @@ export default {
         win_loss: row.settled_amount,
         settle_status: row.status_text || (Number(row.status) === 1 ? '已完成' : Number(row.status) === 0 ? '未完成' : Number(row.status) === 2 ? '已取消' : '已撤单'),
         status_code: row.status,
-        bet_content: row.bet_content || '--',
+        bet_content: row.bet_content || '',
         bet_time: row.bet_time || '--',
         last_update_time: row.last_update_time || '--'
       }
@@ -310,6 +318,10 @@ export default {
     handleView(row) {
       this.viewRow = { ...row }
       this.$refs.viewDialog.open()
+    },
+    openThirdPartyContent(url) {
+      if (!url) return
+      window.open(url, '_blank', 'noopener,noreferrer')
     }
   }
 }