{"version":3,"file":"index.tsx.7fa87754.js","sources":["../../../../../src/components/Loading/index.tsx","../../../../../src/pages/pdf/business.tsx","../../../../../src/pages/skill/business.tsx","../../../../../src/pages/skill/index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\r\nimport { IFomItemSize } from '../FormItemEx/interface'\r\nimport './index.less'\r\n\r\ninterface IProps{\r\n    size?:IFomItemSize\r\n    color?:any,\r\n    className?:any\r\n}\r\n\r\nexport const Loading = (props:IProps)=>{\r\n\r\n    const loadingRef = useRef<any>()\r\n    \r\n    useEffect(()=>{\r\n        if(loadingRef.current){\r\n            // 修改伪类颜色\r\n            const style = document.createElement(\"style\");\r\n            document.head.appendChild(style);\r\n            let  sheet:any = style.sheet\r\n            sheet.addRule('.zc-loading::before',`background-color: ${props.color}`);\r\n            sheet.insertRule(`.zc-loading::before { background-color:  ${props.color} }`, 0);\r\n            sheet.addRule('.zc-loading::after',`background-color: ${props.color}`);\r\n            sheet.insertRule(`.zc-loading::after { background-color:  ${props.color} }`, 0);\r\n            loadingRef.current.setAttribute('data-content','red')\r\n        }\r\n    },[loadingRef.current])\r\n\r\n\r\n\r\n    return (<div className={`zc-loading ${props.className}`} ref={loadingRef}/>)\r\n}","import { Api } from '@/api';\r\nimport ZIcon from '@/components/Icon';\r\nimport { Loading } from '@/components/Loading';\r\nimport { Message } from '@/components/Messsage';\r\nimport Modal from '@/components/Modal';\r\nimport axios from 'axios';\r\nimport React, { useRef, useState } from \"react\";\r\nimport './index.less';\r\n\r\n\r\ninterface Props{\r\n    params?:any,\r\n    trigger?:any\r\n    $?:any\r\n}\r\n\r\nconst Pdf = (props:Props)=>{\r\n\r\n    const pdffile = useRef<any>();\r\n    const serverPdfPath = useRef<string>();\r\n    const [step,setStep] = useState(0);\r\n    const [isDownLoad,setIsDownLoad] = useState(false);\r\n    const [isAddLoaing,setIsAddLoading] = useState(0);\r\n\r\n\r\n    const getFile = (e:any)=>{\r\n        serverPdfPath.current = undefined;\r\n        pdffile.current = undefined;\r\n        const file  = e.target.files[0];\r\n        pdffile.current  = e.target.files[0];\r\n        let url = null;\r\n        const win:any = window;\r\n        if (win?.createObjcectURL != undefined) {\r\n            url = win.createOjcectURL(file);\r\n        } else if (win.URL != undefined) {\r\n            url = win.URL.createObjectURL(file);\r\n        } else if (win.webkitURL != undefined) {\r\n            url = win.webkitURL.createObjectURL(file);\r\n        }\r\n        const PDFObJ: any = PDFObject;\r\n        PDFObJ.embed(url, \"#pdfslot\");\r\n        setStep(1)\r\n    }\r\n\r\n\r\n    const tencent = (err: any) => (\r\n        <div className='text-center f18'>\r\n            <div className='mt30 mb10'>{err.data.message || '系统繁忙，请稍后尝试'}</div>\r\n            <div className='text-center w-100 color-red'>联系客服qq: 2579788799</div>\r\n        </div>\r\n    )\r\n    const tencentBtn = <a className='color-white tencent-btn'\r\n                          href=\"tencent://message/?uin=2579788799&Site=&Menu-=yes\">联系客服</a>\r\n\r\n    const doUpload = () => {\r\n        console.log(pdffile)\r\n        if (!pdffile.current) {\r\n            Message.error('请上传PDF 文件');\r\n            return;\r\n        }\r\n        const form: any = new FormData();\r\n        form.append('file', pdffile.current)\r\n        setIsAddLoading(1);\r\n        Api.Tool.ChangePDF(form).then((res: any) => {\r\n            setTimeout(() => {\r\n                if (res.state) {\r\n                    setIsAddLoading(2)\r\n                    const PDFObJ: any = PDFObject;\r\n                    PDFObJ.embed(res.data, \"#pdfslot\");\r\n                    serverPdfPath.current = res.data;\r\n                    setStep(2);\r\n                    // Message.success('添加Made In China 成功!');\r\n                    setTimeout(() => {\r\n                        setIsAddLoading(0);\r\n                    },500)\r\n                }else{\r\n                    Modal.tips(res.message)\r\n                    setIsAddLoading(0)\r\n                }\r\n            },500)\r\n        }).catch((err:any)=> {\r\n            Modal.confirm({content: tencent(err), okText: tencentBtn})\r\n            // Message.error('系统繁忙，请稍后尝试')\r\n            console.log(err);\r\n            setIsAddLoading(0)\r\n        })\r\n    }\r\n\r\n    const  downLoadFile = ()=>{\r\n        if(!pdffile.current){\r\n            Modal.tips('请上传PDF 文件');\r\n            return;\r\n        }\r\n        if(!serverPdfPath.current){\r\n            Modal.tips('请添加Made In China');\r\n            return;\r\n        }\r\n        setIsDownLoad(true)\r\n        // 获取远端图片\r\n        // alert(fileName)\r\n        const serverFileName = serverPdfPath.current.split('\\\\').slice(-1)\r\n        const [name] = pdffile.current.name.split('.pdf')\r\n        axios({\r\n            method:'get',\r\n            url:`/api/top/deliverskill/DownloadPDF?fileName=${serverFileName}`,\r\n            responseType: \"blob\",\r\n        }).then((_res:any)=>{\r\n            setIsDownLoad(false);\r\n            let blob = new Blob([_res.data], {type: 'application/pdf'});\r\n            let downloadElement:any = document.createElement(\"a\");\r\n            let href = window.URL.createObjectURL(blob); //创建下载的链接\r\n            downloadElement.href = href;\r\n            downloadElement.download = `${name} 已添加Made In China.pdf`; //下载后文件名\r\n            document.body.appendChild(downloadElement);\r\n            downloadElement.click(); //点击下载\r\n            document.body.removeChild(downloadElement); //下载完成移除元素\r\n            window.URL.revokeObjectURL(href); //释放掉blob对象\r\n        }).catch(err=>{\r\n            setIsDownLoad(false)\r\n        })\r\n    }\r\n\r\n\r\n\r\n\r\n    return (\r\n        <div className='pdf_from'>\r\n            <div className=\"pagenametag\"> 在线一键添加Made in China</div>\r\n            {step === 0 && <div className=\"pdf_step\">\r\n                <ul>\r\n                    <li className={step == 0 ? \"active\" : \"\"}>\r\n                        <i className=\"iconfont icon-shangchuan\"/> 上传PDF文件 <span><img src=\"/images/jt.png\"\r\n                                                                                     alt=\"\"/></span>\r\n                    </li>\r\n                    <li>\r\n                        <i className=\"iconfont icon-tianjia\"/> 点击添加 Made In China <em><img src=\"/images/jt.png\" alt=\"\"/></em>\r\n                    </li>\r\n                    <li><i className=\"iconfont icon-xiazai\"/> 下载文件</li>\r\n                    </ul>\r\n                </div>}\r\n                {step===0&&<div className=\"upload_file\">\r\n                    <div className=\"line\">\r\n                  <span className=\"span\">\r\n                  <input name=\"\" type=\"text\" id=\"viewfile\" className=\"inputstyle\" autoComplete='off' />\r\n                  </span>\r\n                        <label  className=\"search_btn_bj\">点击选择PDF文件</label>\r\n                        <img src=\"/images/add_img.png\" alt=\"\"/>\r\n                        <input type=\"file\" className=\"file\" id=\"upload\" onChange={getFile} accept=\"application/pdf\" autoComplete='off'/>\r\n                    </div>\r\n                    <div className=\"pdf_info\">\r\n                        <p>① 内箱每个SKU产品和外箱每个FBA标签上，都均贴有“Made in china”标识，否则货物有可能被退回。</p>\r\n                        <p>② 每个箱子至少贴2张以上FBA箱贴，防止其中一张损坏，而没有办法入库。</p>\r\n                        <p>③ 若有问题请联系qq: <span className='color-red'>2579788799</span>。</p>\r\n                    </div>\r\n                </div>}\r\n\r\n                <div className=\"pdf_view clearfix\" style={{display:step===0?\"none\":\"\"}} >\r\n                    <div className=\"fr\">\r\n                        <button className=\"dl-input-wrap\">\r\n                            <input type='file' className=\"dl-input-cover\" onChange={getFile} autoComplete='off' accept=\"application/pdf\"/>\r\n                            点击选择PDF文件\r\n                        </button>\r\n                        <button   className={step==1?\"download_file\":\"\"} onClick={doUpload}>\r\n                            {/* {isAddLoaing==1&&<Loading color={'white'}/>} */}\r\n                            添加 Made in china\r\n                        </button>\r\n\r\n                        <button  className={step==2?\"download_file\":\"\"} onClick={downLoadFile}>\r\n                            {isDownLoad&&<Loading color={'#ff5e00'}/>}\r\n                            下载文件\r\n                        </button>\r\n                    </div>\r\n                    <div className=\"pdfMaskContent\">\r\n                        <div style={{zIndex:1,flex:1}}>\r\n                            <div className=\"fl pdfcontent\" id=\"pdfslot\">\r\n                            </div>\r\n                        </div>\r\n                        {isAddLoaing!=0&&<div className='pdfMask'>\r\n                            {isAddLoaing==1&&<div className=\"flex flex-column justify-center align-items-center pdf-mask-content\">\r\n                                <Loading color={\"#ff5e00\"} className=\"pdf-mask-icon\" />\r\n                                <div style={{color:'white',marginTop:'10px'}}>正在添加Made in China...</div>\r\n                            </div>}\r\n                            {isAddLoaing==2&&<div className=\"flex flex-column justify-center align-items-center pdf-mask-content\">\r\n                                <ZIcon type={`icon-success`} className='pdf-mask-success-icon' style={{fontSize:'108px',opacity: 1}}/>\r\n                                <div style={{color:'white',marginTop:'10px'}}>添加Made in China成功。</div>\r\n                            </div>}\r\n                        </div>}\r\n                    </div>\r\n                </div>\r\n                {/* <div className=\"floatErrorUpload\">\r\n                  <ZIcon type=\"icon-error\"  style={{color: 'white'}}/>\r\n                  添加失败？\r\n                  <br/>\r\n                  立即上报\r\n               </div> */}\r\n            {/*</div>*/}\r\n            <input type=\"text\" style={{position: 'absolute',zIndex: -1,opacity: 0}}/>\r\n\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Pdf\r\n","import React from \"react\";\r\nimport './index.less';\r\n\r\nimport Pdf from \"@/pages/pdf/business\";\r\nimport {toolsMap} from \"@/pages/skill/helper\";\r\nimport CommonTabs from \"@/pages/components/commonTabs\";\r\n\r\nexport default ()=>{\r\n\r\n    return (\r\n\r\n        <>\r\n            <div className=\"admin_container clearfix\" style={{position: 'relative'}}>\r\n                {/*<div className=\"menu_list \">*/}\r\n                {/*    {*/}\r\n                {/*        toolsMap.map((item: any) =>*/}\r\n                {/*            <div*/}\r\n                {/*                key={item.value}*/}\r\n                {/*                className={1 === item.value && 'tool-menu-active' || 'tool-menu'}*/}\r\n                {/*                onClick={() => location.href = item.path}*/}\r\n                {/*            >{item.label}</div>*/}\r\n                {/*        )*/}\r\n                {/*    }*/}\r\n                {/*</div>*/}\r\n                <CommonTabs title='常用工具' active={1} tabs={toolsMap}/>\r\n                <div className=\"admin_right\">\r\n                    <div className=\"has_table\">\r\n                        <Pdf/>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </>\r\n        // <div className=\"search_from  pdf_from\">\r\n        //     <div className='skill-tabs flex align-items-center'>\r\n        //         <div className={`skill-tab ${active === 1 && 'skill-tab-active'}`} onClick={() => setActive(1)}>\r\n        //             添加Made In China\r\n        //             <span className='skill-tab-line'/>\r\n        //         </div>\r\n        //         <div className={`skill-tab ${active === 2 && 'skill-tab-active'}`} onClick={() => setActive(2)}>\r\n        //             尾程派送费计算\r\n        //             <span className='skill-tab-line'/>\r\n        //         </div>\r\n        //         <div className={`skill-tab ${active === 3 && 'skill-tab-active'}`} onClick={() => setActive(3)}>\r\n        //             FBA仓库信息\r\n        //             <span className='skill-tab-line'/>\r\n        //         </div>\r\n        //         <div className={`skill-tab ${active === 4 && 'skill-tab-active'}`} onClick={() => setActive(4)}>\r\n        //             附加费查询\r\n        //             <span className='skill-tab-line'/>\r\n        //         </div>\r\n        //     </div>\r\n        //     {\r\n        //         active === 1 && <Pdf/> ||\r\n        //         active === 2 && <Fee/> ||\r\n        //         active === 3 && <WareList/> ||  <Surcharge/>\r\n        //     }\r\n        // </div>\r\n    )\r\n}\r\n\r\n","import { AppRender } from \"@/ZRender\";\r\nimport React from \"react\";\r\nimport pages from '../../../page.json'\r\nimport Skill from \"./business\";\r\nimport BaseApp from \"@/pages/_global/index\";\r\n\r\nAppRender(pages.pages[\"src/pages/skill/index.tsx\"], (props?: any) => {\r\n    return (\r\n        <BaseApp>\r\n            <Skill {...props} />\r\n        </BaseApp>\r\n    )\r\n})\r\n"],"names":["Loading","props","loadingRef","useRef","current","style","document","createElement","head","appendChild","sheet","addRule","color","insertRule","setAttribute","className","Pdf","pdffile","serverPdfPath","step","setStep","useState","isDownLoad","setIsDownLoad","isAddLoaing","setIsAddLoading","getFile","e","undefined","file","target","files","url","win","window","createObjcectURL","createOjcectURL","URL","createObjectURL","webkitURL","PDFObject","embed","tencent","err","data","message","tencentBtn","doUpload","log","error","form","FormData","append","Tool","ChangePDF","then","res","state","tips","catch","confirm","content","okText","downLoadFile","serverFileName","split","slice","name","method","responseType","_res","blob","Blob","type","downloadElement","href","download","body","click","removeChild","revokeObjectURL","display","zIndex","flex","marginTop","fontSize","opacity","position","toolsMap","AppRender","pages"],"mappings":"kmBAUaA,GAAU,AAACC,GAAe,MAE7BC,GAAaC,8CAET,IAAI,IACPD,EAAWE,QAAQ,MAEZC,GAAQC,SAASC,cAAc,kBAC5BC,KAAKC,YAAYJ,MACrBK,GAAYL,EAAMK,QACjBC,QAAQ,sBAAuB,qBAAoBV,EAAMW,WACzDC,WAAY,4CAA2CZ,EAAMW,UAAW,KACxED,QAAQ,qBAAsB,qBAAoBV,EAAMW,WACxDC,WAAY,2CAA0CZ,EAAMW,UAAW,KAClER,QAAQU,aAAa,eAAe,SAErD,CAACZ,EAAWE,mBAID,UAAY,cAAaH,EAAMc,YAAa,IAAKb,KCdlE,KAAMc,GAAM,AAACf,GAAc,MAEjBgB,GAAUd,mBACVe,EAAgBf,mBAChB,CAACgB,EAAKC,GAAWC,mBAAS,GAC1B,CAACC,EAAWC,GAAiBF,mBAAS,IACtC,CAACG,EAAYC,GAAmBJ,mBAAS,GAGzCK,EAAU,AAACC,GAAQ,GACPvB,QAAUwB,SAChBxB,QAAUwB,YACZC,GAAQF,EAAEG,OAAOC,MAAM,KACrB3B,QAAWuB,EAAEG,OAAOC,MAAM,MAC9BC,GAAM,UACJC,GAAUC,OACZD,kBAAKE,mBAAoBP,OACnBK,EAAIG,gBAAgBP,GACnBI,EAAII,KAAOT,OACZK,EAAII,IAAIC,gBAAgBT,GACvBI,EAAIM,WAAaX,SAClBK,EAAIM,UAAUD,gBAAgBT,IAEpBW,UACbC,MAAMT,EAAK,cACV,IAINU,EAAU,AAACC,YACR,UAAU,qCACN,UAAU,qBAAaA,EAAIC,KAAKC,SAAW,0EAC3C,UAAU,qFAGjBC,SAAgB,UAAU,0BACV,KAAK,0FAErBC,EAAW,IAAM,YACXC,IAAI/B,GACR,CAACA,EAAQb,QAAS,GACV6C,MAAM,kDAGZC,GAAY,GAAIC,YACjBC,OAAO,OAAQnC,EAAQb,WACZ,KACZiD,KAAKC,UAAUJ,GAAMK,KAAK,AAACC,GAAa,YAC7B,IAAM,CACTA,EAAIC,SACY,GACIjB,UACbC,MAAMe,EAAIZ,KAAM,cACTxC,QAAUoD,EAAIZ,OACpB,cAEG,IAAM,GACG,IAClB,SAEIc,KAAKF,EAAIX,WACC,KAEtB,OACHc,MAAM,AAAChB,GAAW,GACXiB,QAAQ,CAACC,QAASnB,EAAQC,GAAMmB,OAAQhB,YAEtCE,IAAIL,KACI,MAIjBoB,EAAe,IAAI,IACnB,CAAC9C,EAAQb,QAAQ,GACVsD,KAAK,gDAGZ,CAACxC,EAAcd,QAAQ,GAChBsD,KAAK,4CAGD,SAGRM,GAAiB9C,EAAcd,QAAQ6D,MAAM,MAAMC,MAAM,IACzD,CAACC,GAAQlD,EAAQb,QAAQ+D,KAAKF,MAAM,UACpC,CACFG,OAAO,MACPpC,IAAK,8CAA6CgC,IAClDK,aAAc,SACfd,KAAK,AAACe,GAAW,GACF,OACVC,GAAO,GAAIC,MAAK,CAACF,EAAK1B,MAAO,CAAC6B,KAAM,oBACpCC,EAAsBpE,SAASC,cAAc,KAC7CoE,EAAOzC,OAAOG,IAAIC,gBAAgBiC,KACtBI,KAAOA,IACPC,SAAY,GAAET,iDACrBU,KAAKpE,YAAYiE,KACVI,iBACPD,KAAKE,YAAYL,UACnBrC,IAAI2C,gBAAgBL,KAC5BhB,MAAMhB,GAAK,GACI,uBAQb,UAAU,8BACN,UAAU,8EACdxB,IAAS,YAAU,UAAU,8CAElB,UAAWA,GAAQ,EAAI,SAAW,oBAC/B,UAAU,yFAAgD,IAAI,iBACJ,IAAI,mCAG9D,UAAU,+FAAsD,IAAI,iBAAiB,IAAI,mCAEzF,UAAU,6DAGpBA,IAAO,YAAQ,UAAU,iCACjB,UAAU,2BACX,UAAU,2BACT,KAAK,GAAG,KAAK,OAAO,GAAG,WAAW,UAAU,aAAa,aAAa,qBAE/D,UAAU,8EACb,IAAI,sBAAsB,IAAI,gBAC5B,KAAK,OAAO,UAAU,OAAO,GAAG,SAAS,SAAUO,EAAS,OAAO,kBAAkB,aAAa,oBAExG,UAAU,6jBAGW,UAAU,+DAInC,UAAU,oBAAoB,MAAO,CAACuD,QAAQ9D,IAAO,EAAE,OAAO,uBAC1D,UAAU,2BACH,UAAU,qCACP,KAAK,OAAO,UAAU,iBAAiB,SAAUO,EAAS,aAAa,MAAM,OAAO,6EAGrF,UAAWP,GAAM,EAAE,gBAAgB,GAAI,QAAS4B,sDAKjD,UAAW5B,GAAM,EAAE,gBAAgB,GAAI,QAAS4C,YACpDzC,KAAa,GAAQ,MAAO,sDAIhC,UAAU,oCACN,MAAO,CAAC4D,OAAO,EAAEC,KAAK,qBAClB,UAAU,gBAAgB,GAAG,cAGrC3D,GAAa,YAAQ,UAAU,oBAC3BA,GAAa,YAAQ,UAAU,kFAC3B,GAAQ,MAAO,UAAW,UAAU,2BAChC,MAAO,CAACZ,MAAM,QAAQwE,UAAU,iEAExC5D,GAAa,YAAQ,UAAU,kFAC3B,GAAM,KAAO,eAAe,UAAU,wBAAwB,MAAO,CAAC6D,SAAS,QAAQC,QAAS,cAC5F,MAAO,CAAC1E,MAAM,QAAQwE,UAAU,wFAYlD,KAAK,OAAO,MAAO,CAACG,SAAU,WAAWL,OAAQ,GAAGI,QAAS,SC7LhF,MAAe,2BAKE,UAAU,2BAA2B,MAAO,CAACC,SAAU,wBAYvD,GAAW,MAAM,2BAAO,OAAQ,EAAG,KAAMC,aACrC,UAAU,gCACN,UAAU,uBACV,eCrBzBC,EAAUC,EAAMA,MAAM,6BAA8B,AAACzF,KAE5C,cACI,OAAUA"}