初始化fy
This commit is contained in:
yziiy
38
App.vue
Normal file
38
App.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<script>
|
||||
export default {
|
||||
onLaunch: function() {
|
||||
// console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
|
||||
console.log('App Launch')
|
||||
},
|
||||
onShow: function() {
|
||||
console.log('App Show')
|
||||
},
|
||||
onHide: function() {
|
||||
console.log('App Hide')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@/static/public.css';
|
||||
/*每个页面公共css */
|
||||
@import '@/uni_modules/uni-scss/index.scss';
|
||||
/* #ifndef APP-NVUE */
|
||||
@import '@/static/customicons.css';
|
||||
|
||||
body {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
// 设置整个项目的背景色
|
||||
page {
|
||||
background-color: transparent !important;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
</style>
|
||||
128
component/LevelProgress.vue
Normal file
128
component/LevelProgress.vue
Normal file
@@ -0,0 +1,128 @@
|
||||
<template>
|
||||
<div class="level-container">
|
||||
<!-- SVG 轨道 + 滤镜定义 -->
|
||||
<svg class="level-svg" viewBox="0 0 500 150">
|
||||
<!-- 高光滤镜定义 -->
|
||||
<defs>
|
||||
<filter id="glowFilter">
|
||||
<feGaussianBlur in="SourceGraphic" stdDeviation="5" />
|
||||
<feColorMatrix type="matrix" values="
|
||||
1 0 0 0 0
|
||||
0 1 0 0 0
|
||||
0 0 1 0 0
|
||||
0 0 0 0.5 0" />
|
||||
<feBlend in2="SourceGraphic" mode="normal" />
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- 绘制向上弯曲的轨道曲线 -->
|
||||
<path class="track" d="M 50 75
|
||||
Q 250 25 450 75" />
|
||||
<template v-for="(ele,index) in lvList" :key="index">
|
||||
<circle v-if="index === 0" :class="ele.level === currentIndex ? 'highlight-dot' : 'normal-dot'" cx="50" cy="75" r="6" />
|
||||
<circle v-if="index === 1" :class="ele.level === currentIndex ? 'highlight-dot' : 'normal-dot'" cx="250" cy="50" r="8" fill="#fff"
|
||||
style="filter: drop-shadow(0 0 8px rgba(255,255,255,1));" />
|
||||
<circle v-if="index === 2" :class="ele.level === currentIndex ? 'highlight-dot' : 'normal-dot'" cx="450" cy="75" r="6" />
|
||||
</template>
|
||||
</svg>
|
||||
<template v-if="lvList && lvList.length">
|
||||
<div v-for="(ele,index) in lvList" class="level-text" :class="`text-${index+1}`">{{`Lv.${ele.level}`}}</div>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
lvList: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
},
|
||||
currentIndex:{
|
||||
type: Number,
|
||||
default: () => 0,
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
.level-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 110px;
|
||||
/* 深色背景模拟原图 */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.level-svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/* 绘制曲线轨道 */
|
||||
.track {
|
||||
stroke: rgba(255, 255, 255, 0.3);
|
||||
stroke-width: 2;
|
||||
fill: none;
|
||||
stroke-linecap: round;
|
||||
filter: url(#glowFilter);
|
||||
/* 应用高光滤镜 */
|
||||
}
|
||||
|
||||
/* Lv.2 高光节点样式 */
|
||||
.highlight-dot {
|
||||
fill: #fff;
|
||||
filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.8));
|
||||
/* 发光效果 */
|
||||
}
|
||||
|
||||
/* 普通节点样式 */
|
||||
.normal-dot {
|
||||
fill: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
/* 文字样式 */
|
||||
.level-text {
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
/* 文字位置 */
|
||||
.text-1 {
|
||||
left: 60rpx;
|
||||
}
|
||||
|
||||
.text-2 {
|
||||
/* left: 250px; */
|
||||
}
|
||||
|
||||
.text-3 {
|
||||
right: 60rpx;
|
||||
}
|
||||
|
||||
/* SVG 高光滤镜定义 */
|
||||
svg {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#glowFilter {
|
||||
filterUnits: userSpaceOnUse;
|
||||
}
|
||||
|
||||
#glowFilter feGaussianBlur {
|
||||
stdDeviation: 3;
|
||||
/* 高光模糊范围 */
|
||||
result: blur;
|
||||
}
|
||||
|
||||
/* #glowFilter feMerge {
|
||||
<feMergeNode in="blur" /><feMergeNode in="SourceGraphic" />
|
||||
} */
|
||||
</style>
|
||||
40
component/headerHeight.vue
Normal file
40
component/headerHeight.vue
Normal file
@@ -0,0 +1,40 @@
|
||||
<template>
|
||||
<view class="status-bar" :style="{ height: `${statusBarHeight}px`, backgroundColor : bgColor }">
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "headerHeight",
|
||||
props: {
|
||||
bgColor: {
|
||||
type: String,
|
||||
default: () => "transparent",
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
statusBarHeight: 0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.statusBarHeight = this.getStatusBarHeight()
|
||||
},
|
||||
activated() {
|
||||
this.statusBarHeight = this.getStatusBarHeight()
|
||||
},
|
||||
methods: {
|
||||
getStatusBarHeight() {
|
||||
const systemInfo = uni.getSystemInfoSync(); // 获取系统信息
|
||||
uni.setStorageSync('BarHeight', systemInfo.statusBarHeight)
|
||||
return systemInfo.statusBarHeight || 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.status-bar {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
63
component/nav.vue
Normal file
63
component/nav.vue
Normal file
@@ -0,0 +1,63 @@
|
||||
<template>
|
||||
<view class="nav flex-line" :style="`background-color:${bgColor}`">
|
||||
<view class="icon-image">
|
||||
<slot v-if="isLeftSlot" name="leftView"></slot>
|
||||
<img v-else src="@/static/image/help/back.png" alt="" @click="back" />
|
||||
</view>
|
||||
<view class="color-3 title font-w500 font-36">
|
||||
{{navTitle}}
|
||||
</view>
|
||||
<view class="flex-line">
|
||||
<slot name="rightView"></slot>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "navBar",
|
||||
props: {
|
||||
bgColor: {
|
||||
type: String,
|
||||
default: () => "transparent",
|
||||
},
|
||||
navTitle: {
|
||||
type: String,
|
||||
default: () => "标题",
|
||||
},
|
||||
emitBack:{
|
||||
type: Boolean,
|
||||
default: () => false,
|
||||
},
|
||||
isLeftSlot:{
|
||||
type: Boolean,
|
||||
default: () => false,
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
back(){
|
||||
if(this.emitBack) {
|
||||
this.$emit('backEvent')
|
||||
} else {
|
||||
uni.navigateBack()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.nav {
|
||||
padding: 32rpx;
|
||||
width: calc(100% - 64rpx);
|
||||
justify-content: start;
|
||||
.icon-image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
.title {
|
||||
width: calc(100% - 3rem);
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
222
component/newTable.vue
Normal file
222
component/newTable.vue
Normal file
@@ -0,0 +1,222 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<!-- 表格区域 -->
|
||||
<scroll-view
|
||||
scroll-y
|
||||
class="table-scroll"
|
||||
@scrolltolower="loadMore"
|
||||
:style="{height: scrollHeight + 'px'}"
|
||||
>
|
||||
<!-- 表头 -->
|
||||
<view class="table-header">
|
||||
<view
|
||||
class="header-item time-col"
|
||||
@click="toggleSort"
|
||||
>
|
||||
<text>时间</text>
|
||||
<!-- <view class="sort-icon">
|
||||
<text v-if="sortOrder === 'asc'">↑</text>
|
||||
<text v-else-if="sortOrder === 'desc'">↓</text>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="header-item">累计流水</view>
|
||||
<view class="header-item">获得补贴</view>
|
||||
<view class="header-item">状态</view>
|
||||
</view>
|
||||
<!-- 表格内容 -->
|
||||
<view
|
||||
class="table-row"
|
||||
v-for="(item, index) in tableData"
|
||||
:key="index"
|
||||
>
|
||||
<view class="row-item time-col">{{ item.time }}</view>
|
||||
<view class="row-item">{{ item.total_transaction }}</view>
|
||||
<view class="row-item">{{ item.subsidy_amount }}</view>
|
||||
<view class="row-item">
|
||||
<text :class="'status-' + item.status">{{ item.status_str }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 加载更多提示 -->
|
||||
<view class="load-more">
|
||||
<text v-if="loading">加载中...</text>
|
||||
<text v-else-if="noMore">没有更多数据了</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
tableData: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
sortOrder: 'desc', // 排序方式 desc降序/asc升序
|
||||
page: 1, // 当前页码
|
||||
pageSize: 10, // 每页条数
|
||||
loading: false, // 加载状态
|
||||
noMore: false, // 是否没有更多数据
|
||||
scrollHeight: 600 // 滚动区域高度，根据实际需要调整
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// 获取设备高度，动态设置scroll-view高度
|
||||
this.calculateScrollHeight();
|
||||
// 初始化加载数据
|
||||
// this.loadData();
|
||||
},
|
||||
methods: {
|
||||
// 计算滚动区域高度
|
||||
calculateScrollHeight() {
|
||||
const systemInfo = uni.getSystemInfoSync();
|
||||
this.scrollHeight = systemInfo.windowHeight - 50 - 67; // 减去表头高度
|
||||
},
|
||||
|
||||
// 切换排序
|
||||
toggleSort() {
|
||||
this.sortOrder = this.sortOrder === 'desc' ? 'asc' : 'desc';
|
||||
this.page = 1; // 重置页码
|
||||
this.tableData = []; // 清空数据
|
||||
this.noMore = false;
|
||||
this.loadData();
|
||||
},
|
||||
|
||||
// 加载数据
|
||||
async loadData() {
|
||||
if (this.loading || this.noMore) return;
|
||||
|
||||
this.loading = true;
|
||||
|
||||
try {
|
||||
// 模拟API请求 - 实际项目中替换为真实接口
|
||||
const mockData = this.getMockData(this.page, this.pageSize, this.sortOrder);
|
||||
|
||||
if (mockData.length === 0) {
|
||||
this.noMore = true;
|
||||
return;
|
||||
}
|
||||
|
||||
if (this.page === 1) {
|
||||
this.tableData = mockData;
|
||||
} else {
|
||||
this.tableData = [...this.tableData, ...mockData];
|
||||
}
|
||||
|
||||
this.page++;
|
||||
} finally {
|
||||
this.loading = false;
|
||||
}
|
||||
},
|
||||
|
||||
// 加载更多
|
||||
loadMore() {
|
||||
this.loadData();
|
||||
},
|
||||
|
||||
// 模拟数据 - 实际项目中删除
|
||||
getMockData(page, pageSize, sortOrder) {
|
||||
if (page > 3) return []; // 模拟只有3页数据
|
||||
|
||||
const data = [];
|
||||
const now = new Date();
|
||||
const statusOptions = [0, 1, 2]; // 0-待审核 1-已通过 2-已拒绝
|
||||
|
||||
for (let i = 0; i < pageSize; i++) {
|
||||
const days = (page - 1) * pageSize + i;
|
||||
const date = new Date(now);
|
||||
date.setDate(now.getDate() - days);
|
||||
|
||||
data.push({
|
||||
time: `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`,
|
||||
amount: (Math.random() * 10000).toFixed(2),
|
||||
subsidy: (Math.random() * 1000).toFixed(2),
|
||||
status: statusOptions[Math.floor(Math.random() * statusOptions.length)]
|
||||
});
|
||||
}
|
||||
|
||||
// 模拟排序
|
||||
if (sortOrder === 'asc') {
|
||||
return data.sort((a, b) => new Date(a.time) - new Date(b.time));
|
||||
} else {
|
||||
return data.sort((a, b) => new Date(b.time) - new Date(a.time));
|
||||
}
|
||||
},
|
||||
|
||||
// 状态文本
|
||||
getStatusText(status) {
|
||||
const statusMap = {
|
||||
0: '待审核',
|
||||
1: '已通过',
|
||||
2: '已拒绝'
|
||||
};
|
||||
return statusMap[status] || '未知';
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.container {
|
||||
/* padding: 20rpx; */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.table-scroll {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.table-header, .table-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
border-bottom: 1rpx solid #f5f5f5;
|
||||
}
|
||||
|
||||
.header-item, .row-item {
|
||||
flex: 1;
|
||||
padding: 20rpx 10rpx;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.header-item {
|
||||
font-weight: bold;
|
||||
/* background-color: #f8f8f8; */
|
||||
}
|
||||
|
||||
.time-col {
|
||||
flex: 1.2;
|
||||
}
|
||||
|
||||
.sort-icon {
|
||||
display: inline-block;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.status-0 {
|
||||
color: #FF9900;
|
||||
}
|
||||
|
||||
.status-1 {
|
||||
color: #19be6b;
|
||||
}
|
||||
|
||||
.status-2 {
|
||||
color: #FA3534;
|
||||
}
|
||||
|
||||
.load-more {
|
||||
padding: 20rpx;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
</style>
|
||||
178
component/swiper.vue
Normal file
178
component/swiper.vue
Normal file
@@ -0,0 +1,178 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<!-- 轮播图区域 -->
|
||||
<swiper class="swiper" :current="currentIndex" @change="onSwiperChange" :previous-margin="previewMargin + 'px'"
|
||||
:next-margin="previewMargin + 'px'" :circular="true" :autoplay="false">
|
||||
<swiper-item v-for="(item, index) in list" :key="index" style="align-content: center;">
|
||||
<view class="swiper-item" :class="{ active: currentIndex === index }" @click="handleClick(index)">
|
||||
<image class="image" :src="item.image" />
|
||||
<!-- <text class="title">{{ item.title }}</text> -->
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
|
||||
<!-- 指示器 -->
|
||||
<!-- <view class="indicators">
|
||||
<view
|
||||
v-for="(item, index) in list"
|
||||
:key="index"
|
||||
class="dot"
|
||||
:class="{ active: currentIndex === index }"
|
||||
@click="switchTo(index)"
|
||||
></view>
|
||||
</view> -->
|
||||
|
||||
<!-- 控制按钮 -->
|
||||
<!-- <view class="controls">
|
||||
<button class="btn" @click="switchTo(currentIndex - 1)">上一张</button>
|
||||
<button class="btn" @click="switchTo(2)">跳转到第3张</button>
|
||||
<button class="btn" @click="switchTo(currentIndex + 1)">下一张</button>
|
||||
</view> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import xinR from '@/static/image/grade/cf-xinren.png';
|
||||
import fuH from '@/static/image/grade/cf-fuhao.png';
|
||||
import xingJ from '@/static/image/grade/cf-xingjue.png';
|
||||
import xingH from '@/static/image/grade/cf-xinghou.png';
|
||||
import xingW from '@/static/image/grade/cf-xingwang.png';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
currentIndex: 0,
|
||||
previewMargin: 30, // 左右露出的边距（单位px）
|
||||
list: [{
|
||||
id: 1,
|
||||
title: '图片1',
|
||||
image: xinR
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: '图片2',
|
||||
image: fuH
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: '图片3',
|
||||
image: xingJ
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: '图片4',
|
||||
image: xingH
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: '图片5',
|
||||
image: xingW
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 切换轮播图
|
||||
switchTo(index) {
|
||||
if (index < 0) index = this.list.length - 1;
|
||||
if (index >= this.list.length) index = 0;
|
||||
this.currentIndex = index;
|
||||
},
|
||||
|
||||
// 轮播图切换事件
|
||||
onSwiperChange(e) {
|
||||
this.currentIndex = e.detail.current;
|
||||
},
|
||||
|
||||
// 点击轮播项
|
||||
handleClick(index) {
|
||||
console.log('点击了第', index + 1, '张');
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.container {
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
height: 300rpx;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.swiper-item {
|
||||
height: 266rpx;
|
||||
border-radius: 30rpx;
|
||||
overflow: hidden;
|
||||
/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
.swiper-item.active {
|
||||
height: 266rpx;
|
||||
border-radius: 30rpx;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
img {
|
||||
border-radius: 30rpx !important;
|
||||
}
|
||||
|
||||
.image {
|
||||
flex: 1;
|
||||
width: 92%;
|
||||
height: 90%;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.indicators {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background-color: #ccc;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.dot.active {
|
||||
background-color: #007AFF;
|
||||
transform: scale(1.3);
|
||||
}
|
||||
|
||||
.controls {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
background-color: #007AFF;
|
||||
color: white;
|
||||
border-radius: 4px;
|
||||
}
|
||||
</style>
|
||||
187
component/tab.vue
Normal file
187
component/tab.vue
Normal file
@@ -0,0 +1,187 @@
|
||||
<template>
|
||||
<div class="navigation-container">
|
||||
<!-- 导航栏 -->
|
||||
<div class="nav-tabs">
|
||||
<div v-for="(tab, index) in tabs" :key="index" :class="['nav-tab', { active: activeTab === index }]"
|
||||
@click="switchTab(index)">
|
||||
{{ tab.value }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "NavigationTabs",
|
||||
props: {
|
||||
// 外部传入的标签数据
|
||||
tabsData: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
},
|
||||
// 默认激活的标签索引
|
||||
defaultActive: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeTab: this.defaultActive,
|
||||
// 默认标签数据
|
||||
defaultTabs: [{
|
||||
key: "created",
|
||||
label: "我创建的",
|
||||
title: "我创建的内容",
|
||||
content: "这里显示您创建的所有内容和项目。",
|
||||
},
|
||||
{
|
||||
key: "hosted",
|
||||
label: "我主持的",
|
||||
title: "我主持的内容",
|
||||
content: "这里显示您正在主持的活动和会议。",
|
||||
},
|
||||
{
|
||||
key: "managed",
|
||||
label: "我管理的",
|
||||
title: "我管理的内容",
|
||||
content: "这里显示您管理的团队和资源。",
|
||||
},
|
||||
{
|
||||
key: "focused",
|
||||
label: "我关注的",
|
||||
title: "我关注的内容",
|
||||
content: "这里显示您关注的话题和动态。",
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
// 使用外部数据或默认数据
|
||||
tabs() {
|
||||
return this.tabsData.length > 0 ? this.tabsData : this.defaultTabs;
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
// 监听外部传入的默认激活标签变化
|
||||
defaultActive: {
|
||||
handler(newVal) {
|
||||
this.activeTab = newVal;
|
||||
},
|
||||
immediate: true,
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 切换标签
|
||||
switchTab(index) {
|
||||
if (index !== this.activeTab) {
|
||||
this.activeTab = index;
|
||||
// 向父组件发射事件
|
||||
this.$emit("tab-change", {
|
||||
index: index,
|
||||
tab: this.tabs[index],
|
||||
});
|
||||
}
|
||||
},
|
||||
// 获取当前激活的标签数据
|
||||
getCurrentTab() {
|
||||
return this.tabs[this.activeTab];
|
||||
},
|
||||
// 程序化切换到指定标签
|
||||
setActiveTab(index) {
|
||||
if (index >= 0 && index < this.tabs.length) {
|
||||
this.switchTab(index);
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
// 组件挂载后发射初始状态
|
||||
this.$emit("tab-change", {
|
||||
index: this.activeTab,
|
||||
tab: this.tabs[this.activeTab],
|
||||
});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.navigation-container {
|
||||
width: 100%;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
|
||||
"Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
|
||||
/* 导航栏样式 */
|
||||
.nav-tabs {
|
||||
display: flex;
|
||||
font-size: 24rpx;
|
||||
overflow-x: auto;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.nav-tab {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
/* transition: all 0.3s ease; */
|
||||
border-radius: 6px;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
position: relative;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
margin: auto 10rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
}
|
||||
|
||||
.nav-tab:hover {
|
||||
/* background-color: rgba(255, 255, 255, 0.3); */
|
||||
color: #1a4332;
|
||||
}
|
||||
|
||||
.nav-tab.active {
|
||||
color: #333333;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.nav-tab.active::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 14rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 80%;
|
||||
height: 16rpx;
|
||||
background-image: url('@/static/image/propMall/tabline.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 1px;
|
||||
z-index: -10;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.nav-tabs {
|
||||
/* padding: 2px; */
|
||||
}
|
||||
|
||||
.nav-tab {
|
||||
padding: 8px 4px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
/* @keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
} */
|
||||
</style>
|
||||
76
component/table.vue
Normal file
76
component/table.vue
Normal file
@@ -0,0 +1,76 @@
|
||||
<template>
|
||||
<view class="table">
|
||||
<!-- 表头 -->
|
||||
<view class="tr header">
|
||||
<view class="th" :style="{'width': col.width}" v-for="col in columns" :key="col.key">{{ col.title }}</view>
|
||||
</view>
|
||||
|
||||
<!-- 数据行 -->
|
||||
<view class="tr" v-for="(item, index) in tableData" :key="index">
|
||||
<view class="td color-6" style="display: inline-flex;align-items: center;
|
||||
justify-content: flex-start;" v-for="col in columns" :style="{'width': col.width}" :key="col.key">
|
||||
<span class="truncate"> {{ item[col.key] }} </span>
|
||||
<img style="width: 20rpx;height: 20rpx;margin-left: 10rpx;" v-if="col.key === 'earnings'" :src="icon" alt="" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ZS from '@/static/image/income/zuanshi.png';
|
||||
export default {
|
||||
props: {
|
||||
// 外部传入的标签数据
|
||||
tableData: {},
|
||||
tableLabel:[]
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
icon:ZS,
|
||||
columns: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
if(this.tableLabel && this.tableLabel.length) {
|
||||
this.columns = [...this.tableLabel]
|
||||
} else {
|
||||
this.columns = [
|
||||
{ title: '昵称', key: 'nickname', width: '50%' },
|
||||
{ title: '时间', key: 'createtime', width: '50%' },
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.table {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.tr {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #ebeef5;
|
||||
}
|
||||
|
||||
.header {
|
||||
/* background-color: #f5f7fa; */
|
||||
font-weight: bold;
|
||||
color: #6A2E00;
|
||||
}
|
||||
|
||||
.th, .td {
|
||||
padding: 12px 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 动态设置列宽 */
|
||||
/* .th:nth-child(1), .td:nth-child(1) { width: 50%; }
|
||||
.th:nth-child(2), .td:nth-child(2) { width: 50%; }
|
||||
.th:nth-child(3), .td:nth-child(3) { width: 20%; }
|
||||
.th:nth-child(4), .td:nth-child(4) {
|
||||
width: 20%;
|
||||
text-align: center;
|
||||
} */
|
||||
</style>
|
||||
104
component/uploadImage.vue
Normal file
104
component/uploadImage.vue
Normal file
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<uni-file-picker ref="filePicker" return-type="array" :limit="1" v-model="fileList" fileMediatype="image" mode="grid" :auto-upload="false" @select="select"
|
||||
@progress="progress" @success="success" @fail="fail"></uni-file-picker>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
fileList: []
|
||||
}
|
||||
},
|
||||
watch:{
|
||||
fileList(val){
|
||||
this.$emit('changeImageList',this.fileList)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 选择文件回调
|
||||
select(e) {
|
||||
this.tempFiles = e.tempFiles // 临时存储选择的文件
|
||||
if (!this.tempFiles || this.tempFiles.length === 0) {
|
||||
uni.showToast({
|
||||
title: '请先选择文件',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
// 遍历所有选择的文件
|
||||
this.tempFiles.forEach(file => {
|
||||
this.uploadFile(file)
|
||||
})
|
||||
// const platform = uni.getSystemInfoSync().platform;
|
||||
// if (platform === 'ios') {
|
||||
// this.tempFiles = e.tempFiles // 临时存储选择的文件
|
||||
// if (!this.tempFiles || this.tempFiles.length === 0) {
|
||||
// uni.showToast({
|
||||
// title: '请先选择文件',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// return
|
||||
// }
|
||||
// // 遍历所有选择的文件
|
||||
// this.tempFiles.forEach(file => {
|
||||
// this.uploadFile(file)
|
||||
// })
|
||||
// } else if (platform === 'android') {
|
||||
// // alert(e)
|
||||
// // console.log('安卓android安卓android安卓android安卓android安卓android安卓android安卓android安卓android安卓android安卓android安卓android安卓android')
|
||||
// uni.chooseImage({
|
||||
// success: (chooseImageRes) => {
|
||||
// const tempFilePaths = chooseImageRes.tempFilePaths;
|
||||
// // alert(tempFilePaths[0])
|
||||
// // debugger
|
||||
// this.uploadFile(tempFilePaths[0])
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
|
||||
},
|
||||
uploadFile(file) {
|
||||
uni.uploadFile({
|
||||
url: 'https://chat.qxmier.com/adminapi/UploadFile/file_upload',
|
||||
filePath: file.path,
|
||||
name: 'files',
|
||||
success: (uploadRes) => {
|
||||
const {code,data} = JSON.parse(uploadRes.data)
|
||||
if(code) {
|
||||
this.fileList.push({
|
||||
tempFile: data,
|
||||
tempFilePath: data.url,
|
||||
res: JSON.parse(uploadRes.data)
|
||||
})
|
||||
// console.log(this.fileList)
|
||||
this.$emit('changeImageList',this.fileList)
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 上传成功回调
|
||||
success(e) {
|
||||
console.log('上传成功', e)
|
||||
},
|
||||
|
||||
// 上传失败回调
|
||||
fail(e) {
|
||||
console.log('上传失败', e)
|
||||
},
|
||||
|
||||
// 上传进度回调
|
||||
progress(e) {
|
||||
console.log('上传进度', e)
|
||||
},
|
||||
clearImage(){
|
||||
this.fileList = []
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
28
index.html
Normal file
28
index.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<script>
|
||||
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
|
||||
CSS.supports('top: constant(a)'))
|
||||
document.write(
|
||||
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
||||
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
||||
</script>
|
||||
<title></title>
|
||||
<!--preload-links-->
|
||||
<!--app-context-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"><!--app-html--></div>
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
<style>
|
||||
body { background-color: transparent !important; }
|
||||
.uni-app { background-color: transparent; }
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
82
manifest.json
Normal file
82
manifest.json
Normal file
@@ -0,0 +1,82 @@
|
||||
{
|
||||
"name": "Vespa",
|
||||
"appid": "__UNI__A4B5AED",
|
||||
"description": "",
|
||||
"versionName": "1.0.0",
|
||||
"versionCode": "100",
|
||||
"transformPx": false,
|
||||
"app-plus": {
|
||||
"background": "transparent", // 关键配置
|
||||
"backgroundColor": "#00000000",
|
||||
"webview": {
|
||||
"transparent": "always" // 确保 Webview 透明
|
||||
},
|
||||
/* 5+App特有相关 */
|
||||
"usingComponents": true,
|
||||
"nvueCompiler": "uni-app",
|
||||
"nvueStyleCompiler": "uni-app",
|
||||
"splashscreen": {
|
||||
"alwaysShowBeforeRender": true,
|
||||
"waiting": true,
|
||||
"autoclose": true,
|
||||
"delay": 0
|
||||
},
|
||||
"modules": {},
|
||||
/* 模块配置 */
|
||||
"distribute": {
|
||||
/* 应用发布信息 */
|
||||
"android": {
|
||||
/* android打包配置 */
|
||||
"permissions": [
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
||||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
||||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.INTERNET\" />"
|
||||
]
|
||||
},
|
||||
"ios": {},
|
||||
/* ios打包配置 */
|
||||
"sdkConfigs": {}
|
||||
}
|
||||
},
|
||||
/* SDK配置 */
|
||||
"quickapp": {},
|
||||
/* 快应用特有相关 */
|
||||
"mp-weixin": {
|
||||
/* 小程序特有相关 */
|
||||
"appid": "",
|
||||
"setting": {
|
||||
"urlCheck": false
|
||||
},
|
||||
"usingComponents": true
|
||||
},
|
||||
"h5": {
|
||||
"devServer": {
|
||||
"port": 8080, //浏览器运行端口
|
||||
"disableHostCheck": true, //设置跳过host检查
|
||||
"proxy": {
|
||||
"/api": {
|
||||
"target": "https://chat.qxmier.com", //目标接口域名
|
||||
"changeOrigin": true, //是否跨域
|
||||
"secure": false, // 设置支持https协议的代理
|
||||
"pathRewrite": {
|
||||
"^/api": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"vueVersion": "3"
|
||||
}
|
||||
650
package-lock.json
generated
Normal file
650
package-lock.json
generated
Normal file
@@ -0,0 +1,650 @@
|
||||
{
|
||||
"name": "yusheng-H5",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"dependencies": {
|
||||
"axios": "^1.9.0",
|
||||
"vue-i18n": "^11.1.5"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helper-string-parser": {
|
||||
"version": "7.27.1",
|
||||
"resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
|
||||
"integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helper-validator-identifier": {
|
||||
"version": "7.27.1",
|
||||
"resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
|
||||
"integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/parser": {
|
||||
"version": "7.27.4",
|
||||
"resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.27.4.tgz",
|
||||
"integrity": "sha512-BRmLHGwpUqLFR2jzx9orBuX/ABDkj2jLKOXrHDTN2aOKL+jFDDKaRNo9nyYsIl9h/UE/7lMKdDjKQQyxKKDZ7g==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@babel/types": "^7.27.3"
|
||||
},
|
||||
"bin": {
|
||||
"parser": "bin/babel-parser.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/types": {
|
||||
"version": "7.27.3",
|
||||
"resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.27.3.tgz",
|
||||
"integrity": "sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@babel/helper-string-parser": "^7.27.1",
|
||||
"@babel/helper-validator-identifier": "^7.27.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@intlify/core-base": {
|
||||
"version": "11.1.5",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-11.1.5.tgz",
|
||||
"integrity": "sha512-xGRkISwV/2Trqb8yVQevlHm5roaQqy+75qwUzEQrviaQF0o4c5VDhjBW7WEGEoKFx09HSgq7NkvK/DAyuerTDg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@intlify/message-compiler": "11.1.5",
|
||||
"@intlify/shared": "11.1.5"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 16"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/kazupon"
|
||||
}
|
||||
},
|
||||
"node_modules/@intlify/message-compiler": {
|
||||
"version": "11.1.5",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-11.1.5.tgz",
|
||||
"integrity": "sha512-YLSBbjD7qUdShe3ZAat9Hnf9E8FRpN6qmNFD/x5Xg5JVXjsks0kJ90Zj6aAuyoppJQA/YJdWZ8/bB7k3dg2TjQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@intlify/shared": "11.1.5",
|
||||
"source-map-js": "^1.0.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 16"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/kazupon"
|
||||
}
|
||||
},
|
||||
"node_modules/@intlify/shared": {
|
||||
"version": "11.1.5",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-11.1.5.tgz",
|
||||
"integrity": "sha512-+I4vRzHm38VjLr/CAciEPJhGYFzWWW4HMTm+6H3WqknXLh0ozNX9oC8ogMUwTSXYR/wGUb1/lTpNziiCH5MybQ==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 16"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/kazupon"
|
||||
}
|
||||
},
|
||||
"node_modules/@jridgewell/sourcemap-codec": {
|
||||
"version": "1.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
|
||||
"integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
|
||||
"license": "MIT",
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/@vue/compiler-core": {
|
||||
"version": "3.5.16",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.16.tgz",
|
||||
"integrity": "sha512-AOQS2eaQOaaZQoL1u+2rCJIKDruNXVBZSiUD3chnUrsoX5ZTQMaCvXlWNIfxBJuU15r1o7+mpo5223KVtIhAgQ==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@babel/parser": "^7.27.2",
|
||||
"@vue/shared": "3.5.16",
|
||||
"entities": "^4.5.0",
|
||||
"estree-walker": "^2.0.2",
|
||||
"source-map-js": "^1.2.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/compiler-dom": {
|
||||
"version": "3.5.16",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.16.tgz",
|
||||
"integrity": "sha512-SSJIhBr/teipXiXjmWOVWLnxjNGo65Oj/8wTEQz0nqwQeP75jWZ0n4sF24Zxoht1cuJoWopwj0J0exYwCJ0dCQ==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vue/compiler-core": "3.5.16",
|
||||
"@vue/shared": "3.5.16"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/compiler-sfc": {
|
||||
"version": "3.5.16",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.16.tgz",
|
||||
"integrity": "sha512-rQR6VSFNpiinDy/DVUE0vHoIDUF++6p910cgcZoaAUm3POxgNOOdS/xgoll3rNdKYTYPnnbARDCZOyZ+QSe6Pw==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@babel/parser": "^7.27.2",
|
||||
"@vue/compiler-core": "3.5.16",
|
||||
"@vue/compiler-dom": "3.5.16",
|
||||
"@vue/compiler-ssr": "3.5.16",
|
||||
"@vue/shared": "3.5.16",
|
||||
"estree-walker": "^2.0.2",
|
||||
"magic-string": "^0.30.17",
|
||||
"postcss": "^8.5.3",
|
||||
"source-map-js": "^1.2.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/compiler-ssr": {
|
||||
"version": "3.5.16",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.16.tgz",
|
||||
"integrity": "sha512-d2V7kfxbdsjrDSGlJE7my1ZzCXViEcqN6w14DOsDrUCHEA6vbnVCpRFfrc4ryCP/lCKzX2eS1YtnLE/BuC9f/A==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vue/compiler-dom": "3.5.16",
|
||||
"@vue/shared": "3.5.16"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/devtools-api": {
|
||||
"version": "6.6.4",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
|
||||
"integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@vue/reactivity": {
|
||||
"version": "3.5.16",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.16.tgz",
|
||||
"integrity": "sha512-FG5Q5ee/kxhIm1p2bykPpPwqiUBV3kFySsHEQha5BJvjXdZTUfmya7wP7zC39dFuZAcf/PD5S4Lni55vGLMhvA==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vue/shared": "3.5.16"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/runtime-core": {
|
||||
"version": "3.5.16",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.16.tgz",
|
||||
"integrity": "sha512-bw5Ykq6+JFHYxrQa7Tjr+VSzw7Dj4ldR/udyBZbq73fCdJmyy5MPIFR9IX/M5Qs+TtTjuyUTCnmK3lWWwpAcFQ==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vue/reactivity": "3.5.16",
|
||||
"@vue/shared": "3.5.16"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/runtime-dom": {
|
||||
"version": "3.5.16",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.16.tgz",
|
||||
"integrity": "sha512-T1qqYJsG2xMGhImRUV9y/RseB9d0eCYZQ4CWca9ztCuiPj/XWNNN+lkNBuzVbia5z4/cgxdL28NoQCvC0Xcfww==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vue/reactivity": "3.5.16",
|
||||
"@vue/runtime-core": "3.5.16",
|
||||
"@vue/shared": "3.5.16",
|
||||
"csstype": "^3.1.3"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/server-renderer": {
|
||||
"version": "3.5.16",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.16.tgz",
|
||||
"integrity": "sha512-BrX0qLiv/WugguGsnQUJiYOE0Fe5mZTwi6b7X/ybGB0vfrPH9z0gD/Y6WOR1sGCgX4gc25L1RYS5eYQKDMoNIg==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vue/compiler-ssr": "3.5.16",
|
||||
"@vue/shared": "3.5.16"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "3.5.16"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/shared": {
|
||||
"version": "3.5.16",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.16.tgz",
|
||||
"integrity": "sha512-c/0fWy3Jw6Z8L9FmTyYfkpM5zklnqqa9+a6dz3DvONRKW2NEbh46BP0FHuLFSWi2TnQEtp91Z6zOWNrU6QiyPg==",
|
||||
"license": "MIT",
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/asynckit": {
|
||||
"version": "0.4.0",
|
||||
"resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
|
||||
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/axios": {
|
||||
"version": "1.9.0",
|
||||
"resolved": "https://registry.npmmirror.com/axios/-/axios-1.9.0.tgz",
|
||||
"integrity": "sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"follow-redirects": "^1.15.6",
|
||||
"form-data": "^4.0.0",
|
||||
"proxy-from-env": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/call-bind-apply-helpers": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
|
||||
"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"es-errors": "^1.3.0",
|
||||
"function-bind": "^1.1.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/combined-stream": {
|
||||
"version": "1.0.8",
|
||||
"resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
|
||||
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"delayed-stream": "~1.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/csstype": {
|
||||
"version": "3.1.3",
|
||||
"resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
|
||||
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
|
||||
"license": "MIT",
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/delayed-stream": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
|
||||
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/dunder-proto": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmmirror.com/dunder-proto/-/dunder-proto-1.0.1.tgz",
|
||||
"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"call-bind-apply-helpers": "^1.0.1",
|
||||
"es-errors": "^1.3.0",
|
||||
"gopd": "^1.2.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/entities": {
|
||||
"version": "4.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
|
||||
"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
|
||||
"license": "BSD-2-Clause",
|
||||
"peer": true,
|
||||
"engines": {
|
||||
"node": ">=0.12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/fb55/entities?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/es-define-property": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.1.tgz",
|
||||
"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/es-errors": {
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
|
||||
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/es-object-atoms": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
|
||||
"integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"es-errors": "^1.3.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/es-set-tostringtag": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
|
||||
"integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"es-errors": "^1.3.0",
|
||||
"get-intrinsic": "^1.2.6",
|
||||
"has-tostringtag": "^1.0.2",
|
||||
"hasown": "^2.0.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/estree-walker": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
|
||||
"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
|
||||
"license": "MIT",
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/follow-redirects": {
|
||||
"version": "1.15.9",
|
||||
"resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.9.tgz",
|
||||
"integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "individual",
|
||||
"url": "https://github.com/sponsors/RubenVerborgh"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=4.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"debug": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/form-data": {
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.2.tgz",
|
||||
"integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"asynckit": "^0.4.0",
|
||||
"combined-stream": "^1.0.8",
|
||||
"es-set-tostringtag": "^2.1.0",
|
||||
"mime-types": "^2.1.12"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/function-bind": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
|
||||
"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/get-intrinsic": {
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
|
||||
"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"call-bind-apply-helpers": "^1.0.2",
|
||||
"es-define-property": "^1.0.1",
|
||||
"es-errors": "^1.3.0",
|
||||
"es-object-atoms": "^1.1.1",
|
||||
"function-bind": "^1.1.2",
|
||||
"get-proto": "^1.0.1",
|
||||
"gopd": "^1.2.0",
|
||||
"has-symbols": "^1.1.0",
|
||||
"hasown": "^2.0.2",
|
||||
"math-intrinsics": "^1.1.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/get-proto": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmmirror.com/get-proto/-/get-proto-1.0.1.tgz",
|
||||
"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"dunder-proto": "^1.0.1",
|
||||
"es-object-atoms": "^1.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/gopd": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
|
||||
"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/has-symbols": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.1.0.tgz",
|
||||
"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/has-tostringtag": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
|
||||
"integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"has-symbols": "^1.0.3"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/hasown": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
|
||||
"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"function-bind": "^1.1.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/magic-string": {
|
||||
"version": "0.30.17",
|
||||
"resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.17.tgz",
|
||||
"integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@jridgewell/sourcemap-codec": "^1.5.0"
|
||||
}
|
||||
},
|
||||
"node_modules/math-intrinsics": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
|
||||
"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/mime-db": {
|
||||
"version": "1.52.0",
|
||||
"resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
|
||||
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/mime-types": {
|
||||
"version": "2.1.35",
|
||||
"resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
|
||||
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"mime-db": "1.52.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/nanoid": {
|
||||
"version": "3.3.11",
|
||||
"resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz",
|
||||
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/ai"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"bin": {
|
||||
"nanoid": "bin/nanoid.cjs"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
|
||||
}
|
||||
},
|
||||
"node_modules/picocolors": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
|
||||
"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
|
||||
"license": "ISC",
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/postcss": {
|
||||
"version": "8.5.4",
|
||||
"resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.4.tgz",
|
||||
"integrity": "sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/postcss/"
|
||||
},
|
||||
{
|
||||
"type": "tidelift",
|
||||
"url": "https://tidelift.com/funding/github/npm/postcss"
|
||||
},
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/ai"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"nanoid": "^3.3.11",
|
||||
"picocolors": "^1.1.1",
|
||||
"source-map-js": "^1.2.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^10 || ^12 || >=14"
|
||||
}
|
||||
},
|
||||
"node_modules/proxy-from-env": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/source-map-js": {
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
|
||||
"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
|
||||
"license": "BSD-3-Clause",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/vue": {
|
||||
"version": "3.5.16",
|
||||
"resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.16.tgz",
|
||||
"integrity": "sha512-rjOV2ecxMd5SiAmof2xzh2WxntRcigkX/He4YFJ6WdRvVUrbt6DxC1Iujh10XLl8xCDRDtGKMeO3D+pRQ1PP9w==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vue/compiler-dom": "3.5.16",
|
||||
"@vue/compiler-sfc": "3.5.16",
|
||||
"@vue/runtime-dom": "3.5.16",
|
||||
"@vue/server-renderer": "3.5.16",
|
||||
"@vue/shared": "3.5.16"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"typescript": "*"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"typescript": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/vue-i18n": {
|
||||
"version": "11.1.5",
|
||||
"resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-11.1.5.tgz",
|
||||
"integrity": "sha512-XCwuaEA5AF97g1frvH/EI1zI9uo1XKTf2/OCFgts7NvUWRsjlgeHPrkJV+a3gpzai2pC4quZ4AnOHFO8QK9hsg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@intlify/core-base": "11.1.5",
|
||||
"@intlify/shared": "11.1.5",
|
||||
"@vue/devtools-api": "^6.5.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 16"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/kazupon"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "^3.0.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
6
package.json
Normal file
6
package.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"axios": "^1.9.0",
|
||||
"vue-i18n": "^11.1.5"
|
||||
}
|
||||
}
|
||||
148
pages.json
Normal file
148
pages.json
Normal file
@@ -0,0 +1,148 @@
|
||||
{
|
||||
"pages": [{
|
||||
"path": "pages/union/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "公会中心"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/union/detail",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "公会详情"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/union/roomAndflow",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "公会房间及流水"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/union/unionMembers",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "公会成员"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/union/exitApplication",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "退出审核"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/union/subsidy",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "公会补贴"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/union/historyRecord",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "公会补贴历史记录"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/union/setGroup",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "群聊设置"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/union/memberList",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "群聊成员"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/other/taskDesc",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "规则说明"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/prop/propMall",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "道具商城"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/other/grade",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "等级"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/other/gradeRule",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "等级规则"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/other/income",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "邀请收益"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/feedback/help",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "帮助与反馈"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/feedback/feedback",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "反馈问题"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/feedback/teenage",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "青少年"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/feedback/problemDetail",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "问题详情"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/feedback/report",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "举报"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/other/aboutUs",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "关于我们"
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "uni-app",
|
||||
"navigationBarBackgroundColor": "#F8F8F8",
|
||||
"backgroundColor": "transparent"
|
||||
}
|
||||
}
|
||||
375
pages/feedback/feedback.vue
Normal file
375
pages/feedback/feedback.vue
Normal file
@@ -0,0 +1,375 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<headerHeight bgColor="#fff" />
|
||||
<navBar :navTitle="footerIndex ? '反馈列表' : '反馈问题'" bgColor="#fff">
|
||||
</navBar>
|
||||
<view class="container" v-if="!errorPage">
|
||||
<view v-if="footerIndex === 0">
|
||||
<view class="">
|
||||
<view class="title font-32 color-3 font-w500">
|
||||
问题描述
|
||||
</view>
|
||||
<view class="textarea-view">
|
||||
<textarea v-model="description" placeholder-style="color:#666" placeholder="请输入问题描述" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="" style="margin-top: 24rpx;">
|
||||
<view class="title font-32 color-3 font-w500">
|
||||
问题截图（选填）
|
||||
</view>
|
||||
<view class="textarea-view">
|
||||
<uploadImage @changeImageList="successUpload" ref="uploadImage"></uploadImage>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" style="margin-top: 24rpx;">
|
||||
<view class="title font-32 color-3 font-w500">
|
||||
联系电话（选填）
|
||||
</view>
|
||||
<view class="textarea-view">
|
||||
<input v-model="phone" class="uni-input" type="number" placeholder="请输入联系电话" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-line confirm-view">
|
||||
<view class="confirm-button color-3 font-28" @click="submit">
|
||||
提交
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="footerIndex === 1">
|
||||
<view v-if="dataList && dataList.length">
|
||||
<view class="feed-box" v-for="item in dataList" :key="item.id">
|
||||
<view class="box-top-line">
|
||||
<view v-if="item.image" class="new-box-image">
|
||||
<img :src="item.image" alt="" />
|
||||
</view>
|
||||
<view :class="item.image ? 'ml-20 text-content-image' : 'text-content'">
|
||||
<view class="color-6 font-28 multi-line w-fill">
|
||||
{{item.content}}
|
||||
</view>
|
||||
<view class="font-24 color-9 mt-24">
|
||||
{{item.updatetime}}
|
||||
</view>
|
||||
<!-- -->
|
||||
<img v-if="item.is_deal === 2" style="width: 100rpx;height: 100rpx;position: absolute; right: 5%;bottom: 2%;" :src="icon" alt="" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<uni-load-more :status="loading ? 'loading' : noMore ? 'noMore' : 'more'" />
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="">
|
||||
暂无身份信息
|
||||
</view>
|
||||
<view class="footer flex-line">
|
||||
<view class="footer-button flex-line" @click="operate(index)" v-for="(item,index) in footerList"
|
||||
:key="index">
|
||||
<view class="icon">
|
||||
<uni-icons :type="item.icon" :color="footerIndex === index ? '#0DFFB9' : '#333'"
|
||||
size="20"></uni-icons>
|
||||
</view>
|
||||
<view :class="footerIndex === index ? 'active' : ''" class="title ml-6 color-3 font-28 font-w400">
|
||||
{{item.title}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import uploadImage from '@/component/uploadImage.vue'
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import http from '@/until/http.js';
|
||||
import logo from '@/static/image/logo.png';
|
||||
import Icon from '@/static/image/help/yichuli.png'
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar,
|
||||
uploadImage
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
logo,
|
||||
icon:Icon,
|
||||
footerList: [{
|
||||
title: '意见反馈',
|
||||
icon: 'mail-open'
|
||||
},
|
||||
{
|
||||
title: '我的反馈',
|
||||
icon: 'person'
|
||||
}
|
||||
],
|
||||
pageConfig: {
|
||||
pageSize: 5,
|
||||
currentPage: 1,
|
||||
total: 0
|
||||
},
|
||||
footerIndex: 0,
|
||||
loading: false,
|
||||
errorPage: false,
|
||||
total: 0,
|
||||
last_page: 0,
|
||||
page: 1,
|
||||
limit: 10,
|
||||
dataList: [],
|
||||
phone: '',
|
||||
description: '',
|
||||
uploadResult: "", // 上传结果
|
||||
noMore: true
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id
|
||||
} = options
|
||||
uni.setStorageSync('token', id)
|
||||
// this.statusBarHeight = h
|
||||
this.errorPage = id ? false : true
|
||||
},
|
||||
onReachBottom() {
|
||||
if (!this.loading && !this.noMore) {
|
||||
this.getUserFeedList()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
successUpload(list) {
|
||||
const imageList = list.map(ele => {
|
||||
return ele.tempFilePath
|
||||
})
|
||||
if (imageList && imageList.length) {
|
||||
this.uploadResult = imageList.join(',')
|
||||
} else {
|
||||
this.uploadResult = ""
|
||||
}
|
||||
},
|
||||
operate(index) {
|
||||
if (index) {
|
||||
this.pageConfig.currentPage = 1
|
||||
this.dataList = []
|
||||
this.getUserFeedList()
|
||||
}
|
||||
setTimeout(()=> {
|
||||
this.footerIndex = index
|
||||
},500)
|
||||
},
|
||||
async getUserFeedList() {
|
||||
await http.get('/api/Suggest/my_suggest', {
|
||||
token: uni.getStorageSync('token'),
|
||||
page: this.pageConfig.currentPage,
|
||||
page_limit: this.pageConfig.pageSize
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
this.pageConfig.total = data.count
|
||||
this.loading = false
|
||||
const newData = data.list || []
|
||||
if (newData.length === 0) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
this.dataList = [...this.dataList, ...newData]
|
||||
this.pageConfig.currentPage++
|
||||
if (this.dataList.length === this.pageConfig.total) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
submit() {
|
||||
if (!uni.getStorageSync('token')) {
|
||||
uni.showToast({
|
||||
title: "暂无用户身份信息",
|
||||
icon: 'none'
|
||||
});
|
||||
return
|
||||
}
|
||||
if (this.description === '') {
|
||||
uni.showToast({
|
||||
title: "请输入问题描述",
|
||||
icon: 'none'
|
||||
});
|
||||
return
|
||||
}
|
||||
const parameter = {
|
||||
token: uni.getStorageSync('token'),
|
||||
image: this.uploadResult,
|
||||
content: this.description,
|
||||
tell: this.phone
|
||||
}
|
||||
uni.showLoading({
|
||||
title: '提交中',
|
||||
mask: true
|
||||
})
|
||||
http.post('/api/Suggest/create_suggest', parameter).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
setTimeout(() => {
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: "提交成功",
|
||||
icon: 'none',
|
||||
mask: true
|
||||
});
|
||||
this.description = ''
|
||||
this.phone = ''
|
||||
this.uploadResult = ""
|
||||
this.$refs.uploadImage.clearImage()
|
||||
this.operate(1)
|
||||
}, 1000)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "提交失败",
|
||||
icon: 'error'
|
||||
});
|
||||
uni.hideLoading()
|
||||
}
|
||||
|
||||
}).catch(error => {
|
||||
uni.showToast({
|
||||
title: "提交失败",
|
||||
icon: 'error'
|
||||
});
|
||||
uni.hideLoading()
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.view-page {
|
||||
// padding: 32rpx;
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
background-color: #F8F8F8;
|
||||
.text-content-image{
|
||||
width: calc(100% - 260rpx);
|
||||
position: relative;
|
||||
display: inline-flex;flex-wrap: wrap;align-content: space-between;
|
||||
}
|
||||
.text-content{
|
||||
width: 100%;
|
||||
position: relative;
|
||||
display: inline-flex;flex-wrap: wrap;align-content: space-between;
|
||||
}
|
||||
.footer {
|
||||
width: 100%;
|
||||
height: 98rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx -6rpx 8rpx 0rpx rgba(222, 222, 222, 0.25);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
|
||||
.footer-button {
|
||||
.icon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.title {}
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #0DFFB9
|
||||
}
|
||||
}
|
||||
|
||||
.status-bar {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.nav {
|
||||
padding: 32rpx;
|
||||
width: calc(100% - 64rpx);
|
||||
justify-content: start;
|
||||
background-color: #fff;
|
||||
|
||||
.icon-image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: calc(100% - 48rpx);
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 24rpx 32rpx;
|
||||
|
||||
.feed-box {
|
||||
padding: 24rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 22rpx;
|
||||
margin-bottom: 24rpx;
|
||||
width: calc(100% - 48rpx);
|
||||
.box-top-line{
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
justify-content: flex-start;
|
||||
position: relative;
|
||||
}
|
||||
.new-box-image {
|
||||
width: 240rpx;
|
||||
height: 184rpx;
|
||||
border-radius: 12rpx;
|
||||
img {
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.textarea-view {
|
||||
padding: 24rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 22rpx;
|
||||
|
||||
.image-upload {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.confirm-view {
|
||||
justify-content: center;
|
||||
margin: 48rpx 0;
|
||||
width: 100%;
|
||||
|
||||
.confirm-button {
|
||||
width: 600rpx;
|
||||
height: 84rpx;
|
||||
background: #0DFFB9;
|
||||
border-radius: 106rpx;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
302
pages/feedback/help.vue
Normal file
302
pages/feedback/help.vue
Normal file
@@ -0,0 +1,302 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<!-- <headerHeight /> -->
|
||||
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'帮助与反馈'" :emitBack="true" @backEvent="back">
|
||||
</navBar>
|
||||
<view class="content">
|
||||
<view class="top-tip flex-line flex-spaceB">
|
||||
<view class="">
|
||||
<view class="tip">
|
||||
Hi，有什么可以帮你
|
||||
</view>
|
||||
<view class="color-6 font-24 font-w400">
|
||||
尽全力，帮助你
|
||||
</view>
|
||||
</view>
|
||||
<view class="kefu-icon">
|
||||
<img src="@/static/image/help/kefu.png" alt="" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="problem-view">
|
||||
<view class="problem-box" v-for="(item,index) in problemList" :key="index">
|
||||
<view class="box-title color-0 font-w500 font-32">
|
||||
{{!item.id ? item.title : `${typeData?.type_name}相关问题`}}
|
||||
</view>
|
||||
<view class="box-content" v-if="item.list && item.list.length !== 0">
|
||||
<template v-if="item.id">
|
||||
<view class="flex-line box-line box-lines" v-for="(ele,eleIndex) in item.list"
|
||||
@click="jumpPage(ele)">
|
||||
<view class="title">
|
||||
<template v-if="item.id">
|
||||
{{ele.title}}
|
||||
</template>
|
||||
</view>
|
||||
<view class="">
|
||||
<uni-icons v-if="item.id" type="right" size="14"
|
||||
color="rgb(153, 153, 153)"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<uni-data-select class="box-line" v-else v-model="typeId" :clear="false" :localdata="item.list"
|
||||
@change="changeType"></uni-data-select>
|
||||
</view>
|
||||
<view v-else class="">
|
||||
<uni-load-more status="noMore"></uni-load-more>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer flex-line">
|
||||
<view class="footer-button flex-line" @click="operate(index)" v-for="(item,index) in footerList"
|
||||
:key="index">
|
||||
<view class="icon">
|
||||
<img :src="item.icon" alt="" />
|
||||
</view>
|
||||
<view class="title ml-6 color-3 font-28 font-w400">
|
||||
{{item.title}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import http from '@/until/http.js';
|
||||
import keFuImg from '@/static/image/help/Headphone.png';
|
||||
import fkImg from '@/static/image/help/fankui.png';
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
statusBarHeight:0,
|
||||
problemList: [{
|
||||
title: '问题分类',
|
||||
id: 0,
|
||||
list: [{
|
||||
title: '全部问题'
|
||||
}]
|
||||
},
|
||||
{
|
||||
title: '常见问题',
|
||||
id: 1,
|
||||
list: []
|
||||
}
|
||||
],
|
||||
footerList: [{
|
||||
title: '在线客服',
|
||||
icon: keFuImg
|
||||
},
|
||||
{
|
||||
title: '意见反馈',
|
||||
icon: fkImg
|
||||
}
|
||||
],
|
||||
page: 1,
|
||||
limit: 10,
|
||||
typeData: null,
|
||||
typeId: null,
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id,h
|
||||
} = options
|
||||
uni.setStorageSync('token', id)
|
||||
if (uni.getStorageSync('token')) this.getHelpList()
|
||||
this.statusBarHeight = h
|
||||
uni.setStorageSync('BarHeight', h)
|
||||
},
|
||||
methods: {
|
||||
async getHelpList() {
|
||||
http.get('/api/Help/help_type', {
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
this.problemList[0].list = data.map(ele => {
|
||||
return {
|
||||
...ele,
|
||||
text: `${ele.type_name}的相关问题`,
|
||||
value: ele.id
|
||||
}
|
||||
})
|
||||
this.typeId = data.length ? data[0].id : null
|
||||
this.typeData = data.length ? data[0] : null
|
||||
}
|
||||
this.$nextTick(() => {
|
||||
this.getProblemList(this.typeId)
|
||||
})
|
||||
this.errorPage = false
|
||||
}).catch(error => {
|
||||
this.errorPage = true
|
||||
});
|
||||
},
|
||||
async getProblemList(id) {
|
||||
http.get('/api/Help/help_list', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
type: id,
|
||||
page: this.page,
|
||||
page_limit: this.limit
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
this.problemList[1].list = data
|
||||
}
|
||||
})
|
||||
},
|
||||
changeType(ele) {
|
||||
// console.log(ele)
|
||||
this.typeId = ele
|
||||
this.typeData = this.problemList[0].list.filter(ele => {return this.typeId === ele.id})[0]
|
||||
this.getProblemList(this.typeId)
|
||||
this.problemList[1].list = []
|
||||
},
|
||||
jumpPage(data) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/feedback/problemDetail?id=${data.id}`
|
||||
});
|
||||
},
|
||||
operate(index) {
|
||||
if (index) {
|
||||
// 意见反馈
|
||||
uni.navigateTo({
|
||||
url: `/pages/feedback/feedback?id=${uni.getStorageSync('token')}`
|
||||
});
|
||||
} else {
|
||||
// 在线客服
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
// console.log(platform, '打印设备参数')
|
||||
if (platform === 'ios') {
|
||||
console.log('调用iOS原生方法')
|
||||
// 通过 messageHandlers 调用 iOS 原生方法
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'customerService'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
console.log('调用Android原生方法')
|
||||
// 调用 Android 原生方法
|
||||
window.Android.customerService();
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
back() {
|
||||
this.closeWeb()
|
||||
},
|
||||
closeWeb() {
|
||||
// 关闭页面
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'closeWeb'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.closeWeb();
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .uni-select {
|
||||
border: 0 !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.view-page {
|
||||
// padding: 32rpx;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
|
||||
.top-tip {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
margin: 36rpx 0;
|
||||
padding: 32rpx;
|
||||
width: calc(100% - 64rpx);
|
||||
|
||||
.tip {
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
|
||||
}
|
||||
|
||||
.kefu-icon {
|
||||
width: 218rpx;
|
||||
height: 218rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.problem-view {
|
||||
padding: 0 24rpx;
|
||||
|
||||
.problem-box {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
|
||||
.box-title {
|
||||
padding: 24rpx 0;
|
||||
}
|
||||
|
||||
.box-content {
|
||||
|
||||
.box-line,
|
||||
.box-lines {
|
||||
// width: calc(100% - 48rpx);
|
||||
width: 100%;
|
||||
padding: 18rpx 24rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 14rpx;
|
||||
margin-bottom: 24rpx;
|
||||
justify-content: space-between;
|
||||
|
||||
.title {
|
||||
color: #3a3a3a;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.box-lines {
|
||||
width: calc(100% - 48rpx);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
height: 98rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx -6rpx 8rpx 0rpx rgba(222, 222, 222, 0.25);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
|
||||
.footer-button {
|
||||
.icon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
152
pages/feedback/problemDetail.vue
Normal file
152
pages/feedback/problemDetail.vue
Normal file
@@ -0,0 +1,152 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<headerHeight />
|
||||
<navBar :navTitle="'问题详情'" bgColor="#fff" :emitBack="true" @backEvent="back">
|
||||
</navBar>
|
||||
<view class="container" v-if="detailData">
|
||||
<view class="title">
|
||||
{{detailData.title}}
|
||||
</view>
|
||||
<view class="title mt-24" v-html="detailData.content">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-line footer mt-24 w-fill">
|
||||
<view class="help-box">
|
||||
<view class="help-icon">
|
||||
<uni-icons type="hand-up" size="30"></uni-icons>
|
||||
</view>
|
||||
<view class="color-0 mt-24 font-24">
|
||||
有帮助
|
||||
</view>
|
||||
</view>
|
||||
<view class="help-box">
|
||||
<view class="help-icon">
|
||||
<uni-icons type="hand-down" size="30"></uni-icons>
|
||||
</view>
|
||||
<view class="color-0 mt-24 font-24">
|
||||
没帮助
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import http from '@/until/http.js';
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
errorPage: false,
|
||||
detailData: null,
|
||||
statusBarHeight:0
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id
|
||||
} = options
|
||||
if (id) this.getDetail(id)
|
||||
},
|
||||
// onShow() {
|
||||
// if(uni.getStorageSync('statusBarHeight')) {
|
||||
// this.statusBarHeight = uni.getStorageSync('statusBarHeight')
|
||||
// } else {
|
||||
// const systemInfo = uni.getSystemInfoSync(); // 获取系统信息
|
||||
// this.statusBarHeight = systemInfo.statusBarHeight
|
||||
// uni.setStorageSync('statusBarHeight', this.statusBarHeight)
|
||||
// }
|
||||
// },
|
||||
methods: {
|
||||
getDetail(id) {
|
||||
http.get('/api/Help/help_detail', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
id: id
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
console.log(code, data)
|
||||
this.detailData = code ? data : null
|
||||
this.errorPage = false
|
||||
}).catch(error => {
|
||||
this.errorPage = true
|
||||
});
|
||||
},
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.view-page {
|
||||
// padding: 32rpx;
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
background-color: #F8F8F8;
|
||||
.status-bar{
|
||||
background-color: #fff;
|
||||
}
|
||||
.nav {
|
||||
padding: 32rpx;
|
||||
width: calc(100% - 64rpx);
|
||||
justify-content: start;
|
||||
background-color: #fff;
|
||||
|
||||
.icon-image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: calc(100% - 48rpx);
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 24rpx 32rpx;
|
||||
|
||||
.title {
|
||||
background-color: #fff;
|
||||
border-radius: 14rpx;
|
||||
padding: 14rpx 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
display: inline-flex;
|
||||
justify-items: center;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
// margin-top: ;
|
||||
.help-box {
|
||||
// display: inline-flex;
|
||||
// flex-wrap: wrap;
|
||||
// justify-items: center;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
text-align: center;
|
||||
.help-icon {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
background: #EFF2F8;
|
||||
border-radius: 50%;
|
||||
display: inline-flex;
|
||||
justify-items: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
204
pages/feedback/report.vue
Normal file
204
pages/feedback/report.vue
Normal file
@@ -0,0 +1,204 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<!-- <headerHeight bgColor="#fff" /> -->
|
||||
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'举报'" bgColor="#fff" :emitBack="true" @backEvent="back">
|
||||
</navBar>
|
||||
<view class="content">
|
||||
<uni-forms ref="baseForm" :modelValue="formData" label-position="top">
|
||||
<uni-forms-item label="举报类型" required>
|
||||
<view class="view-picker">
|
||||
<view class="uni-list-cell">
|
||||
<view class="uni-list-cell-db">
|
||||
<picker @change="bindPickerChange" :value="typeIndex" :range="array">
|
||||
<view class="uni-input">{{array[typeIndex]}}</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="举报原因" required>
|
||||
<view class="">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.content"
|
||||
placeholder="请输入举报原因"></uni-easyinput>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="view-picker">
|
||||
<uploadImage ref="uploadImage" @changeImageList="successUpload"></uploadImage>
|
||||
<!-- <uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker> -->
|
||||
</view>
|
||||
<view class="flex-line w-fill mt-24 color-3" style="justify-content: center;">
|
||||
<view class="comfirmButton flex-line" @click="comfirm">
|
||||
确认举报
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<uni-popup ref="message" type="message">
|
||||
<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import http from '@/until/http.js';
|
||||
import logout from '@/static/image/union/logout.png'
|
||||
import logo from '@/static/image/logo.png';
|
||||
import uploadImage from '@/component/uploadImage.vue'
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
uploadImage,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
formData: {
|
||||
content: ""
|
||||
},
|
||||
optionsProps:{
|
||||
|
||||
},
|
||||
array: [],
|
||||
typeList:[],
|
||||
statusBarHeight:0,
|
||||
typeIndex: 0,
|
||||
messageText: "",
|
||||
msgType: "success"
|
||||
}
|
||||
},
|
||||
watch:{
|
||||
typeIndex(val){
|
||||
console.log(val)
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
// fromType 1-用户，2房间，3动态 fromId对应的id
|
||||
const {
|
||||
id,
|
||||
fromType,
|
||||
fromId,h
|
||||
} = options
|
||||
this.optionsProps = {
|
||||
id,
|
||||
fromType,
|
||||
fromId
|
||||
}
|
||||
uni.setStorageSync('token', id)
|
||||
this.statusBarHeight = h
|
||||
uni.setStorageSync('BarHeight', h)
|
||||
if (uni.getStorageSync('token')) {
|
||||
this.getTypeList()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
this.closeWeb()
|
||||
},
|
||||
closeWeb() {
|
||||
// 关闭页面
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'closeWeb'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.closeWeb();
|
||||
|
||||
}
|
||||
},
|
||||
async getTypeList(){
|
||||
http.get('/api/Report/report_type_list', {
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const{code,data} = response
|
||||
this.typeList = data
|
||||
this.array = data.map(ele => {return ele.type})
|
||||
this.typeIndex = 0
|
||||
})
|
||||
},
|
||||
bindPickerChange({detail}) {
|
||||
// console.log()
|
||||
this.typeIndex = detail.value
|
||||
},
|
||||
comfirm(){
|
||||
const formData = {
|
||||
type_id:this.typeList[this.typeIndex].id,
|
||||
report_type: this.optionsProps.fromType || 1,
|
||||
content:this.formData.content || '',
|
||||
image:this.formData.image,
|
||||
from_id:this.optionsProps.fromId || ""
|
||||
}
|
||||
http.post('/api/Report/report', {
|
||||
...formData,
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code,
|
||||
msg
|
||||
} = response
|
||||
if (code) {
|
||||
this.messageText = `提交成功`
|
||||
this.$refs.message.open()
|
||||
this.msgType = 'success'
|
||||
this.formData = {
|
||||
content: "",
|
||||
image:"",
|
||||
}
|
||||
this.$refs.uploadImage.clearImage()
|
||||
} else {
|
||||
this.messageText = msg
|
||||
this.msgType = 'error'
|
||||
this.$refs.message.open()
|
||||
}
|
||||
})
|
||||
},
|
||||
successUpload(list){
|
||||
const imageList = list.map(ele => {return ele.tempFilePath})
|
||||
if(imageList && imageList.length) {
|
||||
this.formData.image = imageList.join(',')
|
||||
} else {
|
||||
this.formData.image = ""
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .is-input-border {
|
||||
border: 0;
|
||||
border-radius: 22rpx;
|
||||
}
|
||||
|
||||
.view-page {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #f8f8f8;
|
||||
// background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
min-height: 100vh;
|
||||
|
||||
.content {
|
||||
padding: 0 24rpx;
|
||||
margin-top: 24rpx;
|
||||
|
||||
.view-picker {
|
||||
background-color: #fff;
|
||||
padding: 21rpx;
|
||||
border-radius: 14rpx;
|
||||
}
|
||||
.comfirmButton{
|
||||
width: 600rpx;
|
||||
height: 84rpx;
|
||||
background: #0DFFB9;
|
||||
border-radius: 106rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
177
pages/feedback/teenage.vue
Normal file
177
pages/feedback/teenage.vue
Normal file
@@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<headerHeight />
|
||||
<navBar :navTitle="'青少年模式'" :emitBack="true" @backEvent="back">
|
||||
</navBar>
|
||||
<view class="content-view">
|
||||
<view class="flex-line">
|
||||
<NavigationTabs :tabs-data="tabs" :default-active="currentIndex" @tab-change="handleTabChange">
|
||||
</NavigationTabs>
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="flex-line flex-spaceB w-fill new-box" v-for="(item,index) in dataList" :key="index">
|
||||
<view class="">
|
||||
<view class="color-3 font-32 font-w500">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="color-6 mt-24 font-28 font-w400 multi-line">
|
||||
{{item.introduced}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="new-box-image">
|
||||
<img :src="item.img" alt="" />
|
||||
</view>
|
||||
</view>
|
||||
<uni-load-more class="mt-24" :status="loading ? 'loading' : noMore ? 'noMore' : 'more'" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import http from '@/until/http.js';
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import NavigationTabs from '@/component/tab.vue';
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar,
|
||||
NavigationTabs
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
errorPage: true,
|
||||
currentIndex: 0,
|
||||
pageConfig: {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
total: 0
|
||||
},
|
||||
loading: false,
|
||||
noMore: false,
|
||||
tabs: [],
|
||||
dataList: []
|
||||
}
|
||||
},
|
||||
onReachBottom() {
|
||||
if (!this.loading && !this.noMore) {
|
||||
this.getUnderageModeList(this.tabs[0].type)
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.errorPage = true
|
||||
this.dataList = []
|
||||
const {
|
||||
id
|
||||
} = options
|
||||
uni.setStorageSync('token', id)
|
||||
if (uni.getStorageSync('token')) this.getUnderageTypeList()
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
this.closeWeb()
|
||||
},
|
||||
closeWeb() {
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'closeWeb'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.closeWeb();
|
||||
}
|
||||
},
|
||||
async getUnderageTypeList() {
|
||||
http.get('/api/Usermode/getUnderageTypeList', {
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
this.tabs = data.map(ele => {
|
||||
return {
|
||||
type: ele.id,
|
||||
value: ele.type_name
|
||||
}
|
||||
})
|
||||
}
|
||||
this.errorPage = false
|
||||
this.$nextTick(() => {
|
||||
this.getUnderageModeList(this.tabs[0].type)
|
||||
})
|
||||
}).catch(error => {
|
||||
this.tabs = []
|
||||
this.errorPage = true
|
||||
});
|
||||
},
|
||||
async getUnderageModeList(type) {
|
||||
http.get('/api/Usermode/getUnderageModeList', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
type: type,
|
||||
page: this.pageConfig.currentPage,
|
||||
page_limit: this.pageConfig.pageSize
|
||||
}).then(response => {
|
||||
const {
|
||||
code,
|
||||
data
|
||||
} = response
|
||||
if (code) {
|
||||
this.pageConfig.total = data.total
|
||||
this.loading = false
|
||||
const newData = data.data || []
|
||||
if (newData.length === 0) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
this.dataList = [...this.dataList, ...newData]
|
||||
this.pageConfig.currentPage++
|
||||
if (this.dataList.length === this.pageConfig.total) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
handleTabChange(data) {
|
||||
this.dataList = []
|
||||
this.noMore = false
|
||||
this.loading = false
|
||||
this.pageConfig.currentPage = 1
|
||||
this.pageConfig.pageSize = 10
|
||||
this.getUnderageModeList(data.tab.type)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.view-page {
|
||||
// padding: 32rpx;
|
||||
background: linear-gradient(180deg, #B3FAEB 2%, #FFFFFF 40%);
|
||||
background-size: 100% 100%;
|
||||
min-height: 100vh;
|
||||
|
||||
.content-view {
|
||||
padding: 0 32rpx;
|
||||
}
|
||||
|
||||
.new-box {
|
||||
margin-top: 32rpx;
|
||||
|
||||
.new-box-image {
|
||||
width: 240rpx;
|
||||
height: 144rpx;
|
||||
border-radius: 12rpx;
|
||||
|
||||
img {
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
69
pages/other/aboutUs.vue
Normal file
69
pages/other/aboutUs.vue
Normal file
@@ -0,0 +1,69 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<!-- <headerHeight /> -->
|
||||
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="`关于我们`" :emitBack="true" @backEvent="back">
|
||||
</navBar>
|
||||
<view class="dec-view">
|
||||
<web-view src="https://chat.qxmier.com/api/Page/page_show?id=20"></web-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
// import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
export default {
|
||||
components: {
|
||||
// headerHeight,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
statusBarHeight:0
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
h
|
||||
} = options
|
||||
this.currentIndex = type !== undefined ? +type : 0
|
||||
this.statusBarHeight = h
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
this.closeWeb()
|
||||
},
|
||||
closeWeb(){
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'closeWeb'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.closeWeb();
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.view-page {
|
||||
min-height: 100vh;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
.dec-view {
|
||||
min-height: calc(99vh - 160rpx);
|
||||
position: relative;
|
||||
border-radius: 16rpx;
|
||||
margin: 24rpx;
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
482
pages/other/grade.vue
Normal file
482
pages/other/grade.vue
Normal file
@@ -0,0 +1,482 @@
|
||||
<template>
|
||||
<view class="view-page" v-if="levelActiveData">
|
||||
<view class="top-view">
|
||||
<view class="navbar" :style="{'margin-top' : `${statusBarHeight || 0}px`}">
|
||||
<view class="">
|
||||
<img @click="closeWeb" class="icon-image" src="@/static/image/grade/back.png" alt="" />
|
||||
<!-- <img v-else class="icon-image" src="@/static/image/grade/back1.png" alt="" /> -->
|
||||
</view>
|
||||
<view class="tab">
|
||||
<view @click="cutTabPage(0)" :class="currentIndex == 0 ? 'active' : ''">
|
||||
财富等级
|
||||
</view>
|
||||
<view @click="cutTabPage(1)" :class="currentIndex == 1 ? 'active' : ''">
|
||||
魅力等级
|
||||
</view>
|
||||
</view>
|
||||
<view class="" @click="jumpGradeRule">
|
||||
<img class="icon-image" src="@/static/image/grade/Question.png" alt="" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-view" v-if="levelActiveData.length">
|
||||
<view class="swiper-image" :style="{ 'background-image' : `url(${levelActiveData[0].bg_image})`}">
|
||||
<view class="view-level">
|
||||
<view class="">
|
||||
<view class="level-str" :style="{textShadow : `0px 0px 5px ${levelActiveData[0].color}`}">
|
||||
{{levelActiveData[0].name}}
|
||||
</view>
|
||||
<view class="color-9 flex-line" style="font-size: 20rpx;">
|
||||
<span
|
||||
style="white-space: nowrap">{{levelActiveData[0].level_str || levelActiveData[0].name}}</span><progress
|
||||
style="width: 200rpx;margin: 0 24rpx;" :border-radius="52" :percent="3"
|
||||
:activeColor="levelActiveData[0].color" stroke-width="3" />
|
||||
<span
|
||||
style="white-space: nowrap">{{nextLevelData[0].level_str || nextLevelData[0].name }}</span>
|
||||
</view>
|
||||
<view class="color-9 mt-24" style="font-size: 20rpx;">
|
||||
距离下一个段位还差{{detailData.user.next_exp}}经验值
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 0 -->
|
||||
<view class="LevelProgress-view">
|
||||
<LevelProgress :currentIndex="levelCurrent" :lvList="levelList" />
|
||||
</view>
|
||||
<!-- -->
|
||||
<view class="w-fill flex-line business-card">
|
||||
<view class="">
|
||||
<view class="font-36 color-0D">
|
||||
{{detailData.user.exp || 0}}
|
||||
</view>
|
||||
<view class="font-24 color-f">
|
||||
当前经验
|
||||
</view>
|
||||
</view>
|
||||
<view class="head-sculpture">
|
||||
<img :src="detailData.user.user_avatar || logo" alt="" />
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="font-36 color-0D">
|
||||
{{detailData.user.next_exp}}
|
||||
</view>
|
||||
<view class="font-24 color-f">
|
||||
下个等级
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 每日奖励等 -->
|
||||
<view class="content-view">
|
||||
<template v-if="!currentIndex">
|
||||
<!-- <view class="card-view">
|
||||
<view class="card-title color-3 font-32 font-w500">
|
||||
每日奖励
|
||||
</view>
|
||||
<view class="card-body flex-line">
|
||||
<view class="coin">
|
||||
<img src="@/static/image/grade/coin.png" alt="" />
|
||||
</view>
|
||||
<view class="flex-line w-fill" style="justify-content: space-around;">
|
||||
<view class="font-28 color-3">
|
||||
<view class="">
|
||||
段位达到富豪8
|
||||
</view>
|
||||
<view class="">
|
||||
可每日领取金币
|
||||
</view>
|
||||
</view>
|
||||
<view class="receive-button flex-line color-3 font-24">
|
||||
立即领取
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- <Canvans /> -->
|
||||
<view class="card-view" v-if="detailData.privilege">
|
||||
<view class="card-title color-3 font-32 font-w500">
|
||||
财富特权
|
||||
</view>
|
||||
<!-- 容器使用 Flex 布局并允许换行 -->
|
||||
<view class="flex-container" v-if="detailData.privilege && detailData.privilege.length">
|
||||
<!-- 循环生成子元素 -->
|
||||
<view v-for="(item, index) in detailData.privilege" :key="index" class="flex-item">
|
||||
<view class="image">
|
||||
<img :src="item.base_image || logo" alt="" />
|
||||
</view>
|
||||
<view class="color-3 font-28">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="font-24 color-9">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<view class="card-view" v-if="detailData.privilege">
|
||||
<view class="card-title color-3 font-32 font-w500">
|
||||
等级特权
|
||||
</view>
|
||||
<!-- 容器使用 Flex 布局并允许换行 -->
|
||||
<view class="flex-container" v-if="detailData.privilege && detailData.privilege.length">
|
||||
<!-- 循环生成子元素 -->
|
||||
<view v-for="(item, index) in detailData.privilege" :key="index" class="flex-item">
|
||||
<view class="image">
|
||||
<img :src="item.rights_icon || logo" alt="" />
|
||||
</view>
|
||||
<view class="font-24 color-9">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import http from '@/until/http.js';
|
||||
import logo from '@/static/image/logo.png';
|
||||
import SwiperView from '@/component/swiper.vue';
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import LevelProgress from '@/component/LevelProgress.vue'
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
SwiperView,
|
||||
LevelProgress
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
logo,
|
||||
detailData: null,
|
||||
statusBarHeight: 0,
|
||||
errorPage: true,
|
||||
tabs: [],
|
||||
listData: [],
|
||||
currentIndex: 0,
|
||||
levelActiveData: null,
|
||||
levelList: [],
|
||||
levelCurrent: 0,
|
||||
nextLevelData: null,
|
||||
currentSelectedLevel: 2,
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.errorPage = true
|
||||
const {
|
||||
id,
|
||||
type,
|
||||
h
|
||||
} = options
|
||||
this.currentIndex = type !== undefined ? +type : 0
|
||||
uni.setStorageSync('token', id)
|
||||
this.statusBarHeight = h
|
||||
uni.setStorageSync('BarHeight', h)
|
||||
if (uni.getStorageSync('token')) this.getData()
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
this.levelActiveData = []
|
||||
if (this.currentIndex) {
|
||||
// 魅力等级
|
||||
this.getCharmLevel()
|
||||
} else {
|
||||
// 财富等级
|
||||
this.getWealthLevel()
|
||||
}
|
||||
},
|
||||
jumpGradeRule() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/other/gradeRule?flag=${this.currentIndex}&h=${this.statusBarHeight}`
|
||||
});
|
||||
},
|
||||
cutTabPage(index) {
|
||||
this.currentIndex = index
|
||||
this.getData()
|
||||
},
|
||||
async getCharmLevel() {
|
||||
http.get('/api/Level/get_level_rule', {
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
// console.log(data)
|
||||
this.detailData = data
|
||||
this.levelList = data.level.map(ele => {
|
||||
return {
|
||||
...ele,
|
||||
title: ele.name
|
||||
}
|
||||
})
|
||||
this.levelCurrent = data.user.level
|
||||
this.nextLevelData = data.level.filter(ele => {
|
||||
return ele.level === data.user.level + 1
|
||||
})
|
||||
this.levelActiveData = data.level.filter(ele => {
|
||||
return ele.level === data.user.level
|
||||
})
|
||||
}
|
||||
|
||||
this.errorPage = false
|
||||
}).catch(error => {
|
||||
this.errorPage = true
|
||||
});
|
||||
},
|
||||
closeWeb() {
|
||||
// 关闭页面
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'closeWeb'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.closeWeb();
|
||||
|
||||
}
|
||||
},
|
||||
async getWealthLevel() {
|
||||
http.get('/api/Level/get_wealth_rule', {
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
this.detailData = data
|
||||
this.levelList = data.level.map(ele => {
|
||||
return {
|
||||
...ele,
|
||||
title: ele.name
|
||||
}
|
||||
})
|
||||
this.levelCurrent = data.user.level
|
||||
this.nextLevelData = data.level.filter(ele => {
|
||||
return ele.level === data.user.level + 1
|
||||
})
|
||||
this.levelActiveData = data.level.filter(ele => {
|
||||
return ele.level === data.user.level
|
||||
})
|
||||
}
|
||||
this.errorPage = false
|
||||
}).catch(error => {
|
||||
this.errorPage = true
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@font-face {
|
||||
font-family: 'MyCustomFont';
|
||||
src: url('@/static/youshe.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.level-str {
|
||||
font-family: 'MyCustomFont', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 60rpx;
|
||||
color: #FFFFFF;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.view-page {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow-x: hidden;
|
||||
background: #F3F5F9;
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.LevelProgress-view {
|
||||
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
/* 整体字体颜色 */
|
||||
// margin-top: 60px;
|
||||
// background-color: #000; /* 模拟背景 */
|
||||
// min-height: 100vh;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.top-view {
|
||||
width: 100vw;
|
||||
min-height: 50vh;
|
||||
background-image: url('@/static/image/grade/Maskgroupx.png');
|
||||
background-repeat: no-repeat;
|
||||
|
||||
.navbar {
|
||||
display: inline-flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
height: 96rpx;
|
||||
width: 100%;
|
||||
|
||||
.icon-image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.tab {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
view {
|
||||
padding: 0 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.active {
|
||||
font-weight: 500;
|
||||
// font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.swiper-view {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
|
||||
.swiper-image {
|
||||
width: 80%;
|
||||
height: 266rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
margin-top: 24rpx;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
|
||||
.view-level {
|
||||
width: 93%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.icon {
|
||||
width: 220rpx;
|
||||
height: 156rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.business-card {
|
||||
justify-content: space-around;
|
||||
align-items: flex-end;
|
||||
margin: 50rpx 0;
|
||||
|
||||
view {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.head-sculpture {
|
||||
width: 122rpx;
|
||||
height: 122rpx;
|
||||
border-radius: 50%;
|
||||
|
||||
img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.content-view {
|
||||
min-height: 46vh;
|
||||
width: 100%;
|
||||
padding: 0 32rpx;
|
||||
|
||||
.card-view {
|
||||
|
||||
// padding: 24rpx 0;
|
||||
.card-title {
|
||||
padding: 24rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
width: 100%;
|
||||
min-height: 154rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
|
||||
.coin {
|
||||
height: 134rpx;
|
||||
width: 180rpx;
|
||||
margin: 0 20rpx;
|
||||
}
|
||||
|
||||
.receive-button {
|
||||
width: 172rpx;
|
||||
height: 56rpx;
|
||||
background: #0DFFB9;
|
||||
border-radius: 106rpx 106rpx 106rpx 106rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
display: flex;
|
||||
/* 启用 Flex 布局 */
|
||||
flex-wrap: wrap;
|
||||
/* 允许换行 */
|
||||
}
|
||||
|
||||
.flex-item {
|
||||
flex: 0 0 calc(25% - 10px);
|
||||
/* 基础宽度25% 减去间隔 */
|
||||
margin: 5px;
|
||||
min-height: 220rpx;
|
||||
padding: 20rpx 0;
|
||||
/* 元素间距 */
|
||||
box-sizing: border-box;
|
||||
/* 包含内边距和边框 */
|
||||
border-radius: 14rpx;
|
||||
/* 样式美化（可选） */
|
||||
background-color: #fff;
|
||||
// padding: 20rpx;
|
||||
text-align: center;
|
||||
.image{
|
||||
width: 100%;
|
||||
height: 60%;
|
||||
margin-bottom: 24rpx;
|
||||
img{
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
// .image {
|
||||
// width: 80%;
|
||||
// height: 120rpx;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
52
pages/other/gradeRule.vue
Normal file
52
pages/other/gradeRule.vue
Normal file
@@ -0,0 +1,52 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<navBar :navTitle="`规则说明`" :style="{'margin-top' : `${statusBarHeight || 0}px`}">
|
||||
</navBar>
|
||||
<view class="dec-view" v-if="flagIndex !== null">
|
||||
<web-view :src="`https://chat.qxmier.com/api/Page/page_show?id=${flagIndex === 1 ? 10 : 11}`"></web-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import navBar from '@/component/nav.vue';
|
||||
export default {
|
||||
components: {
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
statusBarHeight:0,
|
||||
flagIndex:null
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
h,flag
|
||||
} = options
|
||||
this.flagIndex = +flag
|
||||
this.statusBarHeight = h
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.view-page {
|
||||
min-height: 100vh;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
.dec-view {
|
||||
min-height: calc(99vh - 160rpx);
|
||||
position: relative;
|
||||
border-radius: 16rpx;
|
||||
margin: 24rpx;
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
665
pages/other/income.vue
Normal file
665
pages/other/income.vue
Normal file
@@ -0,0 +1,665 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<view class="nav w-fill flex-line"
|
||||
:style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}">
|
||||
<view class="icon-image" @click="closeWeb">
|
||||
<uni-icons type="left" size="24"></uni-icons>
|
||||
</view>
|
||||
<view class="color-3 title font-w500 font-32">
|
||||
邀请收益
|
||||
</view>
|
||||
<view class="font-24" @click="bind" style="color: #FF8ACC;">
|
||||
手动绑定
|
||||
</view>
|
||||
</view>
|
||||
<view class="content-view" v-if="detailData">
|
||||
<view class="content">
|
||||
<view class="nav-coinList flex-container">
|
||||
<view v-for="(item,index) in listData" :key="index" class="flex-item decorate-box flex-line">
|
||||
<view class="image-icon">
|
||||
<img :src="item.icon" alt="" />
|
||||
</view>
|
||||
<view class="decorate-title">
|
||||
<view class="title font-24 font-w400">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="value font-24 font-w400 flex-line">
|
||||
<view class="">
|
||||
{{detailData[item.prop]}}
|
||||
</view>
|
||||
<view v-if="!index" class="ml-6" @click="exChangeData"
|
||||
style="width: 68rpx;height: 32rpx;">
|
||||
<img src="@/static/image/income/duihuan.png" alt="" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 文字 -->
|
||||
<view class="title-view">
|
||||
<view class="QRCode-view w-fill flex-line flex-spaceB">
|
||||
<view class="flex-line w-fill flex-spaceB">
|
||||
<view class="">
|
||||
<view class="color-3 font-32 font-w500">
|
||||
羽声语音
|
||||
</view>
|
||||
<view class="color-3 font-32 font-w500">
|
||||
邀请码
|
||||
</view>
|
||||
<view class="color-6 font-24 mt-24">
|
||||
一级充值的4%为邀请收益
|
||||
</view>
|
||||
</view>
|
||||
<view class="QRCodeImage">
|
||||
<!-- <img src="@/static/image/income/QRCode.png" alt="" /> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-line w-fill mt-24 flex-spaceB">
|
||||
<view class="Code-view color-3 font-w500" style="letter-spacing: 44rpx;text-align: center;">
|
||||
{{detailData.init_code}}
|
||||
</view>
|
||||
<view class="copy-button color-3 font-w500 font-24" @click="copyText(detailData.init_code)">
|
||||
复制
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="NavigationTabs-view">
|
||||
<NavigationTabs :tabs-data="[{type:1,value:'我的邀请'},{type:2,value:'账单明细'}]"
|
||||
:default-active="currentIndex" @tab-change="handleTabChange" />
|
||||
<Table :tableData="dataList" v-if="!currentIndex" />
|
||||
<Table :tableData="dataList" v-else :tableLabel="columns" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="tiXian" @click="Withdrawal">
|
||||
<img src="@/static/image/income/tixian.png" alt="" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<uni-popup ref="bindPopup" type="center" background-color="#fff" border-radius="32rpx">
|
||||
<view class="bindPopup-view">
|
||||
<view class="bind-title font-32 font-w500 color-3">
|
||||
<view class="">
|
||||
手动绑定
|
||||
</view>
|
||||
<img @click="closeBind" class="closeIcon" src="@/static/image/income/close.png" alt="" />
|
||||
</view>
|
||||
|
||||
<view class="bind-input">
|
||||
<input class="uni-input" v-model="bindValue" placeholder="输入好友邀请码" />
|
||||
</view>
|
||||
<view class="color-3 font-w400 font-24" style="text-align: left;">
|
||||
{{detailData.explain}}
|
||||
</view>
|
||||
<view class="bind-footer" @click="decorate">
|
||||
<view class="confirm-button flex-line">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import http from '@/until/http.js';
|
||||
import Table from '@/component/table.vue'
|
||||
import ZS from '@/static/image/income/zuanshi.png';
|
||||
import Coin from '@/static/image/income/coin.png';
|
||||
import Tx from '@/static/image/income/tixian.png';
|
||||
import DH from '@/static/image/income/duihuan.png';
|
||||
import NavigationTabs from '@/component/tab.vue';
|
||||
import WeChat from '@/static/image/income/WeChat.png';
|
||||
import PYQ from '@/static/image/income/pyq.png';
|
||||
import Qcode from '@/static/image/income/Qcode.png';
|
||||
import QQ from '@/static/image/income/QQ.png';
|
||||
export default {
|
||||
components: {
|
||||
NavigationTabs,
|
||||
headerHeight,
|
||||
Table
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
errorPage: false,
|
||||
detailData: null,
|
||||
currentIndex: 0,
|
||||
// 金币是两位，钻石四位。
|
||||
listData: [{
|
||||
icon: ZS,
|
||||
prop: 'diamond_total',
|
||||
value: 120,
|
||||
title: '钻石余额'
|
||||
},
|
||||
{
|
||||
icon: Coin,
|
||||
value: 200,
|
||||
prop: 'today_earnings',
|
||||
title: '今日收益'
|
||||
},
|
||||
{
|
||||
icon: Coin,
|
||||
value: 200,
|
||||
prop: 'total_earnings',
|
||||
title: '累计收益'
|
||||
}
|
||||
],
|
||||
statusBarHeight: 0,
|
||||
bindValue: '',
|
||||
dataList: [],
|
||||
columns: [
|
||||
{ title: '昵称', key: 'nickname', width: '20%' },
|
||||
{ title: '时间', key: 'createtime', width: '35%' },
|
||||
{ title: '充值金额', key: 'coin', width: '30%' },
|
||||
{ title: '获得收益', key: 'earnings', width: '30%' }
|
||||
]
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id,
|
||||
h
|
||||
} = options
|
||||
uni.setStorageSync('token', id)
|
||||
if (uni.getStorageSync('token')) this.gettabs()
|
||||
this.statusBarHeight = this.getStatusBarHeight()
|
||||
this.statusBarHeight = h
|
||||
},
|
||||
methods: {
|
||||
copyText(text) {
|
||||
if(text) {
|
||||
if (uni.getSystemInfoSync().platform === 'h5') {
|
||||
const textarea = document.createElement('textarea');
|
||||
textarea.value = text;
|
||||
document.body.appendChild(textarea);
|
||||
textarea.select();
|
||||
document.execCommand('copy');
|
||||
document.body.removeChild(textarea);
|
||||
|
||||
uni.showToast({
|
||||
title: '复制成功',
|
||||
icon: 'none',
|
||||
});
|
||||
return;
|
||||
} else {
|
||||
uni.setClipboardData({
|
||||
data: text,
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '已复制到剪贴板',
|
||||
icon: 'none',
|
||||
duration: 1500
|
||||
});
|
||||
},
|
||||
fail: () => {
|
||||
uni.showToast({
|
||||
title: '复制失败，请重试',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '暂无可复制文本',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
},
|
||||
getStatusBarHeight() {
|
||||
const systemInfo = uni.getSystemInfoSync(); // 获取系统信息
|
||||
uni.setStorageSync('BarHeight', systemInfo.statusBarHeight)
|
||||
return systemInfo.statusBarHeight || 0;
|
||||
},
|
||||
closeWeb() {
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
// 通过 messageHandlers 调用 iOS 原生方法
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'closeWeb'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
// 调用 Android 原生方法
|
||||
window.Android.closeWeb();
|
||||
}
|
||||
},
|
||||
async gettabs() {
|
||||
http.get('/api/Invited/get_init_code', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
// console.log(data)
|
||||
this.detailData = data
|
||||
}
|
||||
this.$nextTick(() => {
|
||||
this.getData()
|
||||
})
|
||||
this.errorPage = false
|
||||
}).catch(error => {
|
||||
this.errorPage = true
|
||||
});
|
||||
},
|
||||
getData() {
|
||||
if (this.currentIndex) {
|
||||
// 账单列表
|
||||
this.getBillList()
|
||||
} else {
|
||||
// 邀请列表
|
||||
this.getInvitedList()
|
||||
|
||||
}
|
||||
},
|
||||
getInvitedList() {
|
||||
http.get('/api/Invited/invited_list', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
this.dataList = data
|
||||
}
|
||||
}).catch(error => {});
|
||||
},
|
||||
getBillList() {
|
||||
http.get('/api/Invited/bill_list', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
this.dataList = data
|
||||
}
|
||||
}).catch(error => {
|
||||
this.errorPage = true
|
||||
});
|
||||
},
|
||||
// 提现
|
||||
Withdrawal() {
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'Withdrawal'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.Withdrawal();
|
||||
}
|
||||
},
|
||||
invite() {
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'inviteUser'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.inviteUser();
|
||||
}
|
||||
},
|
||||
exChangeData() {
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'exchange'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.exchange();
|
||||
}
|
||||
},
|
||||
closePopup() {
|
||||
this.$refs.popup.close()
|
||||
},
|
||||
handleTabChange({
|
||||
index,
|
||||
tab
|
||||
}) {
|
||||
this.currentIndex = index
|
||||
// console.log(this.currentIndex)
|
||||
this.getData()
|
||||
},
|
||||
// 绑定
|
||||
bind() {
|
||||
this.$refs.bindPopup.open('center')
|
||||
},
|
||||
closeBind() {
|
||||
this.$refs.bindPopup.close()
|
||||
},
|
||||
decorate() {
|
||||
if (this.bindValue) {
|
||||
uni.showLoading({
|
||||
mask: true
|
||||
})
|
||||
http.post('/api/Invited/invited_bind', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
init_code: this.bindValue
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code,
|
||||
msg
|
||||
} = response
|
||||
if (code) {
|
||||
uni.showToast({
|
||||
title: '绑定成功',
|
||||
icon: 'success',
|
||||
mask: true,
|
||||
duration: 1000
|
||||
});
|
||||
uni.hideLoading()
|
||||
this.closeBind()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: msg,
|
||||
icon: 'error',
|
||||
mask: true,
|
||||
duration: 1000
|
||||
});
|
||||
uni.hideLoading()
|
||||
this.closeBind()
|
||||
}
|
||||
|
||||
}).catch(error => {});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '请输入邀请码',
|
||||
icon: 'error',
|
||||
mask: true,
|
||||
duration: 1000
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.view-page {
|
||||
width: 100vw;
|
||||
|
||||
margin: 0 auto;
|
||||
|
||||
.nav {
|
||||
padding: 24rpx;
|
||||
justify-content: space-between;
|
||||
width: calc(100% - 48rpx);
|
||||
background: #fff;
|
||||
|
||||
.icon-image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.content-view {
|
||||
min-height: 93vh;
|
||||
padding-top: 24rpx;
|
||||
background: #FBEEDD;
|
||||
background-image: url('@/static/image/income/Maskgroup.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.content {
|
||||
padding: 0 30rpx;
|
||||
width: calc(100vw - 60rpx);
|
||||
|
||||
.tiXian {
|
||||
width: 44rpx;
|
||||
height: 96rpx;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-coinList {
|
||||
width: 100%;
|
||||
min-height: 108rpx;
|
||||
background-image: url('@/static/image/income/Rectangle.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
display: flex;
|
||||
/* 启用 Flex 布局 */
|
||||
flex-wrap: wrap;
|
||||
/* 允许换行 */
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flex-item {
|
||||
flex: 0 0 calc(30%);
|
||||
/* 基础宽度25% 减去间隔 */
|
||||
// margin: 5px;
|
||||
/* 元素间距 */
|
||||
box-sizing: border-box;
|
||||
/* 包含内边距和边框 */
|
||||
border-radius: 14rpx;
|
||||
/* 样式美化（可选） */
|
||||
// background-color: #fff;
|
||||
// padding: 20rpx;
|
||||
text-align: center;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
|
||||
.image-icon {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
}
|
||||
|
||||
.decorate-title {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
text-align: left;
|
||||
|
||||
.title {
|
||||
color: #6A2E00;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #FF2727;
|
||||
width: 100%;
|
||||
// justify-content: space-around;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title-view {
|
||||
width: calc(100% - 60rpx);
|
||||
height: 68rpx;
|
||||
position: absolute;
|
||||
top: 770rpx;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.QRCode-view {
|
||||
background: #F7F2F1;
|
||||
flex-wrap: wrap;
|
||||
padding: 32rpx;
|
||||
border-radius: 32rpx;
|
||||
width: 100%;
|
||||
|
||||
// min-height:338rpx;
|
||||
.QRCodeImage {
|
||||
width: 168rpx;
|
||||
height: 168rpx;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.Code-view {
|
||||
background-color: #E5E5E5;
|
||||
border-radius: 4rpx;
|
||||
width: 70%;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
|
||||
.copy-button {
|
||||
// width: 112rpx;
|
||||
border-radius: 4rpx;
|
||||
background-color: #0DFFB9;
|
||||
text-align: center;
|
||||
padding: 12rpx 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.title-bg {
|
||||
width: 80%;
|
||||
height: 100%;
|
||||
background-image: url('@/static/image/income/title-bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.NavigationTabs-view {
|
||||
margin-top: 32rpx;
|
||||
padding: 24rpx 32rpx;
|
||||
background-color: #F7F2F1;
|
||||
width: calc(100% - 60rpx);
|
||||
border-radius: 10rpx;
|
||||
|
||||
.navigation-container {
|
||||
::v-deep .nav-tabs {
|
||||
// background: #F7F2F1;
|
||||
display: inline-flex !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popup-view {
|
||||
padding: 32rpx;
|
||||
min-height: 300rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
// background: #FFFFFF;
|
||||
|
||||
.share-view {
|
||||
display: flex;
|
||||
/* 启用 Flex 布局 */
|
||||
flex-wrap: wrap;
|
||||
/* 允许换行 */
|
||||
justify-content: center;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
.share-item {
|
||||
flex: 0 0 calc(25% - 10px);
|
||||
/* 基础宽度25% 减去间隔 */
|
||||
margin: 5px;
|
||||
/* 元素间距 */
|
||||
box-sizing: border-box;
|
||||
/* 包含内边距和边框 */
|
||||
border-radius: 14rpx;
|
||||
/* 样式美化（可选） */
|
||||
// background-color: #fff;
|
||||
// padding: 20rpx;
|
||||
// text-align: center;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
|
||||
.share-icon {
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bindPopup-view {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
padding: 24rpx;
|
||||
width: 70vw;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
.closeIcon {
|
||||
width: 22rpx;
|
||||
height: 26rpx;
|
||||
position: absolute;
|
||||
top: 34rpx;
|
||||
right: 34rpx;
|
||||
}
|
||||
|
||||
.bind-title {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.bind-input {
|
||||
background: #EFF2F8;
|
||||
border-radius: 22rpx;
|
||||
padding: 18rpx 32rpx;
|
||||
margin: 70rpx 0;
|
||||
}
|
||||
|
||||
.bind-footer {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
margin-top: 78rpx;
|
||||
|
||||
.confirm-button {
|
||||
width: 356rpx;
|
||||
height: 84rpx;
|
||||
background: #0DFFB9;
|
||||
border-radius: 106rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
height: 140rpx;
|
||||
position: absolute;
|
||||
bottom: 30rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.footer-button {
|
||||
width: 186rpx;
|
||||
height: 68rpx;
|
||||
background: linear-gradient(180deg, #EE9D87 0%, #E74B47 100%);
|
||||
box-shadow: inset 0rpx 8rpx 0rpx 0rpx #EA805F;
|
||||
border-radius: 38rpx 38rpx 38rpx 38rpx;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
103
pages/other/taskDesc.vue
Normal file
103
pages/other/taskDesc.vue
Normal file
@@ -0,0 +1,103 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<view class="image">
|
||||
<img src="/static/image/task/rule.png" alt="" />
|
||||
</view>
|
||||
<view class="dec-view" style="background-color: transparent !important;">
|
||||
<web-view :style="{ backgroundColor: 'transparent' }" :webview-styles="webviewStyles" src="https://chat.qxmier.com/api/Page/page_show?id=17"></web-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 关键配置：设置 WebView 样式
|
||||
webviewStyles: {
|
||||
progress: {
|
||||
color: 'transparent' // 隐藏进度条
|
||||
},
|
||||
// 安卓专用配置
|
||||
android: {
|
||||
hardwareAccelerated: true, // 开启硬件加速
|
||||
backgroundColor: 'transparent'
|
||||
},
|
||||
// iOS 专用配置
|
||||
ios: {
|
||||
allowsInlineMediaPlayback: true,
|
||||
backgroundColor: 'transparent'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
// #ifdef APP-PLUS
|
||||
// 获取 WebView 实例进行原生设置
|
||||
const pages = getCurrentPages();
|
||||
const page = pages[pages.length - 1];
|
||||
const currentWebview = page.$getAppWebview();
|
||||
|
||||
setTimeout(() => {
|
||||
const webview = currentWebview.children()[0];
|
||||
|
||||
// 安卓原生设置
|
||||
// #ifdef APP-ANDROID
|
||||
webview.setStyle({
|
||||
background: 'transparent'
|
||||
});
|
||||
// #endif
|
||||
|
||||
// iOS 原生设置
|
||||
// #ifdef APP-IOS
|
||||
webview.setStyle({
|
||||
opaque: false
|
||||
});
|
||||
// #endif
|
||||
}, 300); // 延迟确保 WebView 加载完成
|
||||
// #endif
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
::-webkit-scrollbar {
|
||||
display: none !important;
|
||||
}
|
||||
/* 重要：设置页面背景透明 */
|
||||
page {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/* 隐藏 WebView 默认容器背景 */
|
||||
uni-web-view > div {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.view-page {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
min-width: calc(100% - 40rpx);
|
||||
padding: 0 20rpx;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
background-color: transparent !important;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
.image{
|
||||
width: calc(100% - 40rpx);
|
||||
// min-height: 100vh;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 20rpx;
|
||||
right: 20rpx;
|
||||
// bottom: 0;
|
||||
}
|
||||
.dec-view {
|
||||
width: calc(100% - 40rpx - 48rpx);
|
||||
min-height: calc(60% - 48rpx);
|
||||
position: absolute;
|
||||
top: 33%;
|
||||
border-radius: 16rpx;
|
||||
padding: 24rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
542
pages/prop/propMall.vue
Normal file
542
pages/prop/propMall.vue
Normal file
@@ -0,0 +1,542 @@
|
||||
<template>
|
||||
<!-- 道具商城页面 -->
|
||||
<view class="view-page">
|
||||
<view v-if="!errorPage">
|
||||
<!-- 自定义选项卡 -->
|
||||
<NavigationTabs :tabs-data="tabs" :default-active="currentIndex" @tab-change="handleTabChange" />
|
||||
<view class="swiper-view">
|
||||
</view>
|
||||
<scroll-view scroll-y="true" class="list-view">
|
||||
<view class="flex-container" v-if="listData && listData.length">
|
||||
<!-- 循环生成子元素 -->
|
||||
<view v-for="(item,index) in listData" @click="openPopup(item)" :key="index" class="flex-item decorate-box">
|
||||
<view class="decorate-content">
|
||||
<view class="decorate-image">
|
||||
<img :src="item.base_image" alt="" />
|
||||
</view>
|
||||
<view class="decorate-title w-fill color-3 font-28">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="decorate-price color-3 w-fill">
|
||||
<img class="icon-goin" src="@/static/image/goin.png" alt="" /> {{item.price}}
|
||||
</view>
|
||||
<view class="decorate-tag" v-if="[6,7,8].includes(item.type)">
|
||||
<span v-if="item.type === 6">个人靓号</span>
|
||||
<span v-if="item.type === 7">房间靓号</span>
|
||||
<span v-if="item.type === 8">公会靓号</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <uni-grid :column="3" :showBorder="false" :square="false">
|
||||
<uni-grid-item class="decorate-box" @click="openPopup(item)" >
|
||||
|
||||
</uni-grid-item>
|
||||
</uni-grid> -->
|
||||
<view class="color-9" v-else style="text-align: center;font-size: 24rpx;">
|
||||
暂无数据
|
||||
</view>
|
||||
</scroll-view>
|
||||
<uni-popup ref="popup" borderRadius="32rpx 32rpx 0 0" type="bottom" background-color="#fff">
|
||||
<view class="popup-view" v-if="decorateDetail">
|
||||
<view class="decorate-image">
|
||||
<img :src="decorateDetail.base_image" alt="" />
|
||||
</view>
|
||||
<view class="decorate-title w-fill color-3 font-28">
|
||||
{{decorateDetail.title}}
|
||||
</view>
|
||||
<view class="decorate-info">
|
||||
<view class="info-line">
|
||||
<view class="line-lable">
|
||||
商品名称
|
||||
</view>
|
||||
<view class="">
|
||||
{{decorateDetail.title}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="info-line">
|
||||
<view class="line-lable">
|
||||
商品价格
|
||||
</view>
|
||||
<view class="flex-line">
|
||||
{{payData.price}} <img class="icon-goin ml-6" src="@/static/image/goin.png"
|
||||
alt="" />
|
||||
</view>
|
||||
</view>
|
||||
<template v-if="decorateDetail.decorate && decorateDetail.decorate.price_list">
|
||||
<view class="info-line">
|
||||
<view class="line-lable">
|
||||
有效期至
|
||||
</view>
|
||||
<view class="">
|
||||
{{payData.end_time}}
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view style="padding: 18rpx 0;">
|
||||
<view class="line-lable" style="text-align: left;">
|
||||
购买时长
|
||||
</view>
|
||||
</view>
|
||||
<view class="info-line setmenut" style="justify-content: flex-start">
|
||||
<view :class="currentMenuIndex === menuIndex ? 'active-menubox' : 'menubox'"
|
||||
v-for="(menu,menuIndex) in decorateDetail.decorate.price_list"
|
||||
@click="changePayData(menu,menuIndex)">
|
||||
<view>
|
||||
{{menu.day}}天
|
||||
</view>
|
||||
<view class="sale" v-if="menu.discount">
|
||||
7折优惠
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
<view class="flex-line user-account font-28">
|
||||
<view class="">
|
||||
<img class="icon-goin ml-6" src="@/static/image/goin.png" alt="" />
|
||||
</view>
|
||||
<view class="color-6 ml-20">
|
||||
{{decorateDetail.user_info.user_coin}}
|
||||
</view>
|
||||
<view class="chongzhi-text ml-20" @click="RechargeCoin">
|
||||
去充值
|
||||
</view>
|
||||
</view>
|
||||
<view class="button-footer">
|
||||
<view class="pay-button" @click="toPay">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
<view v-else>
|
||||
<!-- 请求出错啦 -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import http from '@/until/http.js';
|
||||
import NavigationTabs from '@/component/tab.vue'
|
||||
export default {
|
||||
components: {
|
||||
NavigationTabs
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
errorPage: true,
|
||||
tabs: [],
|
||||
listData: [],
|
||||
currentIndex: 0,
|
||||
indicatorLeft: 5,
|
||||
decorateDetail: null,
|
||||
currentMenuIndex: 0,
|
||||
payData: null
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.errorPage = true
|
||||
const {
|
||||
id
|
||||
} = options
|
||||
uni.setStorageSync('token', id)
|
||||
if (uni.getStorageSync('token')) this.gettabs()
|
||||
},
|
||||
methods: {
|
||||
async gettabs() {
|
||||
http.get('/api/Decorate/get_type_list', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
have_hot: 0
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
// let list = []
|
||||
if (code) {
|
||||
// console.log(data)
|
||||
this.tabs = data.map(ele => {
|
||||
return {
|
||||
type: ele.id,
|
||||
value: ele.name
|
||||
}
|
||||
})
|
||||
// Object.keys(data).forEach(ele => {
|
||||
// // console.log(ele)
|
||||
// const item = {
|
||||
// type: +ele,
|
||||
// value: data[ele]
|
||||
// }
|
||||
// list.push(item)
|
||||
// })
|
||||
// console.log(list)
|
||||
}
|
||||
// this.tabs = list
|
||||
this.errorPage = false
|
||||
this.$nextTick(() => {
|
||||
this.getDecorate(this.tabs[0].type)
|
||||
})
|
||||
}).catch(error => {
|
||||
this.tabs = []
|
||||
this.errorPage = true
|
||||
});
|
||||
},
|
||||
async getDecorate(type) {
|
||||
// let listData = []
|
||||
http.get('/api/Decorate/get_decorate_list', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
type
|
||||
}).then(response => {
|
||||
// console.log(response.data)
|
||||
// for (let i = 1; i <= 40; i++) {
|
||||
// listData.push(...response.data)
|
||||
// }
|
||||
// this.listData =listData
|
||||
// console.log(listData)
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
this.listData = code ? data : []
|
||||
|
||||
}).catch(error => {
|
||||
this.tabs = []
|
||||
this.errorPage = true
|
||||
});
|
||||
},
|
||||
async getDecorateDetail(id, detail) {
|
||||
http.get('/api/Decorate/get_decorate_detail', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
did: id
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
this.decorateDetail = code ? {
|
||||
...detail,
|
||||
...data
|
||||
} : null
|
||||
this.currentMenuIndex = 0
|
||||
console.log(this.decorateDetail)
|
||||
this.payData = this.decorateDetail.decorate.price_list[this.currentMenuIndex]
|
||||
this.$refs.popup.open('bottom')
|
||||
}).catch(error => {});
|
||||
},
|
||||
changePayData(data, index) {
|
||||
this.payData = data
|
||||
this.currentMenuIndex = index
|
||||
},
|
||||
handleTabChange({
|
||||
index,
|
||||
tab
|
||||
}) {
|
||||
this.currentIndex = index;
|
||||
console.log(index, tab)
|
||||
const {
|
||||
type
|
||||
} = tab
|
||||
this.getDecorate(type)
|
||||
},
|
||||
// 打开弹框
|
||||
openPopup(data) {
|
||||
this.getDecorateDetail(data.did, data)
|
||||
},
|
||||
closePopup() {
|
||||
this.decorateDetail = null
|
||||
this.currentMenuIndex = 0
|
||||
this.payData = null
|
||||
this.$refs.popup.close()
|
||||
},
|
||||
// 去支付
|
||||
toPay() {
|
||||
// console.log(this.payData,this.decorateDetail)
|
||||
if (this.payData.price > this.decorateDetail.user_info.user_coin) {
|
||||
// 余额不足
|
||||
uni.showToast({
|
||||
title: '余额不足,请先充值',
|
||||
icon: 'none',
|
||||
mask: true,
|
||||
duration: 500
|
||||
});
|
||||
return
|
||||
}
|
||||
// 余额足 调购买装扮接口
|
||||
this.payDecorate()
|
||||
},
|
||||
payDecorate() {
|
||||
uni.showLoading({
|
||||
mask: true
|
||||
})
|
||||
http.post('/api/Decorate/pay_decorate', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
did: this.decorateDetail.did,
|
||||
day: this.payData.day
|
||||
}).then(response => {
|
||||
uni.showToast({
|
||||
title: '购买成功',
|
||||
icon: 'success',
|
||||
mask: true,
|
||||
duration: 1000
|
||||
});
|
||||
uni.hideLoading()
|
||||
this.closePopup()
|
||||
}).catch(error => {});
|
||||
},
|
||||
// 点击去充值
|
||||
RechargeCoin() {
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
// console.log(platform, '打印设备参数')
|
||||
if (platform === 'ios') {
|
||||
console.log('调用iOS原生方法')
|
||||
// 通过 messageHandlers 调用 iOS 原生方法
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'Recharge'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
console.log('调用Android原生方法')
|
||||
// 调用 Android 原生方法
|
||||
window.Android.Recharge();
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.view-page {
|
||||
padding: 0 32rpx;
|
||||
min-height: 100vh;
|
||||
background: #00000000;
|
||||
|
||||
.decorate-box {
|
||||
margin: 0 auto;
|
||||
|
||||
.decorate-content {
|
||||
width: 95%;
|
||||
background: #EFF2F8;
|
||||
border-radius: 20rpx;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
margin-bottom: 14rpx;
|
||||
padding: 12rpx 0;
|
||||
|
||||
.decorate-image {
|
||||
// width: 120rpx;
|
||||
height: 120rpx;
|
||||
margin: 12rpx 0;
|
||||
width: 100%;
|
||||
// background-color: #5B5B5B;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
img {
|
||||
width: 120rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.decorate-price {
|
||||
.icon-goin {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.decorate-tag {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
font-size: 20rpx;
|
||||
padding: 8rpx 10rpx;
|
||||
background-image: url('@/static/image/lhbg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.decorate-image {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
margin: 12rpx 0;
|
||||
// background-color: #5B5B5B;
|
||||
}
|
||||
|
||||
.swiper-view {
|
||||
width: 686rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 14rpx 14rpx 14rpx 14rpx;
|
||||
background-image: url('@/static/image/swiper.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: 32rpx;
|
||||
}
|
||||
|
||||
// background-color: bisque;
|
||||
.list-view {
|
||||
width: calc(100vw - 64rpx);
|
||||
height: calc(100vh - 200rpx - 32rpx - 100rpx);
|
||||
}
|
||||
|
||||
.popup-view {
|
||||
height: 60vh;
|
||||
padding: 32rpx;
|
||||
width: calc(100vw - 64rpx);
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
align-content: flex-start;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
.decorate-title {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.decorate-info {
|
||||
width: calc(100vw - 64rpx);
|
||||
margin-top: 48rpx;
|
||||
color: #333333;
|
||||
|
||||
.info-line {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-content: flex-start;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
text-align: center;
|
||||
padding: 18rpx 0;
|
||||
|
||||
.icon-goin {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.setmenut {
|
||||
|
||||
.menubox,
|
||||
.active-menubox {
|
||||
width: 152rpx;
|
||||
height: 124rpx;
|
||||
// padding: 26rpx 38rpx;
|
||||
// line-height: 94rpx;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 12rpx 12rpx 12rpx 12rpx;
|
||||
border: 2rpx solid #F1F2F3;
|
||||
position: relative;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.active-menubox {
|
||||
border: 0;
|
||||
background-image: url('@/static/image/menuBg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #0DFFB9;
|
||||
|
||||
}
|
||||
|
||||
.sale {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
font-size: 20rpx;
|
||||
color: #fff;
|
||||
padding: 0 8rpx;
|
||||
background-image: url('@/static/image/sale.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.user-account {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 30rpx 0;
|
||||
|
||||
.icon-goin {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
}
|
||||
|
||||
.chongzhi-text {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #0DFFB9;
|
||||
}
|
||||
}
|
||||
|
||||
.button-footer {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
|
||||
.give-button {
|
||||
width: 190rpx;
|
||||
height: 84rpx;
|
||||
background-image: url('@/static/image/propMall/give.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.pay-button {
|
||||
|
||||
width: 376rpx;
|
||||
height: 84rpx;
|
||||
background-image: url('@/static/image/propMall/pay.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
display: flex;
|
||||
/* 启用 Flex 布局 */
|
||||
flex-wrap: wrap;
|
||||
/* 允许换行 */
|
||||
}
|
||||
|
||||
.flex-item {
|
||||
flex: 0 0 calc(33% - 10px);
|
||||
/* 基础宽度25% 减去间隔 */
|
||||
margin: 5px;
|
||||
/* 元素间距 */
|
||||
box-sizing: border-box;
|
||||
/* 包含内边距和边框 */
|
||||
border-radius: 14rpx;
|
||||
/* 样式美化（可选） */
|
||||
background-color: #fff;
|
||||
// padding: 20rpx;
|
||||
text-align: center;
|
||||
|
||||
.image {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
670
pages/union/detail.vue
Normal file
670
pages/union/detail.vue
Normal file
@@ -0,0 +1,670 @@
|
||||
<template>
|
||||
<view class="view-page" >
|
||||
<headerHeight />
|
||||
<navBar :navTitle="'公会详情'">
|
||||
<template #rightView>
|
||||
<view class="icon-right flex-line" @click="exit"
|
||||
v-if="detailData && detailData.is_join && detailData.is_leader === 0">
|
||||
<img :src="logout" alt="" />
|
||||
</view>
|
||||
</template>
|
||||
</navBar>
|
||||
<view class="content" v-if="detailData">
|
||||
<view class="union-info">
|
||||
<view class="left-view">
|
||||
<view class="head-portrait">
|
||||
<img :src="detailData.cover || logo" alt="" />
|
||||
</view>
|
||||
<view class="info-detail">
|
||||
<view class="union-title">
|
||||
{{detailData.guild_name}}
|
||||
</view>
|
||||
<view class="union-id">
|
||||
ID:{{detailData.guild_special_id}}
|
||||
</view>
|
||||
<view class="union-date">
|
||||
{{detailData.createtime}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="like-box">
|
||||
<uni-icons type="heart" size="20"></uni-icons>
|
||||
<span class="ml-6">
|
||||
{{detailData.total_transaction}}
|
||||
</span>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 公会按钮 是会长可以看公会成员 不是不能看 -->
|
||||
<view class="icon-wrap">
|
||||
<img class="icon-box" @click.stop="viewDetails(0)" src="@/static/image/union/ghfj.png" alt="" />
|
||||
<img class="icon-box" @click.stop="viewDetails(1)" src="@/static/image/union/ghcy.png" alt="" />
|
||||
<img class="icon-box" v-if="detailData.is_leader" @click.stop="viewDetails(2)"
|
||||
src="@/static/image/union/ghbt.png" alt="" />
|
||||
<img class="icon-box" v-if="detailData.is_join" @click.stop="viewDetails(3)"
|
||||
src="@/static/image/union/qlsz.png" alt="" />
|
||||
</view>
|
||||
<!-- 公会会长信息 -->
|
||||
<view class="union-user">
|
||||
<view class="user-title">
|
||||
公会会长
|
||||
</view>
|
||||
<view class="user-info" @click="jumpHomePage(detailData)">
|
||||
<view class="flex-line">
|
||||
<view class="head-portrait">
|
||||
<img :src="detailData.user_data.avatar" alt="" />
|
||||
</view>
|
||||
<view class="info-view">
|
||||
<view class="">
|
||||
{{detailData.user_data.nickname}}
|
||||
</view>
|
||||
<view class="iconTag-view"
|
||||
v-if="detailData.user_data.icon || detailData.user_data.icon.length">
|
||||
<view class="icon-tag" v-for="icon in detailData.user_data.icon" :key="icon">
|
||||
<img :src="icon" alt="" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="">
|
||||
<uni-icons type="right" size="20"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 公会介绍 -->
|
||||
<view class="union-dec">
|
||||
<view class="user-title">
|
||||
公会介绍
|
||||
</view>
|
||||
<view class="user-dec">
|
||||
{{detailData.intro || '暂无数据'}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer" v-if="!detailData.is_join">
|
||||
<view class="confirm-button" @click="applyToJoin">
|
||||
<view class="button">
|
||||
{{buttonText}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer" v-if="detailData.is_leader">
|
||||
<view class="confirm-button" @click="dissolveUnion">
|
||||
<view class="button">
|
||||
{{buttonText}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<uni-popup ref="message" type="message">
|
||||
<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
|
||||
</uni-popup>
|
||||
<uni-popup ref="popup" type="center">
|
||||
<view class="popup_view">
|
||||
<view class="color-3 font-32 popup_title">
|
||||
温馨提示
|
||||
</view>
|
||||
<view class="color-3 font-24 messageContent">
|
||||
{{messageContent}}
|
||||
</view>
|
||||
<view class="popup_button flex-line">
|
||||
<view class="close_button flex-line" @click="closePopup">
|
||||
取消
|
||||
</view>
|
||||
<view class="confirm-button flex-line" @click="confirmPopup">
|
||||
确认
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import http from '@/until/http.js';
|
||||
import logout from '@/static/image/union/logout.png'
|
||||
import logo from '@/static/image/logo.png';
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
detailData: null,
|
||||
logo,
|
||||
logout,
|
||||
buttonStatus: null,
|
||||
buttonText: '申请加入公会',
|
||||
// 弹出窗状态 null 不展示 0 申请退出 1申请加入公会 2 付费退出 3实名认证
|
||||
popupStstus: null,
|
||||
messageText: "",
|
||||
messageContent: '',
|
||||
msgType: "success"
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id
|
||||
} = options
|
||||
if (id) {
|
||||
this.getDetail(id)
|
||||
this.getUserInfo()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 获取用户信息 拿实名信息
|
||||
async getUserInfo() {
|
||||
http.get('/api/User/get_user_info', {
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
this.isAuth = code ? data.auth : 0
|
||||
})
|
||||
},
|
||||
// 获取公会信息
|
||||
async getDetail(Id) {
|
||||
uni.showLoading({
|
||||
mask:true,
|
||||
title:'加载中'
|
||||
})
|
||||
http.get('/api/Guild/guild_detail', {
|
||||
id: Id,
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
uni.hideLoading()
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
this.detailData = code ? data : null
|
||||
if(data) {
|
||||
this.buttonText = !data.is_leader ? data.is_join ? '退出公会' : '申请加入公会' : '解散公会'
|
||||
this.buttonStatus = !data.is_leader ? data.is_join ? 0 : 1 : 2
|
||||
}
|
||||
})
|
||||
},
|
||||
// 点击房间
|
||||
viewDetails(index) {
|
||||
// 0 公会房间 1 公会成员 2公会补贴 3 群聊设置
|
||||
if (index) {
|
||||
if (index === 1) {
|
||||
// 公会成员
|
||||
uni.navigateTo({
|
||||
url: `/pages/union/unionMembers?id=${this.detailData.id?? null}&leader=${this.detailData.is_leader || 0}`
|
||||
});
|
||||
} else if (index === 2) {
|
||||
// 公会补贴
|
||||
uni.navigateTo({
|
||||
url: `/pages/union/subsidy?id=${this.detailData.id?? null}&leader=${this.detailData.is_leader || 0}`
|
||||
});
|
||||
} else {
|
||||
// 群聊抛出
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
const ParmData = {
|
||||
group_id: this.detailData.group_id,
|
||||
cover: this.detailData.cover,
|
||||
guild_name: this.detailData.guild_name
|
||||
}
|
||||
if (platform === 'ios') {
|
||||
// 通过 messageHandlers 调用 iOS 原生方法
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'enterGroupChat',
|
||||
'data': ParmData
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
// 调用 Android 原生方法
|
||||
window.Android.enterGroupChat(this.detailData.group_id,this.detailData.cover,this.detailData.guild_name);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// 房间
|
||||
uni.navigateTo({
|
||||
url: `/pages/union/roomAndflow?id=${this.detailData.id?? null}&leader=${this.detailData.is_leader || 0}`
|
||||
});
|
||||
}
|
||||
},
|
||||
//申请加入公会
|
||||
applyToJoin() {
|
||||
if (this.buttonStatus === 1) {
|
||||
if (this.isAuth) {
|
||||
this.popupStstus = 1
|
||||
this.messageContent = "是否选择加入当前公会"
|
||||
this.$refs.popup.open('center')
|
||||
} else {
|
||||
this.popupStstus = 3
|
||||
this.messageContent = "当前尚未实名认证，是否跳转到实名认证页面？"
|
||||
this.$refs.popup.open('center')
|
||||
}
|
||||
}
|
||||
},
|
||||
// 申请加入公会
|
||||
async joinUnionize() {
|
||||
http.post('/api/Guild/join_guild', {
|
||||
guild_id: this.detailData.id,
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code,
|
||||
msg
|
||||
} = response
|
||||
if (code) {
|
||||
this.messageText = `加入成功`
|
||||
this.$refs.message.open()
|
||||
this.msgType = 'success'
|
||||
this.getDetail(this.detailData.id)
|
||||
} else {
|
||||
this.messageText = msg
|
||||
this.msgType = 'error'
|
||||
this.$refs.message.open()
|
||||
}
|
||||
this.closePopup()
|
||||
})
|
||||
},
|
||||
// 退出公会
|
||||
exit() {
|
||||
uni.showActionSheet({
|
||||
itemList: ["申请退出", "付费退出"],
|
||||
success: (res) => {
|
||||
if (res.tapIndex === 0) {
|
||||
this.applyToWithdraw();
|
||||
} else if (res.tapIndex === 1) {
|
||||
this.paidWithdrawal();
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error("用户取消选择：", err);
|
||||
},
|
||||
});
|
||||
},
|
||||
// 申请退出
|
||||
applyToWithdraw() {
|
||||
this.popupStstus = 0
|
||||
this.messageContent = "亲爱的会员，会长将在3天内审核，若超时未通过，您将自动退出并可加入其他公会；若通过，则30天内无法加入其他公会，是否还需要申请退出？"
|
||||
this.$refs.popup.open('center')
|
||||
},
|
||||
// 付费退出
|
||||
paidWithdrawal() {
|
||||
this.popupStstus = 2
|
||||
this.messageContent = `亲爱的会员，支付${this.detailData.quit_guild_gold || 0}金币，即可及时退出公会！是否需要付费退出？`
|
||||
this.$refs.popup.open('center')
|
||||
},
|
||||
// 解散公会
|
||||
dissolveUnion() {
|
||||
this.popupStstus = 4
|
||||
this.messageContent = `亲爱的会长，您当前操作将解散公会，是否解散？`
|
||||
this.$refs.popup.open('center')
|
||||
},
|
||||
closePopup() {
|
||||
this.popupStstus = null
|
||||
this.messageContent = ""
|
||||
this.$refs.popup.close()
|
||||
},
|
||||
confirmPopup() {
|
||||
if (this.popupStstus !== null) {
|
||||
if (this.popupStstus === 0) {
|
||||
this.exitUnionize(1)
|
||||
} else if (this.popupStstus === 1) {
|
||||
this.joinUnionize()
|
||||
} else if (this.popupStstus === 2) {
|
||||
// 付费退出
|
||||
this.exitUnionize(2)
|
||||
} else if (this.popupStstus === 3) {
|
||||
// 实名认证页面
|
||||
this.authConfirm()
|
||||
} else if (this.popupStstus === 4) {
|
||||
// 解散公会
|
||||
if (this.detailData.is_leader) {
|
||||
this.unionDissolve()
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
authConfirm() {
|
||||
// 去实名认证页面
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'enterAuthent'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.enterAuthent();
|
||||
}
|
||||
},
|
||||
// 跳转公会长个人页面
|
||||
jumpHomePage(data){
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'jumpWebPage',
|
||||
'data': {
|
||||
userId: data.user_id
|
||||
}
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.jumpWebPage(data.user_id);
|
||||
}
|
||||
},
|
||||
// 会长解散公会
|
||||
async unionDissolve() {
|
||||
http.post('/api/Guild/diss_guild', {
|
||||
guild_id: this.detailData.id,
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code,
|
||||
msg
|
||||
} = response
|
||||
if (code === 1) {
|
||||
this.msgType = 'success'
|
||||
this.messageText = `操作成功，将返回上一页！`
|
||||
this.$refs.message.open()
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
this.messageText = msg
|
||||
this.msgType = 'error'
|
||||
this.$refs.message.open()
|
||||
}
|
||||
this.closePopup()
|
||||
})
|
||||
},
|
||||
// 申请退出公会接口
|
||||
async exitUnionize(type) {
|
||||
http.post('/api/Guild/quit_guild', {
|
||||
guild_id: this.detailData.id,
|
||||
type: type,
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code,
|
||||
msg
|
||||
} = response
|
||||
if (code === 1) {
|
||||
this.msgType = 'success'
|
||||
this.messageText = `${type === 1 ? '退出申请已提交，请等待审核' : '付费退出成功'}`
|
||||
this.$refs.message.open()
|
||||
this.getDetail(this.detailData.id)
|
||||
} else {
|
||||
this.messageText = msg
|
||||
this.msgType = 'error'
|
||||
this.$refs.message.open()
|
||||
}
|
||||
this.closePopup()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.view-page {
|
||||
// padding: 32rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
min-height: 100vh;
|
||||
|
||||
.content {
|
||||
padding: 0 32rpx;
|
||||
flex: 1;
|
||||
/* 关键：撑满剩余空间 */
|
||||
overflow: auto;
|
||||
/* 允许内容滚动 */
|
||||
}
|
||||
|
||||
.icon-right {
|
||||
width: 56rpx;
|
||||
height: 56rpx;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.popup_view {
|
||||
width: 550rpx;
|
||||
// height: 40vh;
|
||||
background-color: #fff;
|
||||
border-radius: 32rpx;
|
||||
padding: 32rpx;
|
||||
|
||||
.popup_title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.messageContent {
|
||||
margin: 24rpx 0;
|
||||
}
|
||||
|
||||
.popup_button {
|
||||
margin-top: 24rpx;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
|
||||
.close_button,
|
||||
.confirm-button {
|
||||
width: 200rpx;
|
||||
height: 84rpx;
|
||||
background: #F3F3F3;
|
||||
border-radius: 106rpx;
|
||||
color: #999999;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.confirm-button {
|
||||
background: #0DFFB9;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.footer {
|
||||
// background: #f0f0f0;
|
||||
padding: 20rpx;
|
||||
text-align: center;
|
||||
/* 适配iPhoneX等刘海屏 */
|
||||
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
/* 确保容器占满屏幕 */
|
||||
.union-info {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
|
||||
/* 头像 */
|
||||
.head-portrait {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 50%;
|
||||
background-color: aquamarine;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.left-view {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
|
||||
.info-detail {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
margin-left: 24rpx;
|
||||
|
||||
.union-title {
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.union-id {
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.union-date {
|
||||
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.like-box {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: row;
|
||||
padding: 6rpx 24rpx;
|
||||
background: #2AFEC0;
|
||||
border-radius: 35rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin: 8rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 25px;
|
||||
margin: 24rpx 0;
|
||||
|
||||
.icon-box {
|
||||
width: 48%;
|
||||
height: 30%;
|
||||
flex: 1;
|
||||
max-width: calc(50% - 12.5px);
|
||||
border-radius: 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.union-user,
|
||||
.union-dec {
|
||||
padding: 24rpx;
|
||||
height: 220rpx;
|
||||
background: #fff;
|
||||
border-radius: 22rpx;
|
||||
margin-bottom: 24rpx;
|
||||
|
||||
.user-title {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.user-info {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
|
||||
/* 头像 */
|
||||
.head-portrait {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 50%;
|
||||
background-color: aquamarine;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.info-view {
|
||||
margin-left: 24rpx;
|
||||
|
||||
.iconTag-view {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
padding: 12rpx 0;
|
||||
|
||||
.icon-tag {
|
||||
width: 75rpx;
|
||||
height: 30rpx;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.union-dec {
|
||||
min-height: 220rpx;
|
||||
|
||||
.user-dec {
|
||||
text-indent: 2em;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.confirm-button {
|
||||
padding: 0 50rpx;
|
||||
|
||||
.button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 84rpx;
|
||||
border-radius: 106rpx;
|
||||
line-height: 84rpx;
|
||||
background-color: #0DFFB9;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
145
pages/union/exitApplication.vue
Normal file
145
pages/union/exitApplication.vue
Normal file
@@ -0,0 +1,145 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<headerHeight />
|
||||
<navBar :navTitle="`退出审核`">
|
||||
</navBar>
|
||||
<view class="content">
|
||||
<view class="box-line flex-line w-fill" v-for="(ele,index) in dataList" >
|
||||
<view class="flex-line">
|
||||
<img style="width: 100rpx;height: 100rpx;border-radius: 50%;" :src="ele.avatar || logo" alt="" />
|
||||
<view class="ml-20">
|
||||
<view class="color-3 font-32 font-w500">
|
||||
{{ele.nickname}}
|
||||
</view>
|
||||
<view class="color-6 font-24">
|
||||
ID: {{ele.user_code}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view :class="ele.status === 1 ? 'success-text' : 'error-text'" v-if="ele.status">
|
||||
{{ele.status === 1 ? '已同意' : '已拒绝'}}
|
||||
</view>
|
||||
<view class="flex-line" v-else>
|
||||
<view class="no-button" @click="RefuseOrAgreeData(ele,2)">
|
||||
拒绝
|
||||
</view>
|
||||
<view class="agree-button" @click="RefuseOrAgreeData(ele,1)">
|
||||
同意
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<uni-popup ref="message" type="message">
|
||||
<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import http from '@/until/http.js';
|
||||
import logo from '@/static/image/logo.png';
|
||||
import navBar from '@/component/nav.vue';
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
logo,
|
||||
guildId: null,
|
||||
msgType:"",
|
||||
messageText:"",
|
||||
dataList: [],
|
||||
searchParams: {
|
||||
guild_id: 0,
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id
|
||||
} = options
|
||||
this.searchParams.guild_id = id
|
||||
if (id) this.getList()
|
||||
},
|
||||
methods: {
|
||||
async RefuseOrAgreeData(ele,type){
|
||||
const {
|
||||
code,
|
||||
data,
|
||||
msg
|
||||
} = await http.post('/api/Guild/quit_apply_audit', {
|
||||
token:uni.getStorageSync('token') ?? '',
|
||||
apply_id:ele.id,
|
||||
type
|
||||
})
|
||||
if(code === 1) {
|
||||
this.msgType = 'success'
|
||||
this.messageText = `操作成功`
|
||||
this.$refs.message.open()
|
||||
this.getList()
|
||||
} else {
|
||||
this.messageText = msg
|
||||
this.msgType = 'error'
|
||||
this.$refs.message.open()
|
||||
}
|
||||
},
|
||||
async getList() {
|
||||
const {
|
||||
code,
|
||||
data
|
||||
} = await http.get('/api/Guild/quit_apply_list', this.searchParams)
|
||||
if (code) {
|
||||
this.dataList = data.list
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.view-page {
|
||||
min-height: 100vh;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.content {
|
||||
padding: 0 24rpx;
|
||||
width: calc(100vw - 48rpx);
|
||||
height: calc(100vh - 67px);
|
||||
.box-line{
|
||||
justify-content: space-between;
|
||||
margin-top: 24rpx;
|
||||
.success-text{
|
||||
color: #0DFFB9;
|
||||
}
|
||||
.error-text{
|
||||
color: #FF8ACC;
|
||||
}
|
||||
.agree-button,.no-button{
|
||||
width: 140rpx;
|
||||
height: 48rpx;
|
||||
background: #0DFFB9;
|
||||
border-radius: 68rpx;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
}
|
||||
.no-button{
|
||||
background-color: #333333;
|
||||
color:#fff;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
91
pages/union/historyRecord.vue
Normal file
91
pages/union/historyRecord.vue
Normal file
@@ -0,0 +1,91 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<headerHeight />
|
||||
<navBar :navTitle="`历史记录`">
|
||||
</navBar>
|
||||
<view class="content">
|
||||
<tableView :tableData="dataList"></tableView>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import http from '@/until/http.js';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import tableView from '@/component/newTable.vue'
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar,
|
||||
tableView
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
guildId: null,
|
||||
dataList: [],
|
||||
pageConfig:{
|
||||
currentPage:1,
|
||||
pageSize:10
|
||||
},
|
||||
searchParams: {
|
||||
guild_id: 0,
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id
|
||||
} = options
|
||||
this.searchParams.guild_id = id
|
||||
if (id) this.getList()
|
||||
},
|
||||
methods: {
|
||||
async getList() {
|
||||
const {
|
||||
code,
|
||||
data
|
||||
} = await http.get('/api/Guild/guild_subsidy_list', {
|
||||
...this.searchParams,
|
||||
page: this.pageConfig.currentPage,
|
||||
page_limit: this.pageConfig.pageSize,
|
||||
})
|
||||
if (code) {
|
||||
this.pageConfig.total = data.count
|
||||
this.loading = false
|
||||
const newData = data.list || []
|
||||
if (newData.length === 0) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
if (this.dataList.length === this.pageConfig.total) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
this.dataList = [...this.dataList, ...newData]
|
||||
this.pageConfig.currentPage++
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.view-page {
|
||||
min-height: 100vh;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.content {
|
||||
padding: 0 24rpx;
|
||||
width: calc(100vw - 48rpx);
|
||||
height: calc(100vh - 67px);
|
||||
background: #FFFFFF;
|
||||
border-radius: 32rpx 32rpx 0rpx 0rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
479
pages/union/index.vue
Normal file
479
pages/union/index.vue
Normal file
@@ -0,0 +1,479 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}"
|
||||
:navTitle="'公会中心'" :emitBack="true" @backEvent="back">
|
||||
<template #rightView>
|
||||
<view v-if="isMerber" @click="jumpMineUnion" class="font-24" style="color:#FF8ACC;white-space: nowrap">
|
||||
我的公会
|
||||
</view>
|
||||
</template>
|
||||
</navBar>
|
||||
<view class="content">
|
||||
<view class="flex-input">
|
||||
<uni-easyinput type="number" prefixIcon="search" clearSize="18" v-model="searchValue"
|
||||
placeholder="请输入公会ID">
|
||||
</uni-easyinput>
|
||||
<view class="search-button" @click="search">
|
||||
搜索
|
||||
</view>
|
||||
</view>
|
||||
<view class="swipe-view">
|
||||
|
||||
</view>
|
||||
<view class="title">
|
||||
热门公会
|
||||
</view>
|
||||
<view class="hotspot-view">
|
||||
<view class="hotspot-box" v-for="data in listData" :key="data.id" @click="viewDetails(data)">
|
||||
<view class="flex-line">
|
||||
<view class="head-portrait">
|
||||
<img :src="data.cover || logo" alt="" />
|
||||
</view>
|
||||
<view class="info-box ml-20">
|
||||
<view class="flex-line">
|
||||
<span class="truncate">{{data.guild_name}}</span><span
|
||||
class="id-title">ID:{{data.guild_special_id}}</span>
|
||||
<img @click.stop="copyData(data.guild_special_id)" class="icon-box"
|
||||
src="@/static/image/union/copy.png" alt="" />
|
||||
</view>
|
||||
<view class="subhead-title truncate">
|
||||
{{data.intro}}
|
||||
</view>
|
||||
<view class="chairman">
|
||||
<view class="chairman-portrait">
|
||||
<img :src="data.user_avatar" alt="暂无头像" />
|
||||
</view>
|
||||
<view class="truncate-three">
|
||||
{{data.user_name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="right-button">
|
||||
<view class="online-view" v-if="data.guild_user_list.length">
|
||||
<div class="avatars-container" v-for="ele in data.guild_user_list.slice(0,3)" :key="ele.id">
|
||||
<view class="avatar">
|
||||
<img :src="ele.avatar" alt="" />
|
||||
</view>
|
||||
</div>
|
||||
<view class="online-people truncate-three">
|
||||
{{data.num}}人
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<uni-load-more :status="loading ? 'loading' : noMore ? 'noMore' : 'more'" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import navBar from '@/component/nav.vue';
|
||||
import http from '@/until/http.js';
|
||||
import logo from '@/static/image/logo.png';
|
||||
export default {
|
||||
components: {
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
searchValue: '',
|
||||
logo,
|
||||
loading: false,
|
||||
noMore: false,
|
||||
pageConfig: {
|
||||
pageSize: 5,
|
||||
currentPage: 1,
|
||||
total: 2
|
||||
},
|
||||
isMerber: null,
|
||||
listData: [],
|
||||
UnionByUser: null,
|
||||
statusBarHeight: 0
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id,
|
||||
h
|
||||
} = options
|
||||
uni.setStorageSync('token', id || '14a62bb9dac0eebf7fb9643639a7e172')
|
||||
if (uni.getStorageSync('token')) {
|
||||
this.getList()
|
||||
this.getInfo()
|
||||
}
|
||||
this.statusBarHeight = h
|
||||
uni.setStorageSync('BarHeight', h)
|
||||
},
|
||||
onReachBottom() {
|
||||
if (!this.loading && !this.noMore) {
|
||||
this.getList()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 关闭当前公会中心页面
|
||||
back() {
|
||||
this.closeWeb()
|
||||
},
|
||||
search() {
|
||||
this.pageConfig.currentPage = 1
|
||||
this.listData = []
|
||||
this.getList()
|
||||
},
|
||||
closeWeb() {
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
// console.log(platform, '打印设备参数')
|
||||
if (platform === 'ios') {
|
||||
console.log('调用iOS原生方法')
|
||||
// 通过 messageHandlers 调用 iOS 原生方法
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'closeWeb'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
console.log('调用Android原生方法')
|
||||
// 调用 Android 原生方法
|
||||
window.Android.closeWeb();
|
||||
}
|
||||
},
|
||||
async getInfo() {
|
||||
http.get('/api/Guild/is_guild_member', {
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
this.isMerber = code ? data : false
|
||||
this.UnionByUser = code ? data.guild_id : 0
|
||||
}).catch(error => {
|
||||
this.isMerber = false
|
||||
this.UnionByUser = null
|
||||
});
|
||||
},
|
||||
async getList() {
|
||||
this.loading = true
|
||||
http.get('/api/Guild/guild_list', {
|
||||
page: this.pageConfig.currentPage,
|
||||
limit: this.pageConfig.pageSize,
|
||||
search_id: this.searchValue,
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
this.pageConfig.total = data.count
|
||||
this.loading = false
|
||||
const newData = data.list || []
|
||||
if (newData.length === 0) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
this.listData = [...this.listData, ...newData]
|
||||
this.pageConfig.currentPage++
|
||||
if (this.listData.length === this.pageConfig.total) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
}
|
||||
}).catch(error => {
|
||||
this.loading = false
|
||||
});
|
||||
},
|
||||
// 点击公会详情
|
||||
viewDetails(data) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/union/detail?id=${data.id}`
|
||||
});
|
||||
},
|
||||
// 跳转到我的公会
|
||||
jumpMineUnion() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/union/detail?id=${this.UnionByUser}`
|
||||
});
|
||||
},
|
||||
copyData(text) {
|
||||
if(text) {
|
||||
|
||||
if (uni.getSystemInfoSync().platform === 'h5') {
|
||||
const textarea = document.createElement('textarea');
|
||||
textarea.value = text;
|
||||
document.body.appendChild(textarea);
|
||||
textarea.select();
|
||||
document.execCommand('copy');
|
||||
document.body.removeChild(textarea);
|
||||
|
||||
uni.showToast({
|
||||
title: '复制成功',
|
||||
icon: 'none',
|
||||
});
|
||||
return;
|
||||
} else {
|
||||
uni.setClipboardData({
|
||||
data: text,
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '已复制到剪贴板',
|
||||
icon: 'none',
|
||||
duration: 1500
|
||||
});
|
||||
},
|
||||
fail: () => {
|
||||
uni.showToast({
|
||||
title: '复制失败，请重试',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '暂无可复制文本',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.view-page {
|
||||
// padding: 32rpx;
|
||||
// min-height: 100vh;
|
||||
min-height: 100vh;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.content {
|
||||
padding: 0 32rpx;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
border: 2px solid white;
|
||||
/* 白色边框 */
|
||||
background-size: cover;
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
|
||||
transition: all 0.4s ease;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 头像位置 */
|
||||
.avatar:nth-child(1) {
|
||||
left: calc(50% - 60rpx);
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.avatar:nth-child(2) {
|
||||
left: calc(50% - 35rpx);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.avatar:nth-child(3) {
|
||||
left: calc(50% - 10rpx);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* 悬停效果 */
|
||||
.avatar:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
/* 搜索框 */
|
||||
.flex-input {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: row;
|
||||
|
||||
.search-button {
|
||||
padding: 0 0 0 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/* 轮播图 */
|
||||
.swipe-view {
|
||||
width: 100%;
|
||||
height: 200rpx;
|
||||
background-color: antiquewhite;
|
||||
border-radius: 14rpx;
|
||||
margin-top: 36rpx;
|
||||
background-image: url('/static/image/swiper.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 24rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* 热门公会 */
|
||||
.hotspot-view {
|
||||
.hotspot-box {
|
||||
width: calc(100% - 48rpx);
|
||||
padding: 24rpx;
|
||||
// min-height: calc(268rpx - 48rpx);
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
margin-bottom: 24rpx;
|
||||
/* */
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
|
||||
/* 头像 */
|
||||
.head-portrait {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 50%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 中间信息 */
|
||||
.info-box {
|
||||
padding: 0 24rpx;
|
||||
|
||||
// width: 55%;
|
||||
.icon-box {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
|
||||
/* 会长样式 */
|
||||
.chairman {
|
||||
width: 106rpx;
|
||||
height: 36rpx;
|
||||
padding: 0 12rpx;
|
||||
color: #fff;
|
||||
font-size: 24rpx;
|
||||
text-align: right;
|
||||
background: #333333;
|
||||
border-radius: 116rpx 116rpx 116rpx 116rpx;
|
||||
border: 2rpx solid #333333;
|
||||
position: relative;
|
||||
left: 10rpx;
|
||||
margin: 32rpx 0;
|
||||
|
||||
.chairman-portrait {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid #FFFFFF;
|
||||
position: absolute;
|
||||
top: -10rpx;
|
||||
left: -20rpx;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.id-title {
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
margin-left: 24rpx;
|
||||
}
|
||||
|
||||
.subhead-title {
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
margin: 8rpx 0;
|
||||
}
|
||||
|
||||
.like-box {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: row;
|
||||
padding: 6rpx 24rpx;
|
||||
background: #2AFEC0;
|
||||
border-radius: 35rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin: 8rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* 右边按钮 */
|
||||
.right-button {
|
||||
text-align: right;
|
||||
|
||||
.apply-button {
|
||||
display: inline-block;
|
||||
// width: 98rpx;
|
||||
// height: 46rpx;
|
||||
background: #0DFFB9;
|
||||
border-radius: 68rpx;
|
||||
text-align: center;
|
||||
padding: 4rpx 40rpx;
|
||||
}
|
||||
|
||||
.online-view {
|
||||
// display: inline-block;
|
||||
margin-top: 24rpx;
|
||||
padding: 12rpx 8rpx;
|
||||
// background: #333333;
|
||||
// border-radius: 92rpx;
|
||||
// font-size: 24rpx;
|
||||
// color: #FFFFFF;
|
||||
text-align: right;
|
||||
width: 160rpx;
|
||||
height: 44rpx;
|
||||
line-height: 44rpx;
|
||||
background: #333333;
|
||||
border-radius: 92rpx 92rpx 92rpx 92rpx;
|
||||
position: relative;
|
||||
|
||||
.avatars-container {
|
||||
position: absolute;
|
||||
top: 10rpx;
|
||||
left: 40%;
|
||||
}
|
||||
|
||||
.online-people {
|
||||
color: #FFFFFF;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
169
pages/union/memberList.vue
Normal file
169
pages/union/memberList.vue
Normal file
@@ -0,0 +1,169 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<!-- <headerHeight /> -->
|
||||
<navBar :navTitle="'查看成员'" :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}">
|
||||
</navBar>
|
||||
<view class="content">
|
||||
<view class="">
|
||||
<view class="flex-line w-fill mt-24 flex-spaceB" v-for="item in dataList" :key="item">
|
||||
<view class="flex-line" @click="jumpHomePage(item)">
|
||||
<view class="image-view">
|
||||
<img :src="item.avatar || logo" alt="" />
|
||||
</view>
|
||||
<view style="width: 84rpx;" v-if="item.role === 'Owner' || item.role === 'Admin'">
|
||||
<img v-if=" item.role === 'Owner'" src="@/static/image/union/ghz.png" alt="" />
|
||||
<img v-if="item.role === 'Admin'" src="@/static/image/union/gly.png" alt="" />
|
||||
</view>
|
||||
<view class="ml-20 flex-line">
|
||||
<span>{{item.nickname}}</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="icon-button" v-if="!item.is_self">
|
||||
<img v-if="item.in_room_id" @click="jumpRoomPage(item)" src="@/static/image/union/follow.png" alt="" />
|
||||
<img v-else @click="weChatUser(item)" src="@/static/image/union/sixin.png" alt="" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import http from '@/until/http.js';
|
||||
import logout from '@/static/image/union/logout.png'
|
||||
import logo from '@/static/image/logo.png';
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
logo,
|
||||
guildId:null,
|
||||
statusBarHeight:0,
|
||||
pageConfig: {
|
||||
pageSize: 20,
|
||||
currentPage: 1,
|
||||
total: 0
|
||||
},
|
||||
loading:false,
|
||||
noMore:true,
|
||||
dataList: []
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
guildId,h
|
||||
} = options
|
||||
// console.log(guildId)
|
||||
this.guildId = guildId
|
||||
this.statusBarHeight = h || uni.getStorageSync('BarHeight')
|
||||
if(this.guildId) this.getList()
|
||||
},
|
||||
methods: {
|
||||
jumpHomePage(data){
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'jumpWebPage',
|
||||
'data': {
|
||||
userId: data.user_id
|
||||
}
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.jumpWebPage(data.user_id);
|
||||
}
|
||||
},
|
||||
jumpRoomPage(data){
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'jumpRoomPage',
|
||||
'data': {
|
||||
room_id: data.in_room_id
|
||||
}
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.jumpRoomPage(data.in_room_id);
|
||||
}
|
||||
},
|
||||
weChatUser(data){
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'chatWithUser',
|
||||
'data': {
|
||||
userId: data.user_id,
|
||||
userName:data.nickname
|
||||
}
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.chatWithUser(data.user_id,data.nickname);
|
||||
}
|
||||
},
|
||||
// 获取成员列表
|
||||
async getList() {
|
||||
const {
|
||||
code,
|
||||
data
|
||||
} = await http.get('/api/Guild/member_list', {
|
||||
guild_id: this.guildId,
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
page: this.pageConfig.currentPage,
|
||||
page_limit: this.pageConfig.pageSize
|
||||
})
|
||||
if (code) {
|
||||
this.pageConfig.total = data.count
|
||||
this.loading = false
|
||||
const newData = data.list || []
|
||||
if (newData.length === 0) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
this.dataList = [...this.dataList, ...newData]
|
||||
this.pageConfig.currentPage++
|
||||
if (this.dataList.length === this.pageConfig.total) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
}
|
||||
console.log(this.dataList)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.view-page {
|
||||
// padding: 32rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
min-height: 100vh;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
|
||||
.image-view {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
margin: 0 24rpx;
|
||||
|
||||
img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-button {
|
||||
width: 140rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0 32rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
231
pages/union/roomAndflow.vue
Normal file
231
pages/union/roomAndflow.vue
Normal file
@@ -0,0 +1,231 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<headerHeight />
|
||||
<navBar :navTitle="`${ leaderStatus ? '公会房间及流水' : '公会房间'}`">
|
||||
<template #rightView>
|
||||
</template>
|
||||
</navBar>
|
||||
<view class="content_view">
|
||||
<view>
|
||||
<uni-datetime-picker type="range" style="background-color: #f8f8f8;" start-placeholder="开始时间" :end="currentDate" end-placeholder="结束时间"
|
||||
v-model="dateSearch" rangeSeparator="至" @change="changeDate" />
|
||||
</view>
|
||||
<view class="header-view" v-if="flowDetail && leaderStatus">
|
||||
<view class="flex-line flow-view w-fill flex-spaceB">
|
||||
<view class="flowTitle color-3">
|
||||
总流水
|
||||
</view>
|
||||
</view>
|
||||
<view class="flowNumber">
|
||||
{{flowDetail.total_transaction}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="room-list flex-line" v-if="flowList && flowList.length">
|
||||
<view class="room-line flex-line flex-spaceB" v-for="data in flowList" :key="data.room_id" @click="jumpRoomPage(data)">
|
||||
<view class="flex-line">
|
||||
<view class="head-portrait">
|
||||
<img :src="data.room_cover || logo" alt="" />
|
||||
</view>
|
||||
<view class="ml-20">
|
||||
<view class="color-3 font-32 font-w500">
|
||||
{{data.room_name}}
|
||||
</view>
|
||||
<view class="color-6 font-24">
|
||||
ID:{{data.room_number}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-line" v-if="leaderStatus">
|
||||
<view class="flowIcon">
|
||||
<img src="@/static/image/union/flowIcon.png" alt="" />
|
||||
</view>
|
||||
<view class="ml-20">
|
||||
{{data.total_price || 0}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-24">
|
||||
<uni-load-more :status="loading ? 'loading' : noMore ? 'noMore' : 'more'" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import http from '@/until/http.js';
|
||||
import logo from '@/static/image/logo.png'
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dateSearch: [new Date(),new Date()],
|
||||
currentDate: +new Date(),
|
||||
logo,
|
||||
loading: false,
|
||||
noMore: false,
|
||||
detailData: null,
|
||||
pageConfig: {
|
||||
pageSize: 20,
|
||||
currentPage: 1,
|
||||
total: 0
|
||||
},
|
||||
searchParams: {
|
||||
guild_id: 0,
|
||||
start_time:new Date(),
|
||||
end_time: new Date(),
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
page: 1,
|
||||
page_size: 20
|
||||
},
|
||||
leaderStatus: null,
|
||||
flowDetail: null,
|
||||
flowList:[]
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id,
|
||||
leader
|
||||
} = options
|
||||
|
||||
this.leaderStatus = +leader
|
||||
this.searchParams.start_time = this.formatDate(new Date())
|
||||
this.searchParams.end_time = this.formatDate(new Date())
|
||||
this.searchParams.guild_id = id
|
||||
if (id) this.getFlow()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (!this.loading && !this.noMore) {
|
||||
this.getFlow()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
formatDate(timestamp) {
|
||||
const date = new Date(timestamp);
|
||||
const year = date.getFullYear();
|
||||
const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始需+1
|
||||
const day = String(date.getDate()).padStart(2, '0');
|
||||
return `${year}-${month}-${day}`;
|
||||
},
|
||||
// 获取流水
|
||||
async getFlow() {
|
||||
const {
|
||||
code,
|
||||
data
|
||||
} = await http.get('/api/Guild/guild_flow', {
|
||||
...this.searchParams,
|
||||
page: this.pageConfig.currentPage,
|
||||
page_size: this.pageConfig.pageSize,
|
||||
})
|
||||
if(code) {
|
||||
this.flowDetail = data
|
||||
this.pageConfig.total = data.count
|
||||
this.loading = false
|
||||
const newData = data.list || []
|
||||
if (newData.length === 0) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
this.flowList = [...this.flowList, ...newData]
|
||||
this.pageConfig.currentPage++
|
||||
if (this.flowList.length === this.pageConfig.total) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
// console.log(this.flowList.length === this.pageConfig.total)
|
||||
}
|
||||
},
|
||||
jumpRoomPage(data){
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'jumpRoomPage',
|
||||
'data': {
|
||||
room_id: data.room_id
|
||||
}
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.jumpRoomPage(data.room_id);
|
||||
}
|
||||
},
|
||||
// 日期范围
|
||||
changeDate(date) {
|
||||
this.searchParams.start_time = date.length ? date[0] : ''
|
||||
this.searchParams.end_time = date.length ? date[1] : ''
|
||||
this.getFlow()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.view-page {
|
||||
// padding: 24rpx 32rpx;
|
||||
min-height: 100vh;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.content_view {
|
||||
padding: 0 24rpx;
|
||||
}
|
||||
|
||||
.header-view {
|
||||
padding: 24rpx;
|
||||
margin-top: 24rpx;
|
||||
background-image: url('/static/image/union/flowbg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
height: 152rpx;
|
||||
|
||||
.flow-view {
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.flowNumber {
|
||||
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #004D3C;
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.room-list {
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
.room-line {
|
||||
width: 100%;
|
||||
// background-color: #004D3C;
|
||||
margin-top: 24rpx;
|
||||
padding:24rpx;
|
||||
border-radius: 10rpx;
|
||||
background-color: #fff;
|
||||
|
||||
.flowIcon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.head-portrait {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 50%;
|
||||
|
||||
img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
324
pages/union/setGroup.vue
Normal file
324
pages/union/setGroup.vue
Normal file
@@ -0,0 +1,324 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<!-- <headerHeight /> -->
|
||||
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'群聊设置'" :emitBack="true" @backEvent="back">
|
||||
</navBar>
|
||||
<view class="content" v-if="detailData">
|
||||
<view class="name-view flex-line">
|
||||
<view class="name-image">
|
||||
<img :src="detailData.guild_cover" alt="" />
|
||||
</view>
|
||||
<view class="name-title">
|
||||
{{detailData.name}}
|
||||
</view>
|
||||
</view>
|
||||
<!-- 群聊成员 -->
|
||||
<view class="member-view">
|
||||
<view class="flex-line w-fill" style="justify-content: space-between;">
|
||||
<view class="member-name">
|
||||
群聊成员
|
||||
</view>
|
||||
<view class="flex-line member-detail" @click="memberList">
|
||||
<span class="color-6">查看成员</span> <uni-icons class="flex-line" type="right" color="#666"
|
||||
size="16"></uni-icons>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="w-fill flex-line mt-24">
|
||||
<view class="" v-for="ele in detailData.user_list">
|
||||
<view class="image-view">
|
||||
<img :src="ele.avatar" alt="" />
|
||||
</view>
|
||||
<view class="color-9 font-28 mt-24" style="text-align: center;">
|
||||
{{ele.nickname}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 编辑 -->
|
||||
<view class="edit-name">
|
||||
<uni-easyinput v-model="guildName" :disabled="detailData.is_deacon !== 1 " primaryColor="#999" :inputBorder="false" :styles="styles" :placeholderStyle="placeholderStyle" placeholder="请输入内容"></uni-easyinput>
|
||||
</view>
|
||||
<view class="edit-notice">
|
||||
<view class="notice-title">
|
||||
群聊公告
|
||||
</view>
|
||||
<view class="notice-view">
|
||||
<uni-easyinput primaryColor="#999" :inputBorder="false" :disabled="detailData.is_deacon !== 1 " :styles="styles" :placeholderStyle="placeholderStyle" type="textarea" autoHeight v-model="detailData.notification" placeholder="请输入群聊公告"></uni-easyinput>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer"v-if="detailData.is_deacon === 1">
|
||||
<view class="confirm-button" @click="confirmInfo">
|
||||
<view class="button">
|
||||
确认保存
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="edit-notice flex-line w-fill flex-spaceB">
|
||||
<view class="notice-title">
|
||||
设置置顶
|
||||
</view>
|
||||
<view >
|
||||
<switch checked color="#457AFF" style="transform:scale(0.7)"/>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import http from '@/until/http.js';
|
||||
import logout from '@/static/image/union/logout.png'
|
||||
import logo from '@/static/image/logo.png';
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
logo,
|
||||
guildId:null,
|
||||
notice:'',
|
||||
value: '',
|
||||
guildName:'',
|
||||
detailData:null,
|
||||
styles: {
|
||||
color: '#333',
|
||||
borderColor: 'none'
|
||||
},
|
||||
statusBarHeight:0,
|
||||
placeholderStyle: "color:321;font-size:14px",
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id,
|
||||
guildId,h
|
||||
} = options
|
||||
uni.setStorageSync('token', id)
|
||||
this.guildId = guildId || ''
|
||||
if (uni.getStorageSync('token')) {
|
||||
this.getInfo()
|
||||
}
|
||||
this.statusBarHeight = h || uni.getStorageSync('BarHeight')
|
||||
},
|
||||
methods:{
|
||||
// 关闭当前公会中心页面
|
||||
back() {
|
||||
this.closeWeb()
|
||||
},
|
||||
closeWeb(){
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
// 通过 messageHandlers 调用 iOS 原生方法
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'closeWeb'
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
// 调用 Android 原生方法
|
||||
window.Android.closeWeb();
|
||||
}
|
||||
},
|
||||
async getInfo() {
|
||||
http.get('/api/Guild/get_guild_info', {
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
guild_id: this.guildId
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
this.detailData = data || null
|
||||
if(data) {
|
||||
this.detailData.user_list = data.user_list.slice(0,4)
|
||||
}
|
||||
this.guildName = data.name || null
|
||||
}).catch(error => {
|
||||
});
|
||||
},
|
||||
memberList(){
|
||||
uni.navigateTo({
|
||||
url: `/pages/union/memberList?guildId=${this.guildId}`
|
||||
});
|
||||
},
|
||||
async confirmInfo(){
|
||||
if (this.guildName === '') {
|
||||
uni.showToast({
|
||||
title: "请输入群聊名称",
|
||||
icon: 'none'
|
||||
});
|
||||
return
|
||||
}
|
||||
const parameter = {
|
||||
token: uni.getStorageSync('token'),
|
||||
guild_id: this.detailData.guild_id,
|
||||
name: this.guildName,
|
||||
notice: this.detailData.notice,
|
||||
avatar: this.detailData.guild_cover
|
||||
}
|
||||
uni.showLoading({
|
||||
title: '提交中',
|
||||
mask: true
|
||||
})
|
||||
http.post('/api/Guild/set_guild_info', parameter).then(response => {
|
||||
const {
|
||||
data,
|
||||
code
|
||||
} = response
|
||||
if (code) {
|
||||
setTimeout(() => {
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: "提交成功",
|
||||
icon: 'none',
|
||||
mask: true
|
||||
});
|
||||
this.getInfo()
|
||||
}, 1000)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "提交失败",
|
||||
icon: 'error'
|
||||
});
|
||||
uni.hideLoading()
|
||||
}
|
||||
|
||||
}).catch(error => {
|
||||
uni.showToast({
|
||||
title: "提交失败",
|
||||
icon: 'error'
|
||||
});
|
||||
uni.hideLoading()
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.view-page {
|
||||
// padding: 32rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
min-height: 100vh;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
.footer {
|
||||
// background: #f0f0f0;
|
||||
padding: 20rpx;
|
||||
text-align: center;
|
||||
/* 适配iPhoneX等刘海屏 */
|
||||
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
||||
|
||||
.confirm-button {
|
||||
padding: 0 50rpx;
|
||||
|
||||
.button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 84rpx;
|
||||
border-radius: 106rpx;
|
||||
line-height: 84rpx;
|
||||
background-color: #0DFFB9;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
.image-view {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
margin: 0 24rpx;
|
||||
|
||||
img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0 32rpx;
|
||||
|
||||
.name-view {
|
||||
// width: ;
|
||||
width: 100%;
|
||||
margin-top: 24rpx;
|
||||
height: 148rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 22rpx;
|
||||
|
||||
.name-image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
margin: 0 24rpx;
|
||||
|
||||
img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.name-title {
|
||||
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.member-view {
|
||||
padding: 24rpx;
|
||||
margin-top: 24rpx;
|
||||
// width: ;
|
||||
background-color: #fff;
|
||||
border-radius: 22rpx;
|
||||
|
||||
.member-name {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
|
||||
.member-detail {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
}
|
||||
.edit-name{
|
||||
margin-top: 24rpx;
|
||||
background: #EFF2F8;
|
||||
padding: 24rpx;
|
||||
border-radius: 22rpx;
|
||||
}
|
||||
.edit-notice{
|
||||
|
||||
.notice-title{
|
||||
padding: 24rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.notice-view{
|
||||
background: #EFF2F8;
|
||||
padding: 24rpx;
|
||||
border-radius: 22rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
116
pages/union/subsidy.vue
Normal file
116
pages/union/subsidy.vue
Normal file
@@ -0,0 +1,116 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<headerHeight />
|
||||
<navBar :navTitle="`公会补贴`">
|
||||
<template #rightView>
|
||||
<view class="icon-right flex-line" @click="exit"
|
||||
v-if="detailData && leaderStatus" >
|
||||
<view @click="historyRecord" class="font-24" style="color:#FF8ACC;white-space: nowrap">
|
||||
历史记录
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</navBar>
|
||||
<view class="content-view" v-if="detailData">
|
||||
<view class="bottom" v-for="(data,index) in detailData" :key="index">
|
||||
<view class="flex-line flex-spaceB w-fill">
|
||||
<view class="color-3 font-w500 font-32">
|
||||
{{data.name}}
|
||||
</view>
|
||||
<view class="font-28" :style="{'color' : data.status_str === '已发放' ? '#999' : '#45D08C'}">
|
||||
{{data.status_str}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="line">
|
||||
|
||||
</view>
|
||||
<view class="flex-line flex-spaceB w-fill">
|
||||
<view class="cumulative font-28 font-w400">
|
||||
累计流水：{{data.total_transaction}}
|
||||
</view>
|
||||
<view class="subsidy font-28">
|
||||
获得补贴：{{data.subsidy_amount}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import http from '@/until/http.js';
|
||||
import logo from '@/static/image/logo.png'
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
logo,
|
||||
detailData: null,
|
||||
searchParams: {
|
||||
guild_id: 0,
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id,
|
||||
leader
|
||||
} = options
|
||||
this.leaderStatus = +leader
|
||||
this.searchParams.guild_id = id
|
||||
if (id) this.getSubsidy()
|
||||
},
|
||||
methods: {
|
||||
//
|
||||
async getSubsidy() {
|
||||
const {
|
||||
code,
|
||||
data
|
||||
} = await http.get('/api/Guild/guild_subsidy', this.searchParams)
|
||||
this.detailData = code ? data.list : null
|
||||
},
|
||||
historyRecord(){
|
||||
uni.navigateTo({
|
||||
url: `/pages/union/historyRecord?id=${this.searchParams.guild_id}`
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.view-page {
|
||||
min-height: 100vh;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.content-view{
|
||||
padding: 0 24rpx;
|
||||
}
|
||||
.bottom{
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.cumulative {
|
||||
color: #FF8ACC;
|
||||
}
|
||||
|
||||
.line {
|
||||
background-color: #ECECEC;
|
||||
height: 1rpx;
|
||||
margin: 24rpx 0;
|
||||
}
|
||||
|
||||
.subsidy {
|
||||
color: #0DFFB9;
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
719
pages/union/test.vue
Normal file
719
pages/union/test.vue
Normal file
@@ -0,0 +1,719 @@
|
||||
<template>
|
||||
<div class="wealth-level-page">
|
||||
<!-- 顶部导航栏 -->
|
||||
<div class="header">
|
||||
<div class="back-btn" @click="goBack">
|
||||
<i class="icon-back">‹</i>
|
||||
</div>
|
||||
<div class="title-section">
|
||||
<h1 class="main-title">财富等级</h1>
|
||||
<span class="sub-title">主播等级</span>
|
||||
</div>
|
||||
<div class="help-btn" @click="showHelp">
|
||||
<i class="icon-help">?</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 等级进度环形图 -->
|
||||
<div class="level-progress-section">
|
||||
<div class="progress-ring-container">
|
||||
<!-- 等级标签 -->
|
||||
<div class="level-labels">
|
||||
<div
|
||||
class="level-label"
|
||||
v-for="(level, index) in levels"
|
||||
:key="index"
|
||||
:class="{ active: currentLevelIndex >= index }"
|
||||
>
|
||||
<span class="level-name">{{ level.name }}</span>
|
||||
<div
|
||||
class="level-dot"
|
||||
:class="{ active: currentLevelIndex >= index }"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 中心头像和信息 -->
|
||||
<div class="center-info">
|
||||
<div class="avatar">
|
||||
<img :src="userAvatar" alt="用户头像" />
|
||||
</div>
|
||||
<div class="experience-info">
|
||||
<div class="current-exp">
|
||||
<span class="exp-number">{{ currentExp }}</span>
|
||||
<span class="exp-label">当前经验</span>
|
||||
</div>
|
||||
<div class="next-level-exp">
|
||||
<span class="exp-number">{{ nextLevelExp }}</span>
|
||||
<span class="exp-label">距离下一个等级</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 进度弧线 -->
|
||||
<svg class="progress-ring" viewBox="0 0 200 200">
|
||||
<circle
|
||||
class="progress-ring-bg"
|
||||
cx="100"
|
||||
cy="100"
|
||||
r="85"
|
||||
fill="none"
|
||||
stroke="#2a2a2a"
|
||||
stroke-width="4"
|
||||
/>
|
||||
<circle
|
||||
class="progress-ring-progress"
|
||||
cx="100"
|
||||
cy="100"
|
||||
r="85"
|
||||
fill="none"
|
||||
stroke="#00ff88"
|
||||
stroke-width="4"
|
||||
stroke-linecap="round"
|
||||
:stroke-dasharray="circumference"
|
||||
:stroke-dashoffset="progressOffset"
|
||||
transform="rotate(-90 100 100)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 当前等级卡片 -->
|
||||
<div class="current-level-card">
|
||||
<div class="level-badge">
|
||||
<img :src="currentLevel.badge" alt="等级徽章" />
|
||||
</div>
|
||||
<div class="level-info">
|
||||
<h2 class="level-title">{{ currentLevel.name }}</h2>
|
||||
<p class="level-description">{{ currentLevel.description }}</p>
|
||||
<div class="level-progress-bar">
|
||||
<div class="progress-track">
|
||||
<div
|
||||
class="progress-fill"
|
||||
:style="{ width: levelProgress + '%' }"
|
||||
></div>
|
||||
</div>
|
||||
<div class="progress-labels">
|
||||
<span>Lv.{{ currentLevel.level }}</span>
|
||||
<span>Lv.{{ currentLevel.level + 1 }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="next-level-requirement">{{ nextLevelRequirement }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 每日奖励 -->
|
||||
<div class="daily-rewards-section">
|
||||
<h3 class="section-title">每日奖励</h3>
|
||||
<div class="reward-item">
|
||||
<div class="reward-icon">
|
||||
<img src="/icons/coin.png" alt="金币" />
|
||||
</div>
|
||||
<div class="reward-info">
|
||||
<p class="reward-title">段位达到富豪8</p>
|
||||
<p class="reward-desc">可每日领取金币</p>
|
||||
</div>
|
||||
<button
|
||||
class="claim-btn"
|
||||
@click="claimDailyReward"
|
||||
:disabled="dailyRewardClaimed"
|
||||
>
|
||||
{{ dailyRewardClaimed ? "已领取" : "立即领取" }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 等级需求及福利 -->
|
||||
<div class="level-benefits-section">
|
||||
<h3 class="section-title">等级需求及福利</h3>
|
||||
<div class="benefits-grid">
|
||||
<div
|
||||
class="benefit-item"
|
||||
v-for="(benefit, index) in levelBenefits"
|
||||
:key="index"
|
||||
>
|
||||
<div class="benefit-icon">
|
||||
<img :src="benefit.icon" alt="福利图标" />
|
||||
</div>
|
||||
<p class="benefit-value">{{ benefit.value }}</p>
|
||||
<p class="benefit-desc">{{ benefit.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 财富特权 -->
|
||||
<div class="wealth-privileges-section">
|
||||
<h3 class="section-title">财富特权</h3>
|
||||
<div class="privileges-grid">
|
||||
<div
|
||||
class="privilege-item"
|
||||
v-for="(privilege, index) in wealthPrivileges"
|
||||
:key="index"
|
||||
>
|
||||
<div class="privilege-icon">
|
||||
<img :src="privilege.icon" alt="特权图标" />
|
||||
</div>
|
||||
<p class="privilege-name">{{ privilege.name }}</p>
|
||||
<p class="privilege-level">{{ privilege.level }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "WealthLevelPage",
|
||||
data() {
|
||||
return {
|
||||
// 用户信息
|
||||
userAvatar: "",
|
||||
currentExp: 1608,
|
||||
nextLevelExp: 1608,
|
||||
currentLevelIndex: 1,
|
||||
dailyRewardClaimed: false,
|
||||
|
||||
// 等级配置
|
||||
levels: [
|
||||
{ name: "新人", value: 0 },
|
||||
{ name: "富豪", value: 1000 },
|
||||
{ name: "星爵", value: 5000 },
|
||||
{ name: "星侯", value: 15000 },
|
||||
{ name: "星王", value: 50000 },
|
||||
],
|
||||
|
||||
// 当前等级信息
|
||||
currentLevel: {
|
||||
name: "星爵",
|
||||
level: 1,
|
||||
description: "进30天保段已成功",
|
||||
badge: "",
|
||||
requirement: 10000,
|
||||
},
|
||||
|
||||
// 等级福利
|
||||
levelBenefits: [
|
||||
{
|
||||
icon: "",
|
||||
value: "100万",
|
||||
description: "所需经验值",
|
||||
},
|
||||
{
|
||||
icon: "",
|
||||
value: "100万",
|
||||
description: "保段经验值",
|
||||
},
|
||||
{
|
||||
icon: "",
|
||||
value: "100万",
|
||||
description: "每日可领",
|
||||
},
|
||||
{
|
||||
icon: "",
|
||||
value: "吉普",
|
||||
description: "专属座驾",
|
||||
},
|
||||
],
|
||||
|
||||
// 财富特权
|
||||
wealthPrivileges: Array(12)
|
||||
.fill()
|
||||
.map((_, index) => ({
|
||||
name: "吉普",
|
||||
level: "富豪6解锁",
|
||||
icon: "",
|
||||
})),
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
// 计算圆形进度条
|
||||
circumference() {
|
||||
return 2 * Math.PI * 85;
|
||||
},
|
||||
|
||||
progressOffset() {
|
||||
const progress = this.levelProgress / 100;
|
||||
return this.circumference - progress * this.circumference;
|
||||
},
|
||||
|
||||
// 计算当前等级进度
|
||||
levelProgress() {
|
||||
const currentLevelExp = this.levels[this.currentLevelIndex].value;
|
||||
const nextLevelExp =
|
||||
this.levels[this.currentLevelIndex + 1]?.value ||
|
||||
currentLevelExp + 10000;
|
||||
const progress =
|
||||
((this.currentExp - currentLevelExp) /
|
||||
(nextLevelExp - currentLevelExp)) *
|
||||
100;
|
||||
return Math.min(Math.max(progress, 0), 100);
|
||||
},
|
||||
|
||||
// 下一等级需求
|
||||
nextLevelRequirement() {
|
||||
const nextLevel = this.levels[this.currentLevelIndex + 1];
|
||||
if (nextLevel) {
|
||||
const remaining = nextLevel.value - this.currentExp;
|
||||
return `距离下一个段位还差${remaining.toLocaleString()}经验`;
|
||||
}
|
||||
return "已达到最高等级";
|
||||
},
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 返回上一页
|
||||
goBack() {
|
||||
this.$router.go(-1);
|
||||
},
|
||||
|
||||
// 显示帮助
|
||||
showHelp() {
|
||||
this.$toast("帮助信息");
|
||||
},
|
||||
|
||||
// 领取每日奖励
|
||||
claimDailyReward() {
|
||||
if (this.dailyRewardClaimed) return;
|
||||
|
||||
this.dailyRewardClaimed = true;
|
||||
this.$toast("领取成功！");
|
||||
|
||||
// 这里可以调用API
|
||||
this.apiClaimDailyReward();
|
||||
},
|
||||
|
||||
// API调用示例
|
||||
async apiClaimDailyReward() {
|
||||
try {
|
||||
// const response = await this.$api.claimDailyReward()
|
||||
console.log("API: 领取每日奖励");
|
||||
} catch (error) {
|
||||
console.error("领取失败:", error);
|
||||
this.dailyRewardClaimed = false;
|
||||
}
|
||||
},
|
||||
|
||||
// 获取用户等级数据
|
||||
async fetchUserLevelData() {
|
||||
try {
|
||||
// const response = await this.$api.getUserLevel()
|
||||
// this.currentExp = response.currentExp
|
||||
// this.currentLevelIndex = response.levelIndex
|
||||
console.log("API: 获取用户等级数据");
|
||||
} catch (error) {
|
||||
console.error("获取数据失败:", error);
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.fetchUserLevelData();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.wealth-level-page {
|
||||
min-height: 100vh;
|
||||
background: linear-gradient(180deg, #1a1a1a 0%, #2d2d2d 50%, #f5f5f5 50%);
|
||||
color: #fff;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
/* 顶部导航 */
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 44px 20px 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.back-btn,
|
||||
.help-btn {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 50%;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.back-btn:hover,
|
||||
.help-btn:hover {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.icon-back {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.icon-help {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.title-section {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin: 0 0 4px 0;
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* 等级进度环形图 */
|
||||
.level-progress-section {
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.progress-ring-container {
|
||||
position: relative;
|
||||
width: 280px;
|
||||
height: 280px;
|
||||
}
|
||||
|
||||
.level-labels {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.level-label {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.level-label:nth-child(1) {
|
||||
top: 10px;
|
||||
left: 20px;
|
||||
} /* 新人 */
|
||||
.level-label:nth-child(2) {
|
||||
top: 40px;
|
||||
right: 10px;
|
||||
} /* 富豪 */
|
||||
.level-label:nth-child(3) {
|
||||
bottom: 40px;
|
||||
right: 10px;
|
||||
} /* 星爵 */
|
||||
.level-label:nth-child(4) {
|
||||
bottom: 10px;
|
||||
left: 20px;
|
||||
} /* 星侯 */
|
||||
.level-label:nth-child(5) {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
} /* 星王 */
|
||||
|
||||
.level-name {
|
||||
margin-bottom: 4px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.level-label.active .level-name {
|
||||
color: #00ff88;
|
||||
}
|
||||
|
||||
.level-dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: #333;
|
||||
border: 2px solid #555;
|
||||
}
|
||||
|
||||
.level-dot.active {
|
||||
background: #00ff88;
|
||||
border-color: #00ff88;
|
||||
}
|
||||
|
||||
.center-info {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 16px;
|
||||
border: 3px solid #00ff88;
|
||||
}
|
||||
|
||||
.avatar img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.experience-info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 200px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.current-exp,
|
||||
.next-level-exp {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.exp-number {
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #00ff88;
|
||||
}
|
||||
|
||||
.exp-label {
|
||||
font-size: 10px;
|
||||
color: #999;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.progress-ring {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.progress-ring-progress {
|
||||
transition: stroke-dashoffset 0.5s ease;
|
||||
}
|
||||
|
||||
/* 当前等级卡片 */
|
||||
.current-level-card {
|
||||
margin: 20px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 16px;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.level-badge {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin-right: 16px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.level-badge img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.level-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.level-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin: 0 0 4px 0;
|
||||
color: #00ff88;
|
||||
}
|
||||
|
||||
.level-description {
|
||||
font-size: 12px;
|
||||
color: #ccc;
|
||||
margin: 0 0 12px 0;
|
||||
}
|
||||
|
||||
.level-progress-bar {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
.progress-track {
|
||||
height: 4px;
|
||||
background: #333;
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.progress-fill {
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, #00ff88, #00ccff);
|
||||
border-radius: 2px;
|
||||
transition: width 0.5s ease;
|
||||
}
|
||||
|
||||
.progress-labels {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 10px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.next-level-requirement {
|
||||
font-size: 11px;
|
||||
color: #999;
|
||||
margin: 8px 0 0 0;
|
||||
}
|
||||
|
||||
/* 每日奖励和福利区域 */
|
||||
.daily-rewards-section,
|
||||
.level-benefits-section,
|
||||
.wealth-privileges-section {
|
||||
background: #fff;
|
||||
color: #333;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin: 0 0 16px 0;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.reward-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 16px;
|
||||
background: #f8f9fa;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.reward-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.reward-icon img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.reward-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.reward-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
margin: 0 0 2px 0;
|
||||
}
|
||||
|
||||
.reward-desc {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.claim-btn {
|
||||
background: #00ff88;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 20px;
|
||||
padding: 8px 16px;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.claim-btn:hover:not(:disabled) {
|
||||
background: #00e67a;
|
||||
}
|
||||
|
||||
.claim-btn:disabled {
|
||||
background: #ccc;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* 福利网格 */
|
||||
.benefits-grid,
|
||||
.privileges-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.benefit-item,
|
||||
.privilege-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
padding: 12px;
|
||||
background: #f8f9fa;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.benefit-icon,
|
||||
.privilege-icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.benefit-icon img,
|
||||
.privilege-icon img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.benefit-value,
|
||||
.privilege-name {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin: 0 0 2px 0;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.benefit-desc,
|
||||
.privilege-level {
|
||||
font-size: 10px;
|
||||
color: #666;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 响应式设计 */
|
||||
@media (max-width: 375px) {
|
||||
.progress-ring-container {
|
||||
width: 240px;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.experience-info {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.benefits-grid,
|
||||
.privileges-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
394
pages/union/unionMembers.vue
Normal file
394
pages/union/unionMembers.vue
Normal file
@@ -0,0 +1,394 @@
|
||||
<template>
|
||||
<view class="view-page">
|
||||
<headerHeight />
|
||||
<navBar :navTitle="`公会成员`">
|
||||
<template #rightView>
|
||||
<view class="icon-right flex-line"
|
||||
v-if="leaderStatus" @click="application">
|
||||
<view class="font-24" style="color:#333;white-space: nowrap">
|
||||
退出审核
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</navBar>
|
||||
<view class="content_view">
|
||||
<view v-if="leaderStatus">
|
||||
<uni-datetime-picker style="background-color: #f8f8f8;" start-placeholder="开始时间" :end="currentDate"
|
||||
end-placeholder="结束时间" v-model="dateSearch" type="range" rangeSeparator="至"
|
||||
@change="changeDate" />
|
||||
</view>
|
||||
<view class="header-view" v-if="flowDetail && leaderStatus">
|
||||
<view class="flex-line flow-view w-fill flex-spaceB">
|
||||
<view class="flowTitle color-3">
|
||||
总支出
|
||||
</view>
|
||||
</view>
|
||||
<view class="flowNumber">
|
||||
{{flowDetail.total_consumption}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="room-list flex-line mt-24" v-if="dataList && dataList.length">
|
||||
<view class="room-line w-fill" v-for="data in dataList" :key="data.room_id">
|
||||
<view class="w-fill flex-line flex-spaceB" @click="jumpHomePage(data)">
|
||||
<view class="flex-line w-fill">
|
||||
<view class="head-portrait-view">
|
||||
<view class="head-portrait">
|
||||
<img :src="data.avatar || logo" alt="" />
|
||||
|
||||
</view>
|
||||
<view class="tip" v-if="data.is_deacon === 1">
|
||||
<img src="@/static/image/union/ghz_tip.png" alt="" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="ml-20">
|
||||
<view class="color-3 font-32 font-w500">
|
||||
{{data.nickname}}
|
||||
</view>
|
||||
<view class="color-6 font-24" style="margin-top: 12rpx;">
|
||||
ID:{{data.user_code}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-line" v-if="leaderStatus">
|
||||
<view class="flowIcon">
|
||||
<img src="@/static/image/union/flowIcon.png" alt="" />
|
||||
</view>
|
||||
<view class="ml-20">
|
||||
{{data.total_consumption || 0}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="w-fill operate_button" v-if="leaderStatus && data.is_deacon === 2">
|
||||
<view class="color-f font-24 button" @click="kickGuild(data)">
|
||||
踢出公会
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-24">
|
||||
<uni-load-more :status="loading ? 'loading' : noMore ? 'noMore' : 'more'" />
|
||||
</view>
|
||||
</view>
|
||||
<uni-popup ref="message" type="message">
|
||||
<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
|
||||
</uni-popup>
|
||||
<uni-popup ref="popup" type="center">
|
||||
<view class="popup_view">
|
||||
<view class="color-3 font-32 popup_title">
|
||||
温馨提示
|
||||
</view>
|
||||
<view class="color-3 font-24 messageContent">
|
||||
{{messageContent}}
|
||||
</view>
|
||||
<view class="popup_button flex-line">
|
||||
<view class="close_button flex-line" @click="closePopup">
|
||||
取消
|
||||
</view>
|
||||
<view class="confirm-button flex-line" @click="confirmPopup">
|
||||
确认
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headerHeight from '@/component/headerHeight.vue';
|
||||
import navBar from '@/component/nav.vue';
|
||||
import http from '@/until/http.js';
|
||||
import logo from '@/static/image/logo.png'
|
||||
export default {
|
||||
components: {
|
||||
headerHeight,
|
||||
navBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dateSearch: [new Date(),new Date()],
|
||||
currentDate: +new Date(),
|
||||
logo,
|
||||
loading: false,
|
||||
noMore: false,
|
||||
detailData: null,
|
||||
pageConfig: {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
total: 0
|
||||
},
|
||||
searchParams: {
|
||||
guild_id: 0,
|
||||
start_time: '',
|
||||
end_time: '',
|
||||
token: uni.getStorageSync('token') ?? '',
|
||||
page: 1,
|
||||
page_size: 20
|
||||
},
|
||||
leaderStatus: null,
|
||||
flowDetail: null,
|
||||
msgType: '',
|
||||
messageText: '',
|
||||
messageContent: '',
|
||||
dataList: [],
|
||||
currentUserData: null
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const {
|
||||
id,
|
||||
leader
|
||||
} = options
|
||||
|
||||
this.leaderStatus = +leader
|
||||
this.searchParams.guild_id = id
|
||||
this.searchParams.start_time = this.formatDate(new Date())
|
||||
this.searchParams.end_time = this.formatDate(new Date())
|
||||
if (id) this.getList()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (!this.loading && !this.noMore) {
|
||||
this.getList()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
application(){
|
||||
uni.navigateTo({
|
||||
url: `/pages/union/exitApplication?id=${this.searchParams.guild_id}`
|
||||
});
|
||||
},
|
||||
formatDate(timestamp) {
|
||||
const date = new Date(timestamp);
|
||||
const year = date.getFullYear();
|
||||
const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始需+1
|
||||
const day = String(date.getDate()).padStart(2, '0');
|
||||
return `${year}-${month}-${day}`;
|
||||
},
|
||||
// 获取成员列表
|
||||
async getList() {
|
||||
const {
|
||||
code,
|
||||
data
|
||||
} = await http.get('/api/Guild/get_guild_member_list', {
|
||||
...this.searchParams,
|
||||
page: this.pageConfig.currentPage,
|
||||
page_limit: this.pageConfig.pageSize,
|
||||
})
|
||||
if (code) {
|
||||
this.flowDetail = data
|
||||
this.pageConfig.total = data.count
|
||||
this.loading = false
|
||||
const newData = data.list || []
|
||||
if (newData.length === 0) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
this.dataList = [...this.dataList, ...newData]
|
||||
this.pageConfig.currentPage++
|
||||
if (this.dataList.length === this.pageConfig.total) {
|
||||
this.noMore = true
|
||||
return
|
||||
}
|
||||
}
|
||||
},
|
||||
// 日期范围
|
||||
changeDate(date) {
|
||||
this.searchParams.start_time = date.length ? date[0] : ''
|
||||
this.searchParams.end_time = date.length ? date[1] : ''
|
||||
this.getList()
|
||||
},
|
||||
// 踢出公会
|
||||
kickGuild(userData) {
|
||||
this.currentUserData = userData
|
||||
this.messageContent = `亲爱的会长，您当前操作将踢出该成员，是否继续？`
|
||||
this.$refs.popup.open('center')
|
||||
},
|
||||
jumpHomePage(data){
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
if (platform === 'ios') {
|
||||
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||||
'action': 'jumpWebPage',
|
||||
'data': {
|
||||
userId: data.user_id
|
||||
}
|
||||
});
|
||||
} else if (platform === 'android') {
|
||||
window.Android.jumpWebPage(data.user_id);
|
||||
}
|
||||
},
|
||||
confirmPopup() {
|
||||
this.kickUser()
|
||||
},
|
||||
closePopup() {
|
||||
this.currentUserData = null
|
||||
this.messageContent = ""
|
||||
this.$refs.popup.close()
|
||||
},
|
||||
async kickUser() {
|
||||
http.post('/api/Guild/kick_guild_member', {
|
||||
guild_id: this.currentUserData.guild_id,
|
||||
user_id: this.currentUserData.user_id,
|
||||
token: uni.getStorageSync('token') ?? ''
|
||||
}).then(response => {
|
||||
const {
|
||||
data,
|
||||
code,
|
||||
msg
|
||||
} = response
|
||||
if (code) {
|
||||
this.msgType = 'success'
|
||||
this.messageText = `操作成功`
|
||||
this.$refs.message.open()
|
||||
this.dataList = []
|
||||
this.pageConfig.currentPage = 1
|
||||
this.getList()
|
||||
} else {
|
||||
this.messageText = msg
|
||||
this.msgType = 'error'
|
||||
this.$refs.message.open()
|
||||
}
|
||||
this.currentUserData = null
|
||||
this.closePopup()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.view-page {
|
||||
// padding: 24rpx 32rpx;
|
||||
min-height: 100vh;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
background-image: url('@/static/image/help/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.content_view {
|
||||
padding: 0 24rpx;
|
||||
}
|
||||
|
||||
.popup_view {
|
||||
width: 550rpx;
|
||||
// height: 40vh;
|
||||
background-color: #fff;
|
||||
border-radius: 32rpx;
|
||||
padding: 32rpx;
|
||||
|
||||
.popup_title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.messageContent {
|
||||
margin: 24rpx 0;
|
||||
}
|
||||
|
||||
.popup_button {
|
||||
margin-top: 24rpx;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
|
||||
.close_button,
|
||||
.confirm-button {
|
||||
width: 200rpx;
|
||||
height: 84rpx;
|
||||
background: #F3F3F3;
|
||||
border-radius: 106rpx;
|
||||
color: #999999;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.confirm-button {
|
||||
background: #0DFFB9;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.header-view {
|
||||
padding: 24rpx;
|
||||
margin-top: 24rpx;
|
||||
background-image: url('/static/image/union/flowbg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
height: 152rpx;
|
||||
|
||||
.flow-view {
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.flowNumber {
|
||||
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #004D3C;
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.room-list {
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
|
||||
.operate_button {
|
||||
border-top: 1rpx solid #E2E2E2;
|
||||
margin-top: 24rpx;
|
||||
padding-top: 24rpx;
|
||||
|
||||
.button {
|
||||
padding: 12rpx 24rpx;
|
||||
background-color: #333;
|
||||
display: inline-flex;
|
||||
border-radius: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.room-line {
|
||||
width: 100%;
|
||||
// background-color: #004D3C;
|
||||
margin-bottom: 24rpx;
|
||||
padding: 24rpx;
|
||||
border-radius: 10rpx;
|
||||
background-color: #fff;
|
||||
|
||||
.flowIcon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.head-portrait {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 50%;
|
||||
|
||||
|
||||
img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.head-portrait-view {
|
||||
position: relative;
|
||||
.tip {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 5rpx;
|
||||
right: 0;
|
||||
width: 96rpx;
|
||||
height: 26rpx;
|
||||
border-radius: 0;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
434
pnpm-lock.yaml
generated
Normal file
434
pnpm-lock.yaml
generated
Normal file
@@ -0,0 +1,434 @@
|
||||
lockfileVersion: '9.0'
|
||||
|
||||
settings:
|
||||
autoInstallPeers: true
|
||||
excludeLinksFromLockfile: false
|
||||
|
||||
importers:
|
||||
|
||||
.:
|
||||
dependencies:
|
||||
axios:
|
||||
specifier: ^1.9.0
|
||||
version: 1.10.0
|
||||
vue-i18n:
|
||||
specifier: ^11.1.5
|
||||
version: 11.1.9(vue@3.5.17)
|
||||
|
||||
packages:
|
||||
|
||||
'@babel/helper-string-parser@7.27.1':
|
||||
resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
|
||||
engines: {node: '>=6.9.0'}
|
||||
|
||||
'@babel/helper-validator-identifier@7.27.1':
|
||||
resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
|
||||
engines: {node: '>=6.9.0'}
|
||||
|
||||
'@babel/parser@7.28.0':
|
||||
resolution: {integrity: sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==}
|
||||
engines: {node: '>=6.0.0'}
|
||||
hasBin: true
|
||||
|
||||
'@babel/types@7.28.0':
|
||||
resolution: {integrity: sha512-jYnje+JyZG5YThjHiF28oT4SIZLnYOcSBb6+SDaFIyzDVSkXQmQQYclJ2R+YxcdmK0AX6x1E5OQNtuh3jHDrUg==}
|
||||
engines: {node: '>=6.9.0'}
|
||||
|
||||
'@intlify/core-base@11.1.9':
|
||||
resolution: {integrity: sha512-Lrdi4wp3XnGhWmB/mMD/XtfGUw1Jt+PGpZI/M63X1ZqhTDjNHRVCs/i8vv8U1cwaj1A9fb0bkCQHLSL0SK+pIQ==}
|
||||
engines: {node: '>= 16'}
|
||||
|
||||
'@intlify/message-compiler@11.1.9':
|
||||
resolution: {integrity: sha512-84SNs3Ikjg0rD1bOuchzb3iK1vR2/8nxrkyccIl5DjFTeMzE/Fxv6X+A7RN5ZXjEWelc1p5D4kHA6HEOhlKL5Q==}
|
||||
engines: {node: '>= 16'}
|
||||
|
||||
'@intlify/shared@11.1.9':
|
||||
resolution: {integrity: sha512-H/83xgU1l8ox+qG305p6ucmoy93qyjIPnvxGWRA7YdOoHe1tIiW9IlEu4lTdsOR7cfP1ecrwyflQSqXdXBacXA==}
|
||||
engines: {node: '>= 16'}
|
||||
|
||||
'@jridgewell/sourcemap-codec@1.5.4':
|
||||
resolution: {integrity: sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==}
|
||||
|
||||
'@vue/compiler-core@3.5.17':
|
||||
resolution: {integrity: sha512-Xe+AittLbAyV0pabcN7cP7/BenRBNcteM4aSDCtRvGw0d9OL+HG1u/XHLY/kt1q4fyMeZYXyIYrsHuPSiDPosA==}
|
||||
|
||||
'@vue/compiler-dom@3.5.17':
|
||||
resolution: {integrity: sha512-+2UgfLKoaNLhgfhV5Ihnk6wB4ljyW1/7wUIog2puUqajiC29Lp5R/IKDdkebh9jTbTogTbsgB+OY9cEWzG95JQ==}
|
||||
|
||||
'@vue/compiler-sfc@3.5.17':
|
||||
resolution: {integrity: sha512-rQQxbRJMgTqwRugtjw0cnyQv9cP4/4BxWfTdRBkqsTfLOHWykLzbOc3C4GGzAmdMDxhzU/1Ija5bTjMVrddqww==}
|
||||
|
||||
'@vue/compiler-ssr@3.5.17':
|
||||
resolution: {integrity: sha512-hkDbA0Q20ZzGgpj5uZjb9rBzQtIHLS78mMilwrlpWk2Ep37DYntUz0PonQ6kr113vfOEdM+zTBuJDaceNIW0tQ==}
|
||||
|
||||
'@vue/devtools-api@6.6.4':
|
||||
resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
|
||||
|
||||
'@vue/reactivity@3.5.17':
|
||||
resolution: {integrity: sha512-l/rmw2STIscWi7SNJp708FK4Kofs97zc/5aEPQh4bOsReD/8ICuBcEmS7KGwDj5ODQLYWVN2lNibKJL1z5b+Lw==}
|
||||
|
||||
'@vue/runtime-core@3.5.17':
|
||||
resolution: {integrity: sha512-QQLXa20dHg1R0ri4bjKeGFKEkJA7MMBxrKo2G+gJikmumRS7PTD4BOU9FKrDQWMKowz7frJJGqBffYMgQYS96Q==}
|
||||
|
||||
'@vue/runtime-dom@3.5.17':
|
||||
resolution: {integrity: sha512-8El0M60TcwZ1QMz4/os2MdlQECgGoVHPuLnQBU3m9h3gdNRW9xRmI8iLS4t/22OQlOE6aJvNNlBiCzPHur4H9g==}
|
||||
|
||||
'@vue/server-renderer@3.5.17':
|
||||
resolution: {integrity: sha512-BOHhm8HalujY6lmC3DbqF6uXN/K00uWiEeF22LfEsm9Q93XeJ/plHTepGwf6tqFcF7GA5oGSSAAUock3VvzaCA==}
|
||||
peerDependencies:
|
||||
vue: 3.5.17
|
||||
|
||||
'@vue/shared@3.5.17':
|
||||
resolution: {integrity: sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg==}
|
||||
|
||||
asynckit@0.4.0:
|
||||
resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
|
||||
|
||||
axios@1.10.0:
|
||||
resolution: {integrity: sha512-/1xYAC4MP/HEG+3duIhFr4ZQXR4sQXOIe+o6sdqzeykGLx6Upp/1p8MHqhINOvGeP7xyNHe7tsiJByc4SSVUxw==}
|
||||
|
||||
call-bind-apply-helpers@1.0.2:
|
||||
resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
combined-stream@1.0.8:
|
||||
resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
|
||||
engines: {node: '>= 0.8'}
|
||||
|
||||
csstype@3.1.3:
|
||||
resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
|
||||
|
||||
delayed-stream@1.0.0:
|
||||
resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
|
||||
engines: {node: '>=0.4.0'}
|
||||
|
||||
dunder-proto@1.0.1:
|
||||
resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
entities@4.5.0:
|
||||
resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
|
||||
engines: {node: '>=0.12'}
|
||||
|
||||
es-define-property@1.0.1:
|
||||
resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
es-errors@1.3.0:
|
||||
resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
es-object-atoms@1.1.1:
|
||||
resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
es-set-tostringtag@2.1.0:
|
||||
resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
estree-walker@2.0.2:
|
||||
resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
|
||||
|
||||
follow-redirects@1.15.9:
|
||||
resolution: {integrity: sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==}
|
||||
engines: {node: '>=4.0'}
|
||||
peerDependencies:
|
||||
debug: '*'
|
||||
peerDependenciesMeta:
|
||||
debug:
|
||||
optional: true
|
||||
|
||||
form-data@4.0.3:
|
||||
resolution: {integrity: sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==}
|
||||
engines: {node: '>= 6'}
|
||||
|
||||
function-bind@1.1.2:
|
||||
resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
|
||||
|
||||
get-intrinsic@1.3.0:
|
||||
resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
get-proto@1.0.1:
|
||||
resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
gopd@1.2.0:
|
||||
resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
has-symbols@1.1.0:
|
||||
resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
has-tostringtag@1.0.2:
|
||||
resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
hasown@2.0.2:
|
||||
resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
magic-string@0.30.17:
|
||||
resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
|
||||
|
||||
math-intrinsics@1.1.0:
|
||||
resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
mime-db@1.52.0:
|
||||
resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
|
||||
engines: {node: '>= 0.6'}
|
||||
|
||||
mime-types@2.1.35:
|
||||
resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
|
||||
engines: {node: '>= 0.6'}
|
||||
|
||||
nanoid@3.3.11:
|
||||
resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
|
||||
engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
|
||||
hasBin: true
|
||||
|
||||
picocolors@1.1.1:
|
||||
resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
|
||||
|
||||
postcss@8.5.6:
|
||||
resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
|
||||
engines: {node: ^10 || ^12 || >=14}
|
||||
|
||||
proxy-from-env@1.1.0:
|
||||
resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
|
||||
|
||||
source-map-js@1.2.1:
|
||||
resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
|
||||
vue-i18n@11.1.9:
|
||||
resolution: {integrity: sha512-N9ZTsXdRmX38AwS9F6Rh93RtPkvZTkSy/zNv63FTIwZCUbLwwrpqlKz9YQuzFLdlvRdZTnWAUE5jMxr8exdl7g==}
|
||||
engines: {node: '>= 16'}
|
||||
peerDependencies:
|
||||
vue: ^3.0.0
|
||||
|
||||
vue@3.5.17:
|
||||
resolution: {integrity: sha512-LbHV3xPN9BeljML+Xctq4lbz2lVHCR6DtbpTf5XIO6gugpXUN49j2QQPcMj086r9+AkJ0FfUT8xjulKKBkkr9g==}
|
||||
peerDependencies:
|
||||
typescript: '*'
|
||||
peerDependenciesMeta:
|
||||
typescript:
|
||||
optional: true
|
||||
|
||||
snapshots:
|
||||
|
||||
'@babel/helper-string-parser@7.27.1': {}
|
||||
|
||||
'@babel/helper-validator-identifier@7.27.1': {}
|
||||
|
||||
'@babel/parser@7.28.0':
|
||||
dependencies:
|
||||
'@babel/types': 7.28.0
|
||||
|
||||
'@babel/types@7.28.0':
|
||||
dependencies:
|
||||
'@babel/helper-string-parser': 7.27.1
|
||||
'@babel/helper-validator-identifier': 7.27.1
|
||||
|
||||
'@intlify/core-base@11.1.9':
|
||||
dependencies:
|
||||
'@intlify/message-compiler': 11.1.9
|
||||
'@intlify/shared': 11.1.9
|
||||
|
||||
'@intlify/message-compiler@11.1.9':
|
||||
dependencies:
|
||||
'@intlify/shared': 11.1.9
|
||||
source-map-js: 1.2.1
|
||||
|
||||
'@intlify/shared@11.1.9': {}
|
||||
|
||||
'@jridgewell/sourcemap-codec@1.5.4': {}
|
||||
|
||||
'@vue/compiler-core@3.5.17':
|
||||
dependencies:
|
||||
'@babel/parser': 7.28.0
|
||||
'@vue/shared': 3.5.17
|
||||
entities: 4.5.0
|
||||
estree-walker: 2.0.2
|
||||
source-map-js: 1.2.1
|
||||
|
||||
'@vue/compiler-dom@3.5.17':
|
||||
dependencies:
|
||||
'@vue/compiler-core': 3.5.17
|
||||
'@vue/shared': 3.5.17
|
||||
|
||||
'@vue/compiler-sfc@3.5.17':
|
||||
dependencies:
|
||||
'@babel/parser': 7.28.0
|
||||
'@vue/compiler-core': 3.5.17
|
||||
'@vue/compiler-dom': 3.5.17
|
||||
'@vue/compiler-ssr': 3.5.17
|
||||
'@vue/shared': 3.5.17
|
||||
estree-walker: 2.0.2
|
||||
magic-string: 0.30.17
|
||||
postcss: 8.5.6
|
||||
source-map-js: 1.2.1
|
||||
|
||||
'@vue/compiler-ssr@3.5.17':
|
||||
dependencies:
|
||||
'@vue/compiler-dom': 3.5.17
|
||||
'@vue/shared': 3.5.17
|
||||
|
||||
'@vue/devtools-api@6.6.4': {}
|
||||
|
||||
'@vue/reactivity@3.5.17':
|
||||
dependencies:
|
||||
'@vue/shared': 3.5.17
|
||||
|
||||
'@vue/runtime-core@3.5.17':
|
||||
dependencies:
|
||||
'@vue/reactivity': 3.5.17
|
||||
'@vue/shared': 3.5.17
|
||||
|
||||
'@vue/runtime-dom@3.5.17':
|
||||
dependencies:
|
||||
'@vue/reactivity': 3.5.17
|
||||
'@vue/runtime-core': 3.5.17
|
||||
'@vue/shared': 3.5.17
|
||||
csstype: 3.1.3
|
||||
|
||||
'@vue/server-renderer@3.5.17(vue@3.5.17)':
|
||||
dependencies:
|
||||
'@vue/compiler-ssr': 3.5.17
|
||||
'@vue/shared': 3.5.17
|
||||
vue: 3.5.17
|
||||
|
||||
'@vue/shared@3.5.17': {}
|
||||
|
||||
asynckit@0.4.0: {}
|
||||
|
||||
axios@1.10.0:
|
||||
dependencies:
|
||||
follow-redirects: 1.15.9
|
||||
form-data: 4.0.3
|
||||
proxy-from-env: 1.1.0
|
||||
transitivePeerDependencies:
|
||||
- debug
|
||||
|
||||
call-bind-apply-helpers@1.0.2:
|
||||
dependencies:
|
||||
es-errors: 1.3.0
|
||||
function-bind: 1.1.2
|
||||
|
||||
combined-stream@1.0.8:
|
||||
dependencies:
|
||||
delayed-stream: 1.0.0
|
||||
|
||||
csstype@3.1.3: {}
|
||||
|
||||
delayed-stream@1.0.0: {}
|
||||
|
||||
dunder-proto@1.0.1:
|
||||
dependencies:
|
||||
call-bind-apply-helpers: 1.0.2
|
||||
es-errors: 1.3.0
|
||||
gopd: 1.2.0
|
||||
|
||||
entities@4.5.0: {}
|
||||
|
||||
es-define-property@1.0.1: {}
|
||||
|
||||
es-errors@1.3.0: {}
|
||||
|
||||
es-object-atoms@1.1.1:
|
||||
dependencies:
|
||||
es-errors: 1.3.0
|
||||
|
||||
es-set-tostringtag@2.1.0:
|
||||
dependencies:
|
||||
es-errors: 1.3.0
|
||||
get-intrinsic: 1.3.0
|
||||
has-tostringtag: 1.0.2
|
||||
hasown: 2.0.2
|
||||
|
||||
estree-walker@2.0.2: {}
|
||||
|
||||
follow-redirects@1.15.9: {}
|
||||
|
||||
form-data@4.0.3:
|
||||
dependencies:
|
||||
asynckit: 0.4.0
|
||||
combined-stream: 1.0.8
|
||||
es-set-tostringtag: 2.1.0
|
||||
hasown: 2.0.2
|
||||
mime-types: 2.1.35
|
||||
|
||||
function-bind@1.1.2: {}
|
||||
|
||||
get-intrinsic@1.3.0:
|
||||
dependencies:
|
||||
call-bind-apply-helpers: 1.0.2
|
||||
es-define-property: 1.0.1
|
||||
es-errors: 1.3.0
|
||||
es-object-atoms: 1.1.1
|
||||
function-bind: 1.1.2
|
||||
get-proto: 1.0.1
|
||||
gopd: 1.2.0
|
||||
has-symbols: 1.1.0
|
||||
hasown: 2.0.2
|
||||
math-intrinsics: 1.1.0
|
||||
|
||||
get-proto@1.0.1:
|
||||
dependencies:
|
||||
dunder-proto: 1.0.1
|
||||
es-object-atoms: 1.1.1
|
||||
|
||||
gopd@1.2.0: {}
|
||||
|
||||
has-symbols@1.1.0: {}
|
||||
|
||||
has-tostringtag@1.0.2:
|
||||
dependencies:
|
||||
has-symbols: 1.1.0
|
||||
|
||||
hasown@2.0.2:
|
||||
dependencies:
|
||||
function-bind: 1.1.2
|
||||
|
||||
magic-string@0.30.17:
|
||||
dependencies:
|
||||
'@jridgewell/sourcemap-codec': 1.5.4
|
||||
|
||||
math-intrinsics@1.1.0: {}
|
||||
|
||||
mime-db@1.52.0: {}
|
||||
|
||||
mime-types@2.1.35:
|
||||
dependencies:
|
||||
mime-db: 1.52.0
|
||||
|
||||
nanoid@3.3.11: {}
|
||||
|
||||
picocolors@1.1.1: {}
|
||||
|
||||
postcss@8.5.6:
|
||||
dependencies:
|
||||
nanoid: 3.3.11
|
||||
picocolors: 1.1.1
|
||||
source-map-js: 1.2.1
|
||||
|
||||
proxy-from-env@1.1.0: {}
|
||||
|
||||
source-map-js@1.2.1: {}
|
||||
|
||||
vue-i18n@11.1.9(vue@3.5.17):
|
||||
dependencies:
|
||||
'@intlify/core-base': 11.1.9
|
||||
'@intlify/shared': 11.1.9
|
||||
'@vue/devtools-api': 6.6.4
|
||||
vue: 3.5.17
|
||||
|
||||
vue@3.5.17:
|
||||
dependencies:
|
||||
'@vue/compiler-dom': 3.5.17
|
||||
'@vue/compiler-sfc': 3.5.17
|
||||
'@vue/runtime-dom': 3.5.17
|
||||
'@vue/server-renderer': 3.5.17(vue@3.5.17)
|
||||
'@vue/shared': 3.5.17
|
||||
20
static/customicons.css
Normal file
20
static/customicons.css
Normal file
@@ -0,0 +1,20 @@
|
||||
@font-face {
|
||||
font-family: "customicons"; /* Project id 2878519 */
|
||||
src:url('/static/customicons.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.customicons {
|
||||
font-family: "customicons" !important;
|
||||
}
|
||||
|
||||
.youxi:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
|
||||
.wenjian:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
|
||||
.zhuanfa:before {
|
||||
content: "\e610";
|
||||
}
|
||||
BIN
static/customicons.ttf
Normal file
BIN
static/customicons.ttf
Normal file
Binary file not shown.
BIN
static/image/goin.png
Normal file
BIN
static/image/goin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
static/image/grade/Group 7152@2x.png
Normal file
BIN
static/image/grade/Group 7152@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
BIN
static/image/grade/Group 7153@2x.png
Normal file
BIN
static/image/grade/Group 7153@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
BIN
static/image/grade/Group 7154@2x.png
Normal file
BIN
static/image/grade/Group 7154@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
BIN
static/image/grade/Group 7155@2x.png
Normal file
BIN
static/image/grade/Group 7155@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
BIN
static/image/grade/Group 7156@2x.png
Normal file
BIN
static/image/grade/Group 7156@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
BIN
static/image/grade/Maskgroupx.png
Normal file
BIN
static/image/grade/Maskgroupx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
BIN
static/image/grade/Question.png
Normal file
BIN
static/image/grade/Question.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/image/grade/back.png
Normal file
BIN
static/image/grade/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 353 B |
BIN
static/image/grade/back1.png
Normal file
BIN
static/image/grade/back1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 369 B |
BIN
static/image/grade/cf-fuhao.png
Normal file
BIN
static/image/grade/cf-fuhao.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 159 KiB |
BIN
static/image/grade/cf-xinghou.png
Normal file
BIN
static/image/grade/cf-xinghou.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 159 KiB |
BIN
static/image/grade/cf-xingjue.png
Normal file
BIN
static/image/grade/cf-xingjue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
BIN
static/image/grade/cf-xingwang.png
Normal file
BIN
static/image/grade/cf-xingwang.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
BIN
static/image/grade/cf-xinren.png
Normal file
BIN
static/image/grade/cf-xinren.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
BIN
static/image/grade/coin.png
Normal file
BIN
static/image/grade/coin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
static/image/grade/ljlq.png
Normal file
BIN
static/image/grade/ljlq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
static/image/help/Headphone.png
Normal file
BIN
static/image/help/Headphone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/image/help/back.png
Normal file
BIN
static/image/help/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 369 B |
BIN
static/image/help/bg.png
Normal file
BIN
static/image/help/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
BIN
static/image/help/fankui.png
Normal file
BIN
static/image/help/fankui.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 784 B |
BIN
static/image/help/kefu.png
Normal file
BIN
static/image/help/kefu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
static/image/help/upload.png
Normal file
BIN
static/image/help/upload.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
static/image/help/yichuli.png
Normal file
BIN
static/image/help/yichuli.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
BIN
static/image/income/Frame@2x.png
Normal file
BIN
static/image/income/Frame@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 520 B |
BIN
static/image/income/Group 7194@2x.png
Normal file
BIN
static/image/income/Group 7194@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
BIN
static/image/income/Maskgroup.png
Normal file
BIN
static/image/income/Maskgroup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 584 KiB |
BIN
static/image/income/QQ.png
Normal file
BIN
static/image/income/QQ.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
static/image/income/QRCode.png
Normal file
BIN
static/image/income/QRCode.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
static/image/income/Qcode.png
Normal file
BIN
static/image/income/Qcode.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
static/image/income/Rectangle.png
Normal file
BIN
static/image/income/Rectangle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
static/image/income/WeChat.png
Normal file
BIN
static/image/income/WeChat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
static/image/income/close.png
Normal file
BIN
static/image/income/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 932 B |
BIN
static/image/income/coin.png
Normal file
BIN
static/image/income/coin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
static/image/income/duihuan.png
Normal file
BIN
static/image/income/duihuan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
static/image/income/pyq.png
Normal file
BIN
static/image/income/pyq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
BIN
static/image/income/title-bg.png
Normal file
BIN
static/image/income/title-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
BIN
static/image/income/tixian.png
Normal file
BIN
static/image/income/tixian.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
static/image/income/zuanshi.png
Normal file
BIN
static/image/income/zuanshi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
static/image/lhbg.png
Normal file
BIN
static/image/lhbg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 488 B |
BIN
static/image/line.png
Normal file
BIN
static/image/line.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
static/image/logo.png
Normal file
BIN
static/image/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 624 KiB |
BIN
static/image/menuBg.png
Normal file
BIN
static/image/menuBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
static/image/propMall/give.png
Normal file
BIN
static/image/propMall/give.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
static/image/propMall/pay.png
Normal file
BIN
static/image/propMall/pay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
static/image/propMall/tabline.png
Normal file
BIN
static/image/propMall/tabline.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/image/sale.png
Normal file
BIN
static/image/sale.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 442 B |
BIN
static/image/swiper.png
Normal file
BIN
static/image/swiper.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 239 KiB |
BIN
static/image/task/lhsm.png
Normal file
BIN
static/image/task/lhsm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
static/image/task/rule.png
Normal file
BIN
static/image/task/rule.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 617 KiB |
BIN
static/image/task/wfsm.png
Normal file
BIN
static/image/task/wfsm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
static/image/union/copy.png
Normal file
BIN
static/image/union/copy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 347 B |
BIN
static/image/union/flowIcon.png
Normal file
BIN
static/image/union/flowIcon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
static/image/union/flowbg.png
Normal file
BIN
static/image/union/flowbg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
static/image/union/follow.png
Normal file
BIN
static/image/union/follow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
static/image/union/ghbt.png
Normal file
BIN
static/image/union/ghbt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
static/image/union/ghcy.png
Normal file
BIN
static/image/union/ghcy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
static/image/union/ghfj.png
Normal file
BIN
static/image/union/ghfj.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
static/image/union/ghz.png
Normal file
BIN
static/image/union/ghz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
static/image/union/ghz_tip.png
Normal file
BIN
static/image/union/ghz_tip.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
static/image/union/gly.png
Normal file
BIN
static/image/union/gly.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
static/image/union/logo.png
Normal file
BIN
static/image/union/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user