{"version":3,"file":"addCustomer.63e234dd.js","sources":["../../src/assets/home/close@2x.png","../../src/assets/home/form@2x.png","../../src/views/ecologycooperation/components/addCustomer.vue"],"sourcesContent":["export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNDUzRjEyRjQwNDExRUY5QTA1OTA4NDA1MEQzMkIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxNDUzRjEzRjQwNDExRUY5QTA1OTA4NDA1MEQzMkIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODE0NTNGMTBGNDA0MTFFRjlBMDU5MDg0MDUwRDMyQjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODE0NTNGMTFGNDA0MTFFRjlBMDU5MDg0MDUwRDMyQjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7QWS58AAAArlBMVEVmZmb4+Pj39/fz8/P29vb7+/vw8PD19fX5+fl9fX2BgYF+fn6EhISHh4f6+vqJiYmKior8/PyDg4OPj4/09PTv7++QkJDx8fGNjY3y8vKLi4uGhoaCgoJ8fHyOjo5/f3+AgIB6enrt7e2urq6MjIyIiIiSkpLu7u6Tk5Orq6t7e3usrKyVlZW0tLTCwsKFhYWtra2lpaW+vr6oqKiRkZG9vb39/f2UlJR5eXn////roOWlAAAAOnRSTlP///////////////////////////////////////////////////////////////////////////8AN8D/CgAAAVpJREFUeNrslVmTgjAMgFNuFVAURPHcw73VvXf9/39sQyujtA3HzD7apzb5vpnSpgEOLQdchBZCtP2Y0pRx82pIwjvAIqF4KwB4loQvAOg4BD/D5KO8pTFpcN635I+2KcPdY2LvqqdEGK6P4ZmlO1Z7hKmeU82X7iFUDc4HFnVxwkhPgXgo89JNS4bgjarSCJdnhjnHxcaoriUvN1a8SswuTvtGXfF5k6MheFZfrdxYTzk/YE3KWxhrPa99D94t8JGxpg9IGJnX+MWlq1zomk2FtCe2pDU0gpPzk4wwVMHpILr0GGGAlh+FhwMb4GRu1glJwVOGJCQLhMahWAgjrhIEbxdLbgxjWrh/QuDTPgVYXzFA5u/s87QwXL1wfaXwGgPK/IOttNXc8F1VIHg0NiWjEJJfDP9E2tYd6FrlGwZfIqLZB5pmvKV5fbuPdrvvVj+Uy3/6X4U/AQYAbMKzCqSGf2sAAAAASUVORK5CYII=\"","export default \"__VITE_ASSET__ec8ced93__\"","<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({ name: \"AddCustomer\" });\n</script>\n<template>\r\n  <div class=\"add-custom\">\r\n    <slot>\r\n      <!-- 页面头部背景 -->\r\n    </slot>\r\n    <el-form ref=\"applyInfoFormRef\" :model=\"applyInfoData\" size=\"large\" :rules=\"menuFormRules\"  label-position=\"right\">\r\n      <el-form-item label=\"姓名\" prop=\"name\">\r\n        <!-- <template #label>\r\n          <div class=\"apply-from-label\">姓名</div>\r\n        </template> -->\r\n        <el-input v-model=\"applyInfoData.name\" class=\"inputItem\" :validate-event=\"false\" size=\"default\" placeholder=\"请输入\" />\r\n      </el-form-item>\r\n      <el-form-item label=\"手机号码\" prop=\"phoneNo\">\r\n        <!-- <template #label>\r\n          <div class=\"apply-from-label\">手机号码</div>\r\n        </template> -->\r\n        <el-input v-model=\"applyInfoData.phoneNo\" size=\"default\" :validate-event=\"false\" class=\"inputItem\" placeholder=\"请输入\" />\r\n      </el-form-item>\r\n      <el-form-item label=\"组织名称\" prop=\"orgName\">\r\n        <!-- <template #label>\r\n          <div class=\"apply-from-label\">组织名称</div>\r\n        </template> -->\r\n        <el-input v-model=\"applyInfoData.orgName\" size=\"default\" :validate-event=\"false\" class=\"inputItem\" placeholder=\"请输入\" />\r\n      </el-form-item>\r\n      <el-form-item label=\"职务\" prop=\"dutyName\">\r\n        <!-- <template #label>\r\n          <div class=\"apply-from-label\">职务</div>\r\n        </template> -->\r\n        <el-input v-model=\"applyInfoData.dutyName\" size=\"default\" :validate-event=\"false\" class=\"inputItem\" placeholder=\"请输入\" />\r\n      </el-form-item>\r\n      <el-form-item label=\"使用场景\" prop=\"demandSituation\">\r\n        <!-- <template #label>\r\n          <div class=\"apply-from-label\">使用场景</div>\r\n        </template> -->\r\n        <el-input\r\n          v-model=\"applyInfoData.demandSituation\"\r\n          size=\"default\"\r\n          class=\"inputItem\"\r\n          :validate-event=\"false\"\r\n          placeholder=\"请输入您使用移动平台的场景或目的\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"所在地区\" prop=\"area\">\r\n        <!-- <template #label>\r\n          <div class=\"apply-from-label\">所在地区</div>\r\n        </template> -->\r\n        <el-input v-model=\"applyInfoData.area\" size=\"default\" :validate-event=\"false\" class=\"inputItem\" placeholder=\"请输入您所在地区\" />\r\n      </el-form-item>\r\n      <button class=\"submit-btn\" type=\"button\" :loading=\"loading\" @click=\"submitUserFrom\">免费试用</button>\r\n        <div class=\"readerText\" >\r\n          我们承诺会保护好您提交的个人隐私信息。\r\n        </div>\r\n     \r\n    </el-form>\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" setup>\r\n\r\nimport {ref,reactive} from 'vue'\r\nimport { debounce } from 'lodash'\r\nimport { FormInstance,ElMessage } from \"element-plus\"\r\nimport {  useCustomerStore } from \"@/stores/applyUse\"\r\ninterface applyInfoItem {\r\n    name : string;\r\n    phoneNo : string;\r\n    orgName : string;\r\n    dutyName : string;\r\n    demandSituation : string;\r\n    area : string;\r\n  }\r\nconst validateMobile = (\r\n  rule: unknown,\r\n  value: string,\r\n  callback: (arg?: Error) => void\r\n) => {\r\n  if (!isNaN(Number(value)) && value.length === 11) {\r\n    callback()\r\n  }\r\n  callback(new Error(\"请输入正确格式手机号!\"))\r\n}\r\nconst menuFormRules = reactive({\r\n  name: {\r\n    required: true,\r\n    message: \"请输入您的姓名\",\r\n    trigger: \"change\",\r\n  },\r\n  phoneNo:[ {\r\n    required: true,\r\n    message: \"请输入您的手机号码\",\r\n    trigger: \"change\"\r\n  },{\r\n      message: \"请输入正确11位手机号\",\r\n      trigger: \"change\",\r\n      validator: validateMobile\r\n    }\r\n  ] ,\r\n  orgName: {\r\n    // required: true,\r\n    message: \"请输入您的组织名称\",\r\n    trigger: \"change\",\r\n  },\r\n  dutyName: {\r\n    // required: true,\r\n    message: \"请输入您的职务\",\r\n    trigger: \"change\",\r\n  },\r\n  demandSituation: {\r\n    // required: true,\r\n    message: \"请输入您使用移动平台场景\",\r\n    trigger: \"change\",\r\n  },\r\n  area: {\r\n    required: true,\r\n    message: \"请输入您所在的地区\",\r\n    trigger: \"change\",\r\n  },\r\n});\r\nconst applyInfoData = reactive<applyInfoItem>({\r\n  name: \"\",\r\n  phoneNo: \"\",\r\n  orgName: \"\",\r\n  dutyName: \"\",\r\n  demandSituation: \"\",\r\n  area: \"\",\r\n})\r\nconst resetForm = () => {\r\n  loading.value = false\r\n  applyInfoFormRef.value?.resetFields();\r\n  applyInfoData.name = \"\"\r\n  applyInfoData.phoneNo = \"\"\r\n  applyInfoData.orgName = \"\"\r\n  applyInfoData.dutyName = \"\"\r\n  applyInfoData.demandSituation = \"\"\r\n  applyInfoData.area = \"\"\r\n};\r\nconst store = useCustomerStore()\r\nconst loading = ref(false)\r\nconst applyInfoFormRef = ref<FormInstance | null>(null)\r\nconst submitUserFrom = debounce(() => {\r\n  \r\n  (applyInfoFormRef.value as FormInstance).validate((valid) => {\r\n    if (valid) {\r\n      loading.value = true;\r\n      addNewRole({ ...applyInfoData });\r\n    }\r\n  });\r\n},600) ;\r\nconst $emit = defineEmits([\"closeApplyDailog\"]);\r\nconst addNewRole = async (data: applyInfoItem) => {\r\n  store.addCustomer({...data}).then((res)=>{\r\n    // if(res.status == 10000000){\r\n    //   $emit('closeApplyDailog')\r\n    // }\r\n    if(res.status == 0){\r\n      ElMessage({\r\n        message: '信息提交成功,我们将尽快与您联系！',\r\n        type: 'success',\r\n      })\r\n      resetForm()\r\n       // 提交表单成功关闭首页弹框\r\n      $emit('closeApplyDailog')\r\n    }\r\n  }).catch(()=>{\r\n    loading.value = false\r\n  })\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.add-custom {\r\n  \r\n//    width: 100%;\r\n  // height: 2.4306rem;\r\n  // overflow-y: auto;\r\n//   &::-webkit-scrollbar {\r\n//     width: 0px;\r\n// }\r\n\r\n  :deep(.el-form-item) {\r\n    margin-left: 0 !important;\r\n   }\r\n  .submit-btn {\r\n    display: block;\r\n    width: 2.9167rem;\r\n    height: .3125rem;\r\n    background: #1978f0;\r\n    border-radius: 0.0417rem;\r\n    font-size: .1389rem;\r\n    color: #FFFFFF;\r\n    font-weight: 500;\r\n    margin: 0 auto;\r\n    border: none;\r\n    margin-top: .1042rem;\r\n    font-family: PingFangSC-Medium;\r\n    \r\n  }\r\n  .inputItem {\r\n    width: 2.7778rem;\r\n  }\r\n  :deep(.el-form-item--large) {\r\n    margin-bottom: 0;\r\n  }\r\n  :deep(.el-form-item) {\r\n    margin-bottom: 0.0694rem;\r\n    margin-left: 0.2778rem;\r\n  }\r\n  .readerText{\r\n   text-align: center;\r\n    font-size: .0972rem;\r\n    color: #A1A1A1;\r\n    margin-top: .1042rem;\r\n    margin-bottom: .1042rem;\r\n    // padding-bottom: .0694rem;\r\n    \r\n    font-weight: 400;\r\n  }\r\n  \r\n}\r\n:deep(.el-form-item__label) {\r\n//  justify-content: center;\r\n padding: 0 .1736rem 0 0 !important;\r\n//  padding-left: .1389rem;\r\n    font-size:.0972rem !important;\r\n}\r\n:deep(.el-form-item__error) {\r\n  padding-top: 0;\r\n  top: 92%;\r\n }\r\n:deep(.el-form) {\r\n   padding-right: .2083rem;\r\n }\r\n\r\n//  @media screen and (max-width: 480px) {\r\n//   .add-custom{\r\n//    height: 4.1667rem;\r\n//    margin-left: .1389rem;\r\n//   }\r\n \r\n// }\r\n@media screen and (max-width: 480px) {\r\n  :deep(.el-form) {\r\n    padding-right: .6944rem;\r\n  }\r\n  .submit-btn{\r\n    margin-left: 70px!important;\r\n   }\r\n   .readerText{\r\n     \r\n    }\r\n  .add-custom{\r\n  //  height: 8.9rem !important;\r\n   width: 7.0833rem;\r\n   .submit-btn{\r\n     height:.7167rem;\r\n     width: 4.1667rem !important;\r\n     margin-left: 1.3889rem!important;\r\n     margin-top: .2778rem;\r\n   }\r\n   .inputItem {\r\n    width: 4rem !important;\r\n    // el-form-item__label\r\n  }\r\n   .readerText{\r\n    margin-top: .2389rem;\r\n    font-size: .1667rem;\r\n    margin-left: .4167rem;\r\n   }\r\n   :deep(.el-form-item) {\r\n    \r\n    margin-bottom: 0.15rem;\r\n   }\r\n   :deep(.el-form-item__label) {\r\n     width:1.7361rem !important;\r\n    //  font-size: 80px;\r\n   }\r\n   ::v-deep .el-input__inner::placeholder {\r\n    \r\n    // font-size: .2083rem;\r\n     \r\n  }\r\n  \r\n  }\r\n}\r\n @media screen and (max-width: 1200px)and (min-width: 480px) {\r\n  .add-custom{\r\n  //  height: 4.1667rem;\r\n  //  margin-left: .1389rem;\r\n  }\r\n  :deep(.el-form-item__label) {\r\n    width:1.25rem !important;\r\n   //  font-size: 80px;\r\n  }\r\n  :deep(.el-form) {\r\n     padding-right: .4167rem;\r\n  }\r\n  .submit-btn{\r\n    margin-left: 70px!important;\r\n   }\r\n   .readerText{\r\n     margin-left: .3472rem;\r\n    }\r\n \r\n}\r\n@media screen and (min-width: 1200px) {\r\n  .submit-btn{\r\n   margin-left: 70px!important;\r\n  }\r\n  .readerText{\r\n    margin-left: .2778rem;\r\n   }\r\n   :deep(.el-form-item__label) {\r\n    // width: 1.0417rem;//180px\r\n    width:.9528rem !important;\r\n  }\r\n \r\n}\r\n::v-deep .el-input__inner::placeholder {\r\n    font-family: PingFangSC-Regular;\r\n     font-size: .0972rem;\r\n     color: #000000;\r\n     opacity: 0.25;\r\n     font-weight: 400;\r\n  }\r\n</style>\r\n"],"names":["_imports_1","_imports_2","URL","url","href","emits","setup","__props","emit","__emit","menuFormRules","reactive","name","required","message","trigger","phoneNo","validator","rule","value","callback","isNaN","Number","length","Error","orgName","dutyName","demandSituation","area","applyInfoData","store","useCustomerStore","loading","ref","applyInfoFormRef","submitUserFrom","debounce","validate","valid","addNewRole","$emit","async","data","addCustomer","then","res","status","ElMessage","type","resetFields","catch"],"mappings":"8LAAA,MAAeA,EAAA,q/DCAAC,EAAA,GAAA,IAAAC,IAAA,mCAAAC,KAAAC,gFC0EfC,MAAA,CAAA,oBAKE,KAAAC,CAAAC,GAAAC,KAAAC,IACE,MAKIC,EAAAC,EAAA,CACMC,KAAA,CACDC,UAAA,EACAC,QAAA,UACXC,QAAA,UACUC,QAAA,CACE,CACDH,UAAA,EACAC,QAAA,YACXC,QAAA,UACa,CACAD,QAAA,cACEC,QAAA,SACbE,UAlBA,CAAAC,EAAAC,EAAAC,KAASC,MAAAC,OAAAH,KAAA,KAAAA,EAAAI,YAIbH,EAAA,IAAAI,MAAA,eAAA,IAkBaC,QAAA,CACAX,QAAA,YACXC,QAAA,UAGWW,SAAA,CACAZ,QAAA,UACXC,QAAA,UAGWY,gBAAA,CACAb,QAAA,eACXC,QAAA,UAEYa,KAAA,CACDf,UAAA,EACAC,QAAA,YACXC,QAAA,YAGMc,EAAAlB,EAAA,CACGC,KAAA,GACAI,QAAA,GACCS,QAAA,GACOC,SAAA,GACXC,gBAAA,GAERC,KAAA,KAYAE,EAAAC,IACAC,EAAAC,GAAA,GAEEC,EAAAD,EAAA,MACEE,EAAAC,EAAAA,QAAAA,UAAA,KACEF,EAAAf,MAAAkB,UAAAC,IACAA,IAA+BN,EAAAb,OAAA,EACjCoB,EAAA,IAAAV,IACD,GAEH,GACA,KACEW,EAAA/B,EAIE8B,EAAAE,MAAAC,IACEZ,EAAAa,YAAA,IAAAD,IAAAE,MAAAC,IAAU,GAAAA,EAAAC,SACCC,EAAA,CACHjC,QAAA,oBAERkC,KAAA,YA9BJhB,EAAAb,OAAA,EACAe,EAAAf,OAAA8B,cACApB,EAAAjB,KAAA,GACAiB,EAAAb,QAAA,GACAa,EAAAJ,QAAA,GACAI,EAAAH,SAAA,GAAqBG,EAAAF,gBAAA,GAEvBE,EAAAD,KAAA,GA0BIY,EAAA,oBAEA,IAAgBU,OAAA,KACjBlB,EAAAb,OAAA,CAAA"}