chore：已经登录了企业名片刷新不会出现登录提示

common/js/card-api.js

@@ -35,6 +35,7 @@ export const CARD_API_URL = {
 	CARD_RECOGNIZE: '/card/api/card/recognize',
 	CARD_RETRY: '/card/api/card/retry',
 	CARD_RECOGNIZE_BATCH: '/card/api/card/recognizeBatch',
+	CARD_DELETE: '/card/api/card/delete', // 删除自己的名片(软删, 2.11.91)
 
 	// === 跟进完成态 2.11.3 /card/api/card/* ===
 	CARD_FOLLOW_DONE: '/card/api/card/followDone',
@@ -66,7 +67,17 @@ export const CARD_API_URL = {
 	// 预设列表必须与商家后台 CardTemplatePresets 同源(避免前端自建漂移)
 	// ⚠ v2 路径无 /card/ 段: 初版 /card/api/card/design/* 在本框架 action 单段路由下 404
 	CARD_DESIGN_PRESETS: '/card/api/design/presets', // 预设列表(同源后台 CardTemplatePresets)
-	CARD_DESIGN_SAVE: '/card/api/design/save' // 应用预设/保存本卡样式
+	CARD_DESIGN_SAVE: '/card/api/design/save', // 应用预设/保存本卡样式
+
+	// === 企业名片 /card/api/enterprise/* (2.13.6) ===
+	// 业务模型: 企业卡片 owner_id=0(店铺级), 同一时刻仅 1 张 is_active=1 生效;
+	// 名片区三模式 header_mode: official(指定/默认官方企业卡) / self(员工自选个人卡) / staff(员工轮播)
+	ENTERPRISE_DETAIL: '/card/api/enterprise/detail', // GET ?card_id= 不传=当前生效卡
+	ENTERPRISE_SAVE: '/card/api/enterprise/save', // POST {card_id?,fields?,design?,header_mode?,official_card_id?}
+	ENTERPRISE_MINE: '/card/api/enterprise/mine', // GET 自己名下企业卡列表
+	ENTERPRISE_ACTIVATE: '/card/api/enterprise/activate', // POST {card_id} 切换生效(互斥)
+	ENTERPRISE_CHOOSE_SELF: '/card/api/enterprise/chooseSelf', // POST {card_id} 员工自选展示个人卡
+	ENTERPRISE_DELETE: '/card/api/enterprise/delete' // POST {card_id} 删候选卡(生效卡禁删)
 };
 
 /**
@@ -208,6 +219,18 @@ const CardApi = {
 		Http.sendJson(Object.assign({ url: CARD_API_URL.CARD_FAVORITE }, p || {}));
 	},
 
+	/**
+	 * 删除自己的名片(软删, 2.11.91)
+	 * 文档: CARD_DELETE_API.md（POST /card/api/card/delete，token 自动带，不传 site_id）
+	 * 通道: 与 cardClaim/cardFollowDone 同款 sendRequest(表单编码)；只需 card_id 一个字段
+	 * 交互: 调用前页面必须已做二次确认；成功后 toast「已删除」并刷新列表(接口不再返回该卡)
+	 * 口径: 「卡片不存在」是故意模糊(他人/已删/不存在同一文案)，前端统一按 message toast，不特殊处理
+	 * @param {Object} p { data: { card_id }, success, fail }
+	 */
+	cardDelete(p) {
+		Http.sendRequest(Object.assign({ url: CARD_API_URL.CARD_DELETE }, p || {}));
+	},
+
 	/**
 	 * 识别建卡
 	 * @param {Object} p { media_path, media_type?, source_type?, success, fail }
@@ -479,6 +502,65 @@ const CardApi = {
 	 */
 	cardDesignSave(p) {
 		Http.sendJson(Object.assign({ url: CARD_API_URL.CARD_DESIGN_SAVE }, p || {}));
+	},
+
+	/* ================= 企业名片 2.13.6 ================= */
+
+	/**
+	 * 企业名片详情（核心）
+	 * GET ?card_id= 不传返回当前生效企业名片；传候选卡 id 可预览(is_active=0)
+	 * 成功 data: { card_id, is_active, is_owner, fields:{name,company,job_title,mobile,email,
+	 *   website,address,wechat,avatar,bio,name_en,company_en,job_title_en,bio_en},
+	 *   design:{theme_color,bg_color,text_color,template_id,canvas,header_mode,official_card_id},
+	 *   header:{mode,official_card_id,official,self,staff} }
+	 * 渲染: 名片区按 header.mode 取 official/self/staff 数据, 内容区用 fields+design.canvas
+	 * 失败「企业名片不存在」→ 前端空态引导去管理端创建
+	 * @param {Object} p { data: { card_id? }, success, fail }
+	 */
+	enterpriseDetail(p) {
+		Http.sendRequest(Object.assign({ url: CARD_API_URL.ENTERPRISE_DETAIL }, p || {}));
+	},
+
+	/**
+	 * 保存企业名片（后台/会员；owner_id=0 的卡会员不可改）
+	 * @param {Object} p { data: { card_id?, fields?, design?, header_mode?, official_card_id? }, success, fail }
+	 */
+	enterpriseSave(p) {
+		Http.sendJson(Object.assign({ url: CARD_API_URL.ENTERPRISE_SAVE }, p || {}));
+	},
+
+	/**
+	 * 我的企业名片列表（自己名下）
+	 * 成功 data: { list: [{ card_id, name, is_active }] }
+	 * @param {Object} p { success, fail }
+	 */
+	enterpriseMine(p) {
+		Http.sendRequest(Object.assign({ url: CARD_API_URL.ENTERPRISE_MINE }, p || {}));
+	},
+
+	/**
+	 * 切换生效企业名片（互斥：全店仅 1 张 is_active=1，仅能切自己名下的卡）
+	 * @param {Object} p { data: { card_id }, success, fail }
+	 */
+	enterpriseActivate(p) {
+		Http.sendJson(Object.assign({ url: CARD_API_URL.ENTERPRISE_ACTIVATE }, p || {}));
+	},
+
+	/**
+	 * 员工自选展示名片（self 模式）：card_id 必须是自己名下的 contact 卡
+	 * 选择按会员存储；detail 的 header.self.chosen=1 表示已自选
+	 * @param {Object} p { data: { card_id }, success, fail }
+	 */
+	enterpriseChooseSelf(p) {
+		Http.sendJson(Object.assign({ url: CARD_API_URL.ENTERPRISE_CHOOSE_SELF }, p || {}));
+	},
+
+	/**
+	 * 删除企业名片（会员端；生效卡不可删，删除候选卡会清理官方名片引用）
+	 * @param {Object} p { data: { card_id }, success, fail }
+	 */
+	enterpriseDelete(p) {
+		Http.sendJson(Object.assign({ url: CARD_API_URL.ENTERPRISE_DELETE }, p || {}));
 	}
 };
 

pages.json

@@ -1470,7 +1470,7 @@
 				{
 					"path": "card/list",
 					"style": {
-						"navigationBarTitleText": "我的名片夹",
+						"navigationBarTitleText": "名片",
 						"enablePullDownRefresh": true
 					}
 				},
