Agent Failure Doctor - RPA Cockpit

本地优先 · 无遥测

今天要做什么？

只保留三个常用入口。高级 RPA、Android、Worker 和设置仍在左侧。

正在读取本地状态…

鈿?鍏ㄥ钩鍙扮數鍟?ERP RPA 杩愯棰勬

馃敀鏈湴闅旂璇婃柇锛堣处鍙枫€丆ookie銆乀oken 涓嶄笂浼狅級

涓€绔欏紡 RPA 棰勬宸ヤ綔鍙帮細璐村叆鐩爣缃戦〉銆佹棫鑴氭湰銆佹姤閿欐棩蹇楁垨绾姩浣滄楠わ紝鐢熸垚鍙瘯璺戠殑 Playwright / 褰卞垁 / Appium 鎭㈠寤鸿銆傜櫥褰曟€併€佹诞灞傘€佺瓑寰呫€佽瘉鎹€侀槦鍒楀拰缁窇閮藉繀椤荤粡杩囪瘯璺戞垨浜哄伐纭鍚庡啀杩涘叆鎵归噺銆?

馃搵宸叉湁浠ｇ爜 / 鏁呴殰鏃ュ織 / 褰卞垁鍔ㄤ綔姝ラ (鍙€?锛?

馃枼锔?杩愯鏈熻瘖鏂棩蹇?(Live Logs)锛?
              </label>
              <div class="terminal" id="term-logs">
                <div class="terminal-line">[System] RPA 鏈湴棰勬宸ヤ綔鍙板氨缁€?/div>
                <div class="terminal-line">[System] 棰勬缁撴灉鍙綔涓哄缓璁紱鐪熷疄杩愯浠ヨ瘯璺戙€佽瘉鎹拰浜哄伐纭涓哄噯銆?/div>
              </div>
              <div id="android-recorder-panel-stale" style="display: none;">
                <div style="display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 10px;">
                  <button id="btn-android-scan" style="background: var(--accent-blue); color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鎵弿璁惧</button>
                  <button id="btn-android-connect-mumu" style="background: #ffffff; color: #0369a1; border: 1.5px solid #bae6fd; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">杩炴帴 MuMu</button>
                  <select id="android-device-select" style="flex: 1; min-width: 220px; padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 8px;">
                    <option value="">鏈€夋嫨璁惧</option>
                  </select>
                  <button id="btn-android-refresh-screen" style="background: #ffffff; color: #166534; border: 1.5px solid #bbf7d0; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鎴浘鍏滃簳</button>
                  <button id="btn-android-dump-ui" style="background: #7c3aed; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鎶撴帶浠舵爲</button>
                  <button id="btn-android-live-mirror" style="background: #2563eb; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">瀹炴椂鎶曞睆</button>
                  <button id="btn-android-screen-record" style="background: #0f766e; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">寮€濮嬪綍灞?/button>
                  <button id="btn-android-screen-record-stop" style="display:none; background: #ef4444; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鍋滄褰曞睆</button>
                  <button id="btn-android-optimize-locators" style="background: #10b981; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">涓€閿紭鍖栧畾浣?/button>
                  <button id="btn-android-replay-next" style="background: #0ea5e9; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鍥炴斁涓嬩竴姝?/button>
                  <button id="btn-android-replay-continuous" style="background: #0284c7; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">杩炵画鍥炴斁</button>
                  <button id="btn-android-replay-stop" style="display: none; background: #ef4444; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鍋滄鍥炴斁</button>
                  <select id="android-replay-speed" title="鍥炴斁閫熷害" style="padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 8px; font-weight: 700;">
                    <option value="safe" selected>淇濆畧鑺傚</option>
                    <option value="normal">姝ｅ父鑺傚</option>
                    <option value="fast">蹇€熼獙璇?/option>
                  </select>
                  <details style="position: relative;">
                    <summary style="list-style: none; background: #eef2ff; color: #4338ca; border: 1.5px solid #c7d2fe; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">璇婃柇宸ュ叿 鈻?/summary>
                    <div style="position: absolute; z-index: 20; right: 0; margin-top: 6px; min-width: 150px; display: flex; flex-direction: column; gap: 6px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px; box-shadow: 0 10px 25px rgba(15,23,42,.12);">
                      <button id="btn-android-appium-check" style="background: #ffffff; color: #7c3aed; border: 1.5px solid #ddd6fe; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鐜妫€娴?/button>
                      <button id="btn-android-appium-dry-run" style="background: #eef2ff; color: #4338ca; border: 1.5px solid #c7d2fe; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">楠岃瘉瀹氫綅</button>
                    </div>
                  </details>
                  <details style="position: relative;">
                    <summary style="list-style: none; background: #f8fafc; color: #334155; border: 1.5px solid #cbd5e1; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鎵嬪姩琛ュ姩浣?鈻?/summary>
                    <div style="position: absolute; z-index: 20; right: 0; margin-top: 6px; min-width: 120px; display: flex; flex-direction: column; gap: 6px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px; box-shadow: 0 10px 25px rgba(15,23,42,.12);">
                      <button id="btn-android-swipe-up" style="background: #f0fdf4; color: #15803d; border: 1.5px solid #bbf7d0; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">婊戝姩</button>
                      <button id="btn-android-long-press" style="background: #fff7ed; color: #c2410c; border: 1.5px solid #fed7aa; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">闀挎寜</button>
                      <button id="btn-android-back" style="background: #ffffff; color: #334155; border: 1.5px solid #cbd5e1; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">杩斿洖</button>
                    </div>
                  </details>
                </div>
                <div style="display: grid; grid-template-columns: minmax(240px, 360px) 1fr; gap: 12px; align-items: start;">
                  <div style="background: #0f172a; border-radius: 10px; padding: 8px; min-height: 360px; display: flex; align-items: center; justify-content: center;">
                    <img id="android-device-screen" alt="Android device screen" style="max-width: 100%; max-height: 560px; object-fit: contain; cursor: crosshair; display: none;">
                    <span id="android-screen-empty" style="color: #94a3b8; font-size: 13px;">瀹炴椂鎶曞睆浼氬脊鍑虹嫭绔嬬獥鍙ｏ紱杩欓噷浠呬綔鎴浘鍏滃簳</span>
                  </div>
                  <div style="display: flex; flex-direction: column; gap: 10px;">
                    <div style="background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 10px;">
                      <strong style="font-size: 13px;">璁惧鐘舵€?/strong>
                      <div id="android-device-status" style="font-size: 12.5px; color: var(--text-muted); margin-top: 6px;">鏈壂鎻?/div>
                    </div>
                    <div style="background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 10px;">
                      <strong style="font-size: 13px;">鎺т欢鏍戞憳瑕?/strong>
                      <div id="android-uiautomator-summary" style="font-size: 12.5px; color: var(--text-muted); margin-top: 6px;">鏈姄鍙?/div>
                    </div>
                    <pre id="android-script-preview" style="background: #0f172a; color: #e2e8f0; border-radius: 8px; padding: 10px; min-height: 180px; max-height: 260px; overflow: auto; font-size: 12px;"># Android ADB / Appium 鑴氭湰浼氬湪杩欓噷鐢熸垚</pre>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

<div class="cockpit-container">
          
          <div class="cockpit-panel">
            <h3>馃搳 棰勬涓庤瘉鎹洓绾х湅鏉?/h3>
            <p style="font-size: 14px; color: var(--text-muted); margin-bottom: 12px;">鏈湴棰勬鍚庡睍绀鸿瘉鎹厖鍒嗗害銆佽繍琛岄闄╁拰浜哄伐鎺ョ鐐癸細</p>

<div class="scorecard-grid">
              <div class="scorecard-card">
                <div class="scorecard-title">涓€绾э細杈撳叆鏉愭枡</div>
                <div class="scorecard-status" id="status-l1">-</div>
              </div>
              <div class="scorecard-card">
                <div class="scorecard-title">浜岀骇锛氳繍琛岀幆澧?/div>
                <div class="scorecard-status" id="status-l2">-</div>
              </div>
              <div class="scorecard-card">
                <div class="scorecard-title">涓夌骇锛氭楠ょǔ瀹氭€?/div>
                <div class="scorecard-status" id="status-l3">-</div>
              </div>
              <div class="scorecard-card">
                <div class="scorecard-title">鍥涚骇锛氳瘉鎹?Ops</div>
                <div class="scorecard-status" id="status-l4">-</div>
              </div>
            </div>

<div style="margin-top: 25px;">
              <h4>馃搵 瀹¤缁撹鎶ュ憡 (Audit Overview)</h4>
              <div id="audit-summary-desc" style="font-size: 14px; color: var(--text-muted); line-height: 1.7; margin-top: 10px;">
                鏆傛棤鍒嗘瀽缁撴灉銆傝鍦ㄤ笂鏂硅緭鍏ラ摼鎺?鏃т唬鐮佸苟鐐瑰嚮鍒嗘瀽鎸夐挳銆?
              </div>
            </div>
          </div>

<div class="cockpit-panel">
            <h3>馃洜锔?RPA 鍙楁帶鎭㈠寤鸿涓績</h3>
            <p style="font-size: 14px; color: var(--text-muted); margin-bottom: 12px;">鏍规嵁褰曞埗姝ラ銆侀敊璇棩蹇楀拰璇佹嵁锛岀敓鎴愰渶瑕佽瘯璺戦獙璇佺殑 Python 鑴氭湰銆佸奖鍒€姝ラ鎴栫Щ鍔ㄧ Appium 寤鸿锛?/p>

<div class="rpa-code-tabs">
              <button class="rpa-code-tab active-code-tab" data-lang="python-playwright">Python Playwright</button>
              <button class="rpa-code-tab" data-lang="shadowbot-js">褰卞垁姝ラ</button>
              <button class="rpa-code-tab" data-lang="appium-mobile">绉诲姩绔?Appium 鑷姩鍖?/button>
            </div>

<div id="code-safeguard-bar" style="display: none; align-items: center; gap: 8px; margin-bottom: 15px; background: rgba(16, 185, 129, 0.08); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 6px; padding: 10px 14px; font-size: 13px;">
              <strong style="color: #10b981; display: flex; align-items: center; gap: 4px;">馃洝锔?杩愯鍓嶆鏌?</strong>
              <span style="color: #10b981; font-weight: 700; background: rgba(16, 185, 129, 0.15); padding: 2px 8px; border-radius: 4px;">鍗忚灞? PASS</span>
              <span style="color: #10b981; font-weight: 700; background: rgba(16, 185, 129, 0.15); padding: 2px 8px; border-radius: 4px;">娌欑灞? PASS</span>
              <span style="color: #10b981; font-weight: 700; background: rgba(16, 185, 129, 0.15); padding: 2px 8px; border-radius: 4px;">琛屼负灞? PASS</span>
              <span style="color: #10b981; font-weight: 700; background: rgba(16, 185, 129, 0.15); padding: 2px 8px; border-radius: 4px;">鍚堣灞? PASS</span>
            </div>

<div class="code-container">
              <button class="copy-btn" id="btn-copy-code">Copy</button>
              <pre class="code-block" id="code-content"># 鍑嗗灏辩华銆傜瓑寰呭垎鏋愮粨鏋滅敓鎴愪唬鐮?..</pre>
            </div>
          </div>
        </div>
      </section>

<section id="dashboard" class="panel">
        <div class="cockpit-panel full-width-panel" style="margin-bottom: 24px;">
          <h3>馃搳 RPA 鏃ュ織璇婃柇</h3>
          <p id="status" style="font-size: 14.5px; color: var(--text-muted); margin-bottom: 0;">Loading local console status...</p>
        </div>

<div id="dashboard-main-view">
          
          <div id="reports" class="dashboard-grid" style="margin-bottom: 28px;">
            
          </div>

<div class="card" style="margin-top: 25px; padding: 26px; border: 2px dashed var(--primary-glow); background: rgba(14, 165, 233, 0.02); border-radius: 16px; margin-bottom: 28px;">
            <h4 style="margin: 0 0 8px; color: var(--primary-glow); font-size: 16px; font-weight: 800; display: flex; align-items: center; gap: 6px;">馃摛 瀵煎叆鏃ュ織/璇婃柇鎶ュ憡 (Import Local Report)</h4>
            <p style="font-size: 14px; color: var(--text-muted); margin-bottom: 16px; line-height: 1.5;">鐐瑰嚮涓嬫柟鎸夐挳锛屽湪寮瑰嚭鐨勭獥鍙ｄ腑閫夋嫨鍖呭惈 <code>diagnosis.json</code> 鐨勬湰鍦拌瘖鏂姤鍛婃枃浠跺す锛?/p>
            <div style="display: flex; gap: 14px; align-items: center;">
              <button id="btn-select-folder-import" style="background: linear-gradient(135deg, var(--primary-glow) 0%, var(--secondary-glow) 100%); color: #ffffff; border: none; padding: 14px 28px; border-radius: 10px; font-size: 14.5px; font-weight: 700; cursor: pointer; transition: all 0.2s; box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25); display: flex; align-items: center; gap: 6px;">馃搧 寮瑰嚭绐楀彛閫夋嫨骞跺鍏?/button>
              <div style="color: var(--text-muted); font-size: 13.5px;">鎴栨墜鍔ㄨ緭鍏ヨ矾寰勶細</div>
              <input type="text" id="import-report-path" style="flex: 1; padding: 12px 18px; border: 1.5px solid #cbd5e1; border-radius: 10px; font-size: 14px; outline: none; transition: border-color 0.2s; background: #ffffff;" placeholder="杈撳叆鎶ュ憡鏂囦欢澶硅矾寰?..">
              <button id="btn-submit-import" style="background: #ffffff; color: var(--secondary-glow); border: 1.5px solid rgba(14, 165, 233, 0.4); padding: 12px 24px; border-radius: 10px; font-size: 14px; font-weight: 700; cursor: pointer; transition: all 0.2s;">鎵嬪姩瀵煎叆</button>
            </div>
            <div id="import-msg" style="font-size: 13px; margin-top: 12px; font-weight: 700; display: block; min-height: 18px;"></div>
          </div>
        </div>

<div id="panoramic-view-container" style="display: none; margin-top: 30px;">
          <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 2.5px solid var(--border-color); padding-bottom: 14px; margin-bottom: 24px;">
            <h2 id="panoramic-title" style="font-size: 22px; font-weight: 850; color: var(--text-main); margin: 0; display: flex; align-items: center; gap: 10px;">馃攷 璇婃柇鎶ュ憡鍏ㄦ櫙棰勮: Loading...</h2>
            <button id="btn-close-panoramic" style="background: #f1f5f9; color: var(--text-main); border: 1px solid #cbd5e1; padding: 8px 16px; border-radius: 8px; font-weight: 700; cursor: pointer; font-size: 13.5px; transition: all 0.2s;">杩斿洖鎶ュ憡鍒楄〃 鉁?/button>
          </div>

<div id="record-generated-script-panel" class="cockpit-panel">
              <h3 style="color: var(--secondary-glow);">预检线索 (Precheck Clues)</h3>
              <div class="ai-explain-bubble">
                <strong>馃 AI 澶х櫧璇濅汉璇濈炕璇戯細</strong>
                <span id="explain-diagnosis">绯荤粺姝ｅ湪瑙ｆ瀽璇ラ」鏁版嵁锛屼负鎮ㄥ噯澶囩畝鏄庣殑浜烘枃姒傛嫭璇存槑...</span>
              </div>
              <details class="tech-details-details">
                <summary>馃搨 鏌ョ湅搴曞眰鎶€鏈棩蹇椾笌 JSON 鍘熷璇佹嵁</summary>
                <pre id="json-diagnosis" style="background: var(--terminal-bg); color: #f8fafc; padding: 16px; border-radius: 8px; font-family: monospace; font-size: 13px; max-height: 250px; overflow-y: auto; margin-top: 10px;"></pre>
              </details>
            </div>

<div id="record-apk-repair-panel" class="cockpit-panel">
              <h3 style="color: var(--accent-blue);">馃敆 杩愯鏈熻瘉鎹摼涓庢帶鍒跺彴鏃ュ織 (Evidence Chain)</h3>
              <div class="ai-explain-bubble">
                <strong>馃 AI 澶х櫧璇濅汉璇濈炕璇戯細</strong>
                <span id="explain-evidence">绯荤粺鎶撳彇鍒颁簡绋嬪簭宕╂簝鐜板満鐨勬暟鎹寚绾广€備富瑕佹槸鍥犱负鎸夐挳閫夋嫨鍣紙Selector锛夊畾浣嶄笉鍒般€佹垨鏄〉闈㈡覆鏌撳お鎱㈠彂鐢熷姞杞借秴鏃躲€?/span>
              </div>
              <details class="tech-details-details">
                <summary>馃搨 鏌ョ湅搴曞眰鎶€鏈棩蹇椾笌 JSON 鍘熷璇佹嵁</summary>
                <pre id="json-evidence" style="background: var(--terminal-bg); color: #f8fafc; padding: 16px; border-radius: 8px; font-family: monospace; font-size: 13px; max-height: 250px; overflow-y: auto; margin-top: 10px;"></pre>
              </details>
            </div>

<div class="cockpit-panel">
              <h3 style="color: var(--accent-green);">馃洝锔?瀹夊叏涓庡悎瑙勫鏌ユ姤鍛?(Security & Compliance)</h3>
              <div class="ai-explain-bubble">
                <strong>馃 AI 澶х櫧璇濅汉璇濈炕璇戯細</strong>
                <span id="explain-safety">瀹夊叏瀹℃煡璇存槑锛氬皻鏈鍙栧埌瀹屾暣瀹夊叏璇佹嵁锛屼笉鑳借涓虹敓浜ф斁琛屻€傚彂甯冦€佹敼浠枫€佹墸娆俱€佹壒閲忓洖鍐欑瓑鍔ㄤ綔浠嶉渶 dry-run銆佺暀璇佸拰浜哄伐纭銆?/span>
              </div>
              <details class="tech-details-details">
                <summary>馃搨 鏌ョ湅搴曞眰鎶€鏈棩蹇椾笌 JSON 鍘熷璇佹嵁</summary>
                <pre id="json-safety" style="background: var(--terminal-bg); color: #f8fafc; padding: 16px; border-radius: 8px; font-family: monospace; font-size: 13px; max-height: 250px; overflow-y: auto; margin-top: 10px;"></pre>
              </details>
            </div>

<div class="cockpit-panel">
              <h3 style="color: var(--accent-purple);">馃┕ 鍙楁帶鎭㈠寤鸿 (Repair Plan)</h3>
              <div class="ai-explain-bubble">
                <strong>馃 AI 澶х櫧璇濅汉璇濈炕璇戯細</strong>
                <span id="explain-patch">鎭㈠寤鸿锛氬綋鍓嶅彧鐢熸垚鍙瘯璺戠殑瀹氫綅銆佺瓑寰呭拰璇佹嵁寤鸿锛涘繀椤诲厛鐢ㄦ祴璇曡处鍙锋垨鍗曟潯鏁版嵁楠岃瘉锛岄€氳繃鍚庡啀鑰冭檻鍏ラ槦銆?/span>
              </div>
              <details class="tech-details-details">
                <summary>馃搨 鏌ョ湅搴曞眰鎶€鏈棩蹇椾笌 JSON 鍘熷璇佹嵁</summary>
                <pre id="json-patch" style="background: var(--terminal-bg); color: #f8fafc; padding: 16px; border-radius: 8px; font-family: monospace; font-size: 13px; max-height: 250px; overflow-y: auto; margin-top: 10px;"></pre>
              </details>
            </div>

</div>
        </div>
      </section>

<section id="rpa-record" class="panel">
        <div class="cockpit-panel full-width-panel" style="margin-bottom: 24px;">
          <h3>馃帴 RPA 褰曞埗涓績</h3>
          <p style="font-size: 14px; color: var(--text-muted); margin-bottom: 0;">
            杈撳叆缃戝潃锛屼竴閿紑濮嬶紝鐒跺悗鍦ㄥ脊鍑虹殑缃戦〉閲屾甯哥偣鍑汇€傚鏉傜殑鎵归噺銆佹暟鎹簮鍜岃瘉鎹姛鑳介兘鏀惧埌楂樼骇鍖恒€?
          </p>
        </div>

<div id="simple-recording-panel" class="cockpit-panel full-width-panel" style="margin-bottom:24px; border:1.5px solid #bae6fd; background:#f8fbff;">
          <div style="display:grid; grid-template-columns:minmax(320px, 1.2fr) minmax(280px, 0.8fr); gap:18px; align-items:start;">
            <div>
              <h4 style="margin:0 0 10px;">涓€閿綉椤靛綍鍒?/h4>
              <div style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">
                <input id="simple-record-url" type="text" placeholder="绮樿创瑕佸綍鍒剁殑鐪熷疄缃戦〉鍦板潃" style="flex:1; min-width:260px; padding:14px; border:1.5px solid #cbd5e1; border-radius:8px; font-size:15px;">
                <button id="btn-simple-start-recording" style="background:var(--accent-blue); color:white; border:none; padding:14px 22px; border-radius:8px; font-weight:800; cursor:pointer;">鎵撳紑澶栭儴娴忚鍣ㄥ苟褰曞埗</button>
                <button id="btn-simple-stop-recording" style="display:none; background:var(--accent-red); color:white; border:none; padding:14px 22px; border-radius:8px; font-weight:800; cursor:pointer;">鍋滄骞剁敓鎴?/button>
                <button id="btn-simple-reopen-browser" style="display:none; background:#ffffff; color:#0369a1; border:1.5px solid #bae6fd; padding:14px 18px; border-radius:8px; font-weight:800; cursor:pointer;">娌″脊鍑猴紵閲嶆柊鎵撳紑娴忚鍣?/button>
              </div>
              <div id="simple-recording-status" style="margin-top:10px; color:#0369a1; background:#eff6ff; border:1px solid #bfdbfe; padding:9px 12px; border-radius:8px; font-size:13px; font-weight:700;">
                鍑嗗濂戒簡锛氬～缃戝潃鍚庣偣鈥滄墦寮€澶栭儴娴忚鍣ㄥ苟褰曞埗鈥濓紝娴忚鍣ㄥ脊鍑哄悗浣犲彧绠″湪缃戦〉閲岀偣銆?
              </div>
            </div>
            <div style="display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px;">
              <div data-simple-step="open" style="background:white; border:1px solid #dbeafe; border-radius:8px; padding:10px; min-height:62px;"><strong style="display:block; color:#1d4ed8;">1 鎵撳紑</strong><span style="font-size:12px; color:var(--text-muted);">杈撳叆缃戝潃</span></div>
              <div data-simple-step="record" style="background:white; border:1px solid #dbeafe; border-radius:8px; padding:10px; min-height:62px;"><strong style="display:block; color:#1d4ed8;">2 寮瑰嚭</strong><span style="font-size:12px; color:var(--text-muted);">澶栭儴娴忚鍣?/span></div>
              <div data-simple-step="click" style="background:white; border:1px solid #dbeafe; border-radius:8px; padding:10px; min-height:62px;"><strong style="display:block; color:#1d4ed8;">3 鎿嶄綔</strong><span style="font-size:12px; color:var(--text-muted);">缃戦〉閲岀偣</span></div>
              <div data-simple-step="finish" style="background:white; border:1px solid #dbeafe; border-radius:8px; padding:10px; min-height:62px;"><strong style="display:block; color:#1d4ed8;">4 鐢熸垚</strong><span style="font-size:12px; color:var(--text-muted);">鍋滄淇濆瓨</span></div>
              <button id="btn-simple-show-advanced" style="grid-column:1 / -1; background:white; color:#334155; border:1.5px solid #cbd5e1; padding:10px 12px; border-radius:8px; font-weight:800; cursor:pointer;">楂樼骇 / 鎵归噺 / 璇佹嵁</button>
            </div>
          </div>
          <div id="simple-sop-panel" style="margin-top:14px; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px;">
            <div style="background:#ffffff; border:1px solid #dbeafe; border-radius:8px; padding:12px;">
              <strong style="display:block; color:#0f172a; margin-bottom:6px;">鐧诲綍鎬?/strong>
              <div id="simple-account-status" style="font-size:12.5px; color:#64748b; min-height:18px;">鏈厤缃处鍙?/div>
              <select id="simple-account-select" aria-label="閫夋嫨鐧诲綍璐﹀彿" style="display:none; width:100%; margin-top:8px; padding:8px; border:1px solid #cbd5e1; border-radius:6px;"></select>
              <details style="margin-top:8px;">
                <summary style="cursor:pointer; color:#0369a1; font-size:12.5px; font-weight:800;">淇濆瓨/鍒囨崲璐﹀彿</summary>
                <div style="display:grid; gap:7px; margin-top:8px;">
                  <input id="simple-account-label" type="text" placeholder="璐﹀彿澶囨敞锛屼緥濡?涓昏处鍙? style="padding:8px; border:1px solid #cbd5e1; border-radius:6px;">
                  <input id="simple-account-username" type="text" placeholder="璐﹀彿 / 鎵嬫満 / 閭" style="padding:8px; border:1px solid #cbd5e1; border-radius:6px;">
                  <input id="simple-account-password" type="password" placeholder="瀵嗙爜锛氭湰鏈哄姞瀵嗕繚瀛橈紝涓嶅洖鏄? autocomplete="new-password" style="padding:8px; border:1px solid #cbd5e1; border-radius:6px;">
                  <button id="btn-simple-save-account" style="background:#0ea5e9; color:white; border:none; padding:9px 10px; border-radius:6px; font-weight:800; cursor:pointer;">淇濆瓨璐﹀彿</button>
                </div>
              </details>
            </div>
            <div style="background:#ffffff; border:1px solid #dbeafe; border-radius:8px; padding:12px;">
              <strong style="display:block; color:#0f172a; margin-bottom:6px;">椋庨櫓澶勭悊</strong>
              <div id="simple-risk-status" style="font-size:12.5px; color:#64748b; min-height:18px;">楠岃瘉鐮?婊戝潡/寮圭獥浼氭殏鍋滐紝浜哄伐澶勭悊鍚庣户缁?/div>
              <button id="btn-simple-risk-scan" style="margin-top:8px; background:#fff7ed; color:#c2410c; border:1px solid #fed7aa; padding:8px 10px; border-radius:6px; font-weight:800; cursor:pointer;">鎵弿褰撳墠椋庨櫓</button>
            </div>
            <div style="background:#ffffff; border:1px solid #dbeafe; border-radius:8px; padding:12px;">
              <strong style="display:block; color:#0f172a; margin-bottom:6px;">SOP 缁窇</strong>
              <div id="simple-sop-status" style="font-size:12.5px; color:#64748b; min-height:18px;">褰曞埗鍚庤嚜鍔ㄧ敓鎴愭楠ゅ绾?/div>
              <button id="btn-simple-build-sop" style="margin-top:8px; background:#ecfdf5; color:#047857; border:1px solid #bbf7d0; padding:8px 10px; border-radius:6px; font-weight:800; cursor:pointer;">鐢熸垚SOP濂戠害</button>
            </div>
          </div>
          <div id="advanced-recording-options" style="display:none; margin-top:14px; border-top:1px solid #dbeafe; padding-top:14px;">
            <div style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">
              <button id="btn-simple-open-workbench" style="background:#ffffff; color:#0369a1; border:1.5px solid #bae6fd; padding:9px 14px; border-radius:8px; font-weight:700; cursor:pointer;">鎵撳紑瀹屾暣宸ヤ綔鍙?/button>
            </div>
          </div>
        </div>

<div id="recording-advanced-workbench" style="display: none; grid-template-columns: 1fr 1fr; gap: 24px;">
          
          <div style="display: flex; flex-direction: column; gap: 24px;">
            
            <div class="cockpit-panel">
              <h4>馃寪 鐩爣缃戦〉涓庢帶鍒?/h4>
              <div style="display: flex; gap: 10px; margin-top: 12px; margin-bottom: 12px;">
                <input type="text" id="record-target-url" style="flex: 1; padding: 12px; border: 1.5px solid #cbd5e1; border-radius: 8px; font-size: 14px;" placeholder="璇疯緭鍏ュ綍鍒剁殑鐪熷疄缃戦〉 URL...">
                <button id="btn-record-start" style="background: var(--accent-blue); color: white; border: none; padding: 0 20px; border-radius: 8px; font-weight: 700; cursor: pointer;">寮€濮嬪綍鍒?/button>
                <button id="btn-record-replay" style="background: #10b981; color: white; border: none; padding: 0 18px; border-radius: 8px; cursor: pointer; font-weight: 800;">鍥炴斁楠岃瘉</button>
                <button id="btn-record-replay-stop" style="display:none; background: #ef4444; color: white; border: none; padding: 0 16px; border-radius: 8px; cursor: pointer; font-weight: 800;">鍋滄鍥炴斁</button>
                <button id="btn-record-stop" style="background: var(--accent-red); color: white; border: none; padding: 0 20px; border-radius: 8px; font-weight: 700; cursor: pointer;">鍋滄褰曞埗</button>
              </div>

<div id="record-mode-switch" style="display: flex; gap: 8px; margin-bottom: 12px;">
                <button id="record-mode-external" class="record-mode-btn active" data-mode="external" style="background: var(--accent-blue); color: white; border: 1.5px solid var(--accent-blue); padding: 7px 14px; border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer;">澶栭儴鍙楁帶娴忚鍣紙鎺ㄨ崘锛?/button>
                <button id="record-mode-android" class="record-mode-btn" data-mode="android" style="background: white; color: var(--text-main); border: 1.5px solid #cbd5e1; padding: 7px 14px; border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer;">Android 璁惧褰曞埗</button>
              </div>

<div id="record-browser-box" class="record-browser-box">
                <iframe id="record-iframe" style="width: 100%; height: 100%; border: none; display: none;"></iframe>

<div id="record-placeholder-overlay" style="position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f8fafc; text-align: center; padding: 20px;">
                  <div id="record-external-session" style="display: grid; gap: 8px; margin-bottom: 14px; width: min(520px, 100%); text-align: left;">
                    <div style="display: flex; justify-content: space-between; gap: 10px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px 10px;">
                      <span style="font-size: 12px; color: var(--text-muted);">褰撳墠 URL</span>
                      <strong id="record-external-current-url" style="font-size: 12px; color: var(--text-main); max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">-</strong>
                    </div>
                    <div style="display: flex; justify-content: space-between; gap: 10px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px 10px;">
                      <span style="font-size: 12px; color: var(--text-muted);">宸叉崟鑾锋楠?/span>
                      <strong id="record-external-event-count" style="font-size: 12px; color: var(--accent-blue);">0</strong>
                    </div>
                    <div style="display: flex; justify-content: space-between; gap: 10px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px 10px;">
                      <span style="font-size: 12px; color: var(--text-muted);">鏈€杩戞搷浣?/span>
                      <strong id="record-external-last-event" style="font-size: 12px; color: var(--text-main); max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">-</strong>
                    </div>
                    <div style="display: flex; justify-content: space-between; gap: 10px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px 10px;">
                      <span style="font-size: 12px; color: var(--text-muted);">瑙嗚璇佹嵁</span>
                      <strong id="record-external-visual-evidence" style="font-size: 12px; color: var(--accent-green); max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">鏈紑濮?/strong>
                    </div>
                    <img id="record-external-screenshot" alt="Web visual evidence" style="display:none; width: 100%; max-height: 190px; object-fit: contain; background: #0f172a; border: 1px solid #e2e8f0; border-radius: 8px;">
                  </div>
                  <span id="record-status-indicator" style="background: #94a3b8; color: white; padding: 4px 10px; border-radius: 4px; font-size: 12px; margin-bottom: 10px; display: inline-block;">鏈紑濮?/span>
                  <br>
                  <span id="record-status-text" style="font-size: 14px; font-weight: 700; color: var(--text-muted);">褰曞埗绐楀彛鏈浇鍏ャ€傚湪涓婃柟閫夋嫨缃戦〉骞剁偣鍑烩€滃紑濮嬪綍鍒垛€濄€?/span>
                  <p style="font-size: 12px; color: var(--text-muted); margin-top: 10px; max-width: 400px; line-height: 1.4;">
                    璇存槑锛氱湡瀹炵綉椤靛綍鍒朵細鎵撳紑鍙楁帶娴忚鍣ㄧ獥鍙ｏ紱鍦ㄥ脊鍑虹殑娴忚鍣ㄩ噷姝ｅ父鎿嶄綔锛屽钩鍙板悓姝ヨ褰曟楠や笌璇佹嵁銆?
                  </p>
                </div>
              </div>
            </div>

<div id="android-recorder-panel" style="display: none; margin-top: 12px; border: 1.5px solid #bfdbfe; border-radius: 10px; padding: 12px; background: #f8fbff;">
              <div style="font-size: 12.5px; color: var(--text-muted); margin-bottom: 8px;">瀹氫綅璐ㄩ噺锛氬己-ID / 寮?鎻忚堪 / 涓?鏂囨湰 / 寮?鍧愭爣锛汚ppium 璇曡窇鍙獙璇?locator锛屼笉鎵ц鐐瑰嚮銆?/div>
              <div style="display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 10px;">
                <button id="btn-android-scan" style="background: var(--accent-blue); color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鎵弿璁惧</button>
                <button id="btn-android-connect-mumu" style="background: #ffffff; color: #0369a1; border: 1.5px solid #bae6fd; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">杩炴帴 MuMu</button>
                <select id="android-device-select" style="flex: 1; min-width: 220px; padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 8px;">
                  <option value="">鏈€夋嫨璁惧</option>
                </select>
                <button id="btn-android-refresh-screen" style="background: #ffffff; color: #166534; border: 1.5px solid #bbf7d0; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鎴浘鍏滃簳</button>
                <button id="btn-android-dump-ui" style="background: #7c3aed; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鎶撴帶浠舵爲</button>
                <button id="btn-android-live-mirror" style="background: #2563eb; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">瀹炴椂鎶曞睆</button>
                <button id="btn-android-screen-record" style="background: #0f766e; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">寮€濮嬪綍灞?/button>
                <button id="btn-android-screen-record-stop" style="display:none; background: #ef4444; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鍋滄褰曞睆</button>
                <button id="btn-android-optimize-locators" style="background: #10b981; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">涓€閿紭鍖栧畾浣?/button>
                <button id="btn-android-replay-next" style="background: #0ea5e9; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鍥炴斁涓嬩竴姝?/button>
                <button id="btn-android-replay-continuous" style="background: #0284c7; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">杩炵画鍥炴斁</button>
                <button id="btn-android-replay-stop" style="display: none; background: #ef4444; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鍋滄鍥炴斁</button>
                <select id="android-replay-speed" title="鍥炴斁閫熷害" style="padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 8px; font-weight: 700;">
                  <option value="safe" selected>淇濆畧鑺傚</option>
                  <option value="normal">姝ｅ父鑺傚</option>
                  <option value="fast">蹇€熼獙璇?/option>
                </select>
                <button id="btn-android-touch-listen" style="background: #0f766e; color: white; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鐩戝惉鎵嬫満鐐瑰嚮</button>
                <button id="btn-android-auto-calibrate" style="background: #fff7ed; color: #c2410c; border: 1.5px solid #fed7aa; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鍧愭爣鏍″噯</button>
                <button id="btn-android-appium-check" style="background: #ffffff; color: #7c3aed; border: 1.5px solid #ddd6fe; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鐜妫€娴?/button>
                <button id="btn-android-appium-dry-run" style="background: #eef2ff; color: #4338ca; border: 1.5px solid #c7d2fe; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">楠岃瘉瀹氫綅</button>
                <details style="position: relative;">
                  <summary style="list-style: none; background: #f8fafc; color: #334155; border: 1.5px solid #cbd5e1; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">鎵嬪姩琛ュ姩浣?鈻?/summary>
                  <div style="position: absolute; z-index: 20; right: 0; margin-top: 6px; min-width: 120px; display: flex; flex-direction: column; gap: 6px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px; box-shadow: 0 10px 25px rgba(15,23,42,.12);">
                    <button id="btn-android-swipe-up" style="background: #f0fdf4; color: #15803d; border: 1.5px solid #bbf7d0; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">婊戝姩</button>
                    <button id="btn-android-long-press" style="background: #fff7ed; color: #c2410c; border: 1.5px solid #fed7aa; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">闀挎寜</button>
                    <button id="btn-android-back" style="background: #ffffff; color: #334155; border: 1.5px solid #cbd5e1; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer;">杩斿洖</button>
                  </div>
                </details>
              </div>
              <div id="android-touch-listen-status" style="font-size: 12.5px; color: #0f766e; background: #f0fdfa; border: 1px solid #99f6e4; border-radius: 8px; padding: 8px 10px; margin: 0 0 10px; display: none; width: 100%;">鎵嬫満鐐瑰嚮鐩戝惉鏈惎鍔ㄣ€?/div>
              <div style="display: grid; grid-template-columns: minmax(240px, 360px) 1fr; gap: 12px; align-items: start;">
                <div style="background: #0f172a; border-radius: 10px; padding: 8px; min-height: 360px; display: flex; align-items: center; justify-content: center;">
                  <img id="android-device-screen" alt="Android device screen" style="max-width: 100%; max-height: 560px; object-fit: contain; cursor: crosshair; display: none;">
                  <span id="android-screen-empty" style="color: #94a3b8; font-size: 13px;">瀹炴椂鎶曞睆浼氬脊鍑虹嫭绔嬬獥鍙ｏ紱杩欓噷浠呬綔鎴浘鍏滃簳</span>
                </div>
                <div style="display: flex; flex-direction: column; gap: 10px;">
                  <div style="background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 10px;">
                    <strong style="font-size: 13px;">璇嗗埆缁撴灉</strong>
                    <div id="android-current-target" style="font-size: 12.5px; color: var(--text-muted); margin-top: 6px; line-height: 1.6;">灏氭湭褰曞埗鎿嶄綔</div>
                  </div>
                  <div style="background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 10px;">
                    <strong style="font-size: 13px;">瀹氫綅鍙潬鎬?/strong>
                    <div id="android-locator-quality" style="font-size: 12.5px; color: var(--text-muted); margin-top: 6px; line-height: 1.6;">鏈娴?/div>
                  </div>
                  <div id="android-step-editor" style="display: none; background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 10px;">
                    <strong style="font-size: 13px;">瀹氫綅鏂瑰紡璋冩暣</strong>
                    <div style="font-size: 12px; color: var(--text-muted); margin-top: 5px; line-height: 1.6;">褰撹嚜鍔ㄨ瘑鍒粨鏋滀笉鍑嗙‘鏃讹紝鍙湪杩欓噷鎵嬪姩鎸囧畾鎺т欢瀹氫綅鏂瑰紡銆?/div>
                    <div style="display: grid; grid-template-columns: 120px 1fr; gap: 8px; margin-top: 8px; font-size: 12px; align-items: center;">
                      <span>瀹氫綅鏂瑰紡</span>
                      <select id="locatorEditStrategy" style="padding: 6px; border: 1px solid #cbd5e1; border-radius: 6px;">
                        <option value="id">鎺т欢 ID锛堜紭鍏堬級</option>
                        <option value="accessibility_id">鎸夐挳鎻忚堪</option>
                        <option value="android_uiautomator_text">鐣岄潰鏂囧瓧</option>
                        <option value="">鐐瑰嚮鍧愭爣</option>
                      </select>
                      <span>瀹氫綅鍊?/span>
                      <input id="locatorEditValue" style="padding: 6px; border: 1px solid #cbd5e1; border-radius: 6px;" placeholder="璇疯緭鍏ユ帶浠?ID銆佹寜閽枃瀛楁垨鎻忚堪">
                    </div>
                    <button id="btn-android-apply-locator" style="margin-top: 8px; background: #f8fafc; color: #334155; border: 1px solid #cbd5e1; padding: 6px 10px; border-radius: 6px; font-weight: 700; cursor: pointer;">搴旂敤鍒板綋鍓嶆楠?/button>
                  </div>
                  <pre id="android-script-preview" style="background: #0f172a; color: #e2e8f0; border-radius: 8px; padding: 10px; min-height: 180px; max-height: 260px; overflow: auto; font-size: 12px;"># Android ADB / Appium 鑴氭湰浼氬湪杩欓噷鐢熸垚</pre>
                </div>
              </div>
            </div>

<div class="cockpit-panel">
              <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
                <h4 style="margin: 0;">馃搵 鑷姩鐢熸垚姝ラ (Steps List)</h4>
                <button id="btn-bind-datasource" style="background: #f0fdf4; color: #16a34a; border: 1.5px solid #bbf7d0; padding: 6px 14px; border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer;">馃梻锔?缁戝畾鏁版嵁婧?/button>
              </div>
              <p style="font-size: 13px; color: var(--text-muted); margin-bottom: 14px;">杩欓噷鏄綍鍒惰崏绋挎楠わ紝鍙敤浜庣敓鎴?Playwright 妯℃澘鍒濈锛涚湡瀹炴壒閲忚繍琛屼笉寤鸿鐩存帴渚濊禆褰曞埗纭洖鏀俱€?/p>

<div id="web-pipeline-status" style="display: grid; grid-template-columns: repeat(4, minmax(120px, 1fr)); gap: 8px; margin: 10px 0 14px;">
                <div data-pipeline-card="datasource" style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:10px;">
                  <strong style="display:block; font-size:12px; color:#334155;">鏁版嵁婧?/strong>
                  <span style="font-size:12px; color:#64748b;">鏈粦瀹?/span>
                </div>
                <div data-pipeline-card="variables" style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:10px;">
                  <strong style="display:block; font-size:12px; color:#334155;">鍙橀噺</strong>
                  <span style="font-size:12px; color:#64748b;">鏈簲鐢?/span>
                </div>
                <div data-pipeline-card="waits" style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:10px;">
                  <strong style="display:block; font-size:12px; color:#334155;">绛夊緟 / 鏍￠獙</strong>
                  <span style="font-size:12px; color:#64748b;">榛樿寮€鍚?/span>
                </div>
                <div data-pipeline-card="queue" style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:10px;">
                  <strong style="display:block; font-size:12px; color:#334155;">闃熷垪 / 鍥炲啓</strong>
                  <span style="font-size:12px; color:#64748b;">鏈墽琛?/span>
                </div>
              </div>

<div id="data-binding-panel" style="display: none; background: #f0fdf4; border: 1.5px solid #bbf7d0; border-radius: 10px; padding: 16px; margin-bottom: 16px;">
                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px;">
                  <strong style="font-size: 14px; color: #15803d;">馃梻锔?缁戝畾鏁版嵁婧?/strong>
                  <button id="btn-binding-close" style="background: none; border: none; font-size: 18px; cursor: pointer; color: var(--text-muted);">脳</button>
                </div>
                <div style="display: flex; flex-direction: column; gap: 12px;">
                  <div>
                    <label style="font-size: 13px; font-weight: 700; display: block; margin-bottom: 6px;">鏁版嵁婧愮被鍨嬶細</label>
                    <div style="display: flex; gap: 8px;">
                      <button class="binding-type-btn active" data-type="feishu" style="padding: 7px 14px; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; border: 1.5px solid #16a34a; background: #16a34a; color: white;">椋炰功澶氱淮琛ㄦ牸</button>
                      <button class="binding-type-btn" data-type="excel"  style="padding: 7px 14px; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; border: 1.5px solid #cbd5e1; background: white; color: var(--text-main);">Excel / CSV</button>
                    </div>
                  </div>
                  <div id="binding-feishu-fields" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;">
                    <div>
                      <label style="font-size: 13px; font-weight: 700; display: block; margin-bottom: 4px;">椋炰功杩炴帴锛?/label>
                      <select id="binding-feishu-conn" style="width: 100%; padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 6px; font-size: 13px;">
                        <option value="">-- 璇峰厛鍦ㄨ缃〉娣诲姞椋炰功杩炴帴 --</option>
                      </select>
                    </div>
                    <div>
                      <label style="font-size: 13px; font-weight: 700; display: block; margin-bottom: 4px;">澶氱淮琛ㄦ牸 App Token锛?/label>
                      <input type="text" id="binding-app-token" style="width: 100%; padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 6px; font-size: 13px;" placeholder="base_xxx">
                    </div>
                    <div>
                      <label style="font-size: 13px; font-weight: 700; display: block; margin-bottom: 4px;">Table ID锛?/label>
                      <input type="text" id="binding-table-id" style="width: 100%; padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 6px; font-size: 13px;" placeholder="tbl_xxx">
                    </div>
                    <div>
                      <label style="font-size: 13px; font-weight: 700; display: block; margin-bottom: 4px;">瑙嗗浘 (View)锛?/label>
                      <input type="text" id="binding-view-id" style="width: 100%; padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 6px; font-size: 13px;" placeholder="寰呭彂甯冭鍥?>
                    </div>
                    <div>
                      <label style="font-size: 13px; font-weight: 700; display: block; margin-bottom: 4px;">鍞竴閿瓧娈碉細</label>
                      <input type="text" id="binding-key-field" style="width: 100%; padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 6px; font-size: 13px;" placeholder="鍟嗗搧ID / SKU">
                    </div>
                    <div>
                      <label style="font-size: 13px; font-weight: 700; display: block; margin-bottom: 4px;">鐘舵€佸瓧娈?/ 寰呭鐞嗗€硷細</label>
                      <div style="display: flex; gap: 6px;">
                        <input type="text" id="binding-status-field" style="flex:1; padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 6px; font-size: 13px;" placeholder="鐘舵€?>
                        <input type="text" id="binding-status-value" style="flex:1; padding: 8px; border: 1.5px solid #cbd5e1; border-radius: 6px; font-size: 13px;" placeholder="寰呭彂甯?>
                      </div>
                    </div>
                  </div>
                  <div id="binding-excel-fields" style="display: none; background: #ffffff; border: 1px solid #bbf7d0; border-radius: 8px; padding: 12px;">
                    <label style="font-size: 13px; font-weight: 700; display: block; margin-bottom: 8px;">Excel / CSV 鏂囦欢锛?/label>
                    <div style="display: flex; gap: 8px; align-items: center; flex-wrap: wrap;">
                      <button id="btn-binding-select-excel" style="background: var(--accent-blue); color: white; border: none; padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer;">閫夋嫨 Excel/CSV 鏂囦欢</button>
                      <input id="binding-excel-file-input" type="file" accept=".xlsx,.xls,.csv,.tsv" style="display: none;">
                      <span id="binding-excel-file-name" style="font-size: 13px; color: var(--text-muted);">鏈€夋嫨鏂囦欢</span>
                    </div>
                    <p style="font-size: 12px; color: var(--text-muted); margin: 8px 0 0;">閫夋嫨鍚庝細鑷姩璇诲彇琛ㄥご鍜岀涓€鏉℃暟鎹紝鐢ㄦ潵缁戝畾姝ラ閲岀殑銆屾爣棰?/ 姝ｆ枃 / 灏侀潰璺緞銆嶇瓑瀛楁銆?/p>
                  </div>
                  <div style="display: flex; flex-wrap: wrap; align-items: center; gap: 10px;">
                    <button id="btn-binding-run-batch" style="background: #7c3aed; color: white; border: none; padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer;">鎵归噺鎵ц</button>
                    <button id="btn-binding-export-results" style="background: #ffffff; color: #0369a1; border: 1.5px solid #bae6fd; padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer;">瀵煎嚭缁撴灉琛?/button>
                    <button id="btn-binding-save" style="background: #16a34a; color: white; border: none; padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer;">淇濆瓨缁戝畾</button>
                  </div>
                  <div id="binding-batch-simple-status" style="display:none; background:#ffffff; border:1px solid #bbf7d0; border-radius:8px; padding:12px; font-size:13px; color:#334155; font-weight:700;"></div>
                  <div id="binding-field-preview" style="display:none; background:#ffffff; border:1px solid #bbf7d0; border-radius:8px; padding:12px; font-size:12.5px; line-height:1.7;"></div>
                  <div id="binding-variable-suggestions" style="display:none; background:#ffffff; border:1px solid #bae6fd; border-radius:8px; padding:12px; font-size:12.5px; line-height:1.7;"></div>
                </div>
              </div>

<div style="margin-top: 15px; display: flex; gap: 10px;">
                <button id="btn-record-generate" style="background: var(--accent-purple); color: white; border: none; padding: 8px 16px; border-radius: 8px; cursor: pointer; font-size: 13px; font-weight: 700;">鈿欙笍 鐢熸垚 Playwright 妯℃澘</button>
              </div>
            </div>

</div>

<div style="display: flex; flex-direction: column; gap: 24px;">
            
            <div class="cockpit-panel">
              <h4>馃捇 鐢熸垚鐨?Playwright 妯℃澘鍒濈 & 褰卞垁姝ラ</h4>
              <div id="record-export-tabs" style="display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; margin-bottom: 10px;">
                <button class="record-export-tab active" data-export-tab="playwright" style="background: var(--accent-blue); color: white; border: 1.5px solid var(--accent-blue); padding: 7px 12px; border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer;">Playwright</button>
                <button class="record-export-tab" data-export-tab="adb" style="background: white; color: var(--text-main); border: 1.5px solid #cbd5e1; padding: 7px 12px; border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer;">ADB 鍥炴斁</button>
                <button class="record-export-tab" data-export-tab="appium" style="background: white; color: var(--text-main); border: 1.5px solid #cbd5e1; padding: 7px 12px; border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer;">Appium Python</button>
                <button class="record-export-tab" data-export-tab="yingdao" style="background: white; color: var(--text-main); border: 1.5px solid #cbd5e1; padding: 7px 12px; border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer;">褰卞垁姝ラ</button>
              </div>
              <div class="code-container" style="margin-top: 12px;">
                <button class="copy-btn" id="btn-copy-record-code">Copy</button>
                <pre class="code-block" id="record-code-content" style="max-height: 250px;"># 绛夊緟寮€濮嬪綍鍒舵垨瀵煎叆鏁版嵁鍚庣敓鎴愯嚜鍔ㄥ寲鑴氭湰...</pre>
              </div>
              <div style="margin-top: 12px; display: flex; gap: 10px; flex-wrap: wrap;">
                <button id="btn-save-record-script" style="background: #ffffff; color: var(--primary-glow); border: 1.5px solid var(--primary-glow); padding: 8px 16px; border-radius: 8px; cursor: pointer; font-size: 13.5px; font-weight: 700;">馃捑 淇濆瓨褰撳墠瀵煎嚭</button>
                <button id="btn-clear-record-script" style="background: #ffffff; color: var(--accent-red); border: 1.5px solid var(--accent-red); padding: 8px 16px; border-radius: 8px; cursor: pointer; font-size: 13.5px; font-weight: 700;">馃Ч 娓呯┖鏈褰曞埗</button>
              </div>
            </div>
            
            <div class="cockpit-panel">
              <h4>馃殌 璇曡窇涓庝慨澶嶄腑蹇?/h4>
              <p style="font-size: 13px; color: var(--text-muted); margin-bottom: 12px;">鐢ㄤ簬鎶婂綋鍓嶅綍鍒舵楠ゆ垨瀵煎叆鐨?APK 鏉愭枡璺戦€氥€侫ndroid 妯″紡浼氱湡瀹炴搷浣滃綋鍓嶆墜鏈猴紝璇峰厛鍋滃湪娴嬭瘯璐﹀彿鎴栧畨鍏ㄩ〉闈€?/p>
              <textarea id="record-apk-material-input" rows="4" placeholder="鍙矘璐村凡鏈?APK 鏉愭枡锛欰DB 鍥炴斁銆丄ppium Python銆佸奖鍒€姝ラ銆佸け璐ユ棩蹇楃墖娈?.." style="width: 100%; box-sizing: border-box; padding: 10px; border: 1.5px solid #cbd5e1; border-radius: 8px; margin-bottom: 10px; font-size: 13px; resize: vertical;">

[System] 璇曡窇涓庝慨澶嶄腑蹇冨噯澶囧氨缁€?/div>

馃捑淇濆瓨鍒拌繍缁翠腑蹇?/h4>

娴佺▼鍚嶇О锛?/label> 鎵€灞炵郴缁燂細璐熻矗浜猴細

杩愯棰戠巼锛?/label>

寮€鍚涔﹂€氱煡寮€鍚け璐ュ悗鍙楁帶閲嶈瘯

鈿欙笍 RPA 杩愮淮涓績

缁熶竴绠＄悊宸蹭繚瀛樼殑 RPA 娴佺▼銆侀槦鍒椼€佽瘉鎹拰浜哄伐鎺ョ鐘舵€侊紱鑷姩鎵ц鍙湪鏈満鍙楁帶鑼冨洿鍐呰繘琛岋紝澶辫触鎭㈠蹇呴』浠ョ湡瀹炶瘯璺戠粨鏋滀负鍑嗐€?

鍏ㄩ儴娴佺▼鏁?/div>

姝ｅ父杩愯

浠婃棩澶辫触

宸查獙璇佹仮澶?/div>

馃搵鍏ㄥ钩鍙?RPA 杩愯鐪嬫澘

闃熷垪 0 涓?路鐗堟湰蹇収 0 涓?路璐﹀彿闅旂 0 涓?/div>

Worker 鏈惎鍔?/span>

馃摑 RPA 宸ュ崟鐢宠

鎻愪氦閲嶅宸ヤ綔娴佺▼锛岀郴缁熻緟鍔╄瘎浼拌嚜鍔ㄥ寲鍙鎬у拰鎺掓湡銆?

馃搵鎻愪氦鏂拌嚜鍔ㄥ寲寮€鍙戦渶姹?/h4>

鐢宠浜?/label> 閮ㄩ棬

娴佺▼鍚嶇О

娑夊強绯荤粺杩愯棰戠巼

褰撳墠浜哄伐鎿嶄綔姝ラ

棰勮姣忓ぉ鑺傜渷鏃堕棿 (灏忔椂)

鏈熸湜涓婄嚎鏃堕棿

馃搵 RPA 寮€鍙戦渶姹傚伐鍗曢槦鍒?/h4>

馃洜锔?骞冲彴杩愯鍙傛暟閰嶇疆

瀹夊叏闅旂绾у埆璁剧疆锛屼笉鎻愪緵灏忕櫧闅句互瑙﹀強鐨勫鏉傞厤缃€?

馃搨鍩虹璺緞璁剧疆

榛樿杩愯宸ヤ綔鐩綍锛?/label>

璇婃柇鏃ュ織淇濆瓨鐩綍锛?/label>

娴忚鍣ㄥ綍鍒舵ā寮忥細

馃┕ 澶辫触鎭㈠涓庡彈鎺ч噸璇?/h4>
榛樿寮€鍚け璐ュ悗鍙楁帶閲嶈瘯
澶辫触鍚庨噸璺戞鏁颁笂闄愶細娆?
鑷姩澶囦唤琚慨鏀圭殑浠ｇ爜鍘熸枃浠?

馃彚椋炰功杩炴帴绠＄悊

鏆傛棤椋炰功杩炴帴锛岀偣鍑汇€屾柊澧炶繛鎺ャ€嶆坊鍔犵涓€涓€?

馃敂椋炰功 Webhook 閫氱煡

閫氱煡 Webhook URL锛?/label>

褰撳墠浠呭惎鐢?Webhook 閫氱煡銆傞涔﹂暱杩炴帴銆丠TTP 鍥炶皟鍜岀嫭绔?Worker 鏈嶅姟灏氭湭鎺ュ叆锛屽洜姝や笉鍦ㄦ灞曠ず鍙紪杈戦厤缃€?/p>

馃攳 OCR 鍥剧墖璇嗗埆鑳藉姏 (鍙€夊寮?

馃挕 OCR 涓?strong>鍙€夊寮鸿兘鍔?/strong>锛屾湭瀹夎鏃跺钩鍙版甯歌繍琛岋紝浠呭浘鐗囨潗鏂欓檷绾т负"璁板綍鍏冩暟鎹?妯″紡銆?br> 瀹夎鍚庢埅鍥?閿欒鎴浘鍙嚜鍔ㄦ彁鍙栨枃瀛楃敤浜庤瘖鏂€傝縼绉绘仮澶嶅寘锛?code>D:\鏂扮數鑴戠幆澧冩仮澶嶅寘\OCR_Runtime\

馃洝锔?瀹夊叏闅旂鏈哄埗

鏈帶鍒跺彴榛樿浠呯洃鍚湰鏈哄湴鍧€锛涘紑鍚眬鍩熺綉妯″紡鏃讹紝鍘熷鍛戒护鎵ц浼氳鎷掔粷銆?/div>

杩愯鏃ュ織鍜岃繙绔棩蹇楅瑙堜細鑴辨晱 Cookie銆乀oken銆佸瘑鐮佸拰鎺堟潈澶淬€?/div>

缃戦〉鐧诲綍璐﹀彿瀵嗙爜鐢卞綋鍓?Windows 鐢ㄦ埛鐨勬湰鏈?DPAPI 淇濇姢锛涢涔﹁繛鎺ヨ鎸夋渶灏忔潈闄愰厤缃€?/div>

馃枼锔?鐜渚濊禆璇婃柇澶х洏 (O&M Environment Check)

鑷姩渚︽祴鏈満鐨?RPA 搴曞眰鍩虹缁勪欢锛屾鏌ユ潈闄愩€佽В閲婂櫒鍜屾祻瑙堝櫒渚濊禆鏄惁婊¤冻鍙楁帶杩愯瑕佹眰锛?/p>

Python 瑙ｉ噴鍣?/strong> 杩愯 Python 褰曞埗銆佸洖鏀惧拰璇佹嵁褰掓。鐨勬牳蹇冨紩鎿?/span>

寰呮娴?/span>

Playwright 搴撲緷璧?/strong> 鐢ㄤ簬鎵ц鍚庡彴璇曡窇鐨勬祻瑙堝櫒鑷姩鍖栧伐鍏?/span>
寰呮娴?/span>

Chrome / Blink 娴忚鍣ㄥ唴鏍?/strong> 鎵ц褰曞埗鍜岃瘯璺戠殑鍙楁帶鍐呮牳鐜
寰呮娴?/span>

宸ヤ綔鐩綍鏈湴鍐欏叆鏉冮檺 鐢ㄤ簬缂撳瓨涓存椂浠ｇ爜鍜屼繚瀛樿瘖鏂枃浠?/span>
寰呮娴?/span>

鏂扮數鑴戠幆澧冩仮澶嶅寘 D:\鏂扮數鑴戠幆澧冩仮澶嶅寘锛岀敤浜庡叆鑱屾柊鐢佃剳蹇€熸仮澶?Python / Playwright / OCR / 甯哥敤宸ュ叿
寰呮娴?/span>

馃攳 OCR 鍥剧墖璇嗗埆鑳藉姏锛堝彲閫夛級

PaddleOCR Python 鍖?/strong> pip install paddleocr
寰呮娴?/span>

PaddlePaddle 鎺ㄧ悊寮曟搸 pip install paddlepaddle
寰呮娴?/span>

OCR 妯″瀷缂撳瓨 ~/.paddleocr / .paddlex 鐩綍
寰呮娴?/span>

OCR 缁煎悎鐘舵€?/strong> 灏氭湭妫€娴?/span>
寰呮娴?/span>

馃摑 RPA 杩愯鏃ュ織鏄庣粏

馃摑缂栬緫 RPA 娴佺▼閰嶇疆

娴佺▼鍚嶇О锛?/label>

鎵€灞炵郴缁燂細

璐熻矗浜猴細

杩愯棰戠巼锛?/label>

杩愯鍛戒护锛?/label>

宸ヤ綔鐩綍锛?/label>

澶辫触閲嶈瘯锛?/label>

璐﹀彿闅旂 ID锛?/label>

鐜閰嶇疆锛?/label>

寮€鍚畾鏃惰皟搴?
闂撮殧鍒嗛挓锛?/label>

纭鎿嶄綔

纭缁х画锛?/h4>
姝ゆ搷浣滈渶瑕佷綘鐨勭‘璁ゃ€?/p>

濉啓閰嶇疆

杈撳叆淇℃伅

璇峰～鍐欏繀瑕佷俊鎭€?/p>

娴佺▼鐗堟湰

蹇収涓庡洖婊?/h4>
閫夋嫨涓€涓巻鍙茬増鏈悗鍐嶅洖婊氥€?/p>

淇璇婃柇

鍏堣瘖鏂紝鍐嶄慨澶嶈瘯璺?/h4>
骞冲彴浼氬厛纭鏄惁鍏峰淇鏉′欢锛屽啀鍒涘缓蹇収骞剁湡瀹炶瘯璺戙€?/p>

今天要做什么？

鈿?鍏ㄥ钩鍙扮數鍟?ERP RPA 杩愯棰勬

鈿欙笍 RPA 杩愮淮涓績

馃搵 鍏ㄥ钩鍙?RPA 杩愯鐪嬫澘

馃摑 RPA 宸ュ崟鐢宠

馃搵 RPA 寮€鍙戦渶姹傚伐鍗曢槦鍒?/h4>

馃洜锔?骞冲彴杩愯鍙傛暟閰嶇疆

馃搨 鍩虹璺緞璁剧疆

馃┕ 澶辫触鎭㈠涓庡彈鎺ч噸璇?/h4> 榛樿寮€鍚け璐ュ悗鍙楁帶閲嶈瘯 澶辫触鍚庨噸璺戞鏁颁笂闄愶細 娆? 鑷姩澶囦唤琚慨鏀圭殑浠ｇ爜鍘熸枃浠?

馃彚 椋炰功杩炴帴绠＄悊

馃敂 椋炰功 Webhook 閫氱煡