root/uniapp-im-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

订单，视频通话需要开发

Browse Source
This commit is contained in:
cbb
2026-02-07 17:44:59 +08:00
parent 101ddcb0c1
commit 20b6be5dfb
13 changed files with 259 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
api/my-index.js
View File

@@ -291,3 +291,20 @@ export const endUserService = id => {
method: 'get'
})
}
/** 购买记录 */
export const getUserBuyRecordList = data => {
return http({
url: '/api/service/order/list',
method: 'get',
data
})
}
/** 购买记录详情 */
export const getUserBuyRecordDetail = id => {
return http({
url: `/api/service/order/${id}`,
method: 'get'
})
}

76
components/LiveMoreActionsPanel.nvue
View File

@@ -31,12 +31,31 @@
<text class="action-btn-content">镜像</text>
</view>
<view class="action-btn" @tap="openNetworkQualityPanel">
<!-- <view class="action-btn" @tap="openNetworkQualityPanel">
<view class="action-btn-image-container">
<image class="action-btn-image" src="/static/images/live-dashboard.png" mode="aspectFit" />
</view>
<text class="action-btn-content">仪表盘</text>
</view> -->
<view class="action-btn" @tap="muteSpeak">
<view class="action-btn-image-container">
<image
v-if="isMessageDisabled"
class="action-btn-image"
src="/static/images/jinzhifayan.png"
mode="aspectFit"
/>
<image
v-else
class="action-btn-image"
src="/static/images/yunxufayan.png"
mode="aspectFit"
/>
</view>
<text v-if="isMessageDisabled" class="action-btn-content">禁止发言</text>
<text v-else class="action-btn-content">恢复发言</text>
</view>
</view>
</view>
</view>
@@ -50,7 +69,8 @@
<script setup>
import {
ref,
onMounted
onMounted,
watch
} from 'vue';
import NetworkQualityPanel from '@/uni_modules/tuikit-atomic-x/components/NetworkQualityPanel.nvue';
import BeautyPanel from '@/uni_modules/tuikit-atomic-x/components/BeautyPanel.nvue';
@@ -58,6 +78,8 @@
import {
useDeviceState
} from "@/uni_modules/tuikit-atomic-x/state/DeviceState";
import { useUI } from '../utils/use-ui';
import useLiveListState from '@/uni_modules/tuikit-atomic-x/state/LiveListState';
const {
isFrontCamera,
@@ -66,6 +88,10 @@
localMirrorType
} = useDeviceState(uni?.$liveID);
const { updateLiveInfo } = useLiveListState()
const { showLoading, hideLoading, showDialog, showToast } = useUI()
const defaultavatarURL = 'https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_01.png';
const props = defineProps({
@@ -79,15 +105,30 @@
userName: '',
userID: '',
avatarURL: '',
isMessageDisabled: false,
userRole: 1
})
},
currentLive: {
type: Object,
default: () => ({})
}
});
const emit = defineEmits(['update:modelValue', 'update:currentLive']);
// 监听当前直播信息变化
watch(() => props?.currentLive, (newLive) => {
if (newLive) {
console.log('当前直播信息更新:', newLive);
isMessageDisabled.value = !newLive.isMessageDisable
}
});
const isShowNetworkQualityPanel = ref(false);
const isShowBeautyPanel = ref(false);
const isShowAudioEffect = ref(false);
/** 禁止发言状态 */
const isMessageDisabled = ref(true)
const handleBeauty = () => {
isShowBeautyPanel.value = true;
@@ -126,10 +167,37 @@
}
}
const emit = defineEmits(['update:modelValue']);
const close = () => {
emit('update:modelValue', false);
};
const muteSpeak = async () => {
// showDialog
const show = await showDialog('提示', `确认${isMessageDisabled.value ? '禁止' : '恢复'}全部观众发言？`)
if (show) {
showLoading()
const liveInfo = {
liveID: uni?.$liveID,
isMessageDisable: isMessageDisabled.value
}
updateLiveInfo({
liveInfo,
modifyFlagList: ['IS_MESSAGE_DISABLE'],
success: () => {
hideLoading()
showToast(`操作成功`, 'success')
isMessageDisabled.value = false
},
fail: (err) => {
hideLoading()
showToast(`操作失败`, 'error')
console.log('=====修改失败=====', err)
}
})
}
}
</script>
<style>

7
pages.json
View File

