From f9460adcf9ff5def14ec59849ff1e661827adbe2 Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Fri, 18 Feb 2022 21:23:40 +0330 Subject: [PATCH] updaaaaaaaaaaaaaaaate --- src/components/ReactTable4/BasicTable.js | 269 ++++++++++++++++++++- src/components/ReactTable4/MOCK_DATA.json | 281 ++++------------------ src/components/ReactTable4/columns.js | 12 +- 3 files changed, 305 insertions(+), 257 deletions(-) diff --git a/src/components/ReactTable4/BasicTable.js b/src/components/ReactTable4/BasicTable.js index 8edb53d..3670238 100644 --- a/src/components/ReactTable4/BasicTable.js +++ b/src/components/ReactTable4/BasicTable.js @@ -91,16 +91,16 @@ const BasicTable = ({ settingsIcon }) => { } ); - const changeOrder = () => { - setColumnOrder([ - "name", - "order-number", - "user-job", - "order-level", - "order-status", - "order-price", - ]); - }; + // const changeOrder = () => { + // setColumnOrder([ + // "name", + // "order-number", + // "user-job", + // "order-level", + // "order-status", + // "order-price", + // ]); + // }; const { globalFilter, pageIndex, pageSize } = state; // const firstPageRows = rows.slice(0, 10); @@ -334,9 +334,252 @@ function renderRowSubComponent({ rows }) { publishedYear: "سال انتشار", }; return ( -
- مبلغ: {rows.history} - +
+ {/* right */} +
+ {/* 1 */} +
+
+

+ نام و نام خانوادگی: + {rows.name} +

+
+ {/* 2 */} +
+
+

+ تاریخ سفارش: + {rows.order_date} +

+
+ {/* 3 */} +
+
+

+ مبلغ سفارش: + {rows.order_price} +

+
+ {/* 4 */} +
+
+

+ شماره سفارش: + {rows.order_number} +

+
+ {/* 5 */} +
+
+

+ شغل کاربر: + {rows.user_job} +

+
+ {/* 6 */} +
+
+

+ وضعیت سفارش: + {rows.order_status} +

+
+ {/* 7 */} +
+
+

+ سطح اهمیت: + {rows.order_level} +

+
+ {/* 8 */} +
+
+

+ محل تولد: + {rows.birth_place} +

+
+ {/* 9 */} +
+
+

+ تلفن محل کار: + {rows.office_phone} +

+
+ {/* 10 */} +
+
+

+ تحصیلات: + {rows.education} +

+
+ {/* 11 */} +
+
+

+ تاریخ تولد: + {rows.birth_day} +

+
+ {/* 12 */} +
+
+

+ شغل: + {rows.job} +

+
+ {/* 13 */} +
+
+

+ دانشگاه: + {rows.uni} +

+
+ {/* 14 */} +
+
+

+ رشته تحصیلی: + {rows.field_study} +

+
+ {/* 15 */} +
+
+

+ اخلاق: + {rows.behaviour} +

+
+ {/* 16 */} +
+
+

+ نشانی: + {rows.address} +

