edit page added
This commit is contained in:
sanaya
parent
4596eba8a4
commit
3c7d62e2fc
@ -1,6 +1,7 @@
|
||||
import React from 'react'
|
||||
|
||||
const AirwaysBill = React.lazy(() => import('./views/AirwaysBill/AirwaysBill'))
|
||||
const EditBill = React.lazy(() => import('./views/AirwaysBill/EditBill'))
|
||||
const AddAirwaysBill = React.lazy(() => import('./views/AirwaysBill/AddAirwaysBill'))
|
||||
const AirwayBillDetail = React.lazy(() => import('./views/AirwaysBill/AirwayBillDetail'))
|
||||
const Courier = React.lazy(() => import('./views/Courier/Courier'))
|
||||
@ -70,7 +71,8 @@ const routes = [
|
||||
{ path: '/addcourier', name: 'Courier / Add Courier', component: AddCourier },
|
||||
{ path: '/airwaysbill', name: 'Airways Bill', component: AirwaysBill },
|
||||
{ path: '/addairwaysbill', name: 'Airways Bill / Add New Entry', component: AddAirwaysBill },
|
||||
{ path: '/viewbill/:id', name: 'View Bill', component: AirwayBillDetail }, ,
|
||||
{ path: '/viewbill/:id', name: 'View Bill', component: AirwayBillDetail },
|
||||
{ path: '/editbill/:id', name: 'View Bill', component: EditBill },
|
||||
{ path: '/vendors', name: 'Vendors', component: Vendor },
|
||||
{ path: '/editvendor/:id', name: 'Edit Vendor', component: EditVendor },
|
||||
{ path: '/viewvendor/:id', name: 'View Vendor', component: VendorDetail },
|
||||
|
||||
@ -3,4 +3,7 @@ $a-tags: 'a, a:active, a:hover, a:visited';
|
||||
#{$a-tags} {
|
||||
text-decoration: none;
|
||||
}
|
||||
.overflow-table { display: block; max-width: -moz-fit-content; max-width: fit-content; overflow-x: auto; white-space: nowrap; }
|
||||
.overflow-table { display: block; max-width: -moz-fit-content; max-width: fit-content; overflow-x: auto; white-space: nowrap; }
|
||||
.edit_text{
|
||||
width: 22%;
|
||||
}
|
||||
@ -6,6 +6,7 @@ import {
|
||||
CCardGroup,
|
||||
CCol,
|
||||
CContainer,
|
||||
|
||||
CForm,
|
||||
CFormInput,
|
||||
CFormSelect,
|
||||
@ -83,8 +84,8 @@ const AddAirwaysBill = () => {
|
||||
}
|
||||
})
|
||||
|
||||
console.log(couriers.data.Pincode);
|
||||
console.log(vendors.data.Stores);
|
||||
// console.log(couriers.data.Pincode);
|
||||
// console.log(vendors.data.Stores);
|
||||
setShowVendors(vendors.data.Stores)
|
||||
setShowCouriers(couriers.data.Pincode)
|
||||
}
|
||||
@ -247,6 +248,21 @@ const AddAirwaysBill = () => {
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText>
|
||||
<CIcon icon={cilUser} />
|
||||
</CInputGroupText>
|
||||
<CFormSelect
|
||||
aria-label="Default select example"
|
||||
onChange={handleChange('Client_Name')}
|
||||
>
|
||||
<option value='India'>Select Vendor</option>{
|
||||
showVendors.map((item) =>
|
||||
<option value={item.code}>{item.vendor_name}</option>
|
||||
)
|
||||
}
|
||||
</CFormSelect>
|
||||
</CInputGroup>
|
||||
{/* <CInputGroup className="mb-3">
|
||||
<CInputGroupText>
|
||||
<CIcon icon={cilUser} />
|
||||
</CInputGroupText>
|
||||
@ -256,7 +272,7 @@ const AddAirwaysBill = () => {
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange(' Client_Name')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
</CInputGroup> */}
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText>
|
||||
<CIcon icon={cilBadge} />
|
||||
@ -325,13 +341,30 @@ const AddAirwaysBill = () => {
|
||||
type="text"
|
||||
placeholder="Shipped From"
|
||||
autoComplete="AWB"
|
||||
value='India'
|
||||
onChange={handleChange('Shipped_From')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText>
|
||||
<CIcon icon={cilUser} />
|
||||
</CInputGroupText>
|
||||
<CFormSelect
|
||||
aria-label="Default select example"
|
||||
onChange={handleChange('Logistic_Name')}
|
||||
>
|
||||
<option value='India'>Select Courier</option>{
|
||||
showCouriers.map((item) =>
|
||||
<option value={item.code}>{item.name}</option>
|
||||
)
|
||||
}
|
||||
</CFormSelect>
|
||||
</CInputGroup>
|
||||
{/* <CInputGroup className="mb-3">
|
||||
<CInputGroupText>
|
||||
<CIcon icon={cilBuilding} />
|
||||
</CInputGroupText>
|
||||
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Logistic Name
|
||||
@ -339,10 +372,11 @@ const AddAirwaysBill = () => {
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Logistic_Name')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
</CInputGroup> */}
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText>
|
||||
<CIcon icon={cilCalendar} />
|
||||
DOD
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="date"
|
||||
@ -409,7 +443,7 @@ const AddAirwaysBill = () => {
|
||||
placeholder="Total Weight
|
||||
"
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('AWB')}
|
||||
onChange={handleChange('Total_weight')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
@ -495,7 +529,8 @@ const AddAirwaysBill = () => {
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText>
|
||||
<CIcon icon={cilAirplaneMode} />
|
||||
<CIcon icon={cilCalendar} />
|
||||
RD
|
||||
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import {
|
||||
CAvatar,
|
||||
CBadge,
|
||||
CButton,
|
||||
CButtonGroup,
|
||||
CCard,
|
||||
@ -24,11 +25,14 @@ import {
|
||||
import { Link } from 'react-router-dom';
|
||||
import { isAutheticated } from 'src/auth';
|
||||
import axios from 'axios';
|
||||
import { useHistory } from 'react-router-dom';
|
||||
import Badges from '../notifications/badges/Badges';
|
||||
|
||||
const AirwaysBill = () => {
|
||||
const { token } = isAutheticated();
|
||||
const [data, setData] = useState([])
|
||||
const [file, setFile] = useState(null)
|
||||
const history = useHistory()
|
||||
let formData = new FormData();
|
||||
|
||||
useEffect(() => {
|
||||
@ -63,7 +67,7 @@ const AirwaysBill = () => {
|
||||
|
||||
formData.append('file', file, file.name)
|
||||
|
||||
console.log(...formData)
|
||||
// console.log(...formData)
|
||||
|
||||
const res = await axios.post('/api/airways/upload', { file: formData }, {
|
||||
headers: {
|
||||
@ -97,17 +101,18 @@ const AirwaysBill = () => {
|
||||
<CTableRow>
|
||||
|
||||
<CTableHeaderCell scope="col">Order No</CTableHeaderCell>
|
||||
<CTableHeaderCell scope="col">Client Name</CTableHeaderCell>
|
||||
<CTableHeaderCell scope="col">Vendor</CTableHeaderCell>
|
||||
|
||||
|
||||
<CTableHeaderCell scope="col">Shipped From
|
||||
</CTableHeaderCell>
|
||||
<CTableHeaderCell scope="col">Logistic Name
|
||||
{/* <CTableHeaderCell scope="col">Shipped From
|
||||
</CTableHeaderCell> */}
|
||||
|
||||
<CTableHeaderCell scope="col">Courier
|
||||
</CTableHeaderCell>
|
||||
|
||||
<CTableHeaderCell scope="col">AWB No
|
||||
</CTableHeaderCell>
|
||||
|
||||
<CTableHeaderCell scope="col">Status</CTableHeaderCell>
|
||||
|
||||
<CTableHeaderCell scope="col">Action</CTableHeaderCell>
|
||||
</CTableRow>
|
||||
@ -117,12 +122,14 @@ const AirwaysBill = () => {
|
||||
<tr>
|
||||
<td scope="row">{item.Order_No}</td>
|
||||
<td>{item.Client_Name}</td>
|
||||
<td>{item.Shipped_From}</td>
|
||||
{/* <td>{item.Shipped_From}</td> */}
|
||||
<td>{item.Logistic_Name}</td>
|
||||
<td>{item.AWB_No}</td>
|
||||
<td><CBadge color='primary' >Delivered</CBadge></td>
|
||||
<td>
|
||||
<CButtonGroup role="group" aria-label="Basic mixed styles example">
|
||||
<Link to={`/viewbill/${item._id}`}><CButton color="success">View</CButton></Link>
|
||||
<CButton color="success" onClick={() => history.push(`/viewbill/${item._id}`)}>View</CButton>
|
||||
<CButton color="warning" onClick={() => history.push(`/editbill/${item._id}`)}>Edit</CButton>
|
||||
|
||||
</CButtonGroup>
|
||||
</td>
|
||||
|
||||
589
src/views/AirwaysBill/EditBill.js
Normal file
589
src/views/AirwaysBill/EditBill.js
Normal file
@ -0,0 +1,589 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import {
|
||||
CButton,
|
||||
CCard,
|
||||
CCardBody,
|
||||
CCardGroup,
|
||||
CCol,
|
||||
CContainer,
|
||||
CForm,
|
||||
CFormInput,
|
||||
CFormSelect,
|
||||
CInputGroup,
|
||||
CInputGroupText,
|
||||
CRow,
|
||||
} from '@coreui/react'
|
||||
import CIcon from '@coreui/icons-react'
|
||||
import { cil3d, cilAirplaneMode, cilBadge, cilBalanceScale, cilBoatAlt, cilBriefcase, cilBuilding, cilCalendar, cilGlobeAlt, cilListNumbered, cilLocationPin, cilLockLocked, cilMoney, cilNoteAdd, cilNotes, cilPeople, cilPhone, cilShareBoxed, cilUser, cilUserPlus } from '@coreui/icons'
|
||||
import { useState } from 'react';
|
||||
import axios from 'axios';
|
||||
import { isAutheticated } from 'src/auth';
|
||||
import { useHistory } from 'react-router-dom';
|
||||
import Swal from 'sweetalert2';
|
||||
import { Country } from 'country-state-city';
|
||||
import { useParams } from 'react-router-dom';
|
||||
|
||||
|
||||
const AddAirwaysBill = () => {
|
||||
const { token } = isAutheticated()
|
||||
const countries = Country.getAllCountries();
|
||||
const { id } = useParams()
|
||||
const [bill, setBill] = useState({
|
||||
AWB_No: '',
|
||||
Actual_Billing: '',
|
||||
Actual_Margin: 'Andhra Pradesh',
|
||||
country: 'India',
|
||||
Actual_Weight: '',
|
||||
Client_Name: '',
|
||||
Customer_Address: "",
|
||||
Customer_Billing: "",
|
||||
Customer_Name: "",
|
||||
Customer_Phone: "",
|
||||
Date_Of_Dispatch: "",
|
||||
Dimension_Weight: "",
|
||||
Dimensions: "",
|
||||
Invoice_No: "",
|
||||
Item_Name: ""
|
||||
, Logistic_Name: "",
|
||||
Order_No: "",
|
||||
Projected_Margin: "",
|
||||
Recieved_Amount: "",
|
||||
Recieved_Date: "",
|
||||
Shipment_Charges: "",
|
||||
Shipments: "",
|
||||
Shipped_From: "",
|
||||
Sr_No: "",
|
||||
Total_Weight: "",
|
||||
})
|
||||
const [showCouriers, setShowCouriers] = useState([])
|
||||
const [showVendors, setShowVendors] = useState([])
|
||||
const [code, setCode] = useState()
|
||||
const history = useHistory()
|
||||
|
||||
useEffect(() => {
|
||||
const generateCode = () => {
|
||||
setCode(Math.round(Math.random() * 1000000000))
|
||||
}
|
||||
|
||||
|
||||
const getData = async () => {
|
||||
|
||||
const couriers = await axios.get('/api/courier',
|
||||
{
|
||||
headers: {
|
||||
"Access-Control-Allow-Origin": "*",
|
||||
"Content-type": "Application/json",
|
||||
"Authorization": `Bearer ${token}`
|
||||
}
|
||||
})
|
||||
const vendors = await axios.get('/api/vendor/view',
|
||||
{
|
||||
headers: {
|
||||
"Access-Control-Allow-Origin": "*",
|
||||
"Content-type": "Application/json",
|
||||
"Authorization": `Bearer ${token}`
|
||||
}
|
||||
})
|
||||
|
||||
console.log(couriers.data.Pincode);
|
||||
console.log(vendors.data.Stores);
|
||||
setShowVendors(vendors.data.Stores)
|
||||
setShowCouriers(couriers.data.Pincode)
|
||||
}
|
||||
getData();
|
||||
generateCode()
|
||||
}, [])
|
||||
useEffect(() => {
|
||||
const getData = async () => {
|
||||
const res = await axios.get(`/api/airways/view/${id}`, {
|
||||
headers: {
|
||||
"Access-Control-Allow-Origin": "*",
|
||||
"Content-type": "Application/json",
|
||||
"Authorization": `Bearer ${token}`
|
||||
}
|
||||
});
|
||||
if (res) {
|
||||
// setBill()
|
||||
setBill(res.data.Store);
|
||||
// setData(res?.data?.Store)
|
||||
// setVendor(res?.data?.Store)
|
||||
}
|
||||
|
||||
|
||||
console.log(res.data);
|
||||
}
|
||||
getData();
|
||||
|
||||
|
||||
}, []);
|
||||
|
||||
|
||||
const formatDate = () => {
|
||||
let today = new Date();
|
||||
let dd = String(today.getDate()).padStart(2, '0');
|
||||
let mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
|
||||
let yyyy = today.getFullYear();
|
||||
|
||||
today = dd + '/' + mm + '/' + yyyy;
|
||||
return today
|
||||
}
|
||||
|
||||
const handleChange = (e) => (event) => {
|
||||
setBill({ ...bill, [e]: event.target.value });
|
||||
};
|
||||
const handleClick = async () => {
|
||||
let res = await axios.put(`/api/airways/${id}`, { ...bill, code }, {
|
||||
headers: {
|
||||
"Authorization": `Bearer ${token}`
|
||||
}
|
||||
})
|
||||
if ((res.data.message === "Success")) {
|
||||
console.log(res.data);
|
||||
Swal.fire({
|
||||
title: 'Done',
|
||||
text: 'Bill Added',
|
||||
icon: 'success',
|
||||
confirmButtonText: 'ok',
|
||||
confirmButtonColor: '#303c54',
|
||||
iconColor: '#303c54'
|
||||
}).then(() => {
|
||||
history.push('/airwaysbill')
|
||||
});
|
||||
} else {
|
||||
Swal("Oops!", "Something went wrong!", "error");
|
||||
}
|
||||
}
|
||||
console.log(bill);
|
||||
|
||||
return <div className="bg-light min-vh-100 d-flex flex-row align-items-start">
|
||||
<CContainer>
|
||||
<CRow className="justify-content-start">
|
||||
<CCol md={8}>
|
||||
<CForm>
|
||||
<h1>Edit Bill</h1>
|
||||
<p className="text-medium-emphasis">Fill the fields and submit to add a new bill</p>
|
||||
{/* <CRow className='flex-row align-items-center'> */}
|
||||
{/* <CCol md={2} ><h4>ID:</h4></CCol> */}
|
||||
{/* <CCol><h6>{code}</h6></CCol> */}
|
||||
{/* <p className="text-medium-emphasis">(auto-generated)</p> */}
|
||||
{/* </CRow> */}
|
||||
{/* <CRow className='flex-row align-items-center'> */}
|
||||
{/* <CCol md={2} ><h4>Date:</h4></CCol> */}
|
||||
{/* <CCol><h6>{formatDate()}</h6></CCol> */}
|
||||
{/* <p className="text-medium-emphasis">(auto-generated)</p> */}
|
||||
{/* </CRow> */}
|
||||
{/* <CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilUser} />
|
||||
</CInputGroupText className="edit_text">
|
||||
<CFormSelect
|
||||
aria-label="Default select example"
|
||||
onChange={handleChange('vendor_name')}
|
||||
>
|
||||
<option value='India'>Select Vendor</option>{
|
||||
showVendors.map((item) =>
|
||||
<option value={item.vendor_name}>{item.vendor_name}</option>
|
||||
)
|
||||
}
|
||||
</CFormSelect>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilLocationPin} />
|
||||
</CInputGroupText className="edit_text">
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Address Line 1"
|
||||
// autoComplete="address"
|
||||
onChange={handleChange('from_address_1')}
|
||||
/>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Address Line 2(area)"
|
||||
autoComplete="address2"
|
||||
onChange={handleChange('from_address_2')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilPeople} />
|
||||
</CInputGroupText className="edit_text">
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="To (Name)"
|
||||
autoComplete="toname"
|
||||
onChange={handleChange('to_name')}
|
||||
/>
|
||||
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilLocationPin} />
|
||||
</CInputGroupText className="edit_text">
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Address Line 1"
|
||||
// autoComplete="address"
|
||||
onChange={handleChange('to_address_1')}
|
||||
/>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Address Line 2(area)"
|
||||
autoComplete="address2"
|
||||
onChange={handleChange('to_address_2')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cil3d} />
|
||||
</CInputGroupText className="edit_text">
|
||||
<CFormSelect
|
||||
aria-label="Default select example"
|
||||
onChange={handleChange('courier')}
|
||||
>
|
||||
<option value='India'>Select Courier</option>{
|
||||
showCouriers.map((item) =>
|
||||
<option value={item._id}>{item.name}</option>
|
||||
)
|
||||
}
|
||||
</CFormSelect>
|
||||
</CInputGroup> */}
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilAirplaneMode} />AWB
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="AWB"
|
||||
autoComplete="AWB"
|
||||
value={bill.AWB_No}
|
||||
onChange={handleChange('AWB_No')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilListNumbered} />Order_No
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Order No
|
||||
" value={bill.Order_No}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Order_No')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilUser} />Vendor
|
||||
</CInputGroupText>
|
||||
<CFormSelect
|
||||
aria-label="Default select example"
|
||||
onChange={handleChange('Client_Name')}
|
||||
>
|
||||
<option value={bill.Client_Name}>{bill.Client_Name}</option>{
|
||||
showVendors.map((item) =>
|
||||
<option value={item.code}>{item.vendor_name}</option>
|
||||
)
|
||||
}
|
||||
</CFormSelect>
|
||||
</CInputGroup>
|
||||
{/* <CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilUser} />
|
||||
</CInputGroupText className="edit_text">
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Client Name"
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange(' Client_Name')}
|
||||
/>
|
||||
</CInputGroup> */}
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilBadge} />Item_Name
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Item Name"
|
||||
autoComplete="AWB"
|
||||
value={bill.Item_Name}
|
||||
onChange={handleChange('Item_Name')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilUser} />Customer_Name
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Customer Name"
|
||||
autoComplete="AWB"
|
||||
value={bill.Customer_Name}
|
||||
onChange={handleChange('Customer_Name')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilPhone} />Customer_Phone
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Customer Phone"
|
||||
autoComplete="AWB"
|
||||
value={bill.Customer_Phone}
|
||||
onChange={handleChange(' Customer_Phone')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilLocationPin} />Customer_Address
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Customer Address"
|
||||
autoComplete="AWB"
|
||||
value={bill.Customer_Address}
|
||||
onChange={handleChange('Customer_Address')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilGlobeAlt} />country
|
||||
</CInputGroupText>
|
||||
<CFormSelect
|
||||
aria-label="Default select example"
|
||||
onChange={handleChange("country")}
|
||||
>
|
||||
<option value={bill.country}>{bill.country}</option>{
|
||||
countries.map((item) =>
|
||||
<option value={item.name}>{item.name}</option>
|
||||
)
|
||||
}
|
||||
</CFormSelect>
|
||||
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilAirplaneMode} />Shipped_From
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Shipped From"
|
||||
autoComplete="AWB"
|
||||
value='India'
|
||||
onChange={handleChange('Shipped_From')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilUser} />Courier
|
||||
</CInputGroupText>
|
||||
<CFormSelect
|
||||
aria-label="Default select example"
|
||||
onChange={handleChange('Logistic_Name')}
|
||||
>
|
||||
<option value='India'>Select Courier</option>{
|
||||
showCouriers.map((item) =>
|
||||
<option value={item.code}>{item.name}</option>
|
||||
)
|
||||
}
|
||||
</CFormSelect>
|
||||
</CInputGroup>
|
||||
{/* <CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilBuilding} />
|
||||
</CInputGroupText className="edit_text">
|
||||
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Logistic Name
|
||||
"
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Logistic_Name')}
|
||||
/>
|
||||
</CInputGroup> */}
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilCalendar} />
|
||||
Date_Of_Dispatch
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Date of Dispatch
|
||||
" value={formatDate(bill.Date_Of_Dispatch)}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Date_Of_Dispatch')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilBoatAlt} />Shipments
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Shipments
|
||||
" value={bill.Shipments}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Shipments')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cil3d} />Dimensions
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Dimensions
|
||||
" value={bill.Dimensions}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Dimensions')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilBalanceScale} />Dimension_Weight
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Dimenssion Weight
|
||||
" value={bill.Dimension_Weight}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Dimension_Weight')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilBalanceScale} />Actual_Weight
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Actual Weight
|
||||
" value={bill.Actual_Weight}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Actual_Weight')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilBalanceScale} />Total_weight
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Total Weight
|
||||
" value={bill.Total_Weight}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Total_weight')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilMoney} />Shipment_Charges
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Shipment Charges
|
||||
" value={bill.Shipment_Charges}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Shipment_Charges')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilNotes} />Actual_Billing
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Actual Billing
|
||||
" value={bill.Actual_Billing}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Actual_Billing')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilNotes} />Customer_Billing
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Customer Billing
|
||||
" value={bill.Customer_Billing}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Customer_Billing')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilMoney} />Projected_Margin
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Projceted Margin
|
||||
" value={bill.Projected_Margin}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Projected_Margin')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilMoney} />Actual_Margin
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Actual Margin"
|
||||
value={bill.Actual_Margin}
|
||||
autoComplete="AWB"
|
||||
onChange={handleChange('Actual_Margin')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilListNumbered} />Invoice_No
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Invoice No"
|
||||
autoComplete="AWB"
|
||||
value={bill.Invoice_No}
|
||||
onChange={handleChange('Invoice_No')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilMoney} />Recieved_Amount
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Received Amount"
|
||||
autoComplete="AWB"
|
||||
value={bill.Recieved_Amount}
|
||||
onChange={handleChange('Invoice_No')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText className="edit_text">
|
||||
<CIcon icon={cilCalendar} />Recieved_Date
|
||||
RD
|
||||
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="text"
|
||||
placeholder="Received Date"
|
||||
autoComplete="AWB"
|
||||
value={formatDate(bill.Recieved_Date)}
|
||||
onChange={handleChange('Recieved_Date')}
|
||||
/>
|
||||
</CInputGroup>
|
||||
|
||||
<CButton color="dark" className="px-4" onClick={() => handleClick()}>
|
||||
Submit
|
||||
</CButton>
|
||||
|
||||
</CForm>
|
||||
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CContainer>
|
||||
</div>;;
|
||||
};
|
||||
|
||||
export default AddAirwaysBill;
|
||||
Loading…
Reference in New Issue
Block a user