From 8f164cc6effebc0e609ca94a5baaa574a3d9cd01 Mon Sep 17 00:00:00 2001
From: LinCyJang <linxi957440651@163.com>
Date: Tue, 28 Apr 2026 01:21:38 +0800
Subject: [PATCH] =?UTF-8?q?Feat=EF=BC=9A=E6=8A=BD=E5=A5=962.0=EF=BC=88?=
 =?UTF-8?q?=E6=8A=BD=E5=A5=96=E6=B4=BB=E5=8A=A8=E6=97=A0=E6=B3=95=E6=AD=A3?=
 =?UTF-8?q?=E5=B8=B8=E8=BF=9B=E5=85=A5=E5=88=B0=E4=B8=8B=E4=B8=80=E4=B8=AA?=
 =?UTF-8?q?=E6=8A=BD=E5=A5=96=E6=B4=BB=E5=8A=A8=EF=BC=8C=E8=B4=AD=E4=B9=B0?=
 =?UTF-8?q?=E6=8A=BD=E5=A5=96=E5=95=86=E5=93=81=E6=97=A0=E6=B3=95=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96=E5=88=B0=E6=8A=BD=E5=A5=96=E7=A0=81=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/lottery.js                           |  42 +-
 pages.json                               |  12 +
 pages/home/index.vue                     |  30 +-
 pkg-video/views/county-claim-address.vue | 746 +++++++++++++++++++++++
 pkg-video/views/county-my-tickets.vue    |   9 +-
 pkg-video/views/county-realname.vue      | 275 +++++++++
 pkg-video/views/county-winners.vue       | 162 +++--
 7 files changed, 1208 insertions(+), 68 deletions(-)
 create mode 100644 pkg-video/views/county-claim-address.vue
 create mode 100644 pkg-video/views/county-realname.vue

diff --git a/api/lottery.js b/api/lottery.js
index bb3815f..21e7b69 100644
--- a/api/lottery.js
+++ b/api/lottery.js
@@ -84,5 +84,45 @@ export function getLotteryShareInfo() {
  * @param orderId 订单号
  */
 export function getDrawTicketByOrder(orderId) {
-    return request.get('/draw/ticketByOrder', { orderId })
+    return request.get('/draw/ticketCheck', { orderId })
+}
+
+/**
+ * 校验抽奖活动是否到开奖时间
+ * @param activityId 抽奖活动ID
+ */
+export function checkDrawTime(activityId) {
+    return request.get('/draw/checkTime', { activityId })
+}
+
+/**
+ * 领取优惠券奖品
+ * @param ticketId 抽奖券ID
+ */
+export function claimCoupon(ticketId) {
+    return request.post('/draw/claimCoupon', { ticketId })
+}
+
+/**
+ * 领取实物奖品
+ * @param ticketId 抽奖券ID
+ * @param addressId 用户收货地址ID
+ */
+export function claimPrize(ticketId, addressId) {
+    return request.post('/draw/claimPrize', { ticketId, addressId })
+}
+
+/**
+ * 获取实名认证信息
+ */
+export function getDrawRealname() {
+    return request.get('/draw/realname')
+}
+
+/**
+ * 提交实名认证
+ * @param data { realName, idCard, phone }
+ */
+export function submitDrawRealname(data = {}) {
+    return request.post('/draw/realname', data)
 }
diff --git a/pages.json b/pages.json
index 8cbd610..cd2bb44 100644
--- a/pages.json
+++ b/pages.json
@@ -430,6 +430,18 @@
           "style": {
             "navigationStyle": "custom"
           }
+        },
+        {
+          "path": "views/county-claim-address",
+          "style": {
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "views/county-realname",
+          "style": {
+            "navigationStyle": "custom"
+          }
         }
       ]
     },
diff --git a/pages/home/index.vue b/pages/home/index.vue
index ba8b31e..bca3b65 100644
--- a/pages/home/index.vue
+++ b/pages/home/index.vue
@@ -441,6 +441,7 @@ import {
   openLocationSettting
 } from "@/utils/common"
 import { getWeixinShareConfig } from '@/api/public'
