import store from '@/store'
/**
 * @param{string} printJs 打印模版
 * @param{boolean} isLog 是否带审批
 * @param{object} form data数据
 * @param{string} [logContent] 审批表格html
 * @return{void}
**/
export function print(printJs, isLog, form, logContent) {
  const staticMap = new Map([
    ['apply_name', () => `<span>${form.creator?.name}</span>`],
    ['apply_department_name', () => `<span>${form.creator_department?.name}</span>`],
    ['apply_sign', () => `<img src="${form.creator?.sign_file}" alt="${form.creator?.name}" style="max-height: 80px;  ">`],
    ['created_at', () => `<span>${form.created_at}</span>`],
  ])

  let printStr = printJs
  const regexField = /<field[^>]*>(.*?)<\/field>/g;
  let fieldMaths = []
  let match;

  while ((match = regexField.exec(printJs)) !== null) {
    fieldMaths.push(match[0]); // 提取 <field> 之间的内容
  }
  fieldMaths.forEach(fieldMath => {
    const matchName = fieldMath.match(/name="([^"]+)"/);
    if (matchName) {
      const nameValue = matchName[1];
      if (Array.from(staticMap.keys()).indexOf(nameValue) !== -1) {
        printStr = printStr.replace(fieldMath, staticMap.get(nameValue))
      } else {
        const value = store.getters.device === 'desktop' ? document.querySelector(`[for=${nameValue}]+div`).innerHTML : document.querySelector(`[for=${nameValue}] > div:nth-child(2)`).innerHTML
        printStr = printStr.replace(fieldMath,`<span>${value}</span>`)
      }
    } else {
      console.log('未找到name属性');
    }
  })
  if(isLog) {
    const logStyle = logContent.match(/<style>(.*?)<\/style>/g)
    let totalLogStyle= ''
    logStyle.forEach(item => {
      totalLogStyle += item
    })
    printStr = printStr.replace('</style>',`</style>${totalLogStyle}`)
    const logBody = logContent.match(/<table(.*?)<\/table>/g)[0]
    printStr = printStr.replace('</table>',`</talbe>${logBody}`)
  }
  let printWindow = window.open('', '_blank');
  printWindow.document.write(printStr);
  printWindow.focus();
}