285 lines
7.6 KiB
Vue
285 lines
7.6 KiB
Vue
<template>
|
||
<full-page pageClass="rights-selector-page" :customScroll="true">
|
||
<view class="page-body">
|
||
<view v-if="loading" class="empty">加载中...</view>
|
||
<view v-else-if="!options.length" class="empty">暂无可用档案</view>
|
||
<view v-else class="archive-list">
|
||
<view
|
||
v-for="item in options"
|
||
:key="item.key"
|
||
class="archive-card"
|
||
:class="{ active: item.isCurrent }"
|
||
@click="selectArchive(item)"
|
||
>
|
||
<view class="archive-head">
|
||
<view class="archive-name-row">
|
||
<view class="archive-name">{{ item.name || "未命名" }}</view>
|
||
<view v-if="item.relationship" class="archive-tag">{{ item.relationship }}</view>
|
||
</view>
|
||
<view v-if="item.isCurrent" class="archive-current">当前</view>
|
||
</view>
|
||
<view class="archive-meta">{{ item.metaText }}</view>
|
||
<view class="archive-id">证件号：{{ item.idCardText }}</view>
|
||
<view class="archive-corp">{{ item.corpName }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</full-page>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref } from "vue";
|
||
import { onLoad } from "@dcloudio/uni-app";
|
||
import { storeToRefs } from "pinia";
|
||
import useAccount from "@/store/account";
|
||
import api from "@/utils/api";
|
||
import { set } from "@/utils/cache";
|
||
import { toast } from "@/utils/widget";
|
||
import { normalizeCorpId } from "@/utils/api-base-config";
|
||
import FullPage from "@/components/full-page.vue";
|
||
|
||
const RIGHTS_SELECTION_CACHE_KEY = "experience-coupon-rights-selection";
|
||
const { account } = storeToRefs(useAccount());
|
||
const { getTeams } = useAccount();
|
||
|
||
const loading = ref(false);
|
||
const options = ref([]);
|
||
const currentCorpId = ref("");
|
||
const currentTeamId = ref("");
|
||
const currentCustomerId = ref("");
|
||
const mode = ref("back");
|
||
const target = ref("");
|
||
|
||
function pickCorpName(team = {}) {
|
||
return team.licenseHospitalName || team.leaderCorp || team.corpName || "-";
|
||
}
|
||
|
||
function maskMobile(mobile = "") {
|
||
const value = String(mobile || "").trim();
|
||
if (!value) return "";
|
||
if (/^\d{11}$/.test(value)) {
|
||
return value.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
|
||
}
|
||
return value;
|
||
}
|
||
|
||
function maskIdCard(idCard = "") {
|
||
const value = String(idCard || "").trim();
|
||
if (!value) return "--";
|
||
if (value.length <= 4) return value;
|
||
return `${"*".repeat(Math.max(value.length - 4, 2))}${value.slice(-4)}`;
|
||
}
|
||
|
||
function buildMetaText(customer = {}) {
|
||
const parts = [];
|
||
if (customer.age) parts.push(`${customer.age}岁`);
|
||
if (customer.mobile) parts.push(maskMobile(customer.mobile));
|
||
return parts.length ? parts.join("，") : "暂无档案信息";
|
||
}
|
||
|
||
function dedupeByCorp(list = []) {
|
||
const map = new Map();
|
||
list.forEach((team) => {
|
||
const corpId = normalizeCorpId(team.corpId);
|
||
if (!corpId || map.has(corpId)) return;
|
||
map.set(corpId, { ...team, corpId });
|
||
});
|
||
return Array.from(map.values());
|
||
}
|
||
|
||
function buildTargetUrl(item) {
|
||
const corp = encodeURIComponent(item.corpId || "");
|
||
const team = encodeURIComponent(item.teamId || "");
|
||
const customer = encodeURIComponent(item.customerId || "");
|
||
const name = encodeURIComponent(item.name || "");
|
||
|
||
if (target.value === "coupons") {
|
||
return `/pages/experience-coupon/my-coupons?corpId=${corp}&teamId=${team}&customerId=${customer}`;
|
||
}
|
||
if (target.value === "health") {
|
||
return `/pages/health/list?teamId=${team}&corpId=${corp}&id=${customer}&name=${name}`;
|
||
}
|
||
return `/pages/experience-coupon/my-rights?corpId=${corp}&teamId=${team}&customerId=${customer}&name=${name}`;
|
||
}
|
||
|
||
async function loadArchives() {
|
||
const miniAppId = account.value?.openid || uni.getStorageSync("openid") || "";
|
||
if (!miniAppId) {
|
||
options.value = [];
|
||
return;
|
||
}
|
||
|
||
loading.value = true;
|
||
try {
|
||
const teams = (await getTeams()) || [];
|
||
const corpTeams = dedupeByCorp(teams);
|
||
const responses = await Promise.all(
|
||
corpTeams.map(async (team) => {
|
||
try {
|
||
const res = await api("getMiniAppCustomers", { miniAppId, corpId: team.corpId }, false);
|
||
const customers = res?.success && Array.isArray(res.data) ? res.data : [];
|
||
return customers.map((customer) => ({ team, customer }));
|
||
} catch (e) {
|
||
console.warn(e);
|
||
return [];
|
||
}
|
||
})
|
||
);
|
||
|
||
const list = responses
|
||
.flat()
|
||
.map(({ team, customer }) => ({
|
||
key: `${team.corpId}_${customer._id}`,
|
||
corpId: team.corpId,
|
||
teamId: team.teamId || "",
|
||
customerId: customer._id || "",
|
||
name: customer.name || "",
|
||
relationship: customer.relationship || "",
|
||
metaText: buildMetaText(customer),
|
||
idCardText: maskIdCard(customer.idCard),
|
||
corpName: pickCorpName(team),
|
||
}))
|
||
.filter((item) => item.corpId && item.customerId)
|
||
.sort((a, b) => {
|
||
const aScore =
|
||
(a.corpId === currentCorpId.value ? 4 : 0) +
|
||
(a.teamId === currentTeamId.value ? 2 : 0) +
|
||
(a.customerId === currentCustomerId.value ? 8 : 0) +
|
||
(a.relationship === "本人" ? 1 : 0);
|
||
const bScore =
|
||
(b.corpId === currentCorpId.value ? 4 : 0) +
|
||
(b.teamId === currentTeamId.value ? 2 : 0) +
|
||
(b.customerId === currentCustomerId.value ? 8 : 0) +
|
||
(b.relationship === "本人" ? 1 : 0);
|
||
return bScore - aScore;
|
||
})
|
||
.map((item) => ({
|
||
...item,
|
||
isCurrent:
|
||
item.corpId === currentCorpId.value &&
|
||
item.customerId === currentCustomerId.value,
|
||
}));
|
||
|
||
options.value = list;
|
||
} finally {
|
||
loading.value = false;
|
||
}
|
||
}
|
||
|
||
function selectArchive(item) {
|
||
if (!item) return;
|
||
|
||
if (mode.value === "target") {
|
||
uni.navigateTo({
|
||
url: buildTargetUrl(item),
|
||
});
|
||
return;
|
||
}
|
||
|
||
set(RIGHTS_SELECTION_CACHE_KEY, {
|
||
corpId: item.corpId,
|
||
teamId: item.teamId,
|
||
customerId: item.customerId,
|
||
name: item.name,
|
||
corpName: item.corpName,
|
||
});
|
||
uni.navigateBack();
|
||
}
|
||
|
||
onLoad(async (optionsData = {}) => {
|
||
uni.setNavigationBarTitle({ title: "选择档案" });
|
||
currentCorpId.value = normalizeCorpId(optionsData.corpId || "");
|
||
currentTeamId.value = optionsData.teamId || "";
|
||
currentCustomerId.value = optionsData.customerId || optionsData.memberId || "";
|
||
mode.value = optionsData.mode === "target" ? "target" : "back";
|
||
target.value = optionsData.target || "rights";
|
||
await loadArchives();
|
||
if (!options.value.length) {
|
||
toast("暂无可用档案");
|
||
}
|
||
});
|
||
</script>
|
||
|
||
<style scoped>
|
||
.page-body {
|
||
min-height: 100%;
|
||
padding: 24rpx;
|
||
box-sizing: border-box;
|
||
background: #f5f6fa;
|
||
}
|
||
|
||
.archive-card {
|
||
background: #fff;
|
||
border-radius: 18rpx;
|
||
padding: 24rpx;
|
||
margin-bottom: 20rpx;
|
||
border: 2rpx solid transparent;
|
||
box-shadow: 0 8rpx 24rpx rgba(15, 23, 42, 0.06);
|
||
}
|
||
|
||
.archive-card.active {
|
||
border-color: #065bd6;
|
||
}
|
||
|
||
.archive-head {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
justify-content: space-between;
|
||
gap: 16rpx;
|
||
margin-bottom: 16rpx;
|
||
}
|
||
|
||
.archive-name-row {
|
||
min-width: 0;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12rpx;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.archive-name {
|
||
font-size: 34rpx;
|
||
font-weight: 600;
|
||
color: #1f2329;
|
||
}
|
||
|
||
.archive-tag,
|
||
.archive-current {
|
||
padding: 4rpx 12rpx;
|
||
border-radius: 999rpx;
|
||
font-size: 20rpx;
|
||
}
|
||
|
||
.archive-tag {
|
||
color: #0f766e;
|
||
background: rgba(15, 118, 110, 0.12);
|
||
}
|
||
|
||
.archive-current {
|
||
color: #065bd6;
|
||
background: rgba(6, 91, 214, 0.1);
|
||
}
|
||
|
||
.archive-meta,
|
||
.archive-id {
|
||
font-size: 28rpx;
|
||
color: #4b5563;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.archive-corp {
|
||
margin-top: 16rpx;
|
||
padding-top: 16rpx;
|
||
border-top: 1px solid #eef2f6;
|
||
font-size: 28rpx;
|
||
color: #065bd6;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.empty {
|
||
padding: 120rpx 0;
|
||
text-align: center;
|
||
color: #999;
|
||
font-size: 28rpx;
|
||
}
|
||
</style> |