@steedos-labs/content-compliance 1.0.3 → 1.0.5

package/public/dynamic.css

@@ -118,6 +118,91 @@ input{
     font-size: 14px !important;
 }
 
+.account-apply-btn{
+    z-index: 999;
+    position: absolute;
+    right: 2.5rem;
+    bottom: 34px;
+    padding: 2px 12px;
+    font-size: 12px;
+    line-height: 20px;
+    color: rgb(2 53 90);
+    background: #ffffff;
+    border: solid 1px rgb(2 53 90);
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+.account-apply-btn:hover{
+    background: rgb(2 53 90 / 8%);
+}
+
+.account-apply-modal{
+    display: none;
+    position: fixed;
+    inset: 0;
+    z-index: 10000;
+    align-items: center;
+    justify-content: center;
+    background: rgb(0 0 0 / 45%);
+}
+
+.account-apply-modal.show{
+    display: flex;
+}
+
+.account-apply-dialog{
+    width: 560px;
+    max-width: calc(100vw - 32px);
+    padding: 28px 32px 24px;
+    background: #ffffff;
+    border-radius: 8px;
+    box-shadow: 0 10px 30px rgb(0 0 0 / 20%);
+    color: #1f2937;
+}
+
+.account-apply-title{
+    font-size: 18px;
+    font-weight: bold;
+    margin-bottom: 12px;
+}
+
+.account-apply-content{
+    font-size: 14px;
+    line-height: 24px;
+}
+
+.account-apply-content p{
+    margin: 0 0 8px;
+}
+
+.account-apply-content ul{
+    margin: 0 0 8px;
+    padding-left: 20px;
+    list-style: disc;
+}
+
+.account-apply-content a{
+    color: #2563eb;
+    text-decoration-line: underline;
+}
+
+.account-apply-footer{
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+.account-apply-footer button{
+    padding: 6px 20px;
+    font-size: 14px;
+    color: #ffffff;
+    background: rgb(2 53 90);
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
 @keyframes shake {
     0%, 100% { transform: translateX(0); }
     25% { transform: translateX(-5px); }

package/public/dynamic.js

@@ -12,6 +12,99 @@ document.title = "内容审核";
 
 // document.head.appendChild(link);
 
+// 账号申请：申请表放在 public/account-apply/ 下，文件名固定，扩展名兼容 .docx / .xlsx（优先 .docx）
+const ACCOUNT_APPLY_CONTACT = 'sweet.tian@pepsico.com';
+const ACCOUNT_APPLY_FORMS = {
+    employee: { name: '百事食品审核系统内部员工申请表', path: '/account-apply/ccs-employee-application' },
+    agency: { name: '百事食品审核系统Agency申请表', path: '/account-apply/ccs-agency-application' }
+};
+const ACCOUNT_APPLY_EXTENSIONS = ['.docx', '.xlsx'];
+
+// 依次探测各扩展名的文件是否存在，返回第一个存在的地址
+async function resolveAccountApplyFormUrl(form) {
+    for (const ext of ACCOUNT_APPLY_EXTENSIONS) {
+        const url = form.path + ext;
+        try {
+            const res = await fetch(url, { method: 'HEAD', cache: 'no-store' });
+            const contentType = res.headers.get('content-type') || '';
+            // 排除不存在的路径被回退成 html 页面的情况
+            if (res.ok && contentType.indexOf('text/html') === -1) {
+                return { url: url, ext: ext };
+            }
+        } catch (e) {
+            // 忽略，继续探测下一个扩展名
+        }
+    }
+    return null;
+}
+
+async function downloadAccountApplyForm(key) {
+    const form = ACCOUNT_APPLY_FORMS[key];
+    const file = await resolveAccountApplyFormUrl(form);
+    if (!file) {
+        alert('申请表暂未提供，请联系 ' + ACCOUNT_APPLY_CONTACT);
+        return;
+    }
+    const a = document.createElement('a');
+    a.href = file.url;
+    a.download = form.name + file.ext;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+}
+
+function createAccountApplyModal() {
+    if (document.getElementById('accountApplyModal')) {
+        return;
+    }
+    const modal = document.createElement('div');
+    modal.id = 'accountApplyModal';
+    modal.classList.add('account-apply-modal');
+    modal.innerHTML =
+        '<div class="account-apply-dialog" role="dialog" aria-modal="true">' +
+            '<div class="account-apply-title">账号申请</div>' +
+            '<div class="account-apply-content">' +
+                '<p>如需开通百事食品审核系统账号，请下载对应的申请表，审核通过后开通：</p>' +
+                '<ul>' +
+                    '<li>百事食品内部员工：<a href="#" data-form="employee">【百事食品审核系统内部员工申请表】</a></li>' +
+                    '<li>百事食品 Agency 成员：<a href="#" data-form="agency">【百事食品审核系统 Agency 申请表】</a></li>' +
+                '</ul>' +
+                '<p>申请表填写完成后，内部员工请线下获取 Line manager 的邮件审批，Agency 成员请线下获取百事内部对接人的邮件审批；' +
+                '审批通过后，请附上审批邮件联系 Sweet Tian（<a href="mailto:' + ACCOUNT_APPLY_CONTACT + '">' + ACCOUNT_APPLY_CONTACT + '</a>）开通账号。</p>' +
+            '</div>' +
+            '<div class="account-apply-footer"><button type="button" class="account-apply-ok">知道了</button></div>' +
+        '</div>';
+
+    modal.addEventListener('click', function (event) {
+        const formLink = event.target.closest('a[data-form]');
+        if (formLink) {
+            event.preventDefault();
+            downloadAccountApplyForm(formLink.getAttribute('data-form'));
+            return;
+        }
+        if (event.target === modal || event.target.classList.contains('account-apply-ok')) {
+            modal.classList.remove('show');
+        }
+    });
+    document.body.appendChild(modal);
+}
+
+function appendAccountApplyButton(element) {
+    if (element.querySelector('.account-apply-btn')) {
+        return;
+    }
+    const button = document.createElement('button');
+    button.type = 'button';
+    button.classList.add('account-apply-btn');
+    button.textContent = '账号申请';
+    button.addEventListener('click', function (event) {
+        event.preventDefault();
+        createAccountApplyModal();
+        document.getElementById('accountApplyModal').classList.add('show');
+    });
+    element.appendChild(button);
+}
+
 
 function appendAgreement() {
     const element = document.querySelector('.relative.rounded.p-10.sm\\:shadow-md.bg-white.w-screen.max-w-md');
@@ -73,6 +166,9 @@ function appendAgreement() {
         // 在提交按钮前插入容器
         element.appendChild(container);
 
+        // 登录框右下角：账号申请按钮
+        appendAccountApplyButton(element);
+
         const ssoBtn = document.querySelector('.w-full.border.border-gray-300.justify-center.hover\\:bg-gray-50.text-gray-800.py-2.px-4.rounded.inline-flex.items-center')
 
         if(ssoBtn){