+
+
+ {/* left */} +
+ + +
); } diff --git a/src/components/ReactTable4/MOCK_DATA.json b/src/components/ReactTable4/MOCK_DATA.json index 5a217e1..39fbd7c 100644 --- a/src/components/ReactTable4/MOCK_DATA.json +++ b/src/components/ReactTable4/MOCK_DATA.json @@ -1,287 +1,92 @@ [ { "name": "خسرو سهرابی", - "order-date": "1400/11/09", - "order-price": 1, - "order-number": "09120023100", - "user-job": "مهندس ساختمان", - "order-status": 1, - "order-level": 1, + "order_date": "1400/11/09", + "order_price": 1, + "order_number": "09120023100", + "user_job": "مهندس ساختمان", + "order_status": 1, + "order_level": 1, "birth_place": "استان تهران شهر تهران", "office_phone": "02144407010", "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", "field_study": "مدیریت صنعتی", "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" - }, - { - "name": "خسرو شکیبایی", - "order-date": "1340/04/13", - "order-price": 2, - "order-number": "09390646589", - "user-job": "بازیگر", - "order-status": 2, - "order-level": 2, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", - "job": "فروشنده لوازم خانگی", + "uni": "تهران", "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" - }, - { - "name": "علی علوی", - "order-date": "1330/12/05", - "order-price": 3, - "order-number": "09120403285", - "user-job": "تاجر", - "order-status": 3, - "order-level": 3, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", - "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" - }, - { - "name": "پارسا ایرانی", - "order-date": "1372/01/08", - "order-price": 4, - "order-number": "09120336508", - "user-job": "حسابدار", - "order-status": 4, - "order-level": 4, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", - "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" - }, - { - "name": "محمد محمدی", - "order-date": "1389/01/26", - "order-price": 5, - "order-number": "0913698574", - "user-job": "دکتر", - "order-status": 5, - "order-level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", - "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" - }, - { - "name": "خسرو سهرابی", - "order-date": "1400/11/09", - "order-price": 1, - "order-number": "09120023100", - "user-job": "مهندس ساختمان", - "order-status": 1, - "order-level": 1, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", - "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" + "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" }, { "name": "خسرو شکیبایی", - "order-date": "1340/04/13", - "order-price": 2, - "order-number": "09390646589", - "user-job": "بازیگر", - "order-status": 2, - "order-level": 2, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", - "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" - }, - { - "name": "علی علوی", - "order-date": "1330/12/05", - "order-price": 3, - "order-number": "09120403285", - "user-job": "تاجر", - "order-status": 3, - "order-level": 3, + "order_date": "1340/04/13", + "order_price": 2, + "order_number": "09390646589", + "user_job": "بازیگر", + "order_status": 2, + "order_level": 2, "birth_place": "استان تهران شهر تهران", "office_phone": "02144407010", "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", "field_study": "مدیریت صنعتی", "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" - }, - { - "name": "پارسا ایرانی", - "order-date": "1372/01/08", - "order-price": 4, - "order-number": "09120336508", - "user-job": "حسابدار", - "order-status": 4, - "order-level": 4, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", - "job": "فروشنده لوازم خانگی", + "uni": "تهران", "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" - }, - { - "name": "محمد محمدی", - "order-date": "1389/01/26", - "order-price": 5, - "order-number": "0913698574", - "user-job": "دکتر", - "order-status": 5, - "order-level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", - "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" - }, - { - "name": "خسرو سهرابی", - "order-date": "1400/11/09", - "order-price": 1, - "order-number": "09120023100", - "user-job": "مهندس ساختمان", - "order-status": 1, - "order-level": 1, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", - "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" - }, - { - "name": "خسرو شکیبایی", - "order-date": "1340/04/13", - "order-price": 2, - "order-number": "09390646589", - "user-job": "بازیگر", - "order-status": 2, - "order-level": 2, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", - "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" + "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" }, { "name": "علی علوی", - "order-date": "1330/12/05", - "order-price": 3, - "order-number": "09120403285", - "user-job": "تاجر", - "order-status": 3, - "order-level": 3, + "order_date": "1330/12/05", + "order_price": 3, + "order_number": "09120403285", + "user_job": "تاجر", + "order_status": 3, + "order_level": 3, "birth_place": "استان تهران شهر تهران", "office_phone": "02144407010", "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", "field_study": "مدیریت صنعتی", "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" + "uni": "تهران", + "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", + "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" }, { "name": "پارسا ایرانی", - "order-date": "1372/01/08", - "order-price": 4, - "order-number": "09120336508", - "user-job": "حسابدار", - "order-status": 4, - "order-level": 4, + "order_date": "1372/01/08", + "order_price": 4, + "order_number": "09120336508", + "user_job": "حسابدار", + "order_status": 4, + "order_level": 4, "birth_place": "استان تهران شهر تهران", "office_phone": "02144407010", "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", "field_study": "مدیریت صنعتی", "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" + "uni": "تهران", + "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", + "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" }, { "name": "محمد محمدی", - "order-date": "1389/01/26", - "order-price": 5, - "order-number": "0913698574", - "user-job": "دکتر", - "order-status": 5, - "order-level": 5, + "order_date": "1389/01/26", + "order_price": 5, + "order_number": "0913698574", + "user_job": "دکتر", + "order_status": 5, + "order_level": 5, "birth_place": "استان تهران شهر تهران", "office_phone": "02144407010", "education": "کارشناسی", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق", "job": "فروشنده لوازم خانگی", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", "field_study": "مدیریت صنعتی", "birth_day": "1368/09/02", - "Criminal record": "4 سال حبس", - "uni": "تهران" + "uni": "تهران", + "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", + "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" } ] diff --git a/src/components/ReactTable4/columns.js b/src/components/ReactTable4/columns.js index 5a983cd..25c5f0f 100644 --- a/src/components/ReactTable4/columns.js +++ b/src/components/ReactTable4/columns.js @@ -20,7 +20,7 @@ export const COLUMNS = [ { Header: "تاریخ سفارش", Footer: "تاریخ سفارش", - accessor: "order-date", + accessor: "order_date", Filter: SliderColumnFilter, Cell: ({ value }) => { return format(new Date(value), "dd/MM/yyyy"); @@ -29,30 +29,30 @@ export const COLUMNS = [ { Header: "مبلغ سفارش", Footer: "مبلغ سفارش", - accessor: "order-price", + accessor: "order_price", Filter: SliderColumnFilter, }, { Header: "شماره سفارش", Footer: "شماره سفارش", - accessor: "order-number", + accessor: "order_number", }, { Header: "شغل کاربر", Footer: "شغل کاربر", - accessor: "user-job", + accessor: "user_job", }, { Header: "وضعیت سفارش", Footer: "وضعیت سفارش", - accessor: "order-status", + accessor: "order_status", Cell: OrderStatus, Filter: SelectColumnFilter2, }, { Header: "سطح اهمیت", Footer: "سطح اهمیت", - accessor: "order-level", + accessor: "order_level", Cell: OrderLevel, Filter: SelectColumnFilter, },