luo/device-voice-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: order-list
All checks were successful
构建并部署前端到生产环境 / build-and-deploy (push) Successful in 47s
Details

Browse Source
This commit is contained in:
sexygoat
2026-04-15 17:04:42 +08:00
parent b3fcdba80f
commit 68af449610
3 changed files with 58 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
components/FunctionCard.vue
View File

@@ -2,12 +2,13 @@
<view class="card function-card"> <view class="card function-card">
<view class="card-header"> <view class="card-header">
<view class="title">功能菜单</view> <view class="title">功能菜单</view>
<view class="header-actions"> <!-- <view class="header-actions">
<button class="btn-apple btn-primary" @tap="$emit('sync')">运营商数据同步</button> <button class="btn-apple btn-primary" @tap="$emit('sync')">运营商数据同步</button>
</view> </view> -->
</view> </view>
<view class="function-grid"> <view class="function-grid">
<view class="function-item interactive card-interactive" @tap="$emit('enter', 'authentication')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" @tap="$emit('enter', 'authentication')"
role="button" tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/authentication.png" mode="aspectFit" alt="实名认证"></image> <image src="/static/authentication.png" mode="aspectFit" alt="实名认证"></image>
</view> </view>
@@ -15,31 +16,42 @@
{{ realNameStatus || '实名认证' }} {{ realNameStatus || '实名认证' }}
</view> </view>
</view> </view>
<view class="function-item interactive card-interactive" @tap="$emit('enter', 'package-order')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" @tap="$emit('sync')" role="button" tabindex="0">
<view class="function-icon">
<image src="/static/shop.png" mode="aspectFit" alt="运营商数据同步"></image>
</view>
<view class="function-name">运营商数据同步</view>
</view>
<view class="function-item interactive card-interactive" @tap="$emit('enter', 'package-order')"
role="button" tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/shop.png" mode="aspectFit" alt="套餐订购"></image> <image src="/static/shop.png" mode="aspectFit" alt="套餐订购"></image>
</view> </view>
<view class="function-name">套餐订购</view> <view class="function-name">套餐订购</view>
</view> </view>
<view class="function-item interactive card-interactive" @tap="$emit('enter', 'order-list')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" @tap="$emit('enter', 'order-list')" role="button"
tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/order.png" mode="aspectFit" alt="我的订单"></image> <image src="/static/order.png" mode="aspectFit" alt="我的订单"></image>
</view> </view>
<view class="function-name">我的订单</view> <view class="function-name">我的订单</view>
</view> </view>
<view class="function-item interactive card-interactive" v-if="isDevice" @tap="$emit('enter', 'back')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" v-if="isDevice" @tap="$emit('enter', 'back')"
role="button" tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/back.png" mode="aspectFit" alt="后台管理"></image> <image src="/static/back.png" mode="aspectFit" alt="后台管理"></image>
</view> </view>
<view class="function-name">后台管理</view> <view class="function-name">后台管理</view>
</view> </view>
<view class="function-item interactive card-interactive" v-if="isDevice" @tap="$emit('enter', 'switch')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" v-if="isDevice" @tap="$emit('enter', 'switch')"
role="button" tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/change.png" mode="aspectFit" alt="切换运营商"></image> <image src="/static/change.png" mode="aspectFit" alt="切换运营商"></image>
</view> </view>
<view class="function-name">切换运营商</view> <view class="function-name">切换运营商</view>
</view> </view>
<view class="function-item interactive card-interactive" @tap="$emit('enter', 'asset-package')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" @tap="$emit('enter', 'asset-package')"
role="button" tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/shop.png" mode="aspectFit" alt="资产套餐历史"></image> <image src="/static/shop.png" mode="aspectFit" alt="资产套餐历史"></image>
</view> </view>
@@ -53,37 +65,43 @@
{{ alreadyBindPhone ? '已绑定' : '绑定手机号' }} {{ alreadyBindPhone ? '已绑定' : '绑定手机号' }}
</view> </view>
</view> </view>
<view class="function-item interactive card-interactive" @tap="$emit('enter', 'change-phone')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" @tap="$emit('enter', 'change-phone')" role="button"
tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/change-phone.png" mode="aspectFit" alt="更换手机号"></image> <image src="/static/change-phone.png" mode="aspectFit" alt="更换手机号"></image>
</view> </view>
<view class="function-name">更换手机号</view> <view class="function-name">更换手机号</view>
</view> </view>
<view class="function-item interactive card-interactive" v-if="isDevice" @tap="$emit('enter', 'device-exchange')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" v-if="isDevice"
@tap="$emit('enter', 'device-exchange')" role="button" tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/change.png" mode="aspectFit" alt="设备换货"></image> <image src="/static/change.png" mode="aspectFit" alt="设备换货"></image>
</view> </view>
<view class="function-name">设备换货</view> <view class="function-name">设备换货</view>
</view> </view>
<view class="function-item interactive card-interactive" @tap="$emit('enter', 'wallet')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" @tap="$emit('enter', 'wallet')" role="button"
tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/wallet.png" mode="aspectFit" alt="我的钱包"></image> <image src="/static/wallet.png" mode="aspectFit" alt="我的钱包"></image>
</view> </view>
<view class="function-name">我的钱包</view> <view class="function-name">我的钱包</view>
</view> </view>
<view class="function-item interactive card-interactive" v-if="isDevice" @tap="$emit('enter', 'recover')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" v-if="isDevice" @tap="$emit('enter', 'recover')"
role="button" tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/recover.png" mode="aspectFit" alt="重启设备"></image> <image src="/static/recover.png" mode="aspectFit" alt="重启设备"></image>
</view> </view>
<view class="function-name">重启设备</view> <view class="function-name">重启设备</view>
</view> </view>
<view class="function-item interactive card-interactive" v-if="isDevice" @tap="$emit('enter', 'restart')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" v-if="isDevice" @tap="$emit('enter', 'restart')"
role="button" tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/restart.png" mode="aspectFit" alt="恢复出厂"></image> <image src="/static/restart.png" mode="aspectFit" alt="恢复出厂"></image>
</view> </view>
<view class="function-name">恢复出厂</view> <view class="function-name">恢复出厂</view>
</view> </view>
<view class="function-item interactive card-interactive" @tap="$emit('enter', 'out')" role="button" tabindex="0"> <view class="function-item interactive card-interactive" @tap="$emit('enter', 'out')" role="button"
tabindex="0">
<view class="function-icon"> <view class="function-icon">
<image src="/static/out.png" mode="aspectFit" alt="退出登录"></image> <image src="/static/out.png" mode="aspectFit" alt="退出登录"></image>
</view> </view>
@@ -97,9 +115,18 @@
<script setup> <script setup>
const props = defineProps({ const props = defineProps({
realNameStatus: { type: String, default: '' }, realNameStatus: {
alreadyBindPhone: { type: Boolean, default: false }, type: String,
isDevice: { type: Boolean, default: true } default: ''
},
alreadyBindPhone: {
type: Boolean,
default: false
},
isDevice: {
type: Boolean,
default: true
}
}); });
const emit = defineEmits(['enter', 'sync']); const emit = defineEmits(['enter', 'sync']);
@@ -121,25 +148,33 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.function-grid { .function-grid {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 16rpx; gap: 16rpx;
width: 100%; width: 100%;
.function-item { .function-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 20rpx; padding: 20rpx;
.function-icon { .function-icon {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
image { width: 100%; height: 100%; }
image {
width: 100%;
height: 100%;
}
} }
.function-name { .function-name {
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
@@ -150,5 +185,8 @@
} }
} }
} }
.text-primary { color: var(--primary) !important; }
</style> .text-primary {
color: var(--primary) !important;
}
</style>

BIN
static/data.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

BIN
static/login.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 502 KiB