mirror of
https://gitee.com/bootx/dax-pay-ui
synced 2026-08-12 23:45:39 +08:00
fix: 恢复 AppCard 品牌图标,去掉页头标题前 ChannelLogo
- 恢复 5 个 AppCard.vue 中误删的应用品牌图标(卡片需要图标) - 去掉 DouyinMchAppManage.vue 和 AlipayMchAppManage.vue 页头标题前的 <ChannelLogo>,与 WechatMchAppManage 保持一致
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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 || '-' }}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 || '-' }}
|
||||
|
||||
@@ -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 || '-' }}
|
||||
|
||||
Reference in New Issue
Block a user