fix: 恢复 AppCard 品牌图标,去掉页头标题前 ChannelLogo

- 恢复 5 个 AppCard.vue 中误删的应用品牌图标(卡片需要图标)
- 去掉 DouyinMchAppManage.vue 和 AlipayMchAppManage.vue
  页头标题前的 <ChannelLogo>,与 WechatMchAppManage 保持一致
This commit is contained in:
DaxPay Dev
2026-06-16 10:11:38 +08:00
parent c669c1c6f7
commit 4a4fa287fc
7 changed files with 55 additions and 5 deletions

View File

@@ -7,6 +7,11 @@
import { PermCodes } from '#/constants/perm-codes';
import { usePermission } from '#/hooks/usePermission';
import { getProviderSvgUrl } from '#/views/payment/shared/payProviderDisplay';
// 支付宝品牌色值(与支付渠道展示一致)
const alipayColor = '#1677ff';
const alipaySvgUrl = getProviderSvgUrl('alipay');
defineProps<{
record: AlipayIsvApp;
@@ -26,6 +31,12 @@
>
<!-- 卡片主体 -->
<div class="card-body flex flex-1 items-center gap-3 px-4 py-4">
<div
class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg"
:style="{ backgroundColor: `${alipayColor}1a` }"
>
<img v-if="alipaySvgUrl" :src="alipaySvgUrl" class="w-6 h-6" alt="alipay" />
</div>
<div class="min-w-0 flex-1">
<div class="flex items-center gap-2">
<span class="truncate text-base font-semibold leading-snug text-foreground">

View File

@@ -9,6 +9,11 @@
import { PermCodes } from '#/constants/perm-codes';
import { usePermission } from '#/hooks/usePermission';
import { getProviderSvgUrl } from '#/views/payment/shared/payProviderDisplay';
// 支付宝品牌色值
const alipayColor = '#1677ff';
const alipaySvgUrl = getProviderSvgUrl('alipay');
const props = defineProps<{
record: AlipayMchApp;
@@ -38,6 +43,12 @@
class="alipay-mch-app-card group flex h-full min-h-[128px] flex-col rounded-xl border bg-card shadow-sm"
>
<div class="card-body flex flex-1 items-center gap-3 px-4 py-4">
<div
class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg"
:style="{ backgroundColor: `${alipayColor}1a` }"
>
<img v-if="alipaySvgUrl" :src="alipaySvgUrl" class="w-6 h-6" alt="alipay" />
</div>
<div class="min-w-0 flex-1">
<div class="flex items-center gap-2">
<span class="truncate text-base font-semibold leading-snug text-foreground">

View File

@@ -7,7 +7,6 @@
import { IconifyIcon } from '@vben-core/icons';
import { AlipayMchAppApi, type AlipayMchApp } from '#/api/payment/channel/alipay/mch-app.api';
import ChannelLogo from '#/components/channel/ChannelLogo.vue';
import RouteQueryMissingState from '#/components/route/RouteQueryMissingState.vue';
import { PermCodes } from '#/constants/perm-codes';
import { ProductEnum } from '#/enums/payment/productEnum';
@@ -147,8 +146,6 @@
<IconifyIcon icon="ant-design:arrow-left-outlined" class="text-lg" />
</template>
</a-button>
<!-- 国际化支付宝通道商户应用 -->
<ChannelLogo channel="alipay" :size="24" />
<span class="text-lg font-bold text-foreground">{{ pageTitle }}</span>
</div>
<a

View File

@@ -7,9 +7,14 @@
import { PermCodes } from '#/constants/perm-codes';
import { usePermission } from '#/hooks/usePermission';
import { getProviderSvgUrl } from '#/views/payment/shared/payProviderDisplay';
import { computed } from 'vue';
// 抖音品牌色值
const douyinColor = '#000000';
const douyinSvgUrl = getProviderSvgUrl('douyin');
const props = defineProps<{
record: DouyinMchApp;
}>();
@@ -36,6 +41,12 @@
<template>
<div class="douyin-mch-app-card group flex h-full min-h-[128px] flex-col rounded-xl border bg-card shadow-sm">
<div class="card-body flex flex-1 items-center gap-3 px-4 py-4">
<div
class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg"
:style="{ backgroundColor: `${douyinColor}1a` }"
>
<img v-if="douyinSvgUrl" :src="douyinSvgUrl" class="w-6 h-6" alt="douyin" />
</div>
<div class="min-w-0 flex-1">
<div class="truncate text-base font-semibold leading-snug text-foreground">
{{ record.appName || '-' }}

View File

@@ -7,7 +7,6 @@
import { IconifyIcon } from '@vben-core/icons';
import { DouyinMchAppApi, type DouyinMchApp } from '#/api/payment/channel/douyin/mch-app.api';
import ChannelLogo from '#/components/channel/ChannelLogo.vue';
import RouteQueryMissingState from '#/components/route/RouteQueryMissingState.vue';
import { ProductEnum } from '#/enums/payment/productEnum';
import { PermCodes } from '#/constants/perm-codes';
@@ -145,7 +144,6 @@
<IconifyIcon icon="ant-design:arrow-left-outlined" class="text-lg" />
</template>
</a-button>
<ChannelLogo channel="douyin" :size="24" />
<span class="text-lg font-bold text-foreground">{{ pageTitle }}</span>
</div>
</div>

View File

@@ -9,6 +9,11 @@
import { PermCodes } from '#/constants/perm-codes';
import { usePermission } from '#/hooks/usePermission';
import { getProviderSvgUrl } from '#/views/payment/shared/payProviderDisplay';
// 微信支付品牌色值
const wechatColor = '#07c160';
const wechatSvgUrl = getProviderSvgUrl('wechat');
const props = defineProps<{
record: WechatIsvApp;
@@ -37,6 +42,12 @@
<template>
<div class="wechat-isv-app-card group flex h-full min-h-[128px] flex-col rounded-xl border bg-card shadow-sm">
<div class="card-body flex flex-1 items-center gap-3 px-4 py-4">
<div
class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg"
:style="{ backgroundColor: `${wechatColor}1a` }"
>
<img v-if="wechatSvgUrl" :src="wechatSvgUrl" class="w-6 h-6" alt="wechat" />
</div>
<div class="min-w-0 flex-1">
<div class="truncate text-base font-semibold leading-snug text-foreground">
{{ record.appName || '-' }}

View File

@@ -9,6 +9,11 @@
import { PermCodes } from '#/constants/perm-codes';
import { usePermission } from '#/hooks/usePermission';
import { getProviderSvgUrl } from '#/views/payment/shared/payProviderDisplay';
// 微信支付品牌色值
const wechatColor = '#07c160';
const wechatSvgUrl = getProviderSvgUrl('wechat');
const props = defineProps<{
record: WechatMchApp;
@@ -37,6 +42,12 @@
<template>
<div class="wechat-mch-app-card group flex h-full min-h-[128px] flex-col rounded-xl border bg-card shadow-sm">
<div class="card-body flex flex-1 items-center gap-3 px-4 py-4">
<div
class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg"
:style="{ backgroundColor: `${wechatColor}1a` }"
>
<img v-if="wechatSvgUrl" :src="wechatSvgUrl" class="w-6 h-6" alt="wechat" />
</div>
<div class="min-w-0 flex-1">
<div class="truncate text-base font-semibold leading-snug text-foreground">
{{ record.appName || '-' }}