https://cdn-v3.honghusaas.com/fe-workbench-static/sparrow-sass-fe/…tributeDriverDetail.58da4b138a1a775292af.js

1"use strict";(self.webpackChunksparrow_fe=self.webpackChunksparrow_fe||[]).push([[25091],{69021:(e,t,n)=>{n.r(t),n.d(t,{default:()=>U});var l=n(13776),r=n(77925),a=n(27382),i=n(8963),o=n(29281),s=n(90136),u=n(24146),c=n(69843),d=n.n(c),m=n(7669),v=n(98934),p=(n(3362),n(27495),n(62953),n(12866)),E=n(86663),f=n(98605),g=n(3421),_=(n(74423),n(14649)),h=n(83659),y=n(8640),b=n(58260),A=n(79384),k=n(45267),w=n(29443),F=(n(94418),n(95093)),C=n.n(F),I=n(89865);n(68393);const S={1:"发起外呼...",2:"外呼中...",3:"通话中",4:"通话结束",5:"未接听",6:"异常断开"},x=(e,t)=>{const[n,l]=(0,p.useState)(0),r=(0,p.useRef)(0);(0,p.useLayoutEffect)((()=>{r.current=n}),[n]);const[a,i]=(0,p.useState)(!1),{timeTxt:o,startRunning:s,endRunning:c}=R(),{timeTxt:d,startRunning:m,endRunning:v}=R(),{timeTxt:E,startRunning:f,endRunning:g}=R();(0,p.useRef)(null);let _=SobotClient?new SobotClient.agent:null;const h=(0,p.useRef)({}),y=(0,p.useRef)(!1),b=(0,p.useRef)(null),A=(0,p.useRef)({offsetX:0,offsetY:0}),{onChange:k,onFinish:w,getSessionId:F,showPhoneText:C}=e;(0,p.useImperativeHandle)(t,(()=>({handleCallOut:x})));const x=async()=>{try{const{accessToken:e,companyId:t,bindExt:n,outboundPlanCode:a,phone:o,agentNo:u}=await F();f(),_.initAgent({token:e,companyId:t,agent:u,agentType:"0",allowStorageListen:!0,success(e){_.login({agentState:"1",phoneType:"webrtc",bindExt:n,unbindExtOnLogout:!1,success(e){i(!0),_.on("EventDialing",(e=>{})).on("EventRinging",(e=>{})).on("EventOtherRinging",(e=>{})).on("EventEstablished",(e=>{s(),l(3)})).on("EventPartyError",(e=>{l(6),3===r.current?T(1):(T(0),v())})).on("EventReleased",(e=>{3===r.current?(l(4),T(1)):(l(5),T(0),v())})),O(a,o)},error(e){}})},error(e){}})}catch(e){u.A.warning(e||"初始化失败")}},O=async(e,t)=>{l(1);try{_.makeCall({otherDN:t||"13168547467",outboundPlanCode:e,success(e){Object.assign(h.current,{call_id:e.callID,line_id:"66666666"})},error(e){}}),l(2),m()}catch(e){l(6),i(!1),console.error("呼叫失败",e),u.A.warning(e.message||"呼出失败")}};(0,p.useEffect)((()=>{const e=e=>{if(y.current){const t=e.clientX-A.current.offsetX,n=e.clientY-A.current.offsetY;if(t<0||n<0)return;b.current.setAttribute("style","left: ".concat(t,"px; top: ").concat(n,"px"))}},t=()=>{y.current=!1};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t)}}),[]);const T=e=>{const t=c(),n=g(),a={callStatus:e,status:r.current,timeObj:t,allWaihuTimeObj:n,sessionInfo:h.current};_.logout({success(e){_.off("EventDialing").off("EventRinging").off("EventOtherRinging").off("EventEstablished").off("EventPartyError").off("EventReleased").off("EventAgentLogout"),null==w||w(a),setTimeout((()=>{i(!1),l(0)}),1e3)},error(e){}})};return(0,p.useEffect)((()=>()=>{_.logout({success(e){},error(e){}})}),[]),(0,p.useEffect)((()=>{null==k||k(a)}),[a]),a?(0,I.createPortal)(p.createElement("div",{className:"call-out-modal",ref:b,onMouseDown:e=>{e.stopPropagation(),y.current=!0,A.current.offsetX=e.nativeEvent.offsetX,A.current.offsetY=e.nativeEvent.offsetY}},p.createElement("div",{className:"number"},C||"-"),p.createElement("span",{className:"status"},S[n]||"-"),p.createElement("div",{className:"timing"},"".concat(2===n?d:o)),p.createElement("div",{className:"hangup",onClick:e=>{e.stopPropagation(),_.hangup()},onMouseDown:e=>{e.stopPropagation()}},"挂断")),document.body):null},R=()=>{const[e,t]=(0,p.useState)(null),[n,l]=(0,p.useState)(0),r=(0,p.useRef)(null),a=(0,p.useRef)({});function i(){l(0),clearInterval(r.current),r.current=null,a.current={}}(0,p.useLayoutEffect)((()=>{a.current={seconds:n,startTime:e,endTime:e?e.clone().add(n,"s"):null}}),[n,e]),(0,p.useEffect)((()=>()=>{clearInterval(r.current)}),[]);let o="";return e&&(o=C().utc(1e3*n).format("HH:mm:ss")),{timeTxt:o,startRunning:()=>{r.current&&i(),t(C()()),r.current=setInterval((()=>{l((e=>e+1))}),1e3)},endRunning:()=>{const e=a.current;return t(null),i(),e}}},O=(0,p.forwardRef)(x);var T=n(52157),P=n(7559),D=n(78578);const L=e=>

1{const{detail:t,getDetail:n,setModelVisible:l,lineOption:r}=e,[a,i]=(0,p.useState)(!1),[o,s]=(0,p.useState)(!1),[u]=_.A.useForm(),c=(0,p.useRef)(),d=(0,p.useRef)();(0,p.useEffect)((()=>{a&&null!=t&&t.phone&&u.setFieldsValue({phone:t.phone})}),[null==t?void 0:t.phone,a]),(0,p.useEffect)((()=>{Array.isArray(r)&&(null==r?void 0:r.length)>0&&a&&u.setFieldsValue({line_id:r[0].line_id})}),[r,a]);const m=e=>{var r;const{timeObj:a,allWaihuTimeObj:i,sessionInfo:o}=e;let{callStatus:s}=e;const{phone:c}=u.getFieldsValue();let d;c&&c!==t.phone&&(d=c);let m=a.startTime?a.startTime.unix():void 0,v=a.endTime?a.endTime.unix():void 0,p=null!=i&&i.startTime?i.startTime.unix():void 0,E=null!=i&&i.endTime?i.endTime.unix():void 0;1===s&&v-m<1&&(s=0,m=void 0,v=void 0);const f={driver_id:null==t?void 0:t.driver_id,status:"6",line_id:null==o?void 0:o.line_id,start_time:m,end_time:v,call_out_start_time:p,call_out_end_time:E,call_out_status:s,trace_id:o.trace_id,call_id:o.call_id,phone:d,session_id:null==o||null===(r=o.drtcInfo)||void 0===r?void 0:r.sessionId};setTimeout((()=>{T.JK(f).then((e=>{0===e.errno&&(l(s),n())}))}),1500)},{phone:v}=u.getFieldsValue();return p.createElement(p.Fragment,null,p.createElement(y.Ay,{onClick:()=>i(!0),disabled:o},"呼出"),p.createElement(w.A,{ref:c,onChange:e=>s(e),onFinish:m,getSessionId:()=>{const{phone:e,line_id:n}=u.getFieldsValue();let l;return e&&e!==t.phone&&(l=e),T.fF({driver_id:t.driver_id,line_id:n,phone:l}).then((e=>{const{errno:t,data:n}=e;return 0===t?n:Promise.reject(new Error)})).catch((()=>Promise.reject(new Error("获取 session 失败"))))},showPhoneText:v}),p.createElement(O,{ref:d,onChange:e=>s(e),onFinish:m,getSessionId:()=>{const{phone:e,line_id:n}=u.getFieldsValue();let l;return e&&e!==t.phone&&(l=e),T.E3({driver_id:t.driver_id,line_id:+n,phone:l}).then((e=>{const{errno:t,data:n}=e;return 0===t?n:Promise.reject(new Error)})).catch((()=>Promise.reject(new Error("获取 session 失败"))))},showPhoneText:v}),p.createElement(b.A,{title:"呼出确认",open:a,onCancel:()=>{i(!1),u.resetFields()},onOk:async()=>{try{const r=await u.validateFields();var e,t,n,l;if("66666666"===(null==r?void 0:r.line_id))null===(e=d.current)||void 0===e||null===(t=e.handleCallOut)||void 0===t||t.call(e),i(!1);else null===(n=c.current)||void 0===n||null===(l=n.handleCallOut)||void 0===l||l.call(n),i(!1)}catch(e){h.Ay.warning("必填项空缺")}},destroyOnClose:!0},p.createElement(p.Fragment,null,p.createElement(_.A,{form:u},p.createElement(_.A.Item,{label:"外呼号码",name:"phone",validateFirst:!0,rules:[{required:!0,message:"必填"},{validator(e,n,l){t.phone&&n===t.phone||P.$M.test(n)||l("请输入格式正确的手机号"),l()}}]},p.createElement(A.A,null)),p.createElement(_.A.Item,{label:"线路选择",name:"line_id",rules:[{required:!0}]},p.createElement(k.A,{suffixIcon:p.createElement(D.A,null),allowClear:!0,showSearch:!0,optionFilterProp:"children",filterOption:(e,t)=>{var n;return"string"==typeof(null==t||null===(n=t.props)||void 0===n?void 0:n.children)&&t.props.children.includes(e)}},null==r?void 0:r.map((e=>p.createElement(k.A.Option,{key:e.line_id,value:e.line_id},e.line_name)))))))))};var V=n(88055),j=n.n(V),q=n(62193),N=n.n(q);const M=e=>{const{detail:t,getDetail:n,config:l}=e,[r,a]=(0,p.useState)(!1),[i]=_.A.useForm(),[o,s]=(0,p.useState)([]),[u,c]=(0,p.useState)([]),{sms:d=[]}=l||{};(0,p.useEffect)((()=>{if(N()(l)&&r){var e;const t=null===(e=d[0])||void 0===e?void 0:e.text.split("{{}}");c(t)}}),[l,r]);return p.createElement(p.Fragment,null,p.createElement(y.Ay,{onClick:()=>a(!0)},"发送信息"),p.createElement(b.A,{title:"发送短信",open:r,onCancel:()=>{a(!1),i.resetFields()},onOk:async()=>{const{type:e}=i.getFieldsValue(),l={driver_id:null==t?void 0:t.driver_id,type:e,input:o},r=await T.JA(l);r&&0===r.errno?(h.Ay.success("提交成功"),n(),a(!1)):h.Ay.error("请求失败 ".concat(r.errmsg))},destroyOnClose:!0},p.createElement(_.A,{form:i},p.createElement(_.A.Item,{label:"手机号",name:"phone",initialValue:null==t?void 0:t.phone},p.createElement(A.A,{disabled:!0,placeholder:"请输入手机号"})),p.createElement(_.A.Item,{label:"短信模版",name:"type"},p.createElement(k.A,{showSearch:!0,optionFilterProp:"children",filterOption:(e,t)=>{var n;return"string"==typeof(null==t||null===(n=t.props)||void 0===n?void 0:n.children)&&t.props.children.includes(e)},suffixIcon:p.createElement(D.A,null),onChange:e=>(e=>{var t;const n=null===(t=d.find((t=>t.type===e)))||void 0===t?void 0:t.text;if(!n)return;const l=n.split("{{}}");c(l)})(e)},d.map((e=>p.createElement(k.A.Option,{key:e.type,value:e.type},e.title))))),p.createElement(_.A.Item,{label:"具体内容",name:"driver_remarks"},p.createElement("div",null,(u||[]).map(((e,t)=>t===u.length-1?p.createElement(p.Fragment,null,p.createElement("span",null,e)):p.createElement(p.Fragment,null,p.createElement("span",null,e),p.createElement(A.A,{style:{width:"60px",margin:"0 8px"},onChange:e=>((e,t)=>{const n=j()(o);n[t]=e,s(n)})(e.target.value,t)})))))))))};var X=n(36856),H=n(39687);const{Step:Y}=v.A,{TextArea:G}=m.default,{baseUrl:J}=X.Ay,U=(0,f.connect)((e=>{const{global:t,user:n}=e,{authHisOpenCityOption:l}=t,{id:r,companyId:a}=n;return{cityList:l,id:r,companyId:a}}))(r.A.create()((e=>{var t;const{history:n,cityList:c,form:m,id:f,dispatch:_}=e,{driver_id:h}=E.parse(n.location.search),[y,b]=(0,p.useState)({}),[A,k]=(0,p.useState)({}),[w,F]=(0,p.useState)(),[C,I]=(0,p.useState)(!1),[S,x]=(0,p.useState)(!1),[R,O]=(0,p.useState)(2),{getFieldsValue:P,getFieldDecorator:D,val

1idateFields:V,resetFields:j}=m;(0,p.useEffect)((()=>{_({type:"global/setBreadcrumb",payload:{level:3,oper:"push",params:{name:"分配司机详情",path:"#/driver/corporate-business/platform-distribute-driver-detail?driver_id=".concat(h),level:3}}}),d()(h)||q()}),[]);const q=()=>{N(),U()},N=async()=>{const e=await T.tU({driver_id:h}),{errno:t,errmsg:n,data:l}=e||{};0===t?b(l):u.A.error(n)},X=()=>{V((async e=>{if(!e){const{driver_willing:e,driver_vehicle_status:t,driver_remarks:n,driver_scene:l}=P(),r={driver_id:h,status:w||"4",driver_willing:e,driver_vehicle_status:t,driver_scene:l,driver_remarks:n},a=await T.JK(r);a&&0===a.errno?(u.A.success("提交成功"),N(),x(!1),I(!1),j()):u.A.error("请求失败 ".concat(a.errmsg))}}))},U=async()=>{const e=await T.qD({driver_id:h}),{errno:t,errmsg:n,data:l}=e||{};0===t?k(l):u.A.error(n)},z=[{label:"司机姓名",value:"driver_name",render:(e,t)=>e},{label:"司机ID",value:"driver_id",render:(e,t)=>e},{label:"代理商",value:"agent_name",render:(e,t)=>e},{label:"城市",value:"city",render:(e,t)=>{var n;return(null===(n=c.find((t=>t.city===e)))||void 0===n?void 0:n.city_name)||"-"}},{label:"司机状态",value:"driver_status",render:(e,t)=>e},{label:"司机类型",value:"driver_type",render:(e,t)=>e},{label:"车牌号",value:"license_plate_number",render:(e,t)=>e},{label:"电话",value:"phone",render:(e,t)=>e},{label:"分配时间",value:"mark_time",render:(e,t)=>e}],K=p.createElement(p.Fragment,null,p.createElement(L,{detail:y,getDetail

1:N,setModelVisible:e=>{x(!0),I(!0),O(e)},lineOption:(null==A?void 0:A.line_info)||[]}),p.createElement(M,{detail:y,getDetail:N,config:A}));return p.createElement("div",null,p.createElement(g.A,{btnSlot:K,title:"分配司机详情"}),p.createElement(s.A,{title:"基础信息"},z.filter((e=>{const{value:t}=e;return!d()(null==y?void 0:y[t])})).map((e=>p.createElement(s.A.Item,{key:e.value,label:e.label},e.render(null==y?void 0:y[e.value],y))))),p.createElement(o.A,{style:{maxHeight:500,overflow:"auto"}},p.createElement(v.A,{className:"steps",progressDot:!0,current:0,direction:"vertical"},null==y||null===(t=y.call_out_log)||void 0===t?void 0:t.map(((e,t)=>{if(null!=e&&e.is_phone){const n=Math.trunc((null==e?void 0:e.during_time)/60),l=(null==e?void 0:e.during_time)%60,{url:r}=e||{};return p.createElement(Y,{key:t,title:e.title||"-",description:p.createElement(p.Fragment,null,p.createElement("p",null,"操作人: ".concat((null==e?void 0:e.user_name)||"")),p.createElement("p",null,"操作时间: ".concat((null==e?void 0:e.start_time)||(null==e?void 0:e.update_time)||"-")),p.createElement("p",null,"具体事项: 无"),p.createElement("p",null,"通话状态: ".concat(1===(null==e?void 0:e.call_out_status)?"接通":"未接通")),p.createElement("p",null,"通话时长: ".concat(n||0,"分").concat(l||0,"秒")),p.createElement("p",null,"通话录音:",1===(null==e?void 0:e.call_out_status)&&e.call_id?p.createElement("audio",{controls:!0,src:"66666666"===(null==e?void 0:e.line_id)?null==e?void 0:e.record_url:"".concat(J,"/biz-api/v1/workbench/driver/leads/getCallFileOfRange?session_id=").concat(e.call_id),controlsList:"nodownload"}):"-"))})}return null!=e&&e.is_sms?p.createElement(Y,{key:t,title:e.title||"-",description:p.createElement(p.Fragment,null,p.createElement("p",null,"操作人：",(null==e?void 0:e.user_name)||""),p.createElement("p",null,"操作时间：",(null==e?void 0:e.update_time)||""),p.createElement("p",null,"具体事项：",(null==e?void 0:e.driver_remarks)||""),p.createElement("p",null,"短信类型：",(null==e?void 0:e.sms_title)||""),p.createElement("p",null,"短信内容：",(null==e?void 0:e.sms_text)||""))}):p.createElement(Y,{key:t,title:e.title||"-",description:p.createElement(p.Fragment,null,p.createElement("p",null,"操作人：",(null==e?void 0:e.user_name)||""),p.createElement("p",null,"操作时间：",(null==e?void 0:e.update_time)||""),p.createElement("p",null,"具体事项：",(null==e?void 0:e.driver_remarks)||""))})})))),p.createElement(l.A,{title:"2"===w?"标记无效":"跟进记录",visible:S,onOk:X,closable:!C,maskClosable:!C,footer:[p.createElement(i.default,{key:"ok",type:"primary",onClick:X},"确定"),!C&&p.createElement(i.default,{key:"cancel",onClick:()=>{x(!1),j(),I(!1)}},"取消")],onCancel:()=>{C||(x(!1),j(),I(!1))}},p.createElement(r.A,{layout:"horizontal"},p.createElement(r.A.Item,{label:"司机意愿",required:!0},D("driver_willing",{rules:[{required:!0,message:"必填"}]})(p.createElement(a.default.Group,null,H.nX.map((e=>p.createElement(a.default,{key:e.value,value:e.value},e.label)))))),p.createElement(r.A.Item,{label:"是否有车",required:!0},D("driver_vehicle_status",{rules:[{required:!0,message:"必填"}]})(p.createElement(a.default.Group,null,H.bE.map((e=>p.createElement(a.default,{key:e.value,value:e.value},e.label)))))),p.createElement(r.A.Item,{label:"跟进状态",required:!0},D("driver_scene",{rules:[{required:!0,message:"必填"}]})(p.createElement(a.default.Group,null,(2===R||0===R)&&p.createElement("div",null,p.createElement("span",null,"未接通:  "),H.UN.map((e=>p.createElement(a.default,{key:e.value,value:e.value},e.label)))),(2===R||1===R)&&p.createElement(p.Fragment,null,p.createElement("span",null,"已接通:  "),H.cg.map((e=>p.createElement(a.default,{key:e.value,value:e.value},e.label))))))),p.createElement(r.A.Item,{label:"备注"},D("driver_remarks",{rules:[{max:500,message:"最多输入500个字符"}]})(p.createElement(G,{rows:4}))))))})))}}]);
2//# sourceMappingURL=DistributeDriverDetail.58da4b138a1a775292af.js.map