اتوماسیون پارس یک سیستم مدیریت اداری مدرن و تحت وب (Client-side) است که برای سادهسازی گردش مکاتبات اداری، مدیریت نامهها و امضای دیجیتال طراحی شده است. این سیستم با استفاده از React و TypeScript توسعه یافته و دارای رابط کاربری کاملاً راستچین (RTL) است که با فونت استاندارد وزیرمتن برای کاربران فارسیزبان بهینهسازی شده است.
(نمایی از داشبورد مدیریت و کارتابل)
- داشبورد مدیریتی: نمای کلی و لحظهای از کارتابل ورودی، نامههای ارسالی و تاییدیهها.
- شبیهسازی نقشها: امکان تغییر نقش کاربری (کارمند، مدیر، مدیرعامل) برای تست سناریوهای مختلف.
- ایجاد و پیوست نامه: قابلیت نگارش نامههای داخلی یا آپلود فایل PDF به عنوان نامه وارده.
- تاریخچه گردش کار: رهگیری دقیق تمام اقدامات انجام شده روی نامه (ایجاد، امضا، رد درخواست).
- پد امضای دیجیتال: ابزار ترسیم امضا روی صفحه (Canvas) با پشتیبانی از موس و صفحات لمسی.
- تنظیمات کاربری: امکان ذخیره امضا در پروفایل کاربر برای استفاده سریع در نامهها.
- سیستم چند گیرنده:
- امضا کننده: کاربرانی که باید نامه را تایید و امضا کنند.
- رونوشت (CC): کاربرانی که نامه را فقط جهت اطلاع مشاهده میکنند.
- اعتبارسنجی: نامهها تنها زمانی وضعیت "تایید نهایی" میگیرند که تمام امضاکنندگان آن را امضا کرده باشند.
- پشتیبانی کامل RTL: طراحی شده بر اساس استانداردهای زبان فارسی.
- فونت وزیرمتن: استفاده از فونت محبوب و خوانای Vazirmatn.
- طراحی واکنشگرا (Responsive): سازگار با موبایل، تبلت و دسکتاپ (با استفاده از Tailwind CSS).
- ذخیرهسازی محلی: استفاده از
IndexedDBبرای ذخیره اطلاعات کاربران و نامهها در مرورگر (بدون نیاز به دیتابیس سرور برای دمو). - خروجی PDF: قابلیت دریافت اصل نامه و هامشها به صورت فایل PDF.
- هسته اصلی: React 19 و TypeScript
- استایلدهی: Tailwind CSS
- آیکونها: Lucide React
- دیتابیس داخلی: idb-keyval (رابط ساده برای IndexedDB)
- تولید PDF: کتابخانه jsPDF
- فونت: وزیرمتن (Vazirmatn)
از آنجایی که این پروژه به صورت ماژولار (ES Modules) و بدون نیاز به بیلد سیستم پیچیده (مثل Webpack) طراحی شده است، میتوانید آن را مستقیماً در مرورگر اجرا کنید.
- یک مرورگر مدرن (Chrome, Edge, Firefox).
- Node.js (اختیاری، فقط اگر بخواهید از سرور لوکال استفاده کنید).
-
دریافت پروژه:
git clone https://github.com/your-username/pars-automation.git cd pars-automation -
اجرا با افزونه Live Server در VS Code (پیشنهادی):
- فایل
index.htmlرا در VS Code باز کنید. - روی فایل کلیک راست کرده و گزینه "Open with Live Server" را انتخاب کنید.
- فایل
-
یا اجرا با پایتون:
python3 -m http.server 8000 # سپس آدرس http://localhost:8000 را در مرورگر باز کنید
برای نمایش قابلیتهای سیستم، یک منوی کشویی در بالای سمت چپ صفحه تعبیه شده است که میتوانید با آن بین کاربران زیر جابجا شوید:
- علی محمدی (کارمند)
- سارا جلالی (مدیر)
- رضا کمالی (مدیر عامل)
- به منوی "ایجاد نامه" بروید.
- گیرندگان را از لیست انتخاب کنید.
- نقش گیرنده را مشخص کنید (امضا کننده یا رونوشت).
- متن نامه را بنویسید یا یک فایل PDF آپلود کنید.
- دکمه ارسال را بزنید.
- با استفاده از منوی تغییر کاربر، به حساب یکی از گیرندگان وارد شوید.
- به "کارتابل ورودی" بروید.
- نامه را باز کنید.
- روی دکمه "تایید و امضا" کلیک کنید. میتوانید همان لحظه امضا کنید یا از امضای ذخیره شده در بخش تنظیمات استفاده کنید.
pars-automation/
├── index.html # نقطه ورودی اصلی و تنظیمات Import Map
├── index.tsx # روت اصلی React
├── App.tsx # کامپوننت اصلی و مسیریابی
├── types.ts # تعاریف تایپهای TypeScript
├── constants.ts # دادههای پیشفرض و ثابتها
├── components/ # کامپوننتهای رابط کاربری
│ ├── Sidebar.tsx # منوی کناری
│ ├── ComposeLetter.tsx # فرم ایجاد نامه
│ ├── LetterDetail.tsx # نمایش جزئیات و امضا
│ ├── SignaturePad.tsx # پد امضا (Canvas)
│ └── Settings.tsx # تنظیمات پروفایل
└── services/ # سرویسهای کمکی
مشارکتها باعث پیشرفت پروژه میشوند! اگر پیشنهادی دارید:
- پروژه را Fork کنید.
- یک شاخه جدید بسازید (
git checkout -b feature/AmazingFeature). - تغییرات خود را Commit کنید.
- تغییرات را Push کنید.
- یک Pull Request باز کنید.
این پروژه تحت لایسنس MIT منتشر شده است.