{"version":3,"sources":["webpack:///./src/views/person/nicheDetail.vue","webpack:///./src/views/person/nicheDetail.vue?3152","webpack:///./src/views/person/nicheDetail.vue?429e"],"names":["class","_createElementVNode","_createElementBlock","onClick","$router","push","_createVNode","_component_el_icon","color","size","_component_ArrowRightBold","_hoisted_4","_Fragment","_renderList","$data","item","key","label","_toDisplayString","value","is_enrolled","$options","is_interested","_hoisted_10","components","ArrowRightBold","data","options","loading","created","this","id","$route","query","getDetail","methods","signUp","API","demand_enrol","opType","ElMessage","success","unInterested","tracker","ipId","url","path","demand_detail","__exports__","render"],"mappings":"uOACOA,MAAM,Q,GACJA,MAAM,c,GAIJA,MAAM,6B,QAKXC,gCAAyC,QAAnCD,MAAM,mBAAkB,QAAI,I,GAE/BA,MAAM,wB,GAEDA,MAAM,2B,GACNA,MAAM,2B,GAETA,MAAM,uB,SACJA,MAAM,6B,QAIbC,gCAEM,OAFDD,MAAM,qBAAoB,oCAE/B,I,mOAxBJE,gCA0BM,MA1BN,EA0BM,CAzBJD,gCAUM,MAVN,EAUM,CATJA,gCAEC,KAFGE,QAAK,oBAAOC,QAAQC,KAAI,kBAAmBL,MAAM,mBAClD,QAEHC,gCAIM,MAJN,EAIM,CAHJK,yBAEUC,EAAA,CAFDC,MAAM,UAAWC,KAAM,IAAhC,C,6BACE,IAAkB,CAAlBH,yBAAkBI,K,QAGtBC,IAEFV,gCAaM,MAbN,EAaM,6BAZJC,gCAGMU,cAAA,KAAAC,wBAHcC,UAARC,I,yBAAZb,gCAGM,OAHwBc,IAAKD,EAAKE,MAAOjB,MAAM,0BAArD,CACEC,gCAA2D,OAA3D,EAA2DiB,6BAAnBH,EAAKE,OAAK,GAClDhB,gCAAwE,OAAxE,EAAwEiB,6BAAhCJ,OAAKC,EAAKI,QAAK,WAFzD,MAIAlB,gCAIM,MAJN,EAIM,CAHyCa,OAAKM,sCAAlDlB,gCAAwE,MAAxE,EAA+D,SAA/D,yBACAA,gCAAwE,O,MAAnEF,MAAM,4BAA6BG,QAAK,oBAAEkB,2BAAe,SAE1D,4BADJpB,gCAA8H,OAAzHD,MAAM,4BAA6BG,QAAK,oBAAEkB,uCAAqE,OAAI,mBAAjDP,OAAKM,aAAiC,GAAlBN,OAAKQ,mBAElGC,OAtBJ,IAA6BT,a,wCAmChB,GACbU,WAAY,CACVC,uBAEFC,OACE,MAAO,CACLC,QAAS,CACP,CACEV,MAAO,QACPE,MAAO,gBAET,CACEF,MAAO,QACPE,MAAO,SAET,CACEF,MAAO,QACPE,MAAO,sBAET,CACEF,MAAO,QACPE,MAAO,gBAET,CACEF,MAAO,QACPE,MACE,cAEJ,CACEF,MAAO,QACPE,MAAO,gBAET,CACEF,MAAO,QACPE,MAAO,oBAET,CACEF,MAAO,QACPE,MAAO,eAET,CACEF,MAAO,QACPE,MAAO,qBAET,CACEF,MAAO,QACPE,MAAO,WAET,CACEF,MAAO,MACPE,MAAO,UAET,CACEF,MAAO,UACPE,MAAO,aAGXO,KAAK,GACLE,SAAS,IAGbC,UACEC,KAAKC,GAAKD,KAAKE,OAAOC,MAAMF,GAC5BD,KAAKI,aAEPC,QAAQ,CACNC,SACEN,KAAKO,IAAIC,aAAa,CAACP,GAAGD,KAAKC,GAAGQ,OAAO,GAAG,KAC1CC,OAAUC,QAAQ,SAClBX,KAAKJ,KAAKN,YAAc,KAG5BsB,eACEZ,KAAKO,IAAIC,aAAa,CAACP,GAAGD,KAAKC,GAAGQ,OAAO,GAAG,KAC1CT,KAAKJ,KAAKJ,cAAgB,IAE5BqB,eAAQ,CACNJ,OAAO,GACPK,KAAMd,KAAKC,GACXc,IAAIf,KAAKE,OAAOc,QAGpB,kBACEhB,KAAKF,SAAU,QACRE,KAAKO,IAAIU,cAAc,CAAChB,GAAGD,KAAKC,IAAKL,IAC1CI,KAAKJ,KAAOA,EAAKA,OAEnBI,KAAKF,SAAU,K,iCCpHrB,MAAMoB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,yDCTf","file":"js/chunk-e5e0f86a.c06a8a3f.js","sourcesContent":["<template>\n  <div class=\"main\" v-loading=\"loading\">\n    <div class=\"breadcrumb\">\n      <a @click=\"this.$router.push('/person/niche')\" class=\"breadcrumb_item\"\n        >商机响应</a\n      >\n      <div class=\"breadcrumb_item_separator\">\n        <el-icon color=\"#5D5D5D\" :size=\"14\">\n          <ArrowRightBold />\n        </el-icon>\n      </div>\n      <span class=\"breadcrumb_item\">商机详情</span>\n    </div>\n    <div class=\"niche_detail_content\">\n      <div v-for=\"item in options\" :key=\"item.label\" class=\"niche_detail_info_item\">\n        <span class=\"niche_detail_info_label\">{{item.label}}</span>\n        <span class=\"niche_detail_info_value\">{{data[item.value] || '' }}</span>\n      </div>\n      <div class=\"niche_detail_handle\">\n        <div class=\"niche_detail_handle_type2\" v-if=\"data.is_enrolled\">已报名</div>\n        <div class=\"niche_detail_handle_type1\" @click=\"signUp\" v-else>立即报名</div>\n        <div class=\"niche_detail_handle_type3\" @click=\"unInterested\"  v-show=\"!data.is_enrolled && data.is_interested == 0\">不感兴趣</div>\n      </div>\n      <div class=\"niche_detail_tips\">\n        温馨提示：报名后，平台会有专人联系您在资质认证中提交的联系人\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { ArrowRightBold } from \"@element-plus/icons-vue\";\nimport { ElMessage } from \"element-plus\";\nimport tracker from \"@/common/tracker.js\";\n// is_enrolled 是否报名（0：否；1：是）\n// is_interested 是否感兴趣（0：默认；1：感兴趣；2：不感兴趣）\nexport default {\n  components: {\n    ArrowRightBold,\n  },\n  data() {\n    return {\n      options: [\n        {\n          label: \"项目名称：\",\n          value: \"project_name\",\n        },\n        {\n          label: \"品牌名称：\",\n          value: \"brand\",\n        },\n        {\n          label: \"项目阶段：\",\n          value: \"project_phase_name\",\n        },\n        {\n          label: \"项目预算：\",\n          value: \"budget_range\",\n        },\n        {\n          label: \"项目背景：\",\n          value:\n            \"project_bg\",\n        },\n        {\n          label: \"目标人群：\",\n          value: \"target_group\",\n        },\n        {\n          label: \"合作形式：\",\n          value: \"cooperation_mode\",\n        },\n        {\n          label: \"授权周期：\",\n          value: \"auth_period\",\n        },\n        {\n          label: \"合作时间：\",\n          value: \"cooperation_month\",\n        },\n        {\n          label: \"传播渠道：\",\n          value: \"channel\",\n        },\n        {\n          label: \"备注：\",\n          value: \"remark\",\n        },\n        {\n          label: \"报名截止时间：\",\n          value: \"deadline\",\n        },\n      ],\n      data:{},\n      loading: true,\n    };\n  },\n  created() {\n    this.id = this.$route.query.id;\n    this.getDetail();\n  },\n  methods:{\n    signUp(){\n      this.API.demand_enrol({id:this.id,opType:1},() => {\n        ElMessage.success('报名成功！'),\n        this.data.is_enrolled = 1\n      })\n    },\n    unInterested(){\n      this.API.demand_enrol({id:this.id,opType:2},() => {\n        this.data.is_interested = 2\n      })\n      tracker({\n        opType:20,\n        ipId: this.id,\n        url:this.$route.path\n      });\n    },\n    async getDetail(){\n      this.loading = true;\n      await  this.API.demand_detail({id:this.id},(data) => {\n        this.data = data.data\n      });\n      this.loading = false;\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" type=\"text/css\" scoped=\"\">\n.main {\n  flex: 1;\n  background: #ffffff;\n  border-radius: 4px;\n  padding: 20px 25px;\n}\n.breadcrumb {\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n  line-height: 20px;\n  .breadcrumb_item_separator {\n    margin: 0 10px;\n  }\n  > a {\n    color: #5d5d5d;\n    &:hover {\n      color: #ea5504;\n    }\n  }\n  > span {\n    color: #0b0b0b;\n  }\n}\n.niche_detail_content{\n  margin-top: 40px;\n  .niche_detail_info_item{\n      font-size: 14px;\n      margin-bottom: 16px;\n      display: flex;\n    .niche_detail_info_label{\n      width: 130px;\n      display: inline-block;\n      text-align: right;\n      color: #2E3036;\n      line-height: 22px;\n    }\n    .niche_detail_info_value{\n      color: #888888;\n      flex: 1;\n      line-height: 22px;\n    }\n  }\n  .niche_detail_handle{\n    display: flex;\n    padding-left: 60px;\n    margin-top: 28px;\n    >div{\n      width: 136px;\n      height: 42px;\n      border-radius: 4px;\n      border: 1px solid transparent;\n      line-height: 42px;\n      text-align: center;\n      margin-right: 40px;\n      font-size: 14px;\n      cursor: pointer;\n    }\n    .niche_detail_handle_type1{\n      border-color: #F5630B;\n      background-color: #F5630B;\n      color: #FFFFFF;\n    }\n    .niche_detail_handle_type2{\n      border-color: #F4F4F4;\n      background-color: #F4F4F4;\n      color: #0B0B0B ;\n    }\n    .niche_detail_handle_type3{\n      border-color: #F5630B;\n      background-color: #fff;\n      color: #EA5504 ;\n    }\n  }\n  .niche_detail_tips{\n    padding-left: 60px;\n    margin-top: 16px;\n    font-size: 14px;\n    color: #888888;\n    line-height: 22px\n  }\n}\n</style>\n","import { render } from \"./nicheDetail.vue?vue&type=template&id=5123b610&scoped=true\"\nimport script from \"./nicheDetail.vue?vue&type=script&lang=js\"\nexport * from \"./nicheDetail.vue?vue&type=script&lang=js\"\n\nimport \"./nicheDetail.vue?vue&type=style&index=0&id=5123b610&lang=less&scoped=true\"\n\nimport exportComponent from \"/Users/wangkunyu/Documents/code/ip-js/web/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-5123b610\"]])\n\nexport default __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-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./nicheDetail.vue?vue&type=style&index=0&id=5123b610&lang=less&scoped=true\""],"sourceRoot":""}