{"version":3,"sources":["webpack:///./src/components/page/SignupComp/AddInfo.vue?91bf","webpack:///src/components/page/SignupComp/AddInfo.vue","webpack:///./src/components/page/SignupComp/AddInfo.vue?52c1","webpack:///./src/components/page/SignupComp/AddInfo.vue","webpack:///./src/components/component/LpCheckBoxArray.vue?0a6d","webpack:///./src/components/component/LpCheckBoxArray.vue?791b","webpack:///src/components/component/LpCheckBoxArray.vue","webpack:///./src/components/component/LpCheckBoxArray.vue?9026","webpack:///./src/components/component/LpCheckBoxArray.vue","webpack:///./src/components/page/SignupComp/AddInfo.vue?3fa9","webpack:///./src/components/module/LpCheckBool.vue?fed0","webpack:///src/components/module/LpCheckBool.vue","webpack:///./src/components/module/LpCheckBool.vue?d336","webpack:///./src/components/module/LpCheckBool.vue?1047","webpack:///./src/components/module/LpCheckBool.vue?cf7c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","_e","_v","_l","form","idx","key","_s","label","validate","component_name","_b","tag","on","e","etc","signup","onCheckAll","allData","staticRenderFns","name","components","LpText","LpDropDown","LpCheckBoxArray","LpCheckBool","mixins","FormMixin","created","$store","getters","recmCode","recm","value","init","data","step","steps","formData","field","type","errorMsg","valid_required","items","checkFormData","methods","trial","filter","forEach","Object","assign","result","params","marketing","findIndex","enable","channel","$axios","toast","signupDone","post","token","res","status","component","class","isChecked","style","$event","stopPropagation","preventDefault","clickCheck","item","labelStyle","clickLink"],"mappings":"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","file":"js/chunk-0f97dacc.ea5d5470.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"signup-comp\"},[_c('input',{staticStyle:{\"display\":\"none\"},attrs:{\"aria-hidden\":\"true\"}}),_c('input',{staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"password\",\"aria-hidden\":\"true\"}}),_c('div',{staticClass:\"pc signup-container\"},[(false)?_c('div',{staticClass:\"flex-center\",staticStyle:{\"padding-bottom\":\"24px\"}},_vm._l((_vm.steps),function(item,idx){return _c('div',{key:'step-' + idx,staticClass:\"flex-align step\"},[_c('div',{staticClass:\"circle\",class:{ 'circle-select': _vm.step === idx }},[_vm._v(_vm._s(idx + 1))]),_c('div',{staticClass:\"body2-medium\",class:{ main: _vm.step === idx, sub5: _vm.step !== idx }},[_vm._v(_vm._s(item))])])}),0):_vm._e(),_c('div',{staticClass:\"signup-wrapper\"},[_c('div',{staticClass:\"subtitle3 main\",staticStyle:{\"margin-bottom\":\"40px\"}},[_vm._v(\"필수 정보 입력\")]),_vm._l((_vm.formData),function(form,idx){return _c('div',{key:(\"form-\" + idx)},[_c('div',{staticClass:\"signup-label\"},[_vm._v(_vm._s(form.label)+\" \"),(form.validate.required)?_c('span',{staticClass:\"error\"},[_vm._v(\"*\")]):_vm._e()]),_c(form.component_name,_vm._b({key:(\"form-\" + idx),tag:\"component\",staticClass:\"margin-top-8\",on:{\"etc\":function (e) { return (form.etc = e); },\"onEnter\":_vm.signup}},'component',form,false,true)),(form.label === '추천인코드')?_c('div',{staticClass:\"flex-align margin-top-8\",staticStyle:{\"gap\":\"8px\"}},[_c('div',{staticClass:\"body6-medium tag\"},[_vm._v(\"이벤트\")]),_c('div',{staticClass:\"body5 sub3\",staticStyle:{\"flex\":\"1\",\"text-align\":\"left\",\"word-break\":\"keep-all\"}},[_vm._v(\" 추천인 코드를 입력하면 50,000원 쿠폰을 드려요. \")])]):_vm._e()],1)}),_c('div',{staticStyle:{\"padding-top\":\"20px\"}},[_c('lp-check-box-array',_vm._b({on:{\"onCheck\":_vm.onCheckAll}},'lp-check-box-array',_vm.allData,false,true)),_c('div',{staticClass:\"divider-confirm\"}),_vm._l((_vm.checkFormData),function(form,idx){return _c('div',{key:(\"form-\" + idx)},[_c(form.component_name,_vm._b({key:(\"form-\" + idx),tag:\"component\",staticClass:\"margin-top-8\"},'component',form,false,true))],1)})],2),_c('button',{staticClass:\"button is-primary body2-medium\",staticStyle:{\"width\":\"100%\",\"margin-top\":\"40px\"},on:{\"click\":_vm.signup}},[_vm._v(\" 회원가입 하기 \")])],2)]),_c('div',{staticClass:\"mobile signup-container\"},[_c('div',{staticClass:\"signup-wrapper\"},[_c('div',{staticClass:\"h7 main\",staticStyle:{\"margin-bottom\":\"40px\"}},[_vm._v(\"추가 정보 입력\")]),_vm._l((_vm.formData),function(form,idx){return _c('div',{key:(\"form-\" + idx)},[_c('div',{staticClass:\"signup-label\"},[_vm._v(_vm._s(form.label)+\" \"),(form.validate.required)?_c('span',{staticClass:\"error\"},[_vm._v(\"*\")]):_vm._e()]),_c(form.component_name,_vm._b({key:(\"form-\" + idx),tag:\"component\",staticClass:\"margin-top-8\",on:{\"etc\":function (e) { return (form.etc = e); },\"onEnter\":_vm.signup}},'component',form,false,true)),(form.label === '추천인코드')?_c('div',{staticClass:\"flex-align margin-top-8\",staticStyle:{\"gap\":\"8px\"}},[_c('div',{staticClass:\"body6-medium tag\"},[_vm._v(\"이벤트\")]),_c('div',{staticClass:\"body5 sub3\",staticStyle:{\"flex\":\"1\",\"text-align\":\"left\",\"word-break\":\"keep-all\"}},[_vm._v(\" 추천인 코드를 입력하면 50,000원 쿠폰을 드려요. \")])]):_vm._e()],1)}),_c('div',{staticStyle:{\"padding-top\":\"20px\"}},[_c('lp-check-box-array',_vm._b({on:{\"onCheck\":_vm.onCheckAll}},'lp-check-box-array',_vm.allData,false,true)),_c('div',{staticClass:\"divider-confirm\"}),_vm._l((_vm.checkFormData),function(form,idx){return _c('div',{key:(\"form-\" + idx)},[_c(form.component_name,_vm._b({key:(\"form-\" + idx),tag:\"component\",staticClass:\"margin-top-8\"},'component',form,false,true))],1)})],2),_c('button',{staticClass:\"button is-primary body2-medium\",staticStyle:{\"height\":\"48px\",\"width\":\"100%\",\"margin-top\":\"40px\"},on:{\"click\":_vm.signup}},[_vm._v(\" 회원가입 하기 \")])],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"signup-comp\">\r\n    <!--remove autocomplete-->\r\n    <input style=\"display:none\" aria-hidden=\"true\" />\r\n    <input type=\"password\" style=\"display:none\" aria-hidden=\"true\" />\r\n    <!--End remove autocomplete-->\r\n    <div class=\"pc signup-container\">\r\n      <div class=\"flex-center\" style=\"padding-bottom: 24px;\" v-if=\"false\">\r\n        <div v-for=\"(item, idx) in steps\" :key=\"'step-' + idx\" class=\"flex-align step\">\r\n          <div class=\"circle\" :class=\"{ 'circle-select': step === idx }\">{{ idx + 1 }}</div>\r\n          <div class=\"body2-medium\" :class=\"{ main: step === idx, sub5: step !== idx }\">{{ item }}</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"signup-wrapper\">\r\n        <div class=\"subtitle3 main\" style=\"margin-bottom: 40px\">필수 정보 입력</div>\r\n\r\n        <div v-for=\"(form, idx) in formData\" :key=\"`form-${idx}`\">\r\n          <div class=\"signup-label\">{{ form.label }} <span v-if=\"form.validate.required\" class=\"error\">*</span></div>\r\n          <component\r\n            :is=\"form.component_name\"\r\n            v-bind.sync=\"form\"\r\n            @etc=\"(e) => (form.etc = e)\"\r\n            @onEnter=\"signup\"\r\n            class=\"margin-top-8\"\r\n            :key=\"`form-${idx}`\"\r\n          ></component>\r\n          <div v-if=\"form.label === '추천인코드'\" class=\"flex-align margin-top-8\" style=\"gap: 8px;\">\r\n            <div class=\"body6-medium tag\">이벤트</div>\r\n            <div class=\"body5 sub3\" style=\"flex:1;text-align:left;word-break:keep-all\">\r\n              추천인 코드를 입력하면 50,000원 쿠폰을 드려요.\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"padding-top:20px\">\r\n          <lp-check-box-array v-bind.sync=\"allData\" @onCheck=\"onCheckAll\"></lp-check-box-array>\r\n          <div class=\"divider-confirm\"></div>\r\n          <div v-for=\"(form, idx) in checkFormData\" :key=\"`form-${idx}`\">\r\n            <component :is=\"form.component_name\" v-bind.sync=\"form\" class=\"margin-top-8\" :key=\"`form-${idx}`\">\r\n            </component>\r\n          </div>\r\n        </div>\r\n        <button class=\"button is-primary body2-medium\" style=\"width:100%;margin-top:40px\" @click=\"signup\">\r\n          회원가입 하기\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile signup-container\">\r\n      <div class=\"signup-wrapper\">\r\n        <div class=\"h7 main\" style=\"margin-bottom: 40px\">추가 정보 입력</div>\r\n\r\n        <div v-for=\"(form, idx) in formData\" :key=\"`form-${idx}`\">\r\n          <div class=\"signup-label\">{{ form.label }} <span v-if=\"form.validate.required\" class=\"error\">*</span></div>\r\n          <component\r\n            :is=\"form.component_name\"\r\n            v-bind.sync=\"form\"\r\n            @etc=\"(e) => (form.etc = e)\"\r\n            @onEnter=\"signup\"\r\n            class=\"margin-top-8\"\r\n            :key=\"`form-${idx}`\"\r\n          ></component>\r\n          <div v-if=\"form.label === '추천인코드'\" class=\"flex-align margin-top-8\" style=\"gap: 8px;\">\r\n            <div class=\"body6-medium tag\">이벤트</div>\r\n            <div class=\"body5 sub3\" style=\"flex:1;text-align:left;word-break:keep-all\">\r\n              추천인 코드를 입력하면 50,000원 쿠폰을 드려요.\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"padding-top:20px\">\r\n          <lp-check-box-array v-bind.sync=\"allData\" @onCheck=\"onCheckAll\"></lp-check-box-array>\r\n          <div class=\"divider-confirm\"></div>\r\n          <div v-for=\"(form, idx) in checkFormData\" :key=\"`form-${idx}`\">\r\n            <component :is=\"form.component_name\" v-bind.sync=\"form\" class=\"margin-top-8\" :key=\"`form-${idx}`\">\r\n            </component>\r\n          </div>\r\n        </div>\r\n        <button class=\"button is-primary body2-medium\" style=\"height:48px;width:100%;margin-top:40px\" @click=\"signup\">\r\n          회원가입 하기\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport LpText from '../../component/LpText';\r\nimport LpCheckBoxArray from '../../component/LpCheckBoxArray';\r\nimport LpCheckBool from '@/components/module/LpCheckBool';\r\nimport FormMixin from '../../../mixins/FormMixin';\r\nimport LpDropDown from '../../LpDropDown';\r\nexport default {\r\n  name: 'AddInfo',\r\n  components: {\r\n    LpText,\r\n    LpDropDown,\r\n    LpCheckBoxArray,\r\n    LpCheckBool,\r\n  },\r\n  mixins: [FormMixin],\r\n  created() {\r\n    if (this.$store.getters.recmCode !== '') {\r\n      let recm = this.formData.find((i) => i.field === 'recommender');\r\n      recm.value = this.$store.getters.recmCode;\r\n    }\r\n    this.init();\r\n  },\r\n  data() {\r\n    return {\r\n      step: 0,\r\n      steps: ['정보입력', '가입완료'],\r\n      formData: [\r\n        {\r\n          label: '이메일',\r\n          placeholder: '',\r\n          maxLength: 100,\r\n          field: 'username',\r\n          type: 'email',\r\n          value: this.$route.query.email,\r\n          component_name: 'lp-text',\r\n          errorMsg: '',\r\n          disabled: true,\r\n          validate: {\r\n            valid_required: true,\r\n            required: true,\r\n          },\r\n        },\r\n        {\r\n          label: '이름',\r\n          placeholder: '',\r\n          maxLength: 30,\r\n          field: 'name',\r\n          type: 'text',\r\n          disabled: true,\r\n          value: this.$route.query.name,\r\n          component_name: 'lp-text',\r\n          errorMsg: '',\r\n          validate: {\r\n            num: true,\r\n            alpha_g: true,\r\n            alpha_s: true,\r\n            special: true,\r\n            max_length: 20,\r\n            min_length: 1,\r\n            valid_required: true,\r\n            required: true,\r\n          },\r\n        },\r\n        {\r\n          label: '연락처',\r\n          placeholder: '',\r\n          maxLength: 30,\r\n          field: 'phone',\r\n          type: 'phone',\r\n          value: '',\r\n          component_name: 'lp-text',\r\n          errorMsg: '',\r\n          validate: {\r\n            valid_required: true,\r\n            required: true,\r\n          },\r\n        },\r\n        // {\r\n        //   label: '직무',\r\n        //   placeholder: '직무를 선택해주세요.',\r\n        //   maxLength: 30,\r\n        //   field: 'job',\r\n        //   type: 'dropdown',\r\n        //   value: '',\r\n        //   etc: '',\r\n        //   component_name: 'lp-drop-down',\r\n        //   errorMsg: '',\r\n        //   options: [\r\n        //     { value: '예비창업자', label: '예비창업자' },\r\n        //     { value: '대표', label: '대표' },\r\n        //     { value: '경영진', label: '경영진' },\r\n        //     { value: '인사', label: '인사' },\r\n        //     { value: '경영지원', label: '경영지원' },\r\n        //     { value: '디자인', label: '디자인' },\r\n        //     { value: '마케팅', label: '마케팅' },\r\n        //     { value: '개발', label: '개발' },\r\n        //     { value: '영업', label: '영업' },\r\n        //     { value: '기타', label: '기타' },\r\n        //   ],\r\n        //   validate: {\r\n        //     valid_required: true,\r\n        //     required: true\r\n        //   }\r\n        // },\r\n        // {\r\n        //   label: '분야',\r\n        //   placeholder: '분야를 선택해주세요.',\r\n        //   maxLength: 30,\r\n        //   field: 'industry',\r\n        //   type: 'dropdown',\r\n        //   value: '',\r\n        //   etc: '',\r\n        //   component_name: 'lp-drop-down',\r\n        //   errorMsg: '',\r\n        //   options: [\r\n        //     { value: '예비창업자', label: '예비창업자' },\r\n        //     { value: 'IT/정보통신', label: 'IT/정보통신' },\r\n        //     { value: '제조/판매/유통', label: '제조/판매/유통' },\r\n        //     { value: '금융/은행/보험', label: '금융/은행/보험' },\r\n        //     { value: '의료/제약', label: '의료/제약' },\r\n        //     { value: '교육업', label: '교육업' },\r\n        //     { value: '마케팅/광고', label: '마케팅/광고' },\r\n        //     { value: '문화/예술/디자인', label: '문화/예술/디자인' },\r\n        //     { value: '농업/어업/축산업', label: '농업/어업/축산업' },\r\n        //     { value: '학생', label: '학생' },\r\n        //     { value: '기타', label: '기타' }\r\n        //   ],\r\n        //   validate: {\r\n        //     valid_required: true,\r\n        //     required: true\r\n        //   }\r\n        // },\r\n        {\r\n          label: '가입경로',\r\n          placeholder: '플랫폼파이를 어떻게 찾으셨나요?',\r\n          maxLength: 30,\r\n          field: 'funnel',\r\n          type: 'dropdown',\r\n          value: '',\r\n          etc: '',\r\n          component_name: 'lp-drop-down',\r\n          errorMsg: '',\r\n          options: [\r\n            { value: 1, label: '뉴스, 기사' },\r\n            { value: 2, label: '커뮤니티' },\r\n            { value: 3, label: '인스타그램' },\r\n            { value: 4, label: '페이스북' },\r\n            { value: 5, label: '네이버 블로그' },\r\n            { value: 6, label: '검색' },\r\n            { value: 7, label: '친구 추천' },\r\n            { value: 8, label: '타 사이트 하단 powered by 정보 확인' },\r\n            { value: 9, label: '기타' },\r\n          ],\r\n          validate: {\r\n            num: true,\r\n            alpha_g: true,\r\n            alpha_s: true,\r\n            special: true,\r\n            max_length: 30,\r\n            min_length: 1,\r\n            valid_required: true,\r\n            required: true,\r\n          },\r\n        },\r\n        {\r\n          label: '추천인코드',\r\n          placeholder: '추천인코드를 입력해주세요',\r\n          maxLength: 20,\r\n          field: 'recommender',\r\n          type: 'text',\r\n          value: '',\r\n          component_name: 'lp-text',\r\n          errorMsg: '',\r\n          validate: {\r\n            num: true,\r\n            alpha_g: true,\r\n            alpha_s: true,\r\n            special: true,\r\n            max_length: 10,\r\n            min_length: 1,\r\n            valid_required: false,\r\n            required: false,\r\n          },\r\n        },\r\n      ],\r\n      allData: {\r\n        field: 'all',\r\n        type: 'check',\r\n        value: false,\r\n        component_name: 'lp-check-box-array',\r\n        errorMsg: '',\r\n        validate: {\r\n          valid_required: true,\r\n        },\r\n        items: [\r\n          {\r\n            label: '전체 동의',\r\n            labelStyle: {\r\n              fontSize: '16px',\r\n              fontWeight: 500,\r\n              color: '#333333',\r\n            },\r\n          },\r\n        ],\r\n      },\r\n      checkFormData: [\r\n        {\r\n          field: 'term',\r\n          type: 'check',\r\n          value: false,\r\n          component_name: 'lp-check-box-array',\r\n          errorMsg: '',\r\n          validate: {\r\n            valid_required: true,\r\n          },\r\n          items: [\r\n            {\r\n              label: '이용약관 동의',\r\n              labelStyle: {\r\n                fontSize: '15px',\r\n                color: '#333333',\r\n              },\r\n            },\r\n            {\r\n              label: '약관보기',\r\n              link: '/term',\r\n              labelStyle: {\r\n                color: '#828282',\r\n                fontSize: '15px',\r\n                textDecoration: 'underline',\r\n                marginLeft: '8px',\r\n              },\r\n            },\r\n          ],\r\n        },\r\n        {\r\n          field: 'privacy',\r\n          type: 'check',\r\n          value: false,\r\n          component_name: 'lp-check-box-array',\r\n          errorMsg: '',\r\n          validate: {\r\n            valid_required: true,\r\n          },\r\n          items: [\r\n            {\r\n              label: '개인정보 처리방침 동의',\r\n              labelStyle: {\r\n                fontSize: '15px',\r\n                color: '#333333',\r\n              },\r\n            },\r\n            {\r\n              label: '약관보기',\r\n              link: '/privacy',\r\n              labelStyle: {\r\n                color: '#828282',\r\n                fontSize: '15px',\r\n                textDecoration: 'underline',\r\n                marginLeft: '8px',\r\n              },\r\n            },\r\n          ],\r\n        },\r\n        {\r\n          field: 'marketing',\r\n          type: 'check',\r\n          value: false,\r\n          component_name: 'lp-check-box-array',\r\n          errorMsg: '',\r\n          validate: {\r\n            valid_required: true,\r\n          },\r\n          items: [\r\n            {\r\n              label: '마케팅 정보 수신 동의',\r\n              labelStyle: {\r\n                fontSize: '15px',\r\n                color: '#333333',\r\n              },\r\n            },\r\n            {\r\n              label: '약관보기',\r\n              link: '/marketing',\r\n              labelStyle: {\r\n                color: '#828282',\r\n                fontSize: '15px',\r\n                textDecoration: 'underline',\r\n                marginLeft: '8px',\r\n              },\r\n            },\r\n          ],\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  methods: {\r\n    init() {\r\n      if (this.$store.getters.trial) {\r\n        this.formData = this.formData.filter((i) => i.field !== 'funnel');\r\n      }\r\n    },\r\n    onCheckAll(val) {\r\n      this.checkFormData.forEach((i) => (i.value = val));\r\n    },\r\n    signup() {\r\n      if (!this.checkFormData[0].value) {\r\n        this.toast('이용약관에 동의해주세요');\r\n        return;\r\n      } else if (!this.checkFormData[1].value) {\r\n        this.toast('개인정보 처리방침에 동의해주세요');\r\n        return;\r\n      }\r\n      let result = this.getParamData(this.formData);\r\n      Object.assign(result.params, {\r\n        marketing: this.checkFormData[this.checkFormData.findIndex((i) => i.field === 'marketing')].value,\r\n      });\r\n\r\n      if (result.enable) {\r\n        result.params.channel = '플랫폼파이';\r\n        this.$axios\r\n          .post('auth/user/signup', result.params)\r\n          .then((res) => {\r\n            if (res.status === 200) {\r\n              if (this.$store.getters.trial) {\r\n                this.signupDone(res.data.token);\r\n              } else {\r\n                this.setGa('가입 완료', '응답', 'SNS 가입 완료');\r\n                this.$router.replace(`/verify?token=${res.data.token}`);\r\n              }\r\n            }\r\n          })\r\n          .catch((error) => {\r\n            if (error.response) {\r\n              this.toast(error.response.data.message);\r\n            }\r\n          });\r\n      }\r\n    },\r\n    signupDone(token) {\r\n      this.$axios.post('auth/user/verify/token/' + token, { type: 'launchpack' }).then((res) => {\r\n        if (res.status === 200) {\r\n          this.$store.commit('setUser', res.data.user);\r\n          this.setAuthHeader();\r\n          this.toast('회원가입이 완료되었습니다.');\r\n          this.routerPush('/service_survey');\r\n          this.$store.commit('setTrial', false);\r\n        }\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n@import '~assets/css/lp_main'\r\n.signup-container\r\n  text-align center\r\n\r\n.signup-wrapper\r\n  border 1px solid $gray2\r\n  border-radius 12px\r\n  background-color white\r\n  padding 40px\r\n\r\n.divider\r\n  width 100%\r\n  height 1px\r\n  background-color $gray1\r\n  margin-bottom 40px\r\n\r\n.divider-confirm\r\n  margin-top 12px\r\n  border-top 1px solid #e3e3e3\r\n  padding-bottom 8px\r\n\r\n.signup-label\r\n  text-align left\r\n  margin-top 16px\r\n  color $sub3\r\n  font-size 15px\r\n\r\n\r\n@media (min-width:1025px)\r\n  .signup-container\r\n    margin-top 40px\r\n    width 448px\r\n\r\n\r\n@media (max-width:1024px)\r\n  .signup-comp\r\n    width 100%\r\n    padding 40px 16px\r\n\r\n  .signup-container\r\n    width 100%\r\n\r\n  .signup-wrapper\r\n    padding 32px 20px\r\n\r\n  .signup-label\r\n    font-size 14px\r\n.circle\r\n  width 24px\r\n  height 24px\r\n  border-radius 100%\r\n  line-height 24px\r\n  text-align center\r\n  background-color $sub5\r\n  color white\r\n  margin-right 4px\r\n\r\n.circle-select\r\n  background-color $main\r\n\r\n.step\r\n  margin-left 45px\r\n\r\n.step:first-child\r\n  margin-left 0\r\n\r\n\r\n.tag\r\n  width 42px\r\n  height 20px\r\n  padding 1px 4px\r\n  border-radius 2px\r\n  color $subcolor2\r\n  background-color $subcolor50\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddInfo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddInfo.vue?vue&type=template&id=4ee4e12a&scoped=true&\"\nimport script from \"./AddInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./AddInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddInfo.vue?vue&type=style&index=0&id=4ee4e12a&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4ee4e12a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpCheckBoxArray.vue?vue&type=style&index=0&id=1e0ac8f0&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lp-check-bool-container\"},[_c('div',{class:{ 'checked-box' : !!_vm.isChecked, 'not-checked-box' : !_vm.isChecked },style:(_vm.checkStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[(!!_vm.isChecked)?_c('i',{staticClass:\"material-icons checked-icon\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(\"check\")]):_vm._e()]),_c('div',{staticStyle:{\"flex\":\"1\"},style:(_vm.labelWrapStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},_vm._l((_vm.items),function(item,idx){return _c('span',{key:(\"item-\" + idx),style:(_vm.labelStyle(item)),on:{\"click\":function($event){return _vm.clickLink(item)}}},[_vm._v(_vm._s(item.label))])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lp-check-bool-container\">\r\n    <div :class=\"{ 'checked-box' : !!isChecked, 'not-checked-box' : !isChecked }\"\r\n         :style=\"checkStyle\"\r\n         @click.stop.prevent=\"clickCheck\">\r\n      <i v-if=\"!!isChecked\" class=\"material-icons checked-icon\" @click.stop.prevent=\"clickCheck\">check</i>\r\n    </div>\r\n    <div @click.stop.prevent=\"clickCheck\" style=\"flex:1\" :style=\"labelWrapStyle\">\r\n      <span v-for=\"(item, idx) in items\" :key=\"`item-${idx}`\"\r\n            :style=\"labelStyle(item)\"\r\n            @click=\"clickLink(item)\">{{ item.label }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default {\r\n    name: 'lp-check-box-array',\r\n    props: {\r\n      value: {\r\n        type: Boolean\r\n      },\r\n      items: {\r\n        type: Array,\r\n        default: function() {\r\n          return []\r\n        }\r\n      },\r\n      labelWrapCustomStyle: {\r\n        type: Object,\r\n        required: false\r\n      }\r\n    },\r\n    created() {\r\n      this.isChecked = this.value;\r\n    },\r\n    data() {\r\n      return {\r\n        isChecked: false\r\n      }\r\n    },\r\n    computed: {\r\n      labelWrapStyle() {\r\n        let style = {\r\n          textAlign: 'left'\r\n        }\r\n        if(this.labelWrapCustomStyle) {\r\n          style = this.labelWrapCustomStyle;\r\n        }\r\n        return style;\r\n      },\r\n      checkStyle() {\r\n        let style = {}\r\n        if(this.label) {\r\n          style.marginRight = 8;\r\n        }\r\n        else style.marginRight = 0;\r\n\r\n        return style\r\n      }\r\n    },\r\n    methods: {\r\n      clickLink(item) {\r\n        if(item.link) window.open(item.link, '_blank');\r\n      },\r\n      labelStyle(item) {\r\n        let style = {\r\n          fontSize: '0.9rem',\r\n          lineHeight: '17px',\r\n          color: '#555'\r\n        };\r\n        if(item.labelStyle) {\r\n          style = item.labelStyle;\r\n        }\r\n        return style;\r\n      },\r\n      clickCheck() {\r\n        if ( this.isChecked === false ) {\r\n          this.isChecked = true;\r\n        }\r\n        else if ( this.isChecked === true ) {\r\n          this.isChecked = false;\r\n        }\r\n        this.$emit('update:value', this.isChecked);\r\n        this.$emit('onCheck', this.isChecked);\r\n        this.$emit('dataCheck', {id:this.label, value:this.isChecked});\r\n      }\r\n    },\r\n    watch: {\r\n      value(n) {\r\n        this.isChecked = n;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  .lp-check-bool-container\r\n    /*display inline-flex*/\r\n    display flex\r\n    align-items center\r\n    cursor pointer\r\n\r\n  .checked-box\r\n    position relative\r\n    width 16px\r\n    height 16px\r\n    border 2px solid #ff6600\r\n    border-radius 3px\r\n    margin-right 8px !important\r\n    text-align center\r\n\r\n  .not-checked-box\r\n    position relative\r\n    width 16px\r\n    height 16px\r\n    border 2px solid #ff6600\r\n    border-radius 3px\r\n    margin-right 8px !important\r\n    text-align center\r\n\r\n\r\n  .checked-box\r\n    background-color #ff6600\r\n\r\n\r\n  .not-checked-box\r\n    background-color #fff\r\n\r\n\r\n  .checked-icon\r\n    color #fff\r\n    font-size 0.9rem\r\n    font-weight bold\r\n    position absolute\r\n    left 0\r\n    top 0\r\n\r\n\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpCheckBoxArray.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpCheckBoxArray.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpCheckBoxArray.vue?vue&type=template&id=1e0ac8f0&scoped=true&\"\nimport script from \"./LpCheckBoxArray.vue?vue&type=script&lang=js&\"\nexport * from \"./LpCheckBoxArray.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpCheckBoxArray.vue?vue&type=style&index=0&id=1e0ac8f0&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1e0ac8f0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddInfo.vue?vue&type=style&index=0&id=4ee4e12a&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lp-check-bool-container\"},[_c('div',{class:{ 'checked-box' : !!_vm.isChecked, 'not-checked-box' : !_vm.isChecked },style:(_vm.checkStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[(!!_vm.isChecked)?_c('i',{staticClass:\"material-icons checked-icon\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(\"check\")]):_vm._e()]),_c('div',{style:(_vm.labelStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(_vm._s(_vm.label))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lp-check-bool-container\">\r\n    <div :class=\"{ 'checked-box' : !!isChecked, 'not-checked-box' : !isChecked }\"\r\n         :style=\"checkStyle\"\r\n         @click.stop.prevent=\"clickCheck\">\r\n      <i v-if=\"!!isChecked\" class=\"material-icons checked-icon\" @click.stop.prevent=\"clickCheck\">check</i>\r\n    </div>\r\n    <div :style=\"labelStyle\" @click.stop.prevent=\"clickCheck\">{{ label }}</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    props: {\r\n      checkedVal: {\r\n        type: Boolean\r\n      },\r\n      label: {\r\n        type: String\r\n      },\r\n      labelStyle: {\r\n        type: Object,\r\n        default: function () {\r\n          return {\r\n            fontSize: '0.9rem',\r\n            lineHeight: '17px',\r\n            color: '#555'\r\n          }\r\n        }\r\n      }\r\n    },\r\n    created() {\r\n      this.isChecked = this.checkedVal;\r\n    },\r\n    data() {\r\n      return {\r\n        isChecked: false\r\n      }\r\n    },\r\n    computed: {\r\n      checkStyle() {\r\n        let style = {}\r\n        if(this.label) {\r\n          style.marginRight = 8;\r\n        }\r\n        else style.marginRight = 0;\r\n\r\n        return style\r\n      }\r\n    },\r\n    methods: {\r\n      clickCheck() {\r\n        if ( this.isChecked === false ) {\r\n          this.isChecked = true;\r\n        }\r\n        else if ( this.isChecked === true ) {\r\n          this.isChecked = false;\r\n        }\r\n        this.$emit('update:checkedVal', this.isChecked);\r\n        this.$emit('onCheck', this.isChecked);\r\n        this.$emit('dataCheck', {id:this.label, value:this.isChecked});\r\n      }\r\n    },\r\n    watch: {\r\n      checkedVal(n) {\r\n        this.isChecked = n;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .lp-check-bool-container{\r\n    display: flex;\r\n    align-items: flex-end;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .checked-box {\r\n    position: relative;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 2px solid #ff6600;\r\n    border-radius: 3px;\r\n    margin-right: 8px !important;\r\n    text-align: center;\r\n  }\r\n  .not-checked-box {\r\n    position: relative;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #dddddd;\r\n    border-radius: 3px;\r\n    margin-right: 8px !important;\r\n    text-align: center;\r\n  }\r\n\r\n  .checked-box {\r\n    background-color: #ff6600;\r\n  }\r\n\r\n  .not-checked-box {\r\n    background-color: #fff;\r\n  }\r\n\r\n  .checked-icon {\r\n    color: #fff;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .modal-content-item div {\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpCheckBool.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpCheckBool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpCheckBool.vue?vue&type=template&id=7b3673cd&scoped=true&\"\nimport script from \"./LpCheckBool.vue?vue&type=script&lang=js&\"\nexport * from \"./LpCheckBool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpCheckBool.vue?vue&type=style&index=0&id=7b3673cd&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7b3673cd\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpCheckBool.vue?vue&type=style&index=0&id=7b3673cd&scoped=true&lang=css&\""],"sourceRoot":""}