https://hyint.typl.gov.tw/component---src-pages-questionnaire-detail-js-123cea90eb15997c022f.js

1"use strict";(self.webpackChunkjumperrwd=self.webpackChunkjumperrwd||[]).push([[7743],{89245:function(e,t,n){n.r(t);var a,r,o,l,i=n(17156),c=n.n(i),s=n(7867),m=n.n(s),p=n(46877),u=n.n(p),h=n(19452),d=n.n(h),g=n(64687),f=n.n(g),b=n(67294),y=n(3343),E=n(45238),v=n(73028),x=n(51138),C=n(37587),N=n(99593),j=n(59470),k=n(89639),P=n(87761),_=(0,C.ZP)(a||(a=d()(["\n  query getQuestionnaireDetail($form: SearchForm) {\n    getQuestionnaireDetail(Input: $form) {\n      sn\n      subject\n      content\n      onlinedate\n      offlinedate\n      detail {\n        sn\n        title\n        content\n        type\n        option\n        required\n        isbr\n      }\n    }\n  }\n"]))),O=(0,C.ZP)(r||(r=d()(["\n  mutation addQuestionnaire($form: QuestionnaireForm) {\n    result: addQuestionnaire(Input: $form) {\n      success\n      message\n    }\n  }\n"]))),w=(0,E.a)(["common"])(o=(0,k.M)((l=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={resourceType:"databases",pageContent:"",pradio:{},pcheckbox:{},ptext:{},ptextarea:{},pothertext:{}},n}m()(t,e);var n=t.prototype;return n.handleChange=function(e){alert(e.target.name),alert(e.target.value),Object.keys(this.state).map((function(e){return console.log(e),""}))},n.handlePtextChange=function(e){this.state.ptext[e.target.name]=e.target.value},n.handlePtextareaChange=function(e){this.state.ptextarea[e.target.name]=e.target.value},n.handlePradioChange=function(e){this.state.pradio[e.target.name]=e.target.value},n.handlePcheckboxChange=function(e){var t=this.state.pcheckbox[e.target.name];console.log(t),t[e.target.value]=e.target.checked,this.state.pcheckbox[e.target.name]=t},n.handlePothertextChange=function(e){this.state.pothertext[e.target.name]=e.target.value},n.handleSubmit=function(e){var t=this;e.preventDefault();var n=[];Object.keys(this.state.ptext).map((function(e){return n[n.length]=e+"@@@"+t.state.ptext[e],""})),Object.keys(this.state.ptextarea).map((function(e){return n[n.length]=e+"@@@"+t.state.ptextarea[e],""})),Object.keys(this.state.pradio).map((function(e){return n[n.length]=e+"@@@"+t.state.pradio[e],""})),Object.keys(this.state.pcheckbox).map((function(e){var a="",r=t.state.pcheckbox[e];return Object.keys(r).map((function(n){console.log("key2="+n);var o=r[n];return"其他"===n&&o?a+=""===a?t.state.pothertext[e+"_other"]:","+t.state.pothertext[e+"_other"]:o&&(a+=""===a?n:","+n),""})),n[n.length]=e+"@@@"+a,""})),this.formContentStr=n.join("|||"),console.log(this.formContentStr),this.addQuestionnaire()},n.addQuestionnaire=function(){var e=c()(f().mark((function e(){var t;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return(t={}).sn=this.props.search.id,t.content=this.formContentStr,e.next=5,N.Z.jumperrwdClient.mutate({mutation:O,variables:{form:t}}).then((function(e){return e})).finally((function(){return null}));case 5:e.sent.data.result.success?(alert("填寫完成！"),(0,P.Z)("/questionnaire")):alert("填寫失敗！");case 7:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}(),n.render=function(){var e=this;return b.createElement(y.Z,this.props,b.createElement("div",{className:"main sp",id:"center"},b.createElement(v.Z,null),b.createElement("section",{className:"main_content"},b.createElement("div",{className:"container"},b.createElement("a",{className:"accesskey",href:"javascript:;",id:"aC",accessKey:"C",title:this.props.t("jumperrwd.common.mainContenctArea")},":::"),b.createElement("h2",null,this.props.t("hyint.common.questionnaire")),b.createElement("a",{href:"javascript:history.back();",className:"back"},this.props.t("hyint.common.table.back")),b.createElement(x.eT,{client:N.Z.jumperrwdClient},b.createElement(x.AE,{displayName:"graphql",query:_,variables:{form:{id:this.props.search.id}}},(function(t){var n=t.loading,a=t.data;t.refetch;return t.error?"error":n?"Loading...":null!==a.getQuestionnaireDetail&&void 0!==a.getQuestionnaireDetail?b.createElement("div",{className:"detail_block"},b.createElement("div",{className:"info"},b.createElement("h3",null,a.getQuestionnaireDetail.subject),b.createElement("ul",null,b.createElement("li",null,b.createElement("span",null,e.props.t("hyint.admin.common.table.desc"),e.props.t("hyint.common.table.colon")),a.getQuestionnaireDetail.content),b.createElement("li",null,b.createElement("span",null,"調查起訖時間："),a.getQuestionnaireDetail.onlinedate," ~"," ",a.getQuestionnaireDetail.offlinedate))),b.createElement("div",{className:"questionnaire"},b.createElement("form",{onSubmit:e.handleSubmit},b.createElement("div",{className:"form_grid"},a.getQuestionnaireDetail.detail.map((function(t,n){var a="answer"+t.sn;if("section"===t.type)return b.createElement("h3",null,t.title);if("text"===t.type)return e.state.ptext[a]="",b.createElement("div",{className:"form_grp"},b.createElement("label",{htmlFor:a,className:"form_title"},t.title,b.createElement("abbr",{className:"necessary",title:e.props.t("jumper.common.contact.mistinfo")},"*")),b.createElement("div",{className:"form_content"},b.createElement("label",{htmlFor:a},t.content),b.createElement("input",{type:"text",id:a,name:a,required:1===t.required?"required":"",onChange:e.handlePtextChange}

1)));if("textarea"===t.type)return e.state.ptextarea[a]="",b.createElement("div",{className:"form_grp"},b.createElement("label",{htmlFor:"address",className:"form_title"},t.title),b.createElement("div",{className:"form_content"},t.content,b.createElement("textarea",{name:a,cols:"30",rows:"10",required:1===t.required?"required":"",onChange:e.handlePtextareaChange})));if("radio"===t.type){var r=t.option.split("::");return b.createElement("div",{className:"form_grp"},b.createElement("div",{className:"form_title"},t.title,b.createElement("abbr",{className:"necessary",title:e.props.t("jumper.common.contact.mistinfo")},"*")),b.createElement("div",{className:"form_content"},b.createElement("div",{className:"radio_grp form_inline"},t.content,r.map((function(n,r){var o="select"+r;return b.createElement(b.Fragment,null,b.createElement("input",{type:"radio",id:o,name:a,value:n,required:1===t.required?"required":"",onChange:e.handlePradioChange}),b.createElement("label",{htmlFor:o},n))})))))}if("checkbox"===t.type){var o=t.option.split("::"),l="answer"+t.sn,i={};for(n=0;n<o.length;n++)i[o[n]]=!1;return e.state.pcheckbox[l]=i,b.createElement("div",{className:"form_grp"},b.createElement("div",{className:"form_title"},t.title,b.createElement("abbr",{className:"necessary",title:e.props.t("jumper.common.contact.mistinfo")},"*")),b.createElement("div",{className:"form_content"},b.createElement("div",{className:"radio_grp form_inline"},t.content,o.map((function(n,r){if("其他"===n){var o="answer"+t.sn+"_other";return b.createElement(b.Fragment,null,b.createElement("input",{type:"checkbox",title:"選擇"+n,name:a,value:n,onChange:e.handlePcheckboxChange}),b.createElement("label",{htmlFor:o},n),b.createElement("input",{type:"text",id:o,name:o,onChange:e.handlePothertextChange}))}return b.createElement(b.Fragment,null,b.createElement("input",{type:"checkbox",id:a,name:a,value:n,onChange:e.handlePcheckboxChange}),b.createElement("label",{htmlFor:a},n))})))))}if("level"===t.type){for(var c=t.option.split("::"),s=parseInt(c[0]),m=parseInt(c[2]),p=c[1],u=c[3],h=[],d=s;d<=m;d++)h.push(d),h.push(b.createElement("input",{type:"radio",title:"選擇"+d,name:a,id:"select"+d,value:d,required:1===t.required?"required":"",onChange:e.handlePradioChange}));return b.createElement("div",{className:"form_grp"},b.createElement("label",{htmlFor:"",className:"form_title"},t.title,b.createElement("abbr",{className:"necessary",title:e.props.t("jumper.common.contact.mistinfo")},"*")),b.createElement("div",{className:"form_content"},p," ",h," ",u))}return""})),b.createElement("div",{className:"btn_grp"},b.createElement("button",{type:"reset",className:"btn btn-reset"},e.props.t("hyint.admin.common.reset")),b.createElement("button",{type:"submit",className:"btn btn-submit"},e.props.t("hyint.common.table.gosubmit"))))))):"Error..."})))))))},t}(b.Component),u()(l.prototype,"handleChange",[j.Nj],Object.getOwnPropertyDescriptor(l.prototype,"handleChange"),l.prototype),u()(l.prototype,"handlePtextChange",[j.Nj],Object.getOwnPropertyDescriptor(l.prototype,"handlePtextChange"),l.prototype),u()(l.prototype,"handlePtextareaChange",[j.Nj],Object.getOwnPropertyDescriptor(l.prototype,"handlePtextareaChange"),l.prototype),u()(l.prototype,"handlePradioChange",[j.Nj],Object.getOwnPropertyDescriptor(l.prototype,"handlePradioChange"),l.prototype),u()(l.prototype,"handlePcheckboxChange",[j.Nj],Object.getOwnPropertyDescriptor(l.prototype,"handlePcheckboxChange"),l.prototype),u()(l.prototype,"handlePothertextChange",[j.Nj],Object.getOwnPropertyDescriptor(l.prototype,"handlePothertextChange"),l.prototype),u()(l.prototype,"handleSubmit",[j.Nj],Object.getOwnPropertyDescriptor(l.prototype,"handleSubmit"),l.prototype),u()(l.prototype,"addQuestionnaire",[j.Nj],Object.getOwnPropertyDescriptor(l.prototype,"addQuestionnaire"),l.prototype),o=l))||o)||o;t.default=w}}]);
2//# sourceMappingURL=component---src-pages-questionnaire-detail-js-123cea90eb15997c022f.js.map