@@ -1485,52 +1485,52 @@
 				{
 					"path": "card/exchange",
 					"style": {
-						"navigationBarTitleText": "名片交换请求"
+						"navigationBarTitleText": "名片"
 					}
 				},
 				{
 					"path": "card/style",
 					"style": {
-						"navigationBarTitleText": "名片样式"
+						"navigationBarTitleText": "名片"
 					}
 				},
 				{
 					"path": "card/edit",
 					"style": {
-						"navigationBarTitleText": "编辑名片"
+						"navigationBarTitleText": "名片"
 					}
 				},
 				{
 					"path": "card/apply",
 					"style": {
-						"navigationBarTitleText": "申请名片"
+						"navigationBarTitleText": "名片"
 					}
 				},
 				{
 					"path": "card/leads",
 					"style": {
-						"navigationBarTitleText": "潜在客户",
+						"navigationBarTitleText": "名片",
 						"enablePullDownRefresh": true
 					}
 				},
 				{
 					"path": "card/contacts",
 					"style": {
-						"navigationBarTitleText": "我的人脉",
+						"navigationBarTitleText": "名片",
 						"enablePullDownRefresh": true
 					}
 					},
 					{
 					"path": "card/views",
 					"style": {
-						"navigationBarTitleText": "谁看了我",
+						"navigationBarTitleText": "名片",
 						"enablePullDownRefresh": true
 					}
 					},
 				{
 					"path": "card/contact-edit",
 					"style": {
-						"navigationBarTitleText": "编辑人脉"
+						"navigationBarTitleText": "名片"
 					}
 				},
 			{
@@ -1543,26 +1543,39 @@
 					// 微信小程序必须用原生导航栏: web-view 会自动排在导航栏下方,
 					// 若用 custom + cover-view 自绘头部, 头部会浮在 web-view 上遮住名片顶部
 					"navigationBarTitleText": "名片分享"
-				}
-			},
-			{
-				"path": "card/admin/manage",
+					}
+					},
+					{
+					"path": "card/save-contact",
+					"style": {
+						"navigationBarTitleText": "保存到通讯录"
+					}
+					},
+					{
+					"path": "card/enterprise",
+					"style": {
+						"navigationBarTitleText": "企业名片",
+						"enablePullDownRefresh": true
+					}
+					},
+					{
+					"path": "card/admin/manage",
 				"style": {
-					"navigationBarTitleText": "名片管理",
+					"navigationBarTitleText": "名片",
 					"enablePullDownRefresh": true
 				}
 			},
 			{
 				"path": "card/admin/contacts",
 				"style": {
-					"navigationBarTitleText": "人脉管理",
+					"navigationBarTitleText": "名片",
 					"enablePullDownRefresh": true
 				}
 			},
 			{
 				"path": "card/admin/leads",
 				"style": {
-					"navigationBarTitleText": "潜在客户",
+					"navigationBarTitleText": "名片",
 					"enablePullDownRefresh": true
 				}
 			},

pages_tool/card/admin/contacts.vue

