<subtitle type="html"> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Пандора CRM — Часть 4</title> <style> #pd-root{--bg:#f2f2f4;--panel:#fff;--panel2:#fafafb;--card:#fff;--txt:#1a1a1e;--txt-strong:#0d0d11;--dim:#52525a;--muted:#6e6e78;--pink:#c2185b;--green:#2e7d32;--gold:#a36a00;--orange:#d84e00;--violet:#5e35b1;--red:#c62828;--blue:#1565c0;--line:#d7d7dd;--line-strong:#b8b8c2;--shadow:0 1px 3px rgba(20,20,30,.08);--fd:'Unbounded','Arial Black',sans-serif;--fb:'Inter',system-ui,sans-serif;--fm:'JetBrains Mono',monospace} #pd-root *,#pd-root *::before,#pd-root *::after{box-sizing:border-box;margin:0;padding:0} #pd-root{font-family:var(--fb);background:var(--bg);color:var(--txt);min-height:100vh;line-height:1.55} #pd-root .sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:50;background:var(--panel);border-right:2px solid var(--line-strong);overflow-y:auto;overflow-x:hidden;padding-bottom:30px} #pd-root .logo{padding:22px 20px 18px;font-size:1.4rem;font-weight:800;color:var(--txt-strong);font-family:var(--fd);border-bottom:3px solid var(--pink)} #pd-root .logo .crm{font-size:.78rem;font-weight:700;color:var(--pink);margin-left:6px;letter-spacing:3px} #pd-root .nav-section{padding:18px 20px 8px;font-size:.68rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)} #pd-root .nav-section.ns-blue{color:var(--blue)} #pd-root .nav-section.ns-pink{color:var(--pink)} #pd-root .nav-section.ns-orange{color:var(--orange)} #pd-root .nav-section.ns-gold{color:var(--gold)} #pd-root .nav-link{display:flex;align-items:center;gap:8px;margin:3px 10px;padding:10px 12px;text-decoration:none;font-size:.88rem;font-weight:600;border-radius:8px;border:1px solid transparent;transition:background .18s,color .18s;cursor:pointer;color:var(--txt)} #pd-root .nav-link:hover{background:var(--panel2);color:var(--txt-strong)} #pd-root .nav-link.active{background:var(--pink);border-color:var(--pink);color:#fff;font-weight:700} #pd-root .nav-link .badge-count{margin-left:auto;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--pink);color:#fff;min-width:22px;text-align:center} #pd-root .nav-link.active .badge-count{background:#fff;color:var(--pink)} #pd-root .main-content{margin-left:280px;min-height:100vh;padding:0 26px 60px} #pd-root .topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 4px;margin-bottom:8px;background:var(--bg);border-bottom:2px solid var(--line-strong)} #pd-root .breadcrumbs{font-size:.95rem;font-weight:800;color:var(--txt-strong)} #pd-root .section{display:none} #pd-root .section.active{display:block;animation:pdFade .25s ease} @keyframes pdFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}} #pd-root .section-title{margin:0 0 1.4rem;font-size:1.55rem;font-weight:800;color:var(--txt-strong);font-family:var(--fd);padding-bottom:12px;border-bottom:3px solid var(--pink)} #pd-root .section-title .accent{color:var(--gold)} #pd-root .section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:20px} #pd-root .section-header .section-title{margin:0;border:none;padding:0} #pd-root .btn{padding:.6rem 1.1rem;border:none;border-radius:8px;font-size:.88rem;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(90deg,var(--orange),var(--pink));transition:filter .2s,transform .15s;font-family:var(--fb)} #pd-root .btn:hover{filter:brightness(1.08);transform:translateY(-1px)} #pd-root .btn:active{transform:translateY(1px)} #pd-root .btn-secondary{background:var(--muted)} #pd-root .btn-o{background:var(--panel);color:var(--txt);border:2px solid var(--line-strong)} #pd-root .btn-o:hover{border-color:var(--violet);color:var(--violet)} #pd-root .btn-green{background:linear-gradient(90deg,var(--green),#1b5e20)} #pd-root .btn-violet{background:linear-gradient(90deg,var(--violet),#4527a0)} #pd-root .btn-d{background:var(--red)} #pd-root .btn-s{padding:.35rem .7rem;font-size:.8rem} #pd-root .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:24px} #pd-root .stat-card{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;padding:18px;box-shadow:var(--shadow);border-top:4px solid var(--line-strong)} #pd-root .stat-card .label{font-size:.7rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px} #pd-root .stat-card .value{font-family:var(--fd);font-size:1.5rem;font-weight:800;color:var(--txt-strong)} #pd-root .stat-card .sub{font-size:.78rem;color:var(--dim);margin-top:4px;font-weight:600} #pd-root .stat-card.gold{border-top-color:var(--gold)}.stat-card.gold .value{color:var(--gold)} #pd-root .stat-card.green{border-top-color:var(--green)}.stat-card.green .value{color:var(--green)} #pd-root .stat-card.violet{border-top-color:var(--violet)}.stat-card.violet .value{color:var(--violet)} #pd-root .stat-card.pink{border-top-color:var(--pink)}.stat-card.pink .value{color:var(--pink)} #pd-root .stat-card.red{border-top-color:var(--red)}.stat-card.red .value{color:var(--red)} #pd-root .dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-bottom:20px} #pd-root .dash-card{background:var(--panel);border-radius:12px;padding:20px;border:1px solid var(--line-strong);box-shadow:var(--shadow);border-top:4px solid var(--line-strong)} #pd-root .dash-card h3{margin:0 0 14px;font-size:.8rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--txt-strong)} #pd-root .dash-card.dc-gold{border-top-color:var(--gold)}.dash-card.dc-gold h3{color:var(--gold)} #pd-root .dash-card.dc-pink{border-top-color:var(--pink)}.dash-card.dc-pink h3{color:var(--pink)} #pd-root .dash-card.dc-violet{border-top-color:var(--violet)}.dash-card.dc-violet h3{color:var(--violet)} #pd-root .dash-card.dc-green{border-top-color:var(--green)}.dash-card.dc-green h3{color:var(--green)} #pd-root .dash-card.dc-orange{border-top-color:var(--orange)}.dash-card.dc-orange h3{color:var(--orange)} #pd-root .dash-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:.88rem} #pd-root .dash-row:last-child{border-bottom:none} #pd-root .dash-row .k{color:var(--dim);font-weight:600} #pd-root .dash-row .v{color:var(--txt-strong);font-weight:800;font-family:var(--fm)} #pd-root .dash-row .v.green{color:var(--green)} #pd-root .dash-row .v.violet{color:var(--violet)} #pd-root .dash-row .v.red{color:var(--red)} #pd-root .kanban{display:grid;gap:16px;overflow-x:auto;padding-bottom:12px;align-items:flex-start} #pd-root .kanban.cols-5{grid-template-columns:repeat(5,minmax(210px,1fr))} #pd-root .kanban.cols-3{grid-template-columns:repeat(3,minmax(240px,1fr))} #pd-root .kanban-col{background:var(--panel2);border:2px solid var(--line);border-radius:12px;padding:12px;min-height:220px;transition:border-color .15s,background .15s} #pd-root .kanban-col.dragover{border-color:var(--pink);background:var(--panel)} #pd-root .kanban-col-header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 12px;border-bottom:2px solid var(--line);margin-bottom:12px} #pd-root .kanban-col-title{font-weight:800;font-size:.85rem;color:var(--txt-strong)} #pd-root .kanban-col-count{font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:10px;background:var(--pink);color:#fff} #pd-root .kanban-col-sum{font-size:.72rem;color:var(--dim);font-family:var(--fm);margin-top:2px} #pd-root .kanban-items{display:flex;flex-direction:column;gap:10px;min-height:60px} #pd-root .k-card{background:var(--card);border:1px solid var(--line-strong);border-left:4px solid var(--violet);border-radius:10px;padding:12px;cursor:grab;transition:transform .15s,box-shadow .15s;box-shadow:var(--shadow)} #pd-root .k-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(20,20,30,.12)} #pd-root .k-card.dragging{opacity:.5;cursor:grabbing} #pd-root .k-card.p-high{border-left-color:var(--red)} #pd-root .k-card.p-medium{border-left-color:var(--gold)} #pd-root .k-card.p-low{border-left-color:var(--green)} #pd-root .k-card.overdue{background:#fdeeee;border-color:#f0c8c8} #pd-root .k-card.today{background:#fdf6e8;border-color:#ecd9b0} #pd-root .k-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:6px} #pd-root .k-card-title{font-weight:700;font-size:.88rem;color:var(--txt-strong);line-height:1.3} #pd-root .k-card-client{font-size:.76rem;color:var(--violet);font-weight:600;margin-bottom:6px} #pd-root .k-card-desc{font-size:.76rem;color:var(--dim);margin-bottom:8px;line-height:1.4} #pd-root .k-card-amount{font-family:var(--fm);font-weight:700;color:var(--gold);font-size:.95rem;margin-bottom:6px} #pd-root .k-card-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap} #pd-root .k-card-meta{font-size:.7rem;color:var(--dim);font-weight:600;font-family:var(--fm)} #pd-root .k-card-actions{display:flex;gap:4px} #pd-root .k-card-actions button{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:6px;cursor:pointer;font-size:.7rem;background:var(--panel);color:var(--txt);transition:all .15s} #pd-root .k-card-actions button:hover{transform:translateY(-1px)} #pd-root .k-card-actions .act-done:hover{background:var(--green);color:#fff;border-color:var(--green)} #pd-root .k-card-actions .act-edit:hover{background:var(--violet);color:#fff;border-color:var(--violet)} #pd-root .k-card-actions .act-del:hover{background:var(--red);color:#fff;border-color:var(--red)} #pd-root .prob-badge{background:var(--violet);color:#fff;padding:2px 7px;border-radius:4px;font-size:.68rem;font-weight:700;font-family:var(--fm)} #pd-root .prio-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px} #pd-root .prio-dot.high{background:var(--red)} #pd-root .prio-dot.medium{background:var(--gold)} #pd-root .prio-dot.low{background:var(--green)} #pd-root .modal-overlay{position:fixed;inset:0;background:rgba(20,20,30,.55);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px} #pd-root .modal-overlay.active{display:flex} #pd-root .modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;padding:32px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(20,20,30,.3)} #pd-root .modal.wide{max-width:860px} #pd-root .modal h2{font-family:var(--fd);font-size:1.3rem;margin-bottom:20px;color:var(--txt-strong)} #pd-root .modal-actions{display:flex;gap:12px;margin-top:22px;justify-content:flex-end;flex-wrap:wrap} #pd-root .fg{margin-bottom:14px} #pd-root .fg label{display:block;margin-bottom:6px;font-weight:700;color:var(--txt);font-size:.85rem} #pd-root .fg label .req{color:var(--pink)} #pd-root .fg input,#pd-root .fg select,#pd-root .fg textarea{width:100%;padding:10px 12px;background:var(--panel);border:2px solid var(--line-strong);border-radius:8px;color:var(--txt);font-size:.88rem;font-family:var(--fb);outline:none;transition:border-color .2s} #pd-root .fg input:focus,#pd-root .fg select:focus,#pd-root .fg textarea:focus{border-color:var(--violet)} #pd-root .fg textarea{resize:vertical;min-height:70px} #pd-root .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px} #pd-root .form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px} #pd-root .table-wrap{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;overflow-x:auto;box-shadow:var(--shadow)} #pd-root .tbl{width:100%;border-collapse:collapse;font-size:.88rem;min-width:700px} #pd-root .tbl thead th{background:var(--panel2);padding:13px 16px;text-align:left;font-weight:800;color:var(--txt-strong);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid var(--line-strong);white-space:nowrap} #pd-root .tbl thead th.num{text-align:right} #pd-root .tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--txt);vertical-align:middle} #pd-root .tbl tbody td.num{text-align:right;font-family:var(--fm);font-weight:600} #pd-root .tbl tbody tr{cursor:pointer;transition:background .15s} #pd-root .tbl tbody tr:hover{background:var(--panel2)} #pd-root .tbl tbody tr:last-child td{border-bottom:none} #pd-root .cell-main{font-weight:700;color:var(--txt-strong)} #pd-root .cell-sub{font-size:.74rem;color:var(--muted);margin-top:2px} #pd-root .row-actions{display:flex;gap:6px;justify-content:flex-end} #pd-root .icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:8px;cursor:pointer;font-size:.85rem;background:var(--panel);color:var(--txt);transition:all .15s} #pd-root .icon-btn:hover{transform:translateY(-2px)} #pd-root .icon-btn.edit:hover{background:var(--violet);color:#fff;border-color:var(--violet)} #pd-root .icon-btn.del:hover{background:var(--red);color:#fff;border-color:var(--red)} #pd-root .icon-btn.in:hover{background:var(--green);color:#fff;border-color:var(--green)} #pd-root .icon-btn.out:hover{background:var(--orange);color:#fff;border-color:var(--orange)} #pd-root .badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:800;border:1px solid} #pd-root .badge.legal{background:#f0ebfa;color:var(--violet);border-color:#d5c8f2} #pd-root .badge.ip{background:#fdf6e8;color:var(--gold);border-color:#ecd9b0} #pd-root .badge.person{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.stage-new{background:#eef1fd;color:var(--blue);border-color:#c8d4f2} #pd-root .badge.stage-progress{background:#fdf6e8;color:var(--gold);border-color:#ecd9b0} #pd-root .badge.stage-negotiation{background:#f0ebfa;color:var(--violet);border-color:#d5c8f2} #pd-root .badge.stage-won{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.stage-lost{background:#fdeeee;color:var(--red);border-color:#f0c8c8} #pd-root .badge.status-active{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.status-vip{background:#fdf6e8;color:var(--gold);border-color:#ecd9b0} #pd-root .badge.status-inactive{background:#f0f0f2;color:var(--muted);border-color:var(--line-strong)} #pd-root .badge.stock-ok{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.stock-low{background:#fdf6e8;color:var(--gold);border-color:#ecd9b0} #pd-root .badge.stock-out{background:#fdeeee;color:var(--red);border-color:#f0c8c8} #pd-root .badge.move-in{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.move-out{background:#fff3ec;color:var(--orange);border-color:#f2d5c0} #pd-root .badge.doc-invoice{background:#eef1fd;color:var(--blue);border-color:#c8d4f2} #pd-root .badge.doc-act{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.doc-proposal{background:#f0ebfa;color:var(--violet);border-color:#d5c8f2} #pd-root .filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px} #pd-root .filters input,#pd-root .filters select{padding:9px 13px;background:var(--panel);border:2px solid var(--line-strong);border-radius:8px;color:var(--txt);font-size:.86rem;font-family:var(--fb);outline:none} #pd-root .filters input[type=text]{flex:1;min-width:200px} #pd-root .filters label.chk{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--txt);cursor:pointer;user-select:none;font-weight:600} #pd-root .filters input[type=checkbox]{width:18px;height:18px;accent-color:var(--pink);cursor:pointer} #pd-root .client-profile-header{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:2px solid var(--line-strong);flex-wrap:wrap} #pd-root .client-avatar{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:1.5rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--violet),var(--pink));flex-shrink:0} #pd-root .client-profile-title h2{font-family:var(--fd);font-size:1.3rem;color:var(--txt-strong);margin-bottom:6px} #pd-root .client-profile-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap} #pd-root .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;margin-bottom:22px} #pd-root .info-item .label{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-weight:700} #pd-root .info-item .value{font-size:.92rem;color:var(--txt);font-weight:600;word-break:break-word} #pd-root .info-item .value.mono{font-family:var(--fm)} #pd-root .card-section-title{font-family:var(--fd);font-size:.92rem;font-weight:700;color:var(--gold);margin:18px 0 12px;display:flex;align-items:center;gap:8px} #pd-root .linked-item{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;transition:border-color .15s} #pd-root .linked-item:hover{border-color:var(--violet)} #pd-root .linked-item .name{font-weight:700;color:var(--txt-strong);font-size:.88rem} #pd-root .linked-item .meta{font-size:.74rem;color:var(--muted);margin-top:2px} #pd-root .linked-item .amount{font-family:var(--fm);font-weight:700;color:var(--gold)} #pd-root .empty-note{color:var(--muted);font-size:.86rem;padding:12px 0;font-weight:600} #pd-root .doc-item{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:8px;display:grid;grid-template-columns:1fr 80px 100px 100px 32px;gap:8px;align-items:center} #pd-root .doc-item input{padding:8px 10px;background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;color:var(--txt);font-size:.85rem;font-family:var(--fb);outline:none;width:100%} #pd-root .doc-item .sum{font-family:var(--fm);font-weight:700;color:var(--gold);text-align:right;font-size:.88rem} #pd-root .doc-item .rm{background:var(--red);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;width:32px;height:32px} #pd-root .doc-total{display:flex;justify-content:space-between;padding:12px 10px;background:var(--panel2);border-radius:8px;border:2px solid var(--line-strong);font-weight:800;color:var(--txt-strong);margin-top:8px} #pd-root .doc-total .tv{font-family:var(--fm);font-size:1.1rem;color:var(--gold)} #pd-root .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px} #pd-root .settings-card{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;padding:22px;box-shadow:var(--shadow)} #pd-root .settings-card h3{font-family:var(--fd);font-size:.95rem;color:var(--txt-strong);margin-bottom:16px;display:flex;align-items:center;gap:8px} #pd-root .settings-card p{font-size:.85rem;color:var(--dim);margin-bottom:14px;line-height:1.5} #pd-root .toast{position:fixed;bottom:24px;right:24px;background:var(--green);color:#fff;padding:14px 22px;border-radius:10px;font-weight:700;font-size:.88rem;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:2000;max-width:360px} #pd-root .toast.show{transform:translateY(0);opacity:1} #pd-root .toast.error{background:var(--red)} #docs-print-area{display:none} @media print{ body *{visibility:hidden} #docs-print-area,#docs-print-area *{visibility:visible} #docs-print-area{display:block!important;position:absolute;left:0;top:0;width:100%;background:#fff;color:#000;font-family:Arial,sans-serif;padding:30px;font-size:13px;line-height:1.5} #docs-print-area .doc-head{display:flex;justify-content:space-between;border-bottom:3px solid #000;padding-bottom:14px;margin-bottom:18px} #docs-print-area .doc-company{font-size:14px;font-weight:700} #docs-print-area .doc-company .sub{font-size:11px;font-weight:400;color:#333;margin-top:3px} #docs-print-area .doc-title{font-size:20px;font-weight:800;text-align:center;margin:18px 0;text-transform:uppercase} #docs-print-area .doc-parties{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;font-size:12px} #docs-print-area .doc-party{flex:1} #docs-print-area .doc-party .lbl{font-weight:700;margin-bottom:4px;font-size:11px;text-transform:uppercase;color:#555} #docs-print-area table{width:100%;border-collapse:collapse;margin:16px 0} #docs-print-area table th{background:#f0f0f0;padding:8px;border:1px solid #999;text-align:left;font-size:11px;text-transform:uppercase} #docs-print-area table td{padding:8px;border:1px solid #999;font-size:12px} #docs-print-area table td.num,#docs-print-area table th.num{text-align:right} #docs-print-area .doc-total-row{display:flex;justify-content:flex-end;gap:30px;font-size:15px;font-weight:800;margin:14px 0} #docs-print-area .doc-comment{margin:16px 0;font-size:12px;font-style:italic;color:#333} #docs-print-area .doc-sign{margin-top:40px;display:flex;justify-content:space-between;gap:30px} #docs-print-area .doc-sign-block{flex:1} #docs-print-area .doc-sign-line{border-top:1px solid #000;margin-top:40px;padding-top:6px;font-size:11px;color:#333} } @media(max-width:860px){ #pd-root .sidebar{position:static;width:100%;height:auto;overflow:visible;border-right:none;border-bottom:2px solid var(--line-strong)} #pd-root .main-content{margin-left:0;padding:0 14px 40px} #pd-root .kanban.cols-5,#pd-root .kanban.cols-3{grid-template-columns:1fr} #pd-root .form-row,#pd-root .form-row-3{grid-template-columns:1fr} #pd-root .doc-item{grid-template-columns:1fr 70px 90px 32px} #pd-root .doc-item .sum{display:none} } </style> </head> <body> <div id="pd-root"> <aside class="sidebar"> <div class="logo">Пандора<span class="crm">CRM</span></div> <nav id="main-nav"> <div class="nav-section ns-blue">Рабочее место</div> <a class="nav-link active" data-view="dashboard">Дашборд</a> <div class="nav-section ns-pink">CRM</div> <a class="nav-link" data-view="deals">Сделки <span class="badge-count" id="nav-deals-count">0</span></a> <a class="nav-link" data-view="clients">Клиенты <span class="badge-count" id="nav-clients-count">0</span></a> <a class="nav-link" data-view="tasks">Задачи <span class="badge-count" id="nav-tasks-count">0</span></a> <div class="nav-section ns-orange">Склад и документы</div> <a class="nav-link" data-view="warehouse">Склад <span class="badge-count" id="nav-wh-count">0</span></a> <a class="nav-link" data-view="docs">Документы <span class="badge-count" id="nav-docs-count">0</span></a> <div class="nav-section ns-gold">Сервис</div> <a class="nav-link" data-view="settings">Настройки</a> <a class="nav-link" data-view="backup">Резервные копии</a> </nav> </aside> <main class="main-content"> <header class="topbar"> <div class="breadcrumbs" id="breadcrumbs">Пандора CRM / Дашборд</div> <div style="font-size:.8rem;color:var(--muted)">ЧАСТЬ 4 — Склад + Документы</div> </header> <section class="section active" data-section="dashboard"> <h1 class="section-title">Приборная панель <span class="accent" id="dash-company-name"></span></h1> <div class="stats-grid" id="dash-main-stats"></div> <div class="dash-grid"> <div class="dash-card dc-gold"><h3>Продажи</h3><div id="dash-deals"></div></div> <div class="dash-card dc-pink"><h3>Клиенты</h3><div id="dash-clients"></div></div> <div class="dash-card dc-violet"><h3>Задачи</h3><div id="dash-tasks"></div></div> <div class="dash-card dc-orange"><h3>Склад</h3><div id="dash-warehouse"></div></div> </div> </section> <section class="section" data-section="deals"> <div class="section-header"><h1 class="section-title">Сделки <span class="accent">и воронка</span></h1><button class="btn" id="deals-add-btn" type="button">+ Новая сделка</button></div> <div class="stats-grid" id="deals-stats"></div> <div class="filters"> <input type="text" id="deals-search" placeholder="Поиск по названию или клиенту..." /> <select id="deals-manager-filter"><option value="">Все менеджеры</option><option value="Иванов">Иванов</option><option value="Петров">Петров</option><option value="Сидоров">Сидоров</option></select> </div> <div class="kanban cols-5" id="deals-kanban"></div> </section> <section class="section" data-section="clients"> <div class="section-header"><h1 class="section-title">Клиенты <span class="accent">база</span></h1><button class="btn" id="clients-add-btn" type="button">+ Новый клиент</button></div> <div class="stats-grid" id="clients-stats"></div> <div class="filters"> <input type="text" id="clients-search" placeholder="Поиск по названию, ИНН, контакту..." /> <select id="clients-type-filter"><option value="">Все типы</option><option value="legal">Юр. лицо</option><option value="ip">ИП</option><option value="person">Физ. лицо</option></select> <select id="clients-status-filter"><option value="">Все статусы</option><option value="active">Активный</option><option value="vip">VIP</option><option value="inactive">Неактивный</option></select> </div> <div class="table-wrap"><table class="tbl"><thead><tr><th>Клиент</th><th>Тип</th><th>ИНН</th><th>Контакт</th><th>Телефон</th><th>Менеджер</th><th>Статус</th><th></th></tr></thead><tbody id="clients-tbody"></tbody></table></div> </section> <section class="section" data-section="tasks"> <div class="section-header"><h1 class="section-title">Задачи <span class="accent">и напоминания</span></h1><button class="btn" id="tasks-add-btn" type="button">+ Новая задача</button></div> <div class="stats-grid" id="tasks-stats"></div> <div class="filters"> <input type="text" id="tasks-search" placeholder="Поиск по задаче или клиенту..." /> <select id="tasks-assignee-filter"><option value="">Все исполнители</option><option value="Иванов">Иванов</option><option value="Петров">Петров</option><option value="Сидоров">Сидоров</option></select> <select id="tasks-priority-filter"><option value="">Любой приоритет</option><option value="high">Высокий</option><option value="medium">Средний</option><option value="low">Низкий</option></select> </div> <div class="kanban cols-3" id="tasks-kanban"></div> </section> <section class="section" data-section="warehouse"> <div class="section-header"><h1 class="section-title">Склад <span class="accent">и остатки</span></h1><button class="btn" id="wh-add-btn" type="button">+ Новый товар</button></div> <div class="stats-grid" id="wh-stats"></div> <div class="filters"> <input type="text" id="wh-search" placeholder="Поиск по названию или артикулу..." /> <select id="wh-cat-filter"><option value="">Все категории</option></select> <label class="chk"><input type="checkbox" id="wh-low-only" /> Только заканчивающиеся</label> </div> <div class="table-wrap"><table class="tbl"><thead><tr><th>Товар</th><th>Категория</th><th class="num">Остаток</th><th class="num">Мин.</th><th class="num">Цена</th><th class="num">Сумма</th><th>Статус</th><th></th></tr></thead><tbody id="wh-tbody"></tbody></table></div> <div class="dash-card dc-orange" style="margin-top:20px"><h3>Последние движения</h3><div id="wh-moves-list"></div></div> </section> <section class="section" data-section="docs"> <div class="section-header"><h1 class="section-title">Документы <span class="accent">и шаблоны</span></h1><button class="btn" id="docs-add-btn" type="button">+ Новый документ</button></div> <div class="stats-grid" id="docs-stats"></div> <div class="table-wrap"><table class="tbl"><thead><tr><th>Номер</th><th>Тип</th><th>Клиент</th><th>Дата</th><th class="num">Сумма</th><th class="num">Позиций</th><th></th></tr></thead><tbody id="docs-tbody"></tbody></table></div> </section> <section class="section" data-section="settings"> <h1 class="section-title">Настройки <span class="accent">компании</span></h1> <div class="settings-grid"> <div class="settings-card"><h3>Реквизиты компании</h3><p>Используются в документах и при печати.</p> <div class="fg"><label>Название организации</label><input type="text" id="set-company-name" placeholder="ООО Пандора Консалтинг" /></div> <div class="form-row"><div class="fg"><label>ИНН</label><input type="text" id="set-inn" maxlength="12" placeholder="7700000000" /></div><div class="fg"><label>КПП</label><input type="text" id="set-kpp" maxlength="9" placeholder="770001001" /></div></div> <div class="fg"><label>Адрес</label><input type="text" id="set-address" placeholder="г. Москва, ул. Ленина, 1" /></div> </div> <div class="settings-card"><h3>Контакты</h3><p>Контактная информация компании.</p> <div class="fg"><label>Телефон</label><input type="text" id="set-phone" placeholder="+7 495 000-00-00" /></div> <div class="fg"><label>Email</label><input type="email" id="set-email" placeholder="info@company.ru" /></div> </div> <div class="settings-card"><h3>Подписант</h3><p>Лицо, подписывающее документы.</p> <div class="fg"><label>Должность</label><input type="text" id="set-signer-role" placeholder="Генеральный директор" /></div> <div class="fg"><label>ФИО</label><input type="text" id="set-signer-name" placeholder="Иванов Иван Иванович" /></div> </div> </div> <div style="margin-top:24px;display:flex;gap:12px;flex-wrap:wrap"> <button class="btn btn-green" id="btn-save-settings" type="button">Сохранить настройки</button> <button class="btn btn-o" id="btn-reset-settings" type="button">Сбросить</button> </div> </section> <section class="section" data-section="backup"> <h1 class="section-title">Резервные <span class="accent">копии</span></h1> <div class="settings-grid"> <div class="settings-card"><h3>Экспорт данных</h3><p>Скачать JSON-файл со всеми данными.</p> <div id="backup-export-info" style="font-family:var(--fm);font-size:.82rem;color:var(--dim);margin-bottom:14px;line-height:1.7"></div> <button class="btn btn-green" id="btn-export-all" type="button">Скачать резервную копию</button> </div> <div class="settings-card"><h3>Импорт данных</h3><p>Загрузить данные из JSON-файла. Текущие данные будут заменены!</p> <input type="file" id="file-import" accept=".json" style="display:none" /> <button class="btn btn-violet" id="btn-import-trigger" type="button">Выбрать файл</button> </div> <div class="settings-card"><h3>Очистка данных</h3><p>Полностью удалить все данные. Необратимо!</p> <button class="btn btn-d" id="btn-clear-all" type="button">Удалить все данные</button> </div> <div class="settings-card"><h3>Демо-данные</h3><p>Загрузить демонстрационные данные.</p> <button class="btn btn-o" id="btn-load-demo" type="button">Загрузить демо-данные</button> </div> </div> </section> </main> <div class="modal-overlay" id="deal-modal"> <div class="modal"> <h2 id="deal-modal-title">Новая сделка</h2> <input type="hidden" id="deal-edit-id" /> <div class="fg"><label>Название сделки <span class="req">*</span></label><input type="text" id="deal-name" placeholder="Поставка оборудования" /></div> <div class="fg"><label>Клиент</label><select id="deal-client"><option value="">— Не выбран —</option></select></div> <div class="fg"><label>Сумма <span class="req">*</span></label><input type="number" id="deal-amount" min="0" placeholder="500000" /></div> <div class="form-row"> <div class="fg"><label>Вероятность (%)</label> <select id="deal-prob"><option value="10">10%</option><option value="30">30%</option><option value="50" selected="selected">50%</option><option value="70">70%</option><option value="90">90%</option></select> </div> <div class="fg"><label>Этап</label> <select id="deal-stage"><option value="new">Новая</option><option value="progress">В работе</option><option value="negotiation">Переговоры</option><option value="won">Сделка</option><option value="lost">Отказ</option></select> </div> </div> <div class="form-row"> <div class="fg"><label>Менеджер</label><select id="deal-manager"><option value="Иванов">Иванов</option><option value="Петров">Петров</option><option value="Сидоров">Сидоров</option></select></div> <div class="fg"><label>Дата закрытия</label><input type="date" id="deal-date" /></div> </div> <div class="modal-actions"> <button class="btn btn-secondary" id="deal-cancel-btn" type="button">Отмена</button> <button class="btn" id="deal-save-btn" type="button">Сохранить</button> </div> </div> </div> <div class="modal-overlay" id="client-modal"> <div class="modal"> <h2 id="client-modal-title">Новый клиент</h2> <input type="hidden" id="client-edit-id" /> <div class="fg"><label>Название / ФИО <span class="req">*</span></label><input type="text" id="client-name" placeholder="ООО Ромашка или Иванов Иван" /></div> <div class="form-row"> <div class="fg"><label>Тип</label><select id="client-type"><option value="legal">Юр. лицо</option><option value="ip">ИП</option><option value="person">Физ. лицо</option></select></div> <div class="fg"><label>Статус</label><select id="client-status"><option value="active">Активный</option><option value="vip">VIP</option><option value="inactive">Неактивный</option></select></div> </div> <div class="form-row"> <div class="fg"><label>ИНН</label><input type="text" id="client-inn" maxlength="12" placeholder="7700000000" /></div> <div class="fg"><label>КПП</label><input type="text" id="client-kpp" maxlength="9" placeholder="770001001" /></div> </div> <div class="form-row"> <div class="fg"><label>Контактное лицо</label><input type="text" id="client-contact" placeholder="Иванов Иван" /></div> <div class="fg"><label>Телефон</label><input type="text" id="client-phone" placeholder="+7 900 000-00-00" /></div> </div> <div class="form-row"> <div class="fg"><label>Email</label><input type="email" id="client-email" placeholder="info@example.ru" /></div> <div class="fg"><label>Менеджер</label><select id="client-manager"><option value="Иванов">Иванов</option><option value="Петров">Петров</option><option value="Сидоров">Сидоров</option></select></div> </div> <div class="fg"><label>Адрес</label><input type="text" id="client-address" placeholder="г. Москва, ул. Ленина, 1" /></div> <div class="fg"><label>Заметки</label><textarea id="client-notes" placeholder="Дополнительная информация..."></textarea></div> <div class="modal-actions"> <button class="btn btn-secondary" id="client-cancel-btn" type="button">Отмена</button> <button class="btn" id="client-save-btn" type="button">Сохранить</button> </div> </div> </div> <div class="modal-overlay" id="client-view-modal"> <div class="modal wide"><div id="client-view-content"></div></div> </div> <div class="modal-overlay" id="task-modal"> <div class="modal"> <h2 id="task-modal-title">Новая задача</h2> <input type="hidden" id="task-edit-id" /> <div class="fg"><label>Название задачи <span class="req">*</span></label><input type="text" id="task-title" placeholder="Позвонить клиенту" /></div> <div class="fg"><label>Описание</label><textarea id="task-desc" placeholder="Детали задачи..."></textarea></div> <div class="fg"><label>Клиент</label><select id="task-client"><option value="">— Не выбран —</option></select></div> <div class="form-row"> <div class="fg"><label>Тип</label><select id="task-type"><option value="call">Звонок</option><option value="meeting">Встреча</option><option value="email">Письмо</option><option value="task">Задача</option><option value="payment">Оплата</option></select></div> <div class="fg"><label>Приоритет</label><select id="task-priority"><option value="high">Высокий</option><option value="medium" selected="selected">Средний</option><option value="low">Низкий</option></select></div> </div> <div class="form-row"> <div class="fg"><label>Исполнитель</label><select id="task-assignee"><option value="Иванов">Иванов</option><option value="Петров">Петров</option><option value="Сидоров">Сидоров</option></select></div> <div class="fg"><label>Срок <span class="req">*</span></label><input type="date" id="task-due" /></div> </div> <div class="fg"><label>Статус</label><select id="task-status"><option value="todo" selected="selected">К выполнению</option><option value="progress">В работе</option><option value="done">Выполнено</option></select></div> <div class="modal-actions"> <button class="btn btn-secondary" id="task-cancel-btn" type="button">Отмена</button> <button class="btn" id="task-save-btn" type="button">Сохранить</button> </div> </div> </div> <div class="modal-overlay" id="wh-product-modal"> <div class="modal"> <h2 id="wh-product-title">Новый товар</h2> <input type="hidden" id="wh-edit-id" /> <div class="fg"><label>Название товара <span class="req">*</span></label><input type="text" id="wh-name" placeholder="Ноутбук ASUS X515" /></div> <div class="form-row"> <div class="fg"><label>Артикул (SKU)</label><input type="text" id="wh-sku" placeholder="ASU-001" /></div> <div class="fg"><label>Категория</label><input type="text" id="wh-category" placeholder="Электроника" list="wh-cat-list" /><datalist id="wh-cat-list"></datalist></div> </div> <div class="form-row"> <div class="fg"><label>Ед. измерения</label><select id="wh-unit"><option value="шт">шт</option><option value="кг">кг</option><option value="л">л</option><option value="м">м</option><option value="упак">упак</option></select></div> <div class="fg"><label>Количество <span class="req">*</span></label><input type="number" id="wh-qty" min="0" value="0" /></div> </div> <div class="form-row"> <div class="fg"><label>Мин. остаток</label><input type="number" id="wh-minqty" min="0" value="5" /></div> <div class="fg"><label>Цена продажи</label><input type="number" id="wh-price" min="0" value="0" /></div> </div> <div class="fg"><label>Себестоимость</label><input type="number" id="wh-cost" min="0" value="0" /></div> <div class="modal-actions"> <button class="btn btn-secondary" id="wh-product-cancel" type="button">Отмена</button> <button class="btn" id="wh-product-save" type="button">Сохранить</button> </div> </div> </div> <div class="modal-overlay" id="wh-move-modal"> <div class="modal"> <h2 id="wh-move-title">Движение</h2> <input type="hidden" id="wh-move-product-id" /> <input type="hidden" id="wh-move-type" value="in" /> <div id="wh-cur-stock" style="font-family:var(--fm);font-size:.85rem;color:var(--dim);margin-bottom:14px"></div> <div class="fg"><label>Количество <span class="req">*</span></label><input type="number" id="wh-move-qty" min="1" value="1" /></div> <div class="fg"><label>Связать со сделкой</label><select id="wh-move-deal"><option value="">— Не связывать —</option></select></div> <div class="fg"><label>Комментарий</label><input type="text" id="wh-move-comment" placeholder="Поставка / Продажа клиенту" /></div> <div class="modal-actions"> <button class="btn btn-secondary" id="wh-move-cancel" type="button">Отмена</button> <button class="btn" id="wh-move-save" type="button">Провести</button> </div> </div> </div> <div class="modal-overlay" id="doc-form-modal"> <div class="modal wide"> <h2 id="doc-form-title">Новый документ</h2> <input type="hidden" id="doc-edit-id" /> <div class="form-row-3"> <div class="fg"><label>Тип документа <span class="req">*</span></label> <select id="doc-type"><option value="invoice">Счёт на оплату</option><option value="act">Акт выполненных работ</option><option value="proposal">Коммерческое предложение</option></select> </div> <div class="fg"><label>Номер</label><input type="text" id="doc-number" placeholder="Авто" /></div> <div class="fg"><label>Дата <span class="req">*</span></label><input type="date" id="doc-date" /></div> </div> <div class="fg"><label>Клиент <span class="req">*</span></label><select id="doc-client"><option value="">— Выберите клиента —</option></select></div> <div class="fg"><label>Комментарий / назначение платежа</label><textarea id="doc-comment" placeholder="Например: Оплата по договору"></textarea></div> <div style="display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px"> <strong style="font-family:var(--fd);font-size:.95rem;color:var(--gold)">Позиции документа</strong> <div style="display:flex;gap:8px"> <button class="btn btn-o btn-s" id="doc-add-from-wh" type="button">Со склада</button> <button class="btn btn-green btn-s" id="doc-add-item" type="button">+ Позиция</button> </div> </div> <div id="doc-items-list"></div> <div class="doc-total"><span>ИТОГО:</span><span class="tv" id="doc-total-value">0</span></div> <div class="modal-actions"> <button class="btn btn-secondary" id="doc-cancel-btn" type="button">Отмена</button> <button class="btn" id="doc-save-btn" type="button">Сохранить документ</button> </div> </div> </div> <div class="modal-overlay" id="doc-preview-modal"> <div class="modal wide"> <h2>Предпросмотр документа</h2> <div id="doc-preview-content" style="background:#fff;color:#000;border-radius:8px;padding:24px;border:1px solid var(--line-strong);font-size:13px;line-height:1.5"></div> <div class="modal-actions"> <button class="btn btn-secondary" id="doc-preview-close" type="button">Закрыть</button> <button class="btn btn-green" id="doc-print-btn" type="button">Печать / PDF</button> </div> </div> </div> <div id="docs-print-area"></div> <div class="toast" id="main-toast"></div> </div> <script> (function(){ 'use strict'; var DEALS_KEY='pandora_deals_v1',CLIENTS_KEY='pandora_clients_v1',TASKS_KEY='pandora_tasks_v1',WH_KEY='pandora_warehouse_v1',DOCS_KEY='pandora_docs_v1',SET_KEY='pandora_settings_v1'; var deals=[],clients=[],tasks=[],products=[],moves=[],docs=[]; var settings={company:{name:'',inn:'',kpp:'',address:''},contacts:{phone:'',email:''},signer:{role:'',name:''}}; var STAGES=[{key:'new',label:'Новая'},{key:'progress',label:'В работе'},{key:'negotiation',label:'Переговоры'},{key:'won',label:'Сделка'},{key:'lost',label:'Отказ'}]; var TYPE_LABELS={legal:'Юр. лицо',ip:'ИП',person:'Физ. лицо'}; var STATUS_LABELS={active:'Активный',vip:'VIP',inactive:'Неактивный'}; var TASK_TYPES={call:'Звонок',meeting:'Встреча',email:'Письмо',task:'Задача',payment:'Оплата'}; var TASK_STATUS={todo:'К выполнению',progress:'В работе',done:'Выполнено'}; var DOC_TYPES={invoice:'Счёт на оплату',act:'Акт выполненных работ',proposal:'Коммерческое предложение'}; var WH_STATUS={ok:'В наличии',low:'Заканчивается',out:'Нет в наличии'}; function $(id){return document.getElementById(id)} function fmt(n){return new Intl.NumberFormat('ru-RU').format(Math.round(n))} function esc(s){return s==null?'':String(s).replace(/[&<>"']/g,function(c){return{'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]})} function todayISO(){return new Date().toISOString().slice(0,10)} function fmtDate(iso){if(!iso)return '';var p=iso.split('-');if(p.length!==3)return iso;return p[2]+'.'+p[1]+'.'+p[0]} function toast(msg,type){type=type||'success';var t=$('main-toast');if(!t)return;t.textContent=msg;t.className='toast show '+(type!=='success'?type:'');setTimeout(function(){t.className='toast'},3000)} function load(){try{var d=localStorage.getItem(DEALS_KEY);if(d)deals=JSON.parse(d)}catch(e){} try{var c=localStorage.getItem(CLIENTS_KEY);if(c)clients=JSON.parse(c)}catch(e){} try{var t=localStorage.getItem(TASKS_KEY);if(t)tasks=JSON.parse(t)}catch(e){} try{var w=localStorage.getItem(WH_KEY);if(w){var wobj=JSON.parse(w);products=wobj.products||[];moves=wobj.moves||[]}}catch(e){} try{var dc=localStorage.getItem(DOCS_KEY);if(dc)docs=JSON.parse(dc)}catch(e){} try{var st=localStorage.getItem(SET_KEY);if(st)settings=JSON.parse(st)}catch(e){} if(!clients.length){clients=[{id:1,name:'ООО ТехноПарк',type:'legal',inn:'7712345678',kpp:'771201001',contact:'Смирнов Алексей',phone:'+7 495 123-45-67',email:'info@technopark.ru',address:'Москва, ул. Тверская, 10',status:'vip',manager:'Иванов',notes:'Крупный клиент'},{id:2,name:'ИП Смирнов А.В.',type:'ip',inn:'771234567890',contact:'Смирнов Алексей',phone:'+7 916 000-11-22',email:'smirnov@mail.ru',status:'active',manager:'Петров',notes:''},{id:3,name:'АО Инвест Групп',type:'legal',inn:'7798765432',contact:'Кузнецова Мария',phone:'+7 495 987-65-43',email:'invest@group.ru',status:'active',manager:'Сидоров',notes:''},{id:4,name:'ООО Стартап Лаб',type:'legal',inn:'7755554444',contact:'Петров Дмитрий',phone:'+7 925 555-44-33',status:'active',manager:'Иванов',notes:''},{id:5,name:'Николаева Елена',type:'person',contact:'Николаева Елена',phone:'+7 903 111-22-33',status:'inactive',manager:'Петров',notes:'Разовая консультация'}]} if(!deals.length){deals=[{id:1,name:'Поставка серверов',clientName:'ООО ТехноПарк',amount:850000,prob:70,manager:'Иванов',stage:'negotiation',date:'2026-09-15'},{id:2,name:'Внедрение CRM',clientName:'ИП Смирнов А.В.',amount:120000,prob:50,manager:'Петров',stage:'progress',date:'2026-09-05'},{id:3,name:'Консалтинг',clientName:'АО Инвест Групп',amount:350000,prob:90,manager:'Сидоров',stage:'won',date:'2026-08-19'},{id:4,name:'Разработка сайта',clientName:'ООО Стартап Лаб',amount:200000,prob:30,manager:'Иванов',stage:'new',date:'2026-09-25'}]} if(!tasks.length){tasks=[{id:1,title:'Позвонить по КП',desc:'Уточнить решение по КП',type:'call',priority:'high',status:'todo',assignee:'Иванов',dueDate:todayISO(),clientName:'ООО ТехноПарк'},{id:2,title:'Встреча в офисе',desc:'Обсудить условия договора',type:'meeting',priority:'medium',status:'progress',assignee:'Петров',dueDate:todayISO(),clientName:'АО Инвест Групп'},{id:3,title:'Отправить счёт',desc:'Счёт на предоплату 50%',type:'payment',priority:'high',status:'todo',assignee:'Сидоров',dueDate:'2026-08-22',clientName:'ООО Стартап Лаб'}]} if(!products.length){products=[{id:1,name:'Ноутбук ASUS X515',sku:'ASU-001',category:'Электроника',unit:'шт',qty:12,minQty:5,price:65000,cost:50000},{id:2,name:'Монитор Dell 24',sku:'DEL-024',category:'Электроника',unit:'шт',qty:3,minQty:5,price:18500,cost:13000},{id:3,name:'Клавиатура Logitech K380',sku:'LOG-380',category:'Периферия',unit:'шт',qty:25,minQty:10,price:3200,cost:2100},{id:4,name:'Мышь беспроводная',sku:'MOU-001',category:'Периферия',unit:'шт',qty:0,minQty:8,price:1500,cost:900},{id:5,name:'Кабель HDMI 2м',sku:'CAB-H2',category:'Аксессуары',unit:'шт',qty:40,minQty:15,price:650,cost:300}]} if(!moves.length){moves=[{id:1,productId:1,type:'in',qty:5,date:todayISO(),comment:'Поставка от ASUS'},{id:2,productId:2,type:'out',qty:2,date:todayISO(),comment:'Продажа'},{id:3,productId:4,type:'out',qty:3,date:todayISO(),comment:'Продажа'}]} if(!docs.length){docs=[{id:1,type:'invoice',clientId:1,number:'СЧ-2026-001',date:todayISO(),comment:'Оплата за поставку серверов',items:[{name:'Ноутбук ASUS X515',qty:5,price:65000},{name:'Монитор Dell 24',qty:5,price:18500]}]} save()} function save(){try{localStorage.setItem(DEALS_KEY,JSON.stringify(deals));localStorage.setItem(CLIENTS_KEY,JSON.stringify(clients));localStorage.setItem(TASKS_KEY,JSON.stringify(tasks));localStorage.setItem(WH_KEY,JSON.stringify({products:products,moves:moves}));localStorage.setItem(DOCS_KEY,JSON.stringify(docs));localStorage.setItem(SET_KEY,JSON.stringify(settings))}catch(e){}} function nextId(arr){return arr.length?Math.max.apply(null,arr.map(function(x){return x.id}))+1:1} function switchSection(view){var links=document.querySelectorAll('#pd-root .nav-link');links.forEach(function(l){l.classList.remove('active')});var active=document.querySelector('#pd-root .nav-link[data-view="'+view+'"]');if(active)active.classList.add('active');document.querySelectorAll('#pd-root .section').forEach(function(s){s.classList.remove('active')});var section=document.querySelector('#pd-root .section[data-section="'+view+'"]');if(section)section.classList.add('active');var names={dashboard:'Дашборд',deals:'Сделки',clients:'Клиенты',tasks:'Задачи',warehouse:'Склад',docs:'Документы',settings:'Настройки',backup:'Резервные копии'};$('breadcrumbs').textContent='Пандора CRM / '+(names[view]||view);window.scrollTo({top:0,behavior:'smooth'})} function updateBadges(){var de=$('nav-deals-count');if(de)de.textContent=deals.length;var ce=$('nav-clients-count');if(ce)ce.textContent=clients.length;var te=$('nav-tasks-count');if(te)te.textContent=tasks.filter(function(t){return t.status!=='done'}).length;var we=$('nav-wh-count');if(we)we.textContent=products.length;var doe=$('nav-docs-count');if(doe)doe.textContent=docs.length} function isOverdue(t){return t.dueDate&&t.dueDate<todayISO()&&t.status!=='done'} function isToday(t){return t.dueDate===todayISO()&&t.status!=='done'} function populateClientSelect(selectId,selectedName){var sel=$(selectId);if(!sel)return;sel.innerHTML='<option value="">— Не выбран —</option>';for(var i=0;i<clients.length;i++){var opt=document.createElement('option');opt.value=clients[i].name;opt.textContent=clients[i].name;if(selectedName&&clients[i].name===selectedName)opt.selected=true;sel.appendChild(opt)}} function populateDealSelect(selectId,selectedName){var sel=$(selectId);if(!sel)return;sel.innerHTML='<option value="">— Не связывать —</option>';for(var i=0;i<deals.length;i++){var opt=document.createElement('option');opt.value=deals[i].name;opt.textContent=deals[i].name+' ('+(deals[i].clientName||'—')+')';if(selectedName&&deals[i].name===selectedName)opt.selected=true;sel.appendChild(opt)}} function getStockStatus(p){if(p.qty===0)return 'out';if(p.qty<=p.minQty)return 'low';return 'ok'} function docTotal(doc){return(doc.items||[]).reduce(function(s,it){return s+(it.qty||0)*(it.price||0)},0)} function renderDashboard(){var won=deals.filter(function(d){return d.stage==='won'});var active=deals.filter(function(d){return d.stage!=='won'&&d.stage!=='lost'});var totalRev=won.reduce(function(s,d){return s+(d.amount||0)},0);var forecast=active.reduce(function(s,d){return s+(d.amount||0)*(d.prob||0)/100},0);var conv=deals.length>0?(won.length/deals.length*100).toFixed(1):0;var stockValue=products.reduce(function(s,p){return s+(p.qty||0)*(p.cost||0)},0); var cn=$('dash-company-name');if(cn)cn.textContent=settings.company.name||''; var stats=$('dash-main-stats');if(stats)stats.innerHTML='<div class="stat-card gold"><div class="label">Выручка</div><div class="value">'+fmt(totalRev)+'</div><div class="sub">'+won.length+' закрытых сделок</div></div><div class="stat-card violet"><div class="label">Прогноз</div><div class="value">'+fmt(forecast)+'</div><div class="sub">взвешенный</div></div><div class="stat-card green"><div class="label">Конверсия</div><div class="value">'+conv+'%</div><div class="sub">успешных</div></div><div class="stat-card pink"><div class="label">Клиентов</div><div class="value">'+clients.length+'</div><div class="sub">активных: '+clients.filter(function(c){return c.status==='active'||c.status==='vip'}).length+'</div></div><div class="stat-card orange"><div class="label">Склад</div><div class="value">'+fmt(stockValue)+'</div><div class="sub">'+products.length+' позиций</div></div>'; var dealsEl=$('dash-deals');if(dealsEl)dealsEl.innerHTML='<div class="dash-row"><span class="k">Всего</span><span class="v">'+deals.length+'</span></div><div class="dash-row"><span class="k">В работе</span><span class="v violet">'+active.length+'</span></div><div class="dash-row"><span class="k">Закрыто</span><span class="v green">'+won.length+'</span></div>'; var clientsEl=$('dash-clients');if(clientsEl)clientsEl.innerHTML='<div class="dash-row"><span class="k">Всего</span><span class="v">'+clients.length+'</span></div><div class="dash-row"><span class="k">VIP</span><span class="v red">'+clients.filter(function(c){return c.status==='vip'}).length+'</span></div>'; var tasksEl=$('dash-tasks');if(tasksEl)tasksEl.innerHTML='<div class="dash-row"><span class="k">Всего</span><span class="v">'+tasks.length+'</span></div><div class="dash-row"><span class="k">Просрочено</span><span class="v red">'+tasks.filter(isOverdue).length+'</span></div><div class="dash-row"><span class="k">Сегодня</span><span class="v violet">'+tasks.filter(isToday).length+'</span></div>'; var whEl=$('dash-warehouse');if(whEl)whEl.innerHTML='<div class="dash-row"><span class="k">Позиций</span><span class="v">'+products.length+'</span></div><div class="dash-row"><span class="k">Стоимость</span><span class="v gold">'+fmt(stockValue)+'</span></div><div class="dash-row"><span class="k">Заканчиваются</span><span class="v red">'+products.filter(function(p){return getStockStatus(p)!=='ok'}).length+'</span></div>'} function renderDeals(){var won=deals.filter(function(d){return d.stage==='won'});var active=deals.filter(function(d){return d.stage!=='won'&&d.stage!=='lost'});var totalRev=won.reduce(function(s,d){return s+(d.amount||0)},0);var forecast=active.reduce(function(s,d){return s+(d.amount||0)*(d.prob||0)/100},0); var stats=$('deals-stats');if(stats)stats.innerHTML='<div class="stat-card gold"><div class="label">Всего сделок</div><div class="value">'+deals.length+'</div><div class="sub">в системе</div></div><div class="stat-card violet"><div class="label">В работе</div><div class="value">'+active.length+'</div><div class="sub">активных</div></div><div class="stat-card green"><div class="label">Выручка</div><div class="value">'+fmt(totalRev)+'</div><div class="sub">закрыто</div></div><div class="stat-card pink"><div class="label">Прогноз</div><div class="value">'+fmt(forecast)+'</div><div class="sub">взвешенный</div></div>'; var search=($('deals-search').value||'').toLowerCase().trim();var manager=$('deals-manager-filter').value; var filtered=deals.filter(function(d){if(manager&&d.manager!==manager)return false;if(search){var hay=((d.name||'')+' '+(d.clientName||'')+' '+(d.manager||'')).toLowerCase();if(hay.indexOf(search)===-1)return false}return true}); var kanban=$('deals-kanban');if(!kanban)return; kanban.innerHTML=STAGES.map(function(stage){var items=filtered.filter(function(d){return d.stage===stage.key});var sum=items.reduce(function(s,d){return s+(d.amount||0)},0);return '<div class="kanban-col" data-stage="'+stage.key+'"><div class="kanban-col-header"><div><div class="kanban-col-title">'+stage.label+'</div><div class="kanban-col-sum">'+fmt(sum)+'</div></div><span class="kanban-col-count">'+items.length+'</span></div><div class="kanban-items">'+items.map(function(d){return '<div class="k-card" draggable="true" data-id="'+d.id+'" data-type="deal"><div class="k-card-top"><div class="k-card-title">'+esc(d.name)+'</div><div class="k-card-actions">'+(d.stage!=='won'?'<button class="act-done" data-done="'+d.id+'" title="Завершить">V</button>':'')+'<button class="act-edit" data-edit="'+d.id+'" title="Редактировать">E</button><button class="act-del" data-del="'+d.id+'" title="Удалить">X</button></div></div>'+(d.clientName?'<div class="k-card-client">'+esc(d.clientName)+'</div>':'')+'<div class="k-card-amount">'+fmt(d.amount||0)+'</div><div class="k-card-footer"><span class="prob-badge">'+(d.prob||0)+'%</span><span class="k-card-meta">'+(d.manager||'—')+(d.date?' · '+d.date:'')+'</span></div></div>'}).join('')+'</div></div>'}).join(''); attachDealsDnD();attachDealsActions()} function attachDealsDnD(){var cards=document.querySelectorAll('#deals-kanban .k-card');var cols=document.querySelectorAll('#deals-kanban .kanban-col');cards.forEach(function(card){card.addEventListener('dragstart',function(e){e.dataTransfer.setData('text/plain',card.dataset.id);card.classList.add('dragging')});card.addEventListener('dragend',function(){card.classList.remove('dragging')})});cols.forEach(function(col){col.addEventListener('dragover',function(e){e.preventDefault();col.classList.add('dragover')});col.addEventListener('dragleave',function(){col.classList.remove('dragover')});col.addEventListener('drop',function(e){e.preventDefault();col.classList.remove('dragover');var id=parseInt(e.dataTransfer.getData('text/plain'));if(e.dataTransfer.getData('data-type')!=='deal')return;var newStage=col.dataset.stage;var deal=deals.find(function(d){return d.id===id});if(deal&&deal.stage!==newStage){deal.stage=newStage;save();renderDeals();renderDashboard();updateBadges();toast('Сделка перемещена: '+newStage)}})})} function attachDealsActions(){var kanban=$('deals-kanban');if(!kanban)return;kanban.querySelectorAll('[data-done]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();var id=parseInt(btn.dataset.done);var deal=deals.find(function(d){return d.id===id});if(deal){deal.stage='won';save();renderDeals();renderDashboard();updateBadges();toast('Сделка закрыта')}}});kanban.querySelectorAll('[data-edit]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openDealEdit(parseInt(btn.dataset.edit))}});kanban.querySelectorAll('[data-del]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();removeDeal(parseInt(btn.dataset.del))}})} function openDealAdd(){$('deal-modal-title').textContent='Новая сделка';$('deal-edit-id').value='';$('deal-name').value='';populateClientSelect('deal-client');$('deal-amount').value='';$('deal-prob').value='50';$('deal-stage').value='new';$('deal-manager').value='Иванов';var d=new Date();d.setDate(d.getDate()+30);$('deal-date').value=d.toISOString().slice(0,10);$('deal-modal').classList.add('active')} function openDealEdit(id){var d=deals.find(function(x){return x.id===id});if(!d)return;$('deal-modal-title').textContent='Редактировать сделку';$('deal-edit-id').value=d.id;$('deal-name').value=d.name||'';populateClientSelect('deal-client',d.clientName);$('deal-amount').value=d.amount||'';$('deal-prob').value=d.prob||'50';$('deal-stage').value=d.stage||'new';$('deal-manager').value=d.manager||'Иванов';$('deal-date').value=d.date||'';$('deal-modal').classList.add('active')} function saveDeal(){var name=$('deal-name').value.trim();var amount=parseInt($('deal-amount').value)||0;if(!name){toast('Укажите название сделки','error');return}if(amount<=0){toast('Укажите сумму сделки','error');return}var editId=$('deal-edit-id').value;var clientName=$('deal-client').value;var client=clients.find(function(c){return c.name===clientName});var payload={name:name,amount:amount,clientId:client?client.id:null,clientName:clientName,prob:parseInt($('deal-prob').value)||50,stage:$('deal-stage').value,manager:$('deal-manager').value,date:$('deal-date').value};if(editId){var idx=deals.findIndex(function(d){return d.id===parseInt(editId)});if(idx!==-1){deals[idx]=Object.assign({},deals[idx],payload);toast('Сделка обновлена')}}else{payload.id=nextId(deals);deals.push(payload);toast('Сделка создана')}save();renderDeals();renderDashboard();updateBadges();$('deal-modal').classList.remove('active')} function removeDeal(id){var d=deals.find(function(x){return x.id===id});if(!d)return;if(!confirm('Удалить сделку "'+d.name+'"?'))return;deals=deals.filter(function(x){return x.id!==id});save();renderDeals();renderDashboard();updateBadges();toast('Сделка удалена')} function renderClients(){var active=clients.filter(function(c){return c.status==='active'||c.status==='vip'});var vip=clients.filter(function(c){return c.status==='vip'}); var stats=$('clients-stats');if(stats)stats.innerHTML='<div class="stat-card pink"><div class="label">Всего клиентов</div><div class="value">'+clients.length+'</div><div class="sub">в базе</div></div><div class="stat-card green"><div class="label">Активных</div><div class="value">'+active.length+'</div><div class="sub">работаем</div></div><div class="stat-card gold"><div class="label">VIP</div><div class="value">'+vip.length+'</div><div class="sub">приоритет</div></div>'; var search=($('clients-search').value||'').toLowerCase().trim();var type=$('clients-type-filter').value;var status=$('clients-status-filter').value; var filtered=clients.filter(function(c){if(type&&c.type!==type)return false;if(status&&c.status!==status)return false;if(search){var hay=((c.name||'')+' '+(c.inn||'')+' '+(c.contact||'')+' '+(c.email||'')+' '+(c.phone||'')).toLowerCase();if(hay.indexOf(search)===-1)return false}return true}); var tbody=$('clients-tbody');if(!tbody)return; if(!filtered.length){tbody.innerHTML='<tr><td colspan="8" style="text-align:center;color:var(--muted);padding:30px">Клиенты не найдены</td></tr>';return} tbody.innerHTML=filtered.map(function(c){return '<tr data-id="'+c.id+'"><td><div class="cell-main">'+esc(c.name)+'</div>'+(c.email?'<div class="cell-sub">'+esc(c.email)+'</div>':'')+'</td><td><span class="badge '+c.type+'">'+(TYPE_LABELS[c.type]||c.type)+'</span></td><td style="font-family:var(--fm);font-size:.82rem">'+esc(c.inn||'—')+'</td><td>'+esc(c.contact||'—')+'</td><td style="font-family:var(--fm);font-size:.82rem">'+esc(c.phone||'—')+'</td><td>'+esc(c.manager||'—')+'</td><td><span class="badge status-'+c.status+'">'+(STATUS_LABELS[c.status]||c.status)+'</span></td><td><div class="row-actions"><button class="icon-btn edit" data-edit="'+c.id+'" title="Редактировать">E</button><button class="icon-btn del" data-del="'+c.id+'" title="Удалить">X</button></div></td></tr>'}).join(''); tbody.querySelectorAll('tr[data-id]').forEach(function(row){row.onclick=function(e){if(e.target.closest('.icon-btn'))return;openClientView(parseInt(row.dataset.id))}}); tbody.querySelectorAll('[data-edit]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openClientEdit(parseInt(btn.dataset.edit))}}); tbody.querySelectorAll('[data-del]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();removeClient(parseInt(btn.dataset.del))}})} function openClientAdd(){$('client-modal-title').textContent='Новый клиент';$('client-edit-id').value='';['client-name','client-inn','client-kpp','client-contact','client-phone','client-email','client-address','client-notes'].forEach(function(id){$(id).value=''});$('client-type').value='legal';$('client-status').value='active';$('client-manager').value='Иванов';$('client-modal').classList.add('active')} function openClientEdit(id){var c=clients.find(function(x){return x.id===id});if(!c)return;$('client-modal-title').textContent='Редактировать клиента';$('client-edit-id').value=c.id;$('client-name').value=c.name||'';$('client-type').value=c.type||'legal';$('client-status').value=c.status||'active';$('client-inn').value=c.inn||'';$('client-kpp').value=c.kpp||'';$('client-contact').value=c.contact||'';$('client-phone').value=c.phone||'';$('client-email').value=c.email||'';$('client-manager').value=c.manager||'Иванов';$('client-address').value=c.address||'';$('client-notes').value=c.notes||'';$('client-modal').classList.add('active')} function saveClient(){var name=$('client-name').value.trim();if(!name){toast('Укажите название клиента','error');return}var editId=$('client-edit-id').value;var payload={name:name,type:$('client-type').value,status:$('client-status').value,inn:$('client-inn').value.trim(),kpp:$('client-kpp').value.trim(),contact:$('client-contact').value.trim(),phone:$('client-phone').value.trim(),email:$('client-email').value.trim(),manager:$('client-manager').value,address:$('client-address').value.trim(),notes:$('client-notes').value.trim()};if(editId){var idx=clients.findIndex(function(c){return c.id===parseInt(editId)});if(idx!==-1){clients[idx]=Object.assign({},clients[idx],payload);toast('Клиент обновлён')}}else{payload.id=nextId(clients);payload.createdAt=todayISO();clients.push(payload);toast('Клиент добавлен')}save();renderClients();renderDashboard();updateBadges();$('client-modal').classList.remove('active')} function removeClient(id){var c=clients.find(function(x){return x.id===id});if(!c)return;if(!confirm('Удалить клиента "'+c.name+'"?'))return;clients=clients.filter(function(x){return x.id!==id});save();renderClients();renderDashboard();updateBadges();toast('Клиент удалён')} function openClientView(id){var c=clients.find(function(x){return x.id===id});if(!c)return;var cDeals=deals.filter(function(d){return d.clientId===id||(d.clientName&&d.clientName.toLowerCase()===c.name.toLowerCase())});var cTasks=tasks.filter(function(t){return t.clientName&&t.clientName.toLowerCase()===c.name.toLowerCase()});var initials=c.name.replace(/[«»"']/g,'').split(' ').map(function(w){return w[0]}).join('').slice(0,2).toUpperCase(); var html='<div class="client-profile-header"><div class="client-avatar">'+esc(initials)+'</div><div class="client-profile-title"><h2>'+esc(c.name)+'</h2><div class="client-profile-meta"><span class="badge '+c.type+'">'+(TYPE_LABELS[c.type]||c.type)+'</span><span class="badge status-'+c.status+'">'+(STATUS_LABELS[c.status]||c.status)+'</span></div></div></div><div class="info-grid"><div class="info-item"><div class="label">ИНН</div><div class="value mono">'+esc(c.inn||'—')+'</div></div><div class="info-item"><div class="label">КПП</div><div class="value mono">'+esc(c.kpp||'—')+'</div></div><div class="info-item"><div class="label">Контактное лицо</div><div class="value">'+esc(c.contact||'—')+'</div></div><div class="info-item"><div class="label">Телефон</div><div class="value mono">'+esc(c.phone||'—')+'</div></div><div class="info-item"><div class="label">Email</div><div class="value">'+esc(c.email||'—')+'</div></div><div class="info-item"><div class="label">Менеджер</div><div class="value">'+esc(c.manager||'—')+'</div></div><div class="info-item" style="grid-column:1/-1"><div class="label">Адрес</div><div class="value">'+esc(c.address||'—')+'</div></div>'+(c.notes?'<div class="info-item" style="grid-column:1/-1"><div class="label">Заметки</div><div class="value">'+esc(c.notes)+'</div></div>':'')+'</div><div class="card-section-title">Сделки клиента ('+cDeals.length+')</div>'+(cDeals.length?cDeals.map(function(d){return '<div class="linked-item" data-goto="deals"><div><div class="name">'+esc(d.name)+'</div><div class="meta">'+(d.manager||'—')+(d.date?' · '+d.date:'')+'</div></div><div style="display:flex;align-items:center;gap:10px"><span class="badge stage-'+d.stage+'">'+((STAGES.find(function(s){return s.key===d.stage})||{}).label||d.stage)+'</span><span class="amount">'+fmt(d.amount||0)+'</span></div></div>'}).join(''):'<div class="empty-note">Сделок пока нет</div>')+'<div class="card-section-title">Задачи клиента ('+cTasks.length+')</div>'+(cTasks.length?cTasks.map(function(t){return '<div class="linked-item" data-goto="tasks"><div><div class="name">'+esc(t.title)+'</div><div class="meta">'+(t.assignee||'—')+(t.dueDate?' · '+fmtDate(t.dueDate):'')+'</div></div><span class="badge stage-'+(t.status==='done'?'won':t.status==='progress'?'progress':'new')+'">'+(TASK_STATUS[t.status]||t.status)+'</span></div>'}).join(''):'<div class="empty-note">Задач пока нет</div>')+'<div class="modal-actions"><button class="btn btn-secondary" id="view-close-btn" type="button">Закрыть</button><button class="btn" id="view-edit-btn" type="button">Редактировать</button></div>'; $('client-view-content').innerHTML=html;$('client-view-modal').classList.add('active'); $('client-view-content').querySelectorAll('[data-goto]').forEach(function(el){el.onclick=function(){var v=el.getAttribute('data-goto');$('client-view-modal').classList.remove('active');switchSection(v)}}); $('view-close-btn').onclick=function(){$('client-view-modal').classList.remove('active')}; $('view-edit-btn').onclick=function(){$('client-view-modal').classList.remove('active');openClientEdit(id)}} function renderTasks(){var active=tasks.filter(function(t){return t.status!=='done'}); var stats=$('tasks-stats');if(stats)stats.innerHTML='<div class="stat-card violet"><div class="label">Всего задач</div><div class="value">'+tasks.length+'</div><div class="sub">в системе</div></div><div class="stat-card pink"><div class="label">Активных</div><div class="value">'+active.length+'</div><div class="sub">в работе</div></div><div class="stat-card red"><div class="label">Просрочено</div><div class="value">'+tasks.filter(isOverdue).length+'</div><div class="sub">требуют внимания</div></div><div class="stat-card gold"><div class="label">Сегодня</div><div class="value">'+tasks.filter(isToday).length+'</div><div class="sub">дедлайн сегодня</div></div><div class="stat-card green"><div class="label">Выполнено</div><div class="value">'+tasks.filter(function(t){return t.status==='done'}).length+'</div><div class="sub">завершено</div></div>'; var search=($('tasks-search').value||'').toLowerCase().trim();var assignee=$('tasks-assignee-filter').value;var priority=$('tasks-priority-filter').value; var filtered=tasks.filter(function(t){if(assignee&&t.assignee!==assignee)return false;if(priority&&t.priority!==priority)return false;if(search){var hay=((t.title||'')+' '+(t.desc||'')+' '+(t.clientName||'')+' '+(t.assignee||'')).toLowerCase();if(hay.indexOf(search)===-1)return false}return true}); var statuses=[{key:'todo',label:'К выполнению'},{key:'progress',label:'В работе'},{key:'done',label:'Выполнено'}]; var kanban=$('tasks-kanban');if(!kanban)return; kanban.innerHTML=statuses.map(function(st){var items=filtered.filter(function(t){return t.status===st.key});var po={high:0,medium:1,low:2};items.sort(function(a,b){var score=function(t){return isOverdue(t)?0:isToday(t)?1:2};if(score(a)!==score(b))return score(a)-score(b);return(po[a.priority]!==undefined?po[a.priority]:3)-(po[b.priority]!==undefined?po[b.priority]:3)});return '<div class="kanban-col" data-status="'+st.key+'"><div class="kanban-col-header"><div class="kanban-col-title">'+st.label+'</div><span class="kanban-col-count">'+items.length+'</span></div><div class="kanban-items">'+items.map(function(t){var cls='k-card p-'+t.priority;if(isOverdue(t))cls+=' overdue';else if(isToday(t))cls+=' today';var dueIcon=isOverdue(t)?'!':isToday(t)?'T':'D';return '<div class="'+cls+'" draggable="true" data-id="'+t.id+'" data-type="task"><div class="k-card-top"><div class="k-card-title">'+(TASK_TYPES[t.type]||'')+' '+esc(t.title)+'</div><div class="k-card-actions">'+(t.status!=='done'?'<button class="act-done" data-done="'+t.id+'" title="Завершить">V</button>':'')+'<button class="act-edit" data-edit="'+t.id+'" title="Редактировать">E</button><button class="act-del" data-del="'+t.id+'" title="Удалить">X</button></div></div>'+(t.clientName?'<div class="k-card-client">'+esc(t.clientName)+'</div>':'')+(t.desc?'<div class="k-card-desc">'+esc(t.desc)+'</div>':'')+'<div class="k-card-footer"><span class="k-card-meta">'+dueIcon+' '+fmtDate(t.dueDate)+'</span><span class="k-card-meta"><span class="prio-dot '+t.priority+'"></span>'+esc(t.assignee||'—')+'</span></div></div>'}).join('')+'</div></div>'}).join(''); attachTasksDnD();attachTasksActions()} function attachTasksDnD(){var cards=document.querySelectorAll('#tasks-kanban .k-card');var cols=document.querySelectorAll('#tasks-kanban .kanban-col');cards.forEach(function(card){card.addEventListener('dragstart',function(e){e.dataTransfer.setData('text/plain',card.dataset.id);card.classList.add('dragging')});card.addEventListener('dragend',function(){card.classList.remove('dragging')})});cols.forEach(function(col){col.addEventListener('dragover',function(e){e.preventDefault();col.classList.add('dragover')});col.addEventListener('dragleave',function(){col.classList.remove('dragover')});col.addEventListener('drop',function(e){e.preventDefault();col.classList.remove('dragover');var id=parseInt(e.dataTransfer.getData('text/plain'));if(e.dataTransfer.getData('data-type')!=='task')return;var newStatus=col.dataset.status;var task=tasks.find(function(t){return t.id===id});if(task&&task.status!==newStatus){task.status=newStatus;save();renderTasks();renderDashboard();updateBadges();if(newStatus==='done')toast('Задача выполнена');else toast('Задача перемещена')}})})} function attachTasksActions(){var kanban=$('tasks-kanban');if(!kanban)return;kanban.querySelectorAll('[data-done]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();var id=parseInt(btn.dataset.done);var t=tasks.find(function(x){return x.id===id});if(t){t.status='done';save();renderTasks();renderDashboard();updateBadges();toast('Задача выполнена')}}});kanban.querySelectorAll('[data-edit]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openTaskEdit(parseInt(btn.dataset.edit))}});kanban.querySelectorAll('[data-del]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();removeTask(parseInt(btn.dataset.del))}})} function openTaskAdd(){$('task-modal-title').textContent='Новая задача';$('task-edit-id').value='';$('task-title').value='';$('task-desc').value='';populateClientSelect('task-client');$('task-type').value='call';$('task-priority').value='medium';$('task-assignee').value='Иванов';var d=new Date();d.setDate(d.getDate()+3);$('task-due').value=d.toISOString().slice(0,10);$('task-status').value='todo';$('task-modal').classList.add('active')} function openTaskEdit(id){var t=tasks.find(function(x){return x.id===id});if(!t)return;$('task-modal-title').textContent='Редактировать задачу';$('task-edit-id').value=t.id;$('task-title').value=t.title||'';$('task-desc').value=t.desc||'';populateClientSelect('task-client',t.clientName);$('task-type').value=t.type||'call';$('task-priority').value=t.priority||'medium';$('task-assignee').value=t.assignee||'Иванов';$('task-due').value=t.dueDate||'';$('task-status').value=t.status||'todo';$('task-modal').classList.add('active')} function saveTask(){var title=$('task-title').value.trim();var due=$('task-due').value;if(!title){toast('Укажите название задачи','error');return}if(!due){toast('Укажите срок выполнения','error');return}var editId=$('task-edit-id').value;var payload={title:title,dueDate:due,desc:$('task-desc').value.trim(),clientName:$('task-client').value,type:$('task-type').value,priority:$('task-priority').value,assignee:$('task-assignee').value,status:$('task-status').value};if(editId){var idx=tasks.findIndex(function(t){return t.id===parseInt(editId)});if(idx!==-1){tasks[idx]=Object.assign({},tasks[idx],payload);toast('Задача обновлена')}}else{payload.id=nextId(tasks);payload.createdAt=todayISO();tasks.push(payload);toast('Задача создана')}save();renderTasks();renderDashboard();updateBadges();$('task-modal').classList.remove('active')} function removeTask(id){var t=tasks.find(function(x){return x.id===id});if(!t)return;if(!confirm('Удалить задачу "'+t.title+'"?'))return;tasks=tasks.filter(function(x){return x.id!==id});save();renderTasks();renderDashboard();updateBadges();toast('Задача удалена')} function renderWarehouse(){var stockValue=products.reduce(function(s,p){return s+(p.qty||0)*(p.cost||0)},0);var low=products.filter(function(p){return getStockStatus(p)==='low'}).length;var out=products.filter(function(p){return getStockStatus(p)==='out'}).length; var stats=$('wh-stats');if(stats)stats.innerHTML='<div class="stat-card orange"><div class="label">Позиций</div><div class="value">'+products.length+'</div><div class="sub">наименований</div></div><div class="stat-card gold"><div class="label">Стоимость склада</div><div class="value">'+fmt(stockValue)+'</div><div class="sub">по себестоимости</div></div><div class="stat-card gold"><div class="label">Заканчиваются</div><div class="value">'+low+'</div><div class="sub">ниже минимума</div></div><div class="stat-card red"><div class="label">Нет в наличии</div><div class="value">'+out+'</div><div class="sub">нулевой остаток</div></div>'; var cats={};products.forEach(function(p){if(p.category)cats[p.category]=true});var catSel=$('wh-cat-filter');if(catSel){var cur=catSel.value;catSel.innerHTML='<option value="">Все категории</option>';Object.keys(cats).sort().forEach(function(c){var opt=document.createElement('option');opt.value=c;opt.textContent=c;catSel.appendChild(opt)});catSel.value=cur} var dl=$('wh-cat-list');if(dl)dl.innerHTML=Object.keys(cats).map(function(c){return '<option value="'+esc(c)+'">'}).join(''); var search=($('wh-search').value||'').toLowerCase().trim();var cat=catSel?catSel.value:'';var lowOnly=$('wh-low-only')&&$('wh-low-only').checked; var filtered=products.filter(function(p){if(cat&&p.category!==cat)return false;if(lowOnly&&getStockStatus(p)==='ok')return false;if(search){var hay=((p.name||'')+' '+(p.sku||'')+' '+(p.category||'')).toLowerCase();if(hay.indexOf(search)===-1)return false}return true}); var tbody=$('wh-tbody');if(!tbody)return; if(!filtered.length){tbody.innerHTML='<tr><td colspan="8" style="text-align:center;color:var(--muted);padding:30px">Товары не найдены</td></tr>';renderMoves();return} tbody.innerHTML=filtered.map(function(p){var st=getStockStatus(p);var total=(p.qty||0)*(p.cost||0);return '<tr data-id="'+p.id+'"><td><div class="cell-main">'+esc(p.name)+'</div><div class="cell-sub">'+esc(p.sku||'—')+'</div></td><td>'+(p.category?'<span class="badge ip">'+esc(p.category)+'</span>':'—')+'</td><td class="num" style="font-weight:800;color:'+(st==='out'?'var(--red)':st==='low'?'var(--gold)':'var(--green)')+'">'+p.qty+' '+esc(p.unit)+'</td><td class="num" style="color:var(--dim)">'+p.minQty+'</td><td class="num">'+fmt(p.price||0)+'</td><td class="num" style="color:var(--gold)">'+fmt(total)+'</td><td><span class="badge stock-'+st+'">'+WH_STATUS[st]+'</span></td><td><div class="row-actions"><button class="icon-btn in" data-move-in="'+p.id+'" title="Приход">+</button><button class="icon-btn out" data-move-out="'+p.id+'" title="Расход">-</button><button class="icon-btn edit" data-edit="'+p.id+'" title="Редактировать">E</button><button class="icon-btn del" data-del="'+p.id+'" title="Удалить">X</button></div></td></tr>'}).join(''); tbody.querySelectorAll('[data-move-in]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openMove(parseInt(btn.dataset.moveIn),'in')}}); tbody.querySelectorAll('[data-move-out]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openMove(parseInt(btn.dataset.moveOut),'out')}}); tbody.querySelectorAll('[data-edit]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openProductEdit(parseInt(btn.dataset.edit))}}); tbody.querySelectorAll('[data-del]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();removeProduct(parseInt(btn.dataset.del))}}); renderMoves()} function renderMoves(){var listEl=$('wh-moves-list');if(!listEl)return;var recent=moves.slice().reverse().slice(0,12);if(!recent.length){listEl.innerHTML='<div class="empty-note">Движений пока нет</div>';return} listEl.innerHTML=recent.map(function(mv){var prod=products.find(function(p){return p.id===mv.productId});var prodName=prod?prod.name:'(товар удалён)';return '<div class="linked-item" style="cursor:default"><div style="display:flex;align-items:center;gap:12px;flex:1"><span class="badge move-'+mv.type+'">'+(mv.type==='in'?'+ Приход':'- Расход')+'</span><div><div class="name">'+esc(prodName)+'</div><div class="meta">'+fmtDate(mv.date)+(mv.comment?' · '+esc(mv.comment):'')+(mv.dealName?' · '+esc(mv.dealName):'')+'</div></div></div><span class="amount" style="color:'+(mv.type==='in'?'var(--green)':'var(--orange)')+'">'+(mv.type==='in'?'+':'-')+mv.qty+'</span></div>'}).join('')} function openProductAdd(){$('wh-product-title').textContent='Новый товар';$('wh-edit-id').value='';$('wh-name').value='';$('wh-sku').value='';$('wh-category').value='';$('wh-unit').value='шт';$('wh-qty').value='0';$('wh-minqty').value='5';$('wh-price').value='0';$('wh-cost').value='0';$('wh-product-modal').classList.add('active')} function openProductEdit(id){var p=products.find(function(x){return x.id===id});if(!p)return;$('wh-product-title').textContent='Редактировать товар';$('wh-edit-id').value=p.id;$('wh-name').value=p.name||'';$('wh-sku').value=p.sku||'';$('wh-category').value=p.category||'';$('wh-unit').value=p.unit||'шт';$('wh-qty').value=p.qty||0;$('wh-minqty').value=p.minQty||0;$('wh-price').value=p.price||0;$('wh-cost').value=p.cost||0;$('wh-product-modal').classList.add('active')} function saveProduct(){var name=$('wh-name').value.trim();if(!name){toast('Укажите название товара','error');return}var editId=$('wh-edit-id').value;var payload={name:name,sku:$('wh-sku').value.trim(),category:$('wh-category').value.trim(),unit:$('wh-unit').value,qty:parseInt($('wh-qty').value)||0,minQty:parseInt($('wh-minqty').value)||0,price:parseFloat($('wh-price').value)||0,cost:parseFloat($('wh-cost').value)||0};if(editId){var idx=products.findIndex(function(p){return p.id===parseInt(editId)});if(idx!==-1){products[idx]=Object.assign({},products[idx],payload);toast('Товар обновлён')}}else{payload.id=nextId(products);products.push(payload);toast('Товар добавлен')}save();renderWarehouse();renderDashboard();updateBadges();$('wh-product-modal').classList.remove('active')} function removeProduct(id){var p=products.find(function(x){return x.id===id});if(!p)return;if(!confirm('Удалить товар "'+p.name+'"?'))return;products=products.filter(function(x){return x.id!==id});save();renderWarehouse();renderDashboard();updateBadges();toast('Товар удалён')} function openMove(productId,type){var p=products.find(function(x){return x.id===productId});if(!p)return;$('wh-move-product-id').value=productId;$('wh-move-type').value=type;$('wh-move-title').textContent=(type==='in'?'+ Приход: ':'- Расход: ')+p.name;$('wh-cur-stock').textContent='Текущий остаток: '+p.qty+' '+p.unit+' (мин. '+p.minQty+')';$('wh-move-qty').value='1';$('wh-move-comment').value='';populateDealSelect('wh-move-deal');$('wh-move-modal').classList.add('active')} function saveMove(){var productId=parseInt($('wh-move-product-id').value);var qty=parseInt($('wh-move-qty').value);var type=$('wh-move-type').value;var p=products.find(function(x){return x.id===productId});if(!p){$('wh-move-modal').classList.remove('active');return}if(!qty||qty<=0){toast('Укажите корректное количество','error');return}if(type==='out'&&qty>p.qty){toast('Нельзя списать больше, чем есть ('+p.qty+' '+p.unit+')','error');return}if(type==='in')p.qty+=qty;else p.qty-=qty;var dealName=$('wh-move-deal').value;moves.push({id:nextId(moves),productId:productId,type:type,qty:qty,date:todayISO(),comment:$('wh-move-comment').value.trim(),dealName:dealName||null});save();renderWarehouse();renderDashboard();updateBadges();$('wh-move-modal').classList.remove('active');if(type==='out'&&p.qty<=p.minQty){toast('Внимание: "'+p.name+'" осталось '+p.qty+' '+p.unit+' — ниже минимума!','error')}else{toast('Движение проведено')}} function renderDocs(){var total=docs.length;var invoices=docs.filter(function(d){return d.type==='invoice'}).length;var acts=docs.filter(function(d){return d.type==='act'}).length;var proposals=docs.filter(function(d){return d.type==='proposal'}).length;var totalSum=docs.reduce(function(s,d){return s+docTotal(d)},0); var stats=$('docs-stats');if(stats)stats.innerHTML='<div class="stat-card violet"><div class="label">Всего документов</div><div class="value">'+total+'</div><div class="sub">создано</div></div><div class="stat-card gold"><div class="label">Счетов</div><div class="value">'+invoices+'</div><div class="sub">на оплату</div></div><div class="stat-card green"><div class="label">Актов</div><div class="value">'+acts+'</div><div class="sub">выполненных работ</div></div><div class="stat-card pink"><div class="label">КП</div><div class="value">'+proposals+'</div><div class="sub">предложений</div></div><div class="stat-card orange"><div class="label">Общая сумма</div><div class="value">'+fmt(totalSum)+'</div><div class="sub">по всем</div></div>'; var tbody=$('docs-tbody');if(!tbody)return; if(!docs.length){tbody.innerHTML='<tr><td colspan="7" style="text-align:center;color:var(--muted);padding:30px">Документов пока нет. Создайте первый документ.</td></tr>';return} tbody.innerHTML=docs.map(function(d){var client=clients.find(function(c){return c.id===d.clientId});var total=docTotal(d);return '<tr data-id="'+d.id+'"><td class="cell-main" style="font-family:var(--fm)">'+esc(d.number||'—')+'</td><td><span class="badge doc-'+d.type+'">'+(DOC_TYPES[d.type]||d.type)+'</span></td><td><div class="cell-main">'+(client?esc(client.name):'—')+'</div>'+(client&&client.contact?'<div class="cell-sub">'+esc(client.contact)+'</div>':'')+'</td><td style="font-family:var(--fm);font-size:.82rem">'+fmtDate(d.date)+'</td><td class="num" style="color:var(--gold)">'+fmt(total)+'</td><td class="num">'+(d.items||[]).length+'</td><td><div class="row-actions"><button class="icon-btn in" data-view-doc="'+d.id+'" title="Просмотр">V</button><button class="icon-btn edit" data-edit-doc="'+d.id+'" title="Редактировать">E</button><button class="icon-btn del" data-del-doc="'+d.id+'" title="Удалить">X</button></div></td></tr>'}).join(''); tbody.querySelectorAll('[data-view-doc]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();previewDoc(parseInt(btn.dataset.viewDoc))}}); tbody.querySelectorAll('[data-edit-doc]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openDocEdit(parseInt(btn.dataset.editDoc))}}); tbody.querySelectorAll('[data-del-doc]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();removeDoc(parseInt(btn.dataset.delDoc))}})} var currentDocItems=[]; function renderDocItems(){var list=$('doc-items-list');if(!list)return;if(!currentDocItems.length){list.innerHTML='<div style="color:var(--muted);font-size:.85rem;padding:10px">Добавьте хотя бы одну позицию</div>';updateDocTotal();return} list.innerHTML=currentDocItems.map(function(it,idx){return '<div class="doc-item" data-idx="'+idx+'"><input type="text" class="item-name" placeholder="Наименование" value="'+esc(it.name)+'"><input type="number" class="item-qty" placeholder="Кол-во" min="0" value="'+it.qty+'"><input type="number" class="item-price" placeholder="Цена" min="0" value="'+it.price+'"><div class="sum">'+fmt((it.qty||0)*(it.price||0))+'</div><button class="rm" data-rm="'+idx+'" type="button">X</button></div>'}).join(''); list.querySelectorAll('.item-name').forEach(function(inp){inp.oninput=function(e){currentDocItems[parseInt(e.target.closest('.doc-item').dataset.idx)].name=e.target.value}}); list.querySelectorAll('.item-qty').forEach(function(inp){inp.oninput=function(e){var idx=parseInt(e.target.closest('.doc-item').dataset.idx);currentDocItems[idx].qty=parseFloat(e.target.value)||0;updateDocTotal();var sumEl=e.target.closest('.doc-item').querySelector('.sum');if(sumEl)sumEl.textContent=fmt((currentDocItems[idx].qty||0)*(currentDocItems[idx].price||0))}}); list.querySelectorAll('.item-price').forEach(function(inp){inp.oninput=function(e){var idx=parseInt(e.target.closest('.doc-item').dataset.idx);currentDocItems[idx].price=parseFloat(e.target.value)||0;updateDocTotal();var sumEl=e.target.closest('.doc-item').querySelector('.sum');if(sumEl)sumEl.textContent=fmt((currentDocItems[idx].qty||0)*(currentDocItems[idx].price||0))}}); list.querySelectorAll('[data-rm]').forEach(function(btn){btn.onclick=function(){currentDocItems.splice(parseInt(btn.dataset.rm),1);renderDocItems()}}); updateDocTotal()} function updateDocTotal(){var total=currentDocItems.reduce(function(s,it){return s+(it.qty||0)*(it.price||0)},0);var el=$('doc-total-value');if(el)el.textContent=fmt(total)} function nextDocNumber(type){var year=new Date().getFullYear();var prefix={invoice:'СЧ',act:'АКТ',proposal:'КП'}[type]||'ДОК';var count=docs.filter(function(d){return d.type===type&&d.number&&d.number.indexOf(String(year))!==-1}).length+1;return prefix+'-'+year+'-'+String(count).padStart(3,'0')} function openDocAdd(){$('doc-form-title').textContent='Новый документ';$('doc-edit-id').value='';$('doc-type').value='invoice';$('doc-number').value=nextDocNumber('invoice');$('doc-date').value=todayISO();populateClientSelect('doc-client');$('doc-comment').value='';currentDocItems=[{name:'',qty:1,price:0}];renderDocItems();$('doc-form-modal').classList.add('active')} function openDocEdit(id){var doc=docs.find(function(d){return d.id===id});if(!doc)return;$('doc-form-title').textContent='Редактировать документ';$('doc-edit-id').value=doc.id;$('doc-type').value=doc.type;$('doc-number').value=doc.number||'';$('doc-date').value=doc.date||'';populateClientSelect('doc-client',doc.clientId);$('doc-comment').value=doc.comment||'';currentDocItems=JSON.parse(JSON.stringify(doc.items||[]));if(!currentDocItems.length)currentDocItems=[{name:'',qty:1,price:0}];renderDocItems();$('doc-form-modal').classList.add('active')} function saveDoc(){var clientId=parseInt($('doc-client').value);if(!clientId){toast('Выберите клиента','error');return}var items=currentDocItems.filter(function(it){return it.name&&it.name.trim()});if(!items.length){toast('Добавьте хотя бы одну позицию с наименованием','error');return}var editId=$('doc-edit-id').value;var type=$('doc-type').value;var payload={type:type,clientId:clientId,number:$('doc-number').value.trim()||nextDocNumber(type),date:$('doc-date').value||todayISO(),comment:$('doc-comment').value.trim(),items:items};if(editId){var idx=docs.findIndex(function(d){return d.id===parseInt(editId)});if(idx!==-1){docs[idx]=Object.assign({},docs[idx],payload);toast('Документ обновлён')}}else{payload.id=nextId(docs);docs.push(payload);toast('Документ создан')}save();renderDocs();updateBadges();$('doc-form-modal').classList.remove('active')} function removeDoc(id){var doc=docs.find(function(d){return d.id===id});if(!doc)return;if(!confirm('Удалить документ "'+doc.number+'"?'))return;docs=docs.filter(function(d){return d.id!==id});save();renderDocs();updateBadges();toast('Документ удалён')} function buildDocHTML(doc){var client=clients.find(function(c){return c.id===doc.clientId});var company=settings.company||{};var contacts=settings.contacts||{};var signer=settings.signer||{};var total=docTotal(doc); var html='<div class="doc-head"><div class="doc-company">'+esc(company.name||'Название компании')+'<div class="sub">ИНН: '+esc(company.inn||'—')+(company.kpp?' / КПП: '+esc(company.kpp):'')+'</div><div class="sub">'+esc(company.address||'')+'</div>'+((contacts.phone||contacts.email)?'<div class="sub">'+esc(contacts.phone||'')+((contacts.email)?' · '+esc(contacts.email):'')+'</div>':'')+'</div><div style="text-align:right;font-size:11px;color:#555">Дата: '+fmtDate(doc.date)+'</div></div>'; html+='<div class="doc-title">'+(DOC_TYPES[doc.type]||'Документ')+' № '+esc(doc.number)+' от '+fmtDate(doc.date)+'</div>'; html+='<div class="doc-parties"><div class="doc-party"><div class="lbl">Исполнитель / Поставщик</div>'+esc(company.name||'—')+'<br>ИНН: '+esc(company.inn||'—')+'</div><div class="doc-party"><div class="lbl">Заказчик / Клиент</div>'+(client?esc(client.name):'—')+'<br>'+(client&&client.inn?'ИНН: '+esc(client.inn):'')+(client&&client.address?'<br>'+esc(client.address):'')+'</div></div>'; html+='<table><thead><tr><th style="width:30px">№</th><th>Наименование</th><th class="num" style="width:70px">Кол-во</th><th class="num" style="width:100px">Цена</th><th class="num" style="width:120px">Сумма</th></tr></thead><tbody>'+(doc.items||[]).map(function(it,idx){return '<tr><td>'+(idx+1)+'</td><td>'+esc(it.name)+'</td><td class="num">'+it.qty+'</td><td class="num">'+fmt(it.price)+'</td><td class="num">'+fmt((it.qty||0)*(it.price||0))+'</td></tr>'}).join('')+'</tbody></table>'; html+='<div class="doc-total-row"><span>ИТОГО к оплате:</span><span>'+fmt(total)+'</span></div>'; if(doc.comment){html+='<div class="doc-comment">'+(doc.type==='invoice'?'Назначение платежа: ':'Примечание: ')+esc(doc.comment)+'</div>'} html+='<div class="doc-sign"><div class="doc-sign-block"><div class="doc-sign-line">'+esc(signer.role||'Должность')+' / '+esc(signer.name||'ФИО')+'</div></div><div class="doc-sign-block"><div class="doc-sign-line">Подпись заказчика</div></div></div>'; return html} function previewDoc(id){var doc=docs.find(function(d){return d.id===id});if(!doc)return;var html=buildDocHTML(doc);$('doc-preview-content').innerHTML=html;$('docs-print-area').innerHTML=html;$('doc-preview-modal').classList.add('active')} function printDoc(){window.print()} function addDocFromWarehouse(){if(!products.length){toast('На складе нет товаров','error');return}var names=products.map(function(p,i){return(i+1)+'. '+p.name+'('+(p.sku||'без арт.')+') — '+fmt(p.price)}).join('\n');var choice=prompt('Выберите номер товара со склада:\n\n'+names+'\n\nВведите номер:');if(!choice)return;var idx=parseInt(choice)-1;if(idx>=0&&idx<products.length){var p=products[idx];currentDocItems.push({name:p.name,qty:1,price:p.price});renderDocItems();toast('Товар добавлен из склада')}else{toast('Неверный номер товара','error')}} function renderBackupInfo(){var el=$('backup-export-info');if(!el)return;el.innerHTML=['Сделки: '+deals.length,'Клиенты: '+clients.length,'Задачи: '+tasks.length,'Товары: '+products.length,'Движения: '+moves.length,'Документы: '+docs.length].join('<br>')} function exportAll(){var data={deals:deals,clients:clients,tasks:tasks,warehouse:{products:products,moves:moves},docs:docs,settings:settings,exportDate:new Date().toISOString()};var blob=new Blob([JSON.stringify(data,null,2)],{type:'application/json;charset=utf-8'});var url=URL.createObjectURL(blob);var link=document.createElement('a');var date=new Date().toISOString().slice(0,10);var companyName=(settings.company.name||'pandora').replace(/[^a-zа-я0-9]/gi,'_');link.href=url;link.download='pandora-backup-'+companyName+'-'+date+'.json';link.click();setTimeout(function(){URL.revokeObjectURL(url)},100);toast('Резервная копия сохранена')} function importFromFile(file){if(!confirm('Все текущие данные будут заменены данными из файла. Продолжить?'))return;var reader=new FileReader();reader.onload=function(e){try{var imported=JSON.parse(e.target.result);deals=imported.deals||[];clients=imported.clients||[];tasks=imported.tasks||[];if(imported.warehouse){products=imported.warehouse.products||[];moves=imported.warehouse.moves||[]}docs=imported.docs||[];if(imported.settings)settings=imported.settings;save();renderAll();toast('Данные успешно импортированы')}catch(err){toast('Ошибка импорта: '+err.message,'error')}};reader.readAsText(file,'utf-8')} function clearAll(){if(!confirm('Вы уверены? Все данные будут удалены БЕЗВОЗВРАТНО.'))return;if(!confirm('Точно удалить ВСЕ данные? Это действие нельзя отменить.'))return;deals=[];clients=[];tasks=[];products=[];moves=[];docs=[];settings={company:{name:'',inn:'',kpp:'',address:''},contacts:{phone:'',email:''},signer:{role:'',name:''}};save();renderAll();toast('Все данные удалены')} function loadDemo(){if(deals.length||clients.length){if(!confirm('В системе уже есть данные. Демо-данные будут добавлены к существующим. Продолжить?'))return}deals=[{id:1,name:'Поставка серверов',clientName:'ООО ТехноПарк',amount:850000,prob:70,manager:'Иванов',stage:'negotiation',date:'2026-09-15'},{id:2,name:'Внедрение CRM',clientName:'ИП Смирнов А.В.',amount:120000,prob:50,manager:'Петров',stage:'progress',date:'2026-09-05'},{id:3,name:'Консалтинг',clientName:'АО Инвест Групп',amount:350000,prob:90,manager:'Сидоров',stage:'won',date:'2026-08-19'}];clients=[{id:1,name:'ООО ТехноПарк',type:'legal',inn:'7712345678',contact:'Смирнов Алексей',phone:'+7 495 123-45-67',status:'vip',manager:'Иванов',notes:'Крупный клиент'},{id:2,name:'ИП Смирнов А.В.',type:'ip',inn:'771234567890',contact:'Смирнов Алексей',phone:'+7 916 000-11-22',status:'active',manager:'Петров',notes:''},{id:3,name:'АО Инвест Групп',type:'legal',inn:'7798765432',contact:'Кузнецова Мария',phone:'+7 495 987-65-43',status:'active',manager:'Сидоров',notes:''}];tasks=[{id:1,title:'Позвонить по КП',desc:'Уточнить решение по КП',type:'call',priority:'high',status:'todo',assignee:'Иванов',dueDate:todayISO(),clientName:'ООО ТехноПарк'}];products=[{id:1,name:'Ноутбук ASUS X515',sku:'ASU-001',category:'Электроника',unit:'шт',qty:12,minQty:5,price:65000,cost:50000},{id:2,name:'Монитор Dell 24',sku:'DEL-024',category:'Электроника',unit:'шт',qty:3,minQty:5,price:18500,cost:13000}];moves=[{id:1,productId:1,type:'in',qty:5,date:todayISO(),comment:'Поставка от ASUS'}];docs=[{id:1,type:'invoice',clientId:1,number:'СЧ-2026-001',date:todayISO(),comment:'Оплата за поставку серверов',items:[{name:'Ноутбук ASUS X515',qty:5,price:65000}]}];save();renderAll();toast('Демо-данные загружены')} function loadSettingsForm(){$('set-company-name').value=settings.company.name||'';$('set-inn').value=settings.company.inn||'';$('set-kpp').value=settings.company.kpp||'';$('set-address').value=settings.company.address||'';$('set-phone').value=settings.contacts.phone||'';$('set-email').value=settings.contacts.email||'';$('set-signer-role').value=settings.signer.role||'';$('set-signer-name').value=settings.signer.name||''} function saveSettings(){settings.company={name:$('set-company-name').value.trim(),inn:$('set-inn').value.trim(),kpp:$('set-kpp').value.trim(),address:$('set-address').value.trim()};settings.contacts={phone:$('set-phone').value.trim(),email:$('set-email').value.trim()};settings.signer={role:$('set-signer-role').value.trim(),name:$('set-signer-name').value.trim()};save();renderDashboard();toast('Настройки сохранены')} function resetSettings(){if(!confirm('Сбросить все настройки к значениям по умолчанию?'))return;settings={company:{name:'',inn:'',kpp:'',address:''},contacts:{phone:'',email:''},signer:{role:'',name:''}};save();loadSettingsForm();renderDashboard();toast('Настройки сброшены')} function renderAll(){renderDashboard();renderDeals();renderClients();renderTasks();renderWarehouse();renderDocs();renderBackupInfo();updateBadges()} function init(){load();renderAll();loadSettingsForm(); var nav=$('main-nav');if(nav){nav.addEventListener('click',function(e){var link=e.target.closest('.nav-link');if(!link)return;e.preventDefault();var view=link.getAttribute('data-view');if(view)switchSection(view)})} var dealsAdd=$('deals-add-btn');if(dealsAdd)dealsAdd.onclick=function(){openDealAdd()}; var dealCancel=$('deal-cancel-btn');if(dealCancel)dealCancel.onclick=function(){$('deal-modal').classList.remove('active')}; var dealSave=$('deal-save-btn');if(dealSave)dealSave.onclick=function(){saveDeal()}; var dealsSearch=$('deals-search');if(dealsSearch)dealsSearch.oninput=function(){renderDeals()}; var dealsManager=$('deals-manager-filter');if(dealsManager)dealsManager.onchange=function(){renderDeals()}; var clientsAdd=$('clients-add-btn');if(clientsAdd)clientsAdd.onclick=function(){openClientAdd()}; var clientCancel=$('client-cancel-btn');if(clientCancel)clientCancel.onclick=function(){$('client-modal').classList.remove('active')}; var clientSave=$('client-save-btn');if(clientSave)clientSave.onclick=function(){saveClient()}; var clientsSearch=$('clients-search');if(clientsSearch)clientsSearch.oninput=function(){renderClients()}; var clientsType=$('clients-type-filter');if(clientsType)clientsType.onchange=function(){renderClients()}; var clientsStatus=$('clients-status-filter');if(clientsStatus)clientsStatus.onchange=function(){renderClients()}; var tasksAdd=$('tasks-add-btn');if(tasksAdd)tasksAdd.onclick=function(){openTaskAdd()}; var taskCancel=$('task-cancel-btn');if(taskCancel)taskCancel.onclick=function(){$('task-modal').classList.remove('active')}; var taskSave=$('task-save-btn');if(taskSave)taskSave.onclick=function(){saveTask()}; var tasksSearch=$('tasks-search');if(tasksSearch)tasksSearch.oninput=function(){renderTasks()}; var tasksAssignee=$('tasks-assignee-filter');if(tasksAssignee)tasksAssignee.onchange=function(){renderTasks()}; var tasksPriority=$('tasks-priority-filter');if(tasksPriority)tasksPriority.onchange=function(){renderTasks()}; var whAdd=$('wh-add-btn');if(whAdd)whAdd.onclick=function(){openProductAdd()}; var whProductCancel=$('wh-product-cancel');if(whProductCancel)whProductCancel.onclick=function(){$('wh-product-modal').classList.remove('active')}; var whProductSave=$('wh-product-save');if(whProductSave)whProductSave.onclick=function(){saveProduct()}; var whSearch=$('wh-search');if(whSearch)whSearch.oninput=function(){renderWarehouse()}; var whCatFilter=$('wh-cat-filter');if(whCatFilter)whCatFilter.onchange=function(){renderWarehouse()}; var whLowOnly=$('wh-low-only');if(whLowOnly)whLowOnly.onchange=function(){renderWarehouse()}; var whMoveCancel=$('wh-move-cancel');if(whMoveCancel)whMoveCancel.onclick=function(){$('wh-move-modal').classList.remove('active')}; var whMoveSave=$('wh-move-save');if(whMoveSave)whMoveSave.onclick=function(){saveMove()}; var docsAdd=$('docs-add-btn');if(docsAdd)docsAdd.onclick=function(){openDocAdd()}; var docCancel=$('doc-cancel-btn');if(docCancel)docCancel.onclick=function(){$('doc-form-modal').classList.remove('active')}; var docSave=$('doc-save-btn');if(docSave)docSave.onclick=function(){saveDoc()}; var docAddItem=$('doc-add-item');if(docAddItem)docAddItem.onclick=function(){currentDocItems.push({name:'',qty:1,price:0});renderDocItems()}; var docAddFromWh=$('doc-add-from-wh');if(docAddFromWh)docAddFromWh.onclick=function(){addDocFromWarehouse()}; var docTypeSel=$('doc-type');if(docTypeSel)docTypeSel.onchange=function(){if(!$('doc-edit-id').value){$('doc-number').value=nextDocNumber(docTypeSel.value)}}; var docPreviewClose=$('doc-preview-close');if(docPreviewClose)docPreviewClose.onclick=function(){$('doc-preview-modal').classList.remove('active')}; var docPrintBtn=$('doc-print-btn');if(docPrintBtn)docPrintBtn.onclick=function(){printDoc()}; var btnSaveSettings=$('btn-save-settings');if(btnSaveSettings)btnSaveSettings.onclick=function(){saveSettings()}; var btnResetSettings=$('btn-reset-settings');if(btnResetSettings)btnResetSettings.onclick=function(){resetSettings()}; var btnExport=$('btn-export-all');if(btnExport)btnExport.onclick=function(){exportAll()}; var btnImport=$('btn-import-trigger');var fileImport=$('file-import');if(btnImport&&fileImport){btnImport.onclick=function(){fileImport.click()};fileImport.onchange=function(e){var f=e.target.files[0];if(f)importFromFile(f);fileImport.value=''}} var btnClear=$('btn-clear-all');if(btnClear)btnClear.onclick=function(){clearAll()}; var btnDemo=$('btn-load-demo');if(btnDemo)btnDemo.onclick=function(){loadDemo()}; document.addEventListener('keydown',function(e){if(e.key==='Escape'){['deal-modal','client-modal','client-view-modal','task-modal','wh-product-modal','wh-move-modal','doc-form-modal','doc-preview-modal'].forEach(function(id){var m=$(id);if(m)m.classList.remove('active')})}})} if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init)}else{init()} })(); </script> </body> </html></subtitle> <updated>2026-08-19T16:16:38Z</updated> <logo>https://pandoraburo.ru/ssl/u/pic/f1/ddc6349a4311f19817f9045e951988/-/logo.png</logo> <author> <name>1592962</name> <uri>https://www.pandoraburo.ru/</uri> </author> </feed>

