1

src/entrypoints/content.js

@@ -172,252 +172,254 @@ export default defineContentScript({
                         if (excelDataA[item.excelColumn]) {
 
                             await simulateCompleteUserAction(input, input, formatDate(excelDataA[item.excelColumn]), formatDate(excelDataA[item.excelColumn]))
-                        }
-                    }
-                }
+            }
+          }
+        }
                 if (item.findBy === 'placeholder') {
                     const input = formChildren.find(child => child.placeholder === item.findByValue)
-                    if (input) {
+          if (input) {
                         simulateUserInput(input, excelDataA[item.excelColumn])
-                    }
-                }
+          }
+        }
                 if (item.findBy === 'label') {
                     if (!excelDataA[item.excelColumn]) continue
                     const label = [...form.getElementsByTagName('label')].find(label => label.innerText.includes(item.findByValue) || item.findByValue.includes(label.innerText))
                     console.log(label)
                     if (!label) continue
                     if (item.type === 'radio' || item.type === 'checkbox') {
-                        console.log(excelDataA[item.excelColumn]);
-                        
-                        if (label) {
+            console.log(excelDataA[item.excelColumn]);
+
+            if (label) {
                             const span = findLabelForSpan(label)
-                            span.forEach(span => {
-                                console.log(span.innerText);
-                                if (span.innerText) {
-                                    if (span.innerText.includes(excelDataA[item.excelColumn]) || excelDataA[item.excelColumn].includes(span.innerText)) {
-                                        console.log(span);
+              span.forEach(span => {
+                console.log(span.innerText);
+                if (span.innerText) {
+                  if (span.innerText.includes(excelDataA[item.excelColumn]) || excelDataA[item.excelColumn].includes(span.innerText)) {
+                    console.log(span);
                                         span.click()
-                                    }     
-                                }
+                  }
+                }
                             })
-                        }
-                    }
+            }
+          }
 
                     if (item.type === 'date') {
                         const input = findLabelForInput(label)
-                        console.log(input, excelDataA[item.excelColumn]);
-                        
-                        if (input) {
+            console.log(input, excelDataA[item.excelColumn]);
+
+            if (input) {
                             await simulateCompleteUserAction(input, input, formatDate(excelDataA[item.excelColumn]), formatDate(excelDataA[item.excelColumn]))
-                        }
-                    }
+            }
+          }
 
                     if (item.type === 'input' || item.type === 'text' || item.type === 'number' || item.type === 'tel' || item.type === 'email') {
                         const input = findLabelForInput(label)
-                        if (input) {
-                            console.log(excelDataA[item.excelColumn]);
+            if (input) {
+              if (input.value) continue;
+              console.log(excelDataA[item.excelColumn]);
 
                             await simulateUserInput(input, excelDataA[item.excelColumn])
-                        }
-                    }
+            }
+          }
                     if (item.type === 'select') {
                         const input = findLabelForInput(label)
-                        if (input) {
+            if (input) {
                             await simulateUserInput(input, excelDataA[item.excelColumn])
-                        }
-                    }
-                }
             }
+          }
         }
-        const simulateUserInput = async (element, value) => {
-            // 设置值
-            // if (element.tagName.toLowerCase() === 'textarea') {
-            //   element.focus()
-            //   element.value = value
-            //   element.blur()
-            //   return
-            // }
-            element.value = value;
-
-            // 创建并触发 input 事件
+      }
+        }
+    const simulateUserInput = async (element, value) => {
+      // 设置值
+      // if (element.tagName.toLowerCase() === 'textarea') {
+      //   element.focus()
+      //   element.value = value
+      //   element.blur()
+      //   return
+      // }
+      element.value = value;
+
+      // 创建并触发 input 事件
             const inputEvent = new Event('input', { bubbles: true });
-            element.dispatchEvent(inputEvent);
+      element.dispatchEvent(inputEvent);
 
-            // 创建并触发 change 事件
+      // 创建并触发 change 事件
             const changeEvent = new Event('change', { bubbles: true });
-            element.dispatchEvent(changeEvent);
+      element.dispatchEvent(changeEvent);
 
-            // 可选：如果表单使用了 React/Vue 等框架，可能还需要触发以下事件
+      // 可选：如果表单使用了 React/Vue 等框架，可能还需要触发以下事件
             element.dispatchEvent(new Event('blur'));
             element.dispatchEvent(new KeyboardEvent('keyup', { key: 'Enter' }));
         }
