15/09/2023 - 18h
parent
3445e85948
commit
eb0893c8bd
|
@ -68,10 +68,10 @@ const Partner_Commande = (props) => {
|
|||
const columns = [
|
||||
{ field: '_id', headerName: '_id', hide: true },
|
||||
{ field: 'id', headerName: 'id', hide: true },
|
||||
{ field: 'order_header_ref_interne', headerName: 'Reference', width: 150, hide: false, editable: true },
|
||||
{ field: 'order_header_type', headerName: 'Type', width: 150, hide: false, editable: true },
|
||||
{ field: 'order_header_ref_interne', headerName: 'Reference', width: 100, hide: false, editable: true },
|
||||
{ field: 'order_header_type', headerName: 'Type', width: 100, hide: false, editable: true },
|
||||
{
|
||||
field: 'order_header_status', headerName: 'Statut', width: 150, hide: false, editable: true,
|
||||
field: 'order_header_status', headerName: 'Statut', width: 100, hide: false, editable: true,
|
||||
valueFormatter: (params) => {
|
||||
if (String(params.value) === "-1")
|
||||
return "Annulé";
|
||||
|
@ -88,10 +88,10 @@ const Partner_Commande = (props) => {
|
|||
|
||||
},
|
||||
},
|
||||
{ field: 'order_header_client_id', headerName: 'Client_Id', width: 150, hideable: false, },
|
||||
{ field: 'order_header_client_nom', headerName: 'Nom Client', width: 150, hideable: false, },
|
||||
{ field: 'order_header_vendeur_id', headerName: 'Vendeur Id', width: 150, hideable: false, },
|
||||
{ field: 'order_header_vendeur_nom_prenom', headerName: 'Vendeur', width: 150, hideable: false, },
|
||||
{ field: 'order_header_client_id', headerName: 'Client_Id', width: 150, hide: true },
|
||||
{ field: 'order_header_client_nom', headerName: 'Nom Client', width: 150, hideable: false, flex: 1 },
|
||||
{ field: 'order_header_vendeur_id', headerName: 'Vendeur Id', width: 150, hide: true },
|
||||
{ field: 'order_header_vendeur_nom_prenom', headerName: 'Vendeur', width: 150, hideable: false, flex: 1 },
|
||||
{ field: 'order_header_date_cmd', headerName: 'Date', width: 150, hide: false, editable: true },
|
||||
{ field: 'order_header_date_expiration', headerName: 'Date Expiration', width: 150, hide: false, editable: true },
|
||||
|
||||
|
@ -182,14 +182,15 @@ const Partner_Commande = (props) => {
|
|||
{ field: '_id', headerName: '_id', hide: true, editable: false },
|
||||
{ field: 'id', headerName: 'id', hide: true, editable: false },
|
||||
{ field: 'order_line_formation', headerName: 'intenal_url', width: 0, hide: true, editable: false },
|
||||
{ field: 'order_line_formation_title', headerName: 'Titre', width: 150, hide: false, editable: false },
|
||||
{ field: 'order_line_formation_duration', headerName: 'Durée', width: 150, hide: false, editable: false },
|
||||
{ field: 'order_line_formation_title', headerName: 'Titre', width: 250, hide: false, editable: false, flex: 1 },
|
||||
{ field: 'order_line_formation_external_code', headerName: 'Code Formation', width: 150, hide: false, editable: false },
|
||||
{ field: 'order_line_formation_duration', headerName: 'Durée', width: 80, hide: false, editable: false },
|
||||
|
||||
{ field: 'order_line_qty', headerName: 'Qte', width: 150, hide: false, editable: false },
|
||||
{ field: 'order_line_prix_unitaire', headerName: 'Prix Unit.', width: 150, hide: false, editable: false },
|
||||
{ field: 'order_header_id', headerName: 'Id_Entete', width: 150, hideable: false, editable: false },
|
||||
{ field: 'order_header_ref_interne', headerName: 'Ref_Interne', width: 150, hideable: false, editable: false },
|
||||
{ field: 'order_line_type', headerName: 'Type', width: 150, hide: false, editable: false },
|
||||
{ field: 'order_line_qty', headerName: 'Qte', width: 100, hide: false, editable: false },
|
||||
{ field: 'order_line_prix_unitaire', headerName: 'Prix Unit.', width: 100, hide: false, editable: false },
|
||||
{ field: 'order_header_id', headerName: 'Id_Entete', hide: true },
|
||||
{ field: 'order_header_ref_interne', headerName: 'Ref_Interne', hide: true },
|
||||
{ field: 'order_line_type', headerName: 'Type', width: 100, hide: false, editable: false },
|
||||
{
|
||||
field: 'order_line_status', headerName: 'Statut', width: 150, hide: false, editable: true,
|
||||
valueFormatter: (params) => {
|
||||
|
@ -398,6 +399,17 @@ const Partner_Commande = (props) => {
|
|||
|
||||
setp_filtre4();
|
||||
setp_filtre4_value();
|
||||
|
||||
clean_order_detail_fields();
|
||||
setsubmenu();
|
||||
setorder_data_edit_mode();
|
||||
setorder_data_edit_mode();
|
||||
setdisplay_detail_order();
|
||||
setadd_One_Order();
|
||||
setSelectionModel([]);
|
||||
setselectionModel_order_lines([]);
|
||||
|
||||
Getall_Parter_Orders_No_Filter();
|
||||
}
|
||||
|
||||
|
||||
|
@ -556,6 +568,74 @@ const Partner_Commande = (props) => {
|
|||
}
|
||||
|
||||
|
||||
const [Getall_Parter_Orders_With_Filter_api, setGetall_Parter_Orders_With_Filter_api] = useState();
|
||||
const [Getall_Parter_Orders_With_Filter_message, setGetall_Parter_Orders_With_Filter_message] = useState();
|
||||
const [Getall_Parter_Orders_With_Filter_result, setGetall_Parter_Orders_With_Filter_result] = useState();
|
||||
function Getall_Parter_Orders_With_Filter(event) {
|
||||
|
||||
var form = new FormData();
|
||||
|
||||
// Recuperation des parametres
|
||||
var filtre1 = p_filtre1;
|
||||
var filtre2 = p_filtre2;
|
||||
var filtre3 = p_filtre3;
|
||||
var filtre4 = p_filtre4;
|
||||
|
||||
var filtre1_value = "";
|
||||
var filtre2_value = "";
|
||||
var filtre3_value = "";
|
||||
var filtre4_value = "";
|
||||
// Recuperation des valeurs de filtres
|
||||
|
||||
if (p_filtre1_value) {
|
||||
filtre1_value = p_filtre1_value;
|
||||
form.append(filtre1, filtre1_value);
|
||||
}
|
||||
|
||||
if (p_filtre2_value) {
|
||||
filtre2_value = p_filtre2_value;
|
||||
form.append(filtre2, filtre2_value);
|
||||
}
|
||||
|
||||
if (p_filtre3_value) {
|
||||
filtre3_value = p_filtre3_value;
|
||||
form.append(filtre3, p_filtre3_value);
|
||||
}
|
||||
|
||||
if (p_filtre4_value) {
|
||||
filtre4_value = p_filtre4_value;
|
||||
form.append(filtre4, p_filtre4_value);
|
||||
}
|
||||
|
||||
const stored_cookie = getCookie('tokenmysypart');
|
||||
form.append("token", stored_cookie);
|
||||
|
||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Partner_Order_with_filter/";
|
||||
|
||||
axios.post(myurl, form).then(res => {
|
||||
|
||||
if (String(res.data.status) === String("true")) {
|
||||
//console.log(" In Getall_Parter_Orders_With_Filter res.data.status = " + res.data.status);
|
||||
//console.log(" In Getall_Parter_Orders_With_Filter res.data.message r_class = " + res.data.message);
|
||||
setGetall_Parter_Orders_With_Filter_api("true");
|
||||
setGetall_Parter_Orders_With_Filter_result(res.data.message);
|
||||
setRows(res.data.message);
|
||||
}
|
||||
else {
|
||||
setGetall_Parter_Orders_With_Filter_api("false");
|
||||
setGetall_Parter_Orders_With_Filter_message(res.data.message);
|
||||
alert(res.data.message);
|
||||
}
|
||||
|
||||
}).catch((error) => {
|
||||
console.warn('Not good man :( Getall_Parter_Orders_With_Filter = ', error);
|
||||
setGetall_Parter_Orders_With_Filter_api("false");
|
||||
alert(" Impossible de recuperer la liste des commandes et devis");
|
||||
//setmyApimyApiMessage("")
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
const [session_file_name, setsession_file_name] = useState();
|
||||
const [liste_sessions_file_change_api, setliste_sessions_file_change_api] = useState();
|
||||
const [liste_sessions_file_change_result, setliste_sessions_file_change_result] = useState();
|
||||
|
@ -1155,9 +1235,18 @@ const Partner_Commande = (props) => {
|
|||
}
|
||||
|
||||
const [add_One_Order, setadd_One_Order] = useState();
|
||||
|
||||
|
||||
function submenu_add_one_order() {
|
||||
setp_add_cmd_header_order_type("commande");
|
||||
setDialog_Detail_Commande_open(true);
|
||||
|
||||
}
|
||||
|
||||
|
||||
function submenu_add_one_quotation() {
|
||||
setp_add_cmd_header_order_type("devis");
|
||||
setDialog_Detail_Commande_open(true);
|
||||
|
||||
}
|
||||
|
||||
|
@ -2614,10 +2703,10 @@ const Partner_Commande = (props) => {
|
|||
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button onClick={Update_Dialog_Detail_Article_open} className="bton_enreg">Mettre à jour</Button>
|
||||
<Button onClick={Update_Dialog_Detail_Article_open} className="bton_enreg_dialog">Mettre à jour</Button>
|
||||
</div>
|
||||
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
|
||||
<Button onClick={Close_Dialog_Detail_Article_open} className="bton_annule" >Annuler</Button>
|
||||
<Button onClick={Close_Dialog_Detail_Article_open} className="bton_annule_dialog" >Annuler</Button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -2634,20 +2723,16 @@ const Partner_Commande = (props) => {
|
|||
|
||||
<DialogTitle>Nouvelle Commande</DialogTitle>
|
||||
<DialogContent>
|
||||
<DialogContentText>
|
||||
Ajout d'une commande / devis
|
||||
</DialogContentText>
|
||||
|
||||
|
||||
|
||||
<div className="session_caract" style={{ "width": "100%", "height": "5rem" }}> Client
|
||||
<TextField
|
||||
autoFocus
|
||||
margin="dense"
|
||||
id="ref_client"
|
||||
label="Client"
|
||||
//label="Client"
|
||||
select
|
||||
fullWidth
|
||||
variant="standard"
|
||||
//variant="standard"
|
||||
value={p_add_cmd_header_client_id}
|
||||
onChange={(e) => {
|
||||
setp_add_cmd_header_client_id(e.target.value);
|
||||
|
@ -2662,25 +2747,18 @@ const Partner_Commande = (props) => {
|
|||
{Get_List_Partner_Clients_result &&
|
||||
Get_List_Partner_Clients_result.map((myclient) => (
|
||||
<MenuItem key={JSON.parse(myclient).nom} value={JSON.parse(myclient)._id}
|
||||
style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>
|
||||
style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%", "height": "3rem" }}>
|
||||
{JSON.parse(myclient).nom}
|
||||
|
||||
</MenuItem>
|
||||
))}
|
||||
</TextField>
|
||||
|
||||
{/*p_add_cmd_header_client_id && <div className="div_row">
|
||||
|
||||
<div className="div_row"> Adresse client
|
||||
</div>
|
||||
|
||||
<div className="div_row"> Adresse Facturation
|
||||
</div>
|
||||
|
||||
</div>*/}
|
||||
<div className="div_row" style={{ "width": "100%", }}>
|
||||
|
||||
|
||||
<div style={{ "textAlign": "left" }}>Date cmd <br />
|
||||
<div className="session_caract" style={{ "textAlign": "left", "width": "50%", "height": "5rem", "float": "left" }}>Date cmd
|
||||
|
||||
<DatePicker
|
||||
name="date_order"
|
||||
|
@ -2695,12 +2773,13 @@ const Partner_Commande = (props) => {
|
|||
//filterTime={filterPassedTime_start}
|
||||
dateFormat="dd/MM/yyyy"
|
||||
className="disabled_style enable_style"
|
||||
style={{ "width": "100%" }}
|
||||
locale='fr-FR'
|
||||
fullWidth
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div style={{ "textAlign": "left" }}>Date expiration <br />
|
||||
<div className="session_caract" style={{ "textAlign": "left", "width": "50%", "height": "5rem", "float": "right" }}>Date expiration <br />
|
||||
|
||||
<DatePicker
|
||||
name="date_order_exp"
|
||||
|
@ -2716,21 +2795,22 @@ const Partner_Commande = (props) => {
|
|||
//filterTime={filterPassedTime_start}
|
||||
dateFormat="dd/MM/yyyy"
|
||||
className="disabled_style enable_style"
|
||||
|
||||
locale='fr-FR'
|
||||
fullWidth
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="session_caract" style={{ "width": "100%", "height": "5rem" }}> Description <br />
|
||||
<TextField
|
||||
autoFocus
|
||||
margin="dense"
|
||||
id="order_description"
|
||||
label="Description"
|
||||
|
||||
type="text"
|
||||
fullWidth
|
||||
variant="standard"
|
||||
//variant="standard"
|
||||
value={p_add_cmd_header_description}
|
||||
onChange={(e) => {
|
||||
setp_add_cmd_header_description(e.target.value);
|
||||
|
@ -2738,15 +2818,17 @@ const Partner_Commande = (props) => {
|
|||
}
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="session_caract" style={{ "width": "100%", "height": "5rem" }}> Ref. externe <br />
|
||||
<TextField
|
||||
autoFocus
|
||||
margin="dense"
|
||||
id="order_ref_client"
|
||||
label="Ref. externe"
|
||||
|
||||
type="text"
|
||||
fullWidth
|
||||
variant="standard"
|
||||
|
||||
value={p_add_cmd_header_ref_client}
|
||||
onChange={(e) => {
|
||||
setp_add_cmd_header_ref_client(e.target.value);
|
||||
|
@ -2754,15 +2836,18 @@ const Partner_Commande = (props) => {
|
|||
}
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="session_caract" style={{ "width": "100%", "height": "5rem" }}> Vendeur <br />
|
||||
|
||||
<TextField
|
||||
autoFocus
|
||||
margin="dense"
|
||||
id="ref_vendeur"
|
||||
label="Vendeur"
|
||||
|
||||
select
|
||||
fullWidth
|
||||
variant="standard"
|
||||
|
||||
value={p_add_cmd_header_vendeur_id}
|
||||
onChange={(e) => {
|
||||
setp_add_cmd_header_vendeur_id(e.target.value);
|
||||
|
@ -2779,7 +2864,9 @@ const Partner_Commande = (props) => {
|
|||
</MenuItem>
|
||||
))}
|
||||
</TextField>
|
||||
</div>
|
||||
|
||||
<div className="session_caract" style={{ "width": "100%", "height": "5rem" }}> Conditions Paiement <br />
|
||||
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
|
@ -2793,11 +2880,14 @@ const Partner_Commande = (props) => {
|
|||
|
||||
}
|
||||
}
|
||||
label="Conditions Paiement"
|
||||
variant="standard"
|
||||
|
||||
|
||||
/>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="session_caract" style={{ "width": "100%", "height": "5rem" }}> Type <br />
|
||||
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
name="order_type"
|
||||
|
@ -2805,22 +2895,13 @@ const Partner_Commande = (props) => {
|
|||
autoFocus
|
||||
fullWidth
|
||||
value={p_add_cmd_header_order_type}
|
||||
onChange={(e) => {
|
||||
setp_add_cmd_header_order_type(e.target.value);
|
||||
disabled
|
||||
|
||||
}
|
||||
}
|
||||
label="Type"
|
||||
variant="standard"
|
||||
select
|
||||
|
||||
>
|
||||
<MenuItem value="devis" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Devis </MenuItem>
|
||||
<MenuItem value="commande" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Commande </MenuItem>
|
||||
|
||||
</TextField>
|
||||
/>
|
||||
|
||||
|
||||
</div>
|
||||
<div className="session_caract" style={{ "width": "100%", "height": "5rem" }}> Emplacement <br />
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
name="order_header_location_type"
|
||||
|
@ -2833,8 +2914,7 @@ const Partner_Commande = (props) => {
|
|||
|
||||
}
|
||||
}
|
||||
label="Emplacement"
|
||||
variant="standard"
|
||||
|
||||
select
|
||||
|
||||
>
|
||||
|
@ -2844,23 +2924,26 @@ const Partner_Commande = (props) => {
|
|||
|
||||
</TextField>
|
||||
|
||||
|
||||
</div>
|
||||
<div className="session_caract" style={{ "width": "100%", "height": "5rem" }}> Commentaire <br />
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
name="order_commentaire"
|
||||
id="order_commentaire"
|
||||
autoFocus
|
||||
fullWidth
|
||||
multiline
|
||||
rows={2}
|
||||
value={p_add_cmd_header_comment}
|
||||
onChange={(e) => {
|
||||
setp_add_cmd_header_comment(e.target.value);
|
||||
|
||||
}
|
||||
}
|
||||
label="Commentaire"
|
||||
variant="standard"
|
||||
|
||||
|
||||
/>
|
||||
</div>
|
||||
<div className="div_row"> </div>
|
||||
|
||||
</DialogContent>
|
||||
|
@ -2869,10 +2952,10 @@ const Partner_Commande = (props) => {
|
|||
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button onClick={Add_Dialog_Detail_Order} className="bton_enreg">Ajouter</Button>
|
||||
<Button onClick={Add_Dialog_Detail_Order} className="bton_enreg_dialog">Ajouter</Button>
|
||||
</div>
|
||||
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
|
||||
<Button onClick={Close_Dialog_Detail_Order_open} className="bton_annule" >Annuler</Button>
|
||||
<Button onClick={Close_Dialog_Detail_Order_open} className="bton_annule_dialog" >Annuler</Button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -2897,10 +2980,10 @@ const Partner_Commande = (props) => {
|
|||
|
||||
}}
|
||||
>
|
||||
<MenuItem value="email" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Email </MenuItem>
|
||||
<MenuItem value="nom" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Nom </MenuItem>
|
||||
<MenuItem value="ref_interne" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Ref. Interne </MenuItem>
|
||||
<MenuItem value="ref_externe" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Ref. Externe (chez le client) </MenuItem>
|
||||
<MenuItem value="client_nom" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Nom Client </MenuItem>
|
||||
<MenuItem value="formation" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Lié a la Formation (code externe) </MenuItem>
|
||||
<MenuItem value="session" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Lié a la Session (code session) </MenuItem>
|
||||
|
||||
|
||||
</TextField>
|
||||
|
@ -2977,10 +3060,10 @@ const Partner_Commande = (props) => {
|
|||
|
||||
}}
|
||||
>
|
||||
<MenuItem value="email" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Email </MenuItem>
|
||||
<MenuItem value="nom" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Nom </MenuItem>
|
||||
<MenuItem value="ref_interne" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Ref. Interne </MenuItem>
|
||||
<MenuItem value="ref_externe" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Ref. Externe (chez le client) </MenuItem>
|
||||
<MenuItem value="client_nom" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Nom Client </MenuItem>
|
||||
<MenuItem value="formation" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Lié a la Formation (code externe) </MenuItem>
|
||||
<MenuItem value="session" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Lié a la Session (code session) </MenuItem>
|
||||
|
||||
|
||||
</TextField>
|
||||
|
@ -3057,10 +3140,10 @@ const Partner_Commande = (props) => {
|
|||
setp_filtre3(e.target.value)
|
||||
}}
|
||||
>
|
||||
<MenuItem value="email" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Email </MenuItem>
|
||||
<MenuItem value="nom" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Nom </MenuItem>
|
||||
<MenuItem value="ref_interne" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Ref. Interne </MenuItem>
|
||||
<MenuItem value="ref_externe" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Ref. Externe (chez le client) </MenuItem>
|
||||
<MenuItem value="client_nom" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Nom Client </MenuItem>
|
||||
<MenuItem value="formation" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Lié a la Formation (code externe) </MenuItem>
|
||||
<MenuItem value="session" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Lié a la Session (code session) </MenuItem>
|
||||
|
||||
|
||||
</TextField>
|
||||
|
@ -3123,12 +3206,12 @@ const Partner_Commande = (props) => {
|
|||
<div className="div_row" ref={myRef_head} style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
|
||||
|
||||
<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
|
||||
<Button variant="contained" className="bton_enreg" onClick={"Getall_Training_Employee"}>Rechercher
|
||||
<Button variant="contained" className="bton_enreg" onClick={Getall_Parter_Orders_With_Filter}>Rechercher
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
|
||||
<Button variant="contained" className="bton_annule" onClick={"clean_all_filters"}>Annuler
|
||||
<Button variant="contained" className="bton_annule" onClick={clean_all_filters}>Annuler
|
||||
</Button>
|
||||
|
||||
</div>
|
||||
|
@ -3150,32 +3233,20 @@ const Partner_Commande = (props) => {
|
|||
width: '100%',
|
||||
paddingRight: '1px',
|
||||
|
||||
// Gestion des cellule a distance ou presentiel
|
||||
'& .cell--distantiel': {
|
||||
backgroundColor: '#AFE1AF',
|
||||
color: 'black',
|
||||
// Gestion des cellule "statut"
|
||||
'& .cell--status--encours': {
|
||||
backgroundColor: '#E6F7C8',
|
||||
color: '#1a3e72',
|
||||
fontWeight: 'light',
|
||||
},
|
||||
|
||||
'& .cell--presentiel': {
|
||||
backgroundColor: '#AFE1AF',
|
||||
color: 'black',
|
||||
'& .cell--status--traite': {
|
||||
backgroundColor: '#E6CEAA',
|
||||
color: '#F9E79F',
|
||||
fontWeight: 'light',
|
||||
},
|
||||
|
||||
|
||||
// gestion couleur des lignes avec le statut d'inscription
|
||||
'& .line--statut--annule': {
|
||||
backgroundColor: '#D8D8D8',
|
||||
color: 'white',
|
||||
},
|
||||
|
||||
'& .line--statut--inscrit': {
|
||||
backgroundColor: '#CEF6D8',
|
||||
color: 'black',
|
||||
},
|
||||
'& .line--statut--preinscrit': {
|
||||
backgroundColor: '#F7F2E0',
|
||||
color: 'black',
|
||||
},
|
||||
|
||||
/*"& .MuiDataGrid-virtualScrollerRenderZone": {
|
||||
"& .MuiDataGrid-row": {
|
||||
|
@ -3235,26 +3306,24 @@ const Partner_Commande = (props) => {
|
|||
}}
|
||||
//sx={datagridSx}
|
||||
getCellClassName={(params) => {
|
||||
//field === 'distantiel'
|
||||
if (params.field === 'distantiel' && String(params.value) === "1") {
|
||||
return 'cell--distantiel';
|
||||
}
|
||||
if (params.field === "presentiel" && String(params.value) == "1") {
|
||||
return 'cell--presentiel';
|
||||
}
|
||||
|
||||
|
||||
//field === "statut"
|
||||
if (params.field === "status" && String(params.value) == "0") {
|
||||
return 'cell--statut--preinscrit';
|
||||
//field === "order_header_status"
|
||||
if (params.field === "order_header_status" && String(params.value) == "0") {
|
||||
return 'cell--status--brouillon';
|
||||
}
|
||||
|
||||
if (params.field === "status" && String(params.value) == "1") {
|
||||
return 'cell--statut--inscrit';
|
||||
if (params.field === "order_header_status" && String(params.value) == "1") {
|
||||
|
||||
return 'cell--status--encours';
|
||||
}
|
||||
|
||||
if (params.field === "status" && String(params.value) == "-1") {
|
||||
return 'cell--statut--annule';
|
||||
if (params.field === "order_header_status" && String(params.value) == "2") {
|
||||
return 'cell--status--traite';
|
||||
}
|
||||
|
||||
if (params.field === "order_header_status" && String(params.value) == "3") {
|
||||
return 'cell--status--facture';
|
||||
}
|
||||
|
||||
}}
|
||||
|
@ -3286,22 +3355,22 @@ const Partner_Commande = (props) => {
|
|||
|
||||
<div className="div_row_gauche div_row_gauche_etendu" style={{ "textAlign": "left", "paddingLeft": "5px" }}>
|
||||
|
||||
<Button variant="outlined" onClick={submenu_import_order} className="detail_class_submenu bton_import_excel"
|
||||
{/*<Button variant="outlined" onClick={submenu_import_order} className="detail_class_submenu bton_import_excel"
|
||||
id='menu_import_participant' name='menu_import_participant'>Importer des commande / devis Excel
|
||||
<img src={excel_icone} alt="ajout csv" className="icon_excel" />
|
||||
</Button>
|
||||
</Button>*/}
|
||||
|
||||
|
||||
<Button variant="outlined" onClick={submenu_add_one_order}
|
||||
className="detail_class_submenu bton_add_session"
|
||||
id='menu_import_participant' name='menu_import_participant'>Ajout 1 Commande
|
||||
<img src={add_plus} alt="ajout session" className="icon_plus" />
|
||||
<img src={add_plus} alt="ajout commande" className="icon_plus" />
|
||||
</Button>
|
||||
|
||||
<Button variant="outlined" onClick={submenu_add_one_order}
|
||||
<Button variant="outlined" onClick={submenu_add_one_quotation}
|
||||
className="detail_class_submenu bton_add_session"
|
||||
id='menu_import_participant' name='menu_import_participant'>Ajout 1 Devis
|
||||
<img src={add_plus} alt="ajout session" className="icon_plus" />
|
||||
<img src={add_plus} alt="ajout devis" className="icon_plus" />
|
||||
</Button>
|
||||
|
||||
<br />
|
||||
|
@ -3324,15 +3393,14 @@ const Partner_Commande = (props) => {
|
|||
|
||||
|
||||
{String(submenu) === "detail_order" && String(add_One_Order) !== "1" && <div className="div_row">
|
||||
<h3> Affichage detaillé d'une commande / devis </h3>
|
||||
<nav style={{ "fontSize": "22px", "fontWeight": '600' }}> {selected_order_header_type} <i> {order_internal_ref} </i>: Affichage detaillé </nav>
|
||||
<div>
|
||||
<div className="session_data">
|
||||
|
||||
<div> Entete de commande </div>
|
||||
<div className="div_row" style={{ "textAlign": "right" }}>
|
||||
<Button variant="outlined" onClick={order_header_submenu_main} className="detail_class_submenu" id='order_header_main' name='order_header_main'>Commande</Button>
|
||||
<Button variant="outlined" onClick={order_header_submenu_detail} className="detail_class_submenu" id='order_header_detail' name='order_header_detail'>Detail </Button>
|
||||
<Button variant="outlined" onClick={order_header_submenu_facturation} className="detail_class_submenu" id='order_header_facturation' name='order_header_facturation'>Facturation </Button>
|
||||
<div className="div_row" style={{ "textAlign": "right", "paddingTop": "10px" }}>
|
||||
<Button variant="outlined" onClick={order_header_submenu_main} className="detail_class_submenu" id='order_header_main' name='order_header_main'>Menu Commande</Button>
|
||||
<Button variant="outlined" onClick={order_header_submenu_detail} className="detail_class_submenu" id='order_header_detail' name='order_header_detail'>Menu Total </Button>
|
||||
<Button variant="outlined" onClick={order_header_submenu_facturation} className="detail_class_submenu" id='order_header_facturation' name='order_header_facturation'>Menu Facturation </Button>
|
||||
|
||||
|
||||
</div>
|
||||
|
@ -3715,13 +3783,13 @@ const Partner_Commande = (props) => {
|
|||
</div>}
|
||||
|
||||
{String(header_submenu) === "detail" && <div>
|
||||
<div className="div_row">
|
||||
{/*<div className="div_row">
|
||||
<Button variant="outlined" onClick={Compute_Order_Header_Price} className="detail_class_submenu" id='order_header_main' name='order_header_main'>Mettre a jour prix</Button>
|
||||
<Button variant="outlined" onClick={print_order_pdf} className="detail_class_submenu" id='order_header_main' name='order_header_main'>Imprimer pdf</Button>
|
||||
<Button variant="outlined" onClick={Send_Order_By_Email} className="detail_class_submenu" id='order_header_main' name='order_header_main'>envoyer par mail</Button>
|
||||
</div>
|
||||
</div>*/}
|
||||
|
||||
|
||||
<div className="div_row">
|
||||
{String(order_data_edit_mode) === "1" && <div className="session_caract"> Type de Reduction (entete) <br />
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
|
@ -3813,9 +3881,8 @@ const Partner_Commande = (props) => {
|
|||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div className="div_row"> </div>
|
||||
<div class="separator"> Les Totaux </div>
|
||||
|
||||
|
||||
<div className="session_caract"> Total Ligne HT avant reduction <br />
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
|
@ -3881,8 +3948,6 @@ const Partner_Commande = (props) => {
|
|||
/>
|
||||
</div>
|
||||
|
||||
<div className="div_row"> </div>
|
||||
|
||||
<div className="session_caract"> Entete : Total reduction <br />
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
|
@ -3936,8 +4001,8 @@ const Partner_Commande = (props) => {
|
|||
</div>}
|
||||
|
||||
{String(header_submenu) === "facturation" && <div>
|
||||
<div> Facturation :
|
||||
<div className="session_caract"> Adresse <br />
|
||||
|
||||
<div className="session_caract"> Adresse Facturation <br />
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
required
|
||||
|
@ -4025,9 +4090,9 @@ const Partner_Commande = (props) => {
|
|||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div> Lieu / livraison : <br />
|
||||
<div className="session_caract"> Adresse <br />
|
||||
|
||||
|
||||
<div className="session_caract"> Adresse Livraison <br />
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
required
|
||||
|
@ -4115,7 +4180,7 @@ const Partner_Commande = (props) => {
|
|||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>}
|
||||
</div>
|
||||
|
@ -4169,6 +4234,12 @@ const Partner_Commande = (props) => {
|
|||
</div>
|
||||
)}
|
||||
</Popup>
|
||||
|
||||
<br /> <br/>
|
||||
<Button variant="outlined" onClick={Compute_Order_Header_Price} className="detail_class_submenu" id='order_header_main' name='order_header_main'>Mettre a jour prix</Button>
|
||||
<Button variant="outlined" onClick={print_order_pdf} className="detail_class_submenu" id='order_header_main' name='order_header_main'>Imprimer pdf</Button>
|
||||
<Button variant="outlined" onClick={Send_Order_By_Email} className="detail_class_submenu" id='order_header_main' name='order_header_main'>envoyer par mail</Button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -4210,9 +4281,9 @@ const Partner_Commande = (props) => {
|
|||
</div>
|
||||
|
||||
<div className="session_data" >
|
||||
<div > Lignes de commande </div>
|
||||
|
||||
<div style={{ "border": "None" }}>
|
||||
<nav onClick={Ajouter_une_ligne_article} style={{ "cursor": 'pointer' }}> Ajouter une ligne </nav>
|
||||
<nav onClick={Ajouter_une_ligne_article} style={{ "fontSize": "18px", "fontWeight": '600', "marginLeft": "10px", "marginTop": "10px" }}> <Button> Ajouter une ligne </Button> </nav>
|
||||
<div style={{ height: 550, width: '100%', paddingRight: '1px' }}>
|
||||
|
||||
<Box
|
||||
|
@ -4290,6 +4361,7 @@ const Partner_Commande = (props) => {
|
|||
order_line_formation_title: JSON.parse(item).title,
|
||||
order_line_formation_duration: JSON.parse(item).duration_concat,
|
||||
order_line_comment: JSON.parse(item).order_line_comment,
|
||||
order_line_formation_external_code: JSON.parse(item).order_line_formation_external_code,
|
||||
|
||||
}
|
||||
))}
|
||||
|
|
|
@ -2126,6 +2126,32 @@
|
|||
text-align: left !important;
|
||||
}
|
||||
|
||||
.bton_enreg_dialog {
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
background: #81BC3A !important;
|
||||
text-align: center;
|
||||
height: 2.5rem;
|
||||
width: 80%;
|
||||
color: white;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
.bton_annule_dialog {
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
background: lightgray !important;
|
||||
text-align: right;
|
||||
height: 2.5rem;
|
||||
width: 80%;
|
||||
color: black;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
// end media
|
||||
|
@ -2185,6 +2211,11 @@
|
|||
margin-left: .35em;
|
||||
}
|
||||
|
||||
.MuiSelect-select{
|
||||
height: 3rem !important;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
@ -2209,6 +2240,7 @@
|
|||
|
||||
.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
|
||||
height: 3.5rem !important;
|
||||
font-size: small !important;
|
||||
}
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue