xsl
fed52930cc
五个页面按 h5/css 的 style.css → ui-20261009 → ui-20261012 覆盖顺序逐条重排， 换算规则固定为 calc(N * var(--u)) → 2N rpx，固定 px 的字号保持 px。 - app.acss：换回 H5 设计 token（方角小倒角按钮 10rpx、卡片 14rpx、.chev 折线箭头） - splash/profile/history：底图与按钮文字图改用 H5 资源，隐私/政策弹窗按 H5 重排 - report：环形分用 conic-gradient、人脸裁切窗口叠加 face_maps、标记点百分比盒、 侧脸皱纹 pending/unavailable 文案；用 Playwright 抓 H5 94 个选择器几何比对， 整页高 2438.7 vs 2438.67 - camera：淘宝 <camera> 组件在真机整页崩溃（嵌了微信专有的 <cover-view>）， 改为默认系统相机 + `config.nativeCamera` 开关 + pages/camtest 冒烟页验证组件 - permissions：淘宝用带前缀的 scope.camera（裸名返回 5022 Scope:camera信息不存在）， 先试带前缀再退回裸名，拒绝后不再重复弹窗 - voice：非 HTTPS 资源导致的异常不再冒泡成整页崩溃；app.js 加开发版错误 toast - 开发版入口：权限诊断（启动页/相机页）、相机组件测试 - 测试 20/20（新增权限与相机能力用例）
82 lines
3.2 KiB
JavaScript
82 lines
3.2 KiB
JavaScript
/* ═════ 历史报告:api.request('reports') 拉列表 + 点条目进报告页
|
|
对照 H5 index.html #s-history(L32-42) 与 app.js renderHistoryList()/openHistory()(L1944-2001)
|
|
跳转前把 payload 放进 globalData,由 pages/report 渲染。 ═════ */
|
|
var api = require('../../utils/api');
|
|
|
|
function pad2(n) { return (n < 10 ? '0' : '') + n; }
|
|
// H5 用 toLocaleDateString('sv-SE'),即 YYYY-MM-DD 零填充
|
|
function formatDate(value) {
|
|
var d = new Date(value);
|
|
return d.getFullYear() + '-' + pad2(d.getMonth() + 1) + '-' + pad2(d.getDate());
|
|
}
|
|
|
|
Page({
|
|
data: {
|
|
bgUrl: api.assetUrl('img/ui-20261009/bg-history-h5.jpg'),
|
|
items: [], loading: false, error: '',
|
|
signedIn: false, accountLabel: '尚未登录',
|
|
countText: '正在读取报告…', // H5 #history-count 初值
|
|
identityNote: '',
|
|
toastText: '', toastOn: false
|
|
},
|
|
onShow: function () {
|
|
if (!api.user()) { this.setData({ items: [] }); my.redirectTo({ url: '/pages/splash/splash' }); return; }
|
|
this.setData({ signedIn: true, accountLabel: '淘宝已登录' });
|
|
this.load();
|
|
},
|
|
onUnload: function () { this.closed = true; },
|
|
|
|
// H5 .toast
|
|
toast: function (msg) {
|
|
var that = this;
|
|
this.setData({ toastText: msg, toastOn: true });
|
|
clearTimeout(this.toastTimer);
|
|
this.toastTimer = setTimeout(function () {
|
|
that.setData({ toastOn: false });
|
|
}, Math.max(1800, String(msg).length * 130));
|
|
},
|
|
|
|
load: function () {
|
|
var that = this;
|
|
this.closed = false;
|
|
this.setData({ loading: true, error: '' });
|
|
api.request('reports').then(function (data) {
|
|
if (that.closed) return;
|
|
that.setData({
|
|
countText: '您最近已进行过' + data.total + '次面部问题检测',
|
|
identityNote: '保留最近 5 份报告，同一淘宝账号可跨手机查看。',
|
|
items: data.items.map(function (item) {
|
|
return { id: item.id, date: formatDate(item.created_at) };
|
|
})
|
|
});
|
|
}).catch(function (err) {
|
|
if (!that.closed) that.setData({ error: err.message, countText: '暂时无法读取' });
|
|
}).then(function () { if (!that.closed) that.setData({ loading: false }); });
|
|
},
|
|
|
|
onOpen: function (e) {
|
|
if (this.data.loading) return;
|
|
var id = e.currentTarget.dataset.id;
|
|
if (!id) return;
|
|
var that = this;
|
|
this.closed = false;
|
|
this.setData({ loading: true });
|
|
api.request('reports', { id: id }).then(function (data) {
|
|
if (that.closed) return;
|
|
getApp().globalData.photos = data.report.photos;
|
|
getApp().globalData.payload = Object.assign({}, data.report.payload, { vm: data.report.vm, presentation: data.report.presentation });
|
|
my.navigateTo({ url: '/pages/report/report' });
|
|
}).catch(function (err) { that.toast(err.message); })
|
|
.then(function () { if (!that.closed) that.setData({ loading: false }); });
|
|
},
|
|
|
|
// H5 data-action="logout-wechat"(历史页右上角)
|
|
onLogout: function () {
|
|
var that = this;
|
|
api.logout().then(function () {
|
|
that.setData({ signedIn: false, accountLabel: '尚未登录', items: [], countText: '', identityNote: '' });
|
|
my.redirectTo({ url: '/pages/splash/splash' });
|
|
}).catch(function (err) { that.toast(err.message); });
|
|
}
|
|
});
|