@@ -492,6 +492,13 @@
"navigationStyle": "custom",
"navigationBarTitleText": "红包详情"
}
},
{
"path": "pages/discover/order/index",
"style": {
"navigationBarTitleText": "购买记录",
"navigationBarBackgroundColor": "#ffffff"
}
}
],
"globalStyle": {

1
pages/anchor/index.nvue
View File

@@ -213,6 +213,7 @@
<LiveMoreActionsPanel
v-if="liveID"
v-model="isShowLiveMoreActionsPanel"
:currentLive="currentLive"
></LiveMoreActionsPanel>
<UserInfoPanel
v-if="liveID"

29
pages/audience/index.nvue
View File

@@ -66,7 +66,7 @@
</text>
</view>
</view>
<view class="control-icons" @click.stop="navigateBack()">
<view class="control-icons" @click.stop="topBack()">
<!-- <image class="control-icon" src="/static/images/live-share.png" /> -->
<image class="control-icon" src="/static/images/close.png" />
</view>
@@ -211,7 +211,7 @@
</template>
<script setup lang="ts">
import { navigateTo } from '@/utils/router'
import { navigateBack, navigateTo } from '@/utils/router'
import {
imDataEndLive,
getLiveActivityDetail,
@@ -586,29 +586,14 @@
'onLocalMicrophoneClosedByAdmin',
handleLocalMicrophoneClosedByAdmin
)
uni.$liveID = ''
isShowExitSheet.value = true
uni.showModal({
title: `提示`,
content: `直播已结束`,
showCancel: false,
success: c => {
if (c.confirm) {
uni.$liveID = ''
uni.navigateBack({
delta: 1
});
// uni.redirectTo({
// url: `/pages/livelist/index`,
// delta: 1,
// success: () => {
// console.log('返回成功')
// },
// fail: err => {
// console.error('返回失败', err)
// }
// })
}
}
showCancel: false
})
navigateBack()
}
}
const handleKickedOutOfLive = {
@@ -712,7 +697,7 @@
uni.hideKeyboard()
}
const navigateBack = () => {
const topBack = () => {
if (uni.$localGuestStatus === 'CONNECTED') {
exitSheetItems.value = ['断开连麦', '退出直播间']
exitSheetTitle.value =

4
pages/discover/discover.vue
View File

@@ -18,6 +18,10 @@
]
const onGo = item => {
if (item === 'shopping') {
navigateTo('/pages/discover/order/index')
return
}
if (item === 'project') {
showDialog('提示', '外部链接暂未提供', false)
return

30
pages/discover/dynamic/dynamic.vue
View File

@@ -58,7 +58,8 @@
const res = await getUserMomentsList({
pageNum,
pageSize,
targetUserId: isType.value == 1 ? userInfo.value.userId : targetUserId.value
targetUserId:
isType.value == 1 ? userInfo.value.userId : targetUserId.value
})
const list = res.rows.map(item => {
return {
@@ -93,8 +94,8 @@
/** 关闭评论框 */
const closeComment = () => {
contentData.value = ''
inputId.value = ''
// contentData.value = ''
// inputId.value = ''
}
/** 发布评论 */
@@ -108,6 +109,8 @@
const res = await addUserMomentsComment(data)
item.commentList.push(res.data)
closeComment()
contentData.value = ''
inputId.value = ''
}
/** 删除动态 */
@@ -191,7 +194,7 @@
<!-- 动态列表 -->
<view v-if="!listLoading" class="dynamic-list" @click="closeComment">
<view v-for="item in dataList" :key="item.id" class="list">
<view v-for="(item, i) in dataList" :key="i" class="list">
<image
v-if="item.avatar"
:src="item.avatar"
@@ -258,15 +261,30 @@
></uni-icons>
</view>
<view v-if="inputId === item.id" class="input-box">
<input
<uni-easyinput
v-model="contentData"
trim
:inputBorder="false"
:clearable="false"
:placeholder-style="placeholderStyle"
confirmType="done"
placeholder="评论"
@confirm.stop="onComment(item)"
>
<template #right>
<button @click.stop="onComment(item)">发布</button>
</template>
</uni-easyinput>
<!-- <input
v-model="contentData"
:key="i"
focus
confirm-type="done"
placeholder="评论"
:placeholder-style="placeholderStyle"
@confirm.stop="onComment(item)"
/>
<button @click.stop="onComment(item)">发布</button>
<button @click.stop="onComment(item)">发布</button> -->
</view>
<!-- 评论内容 -->
<view v-if="item.commentList.length > 0" class="comment">

11
pages/discover/order/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup></script>
<template>
<view>购买记录pages\discover\order\index.vue</view>
</template>
<style lang="scss" scoped>
page {
background: #f9f9f9;
}
</style>

BIN
static/images/jinzhifayan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
static/images/no-administrator.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/images/yunxufayan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

154
uni_modules/tuikit-atomic-x/components/LiveAudienceList/AudienceActionPanel.nvue
View File

@@ -33,7 +33,7 @@
<view class="action-btn-image-container">
<image
class="action-btn-image"
v-if="userInfo?.isMessageDisabled"
v-if="isMessageDisabled"
src="/static/images/unmute-speak.png"
mode="aspectFit"
/>
@@ -46,12 +46,32 @@
</view>
<text
class="action-btn-content"
v-if="userInfo?.isMessageDisabled"
v-if="isMessageDisabled"
>
解除禁言
</text>
<text class="action-btn-content" v-else>禁言</text>
</view>
<view v-if="!adminType" class="action-btn" @tap="onDdmini">
<view class="action-btn-image-container">
<image
v-if="isAdminShow"
class="action-btn-image"
src="/static/images/no-administrator.png"
mode="aspectFit"
/>
<image
v-else
class="action-btn-image"
src="/static/images/administrator.png"
mode="aspectFit"
/>
</view>
<text v-if="isAdminShow" class="action-btn-content">撤销管理员</text>
<text v-else class="action-btn-content">设置管理员</text>
</view>
<view class="action-btn" @tap="kickOut">
<view class="action-btn-image-container">
<image
@@ -62,17 +82,6 @@
</view>
<text class="action-btn-content">踢出房间</text>
</view>
<view class="action-btn" @tap="onDdmini">
<view class="action-btn-image-container">
<image
class="action-btn-image"
src="/static/images/administrator.png"
mode="aspectFit"
/>
</view>
<text class="action-btn-content">设置管理员</text>
</view>
</view>
<!-- <view class="divider-line-container">
<view class="divider-line"></view>
@@ -83,13 +92,13 @@
</template>
<script setup>
import { ref, computed } from 'vue'
import { ref, computed, onMounted, reactive } from 'vue'
import { useLiveListState } from '@/uni_modules/tuikit-atomic-x/state/LiveListState'
import { useLiveAudienceState } from '@/uni_modules/tuikit-atomic-x/state/LiveAudienceState'
import { useUI } from '../../../../utils/use-ui'
import { getUserBanList, getUserAdminList } from '../../../../api'
const { showLoading, hideLoading } = useUI()
const { showLoading, hideLoading, showToast, showDialog } = useUI()
const { currentLive } = useLiveListState()
const {
setAdministrator,
@@ -108,6 +117,10 @@
userInfo: {
type: Object
},
adminType: {
type: Boolean,
default: false
},
liveID: {
type: String
}
@@ -115,6 +128,14 @@
const emit = defineEmits(['update:modelValue', 'update:userInfo'])
/** 禁言，管理员列表 */
const listData = reactive({
/** 禁言列表 */
tabooList: [],
/** 管理员列表 */
adminList: []
})
const userData = computed({
get() {
return props.userInfo
@@ -124,20 +145,36 @@
}
})
/** 是否禁止发言状态 */
const isMessageDisabled = computed(() => {
return listData.tabooList?.some(v => v?.Member_Account === userData.value.userID)
})
/** 是否管理员状态 */
const isAdminShow = computed(() => {
return listData.adminList?.some(v => v === userData.value.userID)
})
const close = () => {
emit('update:modelValue', false)
}
/** 获取禁言列表 */
const getBanList = async () => {
try {
showLoading()
const res = await getUserBanList(uni?.$liveID)
console.log('禁言列表=====', res)
hideLoading()
} catch (err) {
hideLoading()
/** 获取对应列表：state：1 显示禁止提示框 2 管理员显示提示框 */
const getListData = async (state) => {
const apiList = [
getUserBanList(uni?.$liveID),
getUserAdminList(uni?.$liveID)
]
Promise.all(apiList).then((res) => {
listData.tabooList = res[0].data.Response?.MutedAccountList || []
listData.adminList = res[1].data.Response?.Admin_Account || []
if (state === 1) {
showToast(`${isMessageDisabled.value ? '禁止' : '恢复'}成功`, 'success')
}
if (state === 2) {
showToast(`${isAdminShow.value ? '设置' : '撤销'}成功`, 'success')
}
})
}
/** 获取管理员列表 */
@@ -153,67 +190,39 @@
}
/** 设置为管理员 */
const onDdmini = () => {
console.log('====', userData.value)
uni.showModal({
title: `提示`,
content: `确认设置该用户为管理员？`,
success: c => {
if (c.confirm) {
uni.showLoading({
title: '加载中...',
mask: true // 防止穿透点击
})
setAdministrator({
const onDdmini = async () => {
const show = await showDialog('提示', `确认${isAdminShow.value ? '撤销' : '设置'}管理员？`)
if (show) {
showLoading()
const api = isAdminShow.value ? revokeAdministrator : setAdministrator
api({
liveID: uni?.$liveID,
userID: props?.userInfo?.userID,
userID: userData.value.userID,
success: () =>{
uni.hideLoading()
uni.showToast({
title: '设置成功',
icon: 'success',
mask: true
})
getListData(2)
close()
},
fail: () => {
uni.hideLoading()
}
})
}
}
})
}
const muteSpeak = () => {
console.log(
`${uni?.$liveID} === mute or unMute speak, liveID: ${props.liveID}, isMessageDisabled: ${props?.userInfo?.isMessageDisabled}`
)
getBanList()
const isShow = props?.userInfo?.isMessageDisabled
uni.showModal({
title: `提示`,
content: isShow ? `确认禁止用户发言？` : `确认恢复用户发言？`,
success: c => {
if (c.confirm) {
const params = {
const muteSpeak = async () => {
const show = await showDialog('提示', `确认${isMessageDisabled.value ? '恢复' : '禁止'}用户发言？`)
if (show) {
showLoading()
disableSendMessage({
liveID: uni?.$liveID,
userID: props?.userInfo?.userID,
isDisable: !props?.userInfo?.isMessageDisabled
}
if (isShow) {
disableSendMessage(params)
} else {
disableSendMessage(params)
}
userID: userData.value.userID,
isDisable: !isMessageDisabled.value,
success: () => {
getListData(1)
close()
}
}
})
}
}
const kickOut = () => {
console.log('kick out from room', props?.userInfo?.userID)
@@ -250,6 +259,9 @@
})
}
onMounted(() => {
getListData()
})
</script>
<style>

24
uni_modules/tuikit-atomic-x/components/LiveAudienceList/LiveAudienceList.nvue
View File

@@ -21,7 +21,7 @@
<text class="tag-text">{{ audience.tag }}</text>
</view>
</view>
<view class="audience-more" v-if="loginUserInfo?.userID === currentLive.liveOwner.userID"
<view class="audience-more" v-if="loginUserInfo?.userID === currentLive.liveOwner.userID || isAdminState"
@tap="audienceOperator(audience)">
<text class="more-text">···</text>
</view>
@@ -40,7 +40,7 @@
</view>
</view>
<AudienceActionPanel v-model="isShowAudienceActionPanel" :userInfo="selectedAudience" :liveID="liveID">
<AudienceActionPanel v-model="isShowAudienceActionPanel" :userInfo="selectedAudience" :liveID="liveID" :adminType="isAdminState">
</AudienceActionPanel>
</view>
@@ -49,10 +49,11 @@
<script setup>
import {
ref,
onMounted
onMounted,
watch
} from 'vue';
import AudienceActionPanel from '@/uni_modules/tuikit-atomic-x/components/LiveAudienceList/AudienceActionPanel.nvue';
import { getUserAdminList } from '../../../../api'
import {
useLiveAudienceState
} from "@/uni_modules/tuikit-atomic-x/state/LiveAudienceState";
@@ -62,6 +63,7 @@
import {
useLiveListState
} from "@/uni_modules/tuikit-atomic-x/state/LiveListState";
import { useAuthUser } from '../../../../composables/useAuthUser';
const {
currentLive
} = useLiveListState();
@@ -69,6 +71,7 @@
loginUserInfo
} = useLoginState();
const {tencentUserSig } = useAuthUser()
const {
audienceList,
audienceListCursor
@@ -80,6 +83,8 @@
const scrollTop = ref(0);
const isShowAudienceActionPanel = ref(false);
const selectedAudience = ref(null);
/** 是否管理员身份 */
const isAdminState = ref(false)
const safeArea = ref({
left: 0,
right: 0,
@@ -108,6 +113,17 @@
emit('update:modelValue', false);
};
watch(() => props.modelValue, (v) => {
if (v) {
getUserAdminList(uni?.$liveID).then(res => {
const adminList = res.data.Response?.Admin_Account || []
console.log('===管理员列表', adminList)
isAdminState.value = adminList?.some(v => v === tencentUserSig.value.userId)
console.log('===状态', isAdminState.value)
})
}
})
// 初始化加载
onMounted(() => {
uni.getSystemInfo({