-        const findLabelForInput = (label) => {
+    const findLabelForInput = (label) => {
             let p = label.parentElement
-            for (let i = 0; i < 10; i++) {
+      for (let i = 0; i < 10; i++) {
                 const input = p.getElementsByTagName('input')
-                if (input.length > 0) {
+        if (input.length > 0) {
                     return input[0]
-                }
+        }
                 p = p.parentElement
-            }
+      }
             return null
         }
-        const findLabelForTag = (label, tag) => {
+    const findLabelForTag = (label, tag) => {
             let p = label.parentElement
-            for (let i = 0; i < 10; i++) {
+      for (let i = 0; i < 10; i++) {
                 const input = p.getElementsByTagName('input')
-                if (input.length > 0) {
+        if (input.length > 0) {
                     return input[0]
-                }
+        }
                 p = p.parentElement
-            }
+      }
             return null
         }
-        const findLabelForSpan = (label) => {
+    const findLabelForSpan = (label) => {
             let p = label.parentElement
-            for (let i = 0; i < 10; i++) {
+      for (let i = 0; i < 10; i++) {
                 const span = p.getElementsByTagName('span')
-                if (span.length > 0) {
+        if (span.length > 0) {
                     return [...span]
-                }
+        }
                 p = p.parentElement
-            }
+      }
             return null
         }
-        const simulateCompleteUserAction = async (clickElement, inputElement, inputText, tdTitle) => {
-            // 1. 模拟鼠标弹起事件
-            const simulateMouseUp = (element) => {
+    const simulateCompleteUserAction = async (clickElement, inputElement, inputText, tdTitle) => {
+      // 1. 模拟鼠标弹起事件
+      const simulateMouseUp = (element) => {
                 const mouseUpEvent = new MouseEvent('mouseup', {
-                    bubbles: true,
-                    cancelable: true,
-                    view: window,
-                    button: 0,
-                    buttons: 0,
-                    clientX: 0,
-                    clientY: 0,
-                    detail: 1
-                });
-                element.dispatchEvent(mouseUpEvent);
-            };
-            // 123456qq?
-            // 2. 模拟键盘输入
-            const simulateTyping = async (element, text, delay = 50) => {
-                element.focus();
-                for (let char of text) {
-                    await new Promise(resolve => setTimeout(resolve, delay));
-
-                    // 按键按下
+          bubbles: true,
+          cancelable: true,
+          view: window,
+          button: 0,
+          buttons: 0,
+          clientX: 0,
+          clientY: 0,
+          detail: 1
+        });
+        element.dispatchEvent(mouseUpEvent);
+      };
+      // 123456qq?
+      // 2. 模拟键盘输入
+      const simulateTyping = async (element, text, delay = 50) => {
+        element.focus();
+        for (let char of text) {
+          await new Promise(resolve => setTimeout(resolve, delay));
+
+          // 按键按下
                     const keydownEvent = new KeyboardEvent('keydown', {
-                        key: char,
-                        code: `Key${char.toUpperCase()}`,
-                        bubbles: true,
-                        cancelable: true
-                    });
-                    element.dispatchEvent(keydownEvent);
+            key: char,
+            code: `Key${char.toUpperCase()}`,
+            bubbles: true,
+            cancelable: true
+          });
+          element.dispatchEvent(keydownEvent);
 
-                    // 更新输入值
-                    element.value += char;
+          // 更新输入值
+          element.value += char;
 
-                    // 触发输入事件
+          // 触发输入事件
                     const inputEvent = new InputEvent('input', {
-                        bubbles: true,
-                        cancelable: true,
-                        data: char,
+            bubbles: true,
+            cancelable: true,
+            data: char,
                         inputType: 'insertText'
-                    });
-                    element.dispatchEvent(inputEvent);
+          });
+          element.dispatchEvent(inputEvent);
 
-                    // 按键弹起
+          // 按键弹起
                     const keyupEvent = new KeyboardEvent('keyup', {
-                        key: char,
-                        code: `Key${char.toUpperCase()}`,
-                        bubbles: true,
-                        cancelable: true
-                    });
-                    element.dispatchEvent(keyupEvent);
-                }
+            key: char,
+            code: `Key${char.toUpperCase()}`,
+            bubbles: true,
+            cancelable: true
+          });
+          element.dispatchEvent(keyupEvent);
+        }
 
