{"version":3,"file":"index.tsx.fdd51c46.js","sources":["../../../../../src/pages/leveingmsg/business.tsx","../../../../../src/pages/leveingmsg/index.tsx"],"sourcesContent":["import { Api } from \"@/api\";\r\nimport Modal from \"@/components/Modal\";\r\nimport dayjs from \"dayjs\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport './index.css';\r\nimport { ILeveingmsg } from \"./interface\";\r\n\r\n\r\ninterface Props{\r\n    params?:any,\r\n    trigger?:any,\r\n    $:any,\r\n    onCallBack?:any\r\n}\r\n\r\nexport default (props:Props)=>{\r\n      \r\n        // 评论列表\r\n        const [list,setList] = useState<ILeveingmsg[]>([]); \r\n        // 评论输入内容\r\n        const [inputValue,setInputValue] = useState();\r\n        // 是否显示错误信息\r\n        const [showTips,setShowTips] = useState(false);\r\n        // 是否展开\r\n        const [isOpen,setIsOpen] = useState(false);\r\n        const isOpenRef = useRef(false);\r\n        const TextAreaRef = useRef<any>();\r\n        const { $ } = props;\r\n\r\n\r\n        const getLevingMsgList = ()=>{\r\n            Api.WareBook.GetZwarebookList({wareCode:props.params.code}).then((res:any)=>{\r\n                const result = res.data.map((item:any)=>{\r\n                    item.time = dayjs(item.utime).format('YYYY-MM-DD HH:MM:ss');\r\n                    return item\r\n                })\r\n                setList(result);\r\n            })\r\n        }\r\n\r\n        useEffect(()=>{\r\n\r\n            // 展开按钮\r\n            const ExpandIconDom:any =  $('.table-expandable-arrow');\r\n            // 展开的tr\r\n            const TrDom:any = $('tr/1');\r\n            // const SecondTd = $('tr/2 td/1 .message_from/2');\r\n            // console.log(SecondTd);\r\n            // 同级的tr\r\n            const TrExpandIconDom:any = $('tr/2');\r\n            if(ExpandIconDom){\r\n                ExpandIconDom.parentElement.onclick=()=>{\r\n                    if(isOpenRef.current){\r\n                        const currentClass = ExpandIconDom.getAttribute(\"class\").replace('up','');\r\n                        ExpandIconDom.setAttribute('class',currentClass);\r\n                        isOpenRef.current = false;\r\n                        setIsOpen(false);\r\n                        TrExpandIconDom.style.display = 'none';\r\n                        TrDom.setAttribute('class','');\r\n                        TrExpandIconDom.setAttribute('class','');\r\n                    }else{\r\n                        const currentClass = ExpandIconDom.getAttribute(\"class\");\r\n                        ExpandIconDom.setAttribute('class',`${currentClass} up`);\r\n                        setIsOpen(true);\r\n                        isOpenRef.current = true;\r\n                        getLevingMsgList();\r\n                        TrExpandIconDom.style.display = '';\r\n                        TrDom.setAttribute('class','table_active');\r\n                        TrExpandIconDom.setAttribute('class','table_active');\r\n                    }\r\n                }\r\n            }\r\n        },[]);\r\n\r\n        const submitTips = ()=>{\r\n            if(!inputValue){\r\n                setShowTips(true);\r\n                return;\r\n            }\r\n            Api.WareBook.AddZwarebook({code:props.params.code,memo:inputValue,loginId:0}).then((res:any)=>{\r\n                if(res.state){\r\n                    TextAreaRef.current.value = \"\";\r\n                    Modal.confirm({title:'提示信息',content:\"此内容需要管理员审核后才能显示。\",onOk:()=>{}});\r\n                }\r\n            })\r\n           \r\n        }\r\n\r\n       return (\r\n            <>\r\n                {isOpen&&\r\n                        <div className=\"message_from\" >\r\n                            <div className=\"leveingmsg_wrap\">\r\n                                    {\r\n                                        list?.map((item:any,index:number)=>{\r\n                                            return (\r\n                                                <ul key={index} style={{marginRight:'-20px'}}>\r\n                                                        <li>\r\n                                                            <span>{item.memo} </span> <em>{item.time}<i> {item.loginId?item.userName:`游客${item.id}`}</i> </em>\r\n                                                        </li>\r\n                                                </ul>\r\n                                            )\r\n                                        })\r\n                                    }\r\n                                    {/* <div>{inputValue}</div> */}\r\n                                    <textarea\r\n                                        ref={TextAreaRef}\r\n                                        placeholder=\"请输入留言\"  \r\n                                        cols={30} \r\n                                        rows={4} \r\n                                        className=\"leveingmsg_textarea\" onFocus={()=>{ setShowTips(false) }} \r\n                                        onChange={(e:any)=>{\r\n                                            setInputValue(e.target.value);\r\n                                        }}/>\r\n                                    <div>\r\n                                        <button className=\"leveingmsg_order_btn\" onClick={()=>{ submitTips() }}>提交</button>\r\n                                        {showTips&&<span style={{color:'red',marginLeft:'10px'}}>请输入留言!</span>}\r\n                                    </div>\r\n                            </div>\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 LeveingMsg from \"./business\";\r\nimport BaseApp from \"@/pages/_global/index\";\r\n\r\nAppRender(pages.pages[\"src/pages/leveingmsg/index.tsx\"], (props?: any) => {\r\n    return (<BaseApp>\r\n        <LeveingMsg {...props} />\r\n    </BaseApp>)\r\n})"],"names":["props","list","setList","useState","inputValue","setInputValue","showTips","setShowTips","isOpen","setIsOpen","isOpenRef","useRef","TextAreaRef","$","getLevingMsgList","WareBook","GetZwarebookList","wareCode","params","code","then","res","result","data","map","item","time","dayjs","utime","format","ExpandIconDom","TrDom","TrExpandIconDom","parentElement","onclick","current","currentClass","getAttribute","replace","setAttribute","style","display","submitTips","AddZwarebook","memo","loginId","state","value","confirm","title","content","onOk","index","marginRight","userName","id","e","target","color","marginLeft","AppRender","pages"],"mappings":"gfAeA,MAAe,AAACA,GAAc,MAGhB,CAACC,EAAKC,GAAWC,mBAAwB,IAEzC,CAACC,EAAWC,GAAiBF,qBAE7B,CAACG,EAASC,GAAeJ,mBAAS,IAElC,CAACK,EAAOC,GAAaN,mBAAS,IAC9BO,EAAYC,iBAAO,IACnBC,EAAcD,mBACd,CAAEE,KAAMb,EAGRc,EAAmB,IAAI,GACrBC,SAASC,iBAAiB,CAACC,SAASjB,EAAMkB,OAAOC,OAAOC,KAAK,AAACC,GAAU,MAClEC,GAASD,EAAIE,KAAKC,IAAI,AAACC,MACpBC,KAAOC,EAAMF,EAAKG,OAAOC,OAAO,uBAC9BJ,MAEHH,0BAIN,IAAI,MAGJQ,GAAqBjB,EAAE,2BAEvBkB,EAAYlB,EAAE,QAIdmB,EAAsBnB,EAAE,QAC3BiB,MACeG,cAAcC,QAAQ,IAAI,IACjCxB,EAAUyB,QAAQ,MACXC,GAAeN,EAAcO,aAAa,SAASC,QAAQ,KAAK,MACxDC,aAAa,QAAQH,KACzBD,QAAU,KACV,MACMK,MAAMC,QAAU,SAC1BF,aAAa,QAAQ,MACXA,aAAa,QAAQ,QACpC,MACKH,GAAeN,EAAcO,aAAa,WAClCE,aAAa,QAAS,GAAEH,UAC5B,MACAD,QAAU,SAEJK,MAAMC,QAAU,KAC1BF,aAAa,QAAQ,kBACXA,aAAa,QAAQ,oBAInD,SAEIG,GAAa,IAAI,IAChB,CAACtC,EAAW,GACC,aAGZW,SAAS4B,aAAa,CAACxB,KAAKnB,EAAMkB,OAAOC,KAAKyB,KAAKxC,EAAWyC,QAAQ,IAAIzB,KAAK,AAACC,GAAU,CACvFA,EAAIyB,UACSX,QAAQY,MAAQ,KACtBC,QAAQ,CAACC,MAAM,2BAAOC,QAAQ,mGAAmBC,KAAK,IAAI,8BAQnE3C,YACY,UAAU,iCACN,UAAU,4BAEHP,iBAAMuB,IAAI,CAACC,EAAS2B,YAEI,MAAO,CAACC,YAAY,wDAEjB5B,EAAKmB,kCAAmBnB,EAAKC,0BAAUD,EAAKoB,QAAQpB,EAAK6B,SAAU,eAAI7B,EAAK8B,mBAFtFH,kBAUjB,IAAKxC,EACL,YAAY,iCACZ,KAAM,GACN,KAAM,EACN,UAAU,sBAAsB,QAAS,IAAI,GAAc,KAC3D,SAAU,AAAC4C,GAAQ,GACDA,EAAEC,OAAOV,yCAGnB,UAAU,uBAAuB,QAAS,IAAI,gCACrDzC,aAAgB,MAAO,CAACoD,MAAM,MAAMC,WAAW,gEC9GxFC,EAAUC,EAAMA,MAAM,kCAAmC,AAAC7D,KAC7C,cACJ,OAAeA"}