Browse Source

添加用户地区的框+修改展示的是活动名称

wangxiangwen/feature-20250716103042-周年活动+众筹前台页面
wangxiangwen 3 weeks ago
parent
commit
e58fff4e3f
  1. 18
      activitylink/src/stone/activityStone.js
  2. 5
      activitylink/src/views/zhongchou/activity/detail/index.vue
  3. 1
      activitylink/src/views/zhongchou/activity/index.vue
  4. 7
      activitylink/src/views/zhongchou/winning/index.vue

18
activitylink/src/stone/activityStone.js

@ -37,6 +37,16 @@ export const useactivityStone = defineStore('activityStone', () => {
});
};
// 新增:持久化活动名称
const activityName = ref(localStorage.getItem('activityName') || '');
const setActivityName = (value) => {
activityName.value = value;
localStorage.setItem('activityName', value);
activityStorage.setItem('activityName', value).catch((err) => {
console.error('保存 activityName 到 localforage 失败:', err);
});
};
// 初始化恢复
const initialize = async () => {
try {
@ -48,11 +58,15 @@ export const useactivityStone = defineStore('activityStone', () => {
const storedId = await activityStorage.getItem('selectactivityId');
if (storedId !== null) selectactivityId.value = storedId;
const storedName = await activityStorage.getItem('activityName');
if (storedName !== null) activityName.value = storedName;
} catch (error) {
console.warn('从 localforage 恢复失败,尝试从 localStorage 恢复');
searchUsername.value = localStorage.getItem('searchUsername') || '';
searchJwcode.value = localStorage.getItem('searchJwcode') || '';
selectactivityId.value = localStorage.getItem('selectactivityId') || '';
activityName.value = localStorage.getItem('activityName') || '';
}
};
@ -62,8 +76,10 @@ export const useactivityStone = defineStore('activityStone', () => {
selectactivityId,
searchUsername,
searchJwcode,
activityName,
setselectedactivityId,
setSearchUsername,
setSearchJwcode
setSearchJwcode,
setActivityName
};
});

5
activitylink/src/views/zhongchou/activity/detail/index.vue

@ -10,7 +10,7 @@
当前总参与人数{{ totalParticipants }}         
参与{{marketOneLabel}}总人数{{ usParticipants }}      {{marketOneLabel}}助力总次数{{ usAssists }}         
参与{{marketTwoLabel}}总人数{{ hkParticipants }}      {{marketTwoLabel}}助力总次数{{ hkAssists }}         
当前活动id{{ activityStone.selectactivityId }}
当前活动名称为{{ activityStone.activityName }}
</div>
<!-- 搜索栏 -->
@ -51,8 +51,9 @@
</template>
</el-table-column>
<!-- <el-table-column prop="id" label="ID" width="100" align="center"></el-table-column> -->
<el-table-column prop="username" label="姓名" width="300" align="center"></el-table-column>
<el-table-column prop="username" label="姓名" width="200" align="center"></el-table-column>
<el-table-column prop="jwcode" label="精网号" width="300" align="center"></el-table-column>
<el-table-column prop="locMarket" label="用户地区" width="300" align="center"></el-table-column>
<el-table-column prop="text" label="参与市场" width="300" align="center"></el-table-column>
<el-table-column prop="joinTime" label="参与时间" align="center" :formatter="formatJoinTime"></el-table-column>
</el-table>

1
activitylink/src/views/zhongchou/activity/index.vue

@ -398,6 +398,7 @@ const handleCurrentChange = (val) => {
//
const goToDetail = (row) => {
activityStone.setselectedactivityId(row.id);
activityStone.setActivityName(row.activityName);
router.push({ name: 'activityDetail' });
};

7
activitylink/src/views/zhongchou/winning/index.vue

@ -4,7 +4,7 @@
<div class="gray-container">
<h2>中奖管理</h2>
<el-form :inline="true" class="search-bar">
<el-form-item label="姓名">
<el-form-item label="姓名" >
<el-input v-model="searchParams.username" placeholder="请输入姓名"></el-input>
</el-form-item>
<el-form-item label="精网号">
@ -45,10 +45,11 @@
<!-- 表格 -->
<div class="table-container">
<el-table :data="tableData" style="width: 100%" :row-style="{ height: '55px' }">
<el-table-column prop="username" label="姓名" width="180" align="center"></el-table-column>
<el-table-column prop="username" label="姓名" width="180" align="center" show-overflow-tooltip></el-table-column>
<el-table-column prop="jwcode" label="精网号" width="250" align="center"></el-table-column>
<el-table-column prop="locMarket" label="用户地区" width="250" align="center"></el-table-column>
<el-table-column prop="gradeName" label="中奖等级" width="200" align="center"></el-table-column>
<el-table-column prop="prizeName" label="所中礼品" width="300" align="center"></el-table-column>
<el-table-column prop="prizeName" label="所中礼品" width="200" align="center"></el-table-column>
<el-table-column prop="winTime" label="中奖时间" align="center"></el-table-column>
</el-table>
</div>

Loading…
Cancel
Save