hamid
670 lines
92 KiB
HTML
670 lines
92 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<script src="./support.js"></script>
|
||
</head>
|
||
<body>
|
||
<x-dc>
|
||
<helmet>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||
<style>
|
||
*{box-sizing:border-box;}
|
||
body{margin:0;}
|
||
::-webkit-scrollbar{height:12px;width:12px;}
|
||
::-webkit-scrollbar-thumb{background:#cdc9bf;border-radius:8px;border:3px solid #e9e7e2;}
|
||
</style>
|
||
</helmet>
|
||
|
||
<div dir="rtl" style="font-family:'Vazirmatn',Tahoma,sans-serif;background:#e9e7e2;width:max-content;min-width:100%;min-height:100vh;box-sizing:border-box;padding:48px 56px 72px;">
|
||
|
||
<!-- ============ TITLE + LEGEND ============ -->
|
||
<div style="display:flex;align-items:flex-end;justify-content:space-between;gap:32px;max-width:1100px;margin-bottom:8px;flex-wrap:wrap;">
|
||
<div>
|
||
<div style="display:flex;align-items:center;gap:13px;">
|
||
<div style="width:40px;height:40px;border-radius:11px;background:#1d4a40;color:#f3efe9;display:grid;place-items:center;font:800 18px Vazirmatn;flex:none;">ب</div>
|
||
<div>
|
||
<div style="font:800 26px Vazirmatn;color:#123029;letter-spacing:-.01em;">بالین‌یار</div>
|
||
<div style="font:500 13px Vazirmatn;color:#6b7280;margin-top:1px;">وایرفریم جریان‌ها · اپلیکیشن موبایل · نسخه میان‌فی</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="display:flex;gap:18px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #ddd9d0;border-radius:12px;padding:11px 16px;">
|
||
<span style="font:700 11px Vazirmatn;color:#52606d;">راهنما:</span>
|
||
<span style="display:flex;align-items:center;gap:6px;font:600 11px Vazirmatn;color:#1f6b50;"><span style="width:9px;height:9px;border-radius:50%;background:#1f6b50;"></span>خودکار / تاییدشده</span>
|
||
<span style="display:flex;align-items:center;gap:6px;font:600 11px Vazirmatn;color:#8a6418;"><span style="width:9px;height:9px;border-radius:50%;background:#cf9b2c;"></span>در انتظار</span>
|
||
<span style="display:flex;align-items:center;gap:6px;font:600 11px Vazirmatn;color:#6b7280;"><span style="width:9px;height:9px;border-radius:50%;background:#b8b3a8;"></span>دستی / بعداً</span>
|
||
<span style="display:flex;align-items:center;gap:6px;font:600 11px Vazirmatn;color:#bf6f4d;"><span style="width:14px;height:9px;border-radius:3px;background:#d98c6a;"></span>اقساط / مالی</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ============ SECTION A — USER LOGIN + ONBOARDING ============ -->
|
||
<div style="margin:42px 0 16px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<div style="width:30px;height:30px;border-radius:8px;background:#1d4a40;color:#fff;display:grid;place-items:center;font:800 14px Vazirmatn;flex:none;">A</div>
|
||
<h2 style="margin:0;font:800 20px Vazirmatn;color:#1d2a26;">ورود و آنبوردینگ کاربر</h2>
|
||
<span style="font:500 13px Vazirmatn;color:#9aa39e;">User login & onboarding</span>
|
||
</div>
|
||
<sc-if value="{{ showNotes }}" hint-placeholder-val="{{ true }}">
|
||
<div style="margin:11px 0 0;padding:9px 14px;background:#fbf0e8;border:1px dashed #d98c6a;border-radius:8px;font:500 12.5px Vazirmatn;color:#8a5a3c;max-width:780px;">خانواده با شماره موبایل وارد می‌شود، یک بیمار ثبت می‌کند و مستقیم به خانه می‌رسد. احراز هویت سنگین برای کاربر لازم نیست.</div>
|
||
</sc-if>
|
||
</div>
|
||
|
||
<div style="display:flex;gap:22px;align-items:flex-start;padding-bottom:8px;">
|
||
|
||
<!-- A1 ورود -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">A۱ · ورود / ثبت‌نام</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;">
|
||
<div style="margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:10px;">
|
||
<div style="width:62px;height:62px;border-radius:17px;background:#1d4a40;color:#f3efe9;display:grid;place-items:center;font:800 26px Vazirmatn;">ب</div>
|
||
<div style="font:800 20px Vazirmatn;color:#123029;">بالین‌یار</div>
|
||
<div style="font:500 12px Vazirmatn;color:#6b7280;text-align:center;">مراقبت خانگی قابل‌اعتماد، نزدیک شما</div>
|
||
</div>
|
||
<div style="margin-top:38px;display:flex;flex-direction:column;gap:6px;">
|
||
<div style="font:600 11px Vazirmatn;color:#52606d;">شماره موبایل</div>
|
||
<div style="border:1px solid #1d4a40;border-radius:11px;padding:12px 13px;font:500 13px Vazirmatn;color:#1d2a26;background:#fff;">۰۹۱۲ ۰۰۰ ۰۰۰۰</div>
|
||
</div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">دریافت کد تایید</div>
|
||
<div style="margin-top:14px;text-align:center;font:600 12px Vazirmatn;color:#1d4a40;border-top:1px solid #eceae5;padding-top:13px;">پرستار هستید؟ ورود پرستاران ←</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- A2 OTP -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">A۲ · کد تایید</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;">
|
||
<div style="font:700 16px Vazirmatn;color:#123029;margin-top:34px;">کد تایید را وارد کنید</div>
|
||
<div style="font:500 12px Vazirmatn;color:#6b7280;margin-top:7px;line-height:1.9;">کد ۴ رقمی به شماره <span style="color:#1d2a26;font-weight:700;">۰۹۱۲ ۰۰۰ ۰۰۰۰</span> پیامک شد.</div>
|
||
<div style="display:flex;gap:10px;margin-top:26px;direction:ltr;justify-content:center;">
|
||
<div style="width:52px;height:58px;border:1px solid #1d4a40;border-radius:11px;display:grid;place-items:center;font:700 22px Vazirmatn;color:#1d2a26;">۴</div>
|
||
<div style="width:52px;height:58px;border:1px solid #d9d6cf;border-radius:11px;display:grid;place-items:center;font:700 22px Vazirmatn;color:#1d2a26;">۸</div>
|
||
<div style="width:52px;height:58px;border:1px solid #d9d6cf;border-radius:11px;display:grid;place-items:center;font:700 22px Vazirmatn;color:#9aa39e;">_</div>
|
||
<div style="width:52px;height:58px;border:1px solid #d9d6cf;border-radius:11px;display:grid;place-items:center;font:700 22px Vazirmatn;color:#9aa39e;">_</div>
|
||
</div>
|
||
<div style="margin-top:18px;text-align:center;font:500 12px Vazirmatn;color:#9aa39e;">ارسال مجدد کد تا ۰۰:۴۵</div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">تایید و ادامه</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- A3 onboarding -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">A۳ · برای چه کسی؟</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:11px;">
|
||
<div style="display:flex;gap:6px;margin-bottom:2px;"><span style="height:4px;flex:1;border-radius:2px;background:#1d4a40;"></span><span style="height:4px;flex:1;border-radius:2px;background:#e6e3dd;"></span></div>
|
||
<div style="font:700 16px Vazirmatn;color:#123029;">برای چه کسی مراقبت می‌خواهید؟</div>
|
||
<div style="display:flex;align-items:center;gap:11px;border:1px solid #1d4a40;background:#e7efec;border-radius:12px;padding:12px;"><div style="width:34px;height:34px;border-radius:9px;background:#cdd9d3;flex:none;"></div><div style="font:700 13px Vazirmatn;color:#1d2a26;">پدر یا مادر</div><div style="margin-right:auto;width:18px;height:18px;border-radius:50%;border:5px solid #1d4a40;"></div></div>
|
||
<div style="display:flex;align-items:center;gap:11px;border:1px solid #e6e3dd;border-radius:12px;padding:12px;"><div style="width:34px;height:34px;border-radius:9px;background:#eceae5;flex:none;"></div><div style="font:600 13px Vazirmatn;color:#52606d;">همسر</div><div style="margin-right:auto;width:18px;height:18px;border-radius:50%;border:1px solid #c8c4ba;"></div></div>
|
||
<div style="display:flex;align-items:center;gap:11px;border:1px solid #e6e3dd;border-radius:12px;padding:12px;"><div style="width:34px;height:34px;border-radius:9px;background:#eceae5;flex:none;"></div><div style="font:600 13px Vazirmatn;color:#52606d;">فرزند</div><div style="margin-right:auto;width:18px;height:18px;border-radius:50%;border:1px solid #c8c4ba;"></div></div>
|
||
<div style="display:flex;align-items:center;gap:11px;border:1px solid #e6e3dd;border-radius:12px;padding:12px;"><div style="width:34px;height:34px;border-radius:9px;background:#eceae5;flex:none;"></div><div style="font:600 13px Vazirmatn;color:#52606d;">خودم</div><div style="margin-right:auto;width:18px;height:18px;border-radius:50%;border:1px solid #c8c4ba;"></div></div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">ادامه</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- A4 add patient -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">A۴ · ثبت بیمار</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:13px;">
|
||
<div style="font:700 16px Vazirmatn;color:#123029;">ثبت بیمار</div>
|
||
<div style="display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">نام و نام خانوادگی</div><div style="border:1px solid #d9d6cf;border-radius:10px;padding:10px 12px;font:400 12px Vazirmatn;color:#9aa39e;background:#fafafa;">مثلاً پدر — حسن رضایی</div></div>
|
||
<div style="display:flex;gap:10px;"><div style="flex:1;display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">سن</div><div style="border:1px solid #d9d6cf;border-radius:10px;padding:10px 12px;font:400 12px Vazirmatn;color:#9aa39e;background:#fafafa;">۷۲</div></div><div style="flex:1;display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">جنسیت</div><div style="display:flex;gap:6px;"><div style="flex:1;text-align:center;border:1px solid #1d4a40;background:#e7efec;border-radius:10px;padding:10px 0;font:700 11px Vazirmatn;color:#1d4a40;">مرد</div><div style="flex:1;text-align:center;border:1px solid #d9d6cf;border-radius:10px;padding:10px 0;font:600 11px Vazirmatn;color:#9aa39e;">زن</div></div></div></div>
|
||
<div style="display:flex;flex-direction:column;gap:6px;"><div style="font:600 11px Vazirmatn;color:#52606d;">شرایط / وضعیت</div><div style="display:flex;gap:7px;flex-wrap:wrap;"><span style="font:600 11px Vazirmatn;padding:6px 11px;border-radius:20px;background:#e7efec;color:#1d4a40;border:1px solid #cfe0da;">سالمند</span><span style="font:600 11px Vazirmatn;padding:6px 11px;border-radius:20px;background:#f4f2ec;color:#6b7280;border:1px solid #e6e3dd;">پس از جراحی</span><span style="font:600 11px Vazirmatn;padding:6px 11px;border-radius:20px;background:#f4f2ec;color:#6b7280;border:1px solid #e6e3dd;">دیابت</span><span style="font:600 11px Vazirmatn;padding:6px 11px;border-radius:20px;background:#f4f2ec;color:#6b7280;border:1px solid #e6e3dd;">+ بیشتر</span></div></div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">ذخیره و ادامه</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- A5 home -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">A۵ · خانه</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px 12px;display:flex;flex-direction:column;gap:13px;overflow:hidden;">
|
||
<div style="display:flex;align-items:center;justify-content:space-between;"><div><div style="font:500 11px Vazirmatn;color:#9aa39e;">سلام،</div><div style="font:800 16px Vazirmatn;color:#123029;">مریم رضایی</div></div><div style="width:36px;height:36px;border-radius:50%;background:#eceae5;"></div></div>
|
||
<div style="display:flex;align-items:center;gap:9px;border:1px solid #d9d6cf;border-radius:12px;padding:11px 13px;background:#fafafa;"><div style="width:16px;height:16px;border-radius:50%;border:2px solid #9aa39e;"></div><span style="font:500 12px Vazirmatn;color:#9aa39e;">جستجوی خدمت یا پرستار…</span></div>
|
||
<div style="font:700 13px Vazirmatn;color:#1d2a26;">دسته‌بندی خدمات</div>
|
||
<div style="display:flex;gap:10px;flex-wrap:wrap;">
|
||
<div style="width:calc(50% - 5px);border:1px solid #cfe0da;background:#e7efec;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:8px;"><div style="width:30px;height:30px;border-radius:9px;background:#bcd0c8;"></div><div style="font:700 12px Vazirmatn;color:#1d4a40;">مراقبت سالمند</div></div>
|
||
<div style="width:calc(50% - 5px);border:1px solid #e6e3dd;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:8px;"><div style="width:30px;height:30px;border-radius:9px;background:#eceae5;"></div><div style="font:700 12px Vazirmatn;color:#52606d;">پرستار کودک</div></div>
|
||
<div style="width:calc(50% - 5px);border:1px solid #e6e3dd;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:8px;"><div style="width:30px;height:30px;border-radius:9px;background:#eceae5;"></div><div style="font:700 12px Vazirmatn;color:#52606d;">تزریقات و سرم</div></div>
|
||
<div style="width:calc(50% - 5px);border:1px solid #e6e3dd;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:8px;"><div style="width:30px;height:30px;border-radius:9px;background:#eceae5;"></div><div style="font:700 12px Vazirmatn;color:#52606d;">فیزیوتراپی</div></div>
|
||
</div>
|
||
<div style="border:1px dashed #d98c6a;background:#fbf0e8;border-radius:12px;padding:11px 13px;display:flex;align-items:center;gap:10px;"><div style="width:30px;height:30px;border-radius:50%;background:#f0d2bf;flex:none;"></div><div style="flex:1;"><div style="font:700 12px Vazirmatn;color:#8a5a3c;">پدر</div><div style="font:500 10.5px Vazirmatn;color:#a87a5c;">پرونده بیمار را کامل کنید ←</div></div></div>
|
||
</div>
|
||
<div style="flex:none;display:flex;border-top:1px solid #eceae5;background:#fff;padding:7px 2px;">
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#1d4a40;"></div><span style="font:700 8.5px Vazirmatn;color:#1d4a40;">خانه</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">رزروها</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">بیماران</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">کیف‌پول</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">پروفایل</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- ============ SECTION B — NURSE LOGIN + VERIFICATION ============ -->
|
||
<div style="margin:48px 0 16px;">
|
||
<div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
|
||
<div style="width:30px;height:30px;border-radius:8px;background:#1d4a40;color:#fff;display:grid;place-items:center;font:800 14px Vazirmatn;flex:none;">B</div>
|
||
<h2 style="margin:0;font:800 20px Vazirmatn;color:#1d2a26;">ورود و احراز هویت پرستار</h2>
|
||
<span style="font:500 13px Vazirmatn;color:#9aa39e;">Nurse login & verification</span>
|
||
<span style="font:700 10px Vazirmatn;color:#bf6f4d;background:#fbf0e8;border:1px solid #ecc9b3;border-radius:20px;padding:3px 10px;">نمای پرستار</span>
|
||
</div>
|
||
<sc-if value="{{ showNotes }}" hint-placeholder-val="{{ true }}">
|
||
<div style="margin:11px 0 0;padding:9px 14px;background:#fbf0e8;border:1px dashed #d98c6a;border-radius:8px;font:500 12.5px Vazirmatn;color:#8a5a3c;max-width:840px;">احراز هویت پلتفرم‌محور و الزامی است: زنجیره مرحله‌ای (هویت ثبت‌احوال، پروانه نظام پرستاری، سوءپیشینه، مصاحبه). تا کامل‌شدن، پرستار قابل رزرو نیست.</div>
|
||
</sc-if>
|
||
</div>
|
||
|
||
<div style="display:flex;gap:22px;align-items:flex-start;padding-bottom:8px;">
|
||
|
||
<!-- B1 ورود پرستار -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">B۱ · ورود پرستار</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;">
|
||
<div style="margin-top:42px;display:flex;flex-direction:column;align-items:center;gap:10px;">
|
||
<div style="width:62px;height:62px;border-radius:17px;background:#123029;color:#f3efe9;display:grid;place-items:center;font:800 24px Vazirmatn;">ب</div>
|
||
<div style="font:800 18px Vazirmatn;color:#123029;">ورود پرستاران</div>
|
||
<div style="font:500 12px Vazirmatn;color:#6b7280;text-align:center;">ویژه پرستاران دارای پروانه نظام پرستاری</div>
|
||
</div>
|
||
<div style="margin-top:34px;display:flex;flex-direction:column;gap:6px;">
|
||
<div style="font:600 11px Vazirmatn;color:#52606d;">شماره موبایل</div>
|
||
<div style="border:1px solid #1d4a40;border-radius:11px;padding:12px 13px;font:500 13px Vazirmatn;color:#1d2a26;">۰۹۱۲ ۰۰۰ ۰۰۰۰</div>
|
||
</div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">دریافت کد تایید</div>
|
||
<div style="margin-top:14px;text-align:center;font:600 12px Vazirmatn;color:#1d4a40;border-top:1px solid #eceae5;padding-top:13px;">خانواده هستید؟ ورود کاربران ←</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- B2 OTP -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">B۲ · کد تایید</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;">
|
||
<div style="font:700 16px Vazirmatn;color:#123029;margin-top:34px;">کد تایید را وارد کنید</div>
|
||
<div style="font:500 12px Vazirmatn;color:#6b7280;margin-top:7px;line-height:1.9;">کد ۴ رقمی به <span style="color:#1d2a26;font-weight:700;">۰۹۱۲ ۰۰۰ ۰۰۰۰</span> پیامک شد.</div>
|
||
<div style="display:flex;gap:10px;margin-top:26px;direction:ltr;justify-content:center;">
|
||
<div style="width:52px;height:58px;border:1px solid #1d4a40;border-radius:11px;display:grid;place-items:center;font:700 22px Vazirmatn;color:#1d2a26;">۲</div>
|
||
<div style="width:52px;height:58px;border:1px solid #d9d6cf;border-radius:11px;display:grid;place-items:center;font:700 22px Vazirmatn;color:#9aa39e;">_</div>
|
||
<div style="width:52px;height:58px;border:1px solid #d9d6cf;border-radius:11px;display:grid;place-items:center;font:700 22px Vazirmatn;color:#9aa39e;">_</div>
|
||
<div style="width:52px;height:58px;border:1px solid #d9d6cf;border-radius:11px;display:grid;place-items:center;font:700 22px Vazirmatn;color:#9aa39e;">_</div>
|
||
</div>
|
||
<div style="margin-top:18px;text-align:center;font:500 12px Vazirmatn;color:#9aa39e;">ارسال مجدد کد تا ۰۰:۵۸</div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">تایید و ورود</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- B3 verification status -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">B۳ · وضعیت احراز هویت</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:12px;">
|
||
<div style="font:700 16px Vazirmatn;color:#123029;">احراز هویت و صلاحیت</div>
|
||
<div style="display:flex;align-items:center;gap:9px;"><div style="flex:1;height:6px;border-radius:3px;background:#e6e3dd;overflow:hidden;"><div style="width:40%;height:100%;background:#1d4a40;"></div></div><span style="font:700 11px Vazirmatn;color:#52606d;">۲ از ۵</span></div>
|
||
<div style="display:flex;align-items:center;gap:10px;border:1px solid #cfe0da;background:#f3f8f6;border-radius:11px;padding:11px;"><div style="width:24px;height:24px;border-radius:50%;background:#1f6b50;color:#fff;display:grid;place-items:center;font:700 11px Vazirmatn;flex:none;">✓</div><div style="flex:1;font:700 12px Vazirmatn;color:#1d2a26;">شماره موبایل</div><span style="font:700 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#e4f0ea;color:#1f6b50;">تاییدشده</span></div>
|
||
<div style="display:flex;align-items:center;gap:10px;border:1px solid #1d4a40;border-radius:11px;padding:11px;"><div style="width:24px;height:24px;border-radius:50%;border:2px solid #cf9b2c;color:#8a6418;display:grid;place-items:center;font:700 11px Vazirmatn;flex:none;">۲</div><div style="flex:1;font:700 12px Vazirmatn;color:#1d2a26;">هویت — کارت ملی و سلفی</div><span style="font:700 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#fbf3df;color:#8a6418;">در انتظار</span></div>
|
||
<div style="display:flex;align-items:center;gap:10px;border:1px solid #e6e3dd;border-radius:11px;padding:11px;opacity:.75;"><div style="width:24px;height:24px;border-radius:50%;background:#eceae5;color:#9aa39e;display:grid;place-items:center;font:700 11px Vazirmatn;flex:none;">۳</div><div style="flex:1;font:600 12px Vazirmatn;color:#6b7280;">پروانه نظام پرستاری</div><span style="font:700 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#eef0ee;color:#9aa39e;">بعدی</span></div>
|
||
<div style="display:flex;align-items:center;gap:10px;border:1px solid #e6e3dd;border-radius:11px;padding:11px;opacity:.75;"><div style="width:24px;height:24px;border-radius:50%;background:#eceae5;color:#9aa39e;display:grid;place-items:center;font:700 11px Vazirmatn;flex:none;">۴</div><div style="flex:1;font:600 12px Vazirmatn;color:#6b7280;">گواهی سوءپیشینه</div><span style="font:700 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#eef0ee;color:#9aa39e;">بعدی</span></div>
|
||
<div style="display:flex;align-items:center;gap:10px;border:1px solid #e6e3dd;border-radius:11px;padding:11px;opacity:.75;"><div style="width:24px;height:24px;border-radius:50%;background:#eceae5;color:#9aa39e;display:grid;place-items:center;font:700 11px Vazirmatn;flex:none;">۵</div><div style="flex:1;font:600 12px Vazirmatn;color:#6b7280;">مصاحبه ویدیویی</div><span style="font:700 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#eef0ee;color:#9aa39e;">بعدی</span></div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">ادامه مرحله ۲</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- B4 identity -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">B۴ · تایید هویت</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:12px;">
|
||
<div style="font:700 16px Vazirmatn;color:#123029;">تایید هویت</div>
|
||
<div style="display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">کد ملی</div><div style="border:1px solid #d9d6cf;border-radius:10px;padding:10px 12px;font:400 12px Vazirmatn;color:#9aa39e;background:#fafafa;">۰۰۱۲۳۴۵۶۷۸</div></div>
|
||
<div style="border:1.5px dashed #b8c4be;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:7px;background:#f7faf9;"><div style="width:40px;height:40px;border-radius:10px;background:#dde6e2;"></div><div style="font:700 12px Vazirmatn;color:#1d4a40;">بارگذاری تصویر کارت ملی</div><div style="font:500 10px Vazirmatn;color:#9aa39e;">از دوربین یا گالری</div></div>
|
||
<div style="border:1.5px dashed #b8c4be;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:7px;background:#f7faf9;"><div style="width:40px;height:40px;border-radius:50%;background:#dde6e2;"></div><div style="font:700 12px Vazirmatn;color:#1d4a40;">احراز زنده‌بودن (سلفی)</div><div style="font:500 10px Vazirmatn;color:#9aa39e;">تطبیق چهره با کارت ملی</div></div>
|
||
<div style="display:flex;align-items:center;gap:8px;background:#e4f0ea;border-radius:9px;padding:9px 11px;"><span style="width:8px;height:8px;border-radius:50%;background:#1f6b50;flex:none;"></span><span style="font:600 10.5px Vazirmatn;color:#1f6b50;">استعلام خودکار از ثبت احوال</span></div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">ارسال و استعلام</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- B5 credentials -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">B۵ · مدارک حرفه‌ای</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:12px;">
|
||
<div style="font:700 16px Vazirmatn;color:#123029;">مدارک پرستاری</div>
|
||
<div style="display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">شماره نظام پرستاری</div><div style="border:1px solid #d9d6cf;border-radius:10px;padding:10px 12px;font:400 12px Vazirmatn;color:#9aa39e;background:#fafafa;">ن-۱۲۳۴۵۶</div></div>
|
||
<div style="border:1.5px dashed #b8c4be;border-radius:12px;padding:14px;display:flex;align-items:center;gap:11px;background:#f7faf9;"><div style="width:34px;height:34px;border-radius:9px;background:#dde6e2;flex:none;"></div><div style="flex:1;"><div style="font:700 12px Vazirmatn;color:#1d4a40;">پروانه / کارت نظام پرستاری</div><div style="font:500 10px Vazirmatn;color:#9aa39e;">بارگذاری تصویر</div></div></div>
|
||
<div style="border:1px solid #cfe0da;background:#f3f8f6;border-radius:12px;padding:14px;display:flex;align-items:center;gap:11px;"><div style="width:34px;height:34px;border-radius:9px;background:#bcd0c8;flex:none;display:grid;place-items:center;font:700 13px Vazirmatn;color:#1d4a40;">✓</div><div style="flex:1;"><div style="font:700 12px Vazirmatn;color:#1d2a26;">مدرک تحصیلی</div><div style="font:500 10px Vazirmatn;color:#1f6b50;">بارگذاری شد</div></div></div>
|
||
<div style="display:flex;flex-direction:column;gap:6px;"><div style="font:600 11px Vazirmatn;color:#52606d;">تخصص‌ها</div><div style="display:flex;gap:7px;flex-wrap:wrap;"><span style="font:600 11px Vazirmatn;padding:6px 11px;border-radius:20px;background:#e7efec;color:#1d4a40;border:1px solid #cfe0da;">سالمندان</span><span style="font:600 11px Vazirmatn;padding:6px 11px;border-radius:20px;background:#e7efec;color:#1d4a40;border:1px solid #cfe0da;">ICU</span><span style="font:600 11px Vazirmatn;padding:6px 11px;border-radius:20px;background:#f4f2ec;color:#6b7280;border:1px solid #e6e3dd;">+ افزودن</span></div></div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">ثبت مدارک</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- B6 under review -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">B۶ · در حال بررسی</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;">
|
||
<div style="margin-top:54px;width:88px;height:88px;border-radius:50%;background:#fbf3df;display:grid;place-items:center;"><div style="width:46px;height:46px;border-radius:50%;border:4px solid #cf9b2c;"></div></div>
|
||
<div style="font:800 17px Vazirmatn;color:#123029;margin-top:22px;">مدارک شما در حال بررسی است</div>
|
||
<div style="font:500 12px Vazirmatn;color:#6b7280;margin-top:9px;line-height:1.9;">کارشناسان بالین‌یار صلاحیت شما را بررسی می‌کنند. معمولاً ۲۴ تا ۴۸ ساعت زمان می‌برد.</div>
|
||
<div style="width:100%;margin-top:26px;display:flex;flex-direction:column;gap:9px;text-align:right;">
|
||
<div style="display:flex;align-items:center;gap:9px;font:600 11px Vazirmatn;color:#1f6b50;"><span style="width:8px;height:8px;border-radius:50%;background:#1f6b50;"></span>هویت تایید شد</div>
|
||
<div style="display:flex;align-items:center;gap:9px;font:600 11px Vazirmatn;color:#8a6418;"><span style="width:8px;height:8px;border-radius:50%;background:#cf9b2c;"></span>بررسی مدارک حرفه‌ای</div>
|
||
<div style="display:flex;align-items:center;gap:9px;font:600 11px Vazirmatn;color:#9aa39e;"><span style="width:8px;height:8px;border-radius:50%;background:#b8b3a8;"></span>مصاحبه ویدیویی</div>
|
||
</div>
|
||
<div style="margin-top:auto;width:100%;border:1px solid #1d4a40;color:#1d4a40;border-radius:12px;padding:12px;text-align:center;font:700 13px Vazirmatn;">مشاهده وضعیت</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- B7 complete profile -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">B۷ · تکمیل پروفایل و خدمات</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:12px;">
|
||
<div style="font:700 16px Vazirmatn;color:#123029;">تکمیل پروفایل</div>
|
||
<div style="display:flex;align-items:center;gap:11px;"><div style="width:52px;height:52px;border-radius:50%;background:#eceae5;flex:none;display:grid;place-items:center;font:700 18px Vazirmatn;color:#9aa39e;">+</div><div style="font:500 11px Vazirmatn;color:#6b7280;line-height:1.8;">عکس پروفایل و معرفی کوتاه خود را اضافه کنید</div></div>
|
||
<div style="font:700 12px Vazirmatn;color:#1d2a26;margin-top:2px;">خدمات و قیمت‌ها</div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:11px;padding:11px;display:flex;align-items:center;gap:10px;"><div style="flex:1;"><div style="font:700 12px Vazirmatn;color:#1d2a26;">مراقبت سالمند — ساعتی</div><div style="font:600 11px Vazirmatn;color:#1d4a40;margin-top:2px;">۲۸۰٬۰۰۰ تومان / ساعت</div></div><div style="font:600 11px Vazirmatn;color:#9aa39e;">ویرایش</div></div>
|
||
<div style="border:1px dashed #cfe0da;border-radius:11px;padding:11px;text-align:center;font:700 12px Vazirmatn;color:#1d4a40;">+ افزودن خدمت</div>
|
||
<div style="font:700 12px Vazirmatn;color:#1d2a26;margin-top:2px;">روزهای در دسترس</div>
|
||
<div style="display:flex;gap:5px;flex-wrap:wrap;"><span style="font:700 10px Vazirmatn;padding:6px 9px;border-radius:8px;background:#e7efec;color:#1d4a40;">ش</span><span style="font:700 10px Vazirmatn;padding:6px 9px;border-radius:8px;background:#e7efec;color:#1d4a40;">ی</span><span style="font:700 10px Vazirmatn;padding:6px 9px;border-radius:8px;background:#f4f2ec;color:#9aa39e;">د</span><span style="font:700 10px Vazirmatn;padding:6px 9px;border-radius:8px;background:#e7efec;color:#1d4a40;">س</span><span style="font:700 10px Vazirmatn;padding:6px 9px;border-radius:8px;background:#f4f2ec;color:#9aa39e;">چ</span><span style="font:700 10px Vazirmatn;padding:6px 9px;border-radius:8px;background:#e7efec;color:#1d4a40;">پ</span><span style="font:700 10px Vazirmatn;padding:6px 9px;border-radius:8px;background:#f4f2ec;color:#9aa39e;">ج</span></div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">انتشار پروفایل</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- ============ SECTION C — REQUEST NURSING SERVICE ============ -->
|
||
<div style="margin:48px 0 16px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<div style="width:30px;height:30px;border-radius:8px;background:#1d4a40;color:#fff;display:grid;place-items:center;font:800 14px Vazirmatn;flex:none;">C</div>
|
||
<h2 style="margin:0;font:800 20px Vazirmatn;color:#1d2a26;">درخواست خدمت پرستاری</h2>
|
||
<span style="font:500 13px Vazirmatn;color:#9aa39e;">Search → match → request → book</span>
|
||
</div>
|
||
<sc-if value="{{ showNotes }}" hint-placeholder-val="{{ true }}">
|
||
<div style="margin:11px 0 0;padding:9px 14px;background:#fbf0e8;border:1px dashed #d98c6a;border-radius:8px;font:500 12.5px Vazirmatn;color:#8a5a3c;max-width:840px;">جستجو بر اساس دسته، موقعیت، قیمت و جنسیت. درخواست → تایید پرستار → پرداخت → تایید نهایی. هم‌جنس‌بودن مراقب نزدیک به الزامی است.</div>
|
||
</sc-if>
|
||
</div>
|
||
|
||
<div style="display:flex;gap:22px;align-items:flex-start;padding-bottom:8px;">
|
||
|
||
<!-- C1 search/category -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">C۱ · جستجو و فیلتر</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:12px;">
|
||
<div style="font:700 16px Vazirmatn;color:#123029;">جستجوی پرستار</div>
|
||
<div style="display:flex;align-items:center;gap:9px;border:1px solid #1d4a40;border-radius:12px;padding:11px 13px;"><div style="width:16px;height:16px;border-radius:50%;border:2px solid #1d4a40;"></div><span style="font:500 12px Vazirmatn;color:#1d2a26;">مراقبت سالمند</span></div>
|
||
<div style="display:flex;gap:7px;flex-wrap:wrap;"><span style="font:600 11px Vazirmatn;padding:7px 12px;border-radius:20px;background:#e7efec;color:#1d4a40;border:1px solid #cfe0da;">تهران ▾</span><span style="font:600 11px Vazirmatn;padding:7px 12px;border-radius:20px;background:#f4f2ec;color:#6b7280;border:1px solid #e6e3dd;">تاریخ ▾</span><span style="font:600 11px Vazirmatn;padding:7px 12px;border-radius:20px;background:#f4f2ec;color:#6b7280;border:1px solid #e6e3dd;">جنسیت ▾</span></div>
|
||
<div style="font:700 12px Vazirmatn;color:#1d2a26;margin-top:2px;">دسته‌بندی</div>
|
||
<div style="display:flex;gap:10px;flex-wrap:wrap;">
|
||
<div style="width:calc(50% - 5px);border:1px solid #1d4a40;background:#e7efec;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:8px;"><div style="width:30px;height:30px;border-radius:9px;background:#bcd0c8;"></div><div style="font:700 12px Vazirmatn;color:#1d4a40;">مراقبت سالمند</div></div>
|
||
<div style="width:calc(50% - 5px);border:1px solid #e6e3dd;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:8px;"><div style="width:30px;height:30px;border-radius:9px;background:#eceae5;"></div><div style="font:700 12px Vazirmatn;color:#52606d;">پرستار کودک</div></div>
|
||
<div style="width:calc(50% - 5px);border:1px solid #e6e3dd;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:8px;"><div style="width:30px;height:30px;border-radius:9px;background:#eceae5;"></div><div style="font:700 12px Vazirmatn;color:#52606d;">تزریقات و سرم</div></div>
|
||
<div style="width:calc(50% - 5px);border:1px solid #e6e3dd;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:8px;"><div style="width:30px;height:30px;border-radius:9px;background:#eceae5;"></div><div style="font:700 12px Vazirmatn;color:#52606d;">مراقبت زخم</div></div>
|
||
</div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">مشاهده ۲۴ پرستار</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- C2 results -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">C۲ · نتایج جستجو</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:14px 14px;display:flex;flex-direction:column;gap:11px;overflow:hidden;">
|
||
<div style="display:flex;align-items:center;justify-content:space-between;"><span style="font:700 13px Vazirmatn;color:#1d2a26;">۲۴ پرستار</span><span style="font:600 11px Vazirmatn;color:#1d4a40;">مرتب‌سازی: امتیاز ▾</span></div>
|
||
<div style="border:1px solid #cfe0da;border-radius:13px;padding:11px;display:flex;gap:11px;"><div style="width:50px;height:50px;border-radius:11px;background:#eceae5;flex:none;"></div><div style="flex:1;"><div style="display:flex;align-items:center;gap:6px;"><span style="font:700 12px Vazirmatn;color:#1d2a26;">زهرا کریمی</span><span style="font:700 8px Vazirmatn;padding:1px 6px;border-radius:20px;background:#e4f0ea;color:#1f6b50;">✓ تاییدشده</span></div><div style="font:600 10.5px Vazirmatn;color:#8a6418;margin-top:3px;">★ ۴٫۹ (۱۲۰ نظر) · ۲٫۱ کیلومتر</div><div style="font:700 11px Vazirmatn;color:#1d4a40;margin-top:4px;">از ۲۵۰٬۰۰۰ تومان / ساعت</div></div></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:13px;padding:11px;display:flex;gap:11px;"><div style="width:50px;height:50px;border-radius:11px;background:#eceae5;flex:none;"></div><div style="flex:1;"><div style="display:flex;align-items:center;gap:6px;"><span style="font:700 12px Vazirmatn;color:#1d2a26;">مریم احمدی</span><span style="font:700 8px Vazirmatn;padding:1px 6px;border-radius:20px;background:#e4f0ea;color:#1f6b50;">✓ تاییدشده</span></div><div style="font:600 10.5px Vazirmatn;color:#8a6418;margin-top:3px;">★ ۴٫۸ (۹۸ نظر) · ۳٫۴ کیلومتر</div><div style="font:700 11px Vazirmatn;color:#1d4a40;margin-top:4px;">از ۲۹۰٬۰۰۰ تومان / ساعت</div></div></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:13px;padding:11px;display:flex;gap:11px;"><div style="width:50px;height:50px;border-radius:11px;background:#eceae5;flex:none;"></div><div style="flex:1;"><div style="display:flex;align-items:center;gap:6px;"><span style="font:700 12px Vazirmatn;color:#1d2a26;">سارا موسوی</span><span style="font:700 8px Vazirmatn;padding:1px 6px;border-radius:20px;background:#e4f0ea;color:#1f6b50;">✓ تاییدشده</span></div><div style="font:600 10.5px Vazirmatn;color:#8a6418;margin-top:3px;">★ ۴٫۷ (۷۶ نظر) · ۴٫۰ کیلومتر</div><div style="font:700 11px Vazirmatn;color:#1d4a40;margin-top:4px;">از ۲۴۰٬۰۰۰ تومان / ساعت</div></div></div>
|
||
</div>
|
||
<div style="flex:none;display:flex;border-top:1px solid #eceae5;background:#fff;padding:7px 2px;">
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#1d4a40;"></div><span style="font:700 8.5px Vazirmatn;color:#1d4a40;">خانه</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">رزروها</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">بیماران</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">کیف‌پول</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">پروفایل</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- C3 nurse profile -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">C۳ · پروفایل پرستار</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px 0;display:flex;flex-direction:column;gap:11px;overflow:hidden;">
|
||
<div style="display:flex;align-items:center;gap:12px;"><div style="width:62px;height:62px;border-radius:16px;background:#eceae5;flex:none;"></div><div><div style="display:flex;align-items:center;gap:6px;"><span style="font:800 15px Vazirmatn;color:#123029;">زهرا کریمی</span></div><div style="font:600 11px Vazirmatn;color:#8a6418;margin-top:3px;">★ ۴٫۹ · ۱۲۰ نظر</div><div style="display:flex;gap:5px;margin-top:5px;"><span style="font:700 8px Vazirmatn;padding:2px 7px;border-radius:20px;background:#e4f0ea;color:#1f6b50;">✓ تاییدشده</span><span style="font:700 8px Vazirmatn;padding:2px 7px;border-radius:20px;background:#e7efec;color:#1d4a40;">نظام پرستاری ✓</span></div></div></div>
|
||
<div style="display:flex;gap:6px;flex-wrap:wrap;"><span style="font:600 10px Vazirmatn;padding:5px 10px;border-radius:20px;background:#f4f2ec;color:#52606d;border:1px solid #e6e3dd;">سالمندان</span><span style="font:600 10px Vazirmatn;padding:5px 10px;border-radius:20px;background:#f4f2ec;color:#52606d;border:1px solid #e6e3dd;">تزریقات</span><span style="font:600 10px Vazirmatn;padding:5px 10px;border-radius:20px;background:#f4f2ec;color:#52606d;border:1px solid #e6e3dd;">۸ سال سابقه</span></div>
|
||
<div style="font:700 12px Vazirmatn;color:#1d2a26;">خدمات و قیمت</div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:11px;padding:10px;display:flex;justify-content:space-between;align-items:center;"><span style="font:600 11px Vazirmatn;color:#1d2a26;">مراقبت سالمند (ساعتی)</span><span style="font:700 11px Vazirmatn;color:#1d4a40;">۲۵۰٬۰۰۰</span></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:11px;padding:10px;display:flex;justify-content:space-between;align-items:center;"><span style="font:600 11px Vazirmatn;color:#1d2a26;">شیفت شبانه (۱۲ ساعت)</span><span style="font:700 11px Vazirmatn;color:#1d4a40;">۲٬۴۰۰٬۰۰۰</span></div>
|
||
<div style="background:#f7faf9;border:1px solid #e6e3dd;border-radius:11px;padding:10px;"><div style="font:600 10px Vazirmatn;color:#8a6418;">★★★★★ آخرین نظر</div><div style="font:500 10.5px Vazirmatn;color:#6b7280;margin-top:4px;line-height:1.8;">«بسیار دلسوز و وقت‌شناس بود، از مراقبت پدرم راضی بودیم.»</div></div>
|
||
</div>
|
||
<div style="flex:none;padding:12px 16px;border-top:1px solid #eceae5;background:#fff;"><div style="background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">درخواست رزرو</div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- C4 request form -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">C۴ · فرم درخواست</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:11px;overflow:hidden;">
|
||
<div style="font:700 15px Vazirmatn;color:#123029;">درخواست خدمت</div>
|
||
<div style="display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">بیمار</div><div style="border:1px solid #d9d6cf;border-radius:10px;padding:10px 12px;font:600 12px Vazirmatn;color:#1d2a26;display:flex;justify-content:space-between;">پدر — حسن رضایی <span style="color:#9aa39e;">▾</span></div></div>
|
||
<div style="display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">نوع خدمت</div><div style="border:1px solid #d9d6cf;border-radius:10px;padding:10px 12px;font:600 12px Vazirmatn;color:#1d2a26;display:flex;justify-content:space-between;">مراقبت سالمند (ساعتی) <span style="color:#9aa39e;">▾</span></div></div>
|
||
<div style="display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">آدرس</div><div style="height:54px;border-radius:10px;background:#e9ece9;border:1px solid #d9d6cf;display:flex;align-items:center;padding:0 12px;gap:8px;"><div style="width:18px;height:18px;border-radius:50%;background:#1d4a40;flex:none;"></div><span style="font:600 11px Vazirmatn;color:#52606d;">منزل — نارمک، تهران</span></div></div>
|
||
<div style="display:flex;gap:9px;"><div style="flex:1;display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">تاریخ</div><div style="border:1px solid #d9d6cf;border-radius:10px;padding:9px 11px;font:600 11px Vazirmatn;color:#1d2a26;">۱۴۰۴/۰۴/۱۵</div></div><div style="flex:1;display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">ساعت</div><div style="border:1px solid #d9d6cf;border-radius:10px;padding:9px 11px;font:600 11px Vazirmatn;color:#1d2a26;">۰۹:۰۰</div></div></div>
|
||
<div style="display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">جنسیت پرستار</div><div style="display:flex;gap:7px;"><div style="flex:1;text-align:center;border:1px solid #1d4a40;background:#e7efec;border-radius:9px;padding:8px 0;font:700 11px Vazirmatn;color:#1d4a40;">خانم</div><div style="flex:1;text-align:center;border:1px solid #d9d6cf;border-radius:9px;padding:8px 0;font:600 11px Vazirmatn;color:#9aa39e;">آقا</div><div style="flex:1;text-align:center;border:1px solid #d9d6cf;border-radius:9px;padding:8px 0;font:600 11px Vazirmatn;color:#9aa39e;">فرقی ندارد</div></div></div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">ارسال درخواست</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- C5 pending -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">C۵ · در انتظار تایید پرستار</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;">
|
||
<div style="margin-top:44px;width:84px;height:84px;border-radius:50%;background:#fbf3df;display:grid;place-items:center;font:700 30px Vazirmatn;color:#cf9b2c;">⏳</div>
|
||
<div style="font:800 16px Vazirmatn;color:#123029;margin-top:20px;">درخواست برای پرستار ارسال شد</div>
|
||
<div style="font:500 12px Vazirmatn;color:#6b7280;margin-top:8px;line-height:1.9;">به‌محض تایید زهرا کریمی، برای پرداخت به شما اطلاع می‌دهیم.</div>
|
||
<div style="width:100%;border:1px solid #e6e3dd;border-radius:12px;padding:12px;margin-top:18px;text-align:right;"><div style="display:flex;justify-content:space-between;font:600 11px Vazirmatn;color:#52606d;margin-bottom:6px;"><span>پرستار</span><span style="color:#1d2a26;">زهرا کریمی</span></div><div style="display:flex;justify-content:space-between;font:600 11px Vazirmatn;color:#52606d;"><span>زمان</span><span style="color:#1d2a26;">۱۴۰۴/۰۴/۱۵ — ۰۹:۰۰</span></div></div>
|
||
<div style="width:100%;margin-top:18px;display:flex;flex-direction:column;gap:10px;text-align:right;">
|
||
<div style="display:flex;align-items:center;gap:9px;font:600 11px Vazirmatn;color:#1f6b50;"><span style="width:8px;height:8px;border-radius:50%;background:#1f6b50;"></span>درخواست ثبت شد</div>
|
||
<div style="display:flex;align-items:center;gap:9px;font:600 11px Vazirmatn;color:#8a6418;"><span style="width:8px;height:8px;border-radius:50%;background:#cf9b2c;"></span>در انتظار تایید پرستار</div>
|
||
<div style="display:flex;align-items:center;gap:9px;font:600 11px Vazirmatn;color:#9aa39e;"><span style="width:8px;height:8px;border-radius:50%;background:#b8b3a8;"></span>پرداخت و تایید نهایی</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- C6 summary + pay -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">C۶ · خلاصه و پرداخت</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:11px;">
|
||
<div style="display:flex;align-items:center;gap:7px;"><span style="font:700 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#e4f0ea;color:#1f6b50;">✓ پرستار تایید کرد</span></div>
|
||
<div style="font:700 15px Vazirmatn;color:#123029;">تایید و پرداخت</div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:9px;">
|
||
<div style="display:flex;justify-content:space-between;font:600 11px Vazirmatn;color:#52606d;"><span>هزینه خدمت (۸ ساعت)</span><span style="color:#1d2a26;">۲٬۰۰۰٬۰۰۰</span></div>
|
||
<div style="display:flex;justify-content:space-between;font:600 11px Vazirmatn;color:#52606d;"><span>کارمزد پلتفرم</span><span style="color:#1d2a26;">۲۴۰٬۰۰۰</span></div>
|
||
<div style="display:flex;justify-content:space-between;font:600 11px Vazirmatn;color:#52606d;"><span>مالیات</span><span style="color:#1d2a26;">۹۰٬۰۰۰</span></div>
|
||
<div style="height:1px;background:#e6e3dd;margin:2px 0;"></div>
|
||
<div style="display:flex;justify-content:space-between;font:800 13px Vazirmatn;color:#123029;"><span>مبلغ کل</span><span>۲٬۳۳۰٬۰۰۰ تومان</span></div>
|
||
</div>
|
||
<div style="display:flex;gap:9px;background:#e7efec;border:1px solid #cfe0da;border-radius:11px;padding:11px;"><div style="width:22px;height:22px;border-radius:6px;background:#1d4a40;flex:none;display:grid;place-items:center;color:#fff;font:700 11px Vazirmatn;">🔒</div><div style="font:500 10.5px Vazirmatn;color:#1d4a40;line-height:1.8;">مبلغ به‌صورت امانی نزد بالین‌یار می‌ماند و پس از پایان ویزیت برای پرستار آزاد می‌شود.</div></div>
|
||
<div style="margin-top:auto;background:#1d4a40;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">ادامه پرداخت ←</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- ============ SECTION D — BNPL / INSTALLMENTS ============ -->
|
||
<div style="margin:48px 0 16px;">
|
||
<div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
|
||
<div style="width:30px;height:30px;border-radius:8px;background:#d98c6a;color:#fff;display:grid;place-items:center;font:800 14px Vazirmatn;flex:none;">D</div>
|
||
<h2 style="margin:0;font:800 20px Vazirmatn;color:#1d2a26;">پرداخت اقساطی (BNPL)</h2>
|
||
<span style="font:500 13px Vazirmatn;color:#9aa39e;">دیجی‌پی · اسنپ‌پی · اقساط بالین‌یار</span>
|
||
</div>
|
||
<sc-if value="{{ showNotes }}" hint-placeholder-val="{{ true }}">
|
||
<div style="margin:11px 0 0;padding:9px 14px;background:#fbf0e8;border:1px dashed #d98c6a;border-radius:8px;font:500 12.5px Vazirmatn;color:#8a5a3c;max-width:840px;">یک روش پرداخت جایگزین. ارائه‌دهنده کل مبلغ را یک‌جا به بالین‌یار می‌پردازد و ریسک نکول مشتری کاملاً با اوست؛ بازپرداخت اقساط بین مشتری و ارائه‌دهنده است.</div>
|
||
</sc-if>
|
||
</div>
|
||
|
||
<div style="display:flex;gap:22px;align-items:flex-start;padding-bottom:8px;">
|
||
|
||
<!-- D1 method -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">D۱ · روش پرداخت</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:11px;">
|
||
<div style="font:700 15px Vazirmatn;color:#123029;">روش پرداخت</div>
|
||
<div style="text-align:center;background:#f7faf9;border:1px solid #e6e3dd;border-radius:12px;padding:13px;"><div style="font:500 10px Vazirmatn;color:#9aa39e;">مبلغ قابل پرداخت</div><div style="font:800 19px Vazirmatn;color:#123029;margin-top:3px;">۲٬۳۳۰٬۰۰۰ تومان</div></div>
|
||
<div style="display:flex;align-items:center;gap:10px;border:1px solid #d9d6cf;border-radius:11px;padding:12px;"><div style="width:36px;height:24px;border-radius:5px;background:#dde6e2;flex:none;"></div><div style="flex:1;font:700 12px Vazirmatn;color:#1d2a26;">پرداخت کامل (کارت بانکی)</div><div style="width:18px;height:18px;border-radius:50%;border:1px solid #c8c4ba;"></div></div>
|
||
<div style="font:700 11px Vazirmatn;color:#bf6f4d;margin-top:2px;">پرداخت اقساطی</div>
|
||
<div style="display:flex;align-items:center;gap:10px;border:1px solid #d98c6a;background:#fbf0e8;border-radius:11px;padding:12px;"><div style="width:36px;height:24px;border-radius:5px;background:#f0d2bf;flex:none;display:grid;place-items:center;font:800 9px Vazirmatn;color:#bf6f4d;">DG</div><div style="flex:1;"><div style="font:700 12px Vazirmatn;color:#1d2a26;">دیجی‌پی</div><div style="font:500 9.5px Vazirmatn;color:#a87a5c;">۳ تا ۱۲ قسط</div></div><div style="width:18px;height:18px;border-radius:50%;border:5px solid #d98c6a;"></div></div>
|
||
<div style="display:flex;align-items:center;gap:10px;border:1px solid #e6e3dd;border-radius:11px;padding:12px;"><div style="width:36px;height:24px;border-radius:5px;background:#eceae5;flex:none;display:grid;place-items:center;font:800 9px Vazirmatn;color:#52606d;">SP</div><div style="flex:1;"><div style="font:700 12px Vazirmatn;color:#1d2a26;">اسنپ‌پی</div><div style="font:500 9.5px Vazirmatn;color:#9aa39e;">۴ قسط بدون سود</div></div><div style="width:18px;height:18px;border-radius:50%;border:1px solid #c8c4ba;"></div></div>
|
||
<div style="display:flex;align-items:center;gap:10px;border:1px solid #e6e3dd;border-radius:11px;padding:12px;"><div style="width:36px;height:24px;border-radius:5px;background:#dde6e2;flex:none;display:grid;place-items:center;font:800 11px Vazirmatn;color:#1d4a40;">ب</div><div style="flex:1;"><div style="font:700 12px Vazirmatn;color:#1d2a26;">اقساط بالین‌یار</div><div style="font:500 9.5px Vazirmatn;color:#9aa39e;">طرح داخلی</div></div><div style="width:18px;height:18px;border-radius:50%;border:1px solid #c8c4ba;"></div></div>
|
||
<div style="margin-top:auto;background:#d98c6a;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">ادامه با دیجی‌پی</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- D2 plan -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">D۲ · انتخاب طرح اقساط</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:11px;">
|
||
<div style="display:flex;align-items:center;gap:8px;"><div style="width:32px;height:22px;border-radius:5px;background:#f0d2bf;display:grid;place-items:center;font:800 9px Vazirmatn;color:#bf6f4d;">DG</div><span style="font:700 14px Vazirmatn;color:#123029;">طرح اقساط دیجی‌پی</span></div>
|
||
<div style="display:flex;justify-content:space-between;font:600 11px Vazirmatn;color:#52606d;background:#f7faf9;border-radius:9px;padding:9px 11px;"><span>مبلغ کل</span><span style="color:#1d2a26;font-weight:800;">۲٬۳۳۰٬۰۰۰</span></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:11px;padding:12px;display:flex;justify-content:space-between;align-items:center;"><div><div style="font:700 12px Vazirmatn;color:#1d2a26;">۳ ماهه</div><div style="font:500 10px Vazirmatn;color:#9aa39e;">بدون سود</div></div><div style="text-align:left;"><div style="font:800 13px Vazirmatn;color:#1d4a40;">۷۷۷٬۰۰۰</div><div style="font:500 9px Vazirmatn;color:#9aa39e;">ماهانه</div></div></div>
|
||
<div style="border:2px solid #d98c6a;background:#fbf0e8;border-radius:11px;padding:12px;display:flex;justify-content:space-between;align-items:center;"><div><div style="font:700 12px Vazirmatn;color:#1d2a26;">۶ ماهه</div><div style="font:500 10px Vazirmatn;color:#bf6f4d;">کارمزد ۴٪</div></div><div style="text-align:left;"><div style="font:800 13px Vazirmatn;color:#bf6f4d;">۴۰۴٬۰۰۰</div><div style="font:500 9px Vazirmatn;color:#a87a5c;">ماهانه</div></div></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:11px;padding:12px;display:flex;justify-content:space-between;align-items:center;"><div><div style="font:700 12px Vazirmatn;color:#1d2a26;">۱۲ ماهه</div><div style="font:500 10px Vazirmatn;color:#9aa39e;">کارمزد ۹٪</div></div><div style="text-align:left;"><div style="font:800 13px Vazirmatn;color:#1d4a40;">۲۱۲٬۰۰۰</div><div style="font:500 9px Vazirmatn;color:#9aa39e;">ماهانه</div></div></div>
|
||
<div style="display:flex;flex-direction:column;gap:6px;margin-top:2px;"><div style="display:flex;justify-content:space-between;font:600 10px Vazirmatn;color:#52606d;"><span>پیش‌پرداخت</span><span style="color:#1d2a26;">۲۰٪</span></div><div style="height:6px;border-radius:3px;background:#e6e3dd;"><div style="width:20%;height:100%;border-radius:3px;background:#d98c6a;"></div></div></div>
|
||
<div style="margin-top:auto;background:#d98c6a;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">ادامه</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- D3 eligibility -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">D۳ · اعتبارسنجی</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:12px;">
|
||
<div style="font:700 15px Vazirmatn;color:#123029;">اعتبارسنجی</div>
|
||
<div style="display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">کد ملی</div><div style="border:1px solid #d9d6cf;border-radius:10px;padding:10px 12px;font:400 12px Vazirmatn;color:#1d2a26;background:#fafafa;">۰۰۱۲۳۴۵۶۷۸</div></div>
|
||
<div style="display:flex;flex-direction:column;gap:5px;"><div style="font:600 11px Vazirmatn;color:#52606d;">شماره موبایل</div><div style="border:1px solid #d9d6cf;border-radius:10px;padding:10px 12px;font:400 12px Vazirmatn;color:#1d2a26;background:#fafafa;">۰۹۱۲ ۰۰۰ ۰۰۰۰</div></div>
|
||
<div style="display:flex;align-items:flex-start;gap:9px;border:1px solid #e6e3dd;border-radius:11px;padding:11px;"><div style="width:18px;height:18px;border-radius:5px;background:#1d4a40;flex:none;display:grid;place-items:center;color:#fff;font:700 11px Vazirmatn;">✓</div><div style="font:500 10.5px Vazirmatn;color:#6b7280;line-height:1.8;">با استعلام اعتبارسنجی و سابقه اعتباری من توسط دیجی‌پی موافقم.</div></div>
|
||
<div style="border:1px solid #cfe0da;background:#f3f8f6;border-radius:12px;padding:14px;text-align:center;"><div style="display:flex;align-items:center;justify-content:center;gap:7px;"><span style="width:9px;height:9px;border-radius:50%;background:#1f6b50;"></span><span style="font:700 12px Vazirmatn;color:#1f6b50;">اعتبار شما تایید شد</span></div><div style="font:500 10px Vazirmatn;color:#52606d;margin-top:6px;">سقف اعتبار قابل استفاده</div><div style="font:800 16px Vazirmatn;color:#123029;margin-top:2px;">۱۵٬۰۰۰٬۰۰۰ تومان</div></div>
|
||
<div style="margin-top:auto;background:#d98c6a;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">تایید و ادامه</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- D4 contract -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">D۴ · تایید طرح و قرارداد</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:10px;">
|
||
<div style="font:700 15px Vazirmatn;color:#123029;">جدول بازپرداخت</div>
|
||
<div style="display:flex;justify-content:space-between;font:600 10px Vazirmatn;color:#9aa39e;padding:0 4px;"><span>قسط</span><span>سررسید</span><span>مبلغ</span></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:10px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;"><span style="font:700 11px Vazirmatn;color:#1d2a26;">پیش‌پرداخت</span><span style="font:600 10px Vazirmatn;color:#52606d;">امروز</span><span style="font:700 11px Vazirmatn;color:#bf6f4d;">۴۶۶٬۰۰۰</span></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:10px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;"><span style="font:700 11px Vazirmatn;color:#1d2a26;">قسط ۱</span><span style="font:600 10px Vazirmatn;color:#52606d;">۱۴۰۴/۰۵/۱۵</span><span style="font:700 11px Vazirmatn;color:#1d2a26;">۴۰۴٬۰۰۰</span></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:10px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;"><span style="font:700 11px Vazirmatn;color:#1d2a26;">قسط ۲</span><span style="font:600 10px Vazirmatn;color:#52606d;">۱۴۰۴/۰۶/۱۵</span><span style="font:700 11px Vazirmatn;color:#1d2a26;">۴۰۴٬۰۰۰</span></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:10px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;opacity:.7;"><span style="font:700 11px Vazirmatn;color:#1d2a26;">…</span><span style="font:600 10px Vazirmatn;color:#52606d;">تا قسط ۶</span><span style="font:700 11px Vazirmatn;color:#1d2a26;">۴۰۴٬۰۰۰</span></div>
|
||
<div style="display:flex;align-items:flex-start;gap:9px;border:1px solid #e6e3dd;border-radius:11px;padding:11px;margin-top:2px;"><div style="width:18px;height:18px;border-radius:5px;background:#1d4a40;flex:none;display:grid;place-items:center;color:#fff;font:700 11px Vazirmatn;">✓</div><div style="font:500 10px Vazirmatn;color:#6b7280;line-height:1.8;">شرایط و قرارداد اقساط را خوانده‌ام و می‌پذیرم.</div></div>
|
||
<div style="margin-top:auto;background:#d98c6a;color:#fff;border-radius:12px;padding:13px;text-align:center;font:700 13px Vazirmatn;">تایید نهایی و پرداخت پیش‌پرداخت</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- D5 repayment tracking -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">D۵ · پیگیری اقساط (کیف‌پول)</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:11px;overflow:hidden;">
|
||
<div style="font:700 15px Vazirmatn;color:#123029;">کیف‌پول و اقساط</div>
|
||
<div style="background:#123029;border-radius:14px;padding:14px;color:#f3efe9;"><div style="font:500 10px Vazirmatn;color:#9fb0a9;">مانده بدهی اقساط</div><div style="font:800 20px Vazirmatn;margin-top:3px;">۱٬۶۱۶٬۰۰۰ تومان</div><div style="display:flex;justify-content:space-between;margin-top:11px;align-items:center;"><div><div style="font:500 9px Vazirmatn;color:#9fb0a9;">قسط بعدی · ۱۴۰۴/۰۶/۱۵</div><div style="font:700 13px Vazirmatn;">۴۰۴٬۰۰۰</div></div><div style="background:#d98c6a;color:#fff;border-radius:9px;padding:8px 13px;font:700 11px Vazirmatn;">پرداخت زودهنگام</div></div></div>
|
||
<div style="font:700 12px Vazirmatn;color:#1d2a26;">سررسیدها</div>
|
||
<div style="border:1px solid #cfe0da;background:#f3f8f6;border-radius:11px;padding:11px;display:flex;align-items:center;gap:10px;"><div style="width:22px;height:22px;border-radius:50%;background:#1f6b50;color:#fff;display:grid;place-items:center;font:700 10px Vazirmatn;flex:none;">✓</div><div style="flex:1;"><div style="font:700 11px Vazirmatn;color:#1d2a26;">قسط ۱ · ۱۴۰۴/۰۵/۱۵</div></div><span style="font:700 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#e4f0ea;color:#1f6b50;">پرداخت‌شده</span></div>
|
||
<div style="border:1px solid #ecc9b3;background:#fbf3df;border-radius:11px;padding:11px;display:flex;align-items:center;gap:10px;"><div style="width:22px;height:22px;border-radius:50%;border:2px solid #cf9b2c;flex:none;"></div><div style="flex:1;"><div style="font:700 11px Vazirmatn;color:#1d2a26;">قسط ۲ · ۱۴۰۴/۰۶/۱۵</div></div><span style="font:700 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#fbf3df;color:#8a6418;">سررسید نزدیک</span></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:11px;padding:11px;display:flex;align-items:center;gap:10px;opacity:.8;"><div style="width:22px;height:22px;border-radius:50%;background:#eceae5;flex:none;"></div><div style="flex:1;"><div style="font:700 11px Vazirmatn;color:#52606d;">قسط ۳ · ۱۴۰۴/۰۷/۱۵</div></div><span style="font:700 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#eef0ee;color:#9aa39e;">آینده</span></div>
|
||
</div>
|
||
<div style="flex:none;display:flex;border-top:1px solid #eceae5;background:#fff;padding:7px 2px;">
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">خانه</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">رزروها</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">بیماران</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#1d4a40;"></div><span style="font:700 8.5px Vazirmatn;color:#1d4a40;">کیف‌پول</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">پروفایل</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- ============ SECTION E — PATIENT PROFILE ============ -->
|
||
<div style="margin:48px 0 16px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<div style="width:30px;height:30px;border-radius:8px;background:#1d4a40;color:#fff;display:grid;place-items:center;font:800 14px Vazirmatn;flex:none;">E</div>
|
||
<h2 style="margin:0;font:800 20px Vazirmatn;color:#1d2a26;">پرونده بیمار</h2>
|
||
<span style="font:500 13px Vazirmatn;color:#9aa39e;">Living patient profile</span>
|
||
</div>
|
||
<sc-if value="{{ showNotes }}" hint-placeholder-val="{{ true }}">
|
||
<div style="margin:11px 0 0;padding:9px 14px;background:#fbf0e8;border:1px dashed #d98c6a;border-radius:8px;font:500 12.5px Vazirmatn;color:#8a5a3c;max-width:840px;">پرونده متعلق به خانواده است و با تعویض پرستار حفظ می‌شود. پرستار فقط می‌تواند یادداشت ویزیت و مشاهدات اضافه کند (نه ویرایش کامل).</div>
|
||
</sc-if>
|
||
</div>
|
||
|
||
<div style="display:flex;gap:22px;align-items:flex-start;padding-bottom:8px;">
|
||
|
||
<!-- E1 patients list -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">E۱ · لیست بیماران</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:12px;">
|
||
<div style="font:700 16px Vazirmatn;color:#123029;">بیماران من</div>
|
||
<div style="border:1px solid #cfe0da;border-radius:13px;padding:13px;display:flex;gap:12px;"><div style="width:50px;height:50px;border-radius:13px;background:#eceae5;flex:none;"></div><div style="flex:1;"><div style="font:800 13px Vazirmatn;color:#1d2a26;">پدر — حسن رضایی</div><div style="font:500 10.5px Vazirmatn;color:#6b7280;margin-top:3px;">۷۲ ساله · مرد</div><div style="display:flex;gap:5px;margin-top:6px;"><span style="font:600 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#e7efec;color:#1d4a40;">سالمند</span><span style="font:600 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#f4f2ec;color:#6b7280;">دیابت</span></div></div></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:13px;padding:13px;display:flex;gap:12px;"><div style="width:50px;height:50px;border-radius:13px;background:#eceae5;flex:none;"></div><div style="flex:1;"><div style="font:800 13px Vazirmatn;color:#1d2a26;">مادر — فاطمه رضایی</div><div style="font:500 10.5px Vazirmatn;color:#6b7280;margin-top:3px;">۶۸ ساله · زن</div><div style="display:flex;gap:5px;margin-top:6px;"><span style="font:600 9px Vazirmatn;padding:2px 8px;border-radius:20px;background:#f4f2ec;color:#6b7280;">پس از جراحی</span></div></div></div>
|
||
<div style="border:1px dashed #cfe0da;border-radius:13px;padding:14px;text-align:center;font:700 12px Vazirmatn;color:#1d4a40;">+ افزودن بیمار</div>
|
||
</div>
|
||
<div style="flex:none;display:flex;border-top:1px solid #eceae5;background:#fff;padding:7px 2px;">
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">خانه</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">رزروها</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#1d4a40;"></div><span style="font:700 8.5px Vazirmatn;color:#1d4a40;">بیماران</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">کیف‌پول</span></div>
|
||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;"><div style="width:17px;height:17px;border-radius:5px;background:#d4d1c9;"></div><span style="font:600 8.5px Vazirmatn;color:#9aa39e;">پروفایل</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- E2 patient profile -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">E۲ · پرونده بیمار</div>
|
||
<div style="width:288px;height:600px;background:#fff;border:1px solid #d9d6cf;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:11px;overflow:hidden;">
|
||
<div style="display:flex;align-items:center;gap:11px;"><div style="width:46px;height:46px;border-radius:12px;background:#eceae5;flex:none;"></div><div style="flex:1;"><div style="font:800 14px Vazirmatn;color:#123029;">پدر — حسن رضایی</div><div style="font:500 10px Vazirmatn;color:#6b7280;">۷۲ ساله · مرد · دیابت، فشار خون</div></div><div style="font:600 11px Vazirmatn;color:#1d4a40;">ویرایش</div></div>
|
||
<div style="display:flex;gap:4px;background:#f4f2ec;border-radius:10px;padding:3px;"><div style="flex:1;text-align:center;background:#fff;border-radius:8px;padding:7px 0;font:700 10.5px Vazirmatn;color:#1d4a40;box-shadow:0 1px 3px rgba(0,0,0,.06);">داروها</div><div style="flex:1;text-align:center;padding:7px 0;font:600 10.5px Vazirmatn;color:#9aa39e;">روتین</div><div style="flex:1;text-align:center;padding:7px 0;font:600 10.5px Vazirmatn;color:#9aa39e;">سوابق</div><div style="flex:1;text-align:center;padding:7px 0;font:600 10.5px Vazirmatn;color:#9aa39e;">وظایف</div></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:11px;padding:11px;"><div style="display:flex;justify-content:space-between;align-items:center;"><div style="font:700 12px Vazirmatn;color:#1d2a26;">متفورمین ۵۰۰</div><span style="font:600 9px Vazirmatn;color:#1d4a40;">۲ بار در روز</span></div><div style="font:500 10px Vazirmatn;color:#6b7280;margin-top:4px;">صبح ۰۸:۰۰ · شب ۲۰:۰۰ — همراه غذا</div></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:11px;padding:11px;"><div style="display:flex;justify-content:space-between;align-items:center;"><div style="font:700 12px Vazirmatn;color:#1d2a26;">لوزارتان ۲۵</div><span style="font:600 9px Vazirmatn;color:#1d4a40;">۱ بار در روز</span></div><div style="font:500 10px Vazirmatn;color:#6b7280;margin-top:4px;">صبح ۰۸:۰۰ — کنترل فشار خون</div></div>
|
||
<div style="border:1px solid #e6e3dd;border-radius:11px;padding:11px;"><div style="display:flex;justify-content:space-between;align-items:center;"><div style="font:700 12px Vazirmatn;color:#1d2a26;">انسولین</div><span style="font:600 9px Vazirmatn;color:#8a6418;">حسب قند خون</span></div><div style="font:500 10px Vazirmatn;color:#6b7280;margin-top:4px;">پیش از وعده‌ها — طبق دستور پزشک</div></div>
|
||
<div style="display:flex;align-items:center;gap:8px;background:#e7efec;border-radius:9px;padding:9px 11px;margin-top:auto;"><span style="width:8px;height:8px;border-radius:50%;background:#1d4a40;flex:none;"></span><span style="font:600 9.5px Vazirmatn;color:#1d4a40;">این پرونده متعلق به خانواده است و با تعویض پرستار حفظ می‌شود.</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="flex:none;align-self:center;color:#b8b3a8;font:300 26px Vazirmatn;">←</div>
|
||
|
||
<!-- E3 nurse visit note -->
|
||
<div style="flex:none;width:288px;">
|
||
<div style="font:600 12px Vazirmatn;color:#52606d;margin-bottom:9px;text-align:center;">E۳ · ثبت یادداشت ویزیت <span style="color:#bf6f4d;">(نمای پرستار)</span></div>
|
||
<div style="width:288px;height:600px;background:#fff;border:2px solid #d98c6a;border-radius:26px;box-shadow:0 8px 24px rgba(20,30,28,.08);overflow:hidden;display:flex;flex-direction:column;">
|
||
<div style="height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 10px Vazirmatn;color:#1d2a26;"><span>۹:۴۱</span><span style="letter-spacing:1px;">▦ ▮▮▮</span></div>
|
||
<div style="flex:1;padding:16px 16px;display:flex;flex-direction:column;gap:11px;overflow:hidden;">
|
||
<div style="font:700 14px Vazirmatn;color:#123029;">ویزیت امروز — پدرِ مریم</div>
|
||
<div style="display:flex;align-items:center;gap:8px;background:#e4f0ea;border-radius:9px;padding:9px 11px;"><span style="width:8px;height:8px;border-radius:50%;background:#1f6b50;flex:none;"></span><span style="font:700 10px Vazirmatn;color:#1f6b50;">ورود ثبت شد ۰۹:۰۲ · موقعیت تایید شد (EVV)</span></div>
|
||
<div style="font:700 12px Vazirmatn;color:#1d2a26;">وظایف امروز</div>
|
||
<div style="display:flex;align-items:center;gap:9px;border:1px solid #e6e3dd;border-radius:10px;padding:9px 11px;"><div style="width:18px;height:18px;border-radius:5px;background:#1f6b50;flex:none;display:grid;place-items:center;color:#fff;font:700 10px Vazirmatn;">✓</div><span style="font:600 11px Vazirmatn;color:#1d2a26;">داروی متفورمین ساعت ۱۰</span></div>
|
||
<div style="display:flex;align-items:center;gap:9px;border:1px solid #e6e3dd;border-radius:10px;padding:9px 11px;"><div style="width:18px;height:18px;border-radius:5px;border:1px solid #c8c4ba;flex:none;"></div><span style="font:600 11px Vazirmatn;color:#52606d;">اندازه‌گیری فشار خون</span></div>
|
||
<div style="display:flex;align-items:center;gap:9px;border:1px solid #e6e3dd;border-radius:10px;padding:9px 11px;"><div style="width:18px;height:18px;border-radius:5px;border:1px solid #c8c4ba;flex:none;"></div><span style="font:600 11px Vazirmatn;color:#52606d;">پیاده‌روی کوتاه</span></div>
|
||
<div style="font:700 12px Vazirmatn;color:#1d2a26;margin-top:2px;">یادداشت ویزیت</div>
|
||
<div style="border:1px solid #d9d6cf;border-radius:10px;padding:10px 12px;font:400 11px Vazirmatn;color:#9aa39e;background:#fafafa;min-height:46px;">وضعیت بیمار، مشاهدات و توصیه‌ها…</div>
|
||
<div style="display:flex;gap:9px;margin-top:auto;"><div style="flex:1;border:1px solid #1d4a40;color:#1d4a40;border-radius:11px;padding:11px;text-align:center;font:700 11px Vazirmatn;">ثبت خروج (EVV)</div><div style="flex:1;background:#d98c6a;color:#fff;border-radius:11px;padding:11px;text-align:center;font:700 11px Vazirmatn;">ثبت یادداشت</div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</x-dc>
|
||
<script type="text/x-dc" data-dc-script data-props="{"showNotes":{"editor":"boolean","default":true,"tsType":"boolean"}}">
|
||
class Component extends DCLogic {
|
||
renderVals() {
|
||
return { showNotes: this.props.showNotes ?? true };
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|