diff --git a/pages/support/appeals.js b/pages/support/appeals.js
new file mode 100644
index 0000000..7f26e30
--- /dev/null
+++ b/pages/support/appeals.js
@@ -0,0 +1,252 @@
+import React from "react";
+import * as ReactDOM from 'react-dom';
+import Head from "next/head";
+import Image from "next/image";
+import { connect } from "react-redux";
+import { withRouter } from "next/router";
+import moment from "moment";
+import { SpinnerCircular } from "spinners-react";
+
+import { reduxWrapper } from "../../store";
+
+import Header from "../components/Header";
+import Footer from "../components/Footer";
+import Company from "../components/Company";
+import InnerMenu from "./components/InnerMenu";
+
+import {
+ getContractInfo,
+ getContractAgreement,
+ getContractRules,
+ getFile,
+ setAppealsRead,
+} from "../../actions";
+
+class SupportAppealsPage extends React.Component
+{
+ constructor(props)
+ {
+ super(props);
+ this.state = {
+ appeals: null,
+ loading: false,
+ };
+ }
+
+ static getDerivedStateFromProps(nextProps, prevState)
+ {
+ return {
+ appeals: nextProps.appeals,
+ };
+ }
+
+ componentDidMount()
+ {
+ ReactDOM.findDOMNode(this).parentNode.style.height = "100%";
+ ReactDOM.findDOMNode(this).parentNode.style.display = "flex";
+ ReactDOM.findDOMNode(this).parentNode.style.flexDirection = "column";
+ ReactDOM.findDOMNode(this).parentNode.style.justifyContent = "spaceBetween";
+ ReactDOM.findDOMNode(this).parentNode.style.alignItems = "stretch";
+
+ document.documentElement.style.height = "100%";
+ document.documentElement.style.display = "flex";
+ document.documentElement.style.flexDirection = "column";
+ document.body.style.height = "100%";
+ document.body.style.display = "flex";
+ document.body.style.flexDirection = "column";
+
+ setTimeout(() =>
+ {
+ const appeals = [];
+ if(this.state.appeals !== undefined && this.state.appeals !== null && this.state.appeals.list !== undefined && this.state.appeals.list !== null)
+ {
+ for(let i in this.state.appeals.list)
+ {
+ if(this.state.appeals.list[i].read !== true)
+ {
+ appeals.push({ number: this.state.appeals.list[i].number, status: this.state.appeals.list[i].status });
+ }
+ }
+ }
+
+ console.log("appeals");
+ console.log(appeals);
+
+ setAppealsRead({ dispatch: this.props.dispatch, appeals });
+ }, 1000);
+ }
+
+ componentWillUnmount()
+ {
+ ReactDOM.findDOMNode(this).parentNode.style.height = "unset";
+ ReactDOM.findDOMNode(this).parentNode.style.display = "unset";
+ ReactDOM.findDOMNode(this).parentNode.style.flexDirection = "unset";
+ ReactDOM.findDOMNode(this).parentNode.style.justifyContent = "unset";
+ ReactDOM.findDOMNode(this).parentNode.style.alignItems = "unset";
+
+ document.documentElement.style.height = "unset";
+ document.documentElement.style.display = "unset";
+ document.documentElement.style.flexDirection = "unset";
+ document.body.style.height = "unset";
+ document.body.style.display = "unset";
+ document.body.style.flexDirection = "unset";
+ }
+
+ render()
+ {
+ const { loading, appeals } = this.state;
+ const { number } = this.props;
+ const status = {
+ active: { title: "Активное", color: "#04A8A4" },
+ closed: { title: "Закрыто", color: "#000", },
+ cancelled: { title: "Отменено", color: "#A8026B", }
+ };
+
+ console.log(appeals);
+
+ return (
+
+
+ ЛК Эволюция автолизинга
+
+
+
+
+
+
+
+
+
+
+
+
+ { appeals !== undefined && appeals !== null && appeals.list !== undefined && appeals.list !== null && (
+ <>
+ { appeals.list.length > 0 ? (
+ <>
+ { appeals.list.map((appeal, index) =>
+ (
+
+
+
Номер обращения: { appeal.number } от { moment(appeal.created_date, "YYYY-MM-DD").format("DD.MM.YYYY") }
+
Отвественный ОРК: { appeal.owner }
+
Договор(ы): { appeal.contracts }
+
{ status[appeal.status].title }
+
+
+
+
Тема запроса
+
{ appeal.subject }
+
+
+
Текст ответа ОРК
+
{ appeal.answer === "" ? "Без ответа" : appeal.answer }
+ { appeal.documents.length > 0 && (
+
+ { appeal.documents.map((document, document_index) =>
+ (
+
+
+ { document.doc_name }
+ Скачать документ
+
+
+ )) }
+
+ ) }
+
+
+
+ )) }
+
+ ) : (
+
У Вас пока нет обращений.
+ ) }
+
+ )}
+ {/*}
+
+
+
Номер обращения: 123 от 13.04.2022
+
Отвественный ОРК: Иванов И.И.
+
Договор: №2021_1655, №2021_1655
+
Активное
+
+
+
+
Тема запроса
+
Текстовый контент
+
+
+
Текст ответа ОРК
+
Текстовый контент
+
+
+
+
+
+
Номер обращения: 123 от 13.04.2022
+
Отвественный ОРК: Иванов И.И.
+
Договор: №2021_1655, №2021_1655
+
+
+
+
Тема запроса
+
Текстовый контент
+
+
+
Текст ответа ОРК
+
Текстовый контент
+
+
+
+ №2021_1655 от 20.04.2021
+ 2021_1655 от 20.04.2021
+
+
+
+
+ №2021_1655 от 20.04.2021
+ 2021_1655 от 20.04.2021
+
+
+
+
+
+
+ {*/}
+
+
+
+ );
+ }
+}
+
+function mapStateToProps(state, ownProps)
+{
+ return {
+ appeals: state.support.appeals,
+ };
+}
+
+export const getServerSideProps = reduxWrapper.getServerSideProps(
+(store) =>
+ async ({ req, res, query }) => {
+ return {
+ props: {
+ },
+ };
+ }
+);
+
+export default withRouter(connect(mapStateToProps)(SupportAppealsPage));
diff --git a/pages/support/components/InnerMenu/index.js b/pages/support/components/InnerMenu/index.js
index d474254..48ee111 100644
--- a/pages/support/components/InnerMenu/index.js
+++ b/pages/support/components/InnerMenu/index.js
@@ -1,14 +1,26 @@
import React from "react";
import Link from "next/link";
+import { connect } from "react-redux";
-export default class InnerMenu extends React.Component
+class InnerMenu extends React.Component
{
constructor(props)
{
super(props);
+ this.state = {
+ appeals: 0,
+ }
+
this.menuRef = React.createRef();
}
+ static getDerivedStateFromProps(nextProps, prevState)
+ {
+ return {
+ appeals: nextProps.appeals,
+ };
+ }
+
componentDidMount()
{
let l = 0;
@@ -33,26 +45,25 @@ export default class InnerMenu extends React.Component
_handle_onNewAppeal = () =>
{
- this.props.router.push('/support/new/');
+ this.props.router.push('/support/request/');
}
render()
{
+ const { appeals } = this.state;
const { number } = this.props;
return (
)
}
-}
\ No newline at end of file
+}
+
+function mapStateToProps(state, ownProps)
+{
+ return {
+ appeals: state.support.appeals.new,
+ }
+}
+
+export default connect(mapStateToProps)(InnerMenu);
\ No newline at end of file
diff --git a/pages/support/index.js b/pages/support/index.js
index 0843950..65b4815 100644
--- a/pages/support/index.js
+++ b/pages/support/index.js
@@ -15,10 +15,6 @@ import Company from "../components/Company";
import InnerMenu from "./components/InnerMenu";
import {
- getContractInfo,
- getContractAgreement,
- getContractRules,
- getFile,
getSupportThemes,
} from "../../actions";
@@ -34,7 +30,7 @@ class ContractPage extends React.Component
appeal: null,
searched: null,
loading: false,
- search: "",
+ query: "",
};
}
@@ -61,7 +57,7 @@ class ContractPage extends React.Component
document.documentElement.style.flexDirection = "column";
document.body.style.height = "100%";
document.body.style.display = "flex";
- document.body.style.flexDirection = "column";
+ document.body.style.flexDirection = "column";
if (!this.state.loading)
{
@@ -105,12 +101,19 @@ class ContractPage extends React.Component
}
}
+ _handle_onRequest = (question) =>
+ {
+ this.props.router.push(`/support/request#${ question }`);
+ }
+
+ _handle_onChangeSearchQuery = (value) =>
+ {
+ this.setState({ query: value });
+ }
+
render()
{
- const { loading, themes, question_selected, searched, appleals, search } = this.state;
-
- console.log("themesthemesthemesthemesthemes");
- console.log(themes);
+ const { loading, themes, question_selected, searched, appleals, query } = this.state;
return (
@@ -141,10 +144,10 @@ class ContractPage extends React.Component
@@ -162,7 +165,7 @@ class ContractPage extends React.Component
{ question.title }
-
+
Процедура
@@ -187,7 +190,7 @@ class ContractPage extends React.Component
) }
-
+