+import { checkDrawTime } from '@/api/lottery'
 export default {
   name: 'IndexPage',
   components: {
@@ -1658,12 +1659,35 @@ export default {
       this.isDrawPosterVisible = false
       this.showNextPoster()
     },
-    goDrawLotteryPage() {
+    parseCheckTimeResult(res) {
+      if (typeof res === 'boolean') return res
+      if (typeof (res && res.data) === 'boolean') return res.data
+      if (res && typeof res.success !== 'undefined') return Boolean(res.data)
+      return false
+    },
+    async goDrawLotteryPage() {
       const config = this.drawEntranceConfig || {}
       const linkType = Number(config.homePosterLinkType) || 1
-      const activityId = Number(config.homePosterAreaId) || 0
+      const activityId = Number(config.drawActivityId) || 0
+      if (!activityId) {
+        uni.showToast({
+          title: '活动配置异常',
+          icon: 'none'
+        })
+        return
+      }
+      let opened = false
+      try {
+        const res = await checkDrawTime(activityId)
+        // opened = this.parseCheckTimeResult(res)
+      } catch (e) {
+        opened = false
+      }
+      const url = opened
+        ? `/pkg-video/views/county-winners?activityId=${activityId}`
+        : `/pkg-video/views/county-lottery?linkType=${linkType}&activityId=${activityId}`
       uni.navigateTo({
-        url: `/pkg-video/views/county-lottery?linkType=${linkType}&activityId=${4}`
+        url
       })
     },
     tapDrawPoster() {
diff --git a/pkg-video/views/county-claim-address.vue b/pkg-video/views/county-claim-address.vue
new file mode 100644
index 0000000..f407464
--- /dev/null
+++ b/pkg-video/views/county-claim-address.vue
@@ -0,0 +1,746 @@
+<template>
+  <view class="claim-page">
+    <view class="custom-header" :style="{ paddingTop: `${statusBarHeight}px` }">
+      <view class="header-inner">
+        <view class="header-back" @click="goBack">
+          <text class="header-back-icon">‹</text>
+        </view>
+        <view class="header-title">填写收货地址</view>
+        <view class="header-right">
+          <view class="dot"></view>
+          <view class="ring"></view>
+        </view>
+      </view>
+    </view>
+
+    <scroll-view class="page-body" scroll-y :style="{ paddingTop: `calc(${statusBarHeight}px + 88rpx)` }">
+      <view class="section-title">奖品信息</view>
+      <view class="card prize-card">
+        <view class="prize-image-wrap">
+          <image class="prize-image" :src="prizeImage" mode="aspectFill" />
+        </view>
+        <view class="prize-info">
+          <view class="prize-name">{{ form.prizeName || '神秘奖品' }}</view>
+          <view class="prize-desc">颜色随机</view>
+          <view class="prize-code">抽奖码：{{ form.ticketCode || '--' }}</view>
+        </view>
+      </view>
+
+      <view class="card form-card">
+        <view class="form-row">
+          <text class="label">收货人</text>
+          <input v-model="form.realName" class="input" placeholder="张三" placeholder-style="color:#999;" />
+        </view>
+        <view class="form-row">
+          <text class="label">手机号码</text>
+          <input
+            v-model="form.phone"
+            class="input"
+            type="number"
+            maxlength="11"
+            placeholder="12345678910"
+            placeholder-style="color:#999;"
+          />
+        </view>
+        <view class="form-row">
+          <text class="label">所在地区</text>
+          <view class="city-wrap">
+            <view class="city-select" :class="{'has-val': !!addressText}">
+              <CitySelect
+                ref="cityselect"
+                :defaultValue="addressText || '请选择'"
+                :items="district"
+                @callback="onCityChange"
+              />
+            </view>
+            <text class="iconfont icon-dizhi locate-icon" @click="getCurAddressFn"></text>
+          </view>
+        </view>
+        <view class="form-row no-border">
+          <text class="label">详细地址</text>
+          <input v-model="form.detail" class="input" placeholder="请填写具体地址" placeholder-style="color:#999;" />
+        </view>
+
+        <view class="analysis-box">
+          <textarea
+            :value="addressInput"
+            @input="onAddressInput"
+            placeholder="请粘贴收件人手机号、姓名、收货地址并用空格区分，系统将自动识别地址信息"
+            placeholder-style="font-size:24rpx;color:#999;"
+            class="analysis-textarea"
+          />
+          <view class="analysis-actions">
+            <view class="action-btn btn-clear" @click="clearAddressInput">清空</view>
+            <view class="action-btn btn-recognize" :class="{ disabled: !addressInput }" @click="recognizeAddress">识别</view>
+          </view>
+        </view>
+      </view>
+
+      <view class="tips">*请仔细核对收货信息，提交后不可修改，奖品将在7个工作日内寄出</view>
+    </scroll-view>
+
+    <view class="submit-wrap">
+      <view class="submit-btn" @click="submit">确认提交</view>
+    </view>
+
+    <view class="popup-mask" v-if="showRealnamePopup" @click="closePopup">
+      <view class="popup-panel auth-panel" @click.stop>
+        <view class="popup-close" @click="closePopup">×</view>
+        <view class="popup-icon-wrap">
+          <text class="popup-icon">🪪</text>
+        </view>
+        <view class="popup-title">实名认证</view>
+        <view class="popup-desc">根据平台活动规则，领取电子数码产品需要进行实名认证</view>
+        <view class="popup-actions">
+          <view class="popup-btn btn-confirm btn-wide" @click="goRealname">去实名认证</view>
+        </view>
+      </view>
+    </view>
+
+    <view class="popup-mask" v-if="showSubmitSuccessPopup" @click="closePopup">
+      <view class="popup-panel success-panel" @click.stop>
+        <view class="popup-close" @click="closePopup">×</view>
+        <view class="popup-icon-wrap">
+          <text class="popup-icon">🎉</text>
+        </view>
+        <view class="popup-title">提交成功</view>
+        <view class="popup-desc">奖品将在7个工作日内寄出</view>
+        <view class="popup-actions">
+          <view class="popup-btn btn-ghost" @click="confirmSuccess">返回</view>
+          <view class="popup-btn btn-confirm" @click="goMyTicket">查看</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import CitySelect from '@/components/CitySelect'
+import { getCity, analysisAddress, postAddress } from '@/api/user'
+import { claimCoupon, claimPrize, getDrawRealname } from '@/api/lottery'
+import { getCurAddress, getLocation } from '@/utils/common'
+
+export default {
+  name: 'CountyClaimAddressPage',
+  components: { CitySelect },
+  data() {
+    return {
+      statusBarHeight: 20,
+      district: [],
+      addressText: '',
+      addressInput: '',
+      address: {
+        province: '',
+        city: '',
+        district: ''
+      },
+      form: {
+        lotteryRecordId: '',
+        prizeName: '',
+        prizeType: '',
+        prizeTypeName: '',
+        ticketCode: '',
+        realName: '',
+        phone: '',
+        detail: ''
+      },
+      showRealnamePopup: true,
+      showSubmitSuccessPopup: false,
+      userInfo: {},
+      realnameStatus: 0,
+      waitSubmitAfterRealname: false,
+      submitting: false
+    }
+  },
+  computed: {
+    prizeImage() {
+      return 'https://img2.baidu.com/it/u=1255257059,3076495012&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800'
+    }
+  },
+  onLoad(options) {
+    this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 20
+    this.form.lotteryRecordId = options.lotteryRecordId || ''
+    this.form.prizeName = decodeURIComponent(options.prizeName || '')
+    this.form.prizeType = decodeURIComponent(options.prizeType || '')
+    this.form.prizeTypeName = decodeURIComponent(options.prizeTypeName || '')
+    this.form.ticketCode = decodeURIComponent(options.ticketCode || '')
+    this.getCityList()
+    this.fetchRealnameStatus()
+  },
+  onShow() {
+    const done = uni.getStorageSync('countyClaimAuthDone')
+    if (done && this.waitSubmitAfterRealname) {
+      uni.removeStorageSync('countyClaimAuthDone')
+      this.fetchRealnameStatus().then(() => {
+        this.submitPhysicalClaim()
+      })
+    }
+  },
+  methods: {
+    goBack() {
+      uni.navigateBack()
+    },
+    getCityList() {
+      getCity().then(res => {
+        this.district = res.data || []
+      })
+    },
+    fetchRealnameStatus() {
+      return getDrawRealname().then((res) => {
+        const data = (res && res.data) || {}
+        this.realnameStatus = Number(data.status || 0)
+      }).catch(() => {
+        this.realnameStatus = 0
+      })
+    },
+    isDigitalPrize() {
+      const typeVal = String(this.form.prizeType || '').toLowerCase()
+      const typeName = String(this.form.prizeTypeName || '').toLowerCase()
+      const prizeName = String(this.form.prizeName || '').toLowerCase()
+      if (['1', 'electronic', 'digital', 'electronics'].includes(typeVal)) return true
+      if (/电子|数码/.test(typeName)) return true
+      return /电子|数码/.test(prizeName)
+    },
+    hasRealNameAuth() {
+      if (Number(this.realnameStatus) === 1) return true
+      const user = this.userInfo || {}
+      const flag = [
+        user.isRealName,
+        user.realNameAuth,
+        user.isAuth,
+        user.authStatus,
+        user.realNameStatus,
+        user.idAuthStatus
+      ]
+      if (flag.some(v => Number(v) === 1 || v === true || String(v).toUpperCase() === 'Y')) return true
+      if (Number(user.authStatus) === 2 || Number(user.realNameStatus) === 2 || Number(user.idAuthStatus) === 2) return true
+      return !!(String(user.realName || '').trim() && String(user.idCard || user.idcard || '').trim())
+    },
+    isCouponPrize() {
+      const typeVal = String(this.form.prizeType || '').toLowerCase()
+      const typeName = String(this.form.prizeTypeName || '')
+      const prizeName = String(this.form.prizeName || '')
+      if (['3', 'coupon'].includes(typeVal)) return true
+      return /券/.test(typeName) || /券/.test(prizeName)
+    },
+    async createAddress() {
+      const payload = {
+        id: '',
+        real_name: this.form.realName,
+        phone: this.form.phone,
+        address: this.address,
+        detail: this.form.detail,
+        is_default: false,
+        post_code: ''
+      }
+      const res = await postAddress(payload)
+      const addressId = Number(res && res.data && res.data.id)
+      if (!addressId) {
+        throw new Error('地址保存失败，请重试')
+      }
+      return addressId
+    },
+    validatePhysicalForm() {
+      if (!this.form.realName) {
+        uni.showToast({ title: '请填写收货人', icon: 'none' })
+        return false
+      }
+      if (!/^1\d{10}$/.test(this.form.phone)) {
+        uni.showToast({ title: '请输入正确手机号', icon: 'none' })
+        return false
+      }
+      if (!this.addressText) {
+        uni.showToast({ title: '请选择所在地区', icon: 'none' })
+        return false
+      }
+      if (!this.form.detail) {
+        uni.showToast({ title: '请填写详细地址', icon: 'none' })
+        return false
+      }
+      return true
+    },
+    async submitCouponClaim() {
+      const ticketId = Number(this.form.lotteryRecordId)
+      if (!ticketId) {
+        uni.showToast({ title: '缺少抽奖券ID', icon: 'none' })
+        return
+      }
+      await claimCoupon(ticketId)
+      this.showSubmitSuccessPopup = true
+    },
+    async submitPhysicalClaim() {
+      if (this.submitting) return
+      if (!this.validatePhysicalForm()) return
+      const ticketId = Number(this.form.lotteryRecordId)
+      if (!ticketId) {
+        uni.showToast({ title: '缺少抽奖券ID', icon: 'none' })
+        return
+      }
+      this.submitting = true
+      uni.showLoading({ title: '提交中...' })
+      try {
+        if (this.isDigitalPrize()) {
+          await this.fetchRealnameStatus()
+          if (!this.hasRealNameAuth()) {
+            this.waitSubmitAfterRealname = true
+            this.showRealnamePopup = true
+            return
+          }
+        }
+        const addressId = await this.createAddress()
+        await claimPrize(ticketId, addressId)
+        this.waitSubmitAfterRealname = false
+        this.showSubmitSuccessPopup = true
+      } catch (e) {
+        uni.showToast({
+          title: (e && e.msg) || (e && e.message) || '提交失败',
+          icon: 'none'
+        })
+      } finally {
+        uni.hideLoading()
+        this.submitting = false
+      }
+    },
+    onCityChange(values) {
+      this.address = {
+        province: values.province.name || '',
+        city: values.city.name || '',
+        district: values.district.name || '',
+        city_id: values.city.id
+      }
+      this.addressText = `${this.address.province} ${this.address.city} ${this.address.district}`
+    },
+    async getCurAddressFn() {
+      uni.showLoading({ title: '定位中...' })
+      try {
+        const map = await getLocation()
+        if (map.length > 1) {
+          const { latitude, longitude } = map[1]
+          getCurAddress(latitude, longitude, (addr) => {
+            this.address = {
+              province: addr.province || '',
+              city: addr.city || '',
+              district: addr.county || ''
+            }
+            this.addressText = `${this.address.province} ${this.address.city} ${this.address.district}`
+            this.form.detail = addr.formattedAddress || this.form.detail
+          })
+        }
+      } finally {
+        uni.hideLoading()
+      }
+    },
+    onAddressInput(e) {
+      this.addressInput = (e.detail && e.detail.value ? e.detail.value : '').trim()
+    },
+    clearAddressInput() {
+      this.addressInput = ''
+    },
+    recognizeAddress() {
+      if (!this.addressInput) return
+      uni.showLoading({ title: '识别中...' })
+      analysisAddress({ content: this.addressInput }).then((res) => {
+        uni.hideLoading()
+        const data = (res && res.data) || {}
+        this.form.realName = data.realName || this.form.realName
+        this.form.phone = data.phone || this.form.phone
+        this.form.detail = data.detail || this.form.detail
+        this.address = {
+          province: data.province || '',
+          city: data.city || '',
+          district: data.district || '',
+          city_id: data.cityId
+        }
+        this.addressText = `${this.address.province} ${this.address.city} ${this.address.district}`.trim()
+      }).catch(() => {
+        uni.hideLoading()
+        uni.showToast({
+          title: '识别失败，请手动填写',
+          icon: 'none'
+        })
+      })
+    },
+    async submit() {
+      if (this.isCouponPrize()) {
+        this.submitting = true
+        uni.showLoading({ title: '领取中...' })
+        try {
+          await this.submitCouponClaim()
+        } catch (e) {
+          uni.showToast({
+            title: (e && e.msg) || (e && e.message) || '领取失败',
+            icon: 'none'
+          })
+        } finally {
+          uni.hideLoading()
+          this.submitting = false
+        }
+        return
+      }
+      this.submitPhysicalClaim()
+    },
+    closePopup() {
+      this.showRealnamePopup = false
+      this.showSubmitSuccessPopup = false
+    },
+    goRealname() {
+      this.showRealnamePopup = false
+      uni.navigateTo({
+        url: '/pkg-video/views/county-realname'
+      })
+    },
+    confirmSuccess() {
+      this.showSubmitSuccessPopup = false
+      uni.navigateBack()
+    },
+    goMyTicket() {
+      this.showSubmitSuccessPopup = false
+      uni.navigateTo({
+        url: '/pkg-video/views/county-my-tickets'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.claim-page {
+  min-height: 100vh;
+  background: #f5f6f8;
+}
+
+.custom-header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 20;
+  background: #fff;
+}
+
+.header-inner {
+  height: 88rpx;
+  display: flex;
+  align-items: center;
+  padding: 0 24rpx;
+}
+
+.header-back {
+  width: 56rpx;
+  height: 56rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.header-back-icon {
+  font-size: 60rpx;
+  color: #111;
+  line-height: 1;
+}
+
+.header-title {
+  flex: 1;
+  text-align: center;
+  font-size: 34rpx;
+  font-weight: 700;
+  color: #222;
+}
+
+.header-right {
+  width: 88rpx;
+  height: 44rpx;
+  border-radius: 24rpx;
+  border: 2rpx solid #d8d8d8;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dot {
+  width: 8rpx;
+  height: 8rpx;
+  border-radius: 50%;
+  background: #111;
+  margin-right: 14rpx;
+}
+
+.ring {
+  width: 18rpx;
+  height: 18rpx;
+  border: 2rpx solid #111;
+  border-radius: 50%;
+}
+
+.page-body {
+  height: 100vh;
+  box-sizing: border-box;
+  padding: 20rpx 24rpx 220rpx;
+}
+
+.section-title {
+  color: #999;
+  font-size: 26rpx;
+  margin: 10rpx 4rpx 16rpx;
+}
+
+.card {
+  background: #fff;
+  border-radius: 24rpx;
+  margin-bottom: 24rpx;
+}
+
+.prize-card {
+  display: flex;
+  align-items: center;
+  padding: 24rpx;
+}
+
+.prize-image-wrap {
+  width: 140rpx;
+  height: 140rpx;
+  border-radius: 16rpx;
+  border: 2rpx solid #f0f0f0;
+  margin-right: 24rpx;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.prize-image {
+  width: 100%;
+  height: 100%;
+}
+
+.prize-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.prize-name {
+  font-size: 32rpx;
+  font-weight: 700;
+  color: #333;
+  margin-bottom: 12rpx;
+}
+
+.prize-desc,
+.prize-code {
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 6rpx;
+}
+
+.form-card {
+  padding: 10rpx 24rpx 24rpx;
+}
+
+.form-row {
+  min-height: 100rpx;
+  display: flex;
+  align-items: center;
+  border-bottom: 2rpx dashed #eee;
+}
+
+.form-row.no-border {
+  border-bottom: none;
+}
+
+.label {
+  width: 150rpx;
+  color: #333;
+  font-size: 28rpx;
+}
+
+.input {
+  flex: 1;
+  color: #333;
+  font-size: 28rpx;
+}
+
+.city-wrap {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.city-select {
+  flex: 1;
+  color: #999;
+  font-size: 28rpx;
+}
+
+.city-select.has-val {
+  color: #333;
+}
+
+.locate-icon {
+  color: #666;
+  font-size: 36rpx;
+  margin-left: 20rpx;
+}
+
+.analysis-box {
+  background: #f8f8f8;
+  border-radius: 16rpx;
+  padding: 20rpx;
+  margin-top: 10rpx;
+}
+
+.analysis-textarea {
+  width: 100%;
+  height: 100rpx;
+  color: #333;
+  font-size: 26rpx;
+}
+
+.analysis-actions {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  margin-top: 16rpx;
+}
+
+.action-btn {
+  font-size: 24rpx;
+  border-radius: 30rpx;
+  text-align: center;
+}
+
+.btn-clear {
+  color: #BD3124;
+  border: 2rpx solid #BD3124;
+  padding: 6rpx 28rpx;
+  margin-right: 20rpx;
+  background: transparent;
+}
+
+.btn-recognize {
+  color: #fff;
+  background: #BD3124;
+  border: 2rpx solid #BD3124;
+  padding: 6rpx 30rpx;
+}
+
+.btn-recognize.disabled {
+  opacity: 0.6;
+}
+
+.tips {
+  color: #666;
+  font-size: 22rpx;
+  line-height: 1.5;
+  margin: 20rpx 10rpx;
+}
+
+.submit-wrap {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #f5f6f8;
+  padding: 20rpx 40rpx calc(20rpx + env(safe-area-inset-bottom));
+}
+
+.submit-btn {
+  height: 90rpx;
+  border-radius: 45rpx;
+  background: #BD3124;
+  color: #fff;
+  text-align: center;
+  line-height: 90rpx;
+  font-size: 32rpx;
+  font-weight: 500;
+}
+
+.popup-mask {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.48);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 100;
+  padding: 0 52rpx;
+}
+
+.popup-panel {
+  width: 100%;
+  background: #fff;
+  border-radius: 24rpx;
+  padding: 40rpx 32rpx 32rpx;
+  position: relative;
+}
+
+.popup-title {
+  text-align: center;
+  color: #222;
+  font-size: 34rpx;
+  font-weight: 700;
+}
+
+.popup-desc {
+  color: #666;
+  font-size: 26rpx;
+  line-height: 1.6;
+  text-align: center;
+  margin-top: 14rpx;
+}
+
+.popup-close {
+  position: absolute;
+  right: 20rpx;
+  top: 16rpx;
+  width: 44rpx;
+  height: 44rpx;
+  border: 2rpx solid #111;
+  border-radius: 50%;
+  font-size: 32rpx;
+  line-height: 38rpx;
+  text-align: center;
+  color: #111;
+}
+
+.popup-icon-wrap {
+  display: flex;
+  justify-content: center;
+}
+
+.popup-icon {
+  font-size: 54rpx;
+}
+
+.popup-actions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 30rpx;
+}
+
+.popup-btn {
+  min-width: 180rpx;
+  height: 72rpx;
+  line-height: 72rpx;
+  border-radius: 36rpx;
+  text-align: center;
+  font-size: 28rpx;
+}
+
+.btn-confirm {
+  color: #fff;
+  background: #BD3124;
+}
+
+.btn-wide {
+  width: 100%;
+}
+
+.btn-ghost {
+  color: #BD3124;
+  border: 2rpx solid #BD3124;
+  background: #fff;
+  margin-right: 22rpx;
+}
+</style>
diff --git a/pkg-video/views/county-my-tickets.vue b/pkg-video/views/county-my-tickets.vue
index 0bf965e..f3bb244 100644
--- a/pkg-video/views/county-my-tickets.vue
+++ b/pkg-video/views/county-my-tickets.vue
@@ -226,8 +226,15 @@ export default {
     },
     onClaim(item) {
       if (!item.id) return
+      const query = [
+        `lotteryRecordId=${item.id}`,
+        `ticketCode=${encodeURIComponent(item.ticketCode || '')}`,
+        `prizeName=${encodeURIComponent(item.prizeName || '')}`,
+        `prizeType=${encodeURIComponent(item.prizeType || '')}`,
+        `prizeTypeName=${encodeURIComponent(item.prizeTypeName || '')}`
+      ].join('&')
       uni.navigateTo({
-        url: `/pages/order/OrderSubmission/index?lotteryRecordId=${item.id}`
+        url: `/pkg-video/views/county-claim-address?${query}`
       })
     },
     goOrder(item) {
diff --git a/pkg-video/views/county-realname.vue b/pkg-video/views/county-realname.vue
new file mode 100644
index 0000000..311335f
--- /dev/null
+++ b/pkg-video/views/county-realname.vue
@@ -0,0 +1,275 @@
+<template>
+  <view class="realname-page">
+    <view class="custom-header" :style="{ paddingTop: `${statusBarHeight}px` }">
+      <view class="header-inner">
+        <view class="header-back" @click="goBack">
+          <text class="header-back-icon">‹</text>
+        </view>
+        <view class="header-title">实名认证</view>
+        <view class="header-right">
+          <view class="dot"></view>
+          <view class="ring"></view>
+        </view>
+      </view>
+    </view>
+
+    <view class="page-body" :style="{ paddingTop: `calc(${statusBarHeight}px + 88rpx)` }">
+      <view class="body-title">请完善以下信息</view>
+      <view class="body-desc">根据平台活动规则，领取电子数码产品需要进行实名认证</view>
+
+      <view class="form-wrap">
+        <view class="form-row">
+          <text class="required">*</text>
+          <text class="label">真实姓名</text>
+          <input v-model="form.realName" class="input" placeholder="请输入真实姓名" placeholder-style="color:#999;" />
+        </view>
+        <view class="form-row">
+          <text class="required">*</text>
+          <text class="label">身份证号</text>
+          <input v-model="form.idCard" class="input" placeholder="请输入身份证号码" placeholder-style="color:#999;" />
+        </view>
+        <view class="form-row">
+          <text class="required">*</text>
+          <text class="label">手机号</text>
+          <input
+            v-model="form.phone"
+            class="input"
+            type="number"
+            maxlength="11"
+            placeholder="请输入手机号"
+            placeholder-style="color:#999;"
+          />
+        </view>
+      </view>
+    </view>
+
+    <view class="submit-wrap">
+      <view class="submit-btn" @click="submitAuth">提交认证</view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getDrawRealname, submitDrawRealname } from '@/api/lottery'
+
+export default {
+  name: 'CountyRealnamePage',
+  data() {
+    return {
+      statusBarHeight: 20,
+      form: {
+        realName: '',
+        idCard: '',
+        phone: ''
+      }
+    }
+  },
+  onLoad() {
+    this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 20
+    this.fetchRealnameStatus()
+  },
+  methods: {
+    fetchRealnameStatus() {
+      getDrawRealname().then((res) => {
+        const data = (res && res.data) || {}
+        if (Number(data.status) === 1) {
+          uni.setStorageSync('countyClaimAuthDone', 1)
+          uni.showToast({
+            title: data.result || '已完成实名认证',
+            icon: 'none'
+          })
+          setTimeout(() => {
+            uni.navigateBack()
+          }, 300)
+        }
+      })
+    },
+    goBack() {
+      uni.navigateBack()
+    },
+    async submitAuth() {
+      if (!this.form.realName) {
+        uni.showToast({ title: '请输入真实姓名', icon: 'none' })
+        return
+      }
+      if (!/^\d{15}$|^\d{17}[\dXx]$/.test(this.form.idCard)) {
+        uni.showToast({ title: '请输入正确身份证号', icon: 'none' })
+        return
+      }
+      if (!/^1\d{10}$/.test(this.form.phone)) {
+        uni.showToast({ title: '请输入正确手机号', icon: 'none' })
+        return
+      }
+      uni.showLoading({ title: '认证中...' })
+      try {
+        const res = await submitDrawRealname({
+          realName: this.form.realName,
+          idCard: this.form.idCard,
+          phone: this.form.phone
+        })
+        const data = (res && res.data) || {}
+        if (Number(data.status) !== 1) {
+          uni.showToast({
+            title: data.result || '认证失败，请重试',
+            icon: 'none'
+          })
+          return
+        }
+        uni.setStorageSync('countyClaimAuthDone', 1)
+        uni.showToast({
+          title: data.result || '认证成功',
+          icon: 'success'
+        })
+        setTimeout(() => {
+          uni.navigateBack()
+        }, 350)
+      } catch (e) {
+        uni.showToast({
+          title: (e && e.msg) || (e && e.message) || '认证失败',
+          icon: 'none'
+        })
+      } finally {
+        uni.hideLoading()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.realname-page {
+  min-height: 100vh;
+  background: #fff;
+}
+
+.custom-header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 20;
+  background: #fff;
+}
+
+.header-inner {
+  height: 88rpx;
+  display: flex;
+  align-items: center;
+  padding: 0 24rpx;
+}
+
+.header-back {
+  width: 56rpx;
+  height: 56rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.header-back-icon {
+  font-size: 60rpx;
+  color: #111;
+  line-height: 1;
+}
+
+.header-title {
+  flex: 1;
+  text-align: center;
+  font-size: 34rpx;
+  font-weight: 700;
+  color: #222;
+}
+
+.header-right {
+  width: 88rpx;
+  height: 44rpx;
+  border-radius: 24rpx;
+  border: 2rpx solid #d8d8d8;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dot {
+  width: 8rpx;
+  height: 8rpx;
+  border-radius: 50%;
+  background: #111;
+  margin-right: 14rpx;
+}
+
+.ring {
+  width: 18rpx;
+  height: 18rpx;
+  border: 2rpx solid #111;
+  border-radius: 50%;
+}
+
+.page-body {
+  padding: 28rpx 24rpx 180rpx;
+}
+
+.body-title {
+  font-size: 44rpx;
+  color: #111;
+  font-weight: 700;
+}
+
+.body-desc {
+  margin-top: 12rpx;
+  color: #666;
+  font-size: 30rpx;
+  line-height: 1.45;
+}
+
+.form-wrap {
+  margin-top: 24rpx;
+}
+
+.form-row {
+  height: 94rpx;
+  display: flex;
+  align-items: center;
+  border-bottom: 2rpx solid #efefef;
+}
+
+.required {
+  color: #c23225;
+  font-size: 28rpx;
+  margin-right: 4rpx;
+}
+
+.label {
+  width: 150rpx;
+  color: #333;
+  font-size: 30rpx;
+}
+
+.input {
+  flex: 1;
+  font-size: 30rpx;
+  color: #333;
+}
+
+.submit-wrap {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom));
+  background: #fff;
+}
+
+.submit-btn {
+  height: 88rpx;
+  border-radius: 44rpx;
+  background: #bd3124;
+  color: #fff;
+  line-height: 88rpx;
+  text-align: center;
+  font-size: 38rpx;
+  font-weight: 600;
+  letter-spacing: 4rpx;
+}
+</style>
diff --git a/pkg-video/views/county-winners.vue b/pkg-video/views/county-winners.vue
index 624a914..77d63a2 100644
--- a/pkg-video/views/county-winners.vue
+++ b/pkg-video/views/county-winners.vue
@@ -6,17 +6,15 @@
           <text class="header-back-icon">‹</text>
         </view>
         <view class="header-title">中奖名单</view>
-        <view class="header-actions">
-          <text class="dot">···</text>
-          <view class="circle-dot"></view>
-        </view>
       </view>
     </view>
 
     <view class="content-wrap" v-if="loaded">
-      <view class="draw-info-wrap">
+      <view class="draw-info-wrap" :style="{ backgroundImage: `url(${webUrl}/zhongjiang5.png)` }">
         <view class="period-side left">
-          <text class="side-text">第{{ periodLabel }}期</text>
+          <text class="side-text">第</text>
+          <text class="side-text">{{ periodLabel }}</text>
+          <text class="side-text">期</text>
         </view>
         <view class="period-side right">
           <view class="side-text side-text-count">
@@ -34,12 +32,7 @@
           <view class="draw-time">开奖时间：{{ drawTime }}</view>
         </view>
       </view>
-
-      <view class="win-banner" v-if="hasWon === 1 && userWinList.length > 0">
-        <view class="win-badge">
-          <text class="win-badge-text">恭喜您中奖了！</text>
-        </view>
-
+      <view class="win-banner" v-if="hasWon === 1 && userWinList.length > 0" :style="{ backgroundImage: `url(${webUrl}/zhongjiangn.png)` }">
         <view class="win-banner-subtitle">
           您的抽奖码 <text class="code">{{ userWinList[0].ticketCode }}</text> 获得了
         </view>
@@ -64,9 +57,9 @@
       </view>
 
       <view class="winners-list-wrap">
-        <view class="list-title-badge">
-          <text class="gift-icon">🎁</text>
-          <text class="title-text">中奖名单</text>
+        <view class="list-title-badge" :style="{ backgroundImage: `url(${webUrl}/zhongjiang6.png)` }">
+          <text class="gift-icon" style="opacity: 0;">🎁</text>
+          <text class="title-text" style="opacity: 0;">中奖名单</text>
         </view>
 
         <view class="list-content">
@@ -105,20 +98,25 @@
 </template>
 
 <script>
+import { getDrawActivityInfo, getActivityWinRecord, getDrawMyTickets } from '@/api/lottery'
+
 export default {
   data() {
     return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
       statusBarHeight: 20,
+      activityId: 0,
       periodLabel: "01",
-      drawTime: "2026年5月30日",
-      hasWon: 1,
+      drawTime: "--",
+      hasWon: 0,
       userWinList: [],
       activityWinnerList: [],
       loaded: false,
       showCouponSuccessPopup: false
     }
   },
-  onLoad() {
+  onLoad(options) {
+    this.activityId = Number(options && options.activityId) || 0
     const systemInfo = uni.getSystemInfoSync()
     this.statusBarHeight = systemInfo.statusBarHeight || 20
     this.fetchData()
@@ -168,32 +166,73 @@ export default {
         url: "/pkg_user/views/myCoupons"
       })
     },
-    fetchData() {
-      const mockData = {
-        hasWon: 1,
-        userWinList: [
-          {
-            levelName: "优惠券奖",
-            prizeName: "满100减20优惠券",
-            prizeDesc: "领取后自动发放到我的优惠券",
-            ticketCode: "A8F92E",
-            prizeType: 3,
-            prizeImage:
-              "https://img0.baidu.com/it/u=1461707600,2879596427&fm=253&fmt=auto&app=138&f=PNG?w=640&h=640"
-          }
-        ],
-        activityWinnerList: [
-          { levelName: "一等奖", prizeName: "iphone17 pro max手机", ticketCode: "A82F9E", realName: "海*", phone: "123****4567" },
-          { levelName: "二等奖", prizeName: "ipad", ticketCode: "A82F9E", realName: "微信*", phone: "123****4567" },
-          { levelName: "三等奖", prizeName: "手表", ticketCode: "A82F9E", realName: "微信*", phone: "123****4567" },
-          { levelName: "四等奖", prizeName: "运动手环", ticketCode: "A82F9E", realName: "微信*", phone: "123****4567" },
-          { levelName: "五等奖", prizeName: "礼盒", ticketCode: "A82F9E", realName: "微信*", phone: "123****4567" }
-        ]
+    normalizeListData(res) {
+      if (!res) return []
+      if (Array.isArray(res)) return res
+      if (Array.isArray(res.data)) return res.data
+      if (Array.isArray(res.data && res.data.list)) return res.data.list
+      if (Array.isArray(res.list)) return res.list
+      return []
+    },
+    formatDrawTime(time) {
+      if (!time) return "--"
+      const date = new Date(String(time).replace(/-/g, "/"))
+      if (Number.isNaN(date.getTime())) return String(time)
+      const y = date.getFullYear()
+      const m = String(date.getMonth() + 1).padStart(2, "0")
+      const d = String(date.getDate()).padStart(2, "0")
+      return `${y}年${m}月${d}日`
+    },
+    parsePeriodLabel(info = {}, winners = []) {
+      const periodText = String(info.periodNo || info.currentPeriodNo || info.periodLabel || "")
+      if (periodText) {
+        const match = periodText.match(/\d+/)
+        if (match && match[0]) return match[0].padStart(2, "0")
+      }
+      const firstWinner = winners[0] || {}
+      const winnerPeriod = String(firstWinner.periodNo || "")
+      const winnerMatch = winnerPeriod.match(/\d+/)
+      if (winnerMatch && winnerMatch[0]) return winnerMatch[0].padStart(2, "0")
+      return "01"
+    },
+    mapUserWinList(ticketList = []) {
+      return ticketList.map(item => ({
+        levelName: item.levelName || item.prizeLevelName || "中奖奖品",
+        prizeName: item.prizeName || item.awardName || "神秘奖品",
+        prizeDesc: item.prizeDesc || item.remark || "默认",
+        ticketCode: item.ticketCode || item.code || "--",
+        prizeType: item.prizeType,
+        prizeImage: item.prizeImage || item.image || ""
+      }))
+    },
+    async fetchData() {
+      try {
+        const [activityRes, winnerRes, myTicketsRes] = await Promise.all([
+          this.activityId ? getDrawActivityInfo(this.activityId) : Promise.resolve(null),
+          this.activityId ? getActivityWinRecord(this.activityId) : Promise.resolve(null),
+          getDrawMyTickets(1)
+        ])
+        const activityData = (activityRes && activityRes.data) || {}
+        const winnerList = this.normalizeListData(winnerRes)
+        const myTicketList = this.normalizeListData(myTicketsRes)
+
+        const filteredMyTicketList = this.activityId
+          ? myTicketList.filter(item => Number(item.activityId || item.drawActivityId || 0) === this.activityId)
+          : myTicketList
+
+        this.drawTime = this.formatDrawTime(activityData.drawTime || activityData.openTime || "")
+        this.activityWinnerList = winnerList
+        this.userWinList = this.mapUserWinList(filteredMyTicketList)
+        this.hasWon = this.userWinList.length > 0 ? 1 : 0
+        this.periodLabel = this.parsePeriodLabel(activityData, winnerList)
+      } catch (e) {
+        uni.showToast({
+          title: "中奖数据加载失败",
+          icon: "none"
+        })
+      } finally {
+        this.loaded = true
       }
-      this.hasWon = mockData.hasWon
-      this.userWinList = mockData.userWinList
-      this.activityWinnerList = mockData.activityWinnerList
-      this.loaded = true
     }
   }
 }
@@ -288,16 +327,15 @@ export default {
 }
 
 .draw-info-wrap {
-  border: 5rpx solid #1f1f1f;
-  border-radius: 26rpx;
-  background: #fff;
   position: relative;
   margin: 18rpx 0 38rpx;
   padding: 24rpx 70rpx;
   display: flex;
   align-items: center;
   min-height: 168rpx;
-  box-shadow: 0 6rpx 0 #d8d8d8;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-color: transparent;
 
   .period-side {
     position: absolute;
@@ -305,7 +343,6 @@ export default {
     transform: translateY(-50%);
     width: 54rpx;
     height: 152rpx;
-    border: 4rpx solid #1f1f1f;
     border-radius: 16rpx;
     display: flex;
     align-items: center;
@@ -313,7 +350,6 @@ export default {
     background: #fff4d1;
     padding-bottom: 15rpx;
     .side-text {
-      writing-mode: vertical-rl;
       font-size: 24rpx;
       line-height: 1.1;
       font-weight: 900;
@@ -333,19 +369,21 @@ export default {
     }
 
     &.left {
-      left: -10rpx;
-      background: #fff7df;
+      left: 8rpx;
+      background: transparent;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
     }
 
     &.right {
-      right: -10rpx;
-      background: #ffbe12;
+      right: 8rpx;
+      background: transparent;
     }
   }
 
   .draw-main {
     flex: 1;
-    border: 2rpx dashed #bcc3cd;
     border-radius: 16rpx;
     text-align: center;
     padding: 18rpx 12rpx;
@@ -368,14 +406,13 @@ export default {
 }
 
 .win-banner {
-  background: #d93325;
-  border: 5rpx solid #1f1f1f;
-  border-radius: 28rpx;
   padding: 54rpx 20rpx 26rpx;
   text-align: center;
   margin-bottom: 62rpx;
   position: relative;
-  box-shadow: 0 8rpx 0 #9f1e14;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  background-color: transparent;
 
   .win-badge {
     position: absolute;
@@ -522,11 +559,10 @@ export default {
     transform: translateX(-50%);
     display: flex;
     align-items: center;
-    padding: 8rpx 34rpx;
-    border-radius: 38rpx;
-    border: 4rpx solid #1f1f1f;
-    background: #ffd554;
-    box-shadow: 0 4rpx 0 #d8a61b;
+    padding: 14rpx 34rpx;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    background-color: transparent;
 
     .gift-icon {
       font-size: 28rpx;