https://www.pandoraburo.ru/srm-chernovik <subtitle type="html"> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Пандора CRM — Часть 4</title> <style> #pd-root{--bg:#f2f2f4;--panel:#fff;--panel2:#fafafb;--card:#fff;--txt:#1a1a1e;--txt-strong:#0d0d11;--dim:#52525a;--muted:#6e6e78;--pink:#c2185b;--green:#2e7d32;--gold:#a36a00;--orange:#d84e00;--violet:#5e35b1;--red:#c62828;--blue:#1565c0;--line:#d7d7dd;--line-strong:#b8b8c2;--shadow:0 1px 3px rgba(20,20,30,.08);--fd:'Unbounded','Arial Black',sans-serif;--fb:'Inter',system-ui,sans-serif;--fm:'JetBrains Mono',monospace} #pd-root *,#pd-root *::before,#pd-root *::after{box-sizing:border-box;margin:0;padding:0} #pd-root{font-family:var(--fb);background:var(--bg);color:var(--txt);min-height:100vh;line-height:1.55} #pd-root .sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:50;background:var(--panel);border-right:2px solid var(--line-strong);overflow-y:auto;overflow-x:hidden;padding-bottom:30px} #pd-root .logo{padding:22px 20px 18px;font-size:1.4rem;font-weight:800;color:var(--txt-strong);font-family:var(--fd);border-bottom:3px solid var(--pink)} #pd-root .logo .crm{font-size:.78rem;font-weight:700;color:var(--pink);margin-left:6px;letter-spacing:3px} #pd-root .nav-section{padding:18px 20px 8px;font-size:.68rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)} #pd-root .nav-section.ns-blue{color:var(--blue)} #pd-root .nav-section.ns-pink{color:var(--pink)} #pd-root .nav-section.ns-orange{color:var(--orange)} #pd-root .nav-section.ns-gold{color:var(--gold)} #pd-root .nav-link{display:flex;align-items:center;gap:8px;margin:3px 10px;padding:10px 12px;text-decoration:none;font-size:.88rem;font-weight:600;border-radius:8px;border:1px solid transparent;transition:background .18s,color .18s;cursor:pointer;color:var(--txt)} #pd-root .nav-link:hover{background:var(--panel2);color:var(--txt-strong)} #pd-root .nav-link.active{background:var(--pink);border-color:var(--pink);color:#fff;font-weight:700} #pd-root .nav-link .badge-count{margin-left:auto;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--pink);color:#fff;min-width:22px;text-align:center} #pd-root .nav-link.active .badge-count{background:#fff;color:var(--pink)} #pd-root .main-content{margin-left:280px;min-height:100vh;padding:0 26px 60px} #pd-root .topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 4px;margin-bottom:8px;background:var(--bg);border-bottom:2px solid var(--line-strong)} #pd-root .breadcrumbs{font-size:.95rem;font-weight:800;color:var(--txt-strong)} #pd-root .section{display:none} #pd-root .section.active{display:block;animation:pdFade .25s ease} @keyframes pdFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}} #pd-root .section-title{margin:0 0 1.4rem;font-size:1.55rem;font-weight:800;color:var(--txt-strong);font-family:var(--fd);padding-bottom:12px;border-bottom:3px solid var(--pink)} #pd-root .section-title .accent{color:var(--gold)} #pd-root .section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:20px} #pd-root .section-header .section-title{margin:0;border:none;padding:0} #pd-root .btn{padding:.6rem 1.1rem;border:none;border-radius:8px;font-size:.88rem;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(90deg,var(--orange),var(--pink));transition:filter .2s,transform .15s;font-family:var(--fb)} #pd-root .btn:hover{filter:brightness(1.08);transform:translateY(-1px)} #pd-root .btn:active{transform:translateY(1px)} #pd-root .btn-secondary{background:var(--muted)} #pd-root .btn-o{background:var(--panel);color:var(--txt);border:2px solid var(--line-strong)} #pd-root .btn-o:hover{border-color:var(--violet);color:var(--violet)} #pd-root .btn-green{background:linear-gradient(90deg,var(--green),#1b5e20)} #pd-root .btn-violet{background:linear-gradient(90deg,var(--violet),#4527a0)} #pd-root .btn-d{background:var(--red)} #pd-root .btn-s{padding:.35rem .7rem;font-size:.8rem} #pd-root .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:24px} #pd-root .stat-card{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;padding:18px;box-shadow:var(--shadow);border-top:4px solid var(--line-strong)} #pd-root .stat-card .label{font-size:.7rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px} #pd-root .stat-card .value{font-family:var(--fd);font-size:1.5rem;font-weight:800;color:var(--txt-strong)} #pd-root .stat-card .sub{font-size:.78rem;color:var(--dim);margin-top:4px;font-weight:600} #pd-root .stat-card.gold{border-top-color:var(--gold)}.stat-card.gold .value{color:var(--gold)} #pd-root .stat-card.green{border-top-color:var(--green)}.stat-card.green .value{color:var(--green)} #pd-root .stat-card.violet{border-top-color:var(--violet)}.stat-card.violet .value{color:var(--violet)} #pd-root .stat-card.pink{border-top-color:var(--pink)}.stat-card.pink .value{color:var(--pink)} #pd-root .stat-card.red{border-top-color:var(--red)}.stat-card.red .value{color:var(--red)} #pd-root .dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-bottom:20px} #pd-root .dash-card{background:var(--panel);border-radius:12px;padding:20px;border:1px solid var(--line-strong);box-shadow:var(--shadow);border-top:4px solid var(--line-strong)} #pd-root .dash-card h3{margin:0 0 14px;font-size:.8rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--txt-strong)} #pd-root .dash-card.dc-gold{border-top-color:var(--gold)}.dash-card.dc-gold h3{color:var(--gold)} #pd-root .dash-card.dc-pink{border-top-color:var(--pink)}.dash-card.dc-pink h3{color:var(--pink)} #pd-root .dash-card.dc-violet{border-top-color:var(--violet)}.dash-card.dc-violet h3{color:var(--violet)} #pd-root .dash-card.dc-green{border-top-color:var(--green)}.dash-card.dc-green h3{color:var(--green)} #pd-root .dash-card.dc-orange{border-top-color:var(--orange)}.dash-card.dc-orange h3{color:var(--orange)} #pd-root .dash-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:.88rem} #pd-root .dash-row:last-child{border-bottom:none} #pd-root .dash-row .k{color:var(--dim);font-weight:600} #pd-root .dash-row .v{color:var(--txt-strong);font-weight:800;font-family:var(--fm)} #pd-root .dash-row .v.green{color:var(--green)} #pd-root .dash-row .v.violet{color:var(--violet)} #pd-root .dash-row .v.red{color:var(--red)} #pd-root .kanban{display:grid;gap:16px;overflow-x:auto;padding-bottom:12px;align-items:flex-start} #pd-root .kanban.cols-5{grid-template-columns:repeat(5,minmax(210px,1fr))} #pd-root .kanban.cols-3{grid-template-columns:repeat(3,minmax(240px,1fr))} #pd-root .kanban-col{background:var(--panel2);border:2px solid var(--line);border-radius:12px;padding:12px;min-height:220px;transition:border-color .15s,background .15s} #pd-root .kanban-col.dragover{border-color:var(--pink);background:var(--panel)} #pd-root .kanban-col-header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 12px;border-bottom:2px solid var(--line);margin-bottom:12px} #pd-root .kanban-col-title{font-weight:800;font-size:.85rem;color:var(--txt-strong)} #pd-root .kanban-col-count{font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:10px;background:var(--pink);color:#fff} #pd-root .kanban-col-sum{font-size:.72rem;color:var(--dim);font-family:var(--fm);margin-top:2px} #pd-root .kanban-items{display:flex;flex-direction:column;gap:10px;min-height:60px} #pd-root .k-card{background:var(--card);border:1px solid var(--line-strong);border-left:4px solid var(--violet);border-radius:10px;padding:12px;cursor:grab;transition:transform .15s,box-shadow .15s;box-shadow:var(--shadow)} #pd-root .k-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(20,20,30,.12)} #pd-root .k-card.dragging{opacity:.5;cursor:grabbing} #pd-root .k-card.p-high{border-left-color:var(--red)} #pd-root .k-card.p-medium{border-left-color:var(--gold)} #pd-root .k-card.p-low{border-left-color:var(--green)} #pd-root .k-card.overdue{background:#fdeeee;border-color:#f0c8c8} #pd-root .k-card.today{background:#fdf6e8;border-color:#ecd9b0} #pd-root .k-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:6px} #pd-root .k-card-title{font-weight:700;font-size:.88rem;color:var(--txt-strong);line-height:1.3} #pd-root .k-card-client{font-size:.76rem;color:var(--violet);font-weight:600;margin-bottom:6px} #pd-root .k-card-desc{font-size:.76rem;color:var(--dim);margin-bottom:8px;line-height:1.4} #pd-root .k-card-amount{font-family:var(--fm);font-weight:700;color:var(--gold);font-size:.95rem;margin-bottom:6px} #pd-root .k-card-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap} #pd-root .k-card-meta{font-size:.7rem;color:var(--dim);font-weight:600;font-family:var(--fm)} #pd-root .k-card-actions{display:flex;gap:4px} #pd-root .k-card-actions button{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:6px;cursor:pointer;font-size:.7rem;background:var(--panel);color:var(--txt);transition:all .15s} #pd-root .k-card-actions button:hover{transform:translateY(-1px)} #pd-root .k-card-actions .act-done:hover{background:var(--green);color:#fff;border-color:var(--green)} #pd-root .k-card-actions .act-edit:hover{background:var(--violet);color:#fff;border-color:var(--violet)} #pd-root .k-card-actions .act-del:hover{background:var(--red);color:#fff;border-color:var(--red)} #pd-root .prob-badge{background:var(--violet);color:#fff;padding:2px 7px;border-radius:4px;font-size:.68rem;font-weight:700;font-family:var(--fm)} #pd-root .prio-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px} #pd-root .prio-dot.high{background:var(--red)} #pd-root .prio-dot.medium{background:var(--gold)} #pd-root .prio-dot.low{background:var(--green)} #pd-root .modal-overlay{position:fixed;inset:0;background:rgba(20,20,30,.55);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px} #pd-root .modal-overlay.active{display:flex} #pd-root .modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;padding:32px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(20,20,30,.3)} #pd-root .modal.wide{max-width:860px} #pd-root .modal h2{font-family:var(--fd);font-size:1.3rem;margin-bottom:20px;color:var(--txt-strong)} #pd-root .modal-actions{display:flex;gap:12px;margin-top:22px;justify-content:flex-end;flex-wrap:wrap} #pd-root .fg{margin-bottom:14px} #pd-root .fg label{display:block;margin-bottom:6px;font-weight:700;color:var(--txt);font-size:.85rem} #pd-root .fg label .req{color:var(--pink)} #pd-root .fg input,#pd-root .fg select,#pd-root .fg textarea{width:100%;padding:10px 12px;background:var(--panel);border:2px solid var(--line-strong);border-radius:8px;color:var(--txt);font-size:.88rem;font-family:var(--fb);outline:none;transition:border-color .2s} #pd-root .fg input:focus,#pd-root .fg select:focus,#pd-root .fg textarea:focus{border-color:var(--violet)} #pd-root .fg textarea{resize:vertical;min-height:70px} #pd-root .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px} #pd-root .form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px} #pd-root .table-wrap{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;overflow-x:auto;box-shadow:var(--shadow)} #pd-root .tbl{width:100%;border-collapse:collapse;font-size:.88rem;min-width:700px} #pd-root .tbl thead th{background:var(--panel2);padding:13px 16px;text-align:left;font-weight:800;color:var(--txt-strong);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid var(--line-strong);white-space:nowrap} #pd-root .tbl thead th.num{text-align:right} #pd-root .tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--txt);vertical-align:middle} #pd-root .tbl tbody td.num{text-align:right;font-family:var(--fm);font-weight:600} #pd-root .tbl tbody tr{cursor:pointer;transition:background .15s} #pd-root .tbl tbody tr:hover{background:var(--panel2)} #pd-root .tbl tbody tr:last-child td{border-bottom:none} #pd-root .cell-main{font-weight:700;color:var(--txt-strong)} #pd-root .cell-sub{font-size:.74rem;color:var(--muted);margin-top:2px} #pd-root .row-actions{display:flex;gap:6px;justify-content:flex-end} #pd-root .icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:8px;cursor:pointer;font-size:.85rem;background:var(--panel);color:var(--txt);transition:all .15s} #pd-root .icon-btn:hover{transform:translateY(-2px)} #pd-root .icon-btn.edit:hover{background:var(--violet);color:#fff;border-color:var(--violet)} #pd-root .icon-btn.del:hover{background:var(--red);color:#fff;border-color:var(--red)} #pd-root .icon-btn.in:hover{background:var(--green);color:#fff;border-color:var(--green)} #pd-root .icon-btn.out:hover{background:var(--orange);color:#fff;border-color:var(--orange)} #pd-root .badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:800;border:1px solid} #pd-root .badge.legal{background:#f0ebfa;color:var(--violet);border-color:#d5c8f2} #pd-root .badge.ip{background:#fdf6e8;color:var(--gold);border-color:#ecd9b0} #pd-root .badge.person{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.stage-new{background:#eef1fd;color:var(--blue);border-color:#c8d4f2} #pd-root .badge.stage-progress{background:#fdf6e8;color:var(--gold);border-color:#ecd9b0} #pd-root .badge.stage-negotiation{background:#f0ebfa;color:var(--violet);border-color:#d5c8f2} #pd-root .badge.stage-won{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.stage-lost{background:#fdeeee;color:var(--red);border-color:#f0c8c8} #pd-root .badge.status-active{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.status-vip{background:#fdf6e8;color:var(--gold);border-color:#ecd9b0} #pd-root .badge.status-inactive{background:#f0f0f2;color:var(--muted);border-color:var(--line-strong)} #pd-root .badge.stock-ok{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.stock-low{background:#fdf6e8;color:var(--gold);border-color:#ecd9b0} #pd-root .badge.stock-out{background:#fdeeee;color:var(--red);border-color:#f0c8c8} #pd-root .badge.move-in{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.move-out{background:#fff3ec;color:var(--orange);border-color:#f2d5c0} #pd-root .badge.doc-invoice{background:#eef1fd;color:var(--blue);border-color:#c8d4f2} #pd-root .badge.doc-act{background:#eef7ee;color:var(--green);border-color:#c5e2c5} #pd-root .badge.doc-proposal{background:#f0ebfa;color:var(--violet);border-color:#d5c8f2} #pd-root .filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px} #pd-root .filters input,#pd-root .filters select{padding:9px 13px;background:var(--panel);border:2px solid var(--line-strong);border-radius:8px;color:var(--txt);font-size:.86rem;font-family:var(--fb);outline:none} #pd-root .filters input[type=text]{flex:1;min-width:200px} #pd-root .filters label.chk{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--txt);cursor:pointer;user-select:none;font-weight:600} #pd-root .filters input[type=checkbox]{width:18px;height:18px;accent-color:var(--pink);cursor:pointer} #pd-root .client-profile-header{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:2px solid var(--line-strong);flex-wrap:wrap} #pd-root .client-avatar{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:1.5rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--violet),var(--pink));flex-shrink:0} #pd-root .client-profile-title h2{font-family:var(--fd);font-size:1.3rem;color:var(--txt-strong);margin-bottom:6px} #pd-root .client-profile-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap} #pd-root .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;margin-bottom:22px} #pd-root .info-item .label{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-weight:700} #pd-root .info-item .value{font-size:.92rem;color:var(--txt);font-weight:600;word-break:break-word} #pd-root .info-item .value.mono{font-family:var(--fm)} #pd-root .card-section-title{font-family:var(--fd);font-size:.92rem;font-weight:700;color:var(--gold);margin:18px 0 12px;display:flex;align-items:center;gap:8px} #pd-root .linked-item{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;transition:border-color .15s} #pd-root .linked-item:hover{border-color:var(--violet)} #pd-root .linked-item .name{font-weight:700;color:var(--txt-strong);font-size:.88rem} #pd-root .linked-item .meta{font-size:.74rem;color:var(--muted);margin-top:2px} #pd-root .linked-item .amount{font-family:var(--fm);font-weight:700;color:var(--gold)} #pd-root .empty-note{color:var(--muted);font-size:.86rem;padding:12px 0;font-weight:600} #pd-root .doc-item{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:8px;display:grid;grid-template-columns:1fr 80px 100px 100px 32px;gap:8px;align-items:center} #pd-root .doc-item input{padding:8px 10px;background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;color:var(--txt);font-size:.85rem;font-family:var(--fb);outline:none;width:100%} #pd-root .doc-item .sum{font-family:var(--fm);font-weight:700;color:var(--gold);text-align:right;font-size:.88rem} #pd-root .doc-item .rm{background:var(--red);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;width:32px;height:32px} #pd-root .doc-total{display:flex;justify-content:space-between;padding:12px 10px;background:var(--panel2);border-radius:8px;border:2px solid var(--line-strong);font-weight:800;color:var(--txt-strong);margin-top:8px} #pd-root .doc-total .tv{font-family:var(--fm);font-size:1.1rem;color:var(--gold)} #pd-root .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px} #pd-root .settings-card{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;padding:22px;box-shadow:var(--shadow)} #pd-root .settings-card h3{font-family:var(--fd);font-size:.95rem;color:var(--txt-strong);margin-bottom:16px;display:flex;align-items:center;gap:8px} #pd-root .settings-card p{font-size:.85rem;color:var(--dim);margin-bottom:14px;line-height:1.5} #pd-root .toast{position:fixed;bottom:24px;right:24px;background:var(--green);color:#fff;padding:14px 22px;border-radius:10px;font-weight:700;font-size:.88rem;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:2000;max-width:360px} #pd-root .toast.show{transform:translateY(0);opacity:1} #pd-root .toast.error{background:var(--red)} #docs-print-area{display:none} @media print{ body *{visibility:hidden} #docs-print-area,#docs-print-area *{visibility:visible} #docs-print-area{display:block!important;position:absolute;left:0;top:0;width:100%;background:#fff;color:#000;font-family:Arial,sans-serif;padding:30px;font-size:13px;line-height:1.5} #docs-print-area .doc-head{display:flex;justify-content:space-between;border-bottom:3px solid #000;padding-bottom:14px;margin-bottom:18px} #docs-print-area .doc-company{font-size:14px;font-weight:700} #docs-print-area .doc-company .sub{font-size:11px;font-weight:400;color:#333;margin-top:3px} #docs-print-area .doc-title{font-size:20px;font-weight:800;text-align:center;margin:18px 0;text-transform:uppercase} #docs-print-area .doc-parties{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;font-size:12px} #docs-print-area .doc-party{flex:1} #docs-print-area .doc-party .lbl{font-weight:700;margin-bottom:4px;font-size:11px;text-transform:uppercase;color:#555} #docs-print-area table{width:100%;border-collapse:collapse;margin:16px 0} #docs-print-area table th{background:#f0f0f0;padding:8px;border:1px solid #999;text-align:left;font-size:11px;text-transform:uppercase} #docs-print-area table td{padding:8px;border:1px solid #999;font-size:12px} #docs-print-area table td.num,#docs-print-area table th.num{text-align:right} #docs-print-area .doc-total-row{display:flex;justify-content:flex-end;gap:30px;font-size:15px;font-weight:800;margin:14px 0} #docs-print-area .doc-comment{margin:16px 0;font-size:12px;font-style:italic;color:#333} #docs-print-area .doc-sign{margin-top:40px;display:flex;justify-content:space-between;gap:30px} #docs-print-area .doc-sign-block{flex:1} #docs-print-area .doc-sign-line{border-top:1px solid #000;margin-top:40px;padding-top:6px;font-size:11px;color:#333} } @media(max-width:860px){ #pd-root .sidebar{position:static;width:100%;height:auto;overflow:visible;border-right:none;border-bottom:2px solid var(--line-strong)} #pd-root .main-content{margin-left:0;padding:0 14px 40px} #pd-root .kanban.cols-5,#pd-root .kanban.cols-3{grid-template-columns:1fr} #pd-root .form-row,#pd-root .form-row-3{grid-template-columns:1fr} #pd-root .doc-item{grid-template-columns:1fr 70px 90px 32px} #pd-root .doc-item .sum{display:none} } </style> </head> <body> <div id="pd-root"> <aside class="sidebar"> <div class="logo">Пандора<span class="crm">CRM</span></div> <nav id="main-nav"> <div class="nav-section ns-blue">Рабочее место</div> <a class="nav-link active" data-view="dashboard">Дашборд</a> <div class="nav-section ns-pink">CRM</div> <a class="nav-link" data-view="deals">Сделки <span class="badge-count" id="nav-deals-count">0</span></a> <a class="nav-link" data-view="clients">Клиенты <span class="badge-count" id="nav-clients-count">0</span></a> <a class="nav-link" data-view="tasks">Задачи <span class="badge-count" id="nav-tasks-count">0</span></a> <div class="nav-section ns-orange">Склад и документы</div> <a class="nav-link" data-view="warehouse">Склад <span class="badge-count" id="nav-wh-count">0</span></a> <a class="nav-link" data-view="docs">Документы <span class="badge-count" id="nav-docs-count">0</span></a> <div class="nav-section ns-gold">Сервис</div> <a class="nav-link" data-view="settings">Настройки</a> <a class="nav-link" data-view="backup">Резервные копии</a> </nav> </aside> <main class="main-content"> <header class="topbar"> <div class="breadcrumbs" id="breadcrumbs">Пандора CRM / Дашборд</div> <div style="font-size:.8rem;color:var(--muted)">ЧАСТЬ 4 — Склад + Документы</div> </header> <section class="section active" data-section="dashboard"> <h1 class="section-title">Приборная панель <span class="accent" id="dash-company-name"></span></h1> <div class="stats-grid" id="dash-main-stats"></div> <div class="dash-grid"> <div class="dash-card dc-gold"><h3>Продажи</h3><div id="dash-deals"></div></div> <div class="dash-card dc-pink"><h3>Клиенты</h3><div id="dash-clients"></div></div> <div class="dash-card dc-violet"><h3>Задачи</h3><div id="dash-tasks"></div></div> <div class="dash-card dc-orange"><h3>Склад</h3><div id="dash-warehouse"></div></div> </div> </section> <section class="section" data-section="deals"> <div class="section-header"><h1 class="section-title">Сделки <span class="accent">и воронка</span></h1><button class="btn" id="deals-add-btn" type="button">+ Новая сделка</button></div> <div class="stats-grid" id="deals-stats"></div> <div class="filters"> <input type="text" id="deals-search" placeholder="Поиск по названию или клиенту..." /> <select id="deals-manager-filter"><option value="">Все менеджеры</option><option value="Иванов">Иванов</option><option value="Петров">Петров</option><option value="Сидоров">Сидоров</option></select> </div> <div class="kanban cols-5" id="deals-kanban"></div> </section> <section class="section" data-section="clients"> <div class="section-header"><h1 class="section-title">Клиенты <span class="accent">база</span></h1><button class="btn" id="clients-add-btn" type="button">+ Новый клиент</button></div> <div class="stats-grid" id="clients-stats"></div> <div class="filters"> <input type="text" id="clients-search" placeholder="Поиск по названию, ИНН, контакту..." /> <select id="clients-type-filter"><option value="">Все типы</option><option value="legal">Юр. лицо</option><option value="ip">ИП</option><option value="person">Физ. лицо</option></select> <select id="clients-status-filter"><option value="">Все статусы</option><option value="active">Активный</option><option value="vip">VIP</option><option value="inactive">Неактивный</option></select> </div> <div class="table-wrap"><table class="tbl"><thead><tr><th>Клиент</th><th>Тип</th><th>ИНН</th><th>Контакт</th><th>Телефон</th><th>Менеджер</th><th>Статус</th><th></th></tr></thead><tbody id="clients-tbody"></tbody></table></div> </section> <section class="section" data-section="tasks"> <div class="section-header"><h1 class="section-title">Задачи <span class="accent">и напоминания</span></h1><button class="btn" id="tasks-add-btn" type="button">+ Новая задача</button></div> <div class="stats-grid" id="tasks-stats"></div> <div class="filters"> <input type="text" id="tasks-search" placeholder="Поиск по задаче или клиенту..." /> <select id="tasks-assignee-filter"><option value="">Все исполнители</option><option value="Иванов">Иванов</option><option value="Петров">Петров</option><option value="Сидоров">Сидоров</option></select> <select id="tasks-priority-filter"><option value="">Любой приоритет</option><option value="high">Высокий</option><option value="medium">Средний</option><option value="low">Низкий</option></select> </div> <div class="kanban cols-3" id="tasks-kanban"></div> </section> <section class="section" data-section="warehouse"> <div class="section-header"><h1 class="section-title">Склад <span class="accent">и остатки</span></h1><button class="btn" id="wh-add-btn" type="button">+ Новый товар</button></div> <div class="stats-grid" id="wh-stats"></div> <div class="filters"> <input type="text" id="wh-search" placeholder="Поиск по названию или артикулу..." /> <select id="wh-cat-filter"><option value="">Все категории</option></select> <label class="chk"><input type="checkbox" id="wh-low-only" /> Только заканчивающиеся</label> </div> <div class="table-wrap"><table class="tbl"><thead><tr><th>Товар</th><th>Категория</th><th class="num">Остаток</th><th class="num">Мин.</th><th class="num">Цена</th><th class="num">Сумма</th><th>Статус</th><th></th></tr></thead><tbody id="wh-tbody"></tbody></table></div> <div class="dash-card dc-orange" style="margin-top:20px"><h3>Последние движения</h3><div id="wh-moves-list"></div></div> </section> <section class="section" data-section="docs"> <div class="section-header"><h1 class="section-title">Документы <span class="accent">и шаблоны</span></h1><button class="btn" id="docs-add-btn" type="button">+ Новый документ</button></div> <div class="stats-grid" id="docs-stats"></div> <div class="table-wrap"><table class="tbl"><thead><tr><th>Номер</th><th>Тип</th><th>Клиент</th><th>Дата</th><th class="num">Сумма</th><th class="num">Позиций</th><th></th></tr></thead><tbody id="docs-tbody"></tbody></table></div> </section> <section class="section" data-section="settings"> <h1 class="section-title">Настройки <span class="accent">компании</span></h1> <div class="settings-grid"> <div class="settings-card"><h3>Реквизиты компании</h3><p>Используются в документах и при печати.</p> <div class="fg"><label>Название организации</label><input type="text" id="set-company-name" placeholder="ООО Пандора Консалтинг" /></div> <div class="form-row"><div class="fg"><label>ИНН</label><input type="text" id="set-inn" maxlength="12" placeholder="7700000000" /></div><div class="fg"><label>КПП</label><input type="text" id="set-kpp" maxlength="9" placeholder="770001001" /></div></div> <div class="fg"><label>Адрес</label><input type="text" id="set-address" placeholder="г. Москва, ул. Ленина, 1" /></div> </div> <div class="settings-card"><h3>Контакты</h3><p>Контактная информация компании.</p> <div class="fg"><label>Телефон</label><input type="text" id="set-phone" placeholder="+7 495 000-00-00" /></div> <div class="fg"><label>Email</label><input type="email" id="set-email" placeholder="info@company.ru" /></div> </div> <div class="settings-card"><h3>Подписант</h3><p>Лицо, подписывающее документы.</p> <div class="fg"><label>Должность</label><input type="text" id="set-signer-role" placeholder="Генеральный директор" /></div> <div class="fg"><label>ФИО</label><input type="text" id="set-signer-name" placeholder="Иванов Иван Иванович" /></div> </div> </div> <div style="margin-top:24px;display:flex;gap:12px;flex-wrap:wrap"> <button class="btn btn-green" id="btn-save-settings" type="button">Сохранить настройки</button> <button class="btn btn-o" id="btn-reset-settings" type="button">Сбросить</button> </div> </section> <section class="section" data-section="backup"> <h1 class="section-title">Резервные <span class="accent">копии</span></h1> <div class="settings-grid"> <div class="settings-card"><h3>Экспорт данных</h3><p>Скачать JSON-файл со всеми данными.</p> <div id="backup-export-info" style="font-family:var(--fm);font-size:.82rem;color:var(--dim);margin-bottom:14px;line-height:1.7"></div> <button class="btn btn-green" id="btn-export-all" type="button">Скачать резервную копию</button> </div> <div class="settings-card"><h3>Импорт данных</h3><p>Загрузить данные из JSON-файла. Текущие данные будут заменены!</p> <input type="file" id="file-import" accept=".json" style="display:none" /> <button class="btn btn-violet" id="btn-import-trigger" type="button">Выбрать файл</button> </div> <div class="settings-card"><h3>Очистка данных</h3><p>Полностью удалить все данные. Необратимо!</p> <button class="btn btn-d" id="btn-clear-all" type="button">Удалить все данные</button> </div> <div class="settings-card"><h3>Демо-данные</h3><p>Загрузить демонстрационные данные.</p> <button class="btn btn-o" id="btn-load-demo" type="button">Загрузить демо-данные</button> </div> </div> </section> </main> <div class="modal-overlay" id="deal-modal"> <div class="modal"> <h2 id="deal-modal-title">Новая сделка</h2> <input type="hidden" id="deal-edit-id" /> <div class="fg"><label>Название сделки <span class="req">*</span></label><input type="text" id="deal-name" placeholder="Поставка оборудования" /></div> <div class="fg"><label>Клиент</label><select id="deal-client"><option value="">— Не выбран —</option></select></div> <div class="fg"><label>Сумма <span class="req">*</span></label><input type="number" id="deal-amount" min="0" placeholder="500000" /></div> <div class="form-row"> <div class="fg"><label>Вероятность (%)</label> <select id="deal-prob"><option value="10">10%</option><option value="30">30%</option><option value="50" selected="selected">50%</option><option value="70">70%</option><option value="90">90%</option></select> </div> <div class="fg"><label>Этап</label> <select id="deal-stage"><option value="new">Новая</option><option value="progress">В работе</option><option value="negotiation">Переговоры</option><option value="won">Сделка</option><option value="lost">Отказ</option></select> </div> </div> <div class="form-row"> <div class="fg"><label>Менеджер</label><select id="deal-manager"><option value="Иванов">Иванов</option><option value="Петров">Петров</option><option value="Сидоров">Сидоров</option></select></div> <div class="fg"><label>Дата закрытия</label><input type="date" id="deal-date" /></div> </div> <div class="modal-actions"> <button class="btn btn-secondary" id="deal-cancel-btn" type="button">Отмена</button> <button class="btn" id="deal-save-btn" type="button">Сохранить</button> </div> </div> </div> <div class="modal-overlay" id="client-modal"> <div class="modal"> <h2 id="client-modal-title">Новый клиент</h2> <input type="hidden" id="client-edit-id" /> <div class="fg"><label>Название / ФИО <span class="req">*</span></label><input type="text" id="client-name" placeholder="ООО Ромашка или Иванов Иван" /></div> <div class="form-row"> <div class="fg"><label>Тип</label><select id="client-type"><option value="legal">Юр. лицо</option><option value="ip">ИП</option><option value="person">Физ. лицо</option></select></div> <div class="fg"><label>Статус</label><select id="client-status"><option value="active">Активный</option><option value="vip">VIP</option><option value="inactive">Неактивный</option></select></div> </div> <div class="form-row"> <div class="fg"><label>ИНН</label><input type="text" id="client-inn" maxlength="12" placeholder="7700000000" /></div> <div class="fg"><label>КПП</label><input type="text" id="client-kpp" maxlength="9" placeholder="770001001" /></div> </div> <div class="form-row"> <div class="fg"><label>Контактное лицо</label><input type="text" id="client-contact" placeholder="Иванов Иван" /></div> <div class="fg"><label>Телефон</label><input type="text" id="client-phone" placeholder="+7 900 000-00-00" /></div> </div> <div class="form-row"> <div class="fg"><label>Email</label><input type="email" id="client-email" placeholder="info@example.ru" /></div> <div class="fg"><label>Менеджер</label><select id="client-manager"><option value="Иванов">Иванов</option><option value="Петров">Петров</option><option value="Сидоров">Сидоров</option></select></div> </div> <div class="fg"><label>Адрес</label><input type="text" id="client-address" placeholder="г. Москва, ул. Ленина, 1" /></div> <div class="fg"><label>Заметки</label><textarea id="client-notes" placeholder="Дополнительная информация..."></textarea></div> <div class="modal-actions"> <button class="btn btn-secondary" id="client-cancel-btn" type="button">Отмена</button> <button class="btn" id="client-save-btn" type="button">Сохранить</button> </div> </div> </div> <div class="modal-overlay" id="client-view-modal"> <div class="modal wide"><div id="client-view-content"></div></div> </div> <div class="modal-overlay" id="task-modal"> <div class="modal"> <h2 id="task-modal-title">Новая задача</h2> <input type="hidden" id="task-edit-id" /> <div class="fg"><label>Название задачи <span class="req">*</span></label><input type="text" id="task-title" placeholder="Позвонить клиенту" /></div> <div class="fg"><label>Описание</label><textarea id="task-desc" placeholder="Детали задачи..."></textarea></div> <div class="fg"><label>Клиент</label><select id="task-client"><option value="">— Не выбран —</option></select></div> <div class="form-row"> <div class="fg"><label>Тип</label><select id="task-type"><option value="call">Звонок</option><option value="meeting">Встреча</option><option value="email">Письмо</option><option value="task">Задача</option><option value="payment">Оплата</option></select></div> <div class="fg"><label>Приоритет</label><select id="task-priority"><option value="high">Высокий</option><option value="medium" selected="selected">Средний</option><option value="low">Низкий</option></select></div> </div> <div class="form-row"> <div class="fg"><label>Исполнитель</label><select id="task-assignee"><option value="Иванов">Иванов</option><option value="Петров">Петров</option><option value="Сидоров">Сидоров</option></select></div> <div class="fg"><label>Срок <span class="req">*</span></label><input type="date" id="task-due" /></div> </div> <div class="fg"><label>Статус</label><select id="task-status"><option value="todo" selected="selected">К выполнению</option><option value="progress">В работе</option><option value="done">Выполнено</option></select></div> <div class="modal-actions"> <button class="btn btn-secondary" id="task-cancel-btn" type="button">Отмена</button> <button class="btn" id="task-save-btn" type="button">Сохранить</button> </div> </div> </div> <div class="modal-overlay" id="wh-product-modal"> <div class="modal"> <h2 id="wh-product-title">Новый товар</h2> <input type="hidden" id="wh-edit-id" /> <div class="fg"><label>Название товара <span class="req">*</span></label><input type="text" id="wh-name" placeholder="Ноутбук ASUS X515" /></div> <div class="form-row"> <div class="fg"><label>Артикул (SKU)</label><input type="text" id="wh-sku" placeholder="ASU-001" /></div> <div class="fg"><label>Категория</label><input type="text" id="wh-category" placeholder="Электроника" list="wh-cat-list" /><datalist id="wh-cat-list"></datalist></div> </div> <div class="form-row"> <div class="fg"><label>Ед. измерения</label><select id="wh-unit"><option value="шт">шт</option><option value="кг">кг</option><option value="л">л</option><option value="м">м</option><option value="упак">упак</option></select></div> <div class="fg"><label>Количество <span class="req">*</span></label><input type="number" id="wh-qty" min="0" value="0" /></div> </div> <div class="form-row"> <div class="fg"><label>Мин. остаток</label><input type="number" id="wh-minqty" min="0" value="5" /></div> <div class="fg"><label>Цена продажи</label><input type="number" id="wh-price" min="0" value="0" /></div> </div> <div class="fg"><label>Себестоимость</label><input type="number" id="wh-cost" min="0" value="0" /></div> <div class="modal-actions"> <button class="btn btn-secondary" id="wh-product-cancel" type="button">Отмена</button> <button class="btn" id="wh-product-save" type="button">Сохранить</button> </div> </div> </div> <div class="modal-overlay" id="wh-move-modal"> <div class="modal"> <h2 id="wh-move-title">Движение</h2> <input type="hidden" id="wh-move-product-id" /> <input type="hidden" id="wh-move-type" value="in" /> <div id="wh-cur-stock" style="font-family:var(--fm);font-size:.85rem;color:var(--dim);margin-bottom:14px"></div> <div class="fg"><label>Количество <span class="req">*</span></label><input type="number" id="wh-move-qty" min="1" value="1" /></div> <div class="fg"><label>Связать со сделкой</label><select id="wh-move-deal"><option value="">— Не связывать —</option></select></div> <div class="fg"><label>Комментарий</label><input type="text" id="wh-move-comment" placeholder="Поставка / Продажа клиенту" /></div> <div class="modal-actions"> <button class="btn btn-secondary" id="wh-move-cancel" type="button">Отмена</button> <button class="btn" id="wh-move-save" type="button">Провести</button> </div> </div> </div> <div class="modal-overlay" id="doc-form-modal"> <div class="modal wide"> <h2 id="doc-form-title">Новый документ</h2> <input type="hidden" id="doc-edit-id" /> <div class="form-row-3"> <div class="fg"><label>Тип документа <span class="req">*</span></label> <select id="doc-type"><option value="invoice">Счёт на оплату</option><option value="act">Акт выполненных работ</option><option value="proposal">Коммерческое предложение</option></select> </div> <div class="fg"><label>Номер</label><input type="text" id="doc-number" placeholder="Авто" /></div> <div class="fg"><label>Дата <span class="req">*</span></label><input type="date" id="doc-date" /></div> </div> <div class="fg"><label>Клиент <span class="req">*</span></label><select id="doc-client"><option value="">— Выберите клиента —</option></select></div> <div class="fg"><label>Комментарий / назначение платежа</label><textarea id="doc-comment" placeholder="Например: Оплата по договору"></textarea></div> <div style="display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px"> <strong style="font-family:var(--fd);font-size:.95rem;color:var(--gold)">Позиции документа</strong> <div style="display:flex;gap:8px"> <button class="btn btn-o btn-s" id="doc-add-from-wh" type="button">Со склада</button> <button class="btn btn-green btn-s" id="doc-add-item" type="button">+ Позиция</button> </div> </div> <div id="doc-items-list"></div> <div class="doc-total"><span>ИТОГО:</span><span class="tv" id="doc-total-value">0</span></div> <div class="modal-actions"> <button class="btn btn-secondary" id="doc-cancel-btn" type="button">Отмена</button> <button class="btn" id="doc-save-btn" type="button">Сохранить документ</button> </div> </div> </div> <div class="modal-overlay" id="doc-preview-modal"> <div class="modal wide"> <h2>Предпросмотр документа</h2> <div id="doc-preview-content" style="background:#fff;color:#000;border-radius:8px;padding:24px;border:1px solid var(--line-strong);font-size:13px;line-height:1.5"></div> <div class="modal-actions"> <button class="btn btn-secondary" id="doc-preview-close" type="button">Закрыть</button> <button class="btn btn-green" id="doc-print-btn" type="button">Печать / PDF</button> </div> </div> </div> <div id="docs-print-area"></div> <div class="toast" id="main-toast"></div> </div> <script> (function(){ 'use strict'; var DEALS_KEY='pandora_deals_v1',CLIENTS_KEY='pandora_clients_v1',TASKS_KEY='pandora_tasks_v1',WH_KEY='pandora_warehouse_v1',DOCS_KEY='pandora_docs_v1',SET_KEY='pandora_settings_v1'; var deals=[],clients=[],tasks=[],products=[],moves=[],docs=[]; var settings={company:{name:'',inn:'',kpp:'',address:''},contacts:{phone:'',email:''},signer:{role:'',name:''}}; var STAGES=[{key:'new',label:'Новая'},{key:'progress',label:'В работе'},{key:'negotiation',label:'Переговоры'},{key:'won',label:'Сделка'},{key:'lost',label:'Отказ'}]; var TYPE_LABELS={legal:'Юр. лицо',ip:'ИП',person:'Физ. лицо'}; var STATUS_LABELS={active:'Активный',vip:'VIP',inactive:'Неактивный'}; var TASK_TYPES={call:'Звонок',meeting:'Встреча',email:'Письмо',task:'Задача',payment:'Оплата'}; var TASK_STATUS={todo:'К выполнению',progress:'В работе',done:'Выполнено'}; var DOC_TYPES={invoice:'Счёт на оплату',act:'Акт выполненных работ',proposal:'Коммерческое предложение'}; var WH_STATUS={ok:'В наличии',low:'Заканчивается',out:'Нет в наличии'}; function $(id){return document.getElementById(id)} function fmt(n){return new Intl.NumberFormat('ru-RU').format(Math.round(n))} function esc(s){return s==null?'':String(s).replace(/[&<>"']/g,function(c){return{'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]})} function todayISO(){return new Date().toISOString().slice(0,10)} function fmtDate(iso){if(!iso)return '';var p=iso.split('-');if(p.length!==3)return iso;return p[2]+'.'+p[1]+'.'+p[0]} function toast(msg,type){type=type||'success';var t=$('main-toast');if(!t)return;t.textContent=msg;t.className='toast show '+(type!=='success'?type:'');setTimeout(function(){t.className='toast'},3000)} function load(){try{var d=localStorage.getItem(DEALS_KEY);if(d)deals=JSON.parse(d)}catch(e){} try{var c=localStorage.getItem(CLIENTS_KEY);if(c)clients=JSON.parse(c)}catch(e){} try{var t=localStorage.getItem(TASKS_KEY);if(t)tasks=JSON.parse(t)}catch(e){} try{var w=localStorage.getItem(WH_KEY);if(w){var wobj=JSON.parse(w);products=wobj.products||[];moves=wobj.moves||[]}}catch(e){} try{var dc=localStorage.getItem(DOCS_KEY);if(dc)docs=JSON.parse(dc)}catch(e){} try{var st=localStorage.getItem(SET_KEY);if(st)settings=JSON.parse(st)}catch(e){} if(!clients.length){clients=[{id:1,name:'ООО ТехноПарк',type:'legal',inn:'7712345678',kpp:'771201001',contact:'Смирнов Алексей',phone:'+7 495 123-45-67',email:'info@technopark.ru',address:'Москва, ул. Тверская, 10',status:'vip',manager:'Иванов',notes:'Крупный клиент'},{id:2,name:'ИП Смирнов А.В.',type:'ip',inn:'771234567890',contact:'Смирнов Алексей',phone:'+7 916 000-11-22',email:'smirnov@mail.ru',status:'active',manager:'Петров',notes:''},{id:3,name:'АО Инвест Групп',type:'legal',inn:'7798765432',contact:'Кузнецова Мария',phone:'+7 495 987-65-43',email:'invest@group.ru',status:'active',manager:'Сидоров',notes:''},{id:4,name:'ООО Стартап Лаб',type:'legal',inn:'7755554444',contact:'Петров Дмитрий',phone:'+7 925 555-44-33',status:'active',manager:'Иванов',notes:''},{id:5,name:'Николаева Елена',type:'person',contact:'Николаева Елена',phone:'+7 903 111-22-33',status:'inactive',manager:'Петров',notes:'Разовая консультация'}]} if(!deals.length){deals=[{id:1,name:'Поставка серверов',clientName:'ООО ТехноПарк',amount:850000,prob:70,manager:'Иванов',stage:'negotiation',date:'2026-09-15'},{id:2,name:'Внедрение CRM',clientName:'ИП Смирнов А.В.',amount:120000,prob:50,manager:'Петров',stage:'progress',date:'2026-09-05'},{id:3,name:'Консалтинг',clientName:'АО Инвест Групп',amount:350000,prob:90,manager:'Сидоров',stage:'won',date:'2026-08-19'},{id:4,name:'Разработка сайта',clientName:'ООО Стартап Лаб',amount:200000,prob:30,manager:'Иванов',stage:'new',date:'2026-09-25'}]} if(!tasks.length){tasks=[{id:1,title:'Позвонить по КП',desc:'Уточнить решение по КП',type:'call',priority:'high',status:'todo',assignee:'Иванов',dueDate:todayISO(),clientName:'ООО ТехноПарк'},{id:2,title:'Встреча в офисе',desc:'Обсудить условия договора',type:'meeting',priority:'medium',status:'progress',assignee:'Петров',dueDate:todayISO(),clientName:'АО Инвест Групп'},{id:3,title:'Отправить счёт',desc:'Счёт на предоплату 50%',type:'payment',priority:'high',status:'todo',assignee:'Сидоров',dueDate:'2026-08-22',clientName:'ООО Стартап Лаб'}]} if(!products.length){products=[{id:1,name:'Ноутбук ASUS X515',sku:'ASU-001',category:'Электроника',unit:'шт',qty:12,minQty:5,price:65000,cost:50000},{id:2,name:'Монитор Dell 24',sku:'DEL-024',category:'Электроника',unit:'шт',qty:3,minQty:5,price:18500,cost:13000},{id:3,name:'Клавиатура Logitech K380',sku:'LOG-380',category:'Периферия',unit:'шт',qty:25,minQty:10,price:3200,cost:2100},{id:4,name:'Мышь беспроводная',sku:'MOU-001',category:'Периферия',unit:'шт',qty:0,minQty:8,price:1500,cost:900},{id:5,name:'Кабель HDMI 2м',sku:'CAB-H2',category:'Аксессуары',unit:'шт',qty:40,minQty:15,price:650,cost:300}]} if(!moves.length){moves=[{id:1,productId:1,type:'in',qty:5,date:todayISO(),comment:'Поставка от ASUS'},{id:2,productId:2,type:'out',qty:2,date:todayISO(),comment:'Продажа'},{id:3,productId:4,type:'out',qty:3,date:todayISO(),comment:'Продажа'}]} if(!docs.length){docs=[{id:1,type:'invoice',clientId:1,number:'СЧ-2026-001',date:todayISO(),comment:'Оплата за поставку серверов',items:[{name:'Ноутбук ASUS X515',qty:5,price:65000},{name:'Монитор Dell 24',qty:5,price:18500]}]} save()} function save(){try{localStorage.setItem(DEALS_KEY,JSON.stringify(deals));localStorage.setItem(CLIENTS_KEY,JSON.stringify(clients));localStorage.setItem(TASKS_KEY,JSON.stringify(tasks));localStorage.setItem(WH_KEY,JSON.stringify({products:products,moves:moves}));localStorage.setItem(DOCS_KEY,JSON.stringify(docs));localStorage.setItem(SET_KEY,JSON.stringify(settings))}catch(e){}} function nextId(arr){return arr.length?Math.max.apply(null,arr.map(function(x){return x.id}))+1:1} function switchSection(view){var links=document.querySelectorAll('#pd-root .nav-link');links.forEach(function(l){l.classList.remove('active')});var active=document.querySelector('#pd-root .nav-link[data-view="'+view+'"]');if(active)active.classList.add('active');document.querySelectorAll('#pd-root .section').forEach(function(s){s.classList.remove('active')});var section=document.querySelector('#pd-root .section[data-section="'+view+'"]');if(section)section.classList.add('active');var names={dashboard:'Дашборд',deals:'Сделки',clients:'Клиенты',tasks:'Задачи',warehouse:'Склад',docs:'Документы',settings:'Настройки',backup:'Резервные копии'};$('breadcrumbs').textContent='Пандора CRM / '+(names[view]||view);window.scrollTo({top:0,behavior:'smooth'})} function updateBadges(){var de=$('nav-deals-count');if(de)de.textContent=deals.length;var ce=$('nav-clients-count');if(ce)ce.textContent=clients.length;var te=$('nav-tasks-count');if(te)te.textContent=tasks.filter(function(t){return t.status!=='done'}).length;var we=$('nav-wh-count');if(we)we.textContent=products.length;var doe=$('nav-docs-count');if(doe)doe.textContent=docs.length} function isOverdue(t){return t.dueDate&&t.dueDate<todayISO()&&t.status!=='done'} function isToday(t){return t.dueDate===todayISO()&&t.status!=='done'} function populateClientSelect(selectId,selectedName){var sel=$(selectId);if(!sel)return;sel.innerHTML='<option value="">— Не выбран —</option>';for(var i=0;i<clients.length;i++){var opt=document.createElement('option');opt.value=clients[i].name;opt.textContent=clients[i].name;if(selectedName&&clients[i].name===selectedName)opt.selected=true;sel.appendChild(opt)}} function populateDealSelect(selectId,selectedName){var sel=$(selectId);if(!sel)return;sel.innerHTML='<option value="">— Не связывать —</option>';for(var i=0;i<deals.length;i++){var opt=document.createElement('option');opt.value=deals[i].name;opt.textContent=deals[i].name+' ('+(deals[i].clientName||'—')+')';if(selectedName&&deals[i].name===selectedName)opt.selected=true;sel.appendChild(opt)}} function getStockStatus(p){if(p.qty===0)return 'out';if(p.qty<=p.minQty)return 'low';return 'ok'} function docTotal(doc){return(doc.items||[]).reduce(function(s,it){return s+(it.qty||0)*(it.price||0)},0)} function renderDashboard(){var won=deals.filter(function(d){return d.stage==='won'});var active=deals.filter(function(d){return d.stage!=='won'&&d.stage!=='lost'});var totalRev=won.reduce(function(s,d){return s+(d.amount||0)},0);var forecast=active.reduce(function(s,d){return s+(d.amount||0)*(d.prob||0)/100},0);var conv=deals.length>0?(won.length/deals.length*100).toFixed(1):0;var stockValue=products.reduce(function(s,p){return s+(p.qty||0)*(p.cost||0)},0); var cn=$('dash-company-name');if(cn)cn.textContent=settings.company.name||''; var stats=$('dash-main-stats');if(stats)stats.innerHTML='<div class="stat-card gold"><div class="label">Выручка</div><div class="value">'+fmt(totalRev)+'</div><div class="sub">'+won.length+' закрытых сделок</div></div><div class="stat-card violet"><div class="label">Прогноз</div><div class="value">'+fmt(forecast)+'</div><div class="sub">взвешенный</div></div><div class="stat-card green"><div class="label">Конверсия</div><div class="value">'+conv+'%</div><div class="sub">успешных</div></div><div class="stat-card pink"><div class="label">Клиентов</div><div class="value">'+clients.length+'</div><div class="sub">активных: '+clients.filter(function(c){return c.status==='active'||c.status==='vip'}).length+'</div></div><div class="stat-card orange"><div class="label">Склад</div><div class="value">'+fmt(stockValue)+'</div><div class="sub">'+products.length+' позиций</div></div>'; var dealsEl=$('dash-deals');if(dealsEl)dealsEl.innerHTML='<div class="dash-row"><span class="k">Всего</span><span class="v">'+deals.length+'</span></div><div class="dash-row"><span class="k">В работе</span><span class="v violet">'+active.length+'</span></div><div class="dash-row"><span class="k">Закрыто</span><span class="v green">'+won.length+'</span></div>'; var clientsEl=$('dash-clients');if(clientsEl)clientsEl.innerHTML='<div class="dash-row"><span class="k">Всего</span><span class="v">'+clients.length+'</span></div><div class="dash-row"><span class="k">VIP</span><span class="v red">'+clients.filter(function(c){return c.status==='vip'}).length+'</span></div>'; var tasksEl=$('dash-tasks');if(tasksEl)tasksEl.innerHTML='<div class="dash-row"><span class="k">Всего</span><span class="v">'+tasks.length+'</span></div><div class="dash-row"><span class="k">Просрочено</span><span class="v red">'+tasks.filter(isOverdue).length+'</span></div><div class="dash-row"><span class="k">Сегодня</span><span class="v violet">'+tasks.filter(isToday).length+'</span></div>'; var whEl=$('dash-warehouse');if(whEl)whEl.innerHTML='<div class="dash-row"><span class="k">Позиций</span><span class="v">'+products.length+'</span></div><div class="dash-row"><span class="k">Стоимость</span><span class="v gold">'+fmt(stockValue)+'</span></div><div class="dash-row"><span class="k">Заканчиваются</span><span class="v red">'+products.filter(function(p){return getStockStatus(p)!=='ok'}).length+'</span></div>'} function renderDeals(){var won=deals.filter(function(d){return d.stage==='won'});var active=deals.filter(function(d){return d.stage!=='won'&&d.stage!=='lost'});var totalRev=won.reduce(function(s,d){return s+(d.amount||0)},0);var forecast=active.reduce(function(s,d){return s+(d.amount||0)*(d.prob||0)/100},0); var stats=$('deals-stats');if(stats)stats.innerHTML='<div class="stat-card gold"><div class="label">Всего сделок</div><div class="value">'+deals.length+'</div><div class="sub">в системе</div></div><div class="stat-card violet"><div class="label">В работе</div><div class="value">'+active.length+'</div><div class="sub">активных</div></div><div class="stat-card green"><div class="label">Выручка</div><div class="value">'+fmt(totalRev)+'</div><div class="sub">закрыто</div></div><div class="stat-card pink"><div class="label">Прогноз</div><div class="value">'+fmt(forecast)+'</div><div class="sub">взвешенный</div></div>'; var search=($('deals-search').value||'').toLowerCase().trim();var manager=$('deals-manager-filter').value; var filtered=deals.filter(function(d){if(manager&&d.manager!==manager)return false;if(search){var hay=((d.name||'')+' '+(d.clientName||'')+' '+(d.manager||'')).toLowerCase();if(hay.indexOf(search)===-1)return false}return true}); var kanban=$('deals-kanban');if(!kanban)return; kanban.innerHTML=STAGES.map(function(stage){var items=filtered.filter(function(d){return d.stage===stage.key});var sum=items.reduce(function(s,d){return s+(d.amount||0)},0);return '<div class="kanban-col" data-stage="'+stage.key+'"><div class="kanban-col-header"><div><div class="kanban-col-title">'+stage.label+'</div><div class="kanban-col-sum">'+fmt(sum)+'</div></div><span class="kanban-col-count">'+items.length+'</span></div><div class="kanban-items">'+items.map(function(d){return '<div class="k-card" draggable="true" data-id="'+d.id+'" data-type="deal"><div class="k-card-top"><div class="k-card-title">'+esc(d.name)+'</div><div class="k-card-actions">'+(d.stage!=='won'?'<button class="act-done" data-done="'+d.id+'" title="Завершить">V</button>':'')+'<button class="act-edit" data-edit="'+d.id+'" title="Редактировать">E</button><button class="act-del" data-del="'+d.id+'" title="Удалить">X</button></div></div>'+(d.clientName?'<div class="k-card-client">'+esc(d.clientName)+'</div>':'')+'<div class="k-card-amount">'+fmt(d.amount||0)+'</div><div class="k-card-footer"><span class="prob-badge">'+(d.prob||0)+'%</span><span class="k-card-meta">'+(d.manager||'—')+(d.date?' · '+d.date:'')+'</span></div></div>'}).join('')+'</div></div>'}).join(''); attachDealsDnD();attachDealsActions()} function attachDealsDnD(){var cards=document.querySelectorAll('#deals-kanban .k-card');var cols=document.querySelectorAll('#deals-kanban .kanban-col');cards.forEach(function(card){card.addEventListener('dragstart',function(e){e.dataTransfer.setData('text/plain',card.dataset.id);card.classList.add('dragging')});card.addEventListener('dragend',function(){card.classList.remove('dragging')})});cols.forEach(function(col){col.addEventListener('dragover',function(e){e.preventDefault();col.classList.add('dragover')});col.addEventListener('dragleave',function(){col.classList.remove('dragover')});col.addEventListener('drop',function(e){e.preventDefault();col.classList.remove('dragover');var id=parseInt(e.dataTransfer.getData('text/plain'));if(e.dataTransfer.getData('data-type')!=='deal')return;var newStage=col.dataset.stage;var deal=deals.find(function(d){return d.id===id});if(deal&&deal.stage!==newStage){deal.stage=newStage;save();renderDeals();renderDashboard();updateBadges();toast('Сделка перемещена: '+newStage)}})})} function attachDealsActions(){var kanban=$('deals-kanban');if(!kanban)return;kanban.querySelectorAll('[data-done]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();var id=parseInt(btn.dataset.done);var deal=deals.find(function(d){return d.id===id});if(deal){deal.stage='won';save();renderDeals();renderDashboard();updateBadges();toast('Сделка закрыта')}}});kanban.querySelectorAll('[data-edit]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openDealEdit(parseInt(btn.dataset.edit))}});kanban.querySelectorAll('[data-del]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();removeDeal(parseInt(btn.dataset.del))}})} function openDealAdd(){$('deal-modal-title').textContent='Новая сделка';$('deal-edit-id').value='';$('deal-name').value='';populateClientSelect('deal-client');$('deal-amount').value='';$('deal-prob').value='50';$('deal-stage').value='new';$('deal-manager').value='Иванов';var d=new Date();d.setDate(d.getDate()+30);$('deal-date').value=d.toISOString().slice(0,10);$('deal-modal').classList.add('active')} function openDealEdit(id){var d=deals.find(function(x){return x.id===id});if(!d)return;$('deal-modal-title').textContent='Редактировать сделку';$('deal-edit-id').value=d.id;$('deal-name').value=d.name||'';populateClientSelect('deal-client',d.clientName);$('deal-amount').value=d.amount||'';$('deal-prob').value=d.prob||'50';$('deal-stage').value=d.stage||'new';$('deal-manager').value=d.manager||'Иванов';$('deal-date').value=d.date||'';$('deal-modal').classList.add('active')} function saveDeal(){var name=$('deal-name').value.trim();var amount=parseInt($('deal-amount').value)||0;if(!name){toast('Укажите название сделки','error');return}if(amount<=0){toast('Укажите сумму сделки','error');return}var editId=$('deal-edit-id').value;var clientName=$('deal-client').value;var client=clients.find(function(c){return c.name===clientName});var payload={name:name,amount:amount,clientId:client?client.id:null,clientName:clientName,prob:parseInt($('deal-prob').value)||50,stage:$('deal-stage').value,manager:$('deal-manager').value,date:$('deal-date').value};if(editId){var idx=deals.findIndex(function(d){return d.id===parseInt(editId)});if(idx!==-1){deals[idx]=Object.assign({},deals[idx],payload);toast('Сделка обновлена')}}else{payload.id=nextId(deals);deals.push(payload);toast('Сделка создана')}save();renderDeals();renderDashboard();updateBadges();$('deal-modal').classList.remove('active')} function removeDeal(id){var d=deals.find(function(x){return x.id===id});if(!d)return;if(!confirm('Удалить сделку "'+d.name+'"?'))return;deals=deals.filter(function(x){return x.id!==id});save();renderDeals();renderDashboard();updateBadges();toast('Сделка удалена')} function renderClients(){var active=clients.filter(function(c){return c.status==='active'||c.status==='vip'});var vip=clients.filter(function(c){return c.status==='vip'}); var stats=$('clients-stats');if(stats)stats.innerHTML='<div class="stat-card pink"><div class="label">Всего клиентов</div><div class="value">'+clients.length+'</div><div class="sub">в базе</div></div><div class="stat-card green"><div class="label">Активных</div><div class="value">'+active.length+'</div><div class="sub">работаем</div></div><div class="stat-card gold"><div class="label">VIP</div><div class="value">'+vip.length+'</div><div class="sub">приоритет</div></div>'; var search=($('clients-search').value||'').toLowerCase().trim();var type=$('clients-type-filter').value;var status=$('clients-status-filter').value; var filtered=clients.filter(function(c){if(type&&c.type!==type)return false;if(status&&c.status!==status)return false;if(search){var hay=((c.name||'')+' '+(c.inn||'')+' '+(c.contact||'')+' '+(c.email||'')+' '+(c.phone||'')).toLowerCase();if(hay.indexOf(search)===-1)return false}return true}); var tbody=$('clients-tbody');if(!tbody)return; if(!filtered.length){tbody.innerHTML='<tr><td colspan="8" style="text-align:center;color:var(--muted);padding:30px">Клиенты не найдены</td></tr>';return} tbody.innerHTML=filtered.map(function(c){return '<tr data-id="'+c.id+'"><td><div class="cell-main">'+esc(c.name)+'</div>'+(c.email?'<div class="cell-sub">'+esc(c.email)+'</div>':'')+'</td><td><span class="badge '+c.type+'">'+(TYPE_LABELS[c.type]||c.type)+'</span></td><td style="font-family:var(--fm);font-size:.82rem">'+esc(c.inn||'—')+'</td><td>'+esc(c.contact||'—')+'</td><td style="font-family:var(--fm);font-size:.82rem">'+esc(c.phone||'—')+'</td><td>'+esc(c.manager||'—')+'</td><td><span class="badge status-'+c.status+'">'+(STATUS_LABELS[c.status]||c.status)+'</span></td><td><div class="row-actions"><button class="icon-btn edit" data-edit="'+c.id+'" title="Редактировать">E</button><button class="icon-btn del" data-del="'+c.id+'" title="Удалить">X</button></div></td></tr>'}).join(''); tbody.querySelectorAll('tr[data-id]').forEach(function(row){row.onclick=function(e){if(e.target.closest('.icon-btn'))return;openClientView(parseInt(row.dataset.id))}}); tbody.querySelectorAll('[data-edit]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openClientEdit(parseInt(btn.dataset.edit))}}); tbody.querySelectorAll('[data-del]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();removeClient(parseInt(btn.dataset.del))}})} function openClientAdd(){$('client-modal-title').textContent='Новый клиент';$('client-edit-id').value='';['client-name','client-inn','client-kpp','client-contact','client-phone','client-email','client-address','client-notes'].forEach(function(id){$(id).value=''});$('client-type').value='legal';$('client-status').value='active';$('client-manager').value='Иванов';$('client-modal').classList.add('active')} function openClientEdit(id){var c=clients.find(function(x){return x.id===id});if(!c)return;$('client-modal-title').textContent='Редактировать клиента';$('client-edit-id').value=c.id;$('client-name').value=c.name||'';$('client-type').value=c.type||'legal';$('client-status').value=c.status||'active';$('client-inn').value=c.inn||'';$('client-kpp').value=c.kpp||'';$('client-contact').value=c.contact||'';$('client-phone').value=c.phone||'';$('client-email').value=c.email||'';$('client-manager').value=c.manager||'Иванов';$('client-address').value=c.address||'';$('client-notes').value=c.notes||'';$('client-modal').classList.add('active')} function saveClient(){var name=$('client-name').value.trim();if(!name){toast('Укажите название клиента','error');return}var editId=$('client-edit-id').value;var payload={name:name,type:$('client-type').value,status:$('client-status').value,inn:$('client-inn').value.trim(),kpp:$('client-kpp').value.trim(),contact:$('client-contact').value.trim(),phone:$('client-phone').value.trim(),email:$('client-email').value.trim(),manager:$('client-manager').value,address:$('client-address').value.trim(),notes:$('client-notes').value.trim()};if(editId){var idx=clients.findIndex(function(c){return c.id===parseInt(editId)});if(idx!==-1){clients[idx]=Object.assign({},clients[idx],payload);toast('Клиент обновлён')}}else{payload.id=nextId(clients);payload.createdAt=todayISO();clients.push(payload);toast('Клиент добавлен')}save();renderClients();renderDashboard();updateBadges();$('client-modal').classList.remove('active')} function removeClient(id){var c=clients.find(function(x){return x.id===id});if(!c)return;if(!confirm('Удалить клиента "'+c.name+'"?'))return;clients=clients.filter(function(x){return x.id!==id});save();renderClients();renderDashboard();updateBadges();toast('Клиент удалён')} function openClientView(id){var c=clients.find(function(x){return x.id===id});if(!c)return;var cDeals=deals.filter(function(d){return d.clientId===id||(d.clientName&&d.clientName.toLowerCase()===c.name.toLowerCase())});var cTasks=tasks.filter(function(t){return t.clientName&&t.clientName.toLowerCase()===c.name.toLowerCase()});var initials=c.name.replace(/[«»"']/g,'').split(' ').map(function(w){return w[0]}).join('').slice(0,2).toUpperCase(); var html='<div class="client-profile-header"><div class="client-avatar">'+esc(initials)+'</div><div class="client-profile-title"><h2>'+esc(c.name)+'</h2><div class="client-profile-meta"><span class="badge '+c.type+'">'+(TYPE_LABELS[c.type]||c.type)+'</span><span class="badge status-'+c.status+'">'+(STATUS_LABELS[c.status]||c.status)+'</span></div></div></div><div class="info-grid"><div class="info-item"><div class="label">ИНН</div><div class="value mono">'+esc(c.inn||'—')+'</div></div><div class="info-item"><div class="label">КПП</div><div class="value mono">'+esc(c.kpp||'—')+'</div></div><div class="info-item"><div class="label">Контактное лицо</div><div class="value">'+esc(c.contact||'—')+'</div></div><div class="info-item"><div class="label">Телефон</div><div class="value mono">'+esc(c.phone||'—')+'</div></div><div class="info-item"><div class="label">Email</div><div class="value">'+esc(c.email||'—')+'</div></div><div class="info-item"><div class="label">Менеджер</div><div class="value">'+esc(c.manager||'—')+'</div></div><div class="info-item" style="grid-column:1/-1"><div class="label">Адрес</div><div class="value">'+esc(c.address||'—')+'</div></div>'+(c.notes?'<div class="info-item" style="grid-column:1/-1"><div class="label">Заметки</div><div class="value">'+esc(c.notes)+'</div></div>':'')+'</div><div class="card-section-title">Сделки клиента ('+cDeals.length+')</div>'+(cDeals.length?cDeals.map(function(d){return '<div class="linked-item" data-goto="deals"><div><div class="name">'+esc(d.name)+'</div><div class="meta">'+(d.manager||'—')+(d.date?' · '+d.date:'')+'</div></div><div style="display:flex;align-items:center;gap:10px"><span class="badge stage-'+d.stage+'">'+((STAGES.find(function(s){return s.key===d.stage})||{}).label||d.stage)+'</span><span class="amount">'+fmt(d.amount||0)+'</span></div></div>'}).join(''):'<div class="empty-note">Сделок пока нет</div>')+'<div class="card-section-title">Задачи клиента ('+cTasks.length+')</div>'+(cTasks.length?cTasks.map(function(t){return '<div class="linked-item" data-goto="tasks"><div><div class="name">'+esc(t.title)+'</div><div class="meta">'+(t.assignee||'—')+(t.dueDate?' · '+fmtDate(t.dueDate):'')+'</div></div><span class="badge stage-'+(t.status==='done'?'won':t.status==='progress'?'progress':'new')+'">'+(TASK_STATUS[t.status]||t.status)+'</span></div>'}).join(''):'<div class="empty-note">Задач пока нет</div>')+'<div class="modal-actions"><button class="btn btn-secondary" id="view-close-btn" type="button">Закрыть</button><button class="btn" id="view-edit-btn" type="button">Редактировать</button></div>'; $('client-view-content').innerHTML=html;$('client-view-modal').classList.add('active'); $('client-view-content').querySelectorAll('[data-goto]').forEach(function(el){el.onclick=function(){var v=el.getAttribute('data-goto');$('client-view-modal').classList.remove('active');switchSection(v)}}); $('view-close-btn').onclick=function(){$('client-view-modal').classList.remove('active')}; $('view-edit-btn').onclick=function(){$('client-view-modal').classList.remove('active');openClientEdit(id)}} function renderTasks(){var active=tasks.filter(function(t){return t.status!=='done'}); var stats=$('tasks-stats');if(stats)stats.innerHTML='<div class="stat-card violet"><div class="label">Всего задач</div><div class="value">'+tasks.length+'</div><div class="sub">в системе</div></div><div class="stat-card pink"><div class="label">Активных</div><div class="value">'+active.length+'</div><div class="sub">в работе</div></div><div class="stat-card red"><div class="label">Просрочено</div><div class="value">'+tasks.filter(isOverdue).length+'</div><div class="sub">требуют внимания</div></div><div class="stat-card gold"><div class="label">Сегодня</div><div class="value">'+tasks.filter(isToday).length+'</div><div class="sub">дедлайн сегодня</div></div><div class="stat-card green"><div class="label">Выполнено</div><div class="value">'+tasks.filter(function(t){return t.status==='done'}).length+'</div><div class="sub">завершено</div></div>'; var search=($('tasks-search').value||'').toLowerCase().trim();var assignee=$('tasks-assignee-filter').value;var priority=$('tasks-priority-filter').value; var filtered=tasks.filter(function(t){if(assignee&&t.assignee!==assignee)return false;if(priority&&t.priority!==priority)return false;if(search){var hay=((t.title||'')+' '+(t.desc||'')+' '+(t.clientName||'')+' '+(t.assignee||'')).toLowerCase();if(hay.indexOf(search)===-1)return false}return true}); var statuses=[{key:'todo',label:'К выполнению'},{key:'progress',label:'В работе'},{key:'done',label:'Выполнено'}]; var kanban=$('tasks-kanban');if(!kanban)return; kanban.innerHTML=statuses.map(function(st){var items=filtered.filter(function(t){return t.status===st.key});var po={high:0,medium:1,low:2};items.sort(function(a,b){var score=function(t){return isOverdue(t)?0:isToday(t)?1:2};if(score(a)!==score(b))return score(a)-score(b);return(po[a.priority]!==undefined?po[a.priority]:3)-(po[b.priority]!==undefined?po[b.priority]:3)});return '<div class="kanban-col" data-status="'+st.key+'"><div class="kanban-col-header"><div class="kanban-col-title">'+st.label+'</div><span class="kanban-col-count">'+items.length+'</span></div><div class="kanban-items">'+items.map(function(t){var cls='k-card p-'+t.priority;if(isOverdue(t))cls+=' overdue';else if(isToday(t))cls+=' today';var dueIcon=isOverdue(t)?'!':isToday(t)?'T':'D';return '<div class="'+cls+'" draggable="true" data-id="'+t.id+'" data-type="task"><div class="k-card-top"><div class="k-card-title">'+(TASK_TYPES[t.type]||'')+' '+esc(t.title)+'</div><div class="k-card-actions">'+(t.status!=='done'?'<button class="act-done" data-done="'+t.id+'" title="Завершить">V</button>':'')+'<button class="act-edit" data-edit="'+t.id+'" title="Редактировать">E</button><button class="act-del" data-del="'+t.id+'" title="Удалить">X</button></div></div>'+(t.clientName?'<div class="k-card-client">'+esc(t.clientName)+'</div>':'')+(t.desc?'<div class="k-card-desc">'+esc(t.desc)+'</div>':'')+'<div class="k-card-footer"><span class="k-card-meta">'+dueIcon+' '+fmtDate(t.dueDate)+'</span><span class="k-card-meta"><span class="prio-dot '+t.priority+'"></span>'+esc(t.assignee||'—')+'</span></div></div>'}).join('')+'</div></div>'}).join(''); attachTasksDnD();attachTasksActions()} function attachTasksDnD(){var cards=document.querySelectorAll('#tasks-kanban .k-card');var cols=document.querySelectorAll('#tasks-kanban .kanban-col');cards.forEach(function(card){card.addEventListener('dragstart',function(e){e.dataTransfer.setData('text/plain',card.dataset.id);card.classList.add('dragging')});card.addEventListener('dragend',function(){card.classList.remove('dragging')})});cols.forEach(function(col){col.addEventListener('dragover',function(e){e.preventDefault();col.classList.add('dragover')});col.addEventListener('dragleave',function(){col.classList.remove('dragover')});col.addEventListener('drop',function(e){e.preventDefault();col.classList.remove('dragover');var id=parseInt(e.dataTransfer.getData('text/plain'));if(e.dataTransfer.getData('data-type')!=='task')return;var newStatus=col.dataset.status;var task=tasks.find(function(t){return t.id===id});if(task&&task.status!==newStatus){task.status=newStatus;save();renderTasks();renderDashboard();updateBadges();if(newStatus==='done')toast('Задача выполнена');else toast('Задача перемещена')}})})} function attachTasksActions(){var kanban=$('tasks-kanban');if(!kanban)return;kanban.querySelectorAll('[data-done]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();var id=parseInt(btn.dataset.done);var t=tasks.find(function(x){return x.id===id});if(t){t.status='done';save();renderTasks();renderDashboard();updateBadges();toast('Задача выполнена')}}});kanban.querySelectorAll('[data-edit]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openTaskEdit(parseInt(btn.dataset.edit))}});kanban.querySelectorAll('[data-del]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();removeTask(parseInt(btn.dataset.del))}})} function openTaskAdd(){$('task-modal-title').textContent='Новая задача';$('task-edit-id').value='';$('task-title').value='';$('task-desc').value='';populateClientSelect('task-client');$('task-type').value='call';$('task-priority').value='medium';$('task-assignee').value='Иванов';var d=new Date();d.setDate(d.getDate()+3);$('task-due').value=d.toISOString().slice(0,10);$('task-status').value='todo';$('task-modal').classList.add('active')} function openTaskEdit(id){var t=tasks.find(function(x){return x.id===id});if(!t)return;$('task-modal-title').textContent='Редактировать задачу';$('task-edit-id').value=t.id;$('task-title').value=t.title||'';$('task-desc').value=t.desc||'';populateClientSelect('task-client',t.clientName);$('task-type').value=t.type||'call';$('task-priority').value=t.priority||'medium';$('task-assignee').value=t.assignee||'Иванов';$('task-due').value=t.dueDate||'';$('task-status').value=t.status||'todo';$('task-modal').classList.add('active')} function saveTask(){var title=$('task-title').value.trim();var due=$('task-due').value;if(!title){toast('Укажите название задачи','error');return}if(!due){toast('Укажите срок выполнения','error');return}var editId=$('task-edit-id').value;var payload={title:title,dueDate:due,desc:$('task-desc').value.trim(),clientName:$('task-client').value,type:$('task-type').value,priority:$('task-priority').value,assignee:$('task-assignee').value,status:$('task-status').value};if(editId){var idx=tasks.findIndex(function(t){return t.id===parseInt(editId)});if(idx!==-1){tasks[idx]=Object.assign({},tasks[idx],payload);toast('Задача обновлена')}}else{payload.id=nextId(tasks);payload.createdAt=todayISO();tasks.push(payload);toast('Задача создана')}save();renderTasks();renderDashboard();updateBadges();$('task-modal').classList.remove('active')} function removeTask(id){var t=tasks.find(function(x){return x.id===id});if(!t)return;if(!confirm('Удалить задачу "'+t.title+'"?'))return;tasks=tasks.filter(function(x){return x.id!==id});save();renderTasks();renderDashboard();updateBadges();toast('Задача удалена')} function renderWarehouse(){var stockValue=products.reduce(function(s,p){return s+(p.qty||0)*(p.cost||0)},0);var low=products.filter(function(p){return getStockStatus(p)==='low'}).length;var out=products.filter(function(p){return getStockStatus(p)==='out'}).length; var stats=$('wh-stats');if(stats)stats.innerHTML='<div class="stat-card orange"><div class="label">Позиций</div><div class="value">'+products.length+'</div><div class="sub">наименований</div></div><div class="stat-card gold"><div class="label">Стоимость склада</div><div class="value">'+fmt(stockValue)+'</div><div class="sub">по себестоимости</div></div><div class="stat-card gold"><div class="label">Заканчиваются</div><div class="value">'+low+'</div><div class="sub">ниже минимума</div></div><div class="stat-card red"><div class="label">Нет в наличии</div><div class="value">'+out+'</div><div class="sub">нулевой остаток</div></div>'; var cats={};products.forEach(function(p){if(p.category)cats[p.category]=true});var catSel=$('wh-cat-filter');if(catSel){var cur=catSel.value;catSel.innerHTML='<option value="">Все категории</option>';Object.keys(cats).sort().forEach(function(c){var opt=document.createElement('option');opt.value=c;opt.textContent=c;catSel.appendChild(opt)});catSel.value=cur} var dl=$('wh-cat-list');if(dl)dl.innerHTML=Object.keys(cats).map(function(c){return '<option value="'+esc(c)+'">'}).join(''); var search=($('wh-search').value||'').toLowerCase().trim();var cat=catSel?catSel.value:'';var lowOnly=$('wh-low-only')&&$('wh-low-only').checked; var filtered=products.filter(function(p){if(cat&&p.category!==cat)return false;if(lowOnly&&getStockStatus(p)==='ok')return false;if(search){var hay=((p.name||'')+' '+(p.sku||'')+' '+(p.category||'')).toLowerCase();if(hay.indexOf(search)===-1)return false}return true}); var tbody=$('wh-tbody');if(!tbody)return; if(!filtered.length){tbody.innerHTML='<tr><td colspan="8" style="text-align:center;color:var(--muted);padding:30px">Товары не найдены</td></tr>';renderMoves();return} tbody.innerHTML=filtered.map(function(p){var st=getStockStatus(p);var total=(p.qty||0)*(p.cost||0);return '<tr data-id="'+p.id+'"><td><div class="cell-main">'+esc(p.name)+'</div><div class="cell-sub">'+esc(p.sku||'—')+'</div></td><td>'+(p.category?'<span class="badge ip">'+esc(p.category)+'</span>':'—')+'</td><td class="num" style="font-weight:800;color:'+(st==='out'?'var(--red)':st==='low'?'var(--gold)':'var(--green)')+'">'+p.qty+' '+esc(p.unit)+'</td><td class="num" style="color:var(--dim)">'+p.minQty+'</td><td class="num">'+fmt(p.price||0)+'</td><td class="num" style="color:var(--gold)">'+fmt(total)+'</td><td><span class="badge stock-'+st+'">'+WH_STATUS[st]+'</span></td><td><div class="row-actions"><button class="icon-btn in" data-move-in="'+p.id+'" title="Приход">+</button><button class="icon-btn out" data-move-out="'+p.id+'" title="Расход">-</button><button class="icon-btn edit" data-edit="'+p.id+'" title="Редактировать">E</button><button class="icon-btn del" data-del="'+p.id+'" title="Удалить">X</button></div></td></tr>'}).join(''); tbody.querySelectorAll('[data-move-in]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openMove(parseInt(btn.dataset.moveIn),'in')}}); tbody.querySelectorAll('[data-move-out]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openMove(parseInt(btn.dataset.moveOut),'out')}}); tbody.querySelectorAll('[data-edit]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openProductEdit(parseInt(btn.dataset.edit))}}); tbody.querySelectorAll('[data-del]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();removeProduct(parseInt(btn.dataset.del))}}); renderMoves()} function renderMoves(){var listEl=$('wh-moves-list');if(!listEl)return;var recent=moves.slice().reverse().slice(0,12);if(!recent.length){listEl.innerHTML='<div class="empty-note">Движений пока нет</div>';return} listEl.innerHTML=recent.map(function(mv){var prod=products.find(function(p){return p.id===mv.productId});var prodName=prod?prod.name:'(товар удалён)';return '<div class="linked-item" style="cursor:default"><div style="display:flex;align-items:center;gap:12px;flex:1"><span class="badge move-'+mv.type+'">'+(mv.type==='in'?'+ Приход':'- Расход')+'</span><div><div class="name">'+esc(prodName)+'</div><div class="meta">'+fmtDate(mv.date)+(mv.comment?' · '+esc(mv.comment):'')+(mv.dealName?' · '+esc(mv.dealName):'')+'</div></div></div><span class="amount" style="color:'+(mv.type==='in'?'var(--green)':'var(--orange)')+'">'+(mv.type==='in'?'+':'-')+mv.qty+'</span></div>'}).join('')} function openProductAdd(){$('wh-product-title').textContent='Новый товар';$('wh-edit-id').value='';$('wh-name').value='';$('wh-sku').value='';$('wh-category').value='';$('wh-unit').value='шт';$('wh-qty').value='0';$('wh-minqty').value='5';$('wh-price').value='0';$('wh-cost').value='0';$('wh-product-modal').classList.add('active')} function openProductEdit(id){var p=products.find(function(x){return x.id===id});if(!p)return;$('wh-product-title').textContent='Редактировать товар';$('wh-edit-id').value=p.id;$('wh-name').value=p.name||'';$('wh-sku').value=p.sku||'';$('wh-category').value=p.category||'';$('wh-unit').value=p.unit||'шт';$('wh-qty').value=p.qty||0;$('wh-minqty').value=p.minQty||0;$('wh-price').value=p.price||0;$('wh-cost').value=p.cost||0;$('wh-product-modal').classList.add('active')} function saveProduct(){var name=$('wh-name').value.trim();if(!name){toast('Укажите название товара','error');return}var editId=$('wh-edit-id').value;var payload={name:name,sku:$('wh-sku').value.trim(),category:$('wh-category').value.trim(),unit:$('wh-unit').value,qty:parseInt($('wh-qty').value)||0,minQty:parseInt($('wh-minqty').value)||0,price:parseFloat($('wh-price').value)||0,cost:parseFloat($('wh-cost').value)||0};if(editId){var idx=products.findIndex(function(p){return p.id===parseInt(editId)});if(idx!==-1){products[idx]=Object.assign({},products[idx],payload);toast('Товар обновлён')}}else{payload.id=nextId(products);products.push(payload);toast('Товар добавлен')}save();renderWarehouse();renderDashboard();updateBadges();$('wh-product-modal').classList.remove('active')} function removeProduct(id){var p=products.find(function(x){return x.id===id});if(!p)return;if(!confirm('Удалить товар "'+p.name+'"?'))return;products=products.filter(function(x){return x.id!==id});save();renderWarehouse();renderDashboard();updateBadges();toast('Товар удалён')} function openMove(productId,type){var p=products.find(function(x){return x.id===productId});if(!p)return;$('wh-move-product-id').value=productId;$('wh-move-type').value=type;$('wh-move-title').textContent=(type==='in'?'+ Приход: ':'- Расход: ')+p.name;$('wh-cur-stock').textContent='Текущий остаток: '+p.qty+' '+p.unit+' (мин. '+p.minQty+')';$('wh-move-qty').value='1';$('wh-move-comment').value='';populateDealSelect('wh-move-deal');$('wh-move-modal').classList.add('active')} function saveMove(){var productId=parseInt($('wh-move-product-id').value);var qty=parseInt($('wh-move-qty').value);var type=$('wh-move-type').value;var p=products.find(function(x){return x.id===productId});if(!p){$('wh-move-modal').classList.remove('active');return}if(!qty||qty<=0){toast('Укажите корректное количество','error');return}if(type==='out'&&qty>p.qty){toast('Нельзя списать больше, чем есть ('+p.qty+' '+p.unit+')','error');return}if(type==='in')p.qty+=qty;else p.qty-=qty;var dealName=$('wh-move-deal').value;moves.push({id:nextId(moves),productId:productId,type:type,qty:qty,date:todayISO(),comment:$('wh-move-comment').value.trim(),dealName:dealName||null});save();renderWarehouse();renderDashboard();updateBadges();$('wh-move-modal').classList.remove('active');if(type==='out'&&p.qty<=p.minQty){toast('Внимание: "'+p.name+'" осталось '+p.qty+' '+p.unit+' — ниже минимума!','error')}else{toast('Движение проведено')}} function renderDocs(){var total=docs.length;var invoices=docs.filter(function(d){return d.type==='invoice'}).length;var acts=docs.filter(function(d){return d.type==='act'}).length;var proposals=docs.filter(function(d){return d.type==='proposal'}).length;var totalSum=docs.reduce(function(s,d){return s+docTotal(d)},0); var stats=$('docs-stats');if(stats)stats.innerHTML='<div class="stat-card violet"><div class="label">Всего документов</div><div class="value">'+total+'</div><div class="sub">создано</div></div><div class="stat-card gold"><div class="label">Счетов</div><div class="value">'+invoices+'</div><div class="sub">на оплату</div></div><div class="stat-card green"><div class="label">Актов</div><div class="value">'+acts+'</div><div class="sub">выполненных работ</div></div><div class="stat-card pink"><div class="label">КП</div><div class="value">'+proposals+'</div><div class="sub">предложений</div></div><div class="stat-card orange"><div class="label">Общая сумма</div><div class="value">'+fmt(totalSum)+'</div><div class="sub">по всем</div></div>'; var tbody=$('docs-tbody');if(!tbody)return; if(!docs.length){tbody.innerHTML='<tr><td colspan="7" style="text-align:center;color:var(--muted);padding:30px">Документов пока нет. Создайте первый документ.</td></tr>';return} tbody.innerHTML=docs.map(function(d){var client=clients.find(function(c){return c.id===d.clientId});var total=docTotal(d);return '<tr data-id="'+d.id+'"><td class="cell-main" style="font-family:var(--fm)">'+esc(d.number||'—')+'</td><td><span class="badge doc-'+d.type+'">'+(DOC_TYPES[d.type]||d.type)+'</span></td><td><div class="cell-main">'+(client?esc(client.name):'—')+'</div>'+(client&&client.contact?'<div class="cell-sub">'+esc(client.contact)+'</div>':'')+'</td><td style="font-family:var(--fm);font-size:.82rem">'+fmtDate(d.date)+'</td><td class="num" style="color:var(--gold)">'+fmt(total)+'</td><td class="num">'+(d.items||[]).length+'</td><td><div class="row-actions"><button class="icon-btn in" data-view-doc="'+d.id+'" title="Просмотр">V</button><button class="icon-btn edit" data-edit-doc="'+d.id+'" title="Редактировать">E</button><button class="icon-btn del" data-del-doc="'+d.id+'" title="Удалить">X</button></div></td></tr>'}).join(''); tbody.querySelectorAll('[data-view-doc]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();previewDoc(parseInt(btn.dataset.viewDoc))}}); tbody.querySelectorAll('[data-edit-doc]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();openDocEdit(parseInt(btn.dataset.editDoc))}}); tbody.querySelectorAll('[data-del-doc]').forEach(function(btn){btn.onclick=function(e){e.stopPropagation();removeDoc(parseInt(btn.dataset.delDoc))}})} var currentDocItems=[]; function renderDocItems(){var list=$('doc-items-list');if(!list)return;if(!currentDocItems.length){list.innerHTML='<div style="color:var(--muted);font-size:.85rem;padding:10px">Добавьте хотя бы одну позицию</div>';updateDocTotal();return} list.innerHTML=currentDocItems.map(function(it,idx){return '<div class="doc-item" data-idx="'+idx+'"><input type="text" class="item-name" placeholder="Наименование" value="'+esc(it.name)+'"><input type="number" class="item-qty" placeholder="Кол-во" min="0" value="'+it.qty+'"><input type="number" class="item-price" placeholder="Цена" min="0" value="'+it.price+'"><div class="sum">'+fmt((it.qty||0)*(it.price||0))+'</div><button class="rm" data-rm="'+idx+'" type="button">X</button></div>'}).join(''); list.querySelectorAll('.item-name').forEach(function(inp){inp.oninput=function(e){currentDocItems[parseInt(e.target.closest('.doc-item').dataset.idx)].name=e.target.value}}); list.querySelectorAll('.item-qty').forEach(function(inp){inp.oninput=function(e){var idx=parseInt(e.target.closest('.doc-item').dataset.idx);currentDocItems[idx].qty=parseFloat(e.target.value)||0;updateDocTotal();var sumEl=e.target.closest('.doc-item').querySelector('.sum');if(sumEl)sumEl.textContent=fmt((currentDocItems[idx].qty||0)*(currentDocItems[idx].price||0))}}); list.querySelectorAll('.item-price').forEach(function(inp){inp.oninput=function(e){var idx=parseInt(e.target.closest('.doc-item').dataset.idx);currentDocItems[idx].price=parseFloat(e.target.value)||0;updateDocTotal();var sumEl=e.target.closest('.doc-item').querySelector('.sum');if(sumEl)sumEl.textContent=fmt((currentDocItems[idx].qty||0)*(currentDocItems[idx].price||0))}}); list.querySelectorAll('[data-rm]').forEach(function(btn){btn.onclick=function(){currentDocItems.splice(parseInt(btn.dataset.rm),1);renderDocItems()}}); updateDocTotal()} function updateDocTotal(){var total=currentDocItems.reduce(function(s,it){return s+(it.qty||0)*(it.price||0)},0);var el=$('doc-total-value');if(el)el.textContent=fmt(total)} function nextDocNumber(type){var year=new Date().getFullYear();var prefix={invoice:'СЧ',act:'АКТ',proposal:'КП'}[type]||'ДОК';var count=docs.filter(function(d){return d.type===type&&d.number&&d.number.indexOf(String(year))!==-1}).length+1;return prefix+'-'+year+'-'+String(count).padStart(3,'0')} function openDocAdd(){$('doc-form-title').textContent='Новый документ';$('doc-edit-id').value='';$('doc-type').value='invoice';$('doc-number').value=nextDocNumber('invoice');$('doc-date').value=todayISO();populateClientSelect('doc-client');$('doc-comment').value='';currentDocItems=[{name:'',qty:1,price:0}];renderDocItems();$('doc-form-modal').classList.add('active')} function openDocEdit(id){var doc=docs.find(function(d){return d.id===id});if(!doc)return;$('doc-form-title').textContent='Редактировать документ';$('doc-edit-id').value=doc.id;$('doc-type').value=doc.type;$('doc-number').value=doc.number||'';$('doc-date').value=doc.date||'';populateClientSelect('doc-client',doc.clientId);$('doc-comment').value=doc.comment||'';currentDocItems=JSON.parse(JSON.stringify(doc.items||[]));if(!currentDocItems.length)currentDocItems=[{name:'',qty:1,price:0}];renderDocItems();$('doc-form-modal').classList.add('active')} function saveDoc(){var clientId=parseInt($('doc-client').value);if(!clientId){toast('Выберите клиента','error');return}var items=currentDocItems.filter(function(it){return it.name&&it.name.trim()});if(!items.length){toast('Добавьте хотя бы одну позицию с наименованием','error');return}var editId=$('doc-edit-id').value;var type=$('doc-type').value;var payload={type:type,clientId:clientId,number:$('doc-number').value.trim()||nextDocNumber(type),date:$('doc-date').value||todayISO(),comment:$('doc-comment').value.trim(),items:items};if(editId){var idx=docs.findIndex(function(d){return d.id===parseInt(editId)});if(idx!==-1){docs[idx]=Object.assign({},docs[idx],payload);toast('Документ обновлён')}}else{payload.id=nextId(docs);docs.push(payload);toast('Документ создан')}save();renderDocs();updateBadges();$('doc-form-modal').classList.remove('active')} function removeDoc(id){var doc=docs.find(function(d){return d.id===id});if(!doc)return;if(!confirm('Удалить документ "'+doc.number+'"?'))return;docs=docs.filter(function(d){return d.id!==id});save();renderDocs();updateBadges();toast('Документ удалён')} function buildDocHTML(doc){var client=clients.find(function(c){return c.id===doc.clientId});var company=settings.company||{};var contacts=settings.contacts||{};var signer=settings.signer||{};var total=docTotal(doc); var html='<div class="doc-head"><div class="doc-company">'+esc(company.name||'Название компании')+'<div class="sub">ИНН: '+esc(company.inn||'—')+(company.kpp?' / КПП: '+esc(company.kpp):'')+'</div><div class="sub">'+esc(company.address||'')+'</div>'+((contacts.phone||contacts.email)?'<div class="sub">'+esc(contacts.phone||'')+((contacts.email)?' · '+esc(contacts.email):'')+'</div>':'')+'</div><div style="text-align:right;font-size:11px;color:#555">Дата: '+fmtDate(doc.date)+'</div></div>'; html+='<div class="doc-title">'+(DOC_TYPES[doc.type]||'Документ')+' № '+esc(doc.number)+' от '+fmtDate(doc.date)+'</div>'; html+='<div class="doc-parties"><div class="doc-party"><div class="lbl">Исполнитель / Поставщик</div>'+esc(company.name||'—')+'<br>ИНН: '+esc(company.inn||'—')+'</div><div class="doc-party"><div class="lbl">Заказчик / Клиент</div>'+(client?esc(client.name):'—')+'<br>'+(client&&client.inn?'ИНН: '+esc(client.inn):'')+(client&&client.address?'<br>'+esc(client.address):'')+'</div></div>'; html+='<table><thead><tr><th style="width:30px">№</th><th>Наименование</th><th class="num" style="width:70px">Кол-во</th><th class="num" style="width:100px">Цена</th><th class="num" style="width:120px">Сумма</th></tr></thead><tbody>'+(doc.items||[]).map(function(it,idx){return '<tr><td>'+(idx+1)+'</td><td>'+esc(it.name)+'</td><td class="num">'+it.qty+'</td><td class="num">'+fmt(it.price)+'</td><td class="num">'+fmt((it.qty||0)*(it.price||0))+'</td></tr>'}).join('')+'</tbody></table>'; html+='<div class="doc-total-row"><span>ИТОГО к оплате:</span><span>'+fmt(total)+'</span></div>'; if(doc.comment){html+='<div class="doc-comment">'+(doc.type==='invoice'?'Назначение платежа: ':'Примечание: ')+esc(doc.comment)+'</div>'} html+='<div class="doc-sign"><div class="doc-sign-block"><div class="doc-sign-line">'+esc(signer.role||'Должность')+' / '+esc(signer.name||'ФИО')+'</div></div><div class="doc-sign-block"><div class="doc-sign-line">Подпись заказчика</div></div></div>'; return html} function previewDoc(id){var doc=docs.find(function(d){return d.id===id});if(!doc)return;var html=buildDocHTML(doc);$('doc-preview-content').innerHTML=html;$('docs-print-area').innerHTML=html;$('doc-preview-modal').classList.add('active')} function printDoc(){window.print()} function addDocFromWarehouse(){if(!products.length){toast('На складе нет товаров','error');return}var names=products.map(function(p,i){return(i+1)+'. '+p.name+'('+(p.sku||'без арт.')+') — '+fmt(p.price)}).join('\n');var choice=prompt('Выберите номер товара со склада:\n\n'+names+'\n\nВведите номер:');if(!choice)return;var idx=parseInt(choice)-1;if(idx>=0&&idx<products.length){var p=products[idx];currentDocItems.push({name:p.name,qty:1,price:p.price});renderDocItems();toast('Товар добавлен из склада')}else{toast('Неверный номер товара','error')}} function renderBackupInfo(){var el=$('backup-export-info');if(!el)return;el.innerHTML=['Сделки: '+deals.length,'Клиенты: '+clients.length,'Задачи: '+tasks.length,'Товары: '+products.length,'Движения: '+moves.length,'Документы: '+docs.length].join('<br>')} function exportAll(){var data={deals:deals,clients:clients,tasks:tasks,warehouse:{products:products,moves:moves},docs:docs,settings:settings,exportDate:new Date().toISOString()};var blob=new Blob([JSON.stringify(data,null,2)],{type:'application/json;charset=utf-8'});var url=URL.createObjectURL(blob);var link=document.createElement('a');var date=new Date().toISOString().slice(0,10);var companyName=(settings.company.name||'pandora').replace(/[^a-zа-я0-9]/gi,'_');link.href=url;link.download='pandora-backup-'+companyName+'-'+date+'.json';link.click();setTimeout(function(){URL.revokeObjectURL(url)},100);toast('Резервная копия сохранена')} function importFromFile(file){if(!confirm('Все текущие данные будут заменены данными из файла. Продолжить?'))return;var reader=new FileReader();reader.onload=function(e){try{var imported=JSON.parse(e.target.result);deals=imported.deals||[];clients=imported.clients||[];tasks=imported.tasks||[];if(imported.warehouse){products=imported.warehouse.products||[];moves=imported.warehouse.moves||[]}docs=imported.docs||[];if(imported.settings)settings=imported.settings;save();renderAll();toast('Данные успешно импортированы')}catch(err){toast('Ошибка импорта: '+err.message,'error')}};reader.readAsText(file,'utf-8')} function clearAll(){if(!confirm('Вы уверены? Все данные будут удалены БЕЗВОЗВРАТНО.'))return;if(!confirm('Точно удалить ВСЕ данные? Это действие нельзя отменить.'))return;deals=[];clients=[];tasks=[];products=[];moves=[];docs=[];settings={company:{name:'',inn:'',kpp:'',address:''},contacts:{phone:'',email:''},signer:{role:'',name:''}};save();renderAll();toast('Все данные удалены')} function loadDemo(){if(deals.length||clients.length){if(!confirm('В системе уже есть данные. Демо-данные будут добавлены к существующим. Продолжить?'))return}deals=[{id:1,name:'Поставка серверов',clientName:'ООО ТехноПарк',amount:850000,prob:70,manager:'Иванов',stage:'negotiation',date:'2026-09-15'},{id:2,name:'Внедрение CRM',clientName:'ИП Смирнов А.В.',amount:120000,prob:50,manager:'Петров',stage:'progress',date:'2026-09-05'},{id:3,name:'Консалтинг',clientName:'АО Инвест Групп',amount:350000,prob:90,manager:'Сидоров',stage:'won',date:'2026-08-19'}];clients=[{id:1,name:'ООО ТехноПарк',type:'legal',inn:'7712345678',contact:'Смирнов Алексей',phone:'+7 495 123-45-67',status:'vip',manager:'Иванов',notes:'Крупный клиент'},{id:2,name:'ИП Смирнов А.В.',type:'ip',inn:'771234567890',contact:'Смирнов Алексей',phone:'+7 916 000-11-22',status:'active',manager:'Петров',notes:''},{id:3,name:'АО Инвест Групп',type:'legal',inn:'7798765432',contact:'Кузнецова Мария',phone:'+7 495 987-65-43',status:'active',manager:'Сидоров',notes:''}];tasks=[{id:1,title:'Позвонить по КП',desc:'Уточнить решение по КП',type:'call',priority:'high',status:'todo',assignee:'Иванов',dueDate:todayISO(),clientName:'ООО ТехноПарк'}];products=[{id:1,name:'Ноутбук ASUS X515',sku:'ASU-001',category:'Электроника',unit:'шт',qty:12,minQty:5,price:65000,cost:50000},{id:2,name:'Монитор Dell 24',sku:'DEL-024',category:'Электроника',unit:'шт',qty:3,minQty:5,price:18500,cost:13000}];moves=[{id:1,productId:1,type:'in',qty:5,date:todayISO(),comment:'Поставка от ASUS'}];docs=[{id:1,type:'invoice',clientId:1,number:'СЧ-2026-001',date:todayISO(),comment:'Оплата за поставку серверов',items:[{name:'Ноутбук ASUS X515',qty:5,price:65000}]}];save();renderAll();toast('Демо-данные загружены')} function loadSettingsForm(){$('set-company-name').value=settings.company.name||'';$('set-inn').value=settings.company.inn||'';$('set-kpp').value=settings.company.kpp||'';$('set-address').value=settings.company.address||'';$('set-phone').value=settings.contacts.phone||'';$('set-email').value=settings.contacts.email||'';$('set-signer-role').value=settings.signer.role||'';$('set-signer-name').value=settings.signer.name||''} function saveSettings(){settings.company={name:$('set-company-name').value.trim(),inn:$('set-inn').value.trim(),kpp:$('set-kpp').value.trim(),address:$('set-address').value.trim()};settings.contacts={phone:$('set-phone').value.trim(),email:$('set-email').value.trim()};settings.signer={role:$('set-signer-role').value.trim(),name:$('set-signer-name').value.trim()};save();renderDashboard();toast('Настройки сохранены')} function resetSettings(){if(!confirm('Сбросить все настройки к значениям по умолчанию?'))return;settings={company:{name:'',inn:'',kpp:'',address:''},contacts:{phone:'',email:''},signer:{role:'',name:''}};save();loadSettingsForm();renderDashboard();toast('Настройки сброшены')} function renderAll(){renderDashboard();renderDeals();renderClients();renderTasks();renderWarehouse();renderDocs();renderBackupInfo();updateBadges()} function init(){load();renderAll();loadSettingsForm(); var nav=$('main-nav');if(nav){nav.addEventListener('click',function(e){var link=e.target.closest('.nav-link');if(!link)return;e.preventDefault();var view=link.getAttribute('data-view');if(view)switchSection(view)})} var dealsAdd=$('deals-add-btn');if(dealsAdd)dealsAdd.onclick=function(){openDealAdd()}; var dealCancel=$('deal-cancel-btn');if(dealCancel)dealCancel.onclick=function(){$('deal-modal').classList.remove('active')}; var dealSave=$('deal-save-btn');if(dealSave)dealSave.onclick=function(){saveDeal()}; var dealsSearch=$('deals-search');if(dealsSearch)dealsSearch.oninput=function(){renderDeals()}; var dealsManager=$('deals-manager-filter');if(dealsManager)dealsManager.onchange=function(){renderDeals()}; var clientsAdd=$('clients-add-btn');if(clientsAdd)clientsAdd.onclick=function(){openClientAdd()}; var clientCancel=$('client-cancel-btn');if(clientCancel)clientCancel.onclick=function(){$('client-modal').classList.remove('active')}; var clientSave=$('client-save-btn');if(clientSave)clientSave.onclick=function(){saveClient()}; var clientsSearch=$('clients-search');if(clientsSearch)clientsSearch.oninput=function(){renderClients()}; var clientsType=$('clients-type-filter');if(clientsType)clientsType.onchange=function(){renderClients()}; var clientsStatus=$('clients-status-filter');if(clientsStatus)clientsStatus.onchange=function(){renderClients()}; var tasksAdd=$('tasks-add-btn');if(tasksAdd)tasksAdd.onclick=function(){openTaskAdd()}; var taskCancel=$('task-cancel-btn');if(taskCancel)taskCancel.onclick=function(){$('task-modal').classList.remove('active')}; var taskSave=$('task-save-btn');if(taskSave)taskSave.onclick=function(){saveTask()}; var tasksSearch=$('tasks-search');if(tasksSearch)tasksSearch.oninput=function(){renderTasks()}; var tasksAssignee=$('tasks-assignee-filter');if(tasksAssignee)tasksAssignee.onchange=function(){renderTasks()}; var tasksPriority=$('tasks-priority-filter');if(tasksPriority)tasksPriority.onchange=function(){renderTasks()}; var whAdd=$('wh-add-btn');if(whAdd)whAdd.onclick=function(){openProductAdd()}; var whProductCancel=$('wh-product-cancel');if(whProductCancel)whProductCancel.onclick=function(){$('wh-product-modal').classList.remove('active')}; var whProductSave=$('wh-product-save');if(whProductSave)whProductSave.onclick=function(){saveProduct()}; var whSearch=$('wh-search');if(whSearch)whSearch.oninput=function(){renderWarehouse()}; var whCatFilter=$('wh-cat-filter');if(whCatFilter)whCatFilter.onchange=function(){renderWarehouse()}; var whLowOnly=$('wh-low-only');if(whLowOnly)whLowOnly.onchange=function(){renderWarehouse()}; var whMoveCancel=$('wh-move-cancel');if(whMoveCancel)whMoveCancel.onclick=function(){$('wh-move-modal').classList.remove('active')}; var whMoveSave=$('wh-move-save');if(whMoveSave)whMoveSave.onclick=function(){saveMove()}; var docsAdd=$('docs-add-btn');if(docsAdd)docsAdd.onclick=function(){openDocAdd()}; var docCancel=$('doc-cancel-btn');if(docCancel)docCancel.onclick=function(){$('doc-form-modal').classList.remove('active')}; var docSave=$('doc-save-btn');if(docSave)docSave.onclick=function(){saveDoc()}; var docAddItem=$('doc-add-item');if(docAddItem)docAddItem.onclick=function(){currentDocItems.push({name:'',qty:1,price:0});renderDocItems()}; var docAddFromWh=$('doc-add-from-wh');if(docAddFromWh)docAddFromWh.onclick=function(){addDocFromWarehouse()}; var docTypeSel=$('doc-type');if(docTypeSel)docTypeSel.onchange=function(){if(!$('doc-edit-id').value){$('doc-number').value=nextDocNumber(docTypeSel.value)}}; var docPreviewClose=$('doc-preview-close');if(docPreviewClose)docPreviewClose.onclick=function(){$('doc-preview-modal').classList.remove('active')}; var docPrintBtn=$('doc-print-btn');if(docPrintBtn)docPrintBtn.onclick=function(){printDoc()}; var btnSaveSettings=$('btn-save-settings');if(btnSaveSettings)btnSaveSettings.onclick=function(){saveSettings()}; var btnResetSettings=$('btn-reset-settings');if(btnResetSettings)btnResetSettings.onclick=function(){resetSettings()}; var btnExport=$('btn-export-all');if(btnExport)btnExport.onclick=function(){exportAll()}; var btnImport=$('btn-import-trigger');var fileImport=$('file-import');if(btnImport&&fileImport){btnImport.onclick=function(){fileImport.click()};fileImport.onchange=function(e){var f=e.target.files[0];if(f)importFromFile(f);fileImport.value=''}} var btnClear=$('btn-clear-all');if(btnClear)btnClear.onclick=function(){clearAll()}; var btnDemo=$('btn-load-demo');if(btnDemo)btnDemo.onclick=function(){loadDemo()}; document.addEventListener('keydown',function(e){if(e.key==='Escape'){['deal-modal','client-modal','client-view-modal','task-modal','wh-product-modal','wh-move-modal','doc-form-modal','doc-preview-modal'].forEach(function(id){var m=$(id);if(m)m.classList.remove('active')})}})} if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init)}else{init()} })(); </script> </body> </html></subtitle> <updated>2026-08-19T16:16:38Z</updated> <logo>https://pandoraburo.ru/ssl/u/pic/f1/ddc6349a4311f19817f9045e951988/-/logo.png</logo> <author> <name>1592962</name> <uri>https://www.pandoraburo.ru/</uri> </author> </feed>