-                // 触发change事件
+        // 触发change事件
                 element.dispatchEvent(new Event('change', { bubbles: true }));
-            };
-
-            // 3. 查找td元素
-            const findTdByTitle = (title, timeout = 5000) => {
-                return new Promise((resolve, reject) => {
-                    const startTime = Date.now();
-
-                    const find = () => {
-                        const td = document.querySelector(`td[title="${title}"]`);
-                        if (td) {
-                            resolve(td);
-                            return;
-                        }
+      };
+
+      // 3. 查找td元素
+      const findTdByTitle = (title, timeout = 5000) => {
+        return new Promise((resolve, reject) => {
+          const startTime = Date.now();
+
+          const find = () => {
+            const td = document.querySelector(`td[title="${title}"]`);
+            if (td) {
+              resolve(td);
+              return;
+            }
 
-                        if (Date.now() - startTime > timeout) {
-                            reject(new Error(`未找到title为"${title}"的td元素`));
-                            return;
-                        }
+            if (Date.now() - startTime > timeout) {
+              reject(new Error(`未找到title为"${title}"的td元素`));
+              return;
+            }
 
-                        requestAnimationFrame(find);
-                    };
+            requestAnimationFrame(find);
+          };
 
-                    find();
-                });
-            };
+          find();
+        });
+      };
 
-            // 4. 模拟点击事件
-            const simulateClick = (element) => {
+      // 4. 模拟点击事件
+      const simulateClick = (element) => {
                 const clickEvent = new MouseEvent('click', {
-                    bubbles: true,
-                    cancelable: true,
-                    view: window,
-                    detail: 1
-                });
-                element.dispatchEvent(clickEvent);
-            };
+          bubbles: true,
+          cancelable: true,
+          view: window,
+          detail: 1
+        });
+        element.dispatchEvent(clickEvent);
+      };
 
-            try {
-                // 执行操作序列
+      try {
+        // 执行操作序列
 
-                // 1. 触发鼠标弹起
-                simulateMouseUp(clickElement);
-                await new Promise(resolve => setTimeout(resolve, 100));
+        // 1. 触发鼠标弹起
+        simulateMouseUp(clickElement);
+        await new Promise(resolve => setTimeout(resolve, 100));
 
-                // 2. 模拟键盘输入
-                await simulateTyping(inputElement, inputText);
-                await new Promise(resolve => setTimeout(resolve, 200));
+        // 2. 模拟键盘输入
+        await simulateTyping(inputElement, inputText);
+        await new Promise(resolve => setTimeout(resolve, 200));
 
-                // 3. 查找并点击td元素
-                // const tdElement = await findTdByTitle(tdTitle);
+        // 3. 查找并点击td元素
+        // const tdElement = await findTdByTitle(tdTitle);
 
                 const enterKeyEvent = new KeyboardEvent('keydown', {
                     key: 'Enter',       // 事件键名
                     code: 'Enter',      // 物理按键编码
-                    keyCode: 13,        // 传统键码（Enter键为13）
-                    which: 13,          // 同keyCode
-                    bubbles: true,      // 允许事件冒泡
-                    cancelable: true    // 允许事件被取消
-                });
-                setTimeout(() => {
-                    inputElement.dispatchEvent(enterKeyEvent);
+          keyCode: 13,        // 传统键码（Enter键为13）
+          which: 13,          // 同keyCode
+          bubbles: true,      // 允许事件冒泡
+          cancelable: true    // 允许事件被取消
+        });
+        setTimeout(() => {
+          inputElement.dispatchEvent(enterKeyEvent);
                 }, 0)
-                await new Promise(resolve => setTimeout(resolve, 500));
-                return true;
-            } catch (error) {
-                throw error;
-            }
-        };
-        function formatDate(date) {
-            // 直接创建北京时间的日期对象
-            const d = new Date(date);
-
-            // 获取年、月、日
-            const year = d.getFullYear();
+        await new Promise(resolve => setTimeout(resolve, 500));
+        return true;
+      } catch (error) {
+        throw error;
+      }
+    };
+
+    function formatDate(date) {
+      // 直接创建北京时间的日期对象
+      const d = new Date(date);
+
+      // 获取年、月、日
+      const year = d.getFullYear();
             const month = String(d.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要加1
             const day = String(d.getDate()).padStart(2, '0');
 
-            return `${year}-${month}-${day}`;
-        }
+      return `${year}-${month}-${day}`;
+    }
 
     },
 });