需方：{{partyB}}
可编辑的合同条款
手机编辑保留内容
') + editor.fire('change') + }) + await Promise.all([ + page.waitForResponse((response) => response.url().endsWith('/saveTemplate')), + clickPrintButton('保存模板') + ]) + assert.match(savedTemplate, /手机编辑保留内容/) + const save = calls.findLast((call) => call.path.endsWith('/saveTemplate')) + assert.equal(save.body.id, 'contract-1') + assert.equal('products' in save.body, false) + await clickPrintButton('预览模式') + await page + .locator('.mp-contract-print') + .getByRole('button', { name: '编辑模式', exact: true }) + .waitFor() + await clickPrintButton('编辑模式') + await clickPrintButton('关闭') + await page.locator('.mp-contract-print').waitFor({ state: 'hidden' }) + await openPrint() + assert.match( + await page.evaluate(() => window.tinymce.activeEditor.getContent()), + /手机编辑保留内容/ + ) + await clickPrintButton('关闭') + await page.locator('.mp-contract-print').waitFor({ state: 'hidden' }) + savedTemplate = '' + await openPrint() + await page.waitForFunction(() => window.tinymce.activeEditor.getContent().includes('工业甲醇')) + assert.match(await page.evaluate(() => window.tinymce.activeEditor.getContent()), /产品名称/) + assert.ok( + await page.evaluate( + () => + window.tinymce.activeEditor.getBody().scrollWidth > + window.tinymce.activeEditor.getWin().innerWidth + ) + ) + await clickPrintButton('隐藏红章') + await page.waitForFunction(() => !window.tinymce.activeEditor.getContent().includes('alt="印章"')) + await clickPrintButton('显示红章') + await page.waitForFunction(() => window.tinymce.activeEditor.getContent().includes('alt="印章"')) + await page.screenshot({ path: `${artifacts}/editor-414.png` }) + // 本阶段验证普通浏览器下载；之后单独切到微信宿主验证原生交付。 + await page.evaluate(() => { + Object.defineProperty(navigator, 'userAgent', { + configurable: true, + value: navigator.userAgent.replace(/MicroMessenger\/\S+|miniProgram/gi, '') + }) + }) + for (const [label, extension] of [ + ['生成 Word', '.docx'], + ['生成 PDF', '.pdf'] + ]) { + const downloadPromise = page.waitForEvent('download', { timeout: 60000 }) + await clickPrintButton(label) + const download = await downloadPromise + assert.ok(download.suggestedFilename().endsWith(extension)) + await download.saveAs(`${artifacts}/contract${extension}`) + const bytes = await readFile(`${artifacts}/contract${extension}`) + assert.ok(bytes.length > 100) + if (extension === '.pdf') assert.equal(bytes.subarray(0, 4).toString(), '%PDF') + else assert.equal(bytes.subarray(0, 2).toString(), 'PK') + } + await page.evaluate(() => { + // iPhone 同步环境标记缺失，但 JSSDK getEnv 能确认真实小程序宿主。 + delete window.__wxjs_environment + Object.defineProperty(navigator, 'userAgent', { + configurable: true, + value: 'Mozilla/5.0 (iPhone) AppleWebKit/605.1.15 MicroMessenger/8.0' + }) + window.wx.miniProgram.getEnv = (callback) => + setTimeout(() => callback({ miniprogram: true }), 30) + }) + failUpload = true + await clickPrintButton('生成 PDF') + await page.getByText('模拟上传失败', { exact: true }).first().waitFor() + await page + .locator('.mp-contract-print') + .getByRole('button', { name: '生成 PDF', exact: true }) + .waitFor() + assert.match(await page.evaluate(() => window.tinymce.activeEditor.getContent()), /工业甲醇/) + assert.equal(await page.evaluate(() => window.__documentNavigation), undefined) + failUpload = false + await clickPrintButton('生成 PDF') + await page.waitForFunction(() => window.__documentNavigation) + assert.match( + await page.evaluate(() => window.__documentNavigation), + /pages\/common\/contract-document/ + ) + assert.ok(calls.some((call) => call.path === '/web/admin/attachment/upload')) + assert.ok(calls.some((call) => call.path === '/web/admin/attachment/download-url')) + await clickPrintButton('关闭') + await page.locator('.mp-contract-print').waitFor({ state: 'hidden' }) + baseContract.contractNo = 'YD/X-JT20261031001' + await openPrint() + await page.evaluate(() => { + window.tinymce.activeEditor.fire('SetContent') + const close = [...document.querySelectorAll('.mp-contract-print button')].find( + (button) => button.textContent.trim() === '关闭' + ) + close.click() + }) + await page.locator('.mp-contract-print').waitFor({ state: 'hidden' }) + // 等待Logo回调的500ms窗口，验证关闭后没有访问已销毁的编辑器。 + await page.waitForTimeout(650) + assert.deepEqual(pageErrors, []) + console.log( + 'PASS mobile contract print: 375/414 layout, template save, preview, DOCX/PDF downloads, mini-program file bridge; fixture only' + ) +} finally { + await page.screenshot({ path: `${artifacts}/last-state.png` }).catch(() => {}) + await browser.close() +} diff --git a/web-admin/src/views/m/crm/contract/detail.vue b/web-admin/src/views/m/crm/contract/detail.vue index d2503a18e..355b47fa1 100644 --- a/web-admin/src/views/m/crm/contract/detail.vue +++ b/web-admin/src/views/m/crm/contract/detail.vue @@ -1,5 +1,6 @@+ 沿用电脑端合同版式，可横向滚动查看。选中表格后可在工具栏设置宽高、合并拆分。修改后请点「保存模板」。 +
+