\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n Close
\r\n \r\n Commodity | \n Materies | \n Use | \n HS CODE | \n |
|---|---|---|---|---|
| {{item.EnglishName}} | \n{{item.Material}} | \n{{item.Purpose}} | \n{{item.CustomsCode}} | \n \n|
| No results | \n
BOOK A NEW SHIPMENT
\nBOOK A NEW SHIPMENT
\r\n| Booking info. | \n||
|---|---|---|
| Type of shipping: {{OrderInfo.ModeCode}} | \nPackage type: {{PackageTypeName(OrderInfo.PackageType)}} | \nCommodity: {{OrderInfo.CargoDescsEn}} | \n
| Note:{{OrderInfo.Remark}}\n \n {{InsideBatteryName(OrderInfo.InsideBattery)}}\n \n {{MatingBatteryName(OrderInfo.MatingBattery)}} | \n||
| Insurance:\n Insurance amount: {{OredrInsurance.BuyAmount.toFixed(2)}}USD\n Insured beneficiary company: {{OredrInsurance.Beneficiary}}\n | \n
| Product info. | \n|||||||||
|---|---|---|---|---|---|---|---|---|---|
\n
| \n
| Receiving info. | \n||||
|---|---|---|---|---|
| Cargo Totals | \n||||
| 0\">Chargeable weight: {{(Receivinginfo.ReceCusChargeWeight).toFixed(3)}} KG | \n||||
| Total unit | \nTotal weight | \nTotal volume | \nVolume weight | \nChargeable weight | \n
| {{Receivinginfo.ReceCount}} | \n{{(Receivinginfo.ReceWeight).toFixed(3)}} KG | \n{{(Receivinginfo.ReceVolume).toFixed(4)}} CBM | \n{{(Receivinginfo.ReceCusVolWeight).toFixed(3)}} KG | \n{{(Receivinginfo.ReceCusChargeWeight).toFixed(3)}} KG | \n
| Shipped cargo details | \n||||||
|---|---|---|---|---|---|---|
| No. | \nTotal cartons | \n\n Weight \n(KG) \n | \n \n Length × Width × Height \n（CM） \n | \n \n Volume \n(CBM) \n | \n \n Volume weight \n(KG) \n | \n \n Chargeable weight/ \nChargeable volume \n | \n
| {{index+1}} | \n{{item.Quanlity}} | \n{{(item.Weight).toFixed(3)}} | \n{{(item.Long).toFixed(3)}} × {{(item.Wide).toFixed(3)}} × {{(item.Height).toFixed(3)}} | \n{{item.Volume}} | \n{{(item.CusVolWeight).toFixed(3)}} | \n{{(item.CusChargeWeight).toFixed(3)}} | \n
| No results | \n
Detailed trace info.
\n| \n | Your supplier's factory/warehouse | \n
| \n | Order time:{{OrderInfo.ThConnect.CreateTime | dateFmt('HH:mm a, MMM DD, YYYY') }} | \n
| \n | Cargo ready:{{OrderInfo.ThConnect.PlanCargoDate| dateFmt('MMM DD, YYYY')}} | \n
| \n | Delivered:{{ OrderInfo.THInfo.ReceiverTime| dateFmt('HH:mm a, MMM DD, YYYY')}} | \n
| \n | Your supplier's factory/warehouse | \n
| \n | Order time: {{OrderInfo.CreateTime| dateFmt('HH:mm a, MMM DD, YYYY')}} | \n
| \n | {{OrderInfo.StartCityNameEn}} | \n
| \n | Received:{{OrderInfo.InStoreTime|dateFmt('HH:mm a, MMM DD, YYYY')}} | \n
| \n | Shipped:{{OrderInfo.OutStoreTime|dateFmt('HH:mm a, MMM DD, YYYY')}} | \n
[{{item.Position}}]{{item.TrackInfo}}
\n![](\"../../../assets/img/loading.gif\")
\r\n No. | \n Company | \n Contact | \n Address | \n Action | \n
|---|---|---|---|---|
| {{index+1}} | \n{{item.company}} | \n{{item.Address_Name}} | \n\n \n\n {{item.Address_Street}}\n ,{{item.Address_City}}\n ,{{item.Address_ZIPCode}}\n ,{{item.Address_Country}}\n | \n\n Select\n | \n
| No results | \n
Query express delivery
\r\n| \n Quantity of order: \n | \n \n \n Required \n | \n
|---|---|
| \n Print paper: \n | \n \n | \n
BillConvertAmount\">The order will not be processed until the payment is completed. Please pay according to the estimated cost!
\nThe order will not be processed until the payment is completed
\nNotify my supplier
\n×
\n| \n Order No.：{{WaybillNO}}\n Order labels and stocking precautions will be notified to your supplier via email. \n | \n |
\n Emali：\n | \n \n \n Please enter a valid email address \n | \n
![](\"../../../../static/img/fyImg/fyCertificate1.jpg\")
![](\"../../../../static/img/fyImg/fyCertificate2.jpg\")
![](\"../../../../static/img/fyImg/videoClk.png\")
\n Video Display
×
\n{{item.proTips}}
\n \n![](\"../../../../static/img/fyImg/fyBotIcon.png\")
Please leave your contact information here or
send email to：info@by56.com；Wechat：vincentchina8
| \n \n {{plaEmail}} \n | \n |
| Phone | \n\n \n {{PlaPhone}} \n | \n
\n Loading results from {{ getRest }}+ China airports for offering you the best solution.\n
\n（500KG 1.5CBM）
\r\n \r\n![\"\"](\"@/assets/img/home_ic_arrows.png\")
\r\n ![](\"../../../assets/aboutImg/Smile.png\")
\n ![](\"../../../assets/aboutImg/about-ad1.jpg\")
\n ![](\"../../../assets/aboutImg/about-ad4.jpg\")
\n ![](\"../../../assets/aboutImg/about-qa.png\")
\n ![](\"../../../assets/aboutImg/cul-images1.jpg\")
\n Freightshop was founded in 2014, and its goal is to build a cross-border intelligent logistics service platform. Through freightshop platform, online inquiry, online ordering, online tracking information, online payment and online communication are realized.\n
\n\n Freightshop integrates the core prices of more than 110 airlines to provide competitive prices and services for international freight forwarders.\n
\n\n Freightshop helps foreign freight forwarders to reduce communication costs, not affected by time difference, improve order efficiency, and enable terminal customers to enjoy fast and satisfactory international logistics services.\n
\nMake international logistics easier through technological innovation and professional services.
\nThrough the large data logistics resources matching and information exchange, Freightshop creates a standardized one-stop platform. We guarantee information transparency, operation efficiency, credit security, and quality international logistics services.
\n![](\"../../../assets/aboutImg/cul-images2.jpg\")
\n ![](\"../../../assets/aboutImg/coop-taking.png\")
\n ![](\"../../../assets/aboutImg/contact-icon1.png\")
PHONE: \n Mr. Vincent Zhang: +86 13798479219 Ext 1 (9: 00-18: 00)
\nComplaints: +86 13798479219 Ext 0 (9: 00-18: 00)
\n\n ![](\"../../../assets/aboutImg/contact-icon2.png\")
\n ONLINE： \n Email: Support@freightshop.com\n
![](\"../../../assets/aboutImg/contact-icon3.png\")
HEADQUARTERS ADDRESS:FREIGHTSHOP FREIGHT CO.,LTD
\n \nOffice Address: A World Trade Plaza Fuhong Rd Futian District -ShenZhen City China
\n\n \n\n \n
Below are terms and conditions for shipping with Freightshop.
\nBy accepting terms and conditions for any mode (express, FBA, international air, international ocean and domestic trucking) you are accepting the terms and conditions for all modes:
\nThe shipper must register before using the service, and provide valid information to activate the account. Account activation is the only way to enjoy the normal service provided by Freightshop.
\nThe shipment that the shipper agrees to deliver can be shipped. But the following shipment will not be received:
\n1) The shipment which belongs to the hazardous and dangerous goods stipulated by the International Air Cargo Association (IATA), the International Civil Aviation Organization (ICAO) and other relevant government departments or organizations, and the contraband and restricted goods (restricted delivery goods: batteries, Battery-containing items, emergency medicine for medical or scientific research, sports guns, live animals, non-standard magnetic objects, perishables, radioactive items, vaccines, private or official seals, etc.)
\n2) The shipment that Freightshop considers not to be shipped safely and legally(Including but not limited to: fake and shoddy goods, spray containers, alcoholic liquids, asbestos, butane lighters, medical waste, toxic substances, corrosive articles, food, tea, cash, checks, counterfeit money, drugs, dry ice, the inflammable and explosive ,obscene items, nonstandard magnetic objects, oxides and organic peroxides, weapons and ammunition, dissolved paint coatings, animal’s, cash, bearer negotiable notes, precious metals and minerals, firearms, ammunition, human, pornographic and illegal narcotic medicine or drugs and other items local laws prohibit mailing )
\nFreightshop has the right to inspect the sampling shipment without prior notice to the shipper. If the restricted or prohibited items are detected, Freightshop has the right to detain all the shipment, and not do delivery processing. The shipment will be returned to the shipper after one week of detention and the shipper is required to pay RMB100 once a time to Freightshop for the contraband inspection .
\nThe shipper ensures that the consignee's information should be accurate and complete. And the shipment can not be delivered in accordance with a PO Box or only by postal code, which will be delivered at the consignee's address provided by the shipper ( The first recipient of the post office delivery should be treated as the consignee), but it will not necessarily ship to the consignee himself directly. If the consignee’s address is provided with a centralized reception place, the shipment will be delivered to there. In any of the following circumstances, Freightshop will deal wih that in a reasonable manner based on the shipper’s requirements, so at the same time the shipper should bear the additional costs.
\n1) The consignee refuses to receive the shipment or pay the taxes;
\n2) The shipment is considered unacceptable;
\n3) The customs considers that the clearance materials provided by the shipper are incompatible with the actual goods (the shipper on the customs invoice shipped with the goods will be Freightshop, if the customs requirements to provide the clearance materials sealed by the real shipper, so the shipper must cooperate with the customs);
\n4) Unable to determine or find the consignee.If the shipper can not provide the timely advice or the destination government can not accept the shipper's advice, Freightshop will have the right to abandon the shipment, and Freightshop does not necessarily to take any responsibility for the shipper or other people.
\nThe freight published on the Freightshop website does not include the additional charges for the remote and special products and special package. Some of the freight methods need to be calculated on the principle targeting the larger between the actual weight and the volume of the shipment. Freightshop has the right to reweigh and remeasure any shipment to confirm its calculated data .The shipper shall pay or return the freight, surcharges, warehousing charges, duties and other taxes charged by Freightshop or generated on behalf of the shipper, consignee or the any other third part.(some express delivery may not be able to know the additional costs in advance, the final cost is subjected to the carrier bill).Besides, when the shipment belongs to the non-delivery according to the Article 4 ,the shipper should also pay to Freightshop the costs constituted by the return freight, import costs, compensation, damages, penalty and other related charges.
\n1) When the shipment that the shipper consigns Freightshop to ship belongs to any of the situation stipulated in the article 4, it shall be returned to the domestic operation center after mutual confirmation through Freightshop.
\n2) The time when the shipment returns back is not committed, which is subjected to the Freightshop notice .
\n3) As for the detained shipment for any reason, Eaiyun can provide free custody services for 7 days ,within which Freightshop will contact the shipper to ask for handling advice by telephone or e-mail ;more than which Freightshop will charge the shipper according to Shenzhen warehousing business. If the shipper has not given his/her views more than 6 months, Freightshop will destroy the shipment according to the circumstance.
\nThe duty of the Freightshop under this Clause to the shipper is limited to direct losses, which does not exceed the limits published by each mode of transport. Considering that the shipper can insure the shipment with the special risk in advance, Freightshop does not bear any other loss or damage,(Including but not limited to profits, revenues, interest and losses of future business), whether such other losses or damages are exceptional or indirect, Whether Freightshop is aware of such loss or damage before or after the acceptance of the shipment. Only one claim can be made for each shipment, and this compensation will be used as a full and final solution to the loss and damage. If the shipper believes that the provisions of this clause on the compensation will not be sufficient to compensate for its losses, the value of the goods should be self-insured, otherwise the shipper will bear all the risks of loss and damage.
\nIf the delivery ways provided by the carrier for tracking lies in one of the following circumstances(except the express mail package), the shipper can apply to Freightshop:
\n1) The shipment is not the online tracking information according to the normal processing time;
\n2) The shipment fails to delivery during the committed time in the selected mode of transport;
\n3) The shipment is in a successful delivery on corresponding transport website, while the consignee does not receive the package (except the EUEXP)
\n4) The consignee reacts the shipment damaged, lost, and inconsistent with the original delivery shipment;
\n5) Unknown expenses.
\nIf the shipper requires to track or claim the shipment, he /she should track based on the transport modes or conduct it during the track or claim time. Freightshop will not accept it beyond the limited time of the shipment, the specific requirements subjected to Freightshop official website; The shipper should ensure the shipment information detailed and accurate, because the relative information should be provided for tracking Under the condition that the shipment delivery information is inconsistent with the submitted information, or the information provided by shipper does not meet the information requirements, due to which the carrier has the right to refuse to track, and all losses and responsibilities are borne by the shipper. Due to the limitation of the time, space and transit links in the international shipment tracking, there will be differences in the tracking periods between different countries and different modes of transport. Freightshop will make reasonable efforts to track shipment for the shipper, but not to take the responsibility for the carrier's delay reply .
\nAny claim must be made after the end of the inquiry period.The shipper must provide the loss, damage or error shipment certifications, such as the consignee's description, photo etc.The total quantity and weight of the actual receiving shipments from Freightshop are not in line with the shipper's delivery list:
\n1) Quantity discrepancy: If Freightshop finds the shipment quantity has discrepancy with that stipulated on delivery list, we will submit the problem through the system, or inform the shipper to determine that by mail or telephone, and then transfer the shipment to the upper carrier.
\n2) Weight discrepancy:
\n* weight discrepancy in international postage and registration When the weight discrepancy falls within 100 grams, subjected to the actual receipt dates, Freightshop will not notify the shipper; if over 100 grams, Freightshop will notify the shipper by telephone to determine that and then transfer the shipment to the upper carrier. (The international postage shipment whose information the shipper hasn’t uploaded to the logistics system is subjected to the actual receipt weight, without any notice.)
\n* weight discrepancy in Lines and express delivery When the weight discrepancy falls within 500 grams, subjected to the actual receipt dates, Freightshop will not notify the shipper; if over 500 grams, Freightshop will notify the shipper by telephone to determine that and then transfer the shipment to the upper carrier.
\nService providers who provide the quantity, weight discrepancy information service only fulfill their feedback obligation ,and the loss caused by the discrepancy is out of their commitments.
\n1） Freightshop loss
\nFreightshop will bear the compensation liability if the shipment is lost during the period from Freightshop receiving the shipment to sending it to the carrier. The compensation amount shall be the lower between the declared value on Freightshop website and the actual value of the shipment(according to the purchase voucher and invoice provided by the shipper). The maximum amount of compensation for a single parcel is no more than $ 100.
\n2) Carrier loss
\nAfter Freightshop shipping the shipment to the carrier, the carrier will provide the relevant transfer voucher. If the shipment is lost, the liability lies in the carrier. Freightshop will assist the shipper in claiming to the carrier, and the amount of the claim shall be executed in accordance with the compensation provisions of each mode of delivery.
\n3）wrong address caused by Freightshop operation
\nIf the shipment is shipped to a wrong destination because of Freightshop mistaken operation,Freightshop will return the express cost to the shipper but Freightshop has the right to choose the lower between the declared value on Freightshop website and the actual value of the shipment as a compensation.Besides,the postage from abroad back to Shenzhen is on Freightshop’s account,which will be calculated based on the postage principle of a wrong address transferred to a correct address in the lowest cost way. But Freightshop does not bear the indirect economic loss due to the wrong address.
\n4) parcels loss caused by customs examination
\nWhen the parcels goes through the customs, the customs will take out the parcels for inspection, which may result in a parcel loss, the shipment loss ( all or partial shipment ), or detained by the customs.For the aforementioned,Freightshop does not bear any responsibility .
\n5) handling terms of fake, counterfeit, prohibited products, limited goods and other cargo :
\nFreightshop will not ship the goods after the shipper has a good knowledge of that ,such as:Cash, flammable, explosive, fragile items, articles that violate copyright, intellectual property rights, illegal items, and embargoes provided by airlines and laws.Freightshop shall not be liable for any loss caused by the shipper’s breach of shipping the above prohibited goods and shall retain the right to investigate legal obligation to the shipper.
\n1) Referential timeliness
\nThe delivery time showing on Freightshop is represent the time from the beginning of the operation in corresponding query site to the time of arrival, but does not include the pickup time by Freightshop and the time of sorting in Freightshop’s warehouse and customs clearance. This reference time is not a commitment and not included in the agreement. Freightshop does not take responsibility for loss and damage caused by delay of transport.
\n2) Force majeure factor
\nFreightshop does not take responsibility for loss and damage caused by uncontrollable reasons. These include, but not limited to: Natural disasters, such as earthquakes, tornadoes, storms, floods, fogs, etc;War, air crash or embargo, force majeure;The inherent defects or characteristics of the shipment. (whether or not it is known by Freightshop);
\nRiots or civil unrest;
\nAction made by the people who do not have the a contractual relationship with Freightshop, such as a shipper, consignee, third party, customs or other government department.
\n3) The route
\nThe shipper will be required to accept all the routes arranged by Freightshop and the upper carrier; it would be including the possible transit point, which causes the longer delivery time. Freightshop does not take any commitment on this.
\nIf the shipper violates the relevant laws and regulations or violates the following warranties and statements, which causes loss and damage on Freightshop, the shipper shall bear all the costs and damages.
\n1) All information provided by the shipper or his agent is complete and accurate;
\n2) The goods are prepared by the shipper or his employees in a safe manner;
\n3) The person who prepared the goods for the shipper is trustworthy;
\n4) The shipper should ensure that the goods would not be interfere by others when they are in preparation, storage or transport process;
\n5) All the goods are marked with complete and accurate, clear address, packed properly, suitable for safe transportation under general attention;
\n6) Meet the relevant customs and import and export regulations, as well as other laws and regulations.
\nIn no event will Freightshop be liable to Customer or to any third party for any loss of profits, loss of use, loss of revenue, loss of goodwill, interruption of business, loss of data, or any indirect, special, incidental, exemplary, punitive or consequential damages of any kind arising out of, or in connection with these terms or Customer's use (or inability to use) any part of the website or the services, whether in contract, tort, strict liability or otherwise, even if we have been advised or are otherwise aware of the possibility of such damages.
\n1)Freightshop reserves the right to change or modify these Terms, or any of our other policies or guidelines, at any time. We will be posting the revised Terms on the Site and revising the date at the top of these Terms. Any changes or modifications will be effective from the day these Terms have been publicized. You acknowledge that your continued use of the Site or any of the Services following such notice constitutes your acceptance of the modified Terms.
\n2) Freightshop reserves the right -- at any time, and without notice or liability to you -- to modify the Site or the Services, or any part of them, temporarily or permanently. We may modify the Services for a variety of reasons, including, without limitation, for the purpose of providing new features, implementing new protocols, maintaining compatibility with emerging standards, or complying with regulatory requirements.
\n1) Freightshop promises that the account information provided by the shipper is kept in good condition and is not used in addition to the account certification;
\n2) The shipper shall ensure information provided by Freightshop in the service is confidential to the third party. Such information shall include the agreed rate, financial status and technical information of the two parties.
\n3) The shipper should ensure the safety of the account number and password registered in Freightshop’s system. Freightshop do not take responsibility if shipper do not protect their account safely and cause any loss.
\nIf shipper does not satisfy with the content and the implementation and cause disputation, both parties should resolve the problem friendly. Otherwise, either party had the right to sue in people’s court.
\nThe invalidity or non-enforceability of any part of these Terms shall not affect the validity and enforcement of other provisions.
\nThis Privacy Policy applies when you use Freightshop and our websites. We offer our users choices about the data we collect, use and share as described in this Privacy Policy, Settings and our Help Center.
\r\n \r\nFreightshop operates a suite of web applications to support digital freight sales, booking, and management for logistics professionals. Our Privacy Policy applies to any Visitor or User of Freightshop.
\r\nOur registered users and website visitors use Freightshop to compare freight shipping options, educate themselves with regards to freight processes or current market conditions, book and pay for their shipments, manage them, and coordinate. This involves sharing information regarding shipment routes, cargo details, and business information about themselves and their logistics needs and services.
\r\nThis Privacy Policy apply to your use of our Services on or after the date in the header.
\r\nFreightshop (“we” or “us”) can modify this Privacy Policy (although we try not to do that often), and if we make material changes to it, we will provide notice through our Services, or by other means, to provide you the opportunity to review the changes before they become effective. If you object to any changes, you may close your account here.
\r\nYou acknowledge that your continued use of our Services after we publish or send a notice about our changes to this Privacy Policy means that the collection, use and sharing of your personal data is subject to the updated Privacy Policy.
\r\n1.1 Data You Provide To Us
\r\nYou provide data to create an account with us.
\r\nRegistration
\r\nTo create an account you need to provide data including your company name, email address, some information about your shipping habits such as frequency, mobile number, and a password. Upon booking a shipment, you also provide a payment method. We will collect data about your location country and preferences such as language.
\r\nSearches
\r\nYou search for freight quotes, book them and upload relevant commercial details to process the shipment.
\r\nWhen you search for a shipment, we retain the parameters that you searched for. We also retain information about shipments booked, phone calls conducted regarding that search, on-site and emailed messages with both our team and the selected logistics provider, as well as payment information. For shipments to take place, you’ll also frequently need to upload commercial documents, like your commercial invoice, power of attorney, hazardous material statements and other shipment-related documentation. These documents in turn may contain other personal or business data. We use this information to help streamline your shipments and they are only accessible to relevant Freightshop employees and the relevant service provider.
\r\nPosting and Uploading
\r\nWe collect data from you when you provide, post or upload it to our Services, or when you communicate with Freightshop staff or your service providers or your buyers by phone, email, chat, or our in-app messenger. You almost never have to post or upload personal data, as Freightshop is a commercial platform and in general we recommend using business email address, phone number, address where possible for transacting on Freightshop.
\r\n1.2 Data From Others
\r\nCustomers and partners may provide data to us.
\r\nPartners
\r\nWe may receive data about your company when you use the services of Freightshop providers and partners, such as insurance agencies, customs brokerages, logistics providers, and credit score assessment companies. If you provided any of our partners with relevant personal data, they may share it with us if deemed relevant.
\r\n1.3 Service Use
\r\nWe log your visits and use of our Services.
\r\nWe log usage data when you visit or otherwise use our Services, including our sites and platform technology, such as when you view or click on web pages or freight quotes, perform a search, or engage with our content. We use log-ins, cookies, device information and internet protocol (“IP”) addresses to identify you and log your use.
\r\n1.4 Cookies and Other Similar Technologies
\r\nWe collect data through cookies and similar technologies.
\r\nWe use cookies and similar technologies (e.g. pixels, ad tags and device identifiers) to recognize you and/or your device(s) on, off and across different Services and devices. We also allow some others to use cookies as described in our Cookie Policy below. You can control cookies through your browser settings and other tools.
\r\n1.5 Your Device and Location
\r\nWe (indirectly) receive data from your devices and networks, including location data through third-party technology.
\r\nWhen you visit or leave our Services (including our plugins or similar technology on the sites of others), we receive the URL of the site you came from. Our third party technologies also may get information about your IP address, proxy server, operating system, web browser, device identifier and features, and/or ISP. For specific, location-related tools, we will ask you to opt-in before we use GPS or other tools to identify your precise location.
\r\n1.6 Messages
\r\nIf you communicate through our Services, we learn about that. It’s supposed to work that way and would be weird if we didn’t.
\r\nWe collect information about your messages when you send, receive, or engage with messages in connection with our Services.
\r\n1.7 Information Provided from Freight Partners/Employers
\r\nWhen your employer or shipping partner uses Freightshop services and invites you to the platform, they give us data about you.
\r\nIf an employer or business partner (supplier, customer, handling agent, customer broker etc.) invites you to collaborate on Freightshop, they may provide us with business data about you and your company. For example, they may share your company name, role at the company, contact details, and permissions levels when you manage their shipments. Again we recommend using business contact details where possible.
\r\n1.8 Other
\r\nFreightshop often introduces new features to make freight tick, like live shipment tracking. If we collect materially different personal data or materially change how we use your data, we will notify you and may also modify this Privacy Policy.
\r\nWe use your data to provide, support, personalize and develop our Services.
\r\nWe use the data that we have about your business account to provide and personalize our services, including with the help of automated systems and inferences we make, our services so that they can be more relevant and useful to your company.
\r\n2.1 Services
\r\nOur Services help your company optimize freight shipping and make global logistics easier with access to global service providers, freight quotes, shipment management, educational material and more.
\r\n2.2 Communications
\r\nCommunication is what make freight shipping work. Freightshop helps your company communicate with our support staff and with our service providers. This takes places through both in-app and offline channels (and as few faxes as possible).
\r\nWe will contact your business through email, phone, or messages on our websites, and other ways through our Services, including push notifications. To keep you in the loop, we’ll also use these channels to let you know about the availability of our Services, security, and other service-related issues. Like the rest of the internet, we also send messages about how to use Freightshop, reminders that hopefully help you save time and money on freight, and promotional messages from us and partners that we like. There are some notifications we can’t let you opt out of, like service messages from us, including security and legal notices.
\r\nWe also enable communications between you and others through our Services, including our in-app messenger and emails.
\r\n2.3 Marketing
\r\nWe promote our Services to you and others.
\r\nWe use data and content about how businesses use Freightshop to promote our digital freight revolution.
\r\n2.4 Customer Support
\r\nWe use data to help you fix problems.
\r\nWe use the data (which can include your communications) to investigate, respond to and resolve complaints and Service issues (e.g., bugs).
\r\n2.5 Aggregate Insights
\r\nWe use data to generate aggregate insights.
\r\nWe use your data to produce and share aggregated insights that do not identify you. For example we may use your data to generate statistics about the businesses using Freightshop or for creating aggregate freight indices and other market insights. We always anonymize data for these insights.
\r\n2.6 Security and Investigations
\r\nWe use data for security, fraud prevention and investigations.
\r\nWe use your data (including your communications) if we think it’s necessary for security purposes or to investigate possible fraud or other violations of our Terms of Use or this Privacy Policy and/or attempts to harm our members or visitors.
\r\n3.1 Our Platform
\r\nAny shipment-related data is shared with the relevant internal Freightshop employees, as well as the service providers you’ve selected.
\r\nShipment Communications
\r\nInformation communicated within Freightshop is shared using our internal communication platforms, such as the in-app messenger, or through normal digital channels like email or phone.
\r\nShipment Documentation
\r\nShipment documents are stored on Freightshop, where they can be accessed by the relevant internal Freightshop employees or external service providers. When these documents need to be conveyed to external parties, we will typically use digital communication platforms like email or our application.
\r\n3.2 Communication Archival
\r\nRegulated users may need to store communications outside of our Service.
\r\nSome Freightshop users (or their employers) need, for legal or professional compliance, to archive their communications and social media activity, and will use services of others to provide these archival services.
\r\n3.3 Related Services
\r\nWe share your data across our different Services and Freightshop entities.
\r\nFreightshop entities, like our subsidiaries offices around the world, may share your business data internally to provide and develop our Services. We may combine information internally across the different Services covered by this Privacy Policy to be more relevant and useful to you and others.
\r\n3.4 Service Providers
\r\nWe use others to help us with our Services.
\r\nWe use others to help us provide our Services (e.g., maintenance, analysis, audit, payments, fraud detection, marketing and development). They will have access to your information as reasonably necessary to perform these tasks on our behalf and are obligated not to disclose or use it for other purposes.
\r\n3.5 Legal Disclosures
\r\nWe may need to share your data when we believe it’s required by law or to help protect the rights and safety of you, us or others.
\r\nIt is possible that we will need to disclose information about you when required by law, subpoena, or other legal process or if we have a good faith belief that disclosure is reasonably necessary to (1) investigate, prevent, or take action regarding suspected or actual illegal activities or to assist government enforcement agencies; (2) enforce our agreements with you, (3) investigate and defend ourselves against any third-party claims or allegations, (4) protect the security or integrity of our Service (such as by sharing with companies facing similar threats); or (5) exercise or protect the rights and safety of Freightshop, our users, personnel, or others. We attempt to notify Members about legal demands for their personal data when appropriate in our judgment, unless prohibited by law or court order or when the request is an emergency. We may dispute such demands when we believe, in our discretion, that the requests are overbroad, vague or lack proper authority, but we do not promise to challenge every demand.
\r\n3.6 Change in Control or Sale
\r\nWe may share your data if our business is sold to others, but it must continue to be used in accordance with this Privacy Policy.
\r\nWe can also share your personal data as part of a sale, merger or change in control, or in preparation for any of these events. Any other entity which buys us or part of our business will have the right to continue to use your data, but only in the manner set out in this Privacy Policy unless you agree otherwise.
\r\n \r\n\r\n4.1 Data Retention
\r\nWe keep most of your personal data for as long as your account is open.
\r\nWe retain your personal data while your account is in existence or as needed to provide you Services. This includes data you or others provided to us and data generated or inferred from your use of our Services. Even if you only use our Services when searching for freight quotes every once in a while, we will retain your information and keep your profile open until you decide to close your account. In some cases we choose to retain certain information in a depersonalized or aggregated form.
\r\n4.2 Rights to Access and Control Your Personal Data
\r\nYou can access or delete your personal data. You have many choices about how your data is collected, used and shared.
\r\nWe provide many choices about the collection, use and sharing of your data, including opt-outs and communication controls. For personal data that we have about you:
\r\nDelete Data: You can delete personal data from your profile page or ask us to erase or delete all or some of your personal data (e.g., if it is no longer necessary to provide Services to you) through this link.
\r\nChange or Correct Data: You can edit some of your personal data through your account. You can also ask us to change, update or fix your data in certain cases, particularly if it’s inaccurate.
\r\nObject to, or Limit or Restrict, Use of Data: You can ask us to stop using all or some of your personal data (e.g., if we have no legal right to keep using it) or to limit our use of it (e.g., if your personal data is inaccurate or unlawfully held).
\r\nRight to Access and/or Take Your Data: You can ask us for a copy of your personal data and can ask for a copy of personal data you provided in machine readable form.
\r\nYou may contact us using the contact information below, and we will consider your request in accordance with applicable laws.
\r\n4.3 Account Closure
\r\nWe keep some of your data even after you close your account.
\r\nIf you choose to close your Freightshop account, your personal data will generally stop being visible to others on our Services within 24 hours. We generally delete closed account information within 30 days of account closure, except as noted below.
\r\nWe retain your data even after you have closed your account if reasonably necessary to comply with our legal obligations (including law enforcement requests), meet regulatory requirements (including financial regulations and FMC), resolve disputes, maintain security, prevent fraud and abuse, enforce our Terms of Use, or fulfill your request to “unsubscribe” from further messages from us. We will retain de-personalized information after your account has been closed.
\r\nInformation you have shared with others will remain visible after you closed your account or deleted the information from your own profile or mailbox, and we do not control data that other Members copied out of our Services.
\r\nNote for example that in some cases your name, email, or phone may appear on freight quotes and contracts which we will keep indefinitely for regulatory reasons, or for the integrity of our financial records, even after you stop being a User.
\r\n5.1. Security
\r\nWe monitor for and try to prevent security breaches. Please use the security features available through our Services.
\r\nWe implement security safeguards designed to protect your data, such as enforcing the use of HTTPS. We regularly monitor our systems for possible vulnerabilities and attacks. However, we cannot warrant the security of any information that you send us. There is no guarantee that data may not be accessed, disclosed, altered, or destroyed by breach of any of our physical, technical, or managerial safeguards.
\r\n5.2. Cross-Border Data Transfers
\r\nWe store and use your data outside your country.
\r\nCountries where we process data may have laws which are different, and potentially not as protective, as the laws of your own country.
\r\n5.3 Lawful Bases for Processing
\r\nWe have lawful bases to collect, use and share data about you. You choose to use our Services and have choices about our use of your data.
\r\nAt any time, you can withdraw whichever optional consent you have provided by requesting to withdraw.
\r\nWe will only collect and process personal data about you where we have lawful bases. Lawful bases include consent (where you have given consent), contract (where processing is necessary for the performance of a contract with you (e.g. to deliver the Freightshop Services you have requested)) and legitimate interests. Legitimate interests will include processing your personal data for the purposes of Freightshop legitimate interests or for the legitimate interests of third parties (e.g., your employer or company), provided that such processing shall not outweigh your rights and freedoms. For example, we may process your personal data to:
\r\nProtect you, us, or others from threats (such as security threats or fraud)
\r\nComply with laws that apply to us
\r\nEnable or administer our business,Manage corporate transactions, such as mergers or acquisitions
\r\nUnderstand and improve our business or customer relationships generally
\r\nWhere we rely on your consent to process personal data, you have the right to withdraw or decline your consent at any time and where we rely on legitimate interests, you have the right to object.
\r\n\r\nThis section describes use of cookies and other technologies.
\r\n6.1 What are cookies and other technologies?
\r\nA cookie is a small text file that is placed on your computer, mobile phone, or other device when you visit a website. The cookie helps website providers recognise your device the next time you visit their website (so, for example, you don’t need to log-in every time you check out Facebook). There are other similar technologies such as pixel tags (transparent graphic images placed on a web page or in an email, which indicate that a page or email has been viewed), web bugs (similar to pixel tags), and web storage, which are used in desktop software or mobile devices.
\r\nThere are also technologies such as mobile device identifiers and SDK integrations to help companies recognise your device when you return to an app or otherwise use Freightshop services.
\r\n6.2 How we use cookies and other technologies
\r\nWe use both session cookies (which expire once you close your web browser) and persistent cookies (which stay on your device for a set period of time or until you delete them). We use the following types of cookies for the purposes explained in this chart:
\r\nCookie Type Purpose
\r\nEssential Operational These cookies are necessary to allow us to operate the Freightshop Service as you have requested. For example, they let us recognise if you have an existing account to make sure you can log in and stay logged in.
\r\nPerformance / Analytics We use these cookies to analyse how the Freightshop Service is accessed, is used, or is performing. We use this information to maintain, operate, and continually improve the Freightshop Service. We may also obtain information from our email newsletters, including whether you opened or forwarded a newsletter or clicked on any of its content. This information tells us about our newsletters’ effectiveness and helps us ensure that we’re delivering information that you find interesting.
\r\nFunctional These cookies let us operate certain functions of the Freightshop Service in line with the choices you make. These cookies mean that when you continue to use or come back to the Freightshop Service, we can provide you with our services as you have asked for them to be provided, such as knowing your username, remembering how you have customised our services, help ensure you get the right marketing material when you download content, and reminding you of content you have enjoyed.
\r\nTargeting / advertising We use these cookies to serve you with advertisements that may be relevant to you and your interests. The information may also be used for frequency capping purposes (e.g., to ensure we do not display the same advertisement to you repeatedly) and to help us regulate the advertisements you receive and measure their effectiveness.
\r\nFreightshop Ads We work with web publishers, advertising networks, and service providers to deliver Freightshop ads on other web sites and services. Cookies may be used to serve you with Freightshop advertisements and to regulate the advertisements you receive and measure their effectiveness.
\r\nWe also use mobile device identifiers and the other technologies for the purposes articulated in this Privacy Policy, for example to recognise your device when you return to the Freightshop app or otherwise use the Freightshop Services.
\r\n6.3 Manage your cookie and other preferences
\r\nMany web browsers allow you to manage your preferences. You can set your browser to refuse cookies or delete certain cookies. You may be able to manage other technologies in the same way that you manage cookies using your browser’s preferences. In addition, when you visit the Freightshop corporate homepage for the first time, you will be informed that these cookies are in place and that by continuing your web session, you consent to these cookies being used.
\r\nPlease note that if you choose to block cookies with your browser or other tools, it may impair the Freightshop Service or prevent certain elements of it from functioning.
\r\nThere is no accepted standard on how to respond to Do Not Track signals, and we do not respond to such signals.
\r\nAn available tool is the Network Advertising Initiative’s (NAI) Opt-Out Tool at networkadvertising.org/choices. This allows you to opt out from the use of information about your online activities for online behavioral advertising by NAI member companies.
\r\nOn your mobile device, you may also have a “Limit Ad Tracking” setting (on iOS devices) or a setting to “Opt out of Interest-Based Ads” (on Android) which allows you to limit the use of information about your use of apps for purposes of serving ads targeted to your interests.
\r\nYou hereby consent to the use of the cookies and other technologies described above.
\r\nContact Information
\r\nYou can contact us or use other options to resolve any complaints.
\r\nIf you have questions or complaints regarding this Policy, please email support@by56.com.
\r\nThanks for trusting Freightshop with your business and your data.
\r\nShipments may be cancelled with no additional charge before the Seller has processed your shipment. Otherwise, you will be charged for any direct costs.
\nSince a Quote becomes a binding Order when booked, Freightshop may only cancel that Order under three circumstances:
\nThe service provider cannot physically execute the Order because of Force Majeure. Please note that any change in market conditions or carrier availability is not a valid reason for Order cancellation.
\nShould there be a material discrepancy between the details entered by Buyer into the Order and the actual description of the goods or pickup times or other substantial discrepancies, Freightshop shall be entitled to cancel the Order and may charge Buyer for any documented and commercially reasonable costs incurred.
\nBuyer fails to meet the service provider’s internal legal compliance requirements, as documented for their internal reference by the service provider.
\nSend an email to support@by56.com
\nInclude the shipment number and the word “Cancellation” in the subject line.
\nPlease include a written explanation with the reason for cancellation and if there are any charges that have to be paid. If there are please detail and explain them.
\nShould the Buyer cancel an Order after the shipment has already incurred costs, Freightshop shall be entitled to payment for commercially reasonable and documented costs. These costs shall be subject to the service provider.
\nFreightshop may cancel any Order during the Verification Process if it believes it not to be a viable Order.
\nFreightshop may notify the parties that the Order has been cancelled at any time on behalf of either party due to non-compliance with Marketplace rules if:
\nOn behalf of Buyer:
\nThe service provider has not fulfilled all of the service provider’s obligations under the SOP and MSA and other Freightshop Policies.
\nIn this case, Freightshop shall have the right to transfer the Shipment to another service provider (as approved by Buyer), and the service provider shall have no claims arising from this cancelled Shipment.
\nOn behalf of service provider:
\nA breach of contract has occurred on the part of the Buyer, including but not limited to:
\nIf Freightshop has reasonable cause to believe that Buyer will not perform their obligations per the contract.
\nIf Freightshop believes that the Buyer may not be legally eligible to purchase the Freight Services.
\nIn the process of providing freight services for you, if you cancel the order, change the service channel, cancel the selected service, etc., in addition to the additional expenses that need to be charged (such as changing the warehouse delivery fee, packaging fee, etc.) ), according to the actual situation, Freightshop.com will return the overcharged fee to you.
\nCancel order
\nIf your shipment has not been shipped, in addition to the additional charges for cancellation of the order and the services already provided to you, the other corresponding paid shipping charges and surcharges will be refunded back to your account.
\nChange the service channel
\nAfter the channel is changed, the fee will be charged according to the replaced channel.
\nCancel the selected service
\nIf you cancel the selected service, Freightshop will refund the corresponding paid fee to your account.
\n{{ item.RemarkEn }}
\n\n \n
\r\n
{{ volumeUnit === 0 ? \"CM\" : \"IN\" }}
\r\n{{ volumeUnit === 0 ? \"KG\" : \"LB\" }}
\r\n\r\n
{{ volumeUnit === 0 ? \"KG\" : \"LB\" }}
\r\n{{ volumeUnit === 0 ? \"CBM\" : \"CFT\" }}
\r\n| \n Airline \n | \n \n \n \n \n \n Route\n \n \n | \n \n Frequency \n | \n \n \n 45KG\n \n | \n \n \n 100KG\n \n | \n \n \n 300KG\n \n | \n \n \n 500KG\n \n | \n \n \n 1000KG+\n \n | \n \n Action \n | \n Booking | \n
|---|
| \n \n \n ![](\"../../../../../static/img/tuijian.png\") \n \n \n \n | \n \n \n \n \n \n \n \n \n {{ item.FlightCourse }} \n
\n {{ item.ValidTerm }} {{ item.ValidTerm != 1 ? \"Days\" : \"Day\" }}\n \n \n\n \n | \n \n \n | \n\n \n \n \n \n v.ChargeWeight == 45)\" class=\"verbar\">\n -\n \n | \n \n \n \n \n \n v.ChargeWeight == 100)\" class=\"verbar\">\n -\n \n | \n \n \n \n \n \n v.ChargeWeight == 300)\" class=\"verbar\">\n -\n \n | \n \n \n \n \n \n v.ChargeWeight == 500)\" class=\"verbar\">\n -\n \n | \n \n \n \n \n \n v.ChargeWeight == 1000)\" class=\"verbar\">\n -\n \n | \n \n \n | \n\n \n \n \n {{\n item.SpaceType == 1\n ? \"Sufficient\"\n : item.SpaceType == 2\n ? \"Tight\"\n : item.SpaceType == 3\n ? \"Case by case\"\n : \"Overbooked\"\n }}\n \n \n US ${{ Number(item.TotalFee).toFixed(2) }}\n \n\n SELECT\n \n | \n
| \n \n \n \n \n \n Cost items \n Unit rate \n QTY \n Amount \n \n \n Air Freight Cost \n US ${{ item.AirPrice.toFixed(2) }}/KG \n {{ item.AirChargeWeight.toFixed(2) }}KG \n US ${{ item.AirTracficFee.toFixed(2) }} \n 0\">\n \n Local charge \n \n \n \n \n \n {{ item.FeeNameEn }} \n \n US ${{ (item.Amount / item.Quanlity + 0.004).toFixed(2) }}/{{\n getUnit(item.Unit, true)\n }}\n \n \n {{ item.Quanlity.toFixed(2) }} {{ getUnit(item.Unit) }}\n \n \n {{ item.Quanlity }} \n \n US${{ item.Amount.toFixed(2) }} \n \n \n Pickup Charge（{{ item.ThWorkDay }}days） \n US ${{ item.THAmount.toFixed(2) }}/Bill \n 1 Shipment \n US${{ item.THAmount.toFixed(2) }} \n \n \n \n Subtotal : US${{\n Number(\n Number(item.THAmount ? item.THAmount : 0) +\n Number(item.AirTracficFee ? item.AirTracficFee : 0)\n ).toFixed(2)\n }}\n \n \n \n\n \n \n \n \n \n \n \n ![\"\"](\"../../../../../static/img/Group) \n \n \n \n \n If your actual shipment is different from the information\n provided, you may incur additional fees.\n \nTotal：US ${{ item.TotalFee.toFixed(2) }} \n \n \n Remark: \n ')\"> \n \n | \n
Shipment total: {{sumList.total.sumUnit}} Unit {{InterceptUnit(sumList.total.sumKG,3)}} KG {{InterceptUnit(sumList.total.sumCBM,4)}} CBM {{InterceptUnit(sumList.total.sumLB * 2.2046226,3)}}LB {{InterceptUnit(sumList.total.sumCFT * 35.3147248,4)}} CFT
\n \nShipment total: {{partInfo.total.sumUnit}} Unit {{InterceptUnit(partInfo.total.sumKG,3)}} KG {{InterceptUnit(partInfo.total.sumCBM,4)}} CBM {{InterceptUnit(partInfo.total.sumLB,3)}}LB {{InterceptUnit(partInfo.total.sumCFT,4)}} CFT
\nShipment total: {{queryParma.quantity}} Unit {{InterceptUnit(queryParma.weight,3)}} KG {{InterceptUnit(queryParma.volume,4)}} CBM {{InterceptUnit(queryParma.weight * 2.2046226,3)}}LB {{InterceptUnit(queryParma.volume * 35.3147248,4)}} CFT
\n \n \n![](\"/static/img/fyImg/empty.png\"){kind=spacer}
\n No quotation found at moment,please contact our custom service to inquiry case by case.
\n\n \n No quotation found at moment,please contact our custom service to\n inquiry case by case.\n
\n\r\n {{ startCityEn }}\r\n \r\n {{ desCountryEn }}\r\n
\r\nRequired
\r\nRequired
\r\n×
\r\n\r\n \r\n
\r\n\r\n Please read the contraband statement and confirm that the item shipped\r\n is not contraband\r\n
\r\n\r\n \r\n
\r\n {{ item.ModeCode }}（{{ item.WareShortCode }}）\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\nValid until: {{ item.ValidEndDate | dateFmt(\"MMM DD, YYYY\") }}
\r\nCommodity: {{ item.CargoTypeInfoEn }}
\r\n\r\n US ${{ item.Amount }}\r\n US ${{ item.DiscountAmount }}\r\n
\r\n\r\n SELECT\r\n SELECT\r\n
\r\n\r\n Price breakdown
Express Rate
\r\n\r\n US ${{\r\n (item.TrafficAmount / Number(item.ChargeWeight)).toFixed(2)\r\n }}\r\n
\r\n\r\n US ${{\r\n (\r\n item.DiscountTrafficAmount / Number(item.ChargeWeight)\r\n ).toFixed(2)\r\n }}\r\n
\r\n{{ Number(item.ChargeWeight).toFixed(3) }}KG
\r\n \r\n\r\n \r\n US ${{ item.TrafficAmount.toFixed(2) }}\r\n
\r\n\r\n \r\n US ${{ item.DiscountTrafficAmount }}\r\n
\r\n\r\n Pickup Charge ({{ item.ThWorkDay }} days)\r\n \r\n
\r\n\r\n US ${{ Number(item.THAmount).toFixed(2) }}\r\n
\r\n{{ info.FeeNameEn }}
\r\n{{ info.FeeDescEn }}
\r\n\r\n US $ {{ Number(info.Price).toFixed(2) }}\r\n
\r\n\r\n (\r\n Max. US ${{ Number(info.MaxValue).toFixed(2) }}\r\n ,Min. US ${{ Number(info.MinValue).toFixed(2) }})\r\n
\r\n{{ item.DetailEn }}
\r\n\r\n \r\n No quotation found at moment,please contact our custom service to\r\n inquiry case by case.\r\n
\r\n\r\n
![](\"../../../assets/img/logoWhite.png\")
Make the complicated things simplified, and do the simplified things to the best.
\n \n![](\"../../../assets/img/logoBlue.png\")
{{VerificationMsg}}
\nYour email address is not activated. Please click activate
\nYour email address is not activated. Please click activate
\n![](\"../../../assets/img/iconEm1.png\")
\n \n Welcome to register. The account activation email has been sent to your email address: \n {{email}}\n
\nThe activation email is valid within 24 hours. Please log in your email and click the \"activation link\" in the
\nemail to complete the account activation.
\nHaven't received the mail?
\n![](\"../../../assets/img/iconEm2.png\")
\n \n Congratulations! Your Freightshop account \n {{email}} has been successfully activated!\n
\n Login immediately\n![](\"../../../assets/img/iconEm3.png\")
\n {{EmailMsg}}
\n\n \n \n
\n{{VerificationCodeMsg}}
\nVerify that the message has been sent to your mailbox: {{Email}}
\nVerify that the email is valid within 2 hours. Please log in your email, click the reset password link in the email, and set up a new password.
\n\n \n \n
\n \nTry again in{{this.totalTime}} seconds
\n
Please re-acquire your verification email.
\n\n \n \n Try again in\n {{this.totalTime}} seconds\n \n
\n{{PasswordMsg}}
\n{{PasswordMsg}}
\n![](\"../../../assets/img/iconEm4.png\")
Please remember your new password!
\n\n \n
\n![](\"/static/img/1_proc.png\")
\n ![](\"/static/img/2_proc.png\")
\n ![](\"/static/img/3_proc.png\")
\n BillConvertAmount\">The order will not be processed until the payment is completed. Please pay according to the estimated cost!
\nThe order will not be processed until the payment is completed
\n| 1 | \n\n Print label\nIn order to ensure the accurate warehousing of your goods without delay, please inform your supplier to print the address label on the side of each package. If the label is not printed, the warehouse will have the right to reject the goods. \n | \n
| 2 | \n\n Label the quantity of the shipment\n\n Please inform your supplier that the quantity of the goods should be clearly written on the conspicuous position of the outer box of the goods and the self-delivered express waybill, such as one order of one unit, one order of three units, etc., so that the warehouse tally personnel can tally the goods, avoid confusion and cause unnecessary losses.\n \n | \n
| \n | \n Please inform your supplier to prepare the goods as described above.Notify my supplier\n | \n
Notify my supplier
×
\n| \n Order No.：{{WaybillNO}}\n Order labels and stocking precautions will be notified to your supplier via email. \n | \n |
Emali： | \n \n \n Please enter a valid email address \n | \n
Administrator (Same permissions as me): it is convenient for other colleagues to handle my order.
\r\nUser (only can view his / her own order): Authorizes subordinate business, and can check the price and place an order by himself / herself.
\r\nWork permissions: Freightshop establishes an account with the company as the unit. A company can only have one master account administrator\" (first login to freightshop.com)
\r\nPrimary account permission: you can view the order data of yourself and all user accounts.
\r\nUser account permission: only your order data can be viewed. \"
\r\nBy adding the subordinate as \"user\" in the working group, the subordinate has its own Freightshop account, and he can only operate his own order. You can see all his orders.
\r\nGive my account number to the superior, and ask the leader to replace his information with my information (email, name, phone, etc.). Then the leader added me as a user through the working group.
\r\nThe quotation has been updated. Do you want to continue?
\n \n \nIf your actual shipment is different from the information provided, you may incur additional fees.
\n\r\n {{List.StartCityNameEn}},{{List.StartProNameEn}},{{List.StartCountryNameEn}}\r\n {{List.DepartureCode}},{{List.DepartureNameEn}}\r\n \r\n {{List.DestAddressDesc.split(',').splice(0,List.DestAddressDesc.split(',').length-1).join('')}}\r\n {{List.DestinationCode}},{{List.DestinationNameEn}}\r\n
\r\n| \r\n \r\n {{item.AirWareShortCode}} \r\n | \r\n \r\n {{item.AirCompanyNameEn+' '+item.AirCompanyCode2+'-'+item.AirCompanyCode3}}{{item.AirArrivalType == 1 ?'Direct':'Transit'}} \r\n\r\n \r\n Transit time: {{item.ValidTerm}}Days \r\nRoute: {{item.FlightCourse}} \r\nFrequency: {{item.Flight}} \r\n\r\n Valid until: {{new Date(item.AirValidEndTime) | dateFmt('MMM DD, YYYY')}}\r\n \r\n | \r\n \r\n \r\n US ${{Number(item.TotalFee).toFixed(2)}}\r\n \r\n\r\n SELECT\r\n \r\n | \r\n |||||||||||||||
| \r\n \r\n \r\n {{List.StartCityNameEn}} > {{List.DestinationCode}}\r\n{{List.StartCityNameEn}} > {{List.DestinationCode}}\r\n{{List.DepartureCode}} > {{List.DestinationCode}}\r\n{{List.DepartureCode}} > {{List.DestinationCode}}\r\n
| \r\n |||||||||||||||||
| \r\n \r\n \r\n {{List.DepartureCode}} > {{List.DestAddressDesc.split(',').splice(0,List.DestAddressDesc.split(',').length-1).join('')}}\r\n{{List.DepartureCode}} > {{ List.DestAddressDesc.split(',').splice(0,List.DestAddressDesc.split(',').length-1).join('')}}\r\n
| \r\n |||||||||||||||||
| Bank Charge: | \r\nUS ${{item.BankChargeAmount.toFixed(2)}} | \r\n||||||||||||||||
| \r\n \r\n Total：US ${{item.TotalFee.toFixed(2)}}\r\n | \r\n
\r\n ![](\"@/assets/img/loading.gif\")
\r\n
Your recharge is being processed. If you have any questions, please contact customer service.
','Online Recharge', {\r\n customClass:'tipsBtn custom-message-box', //自定义添加Class\r\n dangerouslyUseHTMLString: true , //使用html\r\n confirmButtonText: 'View transaction records',\r\n cancelButtonText: 'Close',\r\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\r\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\r\n //showCancelButton:false,//去掉取消按钮\r\n // showClose:false,//去掉右上角的取消（X）\r\n // type: 'warning',\r\n center: true\r\n }).then(() => {\r\n window.location.href =\"/payment/myAccount\" \r\n }).catch(() => {\r\n that.CarAcunoot='';\r\n });\r\n return false\r\n \r\n }else if(res.ErrorCode=='S0004'){\r\n // this.$confirm( 'Recharge to be confirmed','Online Recharge', {\r\n // customClass:'custom-message-box', //自定义添加Class\r\n // //dangerouslyUseHTMLString: true , //使用html\r\n // confirmButtonText: 'View transaction records',\r\n // cancelButtonText: 'Close',\r\n // cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\r\n // closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\r\n // //showCancelButton:false,//去掉取消按钮\r\n // // showClose:false,//去掉右上角的取消（X）\r\n // // type: 'warning',\r\n // center: true\r\n // }).then(() => {\r\n // window.location.href =\"/payment/myAccount\"\r\n \r\n // }).catch(() => {\r\n // that.CarAcunoot='';\r\n // });\r\n // return false\r\n\r\n this.$confirm( 'Recharge to be confirmedIn order to ensure the transaction security, we will confirm your international credit card payment within 24 hours, and you can check the payment result in the recharge record.
','Online Recharge', {\r\n customClass:'tipsBtn custom-message-box', //自定义添加Class\r\n dangerouslyUseHTMLString: true , //使用html\r\n confirmButtonText: 'View transaction records',\r\n cancelButtonText: 'Close',\r\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\r\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\r\n //showCancelButton:false,//去掉取消按钮\r\n // showClose:false,//去掉右上角的取消（X）\r\n // type: 'warning',\r\n center: true\r\n }).then(() => {\r\n window.location.href =\"/payment/myAccount\" \r\n }).catch(() => {\r\n that.CarAcunoot='';\r\n });\r\n return false\r\n }else if(res.ErrorCode== 'S0002') {\r\n this.Addcredit()\r\n //当返回为未增添加信用卡,就弹出新增信用卡\r\n }\r\n\r\n })\r\n } \r\n\r\n}\r\n\r\n};\n\n\n// WEBPACK FOOTER //\n// ./src/assets/js/userCenter/payment/myPayment.js","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mainUser\"},[_c('menberMenu',{attrs:{\"tit-names\":_vm.titNames,\"tit-urls\":_vm.titUrls}}),_vm._v(\" \"),_c('div',{staticClass:\"mainBox\"},[(_vm.userType != 2)?_c('div',[_c('div',{staticClass:\"listContent\"},[_c('div',{attrs:{\"calss\":\"chkOneCon\"}},[_c('div',{staticClass:\"chkContent chkContent-padding\"},[_c('table',{staticClass:\"TableCss dataInput\",attrs:{\"border\":\"0\",\"cellspacing\":\"10\",\"cellpadding\":\"0\",\"width\":\"100%\"}},[_vm._m(0),_vm._v(\" \"),_c('tr',[_c('td',[_c('span',{staticClass:\"l warLeftT\"},[_vm._v(\"US $\")]),_vm._v(\" \"),_c('span',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.CarAcunoot),expression:\"CarAcunoot\"}],staticClass:\"warInput\",staticStyle:{\"width\":\"220px\"},attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.CarAcunoot)},on:{\"blur\":function($event){return _vm.CheckAcunoot()},\"keyup\":function($event){_vm.CarAcunoot=_vm.checkNum(_vm.CarAcunoot)},\"input\":function($event){if($event.target.composing){ return; }_vm.CarAcunoot=$event.target.value}}})]),_vm._v(\" \"),_c('span',{staticClass:\"marL30\"},[_c('el-checkbox',{on:{\"change\":function($event){return _vm.GetCheckedAcunoot()}},model:{value:(_vm.CheckedAcunoot),callback:function ($$v) {_vm.CheckedAcunoot=$$v},expression:\"CheckedAcunoot\"}},[_vm._v(\"Minimum payment amount：\")])],1),_vm._v(\" \"),_c('b',{staticClass:\"colRed\"},[_vm._v(\"US $ \"+_vm._s(_vm.ShAmount))]),_vm._v(\" \"),_c('label',{staticClass:\"hint marL30\"},[_c('i',{staticClass:\"fa fa-tips4 colBlue\",staticStyle:{\"font-size\":\"16px\",\"cursor\":\"pointer\"}}),_vm._v(\" \"),_c('div',{staticClass:\"floTipBox\",staticStyle:{\"left\":\"-33px\",\"top\":\"28px\",\"width\":\"250px\"}},[_c('i'),_vm._v(\" \"),_c('p',{staticStyle:{\"text-align\":\"right\"}},[_vm._v(\"Amount to be paid:US $\"+_vm._s(Number(_vm.UnPayInfos.UnPayAmountUSD).toFixed(2)))]),_vm._v(\" \"),_c('p',{staticStyle:{\"text-align\":\"right\"}},[_vm._v(\"The account balance:US $\"+_vm._s(Number(_vm.USAmount).toFixed(2)))])])])])]),_vm._v(\" \"),_c('tr',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.IsAcunootMsg),expression:\"IsAcunootMsg\"}],staticClass:\"colRed font12\"},[_vm._v(_vm._s(_vm.AcunootMsg))])]),_vm._v(\" \"),_vm._m(1),_vm._v(\" \"),_c('tr',[_c('td',[_c('div',{staticClass:\"location\",attrs:{\"id\":\"changeCardId\"}},[_c('img',{attrs:{\"src\":require(\"../../../../static/img/payCar2.png\"),\"alt\":\"\"}}),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"../../../../static/img/payCar1.png\"),\"alt\":\"\"}}),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"../../../../static/img/payCar3.png\"),\"alt\":\"\"}}),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"../../../../static/img/payCar4.png\"),\"alt\":\"\"}}),_vm._v(\" \"),(_vm.caitotal==0 )?_c('a',{staticClass:\"marL30\",on:{\"click\":function($event){return _vm.Addcredit()}}},[_vm._v(\"+Add credit card\")]):_vm._e(),_vm._v(\" \"),(_vm.carInfo)?_c('a',{staticClass:\"marL30\"},[_vm._v(\" \"+_vm._s(_vm.carInfo.CardType)+\" \"+_vm._s(_vm.BankCard(_vm.carInfo.CardNumber))+\" \")]):_vm._e(),_vm._v(\" \"),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.ordList.length > 0),expression:\"ordList.length > 0\"}],staticClass:\"colBlue marL30\",on:{\"click\":_vm.clkChangeCard}},[_vm._v(\"Change card \"),_c('i',{staticClass:\"fa fa-arrDown\"})]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isChangeCard && _vm.ordList.length > 0),expression:\"isChangeCard && ordList.length > 0\"}],staticClass:\"noticeBox\",staticStyle:{\"width\":\"300px\",\"right\":\"515px\"}},[_c('i',{staticStyle:{\"left\":\"50%\"}}),_vm._v(\" \"),_c('div',{staticClass:\"content\",staticStyle:{\"padding\":\"0\",\"min-height\":\"35px\",\"border-radius\":\"5px\",\"box-shadow\":\"rgba(0, 0, 0, 0.2) 0px 0px 3px\",\"overflow\":\"hidden\"}},_vm._l((_vm.ordList),function(item){return _c('ul',{staticClass:\"payMentLi\"},[_c('li',{on:{\"click\":function($event){return _vm.checkCai(item)}}},[_c('span',{staticClass:\"l\"},[_vm._v(_vm._s(item.CardType)+\" \"+_vm._s(_vm.BankCard(item.CardNumber))+\" \")]),_vm._v(\" \"),(item.IsDefault)?_c('span',{staticClass:\"r colGray9\"},[_vm._v(\"Preferred\")]):_vm._e()])])}),0)])])])]),_vm._v(\" \"),_c('tr',[_c('td',{attrs:{\"rowspan\":\"2\"}},[(!_vm.clkpa)?_c('div',{staticClass:\"marTop10\"},[_c('a',{staticClass:\"blueBtnMax\",on:{\"click\":_vm.clkpayValue}},[_vm._v(\"Recharge\")])]):_vm._e(),_vm._v(\" \"),(_vm.clkpa)?_c('div',{staticClass:\"marTop10\"},[_c('a',{staticClass:\"blueBtnMax\"},[_vm._v(\"Recharge\")])]):_vm._e(),_vm._v(\" \"),_c('p',{staticClass:\"colGray9 marTop20\"},[_vm._v(\"The online merchant is located in UK\")])])])])])])]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showModal),expression:\"showModal\"}],staticClass:\"frameBg\"}),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.Edlit),expression:\"Edlit\"}],staticClass:\"frameInput2\"},[_c('div',{staticClass:\"frameHead indexHead clear\"},[_c('p',{staticClass:\"l\"},[_vm._v(\"Shenzhen Freightshop\")]),_c('p',{staticClass:\"r\",staticStyle:{\"font-size\":\"26px\"},on:{\"click\":function($event){return _vm.GetClose()}}},[_vm._v(\"×\")])]),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[(_vm.IsCredit)?_c('p',{staticClass:\"colGray9 marL20\"},[_c('span',{staticClass:\"colRed\"},[_vm._v(\"Your credit card was declined\")])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"inputSetBox\"},[_c('ul',[_c('li',[_vm._m(2),_vm._v(\" \"),_c('p',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.FirstName),expression:\"FirstName\"}],staticClass:\"input inp4\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.FirstName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.FirstName=$event.target.value}}})])]),_vm._v(\" \"),_c('li',[_vm._m(3),_vm._v(\" \"),_c('p',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.LastName),expression:\"LastName\"}],staticClass:\"input inp4\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.LastName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.LastName=$event.target.value}}})])]),_vm._v(\" \"),_c('li',[_c('label',{staticClass:\"l\"},[_vm._m(4),_vm._v(\" \"),_c('p',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.Credit),expression:\"Credit\"}],staticClass:\"input inp4\",attrs:{\"type\":\"text\",\"maxlength\":\"19\"},domProps:{\"value\":(_vm.Credit)},on:{\"blur\":_vm.checkCredit,\"input\":function($event){if($event.target.composing){ return; }_vm.Credit=$event.target.value}}})])]),_vm._v(\" \"),_c('label',{staticClass:\"r\"},[_vm._m(5),_vm._v(\" \"),_c('p',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.CVc),expression:\"CVc\"}],staticClass:\"input inp4\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.CVc)},on:{\"blur\":function($event){return _vm.Cvccheck()},\"input\":function($event){if($event.target.composing){ return; }_vm.CVc=$event.target.value}}})])])]),_vm._v(\" \"),_c('li',[_vm._m(6),_vm._v(\" \"),_c('p',[_c('el-date-picker',{attrs:{\"value-format\":\"MM-yyyy\",\"type\":\"month\"},model:{value:(_vm.ExpirationDate),callback:function ($$v) {_vm.ExpirationDate=$$v},expression:\"ExpirationDate\"}})],1)]),_vm._v(\" \"),_c('li',[_c('p',[_c('el-checkbox',{model:{value:(_vm.Contraband),callback:function ($$v) {_vm.Contraband=$$v},expression:\"Contraband\"}},[_vm._v(\" Set as default payment card\")])],1)])])])]),_vm._v(\" \"),_c('div',{staticClass:\"framePwBtn\"},[_c('a',{staticClass:\"sureLineA l\",staticStyle:{\"margin-left\":\"150px\"},on:{\"click\":function($event){return _vm.GetClose()}}},[_vm._v(\"Cancel\")]),_c('a',{staticClass:\"sureA l marL10\",on:{\"click\":function($event){return _vm.SaveCard()}}},[_vm._v(\"Add credit card\")])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"listContent\"},[_c('div',{attrs:{\"calss\":\"chkOneCon\"}},[_c('div',{staticClass:\"checkTitle borTLRad borTRRad\",staticStyle:{\"height\":\"auto\",\"padding\":\"0 10px 0 15px\"}},[_c('h2',{staticClass:\"bankTransfe-title\"},[_vm._v(\"Offline bank transfer\")]),_vm._v(\" \"),_c('div',{staticClass:\"bankTransfe-tip\"},[_c('i',{staticClass:\"fa fa-tips colRed\",staticStyle:{\"margin-top\":\"-3px\"}}),_vm._v(\"\\n If you have completed the payment to the following account,please inform freightshop customer service by email here\\n \"),_c('a',{staticClass:\"lineBlueBtn marL10\",on:{\"click\":_vm.clkNotePay}},[_vm._v(\"Inform my customer service\")])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfloat\"})]),_vm._v(\" \"),_vm._m(7)])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tr',[_c('td',[_c('h2',{staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"Recharge amount\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tr',[_c('td',[_c('h4',{staticClass:\"marTop10\"},[_vm._v(\"Method of payment\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',[_c('span',{staticClass:\"colRed\"},[_vm._v(\"*\")]),_vm._v(\"First Name\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',[_c('span',{staticClass:\"colRed\"},[_vm._v(\"*\")]),_vm._v(\"Last Name\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',[_c('span',{staticClass:\"colRed\"},[_vm._v(\"*\")]),_vm._v(\"Card Number\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',[_c('span',{staticClass:\"colRed\"},[_vm._v(\"*\")]),_vm._v(\"CVC\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',[_c('span',{staticClass:\"colRed\"},[_vm._v(\"*\")]),_vm._v(\"Expiration Date\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chkContent\"},[_c('table',{staticClass:\"billTabelList\",attrs:{\"border\":\"0\",\"cellspacing\":\"10\",\"cellpadding\":\"10\",\"width\":\"100%\"}},[_c('tr',[_c('th',{attrs:{\"align\":\"right\",\"width\":\"20%\"}},[_vm._v(\"Bank Name:\")]),_vm._v(\" \"),_c('td',{staticClass:\"introduce\"},[_vm._v(\"Shanghai Pudong Development Bank (Shenzhen branch)\")])]),_vm._v(\" \"),_c('tr',[_c('th',{attrs:{\"align\":\"right\"}},[_vm._v(\"Bank Address:\")]),_vm._v(\" \"),_c('td',{staticClass:\"introduce\"},[_vm._v(\"NO.88 PUFA BUILDING PUCHENG ROAD LUOHU DISTRICT SHENZHEN CHINA\")])]),_vm._v(\" \"),_c('tr',[_c('th',{attrs:{\"align\":\"right\"}},[_vm._v(\"Swift Code:\")]),_vm._v(\" \"),_c('td',{staticClass:\"introduce\"},[_vm._v(\"SPDBCNSH030\")])]),_vm._v(\" \"),_c('tr',[_c('th',{attrs:{\"align\":\"right\"}},[_vm._v(\"Company Name:\")]),_vm._v(\" \"),_c('td',{staticClass:\"introduce\"},[_vm._v(\"Freightshop Technology Co., Ltd\")])]),_vm._v(\" \"),_c('tr',[_c('th',{staticClass:\"veTop\",staticStyle:{\"padding-top\":\"4px\"},attrs:{\"align\":\"right\"}},[_vm._v(\"Company Address:\")]),_vm._v(\" \"),_c('td',{staticClass:\"introduce\",staticStyle:{\"padding-right\":\"20px\"}},[_vm._v(\"ROOM 2701,FLOOR27,BLOCK A,WORLD TRADE PLAZA,FUHONG RD,FUTIAN DISTRICT,SHENZHEN\")])]),_vm._v(\" \"),_c('tr',[_c('th',{attrs:{\"align\":\"right\"}},[_vm._v(\"Account Number:\")]),_vm._v(\" \"),_c('td',{staticClass:\"introduce\"},[_vm._v(\"79160078814800000318\")])])])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-0f1ddf00\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/userCenter/payment/myPayment.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0f1ddf00\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./myPayment.vue\")\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0f1ddf00\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./myPayment.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../assets/js/userCenter/payment/myPayment.js\"\nimport __vue_script__ from \"!!babel-loader!../../../assets/js/userCenter/payment/myPayment.js\"/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0f1ddf00\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./myPayment.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-0f1ddf00\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/userCenter/payment/myPayment.vue\n// module id = null\n// module chunks = ","\nimport { post, fetch, Del, put } from \"@/ask/axios\";\nimport senderAddrBox from '@/components/userCenter/public/senderAddrBox.vue' //发件人地址库\nimport menberMenu from '@/components/userCenter/public/menberPageMenu.vue'\nexport default {\n components: { senderAddrBox,menberMenu},\n data() {\n return {\n api: {\n url: \"\",\n param: \"\",\n response: {},\n message: \"\"\n },\n titNames: \"Pick-up service\",\n titUrls: \",\",\n queryWait:true,\n isByOrder:false, //百运下单\n haveOrder:true,\n addOrderBox:false,\n discernBox:false,\n discernBox1:false,\n startSumbit:false,\n discernInfo:'',\n discernInfo1:'',\n ordTableData:[],\n PEReqiure:'Please fill in the contact email',\n\n\n CityKey: \"\",\n PlanCargoDate: \"\",\n OrderStartDate: \"\",\n OrderEndDate: \"\",\n WayOpt:[\n {name:\"ALL\",val:0},\n {name:\"Express\",val:1},\n {name:\"Air Freight\",val:3},\n ],\n WaybillType:0,\n ordInfoArr:[],\n curOrdInfo:'',\n curShow:false,\n\n pickerOptions: {\n disabledDate: time => {\n return this.dealDisabledDate(time)\n }\n },\n // 单独下取件单\n LinkManName: '', //\n LinkTel: '', //\n Address:'', //\n LinkEmail:'', //\n DestAddress:'', //\n Remark:'', //\n Unit:'',\n LinkManNameTip: false, //\n LinkTelTip: false, //\n GoodsInfos:'',\n AddressTip:false, //\n LinkEmailTip:false, //\n DestAddressTip:false, //\n LadingNameTip:false,\n LadingPhoneTip:false,\n UnitTip:false,\n GoodsInfosTip:false,\n discernInfoTip:false,\n discernInfoTip1:false,\n\n LadingName:'',\n LadingPhone:'',\n\n disable:false,\n TwoTh:false,\n\n // 选是\n userThWrite:[],\n currentPage:1,\n Skip: 0,\n Take: 20,\n Total:0,\n sumCost:0,//总费用\n servTimeOptions:[],\n WaybillTypeArr:[],\n\n loading:false,\n pickCheck:false,\n isStartInfo:true, //是否赋值给收件人信息\n\n // 全选全不选\n ThcheckAll:false,\n selIndex:[],\n showNoPrice:false,\n //日期输入处理,结束日期不能大于开始日期\n pickerBeginDateBefore: {\n disabledDate: time => {\n if (this.OrderEndDate) {\n return time.getTime() > Date.now() || time.getTime() > this.OrderEndDate;\n } else {\n return time.getTime() > Date.now();\n }\n }\n },\n //日期输入处理，结束日期不能大于开始日期\n pickerBeginDateAfter: {\n disabledDate: time => {\n let startDate = new Date(this.OrderStartDate);\n return time.getTime() < startDate.getTime() || time.getTime() > Date.now();\n }\n },\n }\n },\n watch: {\n userThWrite:{ //监听的对象\n deep:true, //深度监听设置为 true\n handler:function(newV,oldV){\n let falg = true\n for (let i = 0; i < newV.length; i++) {\n const ele = newV[i]\n if(!ele.PlanCargoDate) {\n falg = false\n }\n }\n this.showNoPrice = falg\n }\n },\n LinkTel: function(newVal, oldVal) {\n let fareg = /^[0-9-]+$/\n if(!fareg.test(newVal) && newVal!=''){\n this.LinkTel = oldVal\n }\n },\n LadingPhone: function(newVal, oldVal) {\n let fareg = /^[0-9-]+$/\n if(!fareg.test(newVal) && newVal!=''){\n this.LadingPhone = oldVal\n }\n }\n },\n created() {\n // 获取预约时间\n this.addReceiveAPIInfo()\n this.PlanCargoDate = new Date(this.$route.query.PlanDate).Format('yyyy-MM-dd')+' 23:59:59'\n this.CityKey = this.$route.query.StartCityKey\n let SupplierCode = this.$route.query.SupplierCode\n this.startSetServTimeApi(this.$route.query.THFreightKey)\n if(SupplierCode == 'BSA00317') {\n this.disable = true\n this.isByOrder = true\n this.changIsBy()\n }\n this.datetime()\n },\n methods: {\n addReceiveAPIInfo(){\n this.api.param={}\n // this.api.url=this.$api02+'/api/EbayCustomer/Addresser/List';\n this.api.url=this.$api04 + '/Basics/api/Addresser/List';\n post(this.api.url,this.api.param).then( (res)=> {\n if(res.Results){\n var arr = res.Results\n //console.log(arr)\n arr = arr.filter((x)=>{\n return x.Address_IsDefault/* 筛选默认数据 */\n })\n\n if(arr[0]) {\n if(arr[0].City_Key == this.CityKey) {\n this.LinkManName =arr[0].Address_Name\n this.LinkTel =arr[0].Address_Tel\n this.Address =arr[0].Address_Street+arr[0].Address_City+arr[0].Address_ZIPCode+arr[0].Address_Country\n this.LinkEmail = arr[0].Address_Mail\n }\n }\n }\n })\n },\n dealDisabledDate(time) {\n let flag = true\n for (let i = 0; i < this.servTimeOptions.length; i++) {\n const ele = this.servTimeOptions[i]\n if(time.getFullYear() == new Date(ele.Date).getFullYear()\n && time.getMonth() == new Date(ele.Date).getMonth()\n && time.getDate() == new Date(ele.Date).getDate()) {\n flag = false\n }\n }\n return flag\n },\n EmailBlur() {\n var emailReg = /^([a-zA-Z0-9_\\.\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$/;\n if (!emailReg.test(this.LinkEmail)) {\n this.PEReqiure = 'Please enter a valid email address'\n }\n },\n //发件人地址栏弹框\n clkSendAddrBox(flag){\n this.isStartInfo = flag\n // 1 代表是收件人信息 2 代表是收件人信息\n this.$refs.senderBox.clkDialog();\n },\n //发件人地址库点击选择按钮\n showMsgSender(msg){\n if(this.isStartInfo) {\n this.LinkManName =msg.Address_Name\n this.LinkTel =msg.Address_Tel\n this.Address =msg.Address_Street+' ,'+msg.Address_City+' ,'+msg.Address_ZIPCode+' ,'+msg.Address_Country\n this.LinkEmail = msg.Address_Mail\n } else {\n this.LadingName = msg.Address_Name\n this.LadingPhone = msg.Address_Tel\n this.DestAddress =msg.Address_Street+' ,'+msg.Address_City+' ,'+msg.Address_ZIPCode+' ,'+msg.Address_Country\n }\n },\n // 全选和全不选\n isCheckAll(val) {\n let set = `${val}Sel`\n let data = `${val}All`\n if(this[data]) {\n this.ordTableData.forEach(item => {\n if(item.ServiceCode == 0) {\n item[set] = true\n this.selIndex.push(item.WaybillNO)\n }\n })\n } else {\n this.ordTableData.forEach(item => {\n var index = this.selIndex.indexOf(item.WaybillNO)\n this.selIndex.splice(index,1);\n item[set] = false\n })\n }\n },\n knowIsCheck(WaybillNO,index) {\n let checkAll = true\n if(this.ordTableData[index].ThcheckSel) {\n this.selIndex.push(WaybillNO)\n } else {\n var index = this.selIndex.indexOf(WaybillNO)\n this.selIndex.splice(index,1);\n }\n for (let i = 0; i < this.ordTableData.length; i++) {\n const ele = this.ordTableData[i]\n if(!ele.ThcheckSel) {\n checkAll = false\n }\n }\n this.ThcheckAll = checkAll\n },\n // 默认赋值12点\n getPlanDate(index) {\n this.PlanCargoDate = new Date(this.PlanCargoDate).Format('yyyy-MM-dd')+' 23:59:59'\n if(index) {\n this.cascader(index-1)\n }\n },\n cascader(index) {\n this.loading = false\n //console.log(this.userThWrite[index].PlanCargoDate)\n let PlanDate = this.userThWrite[index].PlanCargoDate\n let arr = []\n for (let i = 0; i < this.ordInfoArr[index].OrdersList.length; i++) {\n const ele = this.ordInfoArr[index].OrdersList[i]\n arr.push(ele.WaybillNO)\n }\n let flag = false\n for (let i = 0; i < this.userThWrite.length; i++) {\n const ele = this.userThWrite[i];\n if(!ele.PlanCargoDate) {\n ele.PlanCargoDate = PlanDate\n flag = true\n for (let j = 0; j < this.ordInfoArr[i].OrdersList.length; j++) {\n const elj = this.ordInfoArr[i].OrdersList[j]\n arr.push(elj.WaybillNO)\n }\n }\n }\n if(flag) {\n this.makePickUpApi(arr,true,PlanDate)\n } else {\n arr = []\n for (let i = 0; i < this.ordInfoArr[index].OrdersList.length; i++) {\n const ele = this.ordInfoArr[index].OrdersList[i]\n arr.push(ele.WaybillNO)\n }\n this.makePickUpApi(arr,true,PlanDate)\n }\n },\n\n // 分页\n handleSizeChange(val) {\n this.currentPage = 1\n this.Skip = 0\n this.Take = val\n this.getCargoQuery()\n },\n handleCurrentChange(val) {\n this.Skip = (val-1)*this.Take\n this.getCargoQuery()\n },\n pickAddr() {\n if(!this.discernInfo) {\n this.discernInfoTip = true\n return false\n }\n this.api.url = this.$api02 + '/api/EbayCustomer/PickupAddr/DiscernEn'\n this.api.param = {\n \"textbox\": this.discernInfo\n }\n fetch(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.LinkManName = res.Results.FullName\n this.LinkTel = res.Results.Phone\n this.Address = res.Results.Address\n this.LinkEmail = res.Results.Mailbox\n }\n });\n // 结束\n this.discernBox = false\n },\n pickAddr1() {\n if(!this.discernInfo1) {\n this.discernInfoTip1 = true\n return false\n }\n this.api.url = this.$api02 + '/api/EbayCustomer/PickupAddr/DiscernEn'\n this.api.param = {\n \"textbox\": this.discernInfo1\n }\n fetch(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.LadingName = res.Results.FullName\n this.LadingPhone = res.Results.Phone\n this.DestAddress = res.Results.Address\n }\n });\n // 结束\n this.discernBox1 = false\n },\n\n // api\n leaveInfo () {\n this.curShow= false\n },\n\n // 验证\n falseZero(val) {\n if(this[val] == 0) {\n this[val] = ''\n }\n },\n LinkTelBlur(val) {\n if( !(/^[0-9-]+$/.test(this[val]) )) {\n this[val] = ''\n }\n },\n getPickDetail(WaybillNO) {\n this.api.url = this.$api03 + '/api/PickupOrders/CargoByBillNO'\n this.api.param = {\n \"WaybillNO\": WaybillNO\n }\n fetch(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.curOrdInfo = res.Results\n this.curShow = true\n }\n });\n },\n changIsBy() {\n if(this.isByOrder) {\n this.addOrderBox=true\n this.queryWait = true\n this.getCargoQuery()\n }\n },\n //1快递 ，2 小包 ，3 空运，4海运整柜，5海运散货,20 FBA头程\n typeConversion(val){\n if(val==1) return'Express'\n if(val==3) return'Air Freight'\n if(val==20) return'FBA头程'\n },\n addDate(date,days){\n date = date.join(' ')\n var d=new Date(date);\n d.setDate(d.getDate()+days);\n var m=d.getMonth()+1;\n return d.getFullYear()+'-'+m+'-'+d.getDate();\n } ,\n getServTimeApi(THFreightKey,ChargeWeight) {\n let THKey = ''\n if(THFreightKey) {\n THKey = THFreightKey\n } else {\n THKey = this.$route.query.THFreightKey\n }\n let that=this\n if(ChargeWeight) {\n this.api.param={\n startCityKey:this.$route.query.StartCityKey,\n // endCityKey:this.$route.query.EndCityKey,\n tHFreightKey:THKey,\n channelType:1,\n ChargeWeight:ChargeWeight\n }\n } else {\n this.api.param={\n startCityKey:this.$route.query.StartCityKey,\n // endCityKey:this.$route.query.EndCityKey,\n tHFreightKey:THKey,\n channelType:1,\n }\n }\n // this.api.url=this.$api01+\"/api/InfoCustomer/PickupChannel/ServiceTimeEn\"\n this.api.url=this.$api04 + \"/Pickup/api/PickupChannel/ServiceTimeEn\"\n return new Promise((resolve, reject) => {\n fetch(that.api.url, that.api.param).then(res => {\n if (res.IsOK) {\n resolve(res.Results);\n }\n });\n });\n },\n async setServTimeApi(THFreightKey,ChargeWeight){\n this.servTimeOptions= []\n let res = await this.getServTimeApi(THFreightKey,ChargeWeight)\n this.servTimeOptions= res\n // 当前时间选择里可选择的时间\n },\n // 一开始的\n async startSetServTimeApi(THFreightKey){\n let res = await this.getServTimeApi(THFreightKey)\n this.servTimeOptions= res\n },\n\n cancel() {\n this.loading = true\n this.addOrderBox=false\n },\n getCargoQuery() {\n this.addOrderBox=true\n this.queryWait = true\n // this.api.url = this.$api03 + '/api/TradeCustomer/PickupOrders/CargoQuery'\n this.api.url = this.$api04 + '/Pickup/api/PickupOrderQuery/CargoQuery';\n this.api.param = {\n \"CityKey\": this.CityKey,\n \"PlanCargoDate\": new Date(this.PlanCargoDate).Format('yyyy-MM-dd')+' 23:59:59' ,\n \"WaybillType\": this.WaybillType,\n \"OrderStartDate\":new Date(this.OrderStartDate).Format('yyyy-MM-dd hh:mm:ss'),\n \"OrderEndDate\": new Date(this.OrderEndDate).Format('yyyy-MM-dd hh:mm:ss'),\n \"Skip\": this.Skip,\n \"Take\": this.Take,\n \"ChannelType\": 1,\n }\n post(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.ordTableData = res.Results\n for (let i = 0; i < this.ordTableData.length; i++) {\n const ele = this.ordTableData[i];\n //判断当前选择的在列表是否已选择 因为接口是分页类 所以需要判断\n if(this.selIndex.indexOf(ele.WaybillNO)!== -1) {\n ele.ThcheckSel = true\n } else {\n ele.ThcheckSel = false\n }\n ele.ordNo = this.Skip+i+1\n }\n this.Total = Number(res.Total)\n this.queryWait = false\n }\n });\n },\n // 自动赋值一个月期间时间\n datetime() {\n this.OrderEndDate = new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1);\n let OrderStartDate = new Date(new Date().setMonth(this.OrderEndDate.getMonth()-1))\n this.OrderStartDate = new Date(new Date(new Date(OrderStartDate).toLocaleDateString()).getTime());\n },\n\n blur() {\n // this.LinkManNameTip = true\n this.LinkTelTip = true\n // this.LadingNameTip= true\n // this.LadingPhoneTip= true\n // this.AddressTip = true\n // this.DestAddressTip = true\n this.UnitTip = true\n this.LinkEmailTip = true\n for (let i = 0; i < this.userThWrite.length; i++) {\n const ele = this.userThWrite[i];\n ele.PlanCargoDateTip = true\n }\n },\n // 去掉取件单\n reduceWay(WaybillNO,PlanCargoDate) {\n this.$confirm('Are you sure you want to delete this order?','', {\n customClass: \"custom-message-box\", //自定义添加Class\n confirmButtonText: \"Confirm\",\n cancelButtonText: \"Cancel\",\n cancelButtonClass: \"btn-custom-cancel\", //添加class,更换删除和取消按钮位置\n closeOnClickModal: false, //是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.loading = false\n if(!PlanCargoDate) {\n PlanCargoDate = this.PlanCargoDate\n }\n var WaybillArr = JSON.parse(JSON.stringify(this.WaybillTypeArr))\n var index = WaybillArr.indexOf(WaybillNO)\n WaybillArr.splice(index,1)\n if(WaybillArr.length == 0) {\n this.ordInfoArr = []\n this.sumCost = 0\n this.loading = true\n } else {\n this.deleteApi(WaybillArr,PlanCargoDate)\n }\n }).catch(() => {\n });\n },\n //删除查询\n deleteApi(WaybillTypeArr,PlanCargoDate) {\n let WayArr = WaybillTypeArr\n let PlanDate = PlanCargoDate\n this.api.url = this.$api01 + '/api/PickupChannel/Make'\n this.api.param = {\n \"CityKey\":this.$route.query.StartCityKey,\n \"PlanCargoDate\": new Date(PlanDate).Format('yyyy-MM-dd')+' 23:59:59',\n \"ChannelType\": 1,\n \"WaybillNO\":WayArr,\n }\n post(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.WaybillTypeArr = WayArr\n this.sumCost = 0\n this.ordInfoArr = res.Results\n this.loading = true\n // 更改提货时间查询\n for (let i = 0; i < this.ordInfoArr.length; i++) {\n const ele = this.ordInfoArr[i];\n this.sumCost += Number(ele.PickupFee)\n }\n this.addOrderBox=false\n } else {\n if(res.ErrorCode == 'H0001') {\n this.$alert( 'The order you selected is overweight. Please place multiple orders.','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.loading = true\n }).catch(() => {\n this.loading = true\n });\n } else {\n this.$alert('fail','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.loading = false\n }).catch(() => {\n });\n }\n }\n });\n },\n // 分取件单\n makePickUp() {\n this.loading = false\n let WaybillTypeArr = this.selIndex\n this.WaybillTypeArr = WaybillTypeArr\n this.makePickUpApi()\n },\n //分类取件单 Query 代表查询\n makePickUpApi(WaybillTypeArr,Query,PlanCargoDate) {\n let WayArr = []\n let PlanDate = ''\n if(WaybillTypeArr) {\n WayArr = WaybillTypeArr\n } else {\n WayArr = this.WaybillTypeArr\n }\n if(PlanCargoDate) {\n PlanDate = PlanCargoDate\n } else {\n PlanDate = this.PlanCargoDate\n }\n this.api.url = this.$api01 + '/api/PickupChannel/Make'\n this.api.param = {\n \"CityKey\":this.$route.query.StartCityKey,\n \"PlanCargoDate\": new Date(PlanDate).Format('yyyy-MM-dd')+' 23:59:59' ,\n \"ChannelType\":1,\n \"WaybillNO\":WayArr,\n }\n post(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.sumCost = 0\n this.loading = true\n // 更改提货时间查询\n if(Query) {\n for (let i = 0; i < res.Results.length; i++) {\n for (let j = 0; j < this.ordInfoArr.length; j++) {\n //console.log(res.Results[i].WareID , this.ordInfoArr[j].WareID)\n if(res.Results[i].WareID == this.ordInfoArr[j].WareID) {\n this.ordInfoArr[j] = res.Results[i]\n }\n }\n }\n for (let i = 0; i < this.ordInfoArr.length; i++) {\n const ele = this.ordInfoArr[i];\n this.sumCost += Number(ele.PickupFee)\n }\n } else {\n this.ordInfoArr = res.Results\n this.userThWrite = []\n let PlanCargoDate = this.PlanCargoDate\n for (let i = 0; i < this.ordInfoArr.length; i++) {\n const ele = this.ordInfoArr[i];\n this.sumCost += Number(ele.PickupFee)\n var PlanArrDate = new Date(new Date(new Date(this.PlanCargoDate).setDate(new Date(this.PlanCargoDate).getDate()+Number(ele.WorkDays)))).Format('yyyy-MM-dd hh:mm:ss')\n this.userThWrite.push({\n PlanCargoDate:PlanCargoDate,\n PlanCargoDateTip:false,\n PlanArrDate:PlanArrDate,\n servTimeOptions:this.servTimeOptions\n })\n }\n }\n this.loading = true\n this.addOrderBox=false\n } else {\n if(res.ErrorCode == 'H0001') {\n this.$alert( 'The order you selected is overweight. Please place multiple orders.','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.loading = true\n }).catch(() => {\n this.loading = true\n });\n\n } else {\n this.$alert('fail','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.loading = false\n }).catch(() => {\n });\n }\n }\n });\n },\n //非关联单\n sumbitPick() {\n let PlanCargoDate = this.PlanCargoDate\n let NoTime = false\n if(new Date(PlanCargoDate).getTime() < new Date().getTime()+30*60*1000 ) {\n NoTime = true\n }\n if(NoTime) {\n this.$alert( \"There is no service for the current pickup time. Please reselect the pickup time\",'', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n if(NoTime) {\n return false\n }\n this.blur()\n // if( !this.LinkManName || !(this.LinkTel || this.LinkEmail) ||\n // !this.Address ||!this.DestAddress ||\n // !this.Unit ||!this.LadingName ||!this.LadingPhone ) {\n // return false\n // }\n if( !(this.LinkTel || this.LinkEmail)) {\n this.PEReqiure = 'Phone or email required'\n }\n // if( !(this.LinkTel || this.LinkEmail) || !this.Unit ) {\n if( !(this.LinkTel || this.LinkEmail) ) {\n return false\n }\n this.startSumbit = true\n this.api.url = this.$api03 + '/api/TradeCustomer/PickupOrdersEnglish/PickupAddOrderOnlyEn'\n this.api.param = {\n \"THFreightKey\": this.$route.query.THFreightKey,\n \"Remark\": this.Remark,\n \"PickupFee\": Number(this.$route.query.PickupFee).toFixed(2),\n \"Weight\":this.$route.query.ChargeWeight,\n \"Volume\": this.$route.query.Volume,\n // \"Quantity\":this.Unit,\n \"ConnectInfo\": {\n \"LinkManName\": this.LinkManName, //\n \"LinkTel\": this.LinkTel, //\n \"Address\":this.Address, //\n \"DestAddress\":this.DestAddress, //\n \"Remark\":this.Remark, //\n \"LinkEmail\":this.LinkEmail, //\n \"PlanCargoDate\":new Date(this.PlanCargoDate).Format('yyyy-MM-dd')+' 23:59:59',//\n \"PlanArriveDate\":this.$route.query.ArrivalTime,//\n \"DestContactMobile\": this.LadingPhone,\n \"DestContactName\": this.LadingName,\n \"CityKey\":this.$route.query.StartCityKey,\n \"AreaKey\": this.$route.query.StartCityAreaKey,\n \"DestCityAreaKey\":this.$route.query.EndCityAreaKey,\n \"DestCityKey\":this.$route.query.EndCityKey,\n },\n \"GoodsInfos\":[\"\"]\n }\n post(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n\n // this.submitOrder(res.Results.THBillNo,this.$route.query.PickupFee,'','Pick-up service ',this.$route.query.startCityNameEn,'',this.$route.query.endCityNameEn,'',\n // '',this.$route.query.Weight,this.$route.query.Volume,\n \n // this.$route.query.ChargeWeight,'','',this.$route.query.PickupFee,'','',false)\n\n this.startSumbit = false\n let list = [res.Results]\n sessionStorage.setItem('urlList', JSON.stringify({list:list,ordNumCost:this.$route.query.PickupFee}))\n this.$router.push({path: '/pickUp/PickupOrderSucceed'})\n } else {\n this.startSumbit = false\n this.$alert('fail','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n });\n },\n // 新建取件单 国际单\n linkOrdSumbit() {\n if(this.ordInfoArr.length<1) {\n this.$alert( 'Please select an international order','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n this.blur()\n let goodYz = false\n let NoTime = false\n for (let i = 0; i < this.userThWrite.length; i++) {\n const ele = this.userThWrite[i];\n if(!ele.PlanCargoDate) {\n goodYz = true\n }\n if(new Date(new Date(ele.PlanCargoDate).Format('yyyy-MM-dd')+' 23:59:59').getTime() < new Date().getTime()+30*60*1000 ) {\n NoTime = true\n }\n }\n if(NoTime) {\n this.$alert( \"There is no service for the current pickup time. Please reselect the pickup time\",'', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n if(NoTime) {\n return false\n }\n if( !(this.LinkTel || this.LinkEmail)) {\n this.PEReqiure = 'Phone or email required'\n }\n if(!(this.LinkTel || this.LinkEmail) || this.ordInfoArr.length<1 || goodYz ) {\n return false\n }\n this.api.url = this.$api03 + '/api/TradeCustomer/PickupOrdersEnglish/AddOrderWithWaybill'\n let orderListParam = []\n this.api.param = {}\n this.startSumbit = true\n for (let i = 0; i < this.ordInfoArr.length; i++) {\n const ele = this.ordInfoArr[i];\n orderListParam.push({\n \"WareID\": ele.WareID,\n \"GoodsInfos\": [\"\"],\n \"GoodsInfo\": ele.OrdersList,\n \"FileInfoList\": [],\n \"THFreightKey\": ele.THFreightKey,\n \"Remark\": this.Remark,\n \"PickupFee\": ele.PickupFee,\n \"ConnectInfo\": {\n \"LinkManName\": this.LinkManName, //\n \"LinkTel\": this.LinkTel, //\n \"Address\":this.Address, //\n \"DestAddress\":this.DestAddress, //\n \"Remark\":this.Remark, //\n \"LinkEmail\":this.LinkEmail, //\n \"PlanCargoDate\":new Date(this.userThWrite[i].PlanCargoDate).Format('yyyy-MM-dd')+' 23:59:59',//\n \"PlanArriveDate\":this.userThWrite[i].PlanArrDate,//\n \"AreaKey\": this.$route.query.StartCityAreaKey,\n \"DestCityAreaKey\":this.$route.query.EndCityAreaKey,\n \"CityKey\":this.$route.query.StartCityKey,\n \"DestCityKey\":this.$route.query.EndCityKey,\n \"DestContactMobile\": \"\",\n \"DestContactName\": \"\",\n },\n })\n }\n this.api.param.OrderList = orderListParam\n post(this.api.url, this.api.param).then(res => {\n\n\n\n\n\n\n\n if(res.IsOK) {\n this.startSumbit = false\n let GoodsInfos = ''\n for (let i = 0; i < this.userThWrite.length; i++) {\n const ele = this.userThWrite[i];\n GoodsInfos+= ele.GoodsInfos\n }\n // sessionStorage.setItem('urlList', JSON.stringify(res.Results))\n sessionStorage.setItem('urlList', JSON.stringify({list:res.Results,ordNumCost:this.sumCost}))\n this.$router.push({path: '/pickUp/PickupOrderSucceed'})\n } else {\n this.startSumbit = false\n this.$alert( 'fail','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n });\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/assets/js/userCenter/pickup/pickUpOrder.js","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pickUp mainUser footerPosition\"},[_c('menberMenu',{attrs:{\"tit-names\":_vm.titNames,\"tit-urls\":_vm.titUrls}}),_vm._v(\" \"),_c('div',{staticClass:\"listContent area1\"},[_c('div',{staticClass:\"clear content\"},[_vm._m(0),_vm._v(\" \"),_c('div',{staticClass:\"l marL20\"},[_c('el-radio-group',{on:{\"change\":_vm.changIsBy},model:{value:(_vm.isByOrder),callback:function ($$v) {_vm.isByOrder=$$v},expression:\"isByOrder\"}},[_c('el-radio',{attrs:{\"label\":false}},[_c('span',{staticClass:\"font12\"},[_vm._v(\"No\")])]),_vm._v(\" \"),_c('el-radio',{attrs:{\"label\":true}},[_c('span',{staticClass:\"font12\"},[_vm._v(\"Yes\")])])],1)],1),_vm._v(\" \"),(_vm.isByOrder)?_c('div',{staticClass:\"l marL20\"},[_c('div',{staticClass:\"blueBtnW\",staticStyle:{\"width\":\"160px\",\"height\":\"28px\",\"line-height\":\"28px\"},on:{\"click\":_vm.getCargoQuery}},[_vm._v(\"Select my freight order\")])]):_vm._e()])]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isByOrder),expression:\"!isByOrder\"}]},[_c('div',{staticClass:\"listContent area3\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticStyle:{\"padding-left\":\"20px\"}},[_c('span',{staticClass:\"marL20\"},[_vm._v(\"\\n \"+_vm._s(_vm.$route.query.startCityNameEn)+\" → \"+_vm._s(_vm.$route.query.endCityNameEn)+\"\\n \")]),_vm._v(\" \"),_c('span',{staticClass:\"marL20\"},[_vm._v(\"\\n Time of appointment：\\n \"+_vm._s(_vm._f(\"dateFmt\")(_vm.$route.query.PlanDate,'YYYY-MM-DD'))+\"\\n \")]),_vm._v(\" \"),_c('span',{staticClass:\"marL20\"},[_vm._v(\" Estimated time of arrival：\"+_vm._s(_vm._f(\"dateFmt\")(_vm.$route.query.ArrivalTime,'YYYY-MM-DD'))+_vm._s(' 24:00 before')+\" \")]),_vm._v(\" \"),_c('span',{staticClass:\"marL20\"},[_vm._v(\" Chargeable weight：\"+_vm._s(_vm.$route.query.ChargeWeight)+\"KG \")]),_vm._v(\" \"),_c('span',{staticClass:\"marL20\"},[_vm._v(\"Amount：US $\"+_vm._s(Number(_vm.$route.query.PickupFee).toFixed(2))+\" \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"content\",staticStyle:{\"line-height\":\"50px\"}},[_c('div',[_c('a',{staticClass:\"leftInfo marL20\",staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\"Contact information\")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",staticStyle:{\"width\":\"110px\"},on:{\"click\":function($event){return _vm.clkSendAddrBox(true)}}},[_vm._v(\"Addresses info.\")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",on:{\"click\":function($event){_vm.discernBox=true;_vm.discernInfo=''}}},[_vm._v(\"Quick order\")])]),_vm._v(\" \"),_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"l leftInfo\"},[_vm._v(\"Contact name：\")]),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w80Per\"},[_c('el-input',{staticClass:\"l w24\",class:(!_vm.LinkManName && _vm.LinkManNameTip)?'inputWarn':'',attrs:{\"maxlength\":\"50\",\"placeholder\":\"Please fill in the contact name\"},model:{value:(_vm.LinkManName),callback:function ($$v) {_vm.LinkManName=$$v},expression:\"LinkManName\"}}),_vm._v(\" \"),_c('div',{staticClass:\"l w14\"},[_vm._v(\"Contact number：\")]),_vm._v(\" \"),_c('el-input',{staticClass:\"l w24\",class:(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkTelTip)?'inputWarn':'',attrs:{\"maxlength\":\"50\",\"placeholder\":(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkTelTip)?'Phone or email required':'Please fill in the contact number'},on:{\"blur\":function($event){return _vm.LinkTelBlur('LinkTel')}},model:{value:(_vm.LinkTel),callback:function ($$v) {_vm.LinkTel=$$v},expression:\"LinkTel\"}}),_vm._v(\" \"),_c('div',{staticClass:\"l w14\"},[_vm._v(\"Contact Email：\")]),_vm._v(\" \"),_c('el-input',{staticClass:\"l w24\",class:(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkEmailTip)?'inputWarn':'',attrs:{\"maxlength\":\"50\",\"placeholder\":_vm.PEReqiure},on:{\"blur\":_vm.EmailBlur},model:{value:(_vm.LinkEmail),callback:function ($$v) {_vm.LinkEmail=$$v},expression:\"LinkEmail\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Detailed address：\")]),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w80Per\"},[_c('el-input',{staticClass:\"l dataInput\",class:(!_vm.Address && _vm.AddressTip)?'inputWarn':'',attrs:{\"maxlength\":\"500\",\"placeholder\":\"Please fill in the detailed address where the goods are located\"},model:{value:(_vm.Address),callback:function ($$v) {_vm.Address=$$v},expression:\"Address\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"header clear\"},[_c('div',{staticClass:\"l fontWeight\",staticStyle:{\"padding-left\":\"20px\"}},[_vm._v(\"\\n Destination information\\n \")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",staticStyle:{\"width\":\"110px\"},on:{\"click\":function($event){return _vm.clkSendAddrBox(false)}}},[_vm._v(\"Addresses info.\")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",on:{\"click\":function($event){_vm.discernBox1=true;_vm.discernInfo1=''}}},[_vm._v(\"Quick order\")])]),_vm._v(\" \"),_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Recipient's name：\")]),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w80Per\"},[_c('el-input',{staticClass:\"l w24\",class:(!_vm.LadingName && _vm.LadingNameTip)?'inputWarn':'',attrs:{\"maxlength\":\"50\",\"placeholder\":\"Please fill in the contact name\"},model:{value:(_vm.LadingName),callback:function ($$v) {_vm.LadingName=$$v},expression:\"LadingName\"}}),_vm._v(\" \"),_c('div',{staticClass:\"l w14\"},[_vm._v(\"Recipient phone：\")]),_vm._v(\" \"),_c('el-input',{staticClass:\"l w24\",class:(!_vm.LadingPhone && _vm.LadingPhoneTip)?'inputWarn':'',attrs:{\"maxlength\":\"50\",\"placeholder\":\"Please fill in the contact number\"},on:{\"blur\":function($event){return _vm.LinkTelBlur('LadingPhone')}},model:{value:(_vm.LadingPhone),callback:function ($$v) {_vm.LadingPhone=$$v},expression:\"LadingPhone\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Detailed address：\")]),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w80Per\"},[_c('el-input',{staticClass:\"l dataInput\",class:(!_vm.DestAddress && _vm.DestAddressTip)?'inputWarn':'',attrs:{\"maxlength\":\"500\",\"placeholder\":\"Please fill in the detailed address of the destination\"},model:{value:(_vm.DestAddress),callback:function ($$v) {_vm.DestAddress=$$v},expression:\"DestAddress\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Note：\")]),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w80Per\"},[_c('el-input',{staticClass:\"dataInput\",attrs:{\"type\":\"textarea\",\"maxlength\":\"1000\",\"rows\":2,\"placeholder\":\"\"},model:{value:(_vm.Remark),callback:function ($$v) {_vm.Remark=$$v},expression:\"Remark\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clear\",staticStyle:{\"line-height\":\"37px\",\"padding\":\"20px 0\"}},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\" \")]),_vm._v(\" \"),_c('div',{staticClass:\"w80Per l clear\",staticStyle:{\"line-height\":\"45px\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.startSumbit),expression:\"!startSumbit\"}],staticClass:\"blueBtnW sumbit marL20 r\",staticStyle:{\"font-size\":\"18px\"},on:{\"click\":_vm.sumbitPick}},[_vm._v(\"Sumbit\")]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.startSumbit),expression:\"startSumbit\"}],staticClass:\"grayBtnW sumbit marL20 r\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"Sumbit...\")]),_vm._v(\" \"),_c('span',{staticClass:\"r colRed fontWeight marL10\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"US $\"+_vm._s(Number(_vm.$route.query.PickupFee).toFixed(2)))]),_vm._v(\" \"),_c('span',{staticClass:\"r fontWeight\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"Total cost：\")]),_vm._v(\" \"),_vm._m(1)])])])])]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isByOrder && _vm.loading),expression:\"isByOrder && loading\"}]},[_c('div',{staticClass:\"listContent area2\"},_vm._l((_vm.ordInfoArr),function(item,index){return _c('div',{key:index},[_c('div',{staticClass:\"header clear\"},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Bill of lading\"+_vm._s(index+1)+\"：\")]),_vm._v(\" \"),_c('el-date-picker',{staticClass:\"l w240 marL5 font12\",class:(!_vm.userThWrite[index].PlanCargoDate.length && _vm.userThWrite[index].PlanCargoDateTip)?'inputWarn':'',attrs:{\"value-format\":\"yyyy-MM-dd\",\"clearable\":false,\"format\":\"MMM dd,yyyy\",\"picker-options\":_vm.pickerOptions},on:{\"focus\":function($event){return _vm.setServTimeApi(item.THFreightKey,item.Weight)},\"change\":function($event){return _vm.getPlanDate(index+1)}},model:{value:(_vm.userThWrite[index].PlanCargoDate),callback:function ($$v) {_vm.$set(_vm.userThWrite[index], \"PlanCargoDate\", $$v)},expression:\"userThWrite[index].PlanCargoDate\"}}),_vm._v(\" \"),(_vm.userThWrite[index].PlanCargoDate)?_c('div',{staticClass:\"l\"},[_c('span',{staticClass:\"marL20\"},[_vm._v(\"Estimated time of arrival：\"+_vm._s(new Date(new Date(new Date(_vm.userThWrite[index].PlanCargoDate).setDate(new Date(_vm.userThWrite[index].PlanCargoDate).getDate()+Number(item.WorkDays)))).Format('yyyy-MM-dd')+' 24:00 before'))]),_vm._v(\" \"),_c('span',{staticClass:\"marL20\"},[_vm._v(\"Chargeable weight：\"+_vm._s(item.Weight)+\"KG\")]),_vm._v(\" \"),_c('span',{staticClass:\"marL20\"},[_vm._v(\"Amount：US $\"+_vm._s(Number(item.PickupFee).toFixed(2))+\" \")])]):_vm._e()],1),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('div',{staticStyle:{\"padding-left\":\"155px\",\"padding-top\":\"15px\",\"width\":\"800px\"}},_vm._l((item.OrdersList),function(listItem,i){return _c('a',{key:i,staticClass:\"grayBtnW1 grayBtnW tishi\",on:{\"mouseenter\":function($event){return _vm.getPickDetail(listItem.WaybillNO)},\"mouseleave\":_vm.leaveInfo}},[_c('div',{staticClass:\"hint orderShow\"},[_c('span',[_vm._v(_vm._s(listItem.WaybillNO+\"，\"+listItem.CountryCode))]),_vm._v(\" \"),_c('i',{staticClass:\"fa fa-failure close-icon\",on:{\"click\":function($event){return _vm.reduceWay(listItem.WaybillNO,_vm.userThWrite[index].PlanCargoDate)}}}),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.curShow && _vm.curOrdInfo.WaybillNO === listItem.WaybillNO),expression:\"curShow && curOrdInfo.WaybillNO === listItem.WaybillNO\"}],staticClass:\"tipBox\",style:((i+1)%3==0 ? 'left: -500px;':'right:-84px')},[_c('i',{style:((i+1)%3==0 ? 'left: 90%;':'')}),_vm._v(\" \"),_c('div',{staticClass:\"orderTip\"},[_c('table',{staticClass:\"tableGrayLine\",attrs:{\"border\":\"0\",\"cellspacing\":\"0\",\"cellpadding\":\"0\",\"width\":\"100%\"}},[_vm._m(2,true),_vm._v(\" \"),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.curOrdInfo.WaybillNO))]),_vm._v(\" \"),_c('td',[_c('div',{staticStyle:{\"line-height\":\"18px\"}},[_vm._v(_vm._s(_vm.typeConversion(_vm.curOrdInfo.WaybillType)))]),_vm._v(\" \"),_c('div',{staticStyle:{\"line-height\":\"18px\"}},[_vm._v(_vm._s(_vm.curOrdInfo.ModeCodeEn))])]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(_vm.curOrdInfo.DestCountryNameEn))]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(_vm.curOrdInfo.OrderWeight))]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(_vm.curOrdInfo.OrderVolume))]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(_vm.curOrdInfo.PackagesNum))]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(new Date(_vm.curOrdInfo.CreateTime).Format('yyyy-MM-dd hh:mm:ss')))])])])])])])])}),0)])])}),0),_vm._v(\" \"),_c('div',{staticClass:\"listContent area3\"},[_c('div',{staticClass:\"header\"},[_c('div',[_c('a',{staticClass:\"leftInfo\",staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\"Contact information\")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",staticStyle:{\"width\":\"110px\"},on:{\"click\":function($event){return _vm.clkSendAddrBox(true)}}},[_vm._v(\"Addresses info.\")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",on:{\"click\":function($event){_vm.discernBox=true; _vm.discernInfo=''}}},[_vm._v(\"Quick order\")])])]),_vm._v(\" \"),_c('div',{staticClass:\"content\",staticStyle:{\"line-height\":\"50px\"}},[_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Contact name：\")]),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w80Per\"},[_c('el-input',{staticClass:\"l w24\",class:(!_vm.LinkManName && _vm.LinkManNameTip)?'inputWarn':'',attrs:{\"maxlength\":\"50\",\"placeholder\":\"Please fill in the contact name\"},model:{value:(_vm.LinkManName),callback:function ($$v) {_vm.LinkManName=$$v},expression:\"LinkManName\"}}),_vm._v(\" \"),_c('div',{staticClass:\"l w14\"},[_vm._v(\"Contact number：\")]),_vm._v(\" \"),_c('el-input',{staticClass:\"l w24\",class:(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkTelTip)?'inputWarn':'',attrs:{\"maxlength\":\"50\",\"placeholder\":(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkTelTip)?'Phone or email required':'Please fill in the contact number'},on:{\"blur\":function($event){return _vm.LinkTelBlur('LinkTel')}},model:{value:(_vm.LinkTel),callback:function ($$v) {_vm.LinkTel=$$v},expression:\"LinkTel\"}}),_vm._v(\" \"),_c('div',{staticClass:\"l w14\"},[_vm._v(\"Contact Email：\")]),_vm._v(\" \"),_c('el-input',{staticClass:\"l w24\",class:(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkEmailTip)?'inputWarn':'',attrs:{\"maxlength\":\"50\",\"placeholder\":_vm.PEReqiure},on:{\"blur\":_vm.EmailBlur},model:{value:(_vm.LinkEmail),callback:function ($$v) {_vm.LinkEmail=$$v},expression:\"LinkEmail\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Detailed address：\")]),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w80Per\"},[_c('el-input',{staticClass:\"l dataInput\",class:(!_vm.Address && _vm.AddressTip)?'inputWarn':'',attrs:{\"maxlength\":\"500\",\"placeholder\":\"Please fill in the detailed address where the goods are located\"},model:{value:(_vm.Address),callback:function ($$v) {_vm.Address=$$v},expression:\"Address\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Note：\")]),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w80Per\"},[_c('el-input',{staticClass:\"dataInput\",attrs:{\"type\":\"textarea\",\"maxlength\":\"1000\",\"rows\":2,\"placeholder\":\"\"},model:{value:(_vm.Remark),callback:function ($$v) {_vm.Remark=$$v},expression:\"Remark\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clear\",staticStyle:{\"line-height\":\"37px\",\"padding\":\"20px 0\"}},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\" \")]),_vm._v(\" \"),_c('div',{staticClass:\"w80Per l clear\",staticStyle:{\"line-height\":\"45px\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.startSumbit),expression:\"!startSumbit\"}],staticClass:\"blueBtnW sumbit marL10 r\",staticStyle:{\"font-size\":\"18px\"},on:{\"click\":function($event){return _vm.linkOrdSumbit()}}},[_vm._v(\"Sumbit\")]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.startSumbit),expression:\"startSumbit\"}],staticClass:\"grayBtnW sumbit marL20 r\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"Sumbit...\")]),_vm._v(\" \"),(_vm.showNoPrice)?_c('span',[_c('span',{staticClass:\"colRed fontWeight marL10 r\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"US $\"+_vm._s(Number(_vm.sumCost).toFixed(2)))]),_vm._v(\" \"),_c('div',{staticClass:\"r\"},[_c('el-popover',{attrs:{\"placement\":\"top-start\",\"width\":\"200\",\"trigger\":\"hover\"}},[_c('div',_vm._l((_vm.ordInfoArr),function(item,index){return _c('p',{key:index},[_c('span',[_vm._v(\"Bill of lading\"+_vm._s(index+1)+\"：US $\"+_vm._s(Number(item.PickupFee).toFixed(2)))])])}),0),_vm._v(\" \"),_c('span',{attrs:{\"slot\":\"reference\"},slot:\"reference\"},[_c('span',{staticClass:\"fontWeight\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"Total cost：\")]),_vm._v(\" \"),_c('i',{staticClass:\"fa fa-arrDown colGray9 cursor\",staticStyle:{\"line-height\":\"45px\"}})])])],1)]):_vm._e()])])])])]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isByOrder && !_vm.loading),expression:\"isByOrder && !loading\"}]},[_vm._m(3)]),_vm._v(\" \"),_c('el-dialog',{attrs:{\"title\":\"Quick order\",\"visible\":_vm.discernBox,\"close-on-click-modal\":false,\"custom-class\":\"addOrd discernBox\",\"width\":\"600px\"},on:{\"update:visible\":function($event){_vm.discernBox=$event}}},[_c('div',{staticClass:\"content\"},[_c('div',{},[_vm._v(\"\\n Paste the whole address, automatically identify the name, telephone, email and address, and separate the information with commas\\n \")]),_vm._v(\" \"),_c('div',{staticClass:\"marTop5\"},[_c('el-input',{class:(_vm.discernInfoTip && !_vm.discernInfo)?'inputWarn':'',attrs:{\"type\":\"textarea\",\"rows\":4,\"maxlength\":\"500\",\"placeholder\":\"For example: Alice,13988888888， tom@gmail.com，room 1004 XXXX building Dongguan City Guangdong Province\"},model:{value:(_vm.discernInfo),callback:function ($$v) {_vm.discernInfo=$$v},expression:\"discernInfo\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"foot\"},[_c('div',{staticClass:\"btn\"},[_c('div',{staticClass:\"lineBlueBtnW cursor\",on:{\"click\":_vm.pickAddr}},[_vm._v(\"Confrim\")])])])])]),_vm._v(\" \"),_c('el-dialog',{attrs:{\"title\":\"Quick order\",\"visible\":_vm.discernBox1,\"close-on-click-modal\":false,\"custom-class\":\"addOrd discernBox\",\"width\":\"600px\"},on:{\"update:visible\":function($event){_vm.discernBox1=$event}}},[_c('div',{staticClass:\"content\"},[_c('div',{},[_vm._v(\"\\n Paste the whole address, automatically identify the name, telephone, email and address, and separate the information with commas\\n \")]),_vm._v(\" \"),_c('div',{staticClass:\"marTop5\"},[_c('el-input',{class:(_vm.discernInfoTip1 && !_vm.discernInfo1)?'inputWarn':'',attrs:{\"type\":\"textarea\",\"rows\":4,\"maxlength\":\"500\",\"placeholder\":\"For example: Alice,13988888888， tom@gmail.com，room 1004 XXXX building Dongguan City Guangdong Province\"},model:{value:(_vm.discernInfo1),callback:function ($$v) {_vm.discernInfo1=$$v},expression:\"discernInfo1\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"foot\"},[_c('div',{staticClass:\"btn\"},[_c('div',{staticClass:\"lineBlueBtnW cursor\",on:{\"click\":_vm.pickAddr1}},[_vm._v(\"Confrim\")])])])])]),_vm._v(\" \"),_c('el-dialog',{attrs:{\"title\":\"Select my freight order\",\"visible\":_vm.addOrderBox,\"before-close\":_vm.cancel,\"close-on-click-modal\":false,\"custom-class\":\"addOrd\",\"width\":\"850px\"},on:{\"update:visible\":function($event){_vm.addOrderBox=$event}}},[_c('el-scrollbar',{staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"clear\",staticStyle:{\"line-height\":\"30px\"}},[_c('span',{staticClass:\"l\"},[_vm._v(\"\\n Date of order：\\n \")]),_vm._v(\" \"),_c('span',{staticClass:\"l\"},[_c('el-date-picker',{staticStyle:{\"width\":\"180px\"},attrs:{\"value-format\":\"yyyy-MM-dd\",\"clearable\":false,\"format\":\"MMM dd,yyyy\",\"picker-options\":_vm.pickerBeginDateBefore,\"placeholder\":\"\"},model:{value:(_vm.OrderStartDate),callback:function ($$v) {_vm.OrderStartDate=$$v},expression:\"OrderStartDate\"}})],1),_vm._v(\" \"),_c('span',{staticClass:\"l H-line\"},[_vm._v(\"—\")]),_vm._v(\" \"),_c('span',{staticClass:\"l\"},[_c('el-date-picker',{staticStyle:{\"width\":\"180px\"},attrs:{\"picker-options\":_vm.pickerBeginDateAfter,\"placeholder\":\"\",\"value-format\":\"yyyy-MM-dd\",\"clearable\":false,\"format\":\"MMM dd,yyyy\"},model:{value:(_vm.OrderEndDate),callback:function ($$v) {_vm.OrderEndDate=$$v},expression:\"OrderEndDate\"}})],1),_vm._v(\" \"),_c('span',{staticClass:\"l marL20\"},[_vm._v(\"Order type：\")]),_vm._v(\" \"),_c('span',{staticClass:\"l\"},[_c('el-select',{staticStyle:{\"width\":\"100px\"},attrs:{\"placeholder\":\"\"},model:{value:(_vm.WaybillType),callback:function ($$v) {_vm.WaybillType=$$v},expression:\"WaybillType\"}},_vm._l((_vm.WayOpt),function(item){return _c('el-option',{key:item.val,attrs:{\"label\":item.name,\"value\":item.val}})}),1)],1),_vm._v(\" \"),_c('span',{staticClass:\"l marL20\"},[_c('div',{staticClass:\"blueBtnW\",on:{\"click\":function($event){return _vm.getCargoQuery()}}},[_vm._v(\"Search\")])])]),_vm._v(\" \"),_c('div',{staticStyle:{\"padding-bottom\":\"10px\"}},[_c('div',{staticClass:\"AddOrderCss_C_02 marTop10 marBot20\"}),_vm._v(\" \"),_c('div',{staticClass:\"AddOrderCss_C_03\"},[_c('ul',{staticClass:\"ul01\",staticStyle:{\"margin\":\"0\"}},[_c('li',{staticStyle:{\"width\":\"4%\"}},[_c('el-checkbox',{on:{\"change\":function($event){return _vm.isCheckAll('Thcheck')}},model:{value:(_vm.ThcheckAll),callback:function ($$v) {_vm.ThcheckAll=$$v},expression:\"ThcheckAll\"}})],1),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"7%\"}},[_vm._v(\"No.\")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"19%\"}},[_vm._v(\"Order No.\")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"15%\"}},[_c('p',[_vm._v(\"Order type\")]),_vm._v(\" \"),_c('p',[_vm._v(\"Type of shipping\")])]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"16%\"}},[_vm._v(\"Destination\")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_c('p',[_vm._v(\"Weight\")]),_vm._v(\" \"),_c('p',[_vm._v(\"(kg)\")])]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_c('p',[_vm._v(\"Volume\")]),_vm._v(\" \"),_c('p',[_vm._v(\"(CBM)\")])]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_vm._v(\"Unit\")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"15%\"}},[_vm._v(\"Order time\")])]),_vm._v(\" \"),(!_vm.ordTableData.length && !_vm.queryWait)?_c('div',{staticClass:\"showIco\",staticStyle:{\"text-align\":\"center\"}},[_c('p',{staticClass:\"showP1 marTop20\"},[_c('i',{staticClass:\"fa fa-order iconTips\"})]),_vm._v(\" \"),_c('p',{staticClass:\"showP2\"},[_vm._v(\"No Results\")])]):_vm._e(),_vm._v(\" \"),_vm._l((_vm.ordTableData),function(item,index){return (_vm.ordTableData.length && !_vm.queryWait)?_c('ul',{staticClass:\"ul02\",staticStyle:{\"margin\":\"0\"}},[(item.ServiceCode==0)?_c('li',{staticStyle:{\"width\":\"4%\"}},[_c('el-checkbox',{on:{\"change\":function($event){return _vm.knowIsCheck(item.WaybillNO,index)}},model:{value:(item.ThcheckSel),callback:function ($$v) {_vm.$set(item, \"ThcheckSel\", $$v)},expression:\"item.ThcheckSel\"}})],1):_vm._e(),_vm._v(\" \"),(item.ServiceCode!= 0)?_c('li',{staticStyle:{\"width\":\"4%\"}},[_c('el-popover',{attrs:{\"placement\":\"top-start\",\"trigger\":\"hover\"}},[_c('div',[(item.ServiceCode==1)?_c('span',[_vm._v(\"No pickup service\")]):_vm._e(),_vm._v(\" \"),(item.ServiceCode==2)?_c('span',[_vm._v(\"No service for this weight\")]):_vm._e(),_vm._v(\" \"),(item.ServiceCode==3)?_c('span',[_vm._v(\"Inconsistent receiving warehouse address\")]):_vm._e(),_vm._v(\" \"),(item.ServiceCode==4)?_c('span',[_vm._v(\"Temporarily Out of Service\")]):_vm._e()]),_vm._v(\" \"),_c('span',{attrs:{\"slot\":\"reference\"},slot:\"reference\"},[_c('i',{staticClass:\"fa fa-tips cursor colRed\"})])])],1):_vm._e(),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"7%\"}},[_vm._v(_vm._s(item.ordNo))]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"19%\"}},[_vm._v(_vm._s(item.WaybillNO))]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"15%\"}},[_c('p',[_vm._v(_vm._s(item.WaybillTypeNameEn)+\" \")]),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(item.ModeCodeEn))])]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"16%\"}},[_vm._v(_vm._s(item.DestCountryNameEn))]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_vm._v(\"\\n \"+_vm._s(item.OrderWeight)+\"\\n \")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_vm._v(\"\\n \"+_vm._s(item.OrderVolume)+\"\\n \")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_vm._v(\"\\n \"+_vm._s(item.PackagesNum)+\"\\n \")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"15%\"}},[_c('p',[_vm._v(_vm._s(new Date(item.CreateTime).Format('yyyy-MM-dd')))]),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(new Date(item.CreateTime).Format('hh:mm:ss')))])])]):_vm._e()})],2),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.queryWait && _vm.ordTableData.length),expression:\"!queryWait && ordTableData.length\"}],staticClass:\"pagination marTop10\",staticStyle:{\"text-align\":\"center\"}},[_c('el-pagination',{staticClass:\"pageSizeList\",attrs:{\"background\":\"\",\"small\":\"\",\"current-page\":_vm.currentPage,\"pager-count\":5,\"page-size\":_vm.Take,\"layout\":\" total, sizes, prev, pager, next, jumper\",\"page-sizes\":[20, 50,100],\"total\":_vm.Total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.queryWait),expression:\"queryWait\"}],staticClass:\"marBot10\"},[_c('div',{staticClass:\"pageTipMar\"},[_c('p',{staticStyle:{\"padding\":\"30px 0\",\"text-align\":\"center\"}},[_c('img',{staticStyle:{\"width\":\"36px\",\"height\":\"36px\",\"display\":\"inline-block\"},attrs:{\"src\":require(\"../../../assets/img/loading.gif\")}})])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"foot\"},[_c('div',{staticClass:\"colRed\",staticStyle:{\"padding\":\"20px 0 10px 0\"}},[_c('span',{staticClass:\"colRed\"},[_vm._v(\"After selecting an international order, Freightshop will check the price for you again due to the change of billing!\")])]),_vm._v(\" \"),_c('div',{staticClass:\"btn clear\"},[_c('div',{staticClass:\"l lineBlueBtn cursor\",staticStyle:{\"width\":\"110px\"},on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")]),_vm._v(\" \"),_c('div',{staticClass:\"marL20 l cursor\",class:_vm.selIndex.length> 0 ? 'blueBtn':'grayBtn ',staticStyle:{\"width\":\"110px\"},on:{\"click\":_vm.makePickUp}},[_vm._v(\"Confirm\")])])])],1),_vm._v(\" \"),_c('senderAddrBox',{ref:\"senderBox\",on:{\"senderMsgEvent\":_vm.showMsgSender}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"l colBlack\"},[_c('b',[_c('span',{staticClass:\"colRed\"},[_vm._v(\"*\")]),_vm._v(\"Has the goods to be picked up have been ordered at Freightshop marketplace?\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"costBox\",staticStyle:{\"bottom\":\"55px\",\"right\":\"-1%\"}},[_c('i')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tr',[_c('th',[_vm._v(\"Order No.\")]),_vm._v(\" \"),_c('th',{staticStyle:{\"line-height\":\"22px\"}},[_c('div',[_vm._v(\"Order type\")]),_c('div',[_vm._v(\"Type of shipping\")])]),_vm._v(\" \"),_c('th',[_vm._v(\"Destination\")]),_vm._v(\" \"),_c('th',{staticStyle:{\"line-height\":\"14px\"}},[_c('div',[_vm._v(\"Weight\")]),_c('div',{},[_vm._v(\"(KG)\")])]),_vm._v(\" \"),_c('th',{staticStyle:{\"line-height\":\"14px\"}},[_c('div',[_vm._v(\"Volume\")]),_c('div',{},[_vm._v(\"(CBM)\")])]),_vm._v(\" \"),_c('th',[_vm._v(\"Unit\")]),_vm._v(\" \"),_c('th',[_vm._v(\"Order time\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"stateSet\",staticStyle:{\"margin-top\":\"50px\"}},[_c('p',[_c('img',{staticStyle:{\"width\":\"50px\",\"height\":\"50px\",\"margin\":\"auto\"},attrs:{\"src\":require(\"../../../assets/img/loading.gif\")}})]),_vm._v(\" \"),_c('div',{staticClass:\"marTop20 colBlack\",staticStyle:{\"text-align\":\"center\",\"font-size\":\"14px\",\"font-weight\":\"700\"}},[_vm._v(\"Fees are being calculated\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-22d5f371\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/userCenter/pickUp/pickUpOrder.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-22d5f371\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"./src/styles/index.scss\\\\\\\";\\\",\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./pickUpOrder.vue\")\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-22d5f371\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"./src/styles/index.scss\\\\\\\";\\\",\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./pickUpOrder.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../assets/js/userCenter/pickup/pickUpOrder.js\"\nimport __vue_script__ from \"!!babel-loader!../../../assets/js/userCenter/pickup/pickUpOrder.js\"/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-22d5f371\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./pickUpOrder.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-22d5f371\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/userCenter/pickUp/pickUpOrder.vue\n// module id = null\n// module chunks = ","import { post, fetch, Del, put } from \"@/ask/axios\";\nimport senderAddrBox from '@/components/userCenter/public/senderAddrBox.vue' //发件人地址库\nimport menberMenu from '@/components/userCenter/public/menberPageMenu.vue'\nexport default {\n components: { senderAddrBox,menberMenu},\n data() {\n return {\n api: {\n url: \"\",\n param: \"\",\n response: {},\n message: \"\"\n },\n titNames: \"Pick-up service\",\n titUrls: \",\",\n\n queryWait:true,\n loading:false,\n haveOrder:true,\n addOrderBox:false,\n discernBox:false,\n discernBox1:false,\n\n sumbitTrueBtn:false,\n sumbitBtn:false,\n discernInfo:'',\n discernInfo1:'',\n ordTableData:[],\n PEReqiure:'Please fill in the contact email',\n VolumeWeightP:\"Actual weight or volume required\",\n isStartInfo:true, //是否赋值给收件人信息\n\n newSumCost:0,\n oldSumCost:0,\n sumCost:0,\n\n THBillNo:'',\n THInfo:'',\n curOrdInfo:[],\n \n\n // 页面显示 是国际\n WaybillType:0,\n pickUpCityNameEn:'',\n ordThShow:'',\n servTimeOptions:[],\n curShow:false,\n\n PlanCargoDate:'',\n\n OrderStartDate: \"\",\n OrderEndDate: \"\",\n currentPage:1,\n Skip: 0,\n Take: 10,\n Total:0,\n WayOpt:[\n {name:\"ALL\",val:0},\n {name:\"Express\",val:1},\n {name:\"Air Freight\",val:3},\n ],\n curOrdInfo:[],\n //输入\n\n wareAdd:'',\n AreaKey:'',\n\n userThWrite:[],\n\n INTorder:'',\n OnyInfo:'', //非关联\n OrderData:'',\n Concent:'',\n DestInfo:'',\n GoodsInfos:'',\n GoodsInfosTip:false,\n GoodsInfoTip:false,\n discernInfoTip:false,\n discernInfoTip1:false,\n\n Weight:'',\n Volume:'',\n Quantity:'',\n LinkManName:'', \n LinkTel:'', \n LinkEmail:'', \n Address:'', \n DestAddress:'',\n Remark:'',\n WeightTip:false,\n VolumeTip:false,\n QuantityTip:false,\n LinkManNameTip:false, \n LinkTelTip:false, \n LinkEmailTip:false, \n AddressTip:false, \n DestAddressTip:false,\n RemarkTip:false,\n PlanCargoDateTip:false,\n\n // 关联\n Waybill :'',\n WConcent:'',\n WInfo:'',\n WaynillInfo :'',\n EditCss:true,\n GoodsInfo:'',\n WayArr:[],\n\n LadingName:'',\n LadingPhone:'',\n LadingNameTip:false,\n LadingPhoneTip:false,\n pickCheck:false,\n\n PlanArriveDate:'',\n sumWeight:'',\n ThcheckAll:false,\n selIndex:[],\n // 预约时间日期\n //日期输入处理,结束日期不能大于开始日期\n pickerOptions: {\n disabledDate: time => {\n return this.dealDisabledDate(time)\n }\n },\n //日期输入处理,结束日期不能大于开始日期\n pickerBeginDateBefore: {\n disabledDate: time => {\n if (this.OrderEndDate) {\n return time.getTime() > Date.now() || time.getTime() > this.OrderEndDate;\n } else {\n return time.getTime() > Date.now();\n }\n }\n },\n //日期输入处理，结束日期不能大于开始日期\n pickerBeginDateAfter: {\n disabledDate: time => {\n let startDate = new Date(this.OrderStartDate);\n return time.getTime() < startDate.getTime() || time.getTime() > Date.now();\n }\n }, \n\n\n }\n },\n created() {\n // 判断是否是国际\n this.THBillNo = this.$route.query.thNo\n this.getDetail()\n this.datetime()\n },\n watch: {\n LinkTel: function(newVal, oldVal) {\n let fareg = /^[0-9-]+$/\n if(!fareg.test(newVal) && newVal!=''){ \n this.LinkTel = oldVal\n }\n },\n LadingPhone: function(newVal, oldVal) {\n let fareg = /^[0-9-]+$/\n if(!fareg.test(newVal) && newVal!=''){ \n this.LadingPhone = oldVal\n }\n }\n },\n methods: {\n dealDisabledDate(time) {\n let flag = true\n for (let i = 0; i < this.servTimeOptions.length; i++) {\n const ele = this.servTimeOptions[i]\n if(time.getFullYear() == new Date(ele.Date).getFullYear() \n && time.getMonth() == new Date(ele.Date).getMonth() \n && time.getDate() == new Date(ele.Date).getDate()) {\n flag = false\n }\n }\n return flag\n },\n // 获取信息 判断关联非关联\n getDetail() {\n this.api.url = this.$api03 + '/api/PickupOrders/GetThInfo'\n this.api.param = {\n \"THBillNo\": this.THBillNo\n }\n post(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.THOrderService = res.Results.THOrderService\n if(res.Results.THOrderService == 1) {\n this.INTorder = false\n this.OnyInfo = res.Results.OnyInfo\n this.Concent = res.Results.OnyInfo.Con\n this.OrderData = res.Results.OnyInfo.Order\n this.sumCost = this.OrderData.Cost\n this.flaseOrd()\n } else {\n this.INTorder = true\n this.Waybill = res.Results.Waybill\n this.WConcent = this.Waybill.Con\n this.WInfo = this.Waybill.WInfo\n this.WaynillInfo = []\n this.WayArr = []\n this.PlanArriveDate = new Date(this.WConcent.PlanArriveDate).Format('yyyy-MM-dd hh:mm:ss')\n this.sumWeight = this.WConcent.Weight\n this.sumCost = this.WConcent.Cost\n for (let i = 0; i < this.Waybill.WaynillInfo.length; i++) {\n const ele = this.Waybill.WaynillInfo[i];\n this.WayArr.push(ele.WaybillNo)\n this.WaynillInfo.push({\n CountryCode: ele.DestinationCode,\n DestCountryName: ele.DestinationName,\n WaybillNO:ele.WaybillNo\n })\n }\n this.selIndex = this.WayArr\n this.trueOrd()\n }\n } \n });\n },\n trueOrd() {\n this.setServTime(true)\n this.LinkTel = this.WConcent.LinkTel\n this.LinkManName = this.WConcent.LinkManName\n this.Address = this.WConcent.Address\n this.Remark = this.WConcent.Remark\n },\n flaseOrd() {\n let PlanCargoDate = new Date(this.Concent.PlanCargoDate).Format('yyyy-MM-dd')+' 23:59:59'\n this.setServTimeApi(PlanCargoDate)\n this.LinkTel = this.Concent.LinkTel\n this.LinkManName = this.Concent.LinkManName\n this.Address = this.Concent.Address\n this.DestAddress = this.Concent.DestAddress\n this.Remark = this.Concent.Remark\n this.LadingName = this.Concent.DestContactName\n this.LadingPhone = this.Concent.DestContactMobile\n if(this.OrderData.Volume == 0) {\n this.Volume = ''\n } else {\n this.Volume = this.OrderData.Volume \n }\n this.Weight = this.OrderData.Weight\n this.Quantity = this.OrderData.PCS\n },\n //发件人地址栏弹框\n clkSendAddrBox(flag){\n this.isStartInfo = flag\n // 1 代表是收件人信息 2 代表是收件人信息\n this.$refs.senderBox.clkDialog();\n },\n //发件人地址库点击选择按钮\n showMsgSender(msg){\n if(this.isStartInfo) {\n this.LinkManName =msg.Address_Name\n this.LinkTel =msg.Address_Tel\n this.Address =msg.Address_Street+msg.Address_City+msg.Address_ZIPCode+msg.Address_Country\n this.LinkEmail = msg.Address_Mail\n } else {\n this.LadingName = msg.Address_Name\n this.LadingPhone = msg.Address_Tel\n this.DestAddress =msg.Address_Street+msg.Address_City+msg.Address_ZIPCode+msg.Address_Country\n }\n },\n // \n blur() {\n this.WeightTip = true\n this.VolumeTip = true\n this.QuantityTip = true\n this.LinkTelTip = true \n this.LinkEmailTip = true \n this.PlanCargoDateTip = true\n },\n // 默认赋值12点\n getPlanDate(flag) {\n this.PlanCargoDate = new Date(this.PlanCargoDate).Format('yyyy-MM-dd')+' 23:59:59'\n if(flag) {\n this.cascader()\n }\n },\n EmailBlur() {\n var emailReg = /^([a-zA-Z0-9_\\.\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$/;\n if (!emailReg.test(this.LinkEmail)) {\n this.LinkEmail = ''\n this.PEReqiure = 'Please enter a valid email address'\n }\n },\n //非关联\n async setServTimeApi(PlanCargoDate){\n let res = await this.getServTimeApi()\n this.servTimeOptions= res\n this.PlanCargoDate = PlanCargoDate\n },\n queryTh() {\n this.api.url = this.$api01 + '/api/InfoCustomer/PickupCalculation/QueryPrice'\n this.api.param = {\n \"PlanDate\": this.PlanCargoDate,\n \"ShipmentUnit\": 0,\n \"Weight\":Number(this.Weight),\n \"Volume\":Number(this.Volume),\n \"THFreightKey\":this.OrderData.THFreightKey,\n \"ChannelType\": 1,\n \"StartCityKey\": this.Concent.CityKey,\n \"EndCityKey\": this.Concent.DestCityKey,\n \"ResponseType\": 2,\n \"Skip\": 0,\n \"Take\": 10,\n }\n return new Promise((resolve, reject) => {\n post(this.api.url, this.api.param).then(response => {\n let a = response;\n resolve(a);\n });\n });\n \n },\n //非关联\n async sumbitTh(){\n if( !(this.LinkTel || this.LinkEmail)) {\n this.PEReqiure = 'Phone or email required'\n }\n this.blur()\n if( !(this.LinkTel || this.LinkEmail) ||\n !(this.Weight || this.Volume) || !this.Quantity ||!this.PlanCargoDate ) {\n return false\n }\n let NoTime = false\n if(new Date(this.PlanCargoDate).getTime() < new Date().getTime()+30*60*1000 ) {\n NoTime = true\n this.$alert( \"No pickup service\",'', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confrim',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n if(NoTime) {\n return false\n }\n this.loading = true\n let res = await this.queryTh()\n if(!res.IsOK) {\n this.loading = false\n this.$alert( \"No pickup service\",'', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.loading = false\n }).catch(() => {\n });\n }\n if(res.Results.length == 0) {\n this.loading = false\n this.$alert( \"No pickup service\",'', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n } else {\n this.oldSumCost = this.sumCost\n this.newSumCost = res.Results[0].PickupFee\n this.sumCost = this.newSumCost\n this.loading = false\n this.sumbitBtn = true\n }\n\n },\n LinkTelBlur(val) {\n if( !(/^[0-9-]+$/.test(this[val]) )) {\n this[val] = ''\n }\n },\n\n //1快递 ，2 小包 ，3 空运，4海运整柜，5海运散货,20 FBA头程\n typeConversion(val){\n if(val==1) return'Express'\n if(val==3) return'Air Freight'\n if(val==20) return'FBA头程'\n }, \n // 非关联\n falseUpdataTh() {\n this.sumbitBtn= false\n let status = false\n if(this.OrderData.billStatus!= 1 && this.OrderData.billStatus!= 2) {\n status = true\n this.$alert( 'The picking list status has been updated and cannot be edited','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n if(status) {\n return false\n }\n this.api.url = this.$api03 + '/api/TradeCustomer/PickupOrdersEnglish/PickupUpdateOrderOnly'\n this.api.param = {\n \"THBillNo\": this.Concent.THBillNo,\n \"THFreightKey\": this.OrderData.THFreightKey,\n \"PickupFee\": this.OrderData.Cost,\n \"Remark\": this.Remark,\n \"Weight\": this.Weight,\n \"Volume\": Number(this.Volume),\n \"Quantity\": this.Quantity,\n \"ConnectInfo\": {\n // \"AreaKey\": this.Concent.AreaKey,\n \"CityKey\": this.Concent.CityKey,\n \"LinkManName\": this.LinkManName,\n \"LinkTel\": this.LinkTel,\n \"Address\": this.Address,\n \"LinkEmail\": this.LinkEmail,\n \"Remark\": this.Remark,\n \"DestAddress\": this.DestAddress,\n \"DestContactMobile\": this.LadingPhone,\n \"DestContactName\": this.LadingName,\n \"PlanCargoDate\": this.PlanCargoDate,\n \"DestCityKey\": this.Concent.DestCityKey,\n // \"DestCityAreaKey\": this.Concent.DestCityAreaKey,\n \"PlanArriveDate\": this.Concent.PlanArriveDate\n },\n \"GoodsInfos\": [this.GoodsInfos]\n }\n post(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n\n let startText=this.Concent.ProvinceNameEn+\"[\"+this.Concent.CityNameEn+']'\n let endText=this.Concent.DestProvinceNameEn+\"[\"+this.Concent.DestCityNameEn+']'\n\n\n // this.submitOrder(this.Concent.THBillNo,this.OrderData.Cost,this.OrderData.Cost,'Pick-up service',startText,'',endText,'',\n // '',this.Weight,this.Volume,this.Quantity,'','','',this.OrderData.Cost,'','',false)\n\n\n\n let list = [{\n THBillNo: this.Concent.THBillNo,\n WareID:this.OrderData.Wid, \n Origin: 0, \n WAddr: null\n }]\n this.sumbitBtn = false\n // sessionStorage.setItem('urlList', JSON.stringify(list))\n sessionStorage.setItem('urlList', JSON.stringify({list:list,ordNumCost:this.sumCost}))\n this.$router.push({path: '/pickUp/PickupOrderSucceed'}) \n } else {\n this.$alert( 'fail','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.sumbitBtn = false\n }).catch(() => {\n });\n }\n });\n // 结束\n },\n getServTimeApi() {\n let that=this\n this.api.param= {\n startCityKey:this.Concent.CityKey,\n // startCityKey:this.$route.query.StartCityAreaKey,\n endCityKey:this.Concent.DestCityKey,\n // endCityKey:this.$route.query.StartCityAreaKey,\n tHFreightKey:this.OrderData.THFreightKey,\n channelType:1,\n }\n // this.api.url=this.$api01+\"/api/InfoCustomer/PickupChannel/ServiceTimeEn\"\n this.api.url=this.$api04 + \"/Pickup/api/PickupChannel/ServiceTimeEn\"\n return new Promise((resolve, reject) => {\n fetch(that.api.url, that.api.param).then(res => {\n if (res.IsOK) {\n resolve(res.Results);\n }\n });\n });\n },\n // end \n //关联\n async sumbitTrueTh(){\n if( !(this.LinkTel || this.LinkEmail)) {\n this.PEReqiure = 'Phone or email required'\n }\n if(this.WaynillInfo.length<1) {\n this.$alert( 'Please select an international order','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n this.blur()\n let NoTime = false\n if(new Date(this.PlanCargoDate).getTime() < new Date().getTime()+30*60*1000 ) {\n NoTime = true\n this.$alert( \"There is no service for the current pickup time. Please reselect the pickup time\",'', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n if( !(this.LinkTel || this.LinkEmail) || \n !this.PlanCargoDate || this.WaynillInfo.length<1 || NoTime\n ) {\n return false\n }\n this.loading = false\n this.sumbitTrueBtn = true\n },\n UpdataTh() {\n this.sumbitTrueBtn = false\n let status = false\n if(this.WConcent.billStatusStr!= '派单中'&& this.WConcent.billStatusStr!= '待取件') {\n status = true\n this.$alert( 'The picking list status has been updated and cannot be edited','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n if(status) {\n return false\n }\n this.api.url = this.$api03 + '/api/TradeCustomer/PickupOrdersEnglish/Update'\n let waybillArr = []\n for (let i = 0; i < this.WayArr.length; i++) {\n const ele = this.WayArr[i]\n waybillArr.push({\n WaybillNo:ele\n })\n }\n this.api.param ={\n \"THBillNo\": this.WConcent.THBillNo,\n \"THFreightKey\": this.WConcent.THFreightKey,\n \"Remark\": this.Remark,\n \"WareID\": this.WConcent.Wid,\n \"PickupFee\": this.WConcent.Cost,\n \"GoodsInfos\": this.GoodsInfo,\n \"GoodsInfo\":waybillArr,\n \"ConnectInfo\": {\n \"LinkManName\":this.LinkManName,\n \"LinkTel\":this.LinkTel,\n \"Address\":this.Address,\n \"PlanCargoDate\": this.PlanCargoDate,\n \"Remark\":this.Remark,\n \"LinkEmail\": this.LinkEmail,\n \"CityKey\": this.WConcent.City_Key,\n \"ProvinceKey\": this.WConcent.Province_Key,\n \"ProvinceName\":this.ProvinceName,\n \"CityName\": this.WConcent.CityName,\n \"DestCityKey\": this.WInfo.CityKey,\n \"DestProvinceName\": this.WInfo.Province_NameCh,\n \"DestCityName\": this.WInfo.City_NameCh,\n \"DestCityAreaName\": this.WInfo.CityArea_NameCh,\n \"PlanArriveDate\": this.WConcent.PlanArriveDate\n }\n }\n post(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n\n let startText=this.Concent.ProvinceNameEn+\"[\"+this.Concent.CityNameEn+']'\n let endText=this.Concent.DestProvinceNameEn+\"[\"+this.Concent.DestCityNameEn+']'\n\n // this.submitOrder(this.Concent.THBillNo,this.OrderData.Cost,this.OrderData.Cost,'Pick-up service',startText,'',endText,'',\n // '',this.Weight,this.Volume,this.Quantity,'','','',this.OrderData.Cost,'','',false)\n\n\n let list = [{\n THBillNo: this.WConcent.THBillNo,\n WareID:this.WConcent.Wid, \n Origin: 0, \n WAddr: this.WInfo.WareAddress\n }]\n // sessionStorage.setItem('urlList', JSON.stringify(list))\n sessionStorage.setItem('urlList', JSON.stringify({list:list,ordNumCost:this.sumCost}))\n this.$router.push({path: '/pickUp/PickupOrderSucceed'}) \n } else {\n this.$alert( 'fail','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n }).catch(() => {\n });\n }\n });\n // 结束\n },\n setServTime(first){\n let that=this\n this.api.param={\n startCityKey:this.WConcent.City_Key,\n // endCityKey:this.WInfo.CityKey,\n tHFreightKey:this.WConcent.THFreightKey,\n ChargeWeight:this.sumWeight,\n channelType:1,\n }\n // this.api.url=this.$api01+\"/api/InfoCustomer/PickupChannel/ServiceTimeEn\"\n this.api.url=this.$api04 + \"/Pickup/api/PickupChannel/ServiceTimeEn\"\n fetch(this.api.url,this.api.param).then(function (res) {\n if(res.IsOK){\n that.servTimeOptions=res.Results\n if(first) {\n that.PlanCargoDate = new Date(that.WConcent.PlanCargoDate).Format('yyyy-MM-dd')+' 23:59:59'\n }\n }\n })\n },\n cancel() {\n this.addOrderBox=false\n },\n // 去掉取件单\n reduceWay(WaybillNO) {\n this.$confirm('Are you sure you want to delete this order?','', {\n customClass: \"custom-message-box\", //自定义添加Class\n confirmButtonText: \"Confirm\",\n cancelButtonText: \"Cancel\",\n cancelButtonClass: \"btn-custom-cancel\", //添加class,更换删除和取消按钮位置\n closeOnClickModal: false, //是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.loading = true\n var WaybillArr = JSON.parse(JSON.stringify(this.WayArr))\n var index = WaybillArr.indexOf(WaybillNO)\n WaybillArr.splice(index,1)\n if(WaybillArr.length == 0) {\n this.WaynillInfo = []\n this.sumCost = 0\n this.loading = false\n } else {\n this.makePickUpApi(WaybillArr,true) \n }\n }).catch(() => {\n });\n },\n cascader() {\n this.loading = true\n this.makePickUpApi(this.WayArr)\n },\n // 全选和全不选\n isCheckAll(val) {\n let set = `${val}Sel`\n let data = `${val}All`\n if(this[data]) {\n this.ordTableData.forEach(item => {\n if(item.WareAddress.indexOf(this.WInfo.WareAddress) != -1) {\n item[set] = true\n this.selIndex.push(item.WaybillNO)\n }\n })\n } else {\n this.ordTableData.forEach(item => {\n var index = this.selIndex.indexOf(item.WaybillNO)\n this.selIndex.splice(index,1);\n item[set] = false\n })\n }\n },\n knowIsCheck(WaybillNO,index) {\n let checkAll = true\n if(this.ordTableData[index].ThcheckSel) {\n this.selIndex.push(WaybillNO)\n } else {\n var index = this.selIndex.indexOf(WaybillNO)\n this.selIndex.splice(index,1);\n }\n for (let i = 0; i < this.ordTableData.length; i++) {\n const ele = this.ordTableData[i]\n if(!ele.ThcheckSel) {\n checkAll = false\n }\n }\n this.ThcheckAll = checkAll\n },\n makePickUp() {\n this.WayArr = this.selIndex\n this.WayArr = [...new Set(this.WayArr)] \n this.makePickUpApi(this.WayArr) \n },\n // 分取件单\n makePickUpApi(WaybillTypeArr,getArr) {\n // WaybillTypeArr = [...new Set(WaybillTypeArr)] \n let plan = ''\n if(!this.PlanCargoDate) {\n plan = new Date(this.WConcent.PlanCargoDate).Format('yyyy-MM-dd hh:mm:ss')\n } else {\n plan = this.PlanCargoDate\n }\n this.api.url = this.$api01 + '/api/PickupChannel/Make'\n this.api.param = {\n \"CityKey\": this.WConcent.City_Key,\n \"PlanCargoDate\": plan,\n \"ChannelType\": 1,\n \"WaybillNO\":WaybillTypeArr,\n }\n post(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n if(getArr) {\n this.WayArr = WaybillTypeArr\n }\n this.loading = false\n this.ordInfoArr = res.Results\n this.WaynillInfo = res.Results[0].OrdersList\n this.sumWeight = res.Results[0].Weight\n this.sumCost = res.Results[0].PickupFee\n this.PlanArriveDate= new Date(new Date(new Date(this.PlanCargoDate).setDate(new Date(this.PlanCargoDate).getDate()+Number(res.Results[0].WorkDays)))).Format('yyyy-MM-dd')+' 23:59:59'\n this.addOrderBox=false\n } else {\n if(res.ErrorCode == 'H0001') {\n this.$alert( 'The order you selected is overweight. Please place an order in multiple tickets','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.loading = false\n }).catch(() => {\n });\n\n } else {\n this.$alert('fail','', {\n customClass:'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal:false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.loading = false\n }).catch(() => {\n });\n }\n }\n });\n },\n \n datetime() {\n this.OrderEndDate = new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1);\n let OrderStartDate = new Date(new Date().setMonth(this.OrderEndDate.getMonth()-1))\n this.OrderStartDate = new Date(new Date(new Date(OrderStartDate).toLocaleDateString()).getTime());\n },\n leaveInfo () {\n this.curShow= false\n },\n getPickDetail(WaybillNO) {\n //console.log(WaybillNO)\n this.api.url = this.$api03 + '/api/PickupOrders/CargoByBillNO'\n this.api.param = {\n \"WaybillNO\": WaybillNO\n }\n fetch(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.curOrdInfo = res.Results\n this.curShow = true\n } \n });\n },\n\n getWareAdd(WareId) {\n this.api.url = this.$api01 + '/api/InfoCustomer/Warehouse/Query'\n this.api.param = {\n id:WareId\n }\n fetch(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.wareAdd = res.Results\n } \n });\n },\n // 分页\n handleSizeChange(val) {\n this.currentPage = 1\n this.Skip = 0\n this.Take = val\n this.getCargoQuery()\n },\n handleCurrentChange(val) {\n this.Skip = (val-1)*this.Take\n this.getCargoQuery()\n },\n getCargoQuery() {\n this.addOrderBox=true\n this.queryWait = true\n // this.api.url = this.$api03 + '/api/TradeCustomer/PickupOrders/CargoQuery'\n this.api.url = this.$api04 + '/Pickup/api/PickupOrderQuery/CargoQuery';\n this.api.param = {\n \"THBillNo\":this.THBillNo,\n \"CityKey\": this.WConcent.City_Key,\n \"WareId\": this.WConcent.Wid,\n \"PlanCargoDate\": this.WConcent.PlanCargoDate,\n \"WaybillType\": this.WaybillType,\n \"OrderStartDate\":this.OrderStartDate,\n \"OrderEndDate\": this.OrderEndDate,\n \"Skip\": this.Skip,\n \"Take\": this.Take,\n \"ChannelType\": 1,\n }\n post(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.ordTableData = res.Results\n for (let i = 0; i < this.ordTableData.length; i++) {\n const ele = this.ordTableData[i];\n if(this.selIndex.indexOf(ele.WaybillNO)!== -1) {\n ele.ThcheckSel = true\n } else {\n ele.ThcheckSel = false\n }\n ele.ordNo = this.Skip+i+1\n }\n this.Total = Number(res.Total) \n this.queryWait = false\n } \n });\n },\n // 验证\n falseZero(val) {\n if(this[val] == 0) {\n this[val] = ''\n }\n if(val == 'Volume' || val == 'Weight') {\n if(this[val].indexOf('.') != -1) {\n let le = this[val].split('.')\n if(le.length>2) {\n this[val] = ''\n }\n }\n }\n },\n pickAddr() {\n if(!this.discernInfo) {\n this.discernInfoTip = true \n return false\n }\n this.api.url = this.$api02 + '/api/EbayCustomer/PickupAddr/DiscernEn'\n this.api.param = {\n \"textbox\": this.discernInfo\n }\n fetch(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.LinkManName = res.Results.FullName\n this.LinkTel = res.Results.Phone\n this.Address = res.Results.Address\n this.LinkEmail = res.Results.Mailbox\n } \n });\n // 结束\n this.discernBox = false\n },\n pickAddr1() {\n if(!this.discernInfo1) {\n this.discernInfoTip1 = true \n return false\n }\n this.api.url = this.$api02 + '/api/EbayCustomer/PickupAddr/DiscernEn'\n this.api.param = {\n \"textbox\": this.discernInfo1\n }\n fetch(this.api.url, this.api.param).then(res => {\n if(res.IsOK) {\n this.LadingName = res.Results.FullName\n this.LadingPhone = res.Results.Phone\n this.DestAddress = res.Results.Address\n } \n });\n // 结束\n this.discernBox1 = false\n },\n\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/assets/js/userCenter/pickup/pickUpEdit.js","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"allBox userCenterList pickUp mainUser footerPosition\"},[_c('menberMenu',{attrs:{\"tit-names\":_vm.titNames,\"tit-urls\":_vm.titUrls}}),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loading),expression:\"!loading\"}]},[(!_vm.INTorder && _vm.INTorder!== '')?_c('div',{staticClass:\"listContent area3\",staticStyle:{\"padding\":\"20px 0 0 0\"}},[_c('div',{staticClass:\"content\",staticStyle:{\"padding-bottom\":\"10px\"}},[_c('table',{staticClass:\"TableCss\",attrs:{\"border\":\"0\",\"cellspacing\":\"0\",\"cellpadding\":\"0\",\"width\":\"100%\"}},[_c('tr',[_c('th',{attrs:{\"width\":\"10%\",\"align\":\"right\"}},[_vm._v(\"Pick up city：\")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}},[_c('label',{staticClass:\"hint\"},[_c('div',{staticClass:\"over\",staticStyle:{\"width\":\"204px\"}},[_vm._v(_vm._s(_vm.Concent.ProvinceNameEn+\"-\"+_vm.Concent.CityNameEn))]),_vm._v(\" \"),((_vm.Concent.ProvinceNameEn.length+_vm.Concent.CityNameEn.length)>29)?_c('div',{staticClass:\"floTipBox\",staticStyle:{\"right\":\"-184px\",\"top\":\"28px\"}},[_c('i',{staticStyle:{\"left\":\"11%\"}}),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(_vm.Concent.ProvinceNameEn+\"-\"+_vm.Concent.CityNameEn))])]):_vm._e()])]),_vm._v(\" \"),_c('th',{attrs:{\"width\":\"9%\",\"align\":\"right\"}},[_vm._v(\"Delivery city：\")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}},[_c('label',{staticClass:\"hint\"},[_c('div',{staticClass:\"over\",staticStyle:{\"width\":\"204px\"}},[_vm._v(_vm._s(_vm.Concent.DestProvinceNameEn+\"-\"+_vm.Concent.DestCityNameEn))]),_vm._v(\" \"),((_vm.Concent.DestProvinceNameEn.length+_vm.Concent.DestCityNameEn.length)>29)?_c('div',{staticClass:\"floTipBox\",staticStyle:{\"right\":\"-184px\",\"top\":\"28px\"}},[_c('i',{staticStyle:{\"left\":\"11%\"}}),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(_vm.Concent.DestProvinceNameEn+\"-\"+_vm.Concent.DestCityNameEn))])]):_vm._e()])]),_vm._v(\" \"),_c('th',{attrs:{\"width\":\"10%\",\"align\":\"right\"}}),_vm._v(\" \"),_c('td',{staticStyle:{\"position\":\"relative\"},attrs:{\"width\":\"17%\"}},[_vm._m(0),_vm._v(\" \"),_c('el-date-picker',{class:(!_vm.PlanCargoDate && _vm.PlanCargoDateTip)?'inputWarn':'',staticStyle:{\"width\":\"200px\"},attrs:{\"type\":\"date\",\"picker-options\":_vm.pickerOptions,\"value-format\":\"yyyy-MM-dd\",\"clearable\":false,\"format\":\"MMM dd,yyyy\",\"placeholder\":\"\"},on:{\"change\":function($event){return _vm.getPlanDate(false)}},model:{value:(_vm.PlanCargoDate),callback:function ($$v) {_vm.PlanCargoDate=$$v},expression:\"PlanCargoDate\"}})],1)]),_vm._v(\" \"),_c('tr',[_c('th',{attrs:{\"width\":\"10%\",\"align\":\"right\"}},[_vm._v(\"Cargo weight：\")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}},[_c('el-input',{class:(!(_vm.Weight ||_vm.Volume ) && _vm.WeightTip)?'inputWarn':'',staticStyle:{\"width\":\"200px\"},attrs:{\"placeholder\":(!(_vm.Weight ||_vm.Volume ) && _vm.VolumeTip)?_vm.VolumeWeightP:'Please fill in the Cargo weight',\"oninput\":\"value=value.replace(/[^0-9.]/g,'')\"},on:{\"blur\":function($event){return _vm.falseZero('Weight')}},model:{value:(_vm.Weight),callback:function ($$v) {_vm.Weight=$$v},expression:\"Weight\"}}),_vm._v(\" \"),_c('span',[_vm._v(\"KG\")])],1),_vm._v(\" \"),_c('th',{attrs:{\"width\":\"9%\",\"align\":\"right\"}},[_vm._v(\"Cargo volume：\")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}},[_c('el-input',{class:(!(_vm.Weight ||_vm.Volume ) && _vm.VolumeTip)?'inputWarn':'',staticStyle:{\"width\":\"200px\"},attrs:{\"placeholder\":(!(_vm.Weight ||_vm.Volume ) && _vm.VolumeTip)?_vm.VolumeWeightP:'Please fill in the Cargo volume',\"oninput\":\"value=value.replace(/[^0-9.]/g,'')\"},on:{\"blur\":function($event){return _vm.falseZero('Volume')}},model:{value:(_vm.Volume),callback:function ($$v) {_vm.Volume=$$v},expression:\"Volume\"}}),_vm._v(\" \"),_c('span',[_vm._v(\"CBM\")])],1),_vm._v(\" \"),_vm._m(1),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}},[_c('el-input',{staticClass:\"l\",class:(!_vm.Quantity && _vm.QuantityTip)?'inputWarn':'',staticStyle:{\"width\":\"200px\"},attrs:{\"placeholder\":\"Please fill in the total unit\",\"oninput\":\"value=value.replace(/[^\\\\d]/g,'')\"},on:{\"blur\":function($event){return _vm.falseZero('Quantity')}},model:{value:(_vm.Quantity),callback:function ($$v) {_vm.Quantity=$$v},expression:\"Quantity\"}})],1)])])]),_vm._v(\" \"),_c('div',{staticClass:\"header\",staticStyle:{\"border-radius\":\"0 !important\"}},[_c('div',{staticStyle:{\"padding-left\":\"20px\"}},[_c('a',{staticClass:\"leftInfo\"},[_vm._v(\"Contact information \")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",staticStyle:{\"width\":\"110px\"},on:{\"click\":function($event){return _vm.clkSendAddrBox(true)}}},[_vm._v(\"Addresses info.\")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",on:{\"click\":function($event){_vm.discernBox=true;_vm.discernInfo=''}}},[_vm._v(\"Quick order\")])])]),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('table',{staticClass:\"TableCss\",attrs:{\"border\":\"0\",\"cellspacing\":\"0\",\"cellpadding\":\"0\",\"width\":\"100%\"}},[_c('tr',[_c('th',{attrs:{\"width\":\"10%\",\"align\":\"right\"}},[_vm._v(\"Contact name：\")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}},[_c('el-input',{staticClass:\"l\",class:(!_vm.LinkManName && _vm.LinkManNameTip)?'inputWarn':'',staticStyle:{\"width\":\"200px\"},attrs:{\"maxlength\":\"50\",\"placeholder\":\"Please fill in the contact name\"},model:{value:(_vm.LinkManName),callback:function ($$v) {_vm.LinkManName=$$v},expression:\"LinkManName\"}})],1),_vm._v(\" \"),_c('th',{attrs:{\"width\":\"9%\",\"align\":\"right\"}},[_vm._v(\"Contact number：\")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}},[_c('el-input',{staticClass:\"l\",class:(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkTelTip)?'inputWarn':'',staticStyle:{\"width\":\"200px\"},attrs:{\"maxlength\":\"50\",\"placeholder\":(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkTelTip)?'Phone or email required':'Please fill in the contact number'},on:{\"blur\":function($event){return _vm.LinkTelBlur('LinkTel')}},model:{value:(_vm.LinkTel),callback:function ($$v) {_vm.LinkTel=$$v},expression:\"LinkTel\"}})],1),_vm._v(\" \"),_c('th',{attrs:{\"width\":\"10%\",\"align\":\"right\"}},[_vm._v(\"\\n Contact Email：\\n \")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}},[_c('el-input',{staticClass:\"l\",class:(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkEmailTip)?'inputWarn':'',staticStyle:{\"width\":\"200px\"},attrs:{\"maxlength\":\"50\",\"placeholder\":_vm.PEReqiure},on:{\"blur\":_vm.EmailBlur},model:{value:(_vm.LinkEmail),callback:function ($$v) {_vm.LinkEmail=$$v},expression:\"LinkEmail\"}})],1)]),_vm._v(\" \"),_c('tr',{staticClass:\"marTop10\"},[_c('th',{attrs:{\"width\":\"10%\",\"align\":\"right\"}},[_vm._v(\"Detailed address：\")]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-right\":\"50px\"},attrs:{\"width\":\"17%\",\"colspan\":\"5\"}},[_c('el-input',{class:(!_vm.Address && _vm.AddressTip)?'inputWarn':'',attrs:{\"type\":\"textarea\",\"autosize\":\"\",\"placeholder\":\"Please fill in the detailed address\",\"maxlength\":\"500\"},model:{value:(_vm.Address),callback:function ($$v) {_vm.Address=$$v},expression:\"Address\"}})],1)])])]),_vm._v(\" \"),_c('div',{staticClass:\"header\"},[_c('div',[_c('a',{staticClass:\"leftInfo\",staticStyle:{\"padding-left\":\"20px\"}},[_vm._v(\"Destination information\")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",staticStyle:{\"width\":\"110px\"},on:{\"click\":function($event){return _vm.clkSendAddrBox(false)}}},[_vm._v(\"Addresses info.\")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",on:{\"click\":function($event){_vm.discernBox1=true;_vm.discernInfo1=''}}},[_vm._v(\"Quick order\")])])]),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('table',{staticClass:\"TableCss\",attrs:{\"border\":\"0\",\"cellspacing\":\"0\",\"cellpadding\":\"0\",\"width\":\"100%\"}},[_c('tr',[_c('th',{attrs:{\"width\":\"10%\",\"align\":\"right\"}},[_vm._v(\"Recipient's name：\")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}},[_c('el-input',{class:(!_vm.LadingName && _vm.LadingNameTip)?'inputWarn':'',staticStyle:{\"width\":\"200px\"},attrs:{\"maxlength\":\"50\",\"placeholder\":\"Please fill in the recipient's name\"},model:{value:(_vm.LadingName),callback:function ($$v) {_vm.LadingName=$$v},expression:\"LadingName\"}})],1),_vm._v(\" \"),_c('th',{attrs:{\"width\":\"9%\",\"align\":\"right\"}},[_vm._v(\"Recipient phone：\")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}},[_c('el-input',{class:(!_vm.LadingPhone && _vm.LadingPhoneTip)?'inputWarn':'',staticStyle:{\"width\":\"200px\"},attrs:{\"maxlength\":\"50\",\"placeholder\":\"Please fill in the recipient phone\"},on:{\"blur\":function($event){return _vm.LinkTelBlur('LadingPhone')}},model:{value:(_vm.LadingPhone),callback:function ($$v) {_vm.LadingPhone=$$v},expression:\"LadingPhone\"}})],1),_vm._v(\" \"),_c('th',{attrs:{\"width\":\"10%\",\"align\":\"left\"}}),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"17%\"}})]),_vm._v(\" \"),_c('tr',[_c('th',{attrs:{\"width\":\"10%\",\"align\":\"right\"}},[_vm._v(\"Detailed address：\")]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-right\":\"50px\"},attrs:{\"width\":\"17%\",\"colspan\":\"5\"}},[_c('el-input',{class:(!_vm.DestAddress && _vm.DestAddressTip)?'inputWarn':'',attrs:{\"type\":\"textarea\",\"autosize\":\"\",\"placeholder\":\"Please fill in the detailed address\",\"maxlength\":\"500\"},model:{value:(_vm.DestAddress),callback:function ($$v) {_vm.DestAddress=$$v},expression:\"DestAddress\"}})],1)]),_vm._v(\" \"),_c('tr',[_c('th',{attrs:{\"width\":\"10%\",\"align\":\"right\"}},[_vm._v(\"Note：\")]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-right\":\"50px\"},attrs:{\"width\":\"17%\",\"colspan\":\"5\"}},[_c('el-input',{attrs:{\"type\":\"textarea\",\"autosize\":\"\",\"maxlength\":\"1000\"},model:{value:(_vm.Remark),callback:function ($$v) {_vm.Remark=$$v},expression:\"Remark\"}})],1)])])]),_vm._v(\" \"),_c('div',{staticClass:\"clear\",staticStyle:{\"padding-bottom\":\"10px\"}},[_c('table',{staticClass:\"TableCss\",attrs:{\"border\":\"0\",\"cellspacing\":\"0\",\"cellpadding\":\"0\",\"width\":\"100%\"}},[_c('tr',[_c('td',{staticStyle:{\"padding-right\":\"50px\",\"line-height\":\"42px\"},attrs:{\"align\":\"right\",\"width\":\"20%\"}},[_c('span',{staticClass:\"fontWeight\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"Total cost:\")]),_vm._v(\" \"),_c('div',{staticClass:\"blueBtnW sumbit marL10 r\",staticStyle:{\"font-size\":\"18px\"},on:{\"click\":_vm.sumbitTh}},[_vm._v(\"Sumbit\")]),_vm._v(\" \"),_c('label',{staticClass:\"hint r\"},[_c('span',{staticClass:\"r colRed fontWeight marL10\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"US $\"+_vm._s(_vm.sumCost.toFixed(2)))])])])])])])]):_vm._e(),_vm._v(\" \"),(_vm.INTorder && _vm.INTorder!== '')?_c('div',[_c('div',{staticClass:\"listContent area2\"},[_c('div',[_c('div',{staticClass:\"header clear\"},[_c('div',{staticClass:\"blueBtnW\",staticStyle:{\"margin-left\":\"30px\",\"width\":\"160px\",\"height\":\"28px\",\"line-height\":\"28px\"},on:{\"click\":_vm.getCargoQuery}},[_vm._v(\"Select my freight order\")])]),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"clear\",staticStyle:{\"line-height\":\"45px\"}},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Bill of lading:\")]),_vm._v(\" \"),_c('el-date-picker',{staticClass:\"l w240 marL5 font12\",class:(!_vm.PlanCargoDate && _vm.PlanCargoDateTip)?'inputWarn':'',staticStyle:{\"width\":\"200px\"},attrs:{\"type\":\"date\",\"picker-options\":_vm.pickerOptions,\"value-format\":\"yyyy-MM-dd\",\"clearable\":false,\"format\":\"MMM dd,yyyy\",\"placeholder\":\"\"},on:{\"change\":function($event){return _vm.getPlanDate(true)},\"focus\":function($event){return _vm.setServTime(false)}},model:{value:(_vm.PlanCargoDate),callback:function ($$v) {_vm.PlanCargoDate=$$v},expression:\"PlanCargoDate\"}}),_vm._v(\" \"),(_vm.PlanCargoDate)?_c('div',{staticClass:\"l marL20\"},[_c('span',{staticClass:\"marL10\"},[_vm._v(\" Estimated time of arrival：\"+_vm._s(_vm._f(\"dateFmt\")(_vm.PlanArriveDate,'YYYY-MM-DD'))+_vm._s(' 24:00 before')+\" \")]),_vm._v(\" \"),_c('span',{staticClass:\"marL10\"},[_vm._v(\"Chargeable weight：\"+_vm._s(_vm.sumWeight)+\"KG\")]),_vm._v(\" \"),_c('span',{staticClass:\"marL10\"},[_vm._v(\"Amount：US $\"+_vm._s(_vm.sumCost))])]):_vm._e()],1),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('div',{staticStyle:{\"padding-left\":\"155px\",\"padding-top\":\"10px\",\"width\":\"800px\"}},_vm._l((_vm.WaynillInfo),function(listItem,index){return _c('a',{key:index,staticClass:\"grayBtnW tishi\",on:{\"mouseenter\":function($event){return _vm.getPickDetail(listItem.WaybillNO)},\"mouseleave\":_vm.leaveInfo}},[_c('div',{staticClass:\"hint orderShow\"},[_c('span',[_vm._v(_vm._s(listItem.WaybillNO+\"，\"+listItem.CountryCode))]),_vm._v(\" \"),_c('i',{staticClass:\"fa fa-failure close-icon\",on:{\"click\":function($event){return _vm.reduceWay(index)}}}),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.curShow && _vm.curOrdInfo.WaybillNO === listItem.WaybillNO),expression:\"curShow && curOrdInfo.WaybillNO === listItem.WaybillNO\"}],staticClass:\"tipBox\",style:((index+1)%3==0 ? 'left: -500px;':'right:-84px')},[_c('i',{style:((index+1)%3==0 ? 'left: 90%;':'')}),_vm._v(\" \"),_c('div',{staticClass:\"orderTip\"},[_c('table',{staticClass:\"tableGrayLine\",attrs:{\"border\":\"0\",\"cellspacing\":\"0\",\"cellpadding\":\"0\",\"width\":\"100%\"}},[_vm._m(2,true),_vm._v(\" \"),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.curOrdInfo.WaybillNO))]),_vm._v(\" \"),_c('td',[_c('div',{staticStyle:{\"line-height\":\"18px\"}},[_vm._v(_vm._s(_vm.typeConversion(_vm.curOrdInfo.WaybillType)))]),_vm._v(\" \"),_c('div',{staticStyle:{\"line-height\":\"18px\"}},[_vm._v(_vm._s(_vm.curOrdInfo.ModeCodeEn))])]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(_vm.curOrdInfo.DestCountryNameEn))]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(_vm.curOrdInfo.OrderWeight))]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(_vm.curOrdInfo.OrderVolume))]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(_vm.curOrdInfo.PackagesNum))]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(new Date(_vm.curOrdInfo.CreateTime).Format('yyyy-MM-dd hh:mm:ss')))])])])])])])])}),0)])])])]),_vm._v(\" \"),_c('div',{staticClass:\"listContent area3\"},[_c('div',{staticClass:\"header\",staticStyle:{\"border-radius\":\"0 !important\"}},[_c('div',[_c('a',{staticClass:\"marL20 fontWeight\",staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\"Contact information \")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10\",staticStyle:{\"width\":\"110px\"},on:{\"click\":function($event){return _vm.clkSendAddrBox(true)}}},[_vm._v(\"Addresses info.\")]),_vm._v(\" \"),_c('a',{staticClass:\"blueBtnW marL10 cursor\",on:{\"click\":function($event){_vm.discernBox=true;_vm.discernInfo=''}}},[_vm._v(\"Quick order\")])])]),_vm._v(\" \"),_c('div',{staticClass:\"content\",staticStyle:{\"line-height\":\"50px\"}},[_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Contact name：\")]),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w85Per\"},[_c('el-input',{staticClass:\"l w24\",class:(!_vm.LinkManName && _vm.LinkManNameTip)?'inputWarn':'',attrs:{\"placeholder\":\"Please fill in the contact name\",\"maxlength\":\"50\"},model:{value:(_vm.LinkManName),callback:function ($$v) {_vm.LinkManName=$$v},expression:\"LinkManName\"}}),_vm._v(\" \"),_c('div',{staticClass:\"l w14\"},[_vm._v(\"Contact number：\")]),_vm._v(\" \"),_c('el-input',{staticClass:\"l w24\",class:(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkTelTip)?'inputWarn':'',attrs:{\"maxlength\":\"50\",\"placeholder\":(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkTelTip)?'Phone or email required':'Please fill in the contact number'},on:{\"blur\":function($event){return _vm.LinkTelBlur('LinkTel')}},model:{value:(_vm.LinkTel),callback:function ($$v) {_vm.LinkTel=$$v},expression:\"LinkTel\"}}),_vm._v(\" \"),_c('div',{staticClass:\"w14 l\"},[_vm._v(\"Contact Email：\")]),_vm._v(\" \"),_c('el-input',{staticClass:\"l w24\",class:(!(_vm.LinkEmail ||_vm.LinkTel ) && _vm.LinkEmailTip)?'inputWarn':'',attrs:{\"maxlength\":\"50\",\"placeholder\":_vm.PEReqiure},on:{\"blur\":_vm.EmailBlur},model:{value:(_vm.LinkEmail),callback:function ($$v) {_vm.LinkEmail=$$v},expression:\"LinkEmail\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clear\"},[_vm._m(3),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w85Per\"},[_c('el-input',{staticClass:\"l dataInput\",class:(!_vm.Address && _vm.AddressTip)?'inputWarn':'',attrs:{\"placeholder\":\"\",\"maxlength\":\"500\"},model:{value:(_vm.Address),callback:function ($$v) {_vm.Address=$$v},expression:\"Address\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\"Note：\")]),_vm._v(\" \"),_c('div',{staticClass:\"l marL5 w85Per\"},[_c('el-input',{staticClass:\"dataInput\",attrs:{\"type\":\"textarea\",\"placeholder\":\"\",\"maxlength\":\"1000\",\"rows\":2},model:{value:(_vm.Remark),callback:function ($$v) {_vm.Remark=$$v},expression:\"Remark\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clear\",staticStyle:{\"line-height\":\"37px\",\"padding\":\"20px 0\"}},[_c('div',{staticClass:\"leftInfo l\"},[_vm._v(\" \")]),_vm._v(\" \"),_c('div',{staticClass:\"w85Per l clear\",staticStyle:{\"line-height\":\"45px\"}},[_c('div',{staticClass:\"blueBtnW sumbit marL10 r\",staticStyle:{\"font-size\":\"18px\"},on:{\"click\":function($event){return _vm.sumbitTrueTh()}}},[_vm._v(\"Sumbit\")]),_vm._v(\" \"),(_vm.PlanCargoDate.length == 2)?_c('span',[_c('span',{staticClass:\"r colRed fontWeight marL10\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"US $\"+_vm._s(Number(_vm.sumCost).toFixed(2)))]),_vm._v(\" \"),_c('span',{staticClass:\"r fontWeight\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"Total cost：\")])]):_vm._e()])])])])]):_vm._e()]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"marBot10\"},[_vm._m(4)]),_vm._v(\" \"),_c('el-dialog',{attrs:{\"title\":\"Select my freight order\",\"visible\":_vm.addOrderBox,\"before-close\":_vm.cancel,\"close-on-click-modal\":false,\"custom-class\":\"addOrd font12\",\"width\":\"850px\"},on:{\"update:visible\":function($event){_vm.addOrderBox=$event}}},[_c('el-scrollbar',{staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"clear\",staticStyle:{\"line-height\":\"30px\"}},[_c('span',{staticClass:\"l\"},[_vm._v(\"\\n Date of order：\\n \")]),_vm._v(\" \"),_c('span',{staticClass:\"l\"},[_c('el-date-picker',{staticStyle:{\"width\":\"180px\"},attrs:{\"picker-options\":_vm.pickerBeginDateBefore,\"type\":\"date\",\"placeholder\":\"\",\"format\":\"MMM dd,yyyy\",\"value-format\":\"yyyy-MM-dd\"},model:{value:(_vm.OrderStartDate),callback:function ($$v) {_vm.OrderStartDate=$$v},expression:\"OrderStartDate\"}})],1),_vm._v(\" \"),_c('span',{staticClass:\"l H-line\"},[_vm._v(\"—\")]),_vm._v(\" \"),_c('span',{staticClass:\"l\"},[_c('el-date-picker',{staticStyle:{\"width\":\"180px\"},attrs:{\"picker-options\":_vm.pickerBeginDateAfter,\"type\":\"date\",\"placeholder\":\"\",\"format\":\"MMM dd,yyyy\",\"value-format\":\"yyyy-MM-dd\"},model:{value:(_vm.OrderEndDate),callback:function ($$v) {_vm.OrderEndDate=$$v},expression:\"OrderEndDate\"}})],1),_vm._v(\" \"),_c('span',{staticClass:\"l marL20\"},[_vm._v(\"Order type：\")]),_vm._v(\" \"),_c('span',{staticClass:\"l\"},[_c('el-select',{staticStyle:{\"width\":\"100px\"},attrs:{\"placeholder\":\"\"},model:{value:(_vm.WaybillType),callback:function ($$v) {_vm.WaybillType=$$v},expression:\"WaybillType\"}},_vm._l((_vm.WayOpt),function(item){return _c('el-option',{key:item.val,attrs:{\"label\":item.name,\"value\":item.val}})}),1)],1),_vm._v(\" \"),_c('span',{staticClass:\"l marL20\"},[_c('div',{staticClass:\"blueBtnW\",on:{\"click\":function($event){return _vm.getCargoQuery()}}},[_vm._v(\"Search\")])])]),_vm._v(\" \"),_c('div',{staticStyle:{\"padding-bottom\":\"10px\"}},[_c('div',{staticClass:\"AddOrderCss_C_02 marTop10 marBot20\"}),_vm._v(\" \"),_c('div',{staticClass:\"AddOrderCss_C_03\"},[_c('ul',{staticClass:\"ul01\",staticStyle:{\"margin\":\"0\"}},[_c('li',{staticStyle:{\"width\":\"4%\"}},[_c('el-checkbox',{on:{\"change\":function($event){return _vm.isCheckAll('Thcheck')}},model:{value:(_vm.ThcheckAll),callback:function ($$v) {_vm.ThcheckAll=$$v},expression:\"ThcheckAll\"}})],1),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"7%\"}},[_vm._v(\"No.\")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"19%\"}},[_vm._v(\"Order No.\")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"15%\"}},[_c('p',[_vm._v(\"Order type\")]),_vm._v(\" \"),_c('p',[_vm._v(\"Type of shipping\")])]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"16%\"}},[_vm._v(\"Destination\")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_c('p',[_vm._v(\"Weight\")]),_vm._v(\" \"),_c('p',[_vm._v(\"(kg)\")])]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_c('p',[_vm._v(\"Volume\")]),_vm._v(\" \"),_c('p',[_vm._v(\"(CBM)\")])]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_vm._v(\"Unit\")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"15%\"}},[_vm._v(\"Order time\")])]),_vm._v(\" \"),(!_vm.ordTableData.length && !_vm.queryWait)?_c('div',{staticClass:\"showIco\",staticStyle:{\"text-align\":\"center\"}},[_c('p',{staticClass:\"showP1 marTop20\"},[_c('i',{staticClass:\"fa fa-order iconTips\"})]),_vm._v(\" \"),_c('p',{staticClass:\"showP2\"},[_vm._v(\"No Results\")])]):_vm._e(),_vm._v(\" \"),_vm._l((_vm.ordTableData),function(item,index){return (_vm.ordTableData.length && !_vm.queryWait)?_c('ul',{staticClass:\"ul02\",staticStyle:{\"margin\":\"0\"}},[(item.ServiceCode==0)?_c('li',{staticStyle:{\"width\":\"4%\"}},[_c('el-checkbox',{on:{\"change\":function($event){return _vm.knowIsCheck(item.WaybillNO,index)}},model:{value:(item.ThcheckSel),callback:function ($$v) {_vm.$set(item, \"ThcheckSel\", $$v)},expression:\"item.ThcheckSel\"}})],1):_vm._e(),_vm._v(\" \"),(item.ServiceCode!= 0)?_c('li',{staticStyle:{\"width\":\"4%\"}},[_c('el-popover',{attrs:{\"placement\":\"top-start\",\"trigger\":\"hover\"}},[_c('div',[(item.ServiceCode==1)?_c('span',[_vm._v(\"No pickup service\")]):_vm._e(),_vm._v(\" \"),(item.ServiceCode==2)?_c('span',[_vm._v(\"No service for this weight\")]):_vm._e(),_vm._v(\" \"),(item.ServiceCode==3)?_c('span',[_vm._v(\"Inconsistent receiving warehouse address\")]):_vm._e(),_vm._v(\" \"),(item.ServiceCode==4)?_c('span',[_vm._v(\"Temporarily Out of Service\")]):_vm._e()]),_vm._v(\" \"),_c('span',{attrs:{\"slot\":\"reference\"},slot:\"reference\"},[_c('i',{staticClass:\"fa fa-tips cursor colRed\"})])])],1):_vm._e(),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"7%\"}},[_vm._v(_vm._s(item.ordNo))]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"19%\"}},[_vm._v(_vm._s(item.WaybillNO))]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"15%\"}},[_c('p',[_vm._v(_vm._s(item.WaybillTypeNameEn)+\" \")]),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(item.ModeCodeEn))])]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"16%\"}},[_vm._v(_vm._s(item.DestCountryNameEn))]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_vm._v(\"\\n \"+_vm._s(item.OrderWeight)+\"\\n \")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_vm._v(\"\\n \"+_vm._s(item.OrderVolume)+\"\\n \")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"13%\"}},[_vm._v(\"\\n \"+_vm._s(item.PackagesNum)+\"\\n \")]),_vm._v(\" \"),_c('li',{staticStyle:{\"width\":\"15%\"}},[_c('p',[_vm._v(_vm._s(new Date(item.CreateTime).Format('yyyy-MM-dd')))]),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(new Date(item.CreateTime).Format('hh:mm:ss')))])])]):_vm._e()})],2),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.queryWait && _vm.ordTableData.length),expression:\"!queryWait && ordTableData.length\"}],staticClass:\"pagination marTop10\",staticStyle:{\"text-align\":\"center\"}},[_c('el-pagination',{staticClass:\"pageSizeList\",attrs:{\"background\":\"\",\"small\":\"\",\"current-page\":_vm.currentPage,\"pager-count\":5,\"page-size\":_vm.Take,\"layout\":\" total, sizes, prev, pager, next, jumper\",\"page-sizes\":[20, 50,100],\"total\":_vm.Total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.queryWait),expression:\"queryWait\"}],staticClass:\"marBot10\"},[_c('div',{staticClass:\"pageTipMar\"},[_c('p',{staticStyle:{\"padding\":\"30px 0\",\"text-align\":\"center\"}},[_c('img',{staticStyle:{\"width\":\"36px\",\"height\":\"36px\",\"display\":\"inline-block\"},attrs:{\"src\":require(\"../../../assets/img/loading.gif\")}})])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"foot\"},[_c('div',{staticClass:\"colRed\",staticStyle:{\"padding\":\"20px 0 10px 0\"}},[_c('span',{staticClass:\"colRed\"},[_vm._v(\"After selecting an international order, Freightshop will check the price for you again due to the change of billing!\")])]),_vm._v(\" \"),_c('div',{staticClass:\"btn clear\"},[_c('div',{staticClass:\"l lineBlueBtn cursor\",staticStyle:{\"width\":\"110px\"},on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")]),_vm._v(\" \"),_c('div',{staticClass:\"marL20 l cursor\",class:_vm.selIndex.length> 0 ? 'blueBtn':'grayBtn ',staticStyle:{\"width\":\"110px\"},on:{\"click\":_vm.makePickUp}},[_vm._v(\"Confirm\")])])])],1),_vm._v(\" \"),_c('el-dialog',{attrs:{\"title\":\"Quick order\",\"visible\":_vm.discernBox,\"close-on-click-modal\":false,\"custom-class\":\"addOrd discernBox\",\"width\":\"600px\"},on:{\"update:visible\":function($event){_vm.discernBox=$event}}},[_c('div',{staticClass:\"content\"},[_c('div',{},[_vm._v(\"\\n Paste the whole address, automatically identify the name, telephone, email and address, and separate the information with commas\\n \")]),_vm._v(\" \"),_c('div',{staticClass:\"marTop5\"},[_c('el-input',{class:(_vm.discernInfoTip && !_vm.discernInfo)?'inputWarn':'',attrs:{\"type\":\"textarea\",\"maxlength\":\"500\",\"rows\":4,\"placeholder\":\"For example: Alice,13988888888， tom@gmail.com，room 1004 XXXX building Dongguan City Guangdong Province\"},model:{value:(_vm.discernInfo),callback:function ($$v) {_vm.discernInfo=$$v},expression:\"discernInfo\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"foot\"},[_c('div',{staticClass:\"btn\"},[_c('div',{staticClass:\"lineBlueBtnW\",on:{\"click\":_vm.pickAddr}},[_vm._v(\"Confirm\")])])])])]),_vm._v(\" \"),_c('el-dialog',{attrs:{\"title\":\"Quick order\",\"visible\":_vm.discernBox1,\"close-on-click-modal\":false,\"custom-class\":\"addOrd discernBox\",\"width\":\"600px\"},on:{\"update:visible\":function($event){_vm.discernBox1=$event}}},[_c('div',{staticClass:\"content\"},[_c('div',{},[_vm._v(\"\\n Paste the whole address, automatically identify the name, telephone, email and address, and separate the information with commas\\n \")]),_vm._v(\" \"),_c('div',{staticClass:\"marTop5\"},[_c('el-input',{class:(_vm.discernInfoTip1 && !_vm.discernInfo1)?'inputWarn':'',attrs:{\"type\":\"textarea\",\"rows\":4,\"maxlength\":\"500\",\"placeholder\":\"For example: Alice,13988888888， tom@gmail.com，room 1004 XXXX building Dongguan City Guangdong Province\"},model:{value:(_vm.discernInfo1),callback:function ($$v) {_vm.discernInfo1=$$v},expression:\"discernInfo1\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"foot\"},[_c('div',{staticClass:\"btn\"},[_c('div',{staticClass:\"lineBlueBtnW cursor\",on:{\"click\":_vm.pickAddr1}},[_vm._v(\"Confrim\")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"dialogBox\"},[_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.sumbitBtn,\"close-on-click-modal\":false,\"custom-class\":\"borRad10\",\"width\":\"400px\"},on:{\"update:visible\":function($event){_vm.sumbitBtn=$event},\"close\":function($event){_vm.sumbitBtn= false}}},[_c('div',{staticClass:\"marTop20\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"As you have modified the goods information, the cost will change.\")]),_vm._v(\" \"),_c('div',{staticClass:\"marTop10\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" Please kindly confirm.\")]),_vm._v(\" \"),_c('div',{staticClass:\"marTop10 fontWeight\",staticStyle:{\"text-align\":\"center\"}},[_c('span',{staticClass:\"colRed\"},[_vm._v(\"US $\"+_vm._s(Number(_vm.oldSumCost).toFixed(2))+\" → US $\"+_vm._s(Number(_vm.sumCost).toFixed(2)))])]),_vm._v(\" \"),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.sumbitBtn= false}}},[_vm._v(\"Cancel\")]),_vm._v(\" \"),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.falseUpdataTh}},[_vm._v(\"Confirm\")])],1)])],1),_vm._v(\" \"),_c('div',{staticClass:\"dialogBox\"},[_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.sumbitTrueBtn,\"close-on-click-modal\":false,\"custom-class\":\"borRad10\",\"width\":\"400px\"},on:{\"update:visible\":function($event){_vm.sumbitTrueBtn=$event},\"close\":function($event){_vm.sumbitTrueBtn= false}}},[_c('div',{staticClass:\"marTop20\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"As you have modified the goods information, the cost will change.\")]),_vm._v(\" \"),_c('div',{staticClass:\"marTop10\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" Please kindly confirm.\")]),_vm._v(\" \"),_c('div',{staticClass:\"marTop10 fontWeight\",staticStyle:{\"text-align\":\"center\"}},[_c('span',{staticClass:\"colRed\"},[_vm._v(\"US $\"+_vm._s(Number(_vm.WConcent.Cost).toFixed(2))+\" → US $\"+_vm._s(Number(_vm.sumCost).toFixed(2)))])]),_vm._v(\" \"),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.sumbitTrueBtn= false}}},[_vm._v(\"Cancel\")]),_vm._v(\" \"),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.UpdataTh}},[_vm._v(\"Confirm\")])],1)])],1),_vm._v(\" \"),_c('senderAddrBox',{ref:\"senderBox\",on:{\"senderMsgEvent\":_vm.showMsgSender}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"position\":\"absolute\",\"left\":\"-150px\",\"text-align\":\"right\",\"bottom\":\"12px\",\"width\":\"150px\",\"font-weight\":\"600\"}},[_c('span',{staticClass:\"colRed\"},[_vm._v(\"*\")]),_vm._v(\"Time of appointment：\\n \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',{attrs:{\"width\":\"10%\",\"align\":\"right\"}},[_c('span',{staticClass:\"colRed\"},[_vm._v(\"*\")]),_vm._v(\"Total unit：\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tr',[_c('th',[_vm._v(\"Order No.\")]),_vm._v(\" \"),_c('th',{staticStyle:{\"line-height\":\"22px\"}},[_c('div',[_vm._v(\"Order type\")]),_c('div',[_vm._v(\"Type of shipping\")])]),_vm._v(\" \"),_c('th',[_vm._v(\"Destination\")]),_vm._v(\" \"),_c('th',{staticStyle:{\"line-height\":\"14px\"}},[_c('div',[_vm._v(\"Weight\")]),_c('div',{},[_vm._v(\"(KG)\")])]),_vm._v(\" \"),_c('th',{staticStyle:{\"line-height\":\"14px\"}},[_c('div',[_vm._v(\"Volume\")]),_c('div',{},[_vm._v(\"(CBM)\")])]),_vm._v(\" \"),_c('th',[_vm._v(\"Unit\")]),_vm._v(\" \"),_c('th',[_vm._v(\"Order time\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"leftInfo l\"},[_c('span',{staticClass:\"colRed\"}),_vm._v(\"Detailed address：\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pageTipMar\"},[_c('p',{staticStyle:{\"padding\":\"30px 0\",\"text-align\":\"center\"}},[_c('img',{staticStyle:{\"width\":\"36px\",\"height\":\"36px\",\"display\":\"inline-block\"},attrs:{\"src\":require(\"../../../assets/img/loading.gif\")}})])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-66bdd89f\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/userCenter/pickUp/pickUpEdit.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-66bdd89f\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"./src/styles/index.scss\\\\\\\";\\\",\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./pickUpEdit.vue\")\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-66bdd89f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"./src/styles/index.scss\\\\\\\";\\\",\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./pickUpEdit.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../assets/js/userCenter/pickup/pickUpEdit.js\"\nimport __vue_script__ from \"!!babel-loader!../../../assets/js/userCenter/pickup/pickUpEdit.js\"/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-66bdd89f\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./pickUpEdit.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-66bdd89f\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/userCenter/pickUp/pickUpEdit.vue\n// module id = null\n// module chunks = ","import { post, fetch, Del, put } from \"@/ask/axios\";\nexport default {\n data() {\n return {\n api: {\n url: \"\",\n param: \"\",\n response: {},\n message: \"\"\n },\n Nodata: false,\n StartDate: '',\n EndDate: '',\n curTH: '',\n skip: 0,\n pageSize: 20,\n total: 0,\n currentPage: 1,\n ListData: [],\n\n share: false,\n shareEmail: '',\n OrderNO: '',\n Note: '',\n shareEmailTip: false,\n //日期输入处理,结束日期不能大于开始日期\n pickerBeginDateBefore: {\n disabledDate: time => {\n if (this.EndDate) {\n return time.getTime() > Date.now() || time.getTime() > this.EndDate;\n } else {\n return time.getTime() > Date.now();\n }\n }\n },\n //日期输入处理，结束日期不能大于开始日期\n pickerBeginDateAfter: {\n disabledDate: time => {\n // console.log(\"time:\" + this.StartDate);\n let startDate = new Date(this.StartDate);\n return time.getTime() < startDate.getTime() || time.getTime() > Date.now();\n }\n },\n\n //状态列表\n TakeStatus: 0,\n statusOptions: [\n {\n value: 0,\n label: 'Status'\n }, {\n value: 1,\n label: 'Distributing'\n }, {\n value: 2,\n label: 'Waiting'\n }, {\n value: 3,\n label: 'Picking up'\n }, {\n value: 4,\n label: 'Picked up'\n }, {\n value: 5,\n label: 'Delivered'\n }, {\n value: 6,\n label: 'Terminated'\n }, {\n value: 7,\n label: 'Cancel'\n },\n ],\n\n isDataNone: false, //是否有渠道数据\n isLoading: false, //加载中...\n isData: false,\n }\n },\n created() {\n this.datetime()\n this.getOrdList()\n },\n methods: {\n // 自动赋值一个月期间时间\n datetime() {\n this.EndDate = new Date(new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1);\n let StartDate = new Date(new Date().setMonth(this.EndDate.getMonth() - 1))\n this.StartDate = new Date(new Date(new Date(StartDate).toLocaleDateString()).getTime());\n },\n billStatus(status) {\n let arr = [\n \"Distributing\",\n \"Waiting\",\n \"Picking up\",\n \"Picked up\",\n \"Delivered\",\n \"Terminated\",\n \"Cancel\"\n ]\n return arr[status - 1]\n },\n clkDel(THBillNo) {\n this.$confirm(\"Are you sure you want to cancel this order?\", \"\", {\n customClass: \"custom-message-box\", //自定义添加Class\n confirmButtonText: \"Yes\",\n cancelButtonText: \"No\",\n cancelButtonClass: \"btn-custom-cancel\", //添加class,更换删除和取消按钮位置\n closeOnClickModal: false, //是否可通过点击遮罩关闭 MessageBox\n showCancelButton: true,//去掉取消按钮\n //showClose:false,//去掉右上角的取消（X）\n // type: 'warning',\n center: true\n }).then(() => {\n this.delApi(THBillNo);\n }).catch(() => { });\n return false;\n },\n\n delApi(THBillNo) {\n let that = this\n this.api.param = {\n tHBillNo: THBillNo,\n }\n // this.api.url = this.$api03 + \"/api/TradeCustomer/PickupOrders/Remove\";\n this.api.url = this.$api04 + \"/Pickup/api/PickupOrder/Remove\";\n fetch(this.api.url, this.api.param).then(res => {\n if (res.IsOK) {\n that.$confirm(\"Cancel successfully!\", \"\", {\n customClass: \"custom-message-box\", //自定义添加Class\n confirmButtonText: \"Confirm\",\n cancelButtonText: \"Cancel\",\n cancelButtonClass: \"btn-custom-cancel\", //添加class,更换删除和取消按钮位置\n closeOnClickModal: false, //是否可通过点击遮罩关闭 MessageBox\n showCancelButton: false,//去掉取消按钮\n //showClose:false,//去掉右上角的取消（X）\n // type: 'warning',\n center: true\n }).then(() => {\n that.getOrdList();\n }).catch(() => {\n\n });\n return false;\n } else {\n that.$confirm(\"Cancel failed!\", \"\", {\n customClass: \"custom-message-box\", //自定义添加Class\n confirmButtonText: \"Confirm\",\n cancelButtonText: \"Cancel\",\n cancelButtonClass: \"btn-custom-cancel\", //添加class,更换删除和取消按钮位置\n closeOnClickModal: false, //是否可通过点击遮罩关闭 MessageBox\n showCancelButton: false,//去掉取消按钮\n //showClose:false,//去掉右上角的取消（X）\n // type: 'warning',\n center: true\n }).then(() => {\n\n }).catch(() => {\n\n });\n return false;\n }\n\n });\n },\n goEdit(tH) {\n this.$router.push({ path: '/pickUp/pickUpEdit', query: { thNo: tH } });\n },\n //分页\n handleSizeChange(val) {\n this.currentPage = 1\n this.pageSize = val\n this.getOrdList()\n },\n handleCurrentChange(val) {\n this.currentPage = val;\n this.getOrdList()\n },\n //==============列表================//\n StatusSelect() { //状态选择\n this.currentPage = 1\n this.getOrdList();\n },\n //列表接口\n getOrdList() {\n let that = this\n that.StartDate = !that.StartDate ? '' : new Date(that.StartDate).Format('yyyy-MM-dd 00:00:01')\n that.EndDate = !that.EndDate ? '' : new Date(that.EndDate).Format('yyyy-MM-dd 23:59:59')\n\n this.api.param = {\n OrderNO: that.OrderNO.replace(/(^\\s*)|(\\s*$)/g, \"\"),//单号去掉前后空格\n takeStatus: that.TakeStatus,//订单状态\n startDate: that.StartDate,//下单开始时间\n endDate: that.EndDate,//下单结束时间\n skip: (that.currentPage - 1) * that.pageSize,\n take: that.pageSize\n }\n that.isLoading = true; //加载中...\n that.isDataNone = false; //没有数据查无订单\n that.isData = false; //有数据列表\n\n // this.api.url = this.$api03 + \"/api/TradeCustomer/PickupOrders/Query\";\n this.api.url = this.$api04 + \"/Pickup/api/PickupOrderQuery/Query\";\n fetch(this.api.url, this.api.param).then(res => {\n if (res.IsOK == true) {\n that.isLoading = false;\n that.isData = true;\n if (res.Results) {\n if (res.Results.length < 0 || res.Results.length == 0) {\n that.isDataNone = true;\n that.isDataNone != that.isLoading;\n } else {\n that.isDataNone = false;\n }\n }\n } else {\n that.isLoading = false;\n that.isDataNone = true;\n }\n\n that.ListData = res.Results\n that.total = res.Total\n });\n },\n shareStart(th) {\n this.share = true\n this.curTH = th\n },\n EmailBlur() {\n var emailReg = /^([a-zA-Z0-9_\\.\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$/;\n if (!emailReg.test(this.shareEmail)) {\n this.shareEmail = ''\n }\n },\n shareDriver() {\n this.shareEmailTip = true\n if (!this.shareEmail) {\n return false\n }\n this.api.param = {\n \"THBillNO\": this.curTH,\n \"ShareEmail\": this.shareEmail,\n \"Remark\": this.Note\n }\n this.api.url = this.$api03 + \"/api/TradeCustomer/THOrder/DriverShare\";\n post(this.api.url, this.api.param).then(res => {\n if (res.IsOK) {\n this.$alert('successfully', '', {\n customClass: 'custom-message-box', //自定义添加Class\n confirmButtonText: 'Confirm',\n cancelButtonClass: 'btn-custom-cancel', //添加class,更换删除和取消按钮位置\n closeOnClickModal: false,//是否可通过点击遮罩关闭 MessageBox\n center: true\n }).then(() => {\n this.share = false\n this.shareEmailTip = false\n }).catch(() => {\n this.share = false\n this.shareEmailTip = false\n });\n }\n });\n },\n //关闭分享弹窗，清除输入框数据\n ColseBtn() {\n this.shareEmail = ''\n this.Note = ''\n this.shareEmailTip = false\n },\n\n },\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/assets/js/userCenter/pickup/pickUpList.js","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"mainUser expList\"},[_c('div',{staticClass:\"mainBox\"},[_c('div',{staticClass:\"listContent\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"contentText\"},[_c('table',{staticClass:\"TableCss\",attrs:{\"border\":\"0\",\"cellspacing\":\"0\",\"cellpadding\":\"0\",\"width\":\"100%\"}},[_c('tr',[_c('th',{attrs:{\"align\":\"right\",\"width\":\"10%\"}},[_vm._v(\"Bill of lading number：\")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"18%\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.OrderNO),expression:\"OrderNO\"}],staticClass:\"inputLine\",staticStyle:{\"width\":\"97%\"},attrs:{\"type\":\"text\",\"placeholder\":\"International order No.／Bill of lading No.\"},domProps:{\"value\":(_vm.OrderNO)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.OrderNO=$event.target.value}}})]),_vm._v(\" \"),_c('th',{attrs:{\"align\":\"right\",\"width\":\"8%\"}},[_vm._v(\"Date of Order：\")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"30%\"}},[_c('span',{staticClass:\"l\"},[_c('el-date-picker',{staticStyle:{\"width\":\"180px\"},attrs:{\"type\":\"date\",\"picker-options\":_vm.pickerBeginDateBefore,\"placeholder\":\"Select date\",\"format\":\"MMM dd,yyyy\",\"value-format\":\"yyyy-MM-dd\"},model:{value:(_vm.StartDate),callback:function ($$v) {_vm.StartDate=$$v},expression:\"StartDate\"}})],1),_vm._v(\" \"),_c('span',{staticClass:\"l H-line\"},[_vm._v(\"—\")]),_vm._v(\" \"),_c('span',{staticClass:\"l\"},[_c('el-date-picker',{staticStyle:{\"width\":\"180px\"},attrs:{\"type\":\"date\",\"picker-options\":_vm.pickerBeginDateAfter,\"placeholder\":\"Select date\",\"format\":\"MMM dd,yyyy\",\"value-format\":\"yyyy-MM-dd\"},model:{value:(_vm.EndDate),callback:function ($$v) {_vm.EndDate=$$v},expression:\"EndDate\"}})],1)]),_vm._v(\" \"),_c('td',{attrs:{\"align\":\"left\",\"width\":\"8%\"}},[_c('input',{staticClass:\"btnBlue\",attrs:{\"type\":\"submit\",\"value\":\"Search\"},on:{\"click\":_vm.getOrdList}})])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"contBotGary borBotRRad borBotLRad\",staticStyle:{\"height\":\"100%\"}},[_c('div',[_c('a',{staticClass:\"linkALine r\",staticStyle:{\"line-height\":\"15px\"}},[_vm._v(\"Go\")]),_vm._v(\" \"),_c('el-pagination',{staticClass:\"r pageSizeList\",attrs:{\"background\":\"\",\"small\":\"\",\"current-page\":_vm.currentPage,\"pager-count\":5,\"page-size\":_vm.pageSize,\"layout\":\"total, sizes, prev, pager, next, jumper\",\"page-sizes\":[10, 20, 50],\"total\":_vm.total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1),_vm._v(\" \"),_c('div',{staticClass:\"cl\"})]),_vm._v(\" \"),_c('div',{staticClass:\"cl\"})]),_vm._v(\" \"),_c('div',{staticClass:\"listContent\",staticStyle:{\"margin-bottom\":\"0px\"}},[_c('table',{staticClass:\"TableCss pickList\",attrs:{\"border\":\"0\",\"cellspacing\":\"0\",\"cellpadding\":\"0\",\"width\":\"100%\"}},[_c('tr',[_c('th',{staticClass:\"borTLRad\",attrs:{\"align\":\"center\",\"width\":\"18%\"}},[_c('el-select',{staticClass:\"selectBorLine l selectInput BgColor\",staticStyle:{\"width\":\"200px\"},on:{\"change\":_vm.StatusSelect},model:{value:(_vm.TakeStatus),callback:function ($$v) {_vm.TakeStatus=$$v},expression:\"TakeStatus\"}},_vm._l((_vm.statusOptions),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1),_vm._v(\" \"),_c('th',{attrs:{\"align\":\"center\",\"width\":\"15%\"}},[_vm._v(\"Time of appointment\")]),_vm._v(\" \"),_c('th',{attrs:{\"align\":\"center\",\"width\":\"10%\"}},[_vm._v(\"Total associated orders\")]),_vm._v(\" \"),_vm._m(0),_vm._v(\" \"),_c('th',{attrs:{\"align\":\"center\",\"width\":\"23%\"}},[_vm._v(\"Associated order number\")]),_vm._v(\" \"),_vm._m(1),_vm._v(\" \"),_c('th',{staticClass:\"borTRRad\",attrs:{\"align\":\"center\"}},[_vm._v(\"Actions\")])])])]),_vm._v(\" \"),_vm._l((_vm.ListData),function(item,index){return (_vm.isData)?_c('div',{key:index,staticClass:\"listContent\",staticStyle:{\"margin\":\"0 0 10px\"}},[_c('table',{staticClass:\"TableCss pickList\",attrs:{\"border\":\"0\",\"cellspacing\":\"0\",\"cellpadding\":\"0\",\"width\":\"100%\"}},[_c('tr',[_c('td',{staticStyle:{\"text-align\":\"left\",\"padding-left\":\"15px\"},attrs:{\"width\":\"18%\"}},[_c('div',[_c('router-link',{staticClass:\"colBlue\",attrs:{\"to\":{\n path: '/pickup/pickupDetails',\n query: { thNo: item.THBillNo },\n }}},[_vm._v(_vm._s(item.THBillNo))])],1),_vm._v(\" \"),_c('div',[_c('span',{staticClass:\"colBlue\"},[_vm._v(\"●\")]),_c('b',{staticStyle:{\"color\":\"#041526\"}},[_vm._v(_vm._s(_vm.billStatus(item.BillStatus)))])]),_vm._v(\" \"),_c('div',[_vm._v(\"\\n \"+_vm._s(_vm._f(\"dateFmt\")(item.CreateTime,\"HH:mm:ss a, MMM DD, YYYY\"))+\"\\n \")]),_vm._v(\" \"),_c('div',[(item.PCS > 0)?_c('span',[_vm._v(_vm._s(item.PCS)),(item.PCS == 1)?_c('em',[_vm._v(\"Unit\")]):_vm._e(),(item.PCS > 1)?_c('em',[_vm._v(\"Units\")]):_vm._e(),_vm._v(\",\")]):_vm._e(),_vm._v(\" \"),(item.Weight > 0)?_c('span',[_vm._v(_vm._s(item.Weight)+\"KG\")]):_vm._e(),_vm._v(\" \"),(item.Weight > 0 && item.Volume > 0)?_c('em',[_vm._v(\"，\")]):_vm._e(),_vm._v(\" \"),(item.Volume > 0)?_c('span',[_vm._v(_vm._s(item.Volume)+\"CBM\")]):_vm._e()])]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"15%\"}},[_vm._v(\"\\n \"+_vm._s(_vm._f(\"dateFmt\")(item.PlanCargoDate,\"MMM DD, YYYY\"))+\"\\n \")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"10%\"}},[_vm._v(_vm._s(item.OrderCount))]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"13%\"}},[_vm._v(_vm._s(item.Weight))]),_vm._v(\" \"),_c('td',{staticStyle:{\"word-break\":\"break-word\",\"text-align\":\"center\"},attrs:{\"width\":\"23%\"}},[_vm._v(\"\\n \"+_vm._s(item.OrderNO)+\"\\n \")]),_vm._v(\" \"),_c('td',{attrs:{\"width\":\"13%\"}},[(\n !(!item.LadingName && !item.LadingPhone && !item.VehicleNo)\n )?_c('div',{staticClass:\"hint\"},[_c('i',{staticClass:\"fa fa-shareDriver\",staticStyle:{\"font-size\":\"20px\",\"color\":\"#004fb1\",\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.shareStart(item.THBillNo)}}}),_vm._v(\" \"),_vm._m(2,true)]):_vm._e(),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(item.LadingName))]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(item.LadingPhone))]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(item.VehicleNo))])]),_vm._v(\" \"),_c('td',[(\n !(\n item.BillStatus == 4 ||\n item.BillStatus == 5 ||\n item.BillStatus == 7\n )\n )?_c('div',{staticClass:\"colBlue pointer\",on:{\"click\":function($event){return _vm.clkDel(item.THBillNo)}}},[_vm._v(\"\\n Cancel\\n \")]):_vm._e(),_vm._v(\" \"),(\n item.THOrderEnType == 1 &&\n (item.BillStatus == 1 || item.BillStatus == 2)\n )?_c('div',{staticClass:\"colBlue pointer\",on:{\"click\":function($event){return _vm.goEdit(item.THBillNo)}}},[_vm._v(\"\\n Edit order\\n \")]):_vm._e()])])])]):_vm._e()}),_vm._v(\" \"),(_vm.isDataNone)?_c('div',{staticClass:\"listContent pageTips marBot10\",staticStyle:{\"margin-top\":\"0px\",\"border-top-left-radius\":\"0px\",\"border-top-right-radius\":\"0px\"}},[_vm._m(3)]):_vm._e(),_vm._v(\" \"),(_vm.isLoading)?_c('div',{staticClass:\"listContent pageTips marBot10\",staticStyle:{\"margin-top\":\"0px\",\"border-top-left-radius\":\"0px\",\"border-top-right-radius\":\"0px\"}},[_vm._m(4)]):_vm._e()],2)]),_vm._v(\" \"),_c('div',{staticClass:\"dialogBox\"},[_c('el-dialog',{attrs:{\"title\":\"Sharing driver information\",\"visible\":_vm.share,\"close-on-click-modal\":false,\"custom-class\":\"addOrd discernBox\",\"width\":\"575px\"},on:{\"update:visible\":function($event){_vm.share=$event},\"close\":_vm.ColseBtn}},[_c('div',{staticClass:\"content fontWeight colBlack\"},[_c('div',{staticClass:\"clear\"},[_c('div',{staticClass:\"l\",staticStyle:{\"width\":\"60px\",\"text-align\":\"right\"}},[_c('span',{staticClass:\"colRed\"},[_vm._v(\"*\")]),_vm._v(\"Email：\\n \")]),_vm._v(\" \"),_c('el-input',{staticClass:\"l\",class:!_vm.shareEmail && _vm.shareEmailTip ? 'inputWarn' : '',staticStyle:{\"width\":\"450px\"},attrs:{\"type\":\"text\"},on:{\"blur\":_vm.EmailBlur},model:{value:(_vm.shareEmail),callback:function ($$v) {_vm.shareEmail=$$v},expression:\"shareEmail\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"clear marTop10\"},[_c('div',{staticClass:\"l\",staticStyle:{\"width\":\"60px\",\"text-align\":\"right\"}},[_vm._v(\"Note：\")]),_vm._v(\" \"),_c('el-input',{staticClass:\"l\",staticStyle:{\"width\":\"450px\"},attrs:{\"maxlength\":\"200\",\"show-word-limit\":\"\",\"type\":\"textarea\",\"rows\":3,\"placeholder\":\"\"},model:{value:(_vm.Note),callback:function ($$v) {_vm.Note=$$v},expression:\"Note\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"foot\"},[_c('div',{staticClass:\"btn\"},[_c('div',{staticClass:\"lineBlueBtnW\",staticStyle:{\"width\":\"130px\",\"cursor\":\"pointer\"},on:{\"click\":_vm.shareDriver}},[_vm._v(\"\\n Send notification\\n \")])])])])])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',{attrs:{\"align\":\"center\",\"width\":\"13%\"}},[_c('p',[_vm._v(\"Chargeable weight\")]),_vm._v(\" \"),_c('p',[_vm._v(\"(KG)\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',{attrs:{\"align\":\"center\",\"width\":\"13%\"}},[_c('p',[_vm._v(\"Driver /License\")]),_vm._v(\" \"),_c('p',[_vm._v(\"plate number\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"floTipBox\",staticStyle:{\"left\":\"35px\",\"top\":\"35px\"}},[_c('i'),_vm._v(\" \"),_c('p',{attrs:{\"data-v-79ceac56\":\"\"}},[_vm._v(\"\\n Share driver information with others.\\n \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pageTipMar\"},[_c('p',[_c('i',{staticClass:\"fa fa-order iconTips\"})]),_vm._v(\" \"),_c('p',[_vm._v(\"No query orders\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pageTipMar\"},[_c('p',[_c('img',{staticStyle:{\"width\":\"36px\",\"height\":\"36px\"},attrs:{\"src\":require(\"../../../assets/img/loading.gif\")}})]),_vm._v(\" \"),_c('p')])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-4f2f0334\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/userCenter/pickUp/pickUpList.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4f2f0334\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"./src/styles/index.scss\\\\\\\";\\\",\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./pickUpList.vue\")\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4f2f0334\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./pickUpList.vue\")\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4f2f0334\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"./src/styles/index.scss\\\\\\\";\\\",\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=2!./pickUpList.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../assets/js/userCenter/pickup/pickUpList.js\"\nimport __vue_script__ from \"!!babel-loader!../../../assets/js/userCenter/pickup/pickUpList.js\"/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-4f2f0334\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./pickUpList.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-4f2f0334\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/userCenter/pickUp/pickUpList.vue\n// module id = null\n// module chunks = ","\r\nMaximum is 500 characters
\nThank you for your comments!
\n| \n \n Add.: Floor 27,Block A,World Trade Plaza,Fuhong Rd,Futian District,Shenzhen,China \nEMAIL: Support.by56.com \n | \n \n Inquiry name: {{InqDetails.Order.InquiryName}} \nInquiry no.: {{InqDetails.Order.InWaybillNO}} \nQuotation no.: {{airInListData.Price.BJWaybillNO}} \nInquiry date: {{InqDetails.Order.CreateTime | dateFmt('MMM DD, YYYY')}} \nValid until: {{airInListData.Price.PriceValidDate | dateFmt('MMM DD, YYYY')}} \n | \n |||||||||||||||||||||||||||||||||||||
\n
| \n
COMMERCIAL INVOICE | \n ||||||
|---|---|---|---|---|---|---|
| Invoice No. | \n{{fromInvoInfo.InvoiceNo}} | \nDate | \n{{new Date(fromInvoInfo.DateofExportation).Format('yyyy-MM-dd')}} | \n|||
| Country of Origin | \n{{fromInvoInfo.originalCountry}} | \nFreightshop No. | \n{{fromInvoInfo.WaybillNO}} | \n|||
Consignor Information | \n ||||||
| Company | \n{{fromInvoInfo.shipperCompany}} | \n|||||
| Contact | \n{{fromInvoInfo.shipperContact}} | \nTel. | \n{{fromInvoInfo.shipperTEL}} | \n|||
| Add. | \n\n {{fromInvoInfo.shipperAddr}}, {{fromInvoInfo.shipperCity}}, {{fromInvoInfo.shipperProv}}\n | \n|||||
Consignee Information | \n ||||||
| Company | \n{{fromInvoInfo.consigCompany}} | \n|||||
| Contact | \n{{fromInvoInfo.consigContact}} | \nTel. | \n{{fromInvoInfo.consigTEL}} | \n|||
| Country | \n{{fromInvoInfo.consigCountry}} | \nZip Code | \n{{fromInvoInfo.consigZipCode}} | \n|||
| Add. | \n{{fromInvoInfo.consigAddr}}, City:{{fromInvoInfo.consigCity}} | \n|||||
| Commodity | \nMaterial | \nUse | \nHS Code | \nQty | \nUnit Price | \nTotal Price | \n
| {{item.Commodity}} | \n{{item.Material}} | \n{{item.Use}} | \n{{item.HSCode}} | \n{{item.Qty}}{{turnUnit(item.Unit)}} | \nUSD {{Number(item.UnitPrice).toFixed(2)}} | \n\n USD {{(item.Qty * item.UnitPrice).toFixed(2)}} \n \n | \n
| Total Value | \n\n USD {{totalValue.toFixed(2)}} \n \n | \n |||||
SHIPPER’S SIGNATURE & STAMP: | \n
![](\"@/assets/img/logoWhite.png\")
\r\n No. | \n Company | \n Contact | \n Address | \n Action | \n
|---|---|---|---|---|
| {{index+1}} | \n{{item.company}} | \n{{item.Address_Name}} | \n\n {{item.Address_Street}}\n ,{{item.Address_City}}\n ,{{item.Address_ZIPCode}}\n ,{{item.Address_Country}}\n | \n\n Select\n | \n
| No results | \n
| t |
![](\"../../../assets/img/batterytype.png\")
\n ![](\"../../../../static/img/fyImg/iconYeFinish.png\"/)
![](\"../../../../../static/img/1x.png\")
\n