@@ -93,6 +93,13 @@ export default {
 	onLoad() {
 		this.refresh();
 	},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	onShow() {
 		// 从编辑页保存返回(redirectTo 回本页)时刷新
 		if (this._loadedOnce) this.refresh();

pages_tool/card/admin/leads.vue

@@ -82,6 +82,13 @@ export default {
 	onLoad() {
 		this.refresh();
 	},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	onPullDownRefresh() {
 		this.refresh(() => uni.stopPullDownRefresh());
 	},

pages_tool/card/admin/manage.vue

@@ -88,6 +88,13 @@ export default {
 	onLoad() {
 		this.refresh();
 	},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	onShow() {
 		// 从编辑页返回时刷新(编辑成功后数据已变)
 		if (this._loadedOnce) this.refresh();

pages_tool/card/apply.vue

@@ -68,9 +68,16 @@ export default {
 		}
 	},
 	onLoad() {
-		uni.setNavigationBarTitle({ title: '申请名片' });
+		uni.setNavigationBarTitle({ title: '名片' });
 		this.loadStatus();
 	},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	methods: {
 		loadStatus() {
 			this.$api.sendRequest({

pages_tool/card/contact-edit.vue

@@ -82,6 +82,13 @@ export default {
 			this.loadDetail();
 			}
 			},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	methods: {
 		loadDetail() {
 			this.$cardApi.contactInfo({

pages_tool/card/contacts.vue

@@ -83,6 +83,13 @@ export default {
 	onLoad() {
 		this.refresh();
 	},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	onShow() {
 		// 从编辑页保存后 redirectTo 回来会重走 onLoad; 从其它页返回时兜底刷新
 		if (this.list.length > 0) {

pages_tool/card/edit.vue

@@ -197,11 +197,18 @@ export default {
 		this.cardId = decodeURIComponent(options.card_id || '');
 		this.isCreate = this.cardId === '';
 		if (this.isCreate) {
-			uni.setNavigationBarTitle({ title: '新建名片' });
+			uni.setNavigationBarTitle({ title: '名片' });
 		} else {
 			this.loadDetail();
 		}
 	},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	methods: {
 		loadDetail() {
 			if (!this.cardId) {

pages_tool/card/enterprise.vue

@@ -0,0 +1,830 @@
+<template>
+	<view class="ent-card" :style="[designVars, { fontFamily: ds.fontFamily }]">
+		<view class="page-layer">
+			<!-- 顶部英雄区: 蓝色渐变圆角卡(对齐后端 wap 参考图) -->
+			<view class="hero" v-if="headerSrc || staffList.length">
+				<view class="hero-pill">
+					<view class="hero-pill-dot"></view>
+					<text>数字名片</text>
+				</view>
+
+				<!-- staff 模式: 员工名片轮播 -->
+				<swiper v-if="headerMode === 'staff' && staffList.length" class="hero-swiper"
+					:indicator-dots="staffList.length > 1" indicator-active-color="rgba(255,255,255,0.9)"
+					indicator-color="rgba(255,255,255,0.4)" :autoplay="staffList.length > 1" circular
+					@change="onStaffChange">
+					<swiper-item v-for="(s, i) in staffList" :key="i">
+						<view class="hero-id">
+							<image v-if="s.avatar" class="hi-avatar" :src="$util.img(s.avatar)" mode="aspectFill" />
+							<view v-else class="hi-avatar hi-avatar-ph">
+								<text class="hi-avatar-char">企</text>
+							</view>
+							<view class="hi-info">
+								<view class="hi-name">{{ s.name }}</view>
+								<view class="hi-job" v-if="s.job_title">{{ s.job_title }}</view>
+							</view>
+						</view>
+					</swiper-item>
+				</swiper>
+
+				<!-- official / self: 单人信息 -->
+				<view v-else class="hero-id">
+					<image v-if="headerSrc && headerSrc.avatar" class="hi-avatar" :src="$util.img(headerSrc.avatar)" mode="aspectFill" />
+					<view v-else class="hi-avatar hi-avatar-ph">
+						<text class="hi-avatar-char">企</text>
+					</view>
+					<view class="hi-info">
+						<view class="hi-name">{{ headerSrc.name || '企业名片' }}</view>
+						<view class="hi-job" v-if="headerSrc.job_title">{{ headerSrc.job_title }}</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 快捷操作条: 压在英雄卡下沿(参考图: 打电话/发邮件/官方网站/存通讯录) -->
+			<view class="quick" v-if="headerSrc">
+				<view class="q-item" @tap="onQuickCall">
+					<view class="q-icon q-icon-blue">
+						<text class="iconfont icon-dianhua"></text>
+					</view>
+					<text class="q-label">打电话</text>
+				</view>
+				<view class="q-item" @tap="onQuickEmail">
+					<view class="q-icon q-icon-cyan">
+						<text class="q-char">@</text>
+					</view>
+					<text class="q-label">发邮件</text>
+				</view>
+				<view class="q-item" @tap="onQuickWebsite">
+					<view class="q-icon q-icon-blue">
+						<text class="q-char">网</text>
+					</view>
+					<text class="q-label">官方网站</text>
+				</view>
+				<view class="q-item" @tap="onQuickSave">
+					<view class="q-icon q-icon-orange">
+						<text class="iconfont icon-yonghu"></text>
+					</view>
+					<text class="q-label">存通讯录</text>
+				</view>
+			</view>
+
+			<!-- 企业简介 -->
+			<view class="bio" v-if="fields.bio" :style="{ backgroundColor: ds.bgColor, borderRadius: ds.cardRadius + 'px' }">
+				<text class="bio-text" :style="{ color: ds.textColor }">{{ fields.bio }}</text>
+				<text class="bio-en" v-if="fields.bio_en" :style="{ color: ds.textSoft }">{{ fields.bio_en }}</text>
+			</view>
+
+			<!-- 联系资料(企业字段) -->
+			<view class="contact" v-if="contentRows.length" :style="{ backgroundColor: ds.bgColor, borderRadius: ds.cardRadius + 'px' }">
+				<view class="ct-title" :style="{ borderLeftColor: ds.themeColor }">联系资料</view>
+				<view v-for="(row, idx) in contentRows" :key="idx" class="ct-row">
+					<view class="ct-icon" :style="{ backgroundColor: ds.themeSoft }">
+						<text v-if="row.icon" class="iconfont" :class="row.icon" :style="{ color: ds.themeColor }"></text>
+						<text v-else class="ct-char" :style="{ color: ds.themeColor }">{{ row.label.slice(0, 1) }}</text>
+					</view>
+					<text class="ct-label" :style="{ color: ds.textSoft }">{{ row.label }}</text>
+					<text class="ct-value" :class="{ 'ct-multi': row.multiline }" :style="{ color: ds.textColor }">{{ row.value }}</text>
+					<text v-if="row.copyable" class="ct-copy" @tap="copyText(row.value)">复制</text>
+				</view>
+			</view>
+
+			<!-- self 模式未自选提示 -->
+			<view class="self-hint" v-if="headerMode === 'self' && headerSelf && headerSelf.chosen === 0" @tap="openChooseSelf">
+				<text class="sh-icon iconfont icon-gonggao" :style="{ color: ds.themeColor }"></text>
+				<text class="sh-text">你还没有选定展示名片，当前自动取最新一张</text>
+				<text class="sh-btn" :style="{ color: ds.themeColor }">选择</text>
+			</view>
+
+			<!-- 加载中 -->
+			<view class="ent-loading" v-if="isLoading">加载中…</view>
+
+			<!-- 不存在 / 无权查看 -->
+			<ns-empty v-if="!isLoading && !headerSrc && !staffList.length" :isIndex="false"
+				:text="errorMsg || '企业名片不存在或未生效，请在管理端完善资料并设为生效'"></ns-empty>
+		</view>
+
+		<!-- 底部操作条(参考图: 保存到通讯录 + 分享; 收藏/交换名片为企业卡无对应后端能力, 暂不提供) -->
+		<view class="bottom-bar" v-if="headerSrc">
+			<view class="bb-btn bb-main" @tap="onQuickSave">保存到通讯录</view>
+			<!-- #ifdef MP-WEIXIN -->
+			<button class="bb-btn bb-share" open-type="share">分享</button>
+			<!-- #endif -->
+			<!-- #ifdef H5 || APP-PLUS || MP-HARMONY -->
+			<view class="bb-btn bb-share" @tap="openShare">分享</view>
+			<!-- #endif -->
+		</view>
+
+		<!-- 员工自选展示名片弹层 -->
+		<view class="choose-mask" v-if="showChoose" @tap="closeChoose"></view>
+		<view class="choose-sheet" :class="{ 'choose-show': showChoose }">
+			<view class="cs-bar"></view>
+			<view class="cs-title">选择展示名片</view>
+			<view class="cs-list">
+				<view v-for="(c, idx) in myCards" :key="idx" class="cs-item" @tap="chooseSelf(c)">
+					<view class="cs-avatar" :style="{ backgroundColor: ds.themeColor }">{{ (c.name || '?').slice(0, 1) }}</view>
+					<view class="cs-info">
+						<view class="cs-name">{{ c.name }}</view>
+						<view class="cs-sub" v-if="c.job_title || c.company">{{ [c.job_title, c.company].filter(Boolean).join(' · ') }}</view>
+					</view>
+					<text v-if="headerSelf && headerSelf.card_id === c.card_id" class="cs-chosen iconfont icon-dui" :style="{ color: ds.themeColor }"></text>
+				</view>
+				<view class="cs-empty" v-if="!myCards.length">你还没有个人名片</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+function mixHex(a, b, t) {
+	const toRgb = h => {
+		h = (h || '').replace('#', '');
+		if (h.length === 3) h = h.split('').map(c => c + c).join('');
+		const n = parseInt(h, 16);
+		if (isNaN(n)) return [0, 0, 0];
+		return [(n >> 16) & 255, (n >> 8) & 255, n & 255];
+	};
+	const [r1, g1, b1] = toRgb(a);
+	const [r2, g2, b2] = toRgb(b);
+	const r = Math.round(r1 + (r2 - r1) * t);
+	const g = Math.round(g1 + (g2 - g1) * t);
+	const bl = Math.round(b1 + (b2 - b1) * t);
+	return '#' + [r, g, bl].map(x => x.toString(16).padStart(2, '0')).join('');
+}
+
+export default {
+	data() {
+		return {
+			cardId: '',
+			isLoading: true,
+			errorMsg: '',
+			data: null, // 企业名片详情(后端 ENTERPRISE_UNIAPP_GUIDE §三)
+			header: null, // {mode,official_card_id,official,self,staff}
+			fields: {}, // 企业信息(内容区)
+			design: null, // {theme_color,bg_color,text_color,template_id,canvas,header_mode,official_card_id}
+			staffIndex: 0, // staff 轮播当前项(存通讯录按当前展示的员工取字段)
+			showChoose: false,
+			myCards: []
+		};
+	},
+	computed: {
+		headerMode() {
+			return (this.header && this.header.mode) || 'official';
+		},
+		headerSrc() {
+			const h = this.header || {};
+			let src;
+			if (this.headerMode === 'official') src = h.official || this.fields;
+			else if (this.headerMode === 'self') src = h.self || this.fields;
+			else return null; // staff 走轮播
+			// 注意: 空对象 {} 在 JS 里是真值, 必须显式判空,
+			// 否则后端返回空数据时会渲染出"有壳没内容"的空页面且空态提示也不出现
+			return src && Object.keys(src).length ? src : null;
+		},
+		staffList() {
+			return (this.header && this.header.staff) || [];
+		},
+		staffCurrent() {
+			return this.staffList[this.staffIndex] || null;
+		},
+		headerSelf() {
+			return (this.header && this.header.self) || null;
+		},
+		// 名片区当前展示的那个人(official/self 单人 或 staff 当前轮播项)
+		displayPerson() {
+			if (this.headerMode === 'staff') return this.staffCurrent || {};
+			return this.headerSrc || {};
+		},
+		contentRows() {
+			const f = this.fields || {};
+			const rows = [];
+			const push = (label, value, opts) => {
+				if (value !== undefined && value !== null && String(value).trim() !== '') {
+					rows.push(Object.assign({ label, value: String(value) }, opts || {}));
+				}
+			};
+			push('手机', f.mobile, { icon: 'icon-shouji1', copyable: true });
+			push('邮箱', f.email, { copyable: true });
+			push('网站', f.website, { copyable: true });
+			push('地址', f.address, { icon: 'icon-dizhi' });
+			push('企业名称', f.name);
+			return rows;
+		},
+		/* ============ design 归一化(与 detail.vue 同源, 仅做有限主题化) ============ */
+		ds() {
+			const d = this.design || {};
+			const FONTS = {
+				system: '-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif',
+				sans: '"Source Han Sans SC","Noto Sans SC","PingFang SC",Helvetica,Arial,sans-serif',
+				serif: '"Source Han Serif SC","Songti SC",SimSun,Georgia,serif',
+				rounded: '"Yuanti SC","YouYuan","Quicksand",-apple-system,sans-serif'
+			};
+			const isHex = v => /^#[0-9a-fA-F]{3,8}$/.test(v || '');
+			const theme = isHex(d.theme_color) ? d.theme_color : '#119dff';
+			const text = isHex(d.text_color) ? d.text_color : '#1f2329';
+			const bg = isHex(d.bg_color) ? d.bg_color : '#ffffff';
+			const fontKey = FONTS[d.font_family] ? d.font_family : 'system';
+			const fontScale = Math.min(160, Math.max(60, Number(d.font_scale) || 100));
+			return {
+				themeColor: theme,
+				textColor: text,
+				bgColor: bg,
+				fontFamily: FONTS[fontKey],
+				cardRadius: Number(d.card_radius) || 16,
+				fontScaleNum: fontScale / 100,
+				textSoft: mixHex(text, bg, 0.55),
+				themeSoft: mixHex(theme, '#ffffff', 0.85),
+				themeBorder: mixHex(theme, '#ffffff', 0.55),
+				headerGradientEnd: typeof d.header_gradient_end === 'string' ? d.header_gradient_end : ''
+			};
+		},
+		designVars() {
+			const s = this.ds;
+			return {
+				'--card-theme': s.themeColor,
+				'--card-theme-end': s.headerGradientEnd || s.themeColor,
+				'--card-theme-soft': s.themeSoft,
+				'--card-theme-border': s.themeBorder,
+				'--card-text': s.textColor,
+				'--card-text-soft': s.textSoft,
+				'--card-bg': s.bgColor,
+				'--card-radius': s.cardRadius + 'px',
+				'--card-font': s.fontFamily,
+				'--card-font-scale': s.fontScaleNum
+			};
+		}
+	},
+	onLoad(options) {
+		this.cardId = (options && options.card_id) ? decodeURIComponent(options.card_id) : '';
+		this.loadData();
+	},
+	onReady() {
+		uni.setNavigationBarTitle({ title: '企业名片' });
+	},
+	onShow() {
+		// 每次显示都兜底标题(微信返回本页时可能恢复成旧值); 从自选弹层返回也刷新
+		uni.setNavigationBarTitle({ title: '企业名片' });
+		// #ifdef H5
+		document.title = '企业名片';
+		// #endif
+		if (this._loadedOnce) this.loadData();
+		this._loadedOnce = true;
+	},
+	onPullDownRefresh() {
+		this.loadData();
+		setTimeout(() => uni.stopPullDownRefresh(), 300);
+	},
+	onShareAppMessage() {
+		const name = (this.fields && this.fields.name) || '企业名片';
+		return {
+			title: name + ' - 企业名片',
+			path: '/pages_tool/card/enterprise' + (this.cardId ? '?card_id=' + encodeURIComponent(this.cardId) : ''),
+			imageUrl: this.displayPerson && this.displayPerson.avatar ? this.$util.img(this.displayPerson.avatar) : ''
+		};
+	},
+	methods: {
+		loadData(retry) {
+			this.isLoading = true;
+			this.$cardApi.enterpriseDetail({
+				data: this.cardId ? { card_id: this.cardId } : {},
+				success: res => {
+					// 输出原始响应, 便于真机排查"刷新后数据变空"类问题(控制台看后端到底回了什么)
+					console.log('[enterprise] detail resp', this.cardId || '(无card_id)', res);
+					if (res.code == 0) {
+						const d = res.data || {};
+						const emptyCard = !d.header && (!d.fields || !Object.keys(d.fields).length);
+						if (emptyCard && (this.header || Object.keys(this.fields).length)) {
+							// 已有数据时刷新却拿到空卡(多为后端"当前生效卡"与所查卡不一致):
+							// 保留原数据, 避免"刷新一下内容就没了"
+							console.warn('[enterprise] 刷新返回空卡, 保留原数据', d);
+						} else {
+							this.data = d;
+							this.header = d.header || null;
+							this.fields = d.fields || {};
+							this.design = d.design || null;
+						}
+						this.errorMsg = '';
+						this.isLoading = false;
+					} else if (res.code == -1 && !retry) {
+						// -1 = 尚未登录: 冷启动/刚返回本页时 store 的 token 可能还没恢复完成,
+						// 属瞬时态, 静默重试一次再决定是否展示错误(与 detail.vue 同策略)
+						setTimeout(() => this.loadData(true), 800);
+					} else {
+						// 登录类错误(-1/-10009 等)不展示"去登录"死路:
+						// 本页是客户视角分享页, 按后端对接文档 §五 游客也应可看(待后端放开),
+						// 这里给中性可重试文案; 其余错误原样带出
+						const msg = res.message || '';
+						const isLoginErr = res.code == -1 || /登录/.test(msg);
+						this.errorMsg = isLoginErr ? '名片加载失败，请下拉重试' : (msg || '加载失败');
+						this.isLoading = false;
+					}
+				},
+				fail: () => {
+					// 失败时保留原数据(不清空), 仅在首次无数据时展示错误
+					if (!this.header && !Object.keys(this.fields).length) {
+						this.errorMsg = '网络异常，请下拉重试';
+					}
+					this.isLoading = false;
+				}
+			});
+		},
+		onStaffChange(e) {
+			this.staffIndex = (e.detail && e.detail.current) || 0;
+		},
+		copyText(v) {
+			uni.setClipboardData({
+				data: String(v || ''),
+				success: () => uni.showToast({ title: '已复制', icon: 'success' })
+			});
+		},
+		/* ===== 快捷操作(参考图四项) ===== */
+		onQuickCall() {
+			const m = this.displayPerson.mobile || this.fields.mobile;
+			if (!m) return uni.showToast({ title: '未填写手机号', icon: 'none' });
+			uni.makePhoneCall({ phoneNumber: String(m) });
+		},
+		onQuickEmail() {
+			const e = this.displayPerson.email || this.fields.email;
+			if (!e) return uni.showToast({ title: '未填写邮箱', icon: 'none' });
+			this.copyText(e);
+		},
+		onQuickWebsite() {
+			const w = this.displayPerson.website || this.fields.website;
+			if (!w) return uni.showToast({ title: '未填写官网', icon: 'none' });
+			// 小程序内无法直接打开外部网页(web-view 中转体验差), 复制链接到浏览器打开
+			this.copyText(w);
+			uni.showToast({ title: '链接已复制，请在浏览器打开', icon: 'none' });
+		},
+		onQuickSave() {
+			// 跳原生页直接调 addPhoneContact(web-view 内 H5 才受限, 原生页可直存)
+			const p = this.displayPerson || {};
+			const q = [
+				'name=' + encodeURIComponent(p.name || this.fields.name || ''),
+				'mobile=' + encodeURIComponent(p.mobile || this.fields.mobile || ''),
+				'company=' + encodeURIComponent(this.fields.name || ''),
+				'job_title=' + encodeURIComponent(p.job_title || ''),
+				'email=' + encodeURIComponent(p.email || this.fields.email || ''),
+				'website=' + encodeURIComponent(p.website || this.fields.website || ''),
+				'address=' + encodeURIComponent(p.address || this.fields.address || ''),
+				'wechat=' + encodeURIComponent(p.wechat || '')
+			].join('&');
+			uni.navigateTo({ url: '/pages_tool/card/save-contact?' + q });
+		},
+		openChooseSelf() {
+			this.$cardApi.cardLists({
+				data: { page: 1, page_size: 100 },
+				success: res => {
+					const d = res.data || {};
+					this.myCards = d.list || [];
+					this.showChoose = true;
+				},
+				fail: () => uni.showToast({ title: '加载名片失败', icon: 'none' })
+			});
+		},
+		closeChoose() {
+			this.showChoose = false;
+		},
+		chooseSelf(c) {
+			if (!c || !c.card_id) return;
+			this.$cardApi.enterpriseChooseSelf({
+				data: { card_id: c.card_id },
+				success: res => {
+					if (res.code == 0) {
+						uni.showToast({ title: '已选择展示名片', icon: 'success' });
+						this.showChoose = false;
+						this.loadData();
+					} else {
+						uni.showToast({ title: res.message || '选择失败', icon: 'none' });
+					}
+				},
+				fail: () => uni.showToast({ title: '网络异常', icon: 'none' })
+			});
+		},
+		openShare() {
+			uni.showToast({ title: '请点击右上角或浏览器菜单分享', icon: 'none' });
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.ent-card {
+	min-height: 100vh;
+	background-color: #f5f6fa;
+	padding-bottom: 140rpx;
+}
+
+.page-layer {
+	padding: 24rpx;
+}
+
+/* ===== 英雄区 ===== */
+.hero {
+	position: relative;
+	border-radius: 24rpx;
+	padding: 32rpx 32rpx 140rpx;
+	background:
+		radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.14) 0, rgba(255, 255, 255, 0.14) 120rpx, transparent 121rpx),
+		linear-gradient(150deg, var(--card-theme, #1e6fd9) 0%, var(--card-theme-end, #123f8f) 100%);
+	overflow: visible;
+	margin-bottom: 90rpx;
+}
+
+.hero-pill {
+	display: inline-flex;
+	align-items: center;
+	padding: 6rpx 20rpx;
+	border: 1rpx solid rgba(255, 255, 255, 0.5);
+	border-radius: 26rpx;
+	color: #ffffff;
+	font-size: 22rpx;
+
+	.hero-pill-dot {
+		width: 10rpx;
+		height: 10rpx;
+		border-radius: 50%;
+		background: #6cf9c0;
+		margin-right: 10rpx;
+	}
+}
+
+.hero-swiper {
+	height: 180rpx;
+	margin-top: 24rpx;
+}
+
+.hero-id {
+	display: flex;
+	align-items: center;
+	margin-top: 28rpx;
+
+	.hi-avatar {
+		width: 128rpx;
+		height: 128rpx;
+		border-radius: 50%;
+		background: #ffffff;
+		border: 6rpx solid rgba(255, 255, 255, 0.85);
+		flex-shrink: 0;
+
+		&.hi-avatar-ph {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			.hi-avatar-char {
+				font-size: 56rpx;
+				font-weight: 600;
+				color: var(--card-theme, #1e6fd9);
+			}
+		}
+	}
+
+	.hi-info {
+		margin-left: 28rpx;
+		min-width: 0;
+
+		.hi-name {
+			font-size: 40rpx;
+			font-weight: 600;
+			color: #ffffff;
+		}
+
+		.hi-job {
+			margin-top: 10rpx;
+			font-size: 26rpx;
+			color: rgba(255, 255, 255, 0.85);
+		}
+	}
+}
+
+/* ===== 快捷操作条: 上移压住英雄卡下沿 ===== */
+.quick {
+	position: relative;
+	z-index: 2;
+	margin: -130rpx 24rpx 24rpx;
+	background: #ffffff;
+	border-radius: 20rpx;
+	box-shadow: 0 8rpx 30rpx rgba(30, 111, 217, 0.10);
+	display: flex;
+	padding: 28rpx 0;
+
+	.q-item {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		.q-icon {
+			width: 88rpx;
+			height: 88rpx;
+			border-radius: 50%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			&.q-icon-blue {
+				background: #e3f0ff;
+
+				.iconfont,
+				.q-char {
+					color: #3d8bff;
+					font-size: 40rpx;
+				}
+			}
+
+			&.q-icon-cyan {
+				background: #e2f7f4;
+
+				.q-char {
+					color: #2bb99e;
+					font-size: 40rpx;
+					font-weight: 600;
+				}
+			}
+
+			&.q-icon-orange {
+				background: #fff3e0;
+
+				.iconfont {
+					color: #f5a623;
+					font-size: 40rpx;
+				}
+			}
+		}
+
+		.q-label {
+			margin-top: 14rpx;
+			font-size: 24rpx;
+			color: #444;
+		}
+	}
+}
+
+/* ===== 企业简介 ===== */
+.bio {
+	margin: 0 0 24rpx;
+	padding: 28rpx 28rpx;
+	box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
+
+	.bio-text {
+		display: block;
+		font-size: 28rpx;
+		line-height: 1.6;
+		word-break: break-all;
+	}
+
+	.bio-en {
+		display: block;
+		margin-top: 12rpx;
+		font-size: 24rpx;
+		line-height: 1.5;
+		word-break: break-all;
+	}
+}
+
+/* ===== 联系资料 ===== */
+.contact {
+	padding: 28rpx 28rpx 12rpx;
+	box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
+	margin-bottom: 24rpx;
+
+	.ct-title {
+		font-size: 30rpx;
+		font-weight: 600;
+		color: #1f2329;
+		padding-left: 16rpx;
+		border-left-width: 6rpx;
+		border-left-style: solid;
+		margin-bottom: 20rpx;
+	}
+
+	.ct-row {
+		display: flex;
+		align-items: center;
+		padding: 18rpx 0;
+		border-bottom: 1rpx solid #f2f3f5;
+
+		&:last-child {
+			border-bottom: none;
+		}
+
+		.ct-icon {
+			width: 56rpx;
+			height: 56rpx;
+			border-radius: 12rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-right: 20rpx;
+			flex-shrink: 0;
+
+			.iconfont {
+				font-size: 30rpx;
+			}
+
+			.ct-char {
+				font-size: 26rpx;
+				font-weight: 600;
+			}
+		}
+
+		.ct-label {
+			width: 88rpx;
+			flex-shrink: 0;
+			font-size: 26rpx;
+		}
+
+		.ct-value {
+			flex: 1;
+			min-width: 0;
+			font-size: 28rpx;
+			word-break: break-all;
+
+			&.ct-multi {
+				white-space: pre-wrap;
+			}
+		}
+
+		.ct-copy {
+			margin-left: 16rpx;
+			flex-shrink: 0;
+			padding: 6rpx 20rpx;
+			border-radius: 22rpx;
+			background: #f2f3f5;
+			font-size: 22rpx;
+			color: #666;
+		}
+	}
+}
+
+/* ===== self 未自选提示 ===== */
+.self-hint {
+	display: flex;
+	align-items: center;
+	padding: 20rpx 24rpx;
+	background-color: var(--card-theme-soft, #e8f1fb);
+	border: 1rpx solid var(--card-theme-border, #cfe3fb);
+	border-radius: 16rpx;
+	margin-bottom: 24rpx;
+
+	.sh-icon {
+		margin-right: 12rpx;
+		font-size: 30rpx;
+	}
+
+	.sh-text {
+		flex: 1;
+		min-width: 0;
+		font-size: 24rpx;
+		color: #666;
+	}
+
+	.sh-btn {
+		font-size: 26rpx;
+		margin-left: 12rpx;
+	}
+}
+
+.ent-loading {
+	text-align: center;
+	padding: 40rpx 0;
+	color: #999;
+	font-size: 26rpx;
+}
+
+/* ===== 底部操作条 ===== */
+.bottom-bar {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	display: flex;
+	gap: 20rpx;
+	padding: 20rpx 24rpx calc(20rpx + env(safe-area-inset-bottom));
+	background: #ffffff;
+	box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.06);
+	z-index: 10;
+
+	.bb-btn {
+		flex: 1;
+		height: 88rpx;
+		line-height: 88rpx;
+		text-align: center;
+		border-radius: 44rpx;
+		font-size: 28rpx;
+
+		&.bb-main {
+			background: linear-gradient(150deg, #3d8bff, #1e6fd9);
+			color: #ffffff;
+			font-weight: 600;
+		}
+
+		&.bb-share {
+			background: #f2f3f5;
+			color: #333;
+			border: none;
+			padding: 0;
+			margin: 0;
+
+			&::after {
+				border: none;
+			}
+		}
+	}
+}
+
+/* ===== 员工自选弹层 ===== */
+.choose-mask {
+	position: fixed;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	background: rgba(0, 0, 0, 0.4);
+	z-index: 99;
+}
+
+.choose-sheet {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: #fff;
+	border-radius: 28rpx 28rpx 0 0;
+	z-index: 100;
+	transform: translateY(100%);
+	transition: transform 0.25s ease;
+	max-height: 70vh;
+	display: flex;
+	flex-direction: column;
+
+	&.choose-show {
+		transform: translateY(0);
+	}
+
+	.cs-bar {
+		width: 64rpx;
+		height: 8rpx;
+		background: #ddd;
+		border-radius: 4rpx;
+		margin: 16rpx auto 8rpx;
+	}
+
+	.cs-title {
+		text-align: center;
+		font-size: 30rpx;
+		font-weight: 600;
+		padding: 12rpx 0 20rpx;
+	}
+
+	.cs-list {
+		overflow-y: auto;
+		padding: 0 24rpx 32rpx;
+	}
+
+	.cs-item {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 0;
+		border-bottom: 1rpx solid #f2f2f2;
+	}
+
+	.cs-avatar {
+		width: 72rpx;
+		height: 72rpx;
+		border-radius: 50%;
+		color: #fff;
+		font-size: 32rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 20rpx;
+	}
+
+	.cs-info {
+		flex: 1;
+		min-width: 0;
+
+		.cs-name {
+			font-size: 30rpx;
+			color: #333;
+		}
+
+		.cs-sub {
+			font-size: 24rpx;
+			color: #999;
+			margin-top: 4rpx;
+		}
+	}
+
+	.cs-chosen {
+		font-size: 36rpx;
+	}
+
+	.cs-empty {
+		text-align: center;
+		color: #999;
+		font-size: 26rpx;
+		padding: 40rpx 0;
+	}
+}
+</style>

pages_tool/card/exchange.vue

@@ -60,6 +60,13 @@ export default {
 		this.cardId = decodeURIComponent(options.card_id || '');
 		this.loadList();
 	},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	computed: {
 		tabs() {
 			const pending = this.list.filter(i => i.status === 'pending').length;

pages_tool/card/forward.vue

@@ -0,0 +1,150 @@
+<template>
+	<view class="forward-page">
+		<!-- 名片预览 -->
+		<view class="fp-card">
+			<image v-if="avatar" class="fp-avatar" :src="avatar" mode="aspectFill" />
+			<view v-else class="fp-avatar fp-avatar-ph">{{ (title || '?').slice(0, 1) }}</view>
+			<view class="fp-name">{{ title || '数字名片' }}</view>
+		</view>
+
+		<view class="fp-tip">点击下方按钮，把这张名片直接发给微信好友</view>
+
+		<!-- 转发: 微信小程序必须用原生 button open-type=share 才能拉起转发面板,
+		     纯 @tap 无法唤起; 内容取本页 onShareAppMessage -->
+		<!-- #ifdef MP-WEIXIN -->
+		<button class="fp-btn" open-type="share">发送给朋友</button>
+		<!-- #endif -->
+		<!-- #ifdef H5 || APP-PLUS || MP-HARMONY -->
+		<view class="fp-btn" @tap="fallbackShare">发送给朋友</view>
+		<!-- #endif -->
+
+		<view class="fp-sub" v-if="cardUrl">对方点开即可查看名片并保存联系方式</view>
+	</view>
+</template>
+
+<script>
+/**
+ * 名片转发中转页(原生)
+ *
+ * 背景: 分享出去的 wap 名片页在 web-view 内, 其「分享」按钮无法拉起微信转发面板
+ * (web-view 里的 H5 无此能力, 只能复制链接)。由 wap 页在小程序环境下把「分享」
+ * 跳到本页, 本页用原生 button(open-type=share) 直接唤起「发送给朋友」。
+ *
+ * 入参(query, 均需 encodeURIComponent):
+ *   url    wap 名片页地址(转发出去仍落地 card/share 的 web-view 页)
+ *   title  名片姓名(转发卡片标题)
+ *   avatar 头像(转发卡片封面, 可空)
+ */
+export default {
+	data() {
+		return {
+			cardUrl: '',
+			title: '',
+			avatar: ''
+		};
+	},
+	onLoad(options) {
+		this.cardUrl = options && options.url ? decodeURIComponent(options.url) : '';
+		this.title = options && options.title ? decodeURIComponent(options.title) : '';
+		this.avatar = options && options.avatar ? decodeURIComponent(options.avatar) : '';
+		uni.setNavigationBarTitle({ title: '分享名片' });
+	},
+	onReady() {
+		uni.setNavigationBarTitle({ title: '分享名片' });
+	},
+	// 右上角菜单转发与按钮转发同参
+	onShareAppMessage() {
+		return {
+			title: this.title ? this.title + ' - 数字名片' : '名片分享',
+			path: '/pages_tool/card/share' + (this.cardUrl ? '?url=' + encodeURIComponent(this.cardUrl) : ''),
+			imageUrl: this.avatar || ''
+		};
+	},
+	methods: {
+		fallbackShare() {
+			// 非微信小程序端无转发面板, 退化为复制链接
+			if (this.cardUrl) {
+				uni.setClipboardData({
+					data: this.cardUrl,
+					success: () => uni.showToast({ title: '链接已复制', icon: 'none' })
+				});
+			}
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.forward-page {
+	min-height: 100vh;
+	box-sizing: border-box;
+	padding: 48rpx 40rpx;
+	background: linear-gradient(160deg, #29a3ff 0%, #1f8fef 34%, #f5f7fa 34.2%);
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.fp-card {
+	width: 100%;
+	background: #ffffff;
+	border-radius: 24rpx;
+	padding: 56rpx 32rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	box-shadow: 0 8rpx 30rpx rgba(31, 143, 239, 0.12);
+
+	.fp-avatar {
+		width: 140rpx;
+		height: 140rpx;
+		border-radius: 50%;
+		background: #eef4fb;
+
+		&.fp-avatar-ph {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			color: #1f8fef;
+			font-size: 60rpx;
+			font-weight: 600;
+		}
+	}
+
+	.fp-name {
+		margin-top: 24rpx;
+		font-size: 36rpx;
+		font-weight: 600;
+		color: #222;
+	}
+}
+
+.fp-tip {
+	margin-top: 56rpx;
+	font-size: 28rpx;
+	color: #555;
+}
+
+.fp-btn {
+	margin-top: 40rpx;
+	width: 100%;
+	height: 92rpx;
+	line-height: 92rpx;
+	border-radius: 46rpx;
+	background: linear-gradient(150deg, #29a3ff, #1f8fef);
+	color: #ffffff;
+	font-size: 32rpx;
+	font-weight: 600;
+	border: none;
+
+	&::after {
+		border: none;
+	}
+}
+
+.fp-sub {
+	margin-top: 24rpx;
+	font-size: 24rpx;
+	color: #999;
+}
+</style>

pages_tool/card/leads.vue

@@ -76,6 +76,13 @@ export default {
 	onLoad() {
 		this.refresh();
 	},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	onPullDownRefresh() {
 		this.refresh(() => uni.stopPullDownRefresh());
 	},

pages_tool/card/list.vue

@@ -21,11 +21,13 @@
 			</view>
 		</view>
 
-		<!-- 筛选条: 跟进(全部 / 待跟进 / 已完成, follow_up 传 due/done) -->
+		<!-- 筛选条: 跟进(全部 / 待跟进 / 已完成, follow_up 传 due/done) + 删除模式开关 -->
 		<view class="filter-row">
 			<view class="fav-filter" :class="{ active: followTab === 'all' }" @tap="switchFollow('all')">全部</view>
 			<view class="fav-filter" :class="{ active: followTab === 'due' }" @tap="switchFollow('due')">待跟进</view>
 			<view class="fav-filter" :class="{ active: followTab === 'done' }" @tap="switchFollow('done')">已完成</view>
+			<!-- 删除名片入口(2.11.91): 点按进入删除模式, 行内才显示删除按钮, 避免平时误触 -->
+			<view class="fav-filter del-filter" :class="{ active: delMode }" @tap="toggleDelMode">删除</view>
 		</view>
 
 		<!-- 列表 -->
@@ -53,6 +55,7 @@
 					@tap.stop="toggleFavorite">{{ item.is_favorite == 1 ? '★' : '☆' }}</text>
 				<view v-if="followTab === 'due' && item.follow_up_done != 1" class="card-done-btn"
 					:data-index="index" @tap.stop="markDone">完成</view>
+				<view v-if="delMode" class="card-del-btn" :data-index="index" @tap.stop="deleteCard">删除</view>
 				<view class="card-arrow">›</view>
 			</view>
 
@@ -153,6 +156,8 @@ export default {
 			pendingClaimCode: '', // 扫码带参预填的码
 			// 跟进筛选(2.11.3): all / due(待跟进) / done(已完成)
 			followTab: 'all',
+			// 删除模式(2.11.91): 由筛选条「删除」入口开关, 开启后行内才显示删除按钮
+			delMode: false,
 			// 建卡申请状态(2.11.15)
 			apply: null, // { status, status_text, note, has_card }
 			applyName: '',
@@ -204,7 +209,20 @@ export default {
 		}
 		this.bootstrap();
 	},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	onShow() {
+		// 从详情页返回时走 onShow(不会再触发 onReady), 微信可能把标题恢复成旧值,
+		// 这里每次显示都重设一次, 保证导航栏始终是「名片」
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
 		// 首次 onShow 紧跟 onLoad(由 bootstrap 负责首屏加载), 这里只处理"返回本页"的刷新
 		if (this._entered) this.refresh();
 		this._entered = true;
@@ -280,6 +298,10 @@ export default {
 			this.followTab = tab;
 			this.refresh();
 		},
+		// 删除模式开关(2.11.91): 开启后各行显示删除按钮; 再次点按退出
+		toggleDelMode() {
+			this.delMode = !this.delMode;
+		},
 		// 标记跟进完成(2.11.3): followDone, 成功后该卡从待跟进消失
 		markDone(payload) {
 			const item = this.resolveItem(payload);
@@ -303,6 +325,50 @@ export default {
 				}
 			});
 		},
+		/**
+		 * 删除名片(软删, 2.11.91, 与 CARD_DELETE_API.md 同步)
+		 * 行级归属: 只能删自己名下卡; 删他人/已删/不存在统一后端报「卡片不存在」。
+		 * 流程: 二次确认(danger 样式) → cardDelete → 成功 toast「已删除」并刷新列表
+		 * (列表接口立即不再返回该卡, 刷新即移除, 无需手动 splice)。
+		 * 失败口径同收口规范第 3 条: 统一 toast(message), 不刷新。
+		 */
+		deleteCard(payload) {
+			const item = this.resolveItem(payload);
+			if (!item) return;
+			const cardId = this.cardIdOf(item);
+			if (!cardId) {
+				uni.showToast({ title: '该名片缺少编号，无法删除', icon: 'none' });
+				return;
+			}
+			const name = item.name || '未命名名片';
+			uni.showModal({
+				title: '删除名片',
+				content: '删除后名片将立即失效，分享链接也会不可访问。确定删除「' + name + '」？',
+				confirmText: '删除',
+				confirmColor: '#e54d42',
+				success: m => {
+					if (!m.confirm) return;
+					uni.showLoading({ title: '删除中…' });
+					this.$cardApi.cardDelete({
+						data: { card_id: cardId },
+						success: res => {
+							uni.hideLoading();
+							if (res.code == 0) {
+								uni.showToast({ title: '已删除', icon: 'success' });
+								this.refresh();
+							} else {
+								// 「卡片不存在」模糊口径: 统一按 message 提示, 不特殊处理
+								this.handleApiError(res);
+							}
+						},
+						fail: () => {
+							uni.hideLoading();
+							uni.showToast({ title: '网络异常，请稍后重试', icon: 'none' });
+						}
+					});
+				}
+			});
+		},
 		// 空态: 查询我的建卡申请状态(2.11.15)
 		loadApplyStatus() {
 			this.$cardApi.applyStatus({
@@ -679,6 +745,17 @@ export default {
 	}
 }
 
+/* 删除模式入口(2.11.91): 与跟进 chips 同排, 激活态用 danger 红 */
+.fav-filter.del-filter {
+	margin-left: 16rpx;
+
+	&.active {
+		background-color: #fdeceb;
+		border-color: #e54d42;
+		color: #e54d42;
+	}
+}
+
 .card-list {
 	.card-item {
 		display: flex;
@@ -794,6 +871,21 @@ export default {
 	border-radius: 24rpx;
 }
 
+/* 删除名片按钮(2.11.91): danger 红, 与完成按钮同构的小药丸 */
+.card-del-btn {
+	flex-shrink: 0;
+	margin-left: 16rpx;
+	padding: 8rpx 20rpx;
+	background-color: #fdeceb;
+	color: #e54d42;
+	font-size: 24rpx;
+	border-radius: 24rpx;
+
+	&:active {
+		background-color: #f9d6d3;
+	}
+}
+
 /* 首屏加载占位(替代"先闪空态") */
 .first-loading {
 	text-align: center;

pages_tool/card/save-contact.vue

@@ -0,0 +1,230 @@
+<template>
+	<view class="save-contact">
+		<!-- 名片摘要卡 -->
+		<view class="sc-card">
+			<view class="sc-avatar">{{ initial }}</view>
+			<view class="sc-name">{{ form.name || '未命名名片' }}</view>
+			<view class="sc-job" v-if="form.job_title">{{ form.job_title }}</view>
+			<view class="sc-company" v-if="form.company">{{ form.company }}</view>
+			<view class="sc-mobile" v-if="form.mobile" @tap="callNow">
+				<text class="sc-mobile-icon">📞</text>
+				<text>{{ form.mobile }}</text>
+			</view>
+		</view>
+
+		<!-- 保存按钮: 调系统 API 直接写入手机通讯录(系统会弹出确认框) -->
+		<button class="sc-btn" :disabled="saving" @tap="saveToContacts">
+			{{ saving ? '保存中…' : '保存到通讯录' }}
+		</button>
+		<view class="sc-tip">保存后可在手机通讯录中直接拨号</view>
+	</view>
+</template>
+
+<script>
+/**
+ * 保存名片到手机通讯录(原生页)
+ *
+ * 背景: 分享出去的名片是后端 wap H5 页, 经 web-view 打开。H5 原来的
+ * 「保存到通讯录」是下载 .vcf 文件, 而微信小程序 web-view 禁止下载文件,
+ * 会提示「可在浏览器打开此网页来下载文件」。
+ *
+ * 方案: wap H5 检测到运行在小程序 web-view 内(/miniProgram/i.test(UA))时,
+ * 不再触发 .vcf 下载, 改为调 wx.miniProgram.navigateTo 跳到本页,
+ * 由本页(小程序原生)调 uni.addPhoneContact 直接写入系统通讯录。
+ *
+ * 入参(query, 均需 encodeURIComponent):
+ *   name/mobile/company/job_title/email/website/address/remark/wechat 名片字段
+ *   action=call 时进入页面直接拨号(wap 页「打电话」按钮也可走本页)
+ */
+export default {
+	data() {
+		return {
+			form: {
+				name: '',
+				mobile: '',
+				company: '',
+				job_title: '',
+				email: '',
+				website: '',
+				address: '',
+				remark: '',
+				wechat: ''
+			},
+			saving: false
+		};
+	},
+	computed: {
+		initial() {
+			const n = this.form.name || this.form.mobile || '?';
+			return n.slice(0, 1);
+		}
+	},
+	onLoad(options) {
+		const keys = ['name', 'mobile', 'company', 'job_title', 'email', 'website', 'address', 'remark', 'wechat'];
+		keys.forEach(k => {
+			if (options && options[k] != null) {
+				this.form[k] = decodeURIComponent(options[k]);
+			}
+		});
+		// 打电话动作: 直接唤起拨号盘并退出本页
+		if (options && options.action === 'call' && this.form.mobile) {
+			this.callNow();
+		}
+	},
+	onReady() {
+		// 微信真机才生效(模拟器 bug 见 docs/weixin-bug.md), onShow 兜底见下
+		uni.setNavigationBarTitle({ title: '保存到通讯录' });
+		// 进入页面即自动调起系统"添加联系人"确认框:
+		// web-view 内 H5 无法直接调 addPhoneContact, 必须经本原生页中转,
+		// 若再让用户手动点一次等于两步操作, 所以这里自动触发, 用户零点击直接看到系统弹窗
+		this.saveToContacts();
+	},
+	onShow() {
+		uni.setNavigationBarTitle({ title: '保存到通讯录' });
+	},
+	methods: {
+		callNow() {
+			if (!this.form.mobile) return;
+			uni.makePhoneCall({
+				phoneNumber: this.form.mobile,
+				// 用户取消拨号会走 fail, 不提示
+				fail: () => {}
+			});
+		},
+		saveToContacts() {
+			if (this.saving) return;
+			if (!this.form.name && !this.form.mobile) {
+				uni.showToast({ title: '名片资料缺失，无法保存', icon: 'none' });
+				return;
+			}
+			this.saving = true;
+			uni.addPhoneContact({
+				firstName: this.form.name || this.form.mobile,
+				mobilePhoneNumber: this.form.mobile || '',
+				organization: this.form.company || '',
+				title: this.form.job_title || '',
+				email: this.form.email || '',
+				url: this.form.website || '',
+				weChatNumber: this.form.wechat || '',
+				remark: [this.form.address, this.form.remark].filter(Boolean).join(' '),
+				success: () => {
+					uni.showToast({ title: '已保存到通讯录', icon: 'success' });
+					setTimeout(() => {
+						uni.navigateBack({ fail: () => {} });
+					}, 1200);
+				},
+				fail: err => {
+					// 细分失败原因, 便于真机上快速定位(系统确认框点「取消」不算错误)
+					const msg = (err && err.errMsg) || '';
+					if (msg.indexOf('cancel') > -1) return;
+					if (msg.indexOf('privacy') > -1 || msg.indexOf('declared') > -1) {
+						// 小程序后台「用户隐私保护指引」未声明 addPhoneContact(见 docs/CARD_SAVE_CONTACT_BACKEND.md)
+						uni.showToast({ title: '小程序隐私协议未声明该能力，请管理员配置', icon: 'none', duration: 3000 });
+					} else if (msg.indexOf('auth') > -1 || msg.indexOf('deny') > -1) {
+						uni.showToast({ title: '未获通讯录权限，请在系统设置中允许微信访问通讯录', icon: 'none', duration: 3000 });
+					} else {
+						// 未知错误把 errMsg 原样带出, 截图即可定位
+						uni.showToast({ title: '保存失败: ' + (msg || '未知'), icon: 'none', duration: 3000 });
+					}
+				},
+				complete: () => {
+					this.saving = false;
+				}
+			});
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.save-contact {
+	min-height: 100vh;
+	box-sizing: border-box;
+	padding: 40rpx 32rpx;
+	background: linear-gradient(160deg, #29a3ff 0%, #1f8fef 40%, #f5f7fa 40.2%);
+}
+
+.sc-card {
+	background-color: #ffffff;
+	border-radius: 24rpx;
+	padding: 48rpx 32rpx 40rpx;
+	box-shadow: 0 8rpx 30rpx rgba(31, 143, 239, 0.12);
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+
+	.sc-avatar {
+		width: 128rpx;
+		height: 128rpx;
+		border-radius: 50%;
+		background: linear-gradient(150deg, #29a3ff, #1f8fef);
+		color: #ffffff;
+		font-size: 56rpx;
+		font-weight: 600;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.sc-name {
+		margin-top: 24rpx;
+		font-size: 40rpx;
+		font-weight: 600;
+		color: #222;
+	}
+
+	.sc-job {
+		margin-top: 8rpx;
+		font-size: 26rpx;
+		color: #666;
+	}
+
+	.sc-company {
+		margin-top: 4rpx;
+		font-size: 26rpx;
+		color: #888;
+	}
+
+	.sc-mobile {
+		margin-top: 24rpx;
+		display: flex;
+		align-items: center;
+		font-size: 32rpx;
+		color: #1f8fef;
+		font-weight: 500;
+
+		.sc-mobile-icon {
+			margin-right: 8rpx;
+			font-size: 28rpx;
+		}
+	}
+}
+
+.sc-btn {
+	margin-top: 64rpx;
+	height: 92rpx;
+	line-height: 92rpx;
+	border-radius: 46rpx;
+	color: #ffffff;
+	font-size: 32rpx;
+	font-weight: 600;
+	background: linear-gradient(150deg, #29a3ff, #1f8fef);
+	border: none;
+
+	&::after {
+		border: none;
+	}
+
+	&[disabled] {
+		opacity: 0.6;
+		color: #ffffff;
+	}
+}
+
+.sc-tip {
+	margin-top: 24rpx;
+	text-align: center;
+	font-size: 24rpx;
+	color: #999;
+}
+</style>

pages_tool/card/style.vue

@@ -363,6 +363,13 @@ export default {
 			this.loadDetail();
 			this.loadPresets();
 		},
+		onReady() {
+			// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+			uni.setNavigationBarTitle({ title: '名片' });
+			// #ifdef H5
+			document.title = '名片';
+			// #endif
+		},
 		loadDetail() {
 			if (!this.cardId) {
 				this.isLoading = false;

pages_tool/card/views.vue

@@ -71,6 +71,13 @@ export default {
 		this.cardId = (options && options.card_id) ? String(options.card_id) : '';
 		this.refresh();
 	},
+	onReady() {
+		// H5 uni-page-head 挂载早于路由 meta 就绪会回落默认标题 "title", onReady 再兜底一次
+		uni.setNavigationBarTitle({ title: '名片' });
+		// #ifdef H5
+		document.title = '名片';
+		// #endif
+	},
 	onPullDownRefresh() {
 		this.refresh(() => uni.stopPullDownRefresh());
 	},