|
|
@@ -1,1072 +1,1078 @@
|
|
|
-var temp = `
|
|
|
- <div>
|
|
|
- <div class="user-data-dialog" id="collectUserInfoDialog" v-if="showForm">
|
|
|
- <div class="mask"></div>
|
|
|
- <div class="dialog-container">
|
|
|
- <div class="dialog-header fs18" v-if="dialogTitleTop" v-text="dialogTitleTop"></div>
|
|
|
- <div class="dialog-header dialog-header-subtitle mt-4" v-if="dialogTitle" v-html="dialogTitle"></div>
|
|
|
- <div class="dialog-content">
|
|
|
- <el-form class="user-form" :model="form" :rules="rules" ref="ruleForm">
|
|
|
- <!-- 基本信息 -->
|
|
|
- <div class="basic clearfix">
|
|
|
- <div class="form-title">基本信息</div>
|
|
|
- <div class="form-main clearfix">
|
|
|
- <div class="short-control fl">
|
|
|
- <el-form-item label="姓名 :" prop="name">
|
|
|
- <el-input v-model.trim="form.name" data-short-input class="item-input" placeholder="请输入姓名" @focus="nameFocus" required>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="short-control fr">
|
|
|
- <el-form-item label="手机号 :" prop="phone">
|
|
|
- <el-input v-model.trim="form.phone" maxlength="11" @input="inputPhone" data-short-input class="item-input" placeholder="请输入准确的手机号" @focus="phoneFocus"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="short-control fl" v-if="moduleShow.email">
|
|
|
- <el-form-item label="邮箱 :" prop="mail">
|
|
|
- <el-input v-model.trim="form.mail" data-short-input class="item-input" placeholder="请输入邮箱" @focus="mailFocus"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="short-control fr" v-if="moduleShow.region">
|
|
|
- <el-form-item label="地区 :">
|
|
|
- <el-cascader data-short-input v-model="form.region" class="item-input" :options="regionData"
|
|
|
- placeholder="请选择省份城市" clearable></el-cascader>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="short-control fr" v-if="moduleShow.industry">
|
|
|
- <el-form-item label="行业 :">
|
|
|
- <el-cascader data-short-input v-model="form.industry" class="item-input" :options="industryData"
|
|
|
- placeholder="请选择所属行业" :show-all-levels="false" clearable></el-cascader>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="short-control fr" v-if="moduleShow.mold">
|
|
|
- <el-form-item label="受雇类型 :">
|
|
|
- <el-select v-model="form.mold" data-short-input class="item-input">
|
|
|
- <el-option v-for="item in moldData" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="company clearfix">
|
|
|
- <div class="form-title">公司信息</div>
|
|
|
- <div class="form-main">
|
|
|
- <div class="long-control" style="position: relative;">
|
|
|
- <el-form-item label="公司名称 :" prop="companyName">
|
|
|
- <el-input
|
|
|
- v-model.trim="form.companyName"
|
|
|
- data-long-input
|
|
|
- class="item-input company-name"
|
|
|
- @focus="companyFocus"
|
|
|
- @input="searchCompany"
|
|
|
- placeholder="请输入准确的公司名称">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <div class="company-result" v-if="showSearchResult">
|
|
|
- <div class="company-list" v-for="item in companyList" :key="item" @click="selectCompany(item)" v-html="item"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="long-control" v-if="moduleShow.companyType">
|
|
|
- <el-form-item label="公司类型 :" class="company-type" prop="companyType">
|
|
|
- <el-checkbox-group v-model="form.companyType">
|
|
|
- <el-checkbox label="投标企业"></el-checkbox>
|
|
|
- <el-checkbox label="招标采购单位"></el-checkbox>
|
|
|
- <el-checkbox label="厂商"></el-checkbox>
|
|
|
- <el-checkbox label="招标代理机构"></el-checkbox>
|
|
|
- <el-checkbox label="经销商"></el-checkbox>
|
|
|
- <el-checkbox label="服务提供商"></el-checkbox>
|
|
|
- <el-checkbox label="其他"></el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="long-control" v-if="moduleShow.job">
|
|
|
- <el-form-item label="职位 :" prop="job">
|
|
|
- <el-select v-model="form.job" placeholder="请选择职位" data-short-input popper-class="leave-info-select" class="item-input" clearable>
|
|
|
- <el-option v-for="item in jobData" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <el-select v-if="showBranch" v-model="form.branch" placeholder="请选择部门" data-short-input popper-class="leave-info-select" class="item-input" clearable>
|
|
|
- <el-option v-for="item in branchData" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="long-control" v-if="setCoopreate">
|
|
|
- <el-form-item label="合作概述 :" prop="cooperate">
|
|
|
- <el-input
|
|
|
- v-model.trim="form.cooperate"
|
|
|
- data-long-input
|
|
|
- class="item-input company-name"
|
|
|
- placeholder="请填写商务合作内容">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="long-control" v-if="moduleShow.scale">
|
|
|
- <el-form-item label="公司规模 :">
|
|
|
- <el-select v-model="form.scale" placeholder="请选择公司规模" data-short-input class="item-input" clearable>
|
|
|
- <el-option v-for="item in scaleData" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="long-control" v-if="moduleShow.business">
|
|
|
- <el-form-item label="业务范围 :">
|
|
|
- <el-input type="textarea" autosize resize="none" v-model="form.business" data-long-input class="item-input"
|
|
|
- placeholder="请输入业务范围，让合作伙伴充分了解公司业务内容"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="long-control" v-if="moduleShow.need">
|
|
|
- <el-form-item label="合作需求 :">
|
|
|
- <el-input type="textarea" autosize resize="none" v-model="form.need" data-long-input class="item-input"
|
|
|
- placeholder="请输入合作需求，从而创造并匹配更多合作交流机会"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="warm-prompt">
|
|
|
- <span class="icon-warning"></span>
|
|
|
- <span class="warm-text">温馨提示：请提供准确的信息，我们将为您推荐更准确、更个性化的商机和服务</span>
|
|
|
- </div>
|
|
|
- <div class="agree-service" v-if="moduleShow.agree">
|
|
|
- <el-checkbox v-model="form.agreeChecked"> 我同意剑鱼标讯将业务范围及合作需求提供给潜在合作伙伴搜索、查看</el-checkbox>
|
|
|
- </div>
|
|
|
- <div class="dialog-footer">
|
|
|
- <el-button class="cancel-btn" @click="cancelForm">暂不提供</el-button>
|
|
|
- <el-button class="submit-btn" @click="submitForm('ruleForm')">提交</el-button>
|
|
|
- </div>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div id="success-dialog" style="display: none;" v-show="showSuccess">
|
|
|
- <div class="mask"></div>
|
|
|
- <div class="success-dialog-container">
|
|
|
- <div class="success-title">提交成功</div>
|
|
|
- <div class="success-content" v-html="successText"></div>
|
|
|
- <div class="success-footer">
|
|
|
- <button type="button" class="custom-btn go-know" @click="knowHandle" v-text="successConfirmText"></button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- `
|
|
|
-
|
|
|
-var filterData = chinaMapJSON.filter(function (item) {
|
|
|
- item.name = item.name.replace(/\s*/g,"")
|
|
|
- return item.name !== '海外' && item.name !== '钓鱼岛'
|
|
|
-})
|
|
|
-filterData.forEach(function (item) {
|
|
|
- if (item.name == '台湾省') { item.name = '台湾'}
|
|
|
- item.name = item.name.replace(/自治区|特别行政区|壮族|回族|维吾尔/g, '')
|
|
|
- item.label = item.name
|
|
|
- item.value = item.name
|
|
|
- var filterWord = ['北京市', '上海市', '天津市', '上海市', '重庆市', '香港', '澳门', '台湾']
|
|
|
- if (filterWord.indexOf(item.name) == -1) {
|
|
|
- item.children = item.city.map(function (v) {
|
|
|
- return {
|
|
|
- value: v.name,
|
|
|
- label: v.name
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
-})
|
|
|
-industryJson.forEach(function (item) {
|
|
|
- item.label = item.name
|
|
|
- item.value = item.name
|
|
|
- item.children = item.children.map(function (v) {
|
|
|
- return {
|
|
|
- value: v.name,
|
|
|
- label: v.name
|
|
|
- }
|
|
|
- })
|
|
|
-})
|
|
|
-var jobData = jobJson.map(function (item) {
|
|
|
- return {
|
|
|
- value: item,
|
|
|
- label: item
|
|
|
- }
|
|
|
-})
|
|
|
-var companyScaleData = companyScaleJson.map(function (item) {
|
|
|
- return {
|
|
|
- value: item,
|
|
|
- label: item
|
|
|
- }
|
|
|
-})
|
|
|
-// 部门数据处理
|
|
|
-var branchData = branchJson.map(function(item) {
|
|
|
- return {
|
|
|
- value: item,
|
|
|
- label: item
|
|
|
- }
|
|
|
-})
|
|
|
-// 防抖
|
|
|
-function debounce(fn, delay) {
|
|
|
- var timer
|
|
|
- return function () {
|
|
|
- var context = this
|
|
|
- var args = arguments
|
|
|
- clearTimeout(timer)
|
|
|
- timer = setTimeout(function () {
|
|
|
- fn.apply(context, args)
|
|
|
- }, delay)
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-var vm = new Vue({
|
|
|
- el: '#vue-collect-user-info',
|
|
|
- delimiters: ['@@', '@@'],
|
|
|
- template: temp,
|
|
|
- data: function () {
|
|
|
- var validName = function(rule,value,callback) {
|
|
|
- if(value === '') {
|
|
|
- return callback(new Error('姓名为必填项'));
|
|
|
- } else {
|
|
|
- if (value.length < 2) {
|
|
|
- return callback(new Error('姓名填写不正确'));
|
|
|
- }
|
|
|
- callback();
|
|
|
- }
|
|
|
- }
|
|
|
- var validPhone = function(rule,value,callback) {
|
|
|
- var status = /^1[3-9]\d{9}$/.test(value)
|
|
|
- if(value === '') {
|
|
|
- return callback(new Error('手机号为必填项'));
|
|
|
- } else if (!status) {
|
|
|
- return callback(new Error('手机号填写不正确'));
|
|
|
- } else {
|
|
|
- callback();
|
|
|
- }
|
|
|
- }
|
|
|
- var validEmail = function(rule,value,callback) {
|
|
|
- var status = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)
|
|
|
- if (value === '') {
|
|
|
- return callback(new Error('邮箱为必填项'));
|
|
|
- } else {
|
|
|
- if (!status) {
|
|
|
- return callback(new Error('邮箱填写不正确'));
|
|
|
- } else {
|
|
|
- callback();
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- var validCompany = function(rule,value,callback) {
|
|
|
- if (value === '') {
|
|
|
- return callback(new Error('公司名称为必填项'));
|
|
|
- } else {
|
|
|
- if (value.length < 2) {
|
|
|
- return callback(new Error('公司名称至少输入2个字'));
|
|
|
- } else {
|
|
|
- callback();
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- var validJob = function(rule,value,callback) {
|
|
|
- if(value === '') {
|
|
|
- return callback(new Error('职位不能为空'));
|
|
|
- } else {
|
|
|
- if ((value.indexOf('总裁') === -1 || value.indexOf('总经理') === -1) && vm.showBranch && !vm.form.branch) {
|
|
|
- return callback(new Error('部门不能为空'));
|
|
|
- } else {
|
|
|
- callback();
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- return {
|
|
|
- dialogTitleTop: '为给您匹配精准的推荐信息，请完善个人信息',
|
|
|
- dialogTitle: '',
|
|
|
- // showCompany: true, // 是否显示公司信息
|
|
|
- regionData: filterData, // 地区数据
|
|
|
- industryData: industryJson, // 行业数据
|
|
|
- jobData: jobData, // 职位数据
|
|
|
- scaleData: companyScaleData, // 公司规模数据
|
|
|
- branchData: branchData,
|
|
|
- moldData: [{ // 公司类型数据
|
|
|
- label: '公司',
|
|
|
- value: '公司'
|
|
|
- }, {
|
|
|
- label: '个体经营者',
|
|
|
- value: '个体经营者'
|
|
|
- },{
|
|
|
- label: '其他',
|
|
|
- value: '其他'
|
|
|
- }],
|
|
|
- form: {
|
|
|
- name: '', // 姓名
|
|
|
- phone: '', // 手机号
|
|
|
- mail: '', // 邮箱
|
|
|
- region: [], // 地区值
|
|
|
- industry: [], // 行业值
|
|
|
- mold: '公司', // 受雇类型值
|
|
|
- companyName: '', // 公司名称
|
|
|
- companyType: [], // 公司类型值
|
|
|
- job: '', // 职位值
|
|
|
- otherJob: '', //自定义职位
|
|
|
- scale: '', // 公司规模
|
|
|
- business: '', // 业务范围
|
|
|
- need: '', // 合作需求
|
|
|
- agreeChecked: true,
|
|
|
- branch: '',
|
|
|
- cooperate: '' // 商务合作
|
|
|
- },
|
|
|
- rules: {
|
|
|
- name: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- validator: validName,
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ],
|
|
|
- phone: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- validator: validPhone,
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ],
|
|
|
- mail: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- validator: validEmail,
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ],
|
|
|
- companyName: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- validator: validCompany,
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ],
|
|
|
- companyType: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message:'公司类型为必填项',
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ],
|
|
|
- job: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- validator: validJob,
|
|
|
- trigger: 'change'
|
|
|
- }
|
|
|
- ],
|
|
|
- cooperate: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message:'商务合作为必填项',
|
|
|
- trigger: 'change'
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- showSearchResult: false,
|
|
|
- companyList: [],
|
|
|
- showForm: false, // 显示表单填写弹框
|
|
|
- showSuccess: false, // 显示提交成功弹框
|
|
|
- isForce: false, // 是否强制
|
|
|
- source: '', // 来源模块
|
|
|
- curDom: null,
|
|
|
- // 默认为隐藏，需要展示则需判断
|
|
|
- moduleShow: {
|
|
|
- email: false,
|
|
|
- region: false,
|
|
|
- industry: false,
|
|
|
- mold: false,
|
|
|
- companyType: true,
|
|
|
- job: true,
|
|
|
- scale: false,
|
|
|
- business: false,
|
|
|
- need: false,
|
|
|
- agree: false,
|
|
|
- cooperate: false // 商务合作显示
|
|
|
- },
|
|
|
- sourceTitleMap: {
|
|
|
- pc_article_member_freeuse: '请升级大会员无限制查看标讯、超前项目，优先对接项目负责人，抢占绝对先机！',
|
|
|
- article_attach_freeuser: '请留下联系方式，立即免费体验【附件下载】1次，招标文件/采购清单一键下载，商机更完整！',
|
|
|
- pc_mine_member_attach_learnmore: '请留下联系方式，我们会尽快联系您！部分招标公告信息等相关文件资料自主下载，帮助企业投标，客户分析、市场挖掘更高效。',
|
|
|
- // ent_portrait_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
- // ent_portrait_winnerNewMsg_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
- // ent_portrait_yearData_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
- // ent_portrait_monthData_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
- // ent_portrait_areaData_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
- // ent_portrait_discountRate_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
- // ent_portrait_top10_freeuser:'请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
- // ent_portrait_topShow_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
- // buyer_portrait_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_getNewMsg_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_yearData_freeuser:'请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_monthData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_moneyRange_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_bidtypeData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_rate_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_top12_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_topShow_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_withCapitalData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_withEstablishData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_withAreaData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_topAgencyData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- // buyer_portrait_contacts_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
- ent_portrait_: '请留下联系方式，我们会尽快联系您！体验企业画像分析，帮你透视企业！',
|
|
|
- buyer_portrait_: '请留下联系方式，我们会尽快联系您！体验采购单位画像分析，为你挖掘客户！',
|
|
|
- member_attach: '请留下联系方式，我们会尽快联系您！体验附件下载特权，挖掘更多项目情报！',
|
|
|
- pc_index_bottom_adv: '请留下联系方式，我们会尽快联系您体验：市场分析周报/月报、竞对实时监控和分析、业主采购趋势/客户分析等',
|
|
|
- article_ent_portrait: '请留下联系方式，我们会尽快联系您！体验企业画像分析，帮你透视企业！',
|
|
|
- article_buyer_portrait: '请留下联系方式，我们会尽快联系您！体验采购单位画像分析，为你挖掘客户！',
|
|
|
- article_slogan: '请留下联系方式，我们会尽快联系您体验大会员全部功能！',
|
|
|
- member_: '请留下联系方式，我们会尽快联系您体验大会员全部功能！',
|
|
|
- function_: '请留下联系方式，我们会尽快联系您体验大会员全部功能！', // 大会员功能介绍
|
|
|
- jylab_see500_plus: '请留下联系方式，我们会尽快联系您！开通大会员可查看更多招标项目，实时监控更多潜在商机！', // 标讯搜索500条
|
|
|
- article_purchase_intention: '留下您的联系方式，我们会尽快和您联系。提前介入项目，助您轻松中标。', // 三级页-采购意向
|
|
|
- article_proposed_project: '留下您的联系方式，我们会尽快和您联系。提前介入项目，助您轻松中标。', // 三级页-拟建项目
|
|
|
- 'ent-manage-pc': '欢迎留下联系方式，我们的大客户经理会在24小时内联系您！',
|
|
|
- "jyarticle_see3_plus_pc":"请完善个人信息，即刻享无限次查看标讯的权益，如需查看超前项目请联系客服：400-108-6670",
|
|
|
- 'activity_free_plan': '请完善信息，免费获取200剑鱼币',
|
|
|
- super_membership_day: '请留下联系方式，我们会尽快联系您体验大会员全部功能！',
|
|
|
- peugeot_supplier_regist:'请完善您的个人信息，抢先对接采购单位',
|
|
|
- peugeot_view_infor: '请留下联系方式，我们会尽快联系您体验大会员全部功能！',
|
|
|
- 'bidmanagement-landingpage':'请留下联系方式，我们会尽快联系您体验投标项目管理全部功能！',
|
|
|
- 'businesscooperation-landingpage': '无',
|
|
|
- 'customermanagement-landingpage': '请留下联系方式，我们会尽快联系您体验客户管理全部功能！',
|
|
|
- 'digitalmarketing-landingpage': '请留下联系方式，我们会尽快联系您体验数字化营销全部功能！',
|
|
|
- 'pc_ServiceList_experience': '请留下您的信息，我们将为您推荐最符合您业务需求的产品和服务！',
|
|
|
- 'pc_buyer_monitor_limit': '监控业主数量已达上限，请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。',
|
|
|
- 'pc_buyer_monitor_freeuser': '您当前权限不足，请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。',
|
|
|
- 'pc_buyer_monitor_more': '请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。'
|
|
|
- },
|
|
|
- isRefresh: false, // 留完资是否需要刷新页面
|
|
|
- sourceDescMap: {
|
|
|
- jyarticle_see3_plus_pc: '标讯详情页-无限次免费查看标讯的权益',
|
|
|
- pc_article_original_one: '标讯详情页-免费用户获取1次查看原文链接机会',
|
|
|
- pc_article_original_more: '标讯详情页-获取更多查看原文链接机会',
|
|
|
- 'bidmanagement-landingpage': '投标项目管理落地页',
|
|
|
- 'businesscooperation-landingpage': '商务合作落地页',
|
|
|
- 'customermanagement-landingpage': '客户管理落地页',
|
|
|
- 'digitalmarketing-landingpage': '数字化营销落地页',
|
|
|
- 'pc_ServiceList_experience': 'PC服务列表-申请免费体验',
|
|
|
- 'pc_buyer_monitor_limit': '采购单位画像页-超级订阅申请监控更多业主（已达上限）',
|
|
|
- 'pc_buyer_monitor_freeuser': '采购单位画像页-免费用户申请监控业主',
|
|
|
- 'pc_buyer_monitor_more': '采购单位画像页-超级订阅用户申请监控更多业主'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- computed: {
|
|
|
- showOtherJob: function() {
|
|
|
- return this.form.job == '其他'
|
|
|
- },
|
|
|
- showCompany: function() {
|
|
|
- return this.form.mold === '公司'
|
|
|
- },
|
|
|
- showBranch: function () {
|
|
|
- // 切换到总裁或总经理之后 把之前选择的部门清空
|
|
|
- if (this.form.job.indexOf('总裁') > -1 || this.form.job.indexOf('总经理') > -1) {
|
|
|
- this.form.branch = ''
|
|
|
- }
|
|
|
- var zc = this.form.job.indexOf('总裁') > -1
|
|
|
- var zjl = this.form.job.indexOf('总经理') > -1
|
|
|
- return !(zc || zjl) && this.form.job
|
|
|
- },
|
|
|
- // 提交成功，确定按钮文案
|
|
|
- successConfirmText: function () {
|
|
|
- var passArr = ['activity_free_plan']
|
|
|
- if (passArr.indexOf(this.source) !== -1) {
|
|
|
- return '去领取'
|
|
|
- } else {
|
|
|
- return '我知道了'
|
|
|
- }
|
|
|
- },
|
|
|
- // 提交成功 提示文案
|
|
|
- successText: function() {
|
|
|
- if (this.source.indexOf('_freeuser') > -1 && this.source.indexOf('member_') === -1) {
|
|
|
- var text = ''
|
|
|
- // if (this.source.indexOf('buyer_portrait') > -1) {
|
|
|
- // text = '采购单位全景分析'
|
|
|
- // } else if (this.source.indexOf('ent_portrait') > -1) {
|
|
|
- // text = '企业中标分析'
|
|
|
- // } else
|
|
|
- if (this.source.indexOf('article_attach') > -1) {
|
|
|
- text = '附件下载'
|
|
|
- } else if (this.source === 'pc_buyer_monitor_freeuser') {
|
|
|
- return '已收到您提交的升级大会员申请，我们会尽快联系您并预约演示时间。'
|
|
|
- } else {
|
|
|
- return '我们会尽快联系您并预约演示时间，请耐心等待～您将获得免费体验大会员全部功能！'
|
|
|
- }
|
|
|
- return '恭喜您，成功解锁【' + text + '】权益1次。如需查看更多，请开通超级订阅，为您提供最新的商业情报，抢占先机。'
|
|
|
- } else {
|
|
|
- if (this.source.indexOf('ent-manage-pc') > -1) {
|
|
|
- return '我们会尽快联系您并预约演示时间，请耐心等待～<br>您将获得免费体验商机管理全部功能！'
|
|
|
- }
|
|
|
- if (this.source.indexOf('jyarticle_see3_plus_pc') > -1) {
|
|
|
- return '您已获得无限次免费查看标讯的权益，如需查看超前项目请联系客服：400-108-6670'
|
|
|
- }
|
|
|
- if (this.source === 'activity_free_plan') {
|
|
|
- return '完善信息任务已完成，快去领取剑鱼币吧~'
|
|
|
- }
|
|
|
- if (this.source === 'peugeot_supplier_regist') {
|
|
|
- return '我们会尽快联系您完成供应商报名，请耐心等待。'
|
|
|
- }
|
|
|
- if (this.source === 'pc_index_bid_data') {
|
|
|
- return '我们会尽快联系您并根据您的需求，提供最适合的产品演示服务，请耐心等待。'
|
|
|
- }
|
|
|
- if (this.source === 'pc_article_member_freeuse') {
|
|
|
- return '已收到您提交的免费体验大会员申请，我们会尽快联系您并预约演示时间。'
|
|
|
- }
|
|
|
- if (this.source === 'pc_article_original_more') {
|
|
|
- return '已收到您提交的升级大会员申请，我们会尽快联系您并预约演示时间。'
|
|
|
- }
|
|
|
- if (this.source === 'pc_article_original_more') {
|
|
|
- return '已收到您提交的升级大会员申请，我们会尽快联系您并预约演示时间。'
|
|
|
- }
|
|
|
- if(this.source === 'businesscooperation-landingpage'){
|
|
|
- return '商务合作经理会尽快联系您，请耐心等待~'
|
|
|
- }
|
|
|
- if(this.source === 'bidmanagement-landingpage'){
|
|
|
- return ' 我们会尽快联系您并预约演示时间，请耐心等待~<br>您将获得免费体验投标项目管理全部功能!'
|
|
|
- }
|
|
|
- if(this.source === 'digitalmarketing-landingpage'){
|
|
|
- return '我们会尽快联系您并预约演示时间，请耐心等待~<br>您将获得免费体验数字化营销全部功能!'
|
|
|
- }
|
|
|
- if(this.source === 'customermanagement-landingpage'){
|
|
|
- return ' 我们会尽快联系您并预约演示时间，请耐心等待~<br>您将获得免费体验客户管理全部功能!'
|
|
|
- }
|
|
|
- if(this.source === 'pc_ServiceList_experience'){
|
|
|
- return '已收到您提交的剑鱼产品免费体验申请，我们会尽快联系您并预约演示时间。'
|
|
|
- }
|
|
|
- if(this.source === 'pc_buyer_monitor_limit' || this.source === 'pc_buyer_monitor_more') {
|
|
|
- return '已收到您提交的升级大会员申请，我们会尽快联系您并预约演示时间。'
|
|
|
- }
|
|
|
- return '我们会尽快联系您并预约演示时间，请耐心等待～<br>您将获得免费体验大会员全部功能！'
|
|
|
- }
|
|
|
- },
|
|
|
- setCoopreate () {
|
|
|
- if (this.source === 'businesscooperation-landingpage') {
|
|
|
- return this.moduleShow.cooperate
|
|
|
- } else {
|
|
|
- this.moduleShow.companyType = true
|
|
|
- this.moduleShow.job = true
|
|
|
- return false
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- mounted: function () {
|
|
|
- var that = this;
|
|
|
- $(document).on('click', function (e) {
|
|
|
- var dom = $('.company-name')[0];
|
|
|
- if (dom) {
|
|
|
- // 如果点击的区域不在自定义dom范围
|
|
|
- if (!dom.contains((e.target))) {
|
|
|
- that.showSearchResult = false
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- beforeDestroy: function () {
|
|
|
- $(document).off('click')
|
|
|
- },
|
|
|
- methods: {
|
|
|
- // 点击我知道了
|
|
|
- knowHandle: function() {
|
|
|
- this.showSuccess = false
|
|
|
- if (this.isRefresh) {
|
|
|
- window.location.reload()
|
|
|
- }
|
|
|
- },
|
|
|
- // 不需要调留资接口 弹出留资弹框回调方法
|
|
|
- noCallApiFn: function(source, isRefresh) {
|
|
|
- this.isRefresh = isRefresh
|
|
|
- vm.source = source
|
|
|
- this.showForm = true
|
|
|
- this.calcTitleText(source)
|
|
|
- this.getOldInfo(source)
|
|
|
- },
|
|
|
- calcTitleText: function (source) {
|
|
|
- if (!source) return
|
|
|
- var text = ''
|
|
|
- for (var key in this.sourceTitleMap) {
|
|
|
- if (source.indexOf(key) !== -1) {
|
|
|
- text = this.sourceTitleMap[key]
|
|
|
- break
|
|
|
- }
|
|
|
- }
|
|
|
- // 判断收藏留资显示
|
|
|
- if (this.source == "bidmanagement-landingpage"){
|
|
|
- for (var k in this.moduleShow) {
|
|
|
- this.moduleShow[k] = false
|
|
|
- }
|
|
|
- this.moduleShow.cooperate = true
|
|
|
- }
|
|
|
- // 判断收藏留资显示
|
|
|
- if (this.source == "article_collection"){
|
|
|
- for (var k in this.moduleShow) {
|
|
|
- this.moduleShow[k] = false
|
|
|
- }
|
|
|
- }
|
|
|
- // 判断阅读原文留资显示
|
|
|
- if (vm.source == "article_original"){
|
|
|
- for (var k in vm.moduleShow) {
|
|
|
- vm.moduleShow[k] = false
|
|
|
- }
|
|
|
- }
|
|
|
- if (text) {
|
|
|
- if (source.indexOf('_freeuser') > -1 && text.indexOf('【') > -1) {
|
|
|
- var r = text.match(/\【(.+?)\】/g)
|
|
|
- this.dialogTitleTop = '欢迎体验' + r[0].replace('【','').replace('】','')
|
|
|
- this.dialogTitle = text
|
|
|
- } else if(source.indexOf('ent-manage') > -1){
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '欢迎体验剑鱼标讯商机管理'
|
|
|
- } else if (source.indexOf('jyarticle_see3_plus_pc') > -1){
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '免费享无限次查看标讯体验'
|
|
|
- } else if (source === 'activity_free_plan') {
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '完善信息'
|
|
|
- } else if (source === 'article_proposed_project' || source === 'article_purchase_intention') {
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '欢迎体验剑鱼大会员'
|
|
|
- } else if (source === 'pc_article_member_freeuse') {
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '免费体验大会员功能权益'
|
|
|
- }else if (source === 'bidmanagement-landingpage'){
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '欢迎体验剑鱼投标项目管理'
|
|
|
- } else if (source === 'businesscooperation-landingpage') {
|
|
|
- this.dialogTitle = ''
|
|
|
- this.dialogTitleTop = '请留下您的信息，我们会尽快和您联系'
|
|
|
- } else if (source === 'customermanagement-landingpage') {
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '欢迎体验剑鱼客户管理'
|
|
|
- }else if (source === 'digitalmarketing-landingpage') {
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '欢迎体验剑鱼数字化营销'
|
|
|
-
|
|
|
- } else if(source === 'pc_ServiceList_experience') {
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '申请免费体验剑鱼产品'
|
|
|
- } else if(source === 'pc_buyer_monitor_limit') {
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '申请监控更多业主'
|
|
|
- } else if(source === 'pc_buyer_monitor_freeuser') {
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '申请业主监控权限'
|
|
|
- } else if(source === 'pc_buyer_monitor_more') {
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '申请监控更多业主'
|
|
|
- }
|
|
|
- // else if (source.indexOf("article_collection") > -1){
|
|
|
- // this.dialogTitle = text
|
|
|
- // this.dialogTitleTop = "为给您匹配精准的推荐信息，请完善个人信息"
|
|
|
- // }
|
|
|
- else {
|
|
|
- this.dialogTitle = text
|
|
|
- this.dialogTitleTop = '欢迎体验剑鱼大会员'
|
|
|
- }
|
|
|
- for (var k in this.moduleShow) {
|
|
|
- this.moduleShow[k] = false
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- nameFocus:function(){
|
|
|
- this.$refs['ruleForm'].clearValidate(['name']);
|
|
|
- },
|
|
|
- phoneFocus:function(){
|
|
|
- this.$refs['ruleForm'].clearValidate(['phone']);
|
|
|
- },
|
|
|
- mailFocus:function(){
|
|
|
- this.$refs['ruleForm'].clearValidate(['mail']);
|
|
|
- },
|
|
|
- // 公司名称获取焦点时
|
|
|
- companyFocus: function() {
|
|
|
- this.$refs['ruleForm'].clearValidate(['companyName']);
|
|
|
- this.getResult(this.form.companyName)
|
|
|
- },
|
|
|
- otherFocus:function() {
|
|
|
- this.$refs['ruleForm'].clearValidate(['job','otherJob']);
|
|
|
- },
|
|
|
- // 是否留资
|
|
|
- isNeedSubmit: function(source, callback, dom,infoid,entranceType) {
|
|
|
- /*
|
|
|
- 三级页-阅读原文 article_original
|
|
|
- 三级页-收藏 article_collection
|
|
|
- 大会员落地页-免费体验 member_freeuse
|
|
|
- */
|
|
|
- this.source = source
|
|
|
- this.calcTitleText(source)
|
|
|
- var _this = this
|
|
|
- $.ajax({
|
|
|
- type:'GET',
|
|
|
- url:'/salesLeads/retainedCapital',
|
|
|
- data: {
|
|
|
- source: source
|
|
|
- },
|
|
|
- success:function (res) {
|
|
|
- // 判断当前信息否在其他页面留资 如果全部留资 直接弹窗提交成功
|
|
|
- if(entranceType=='freeDownload'){ //结构化数据调用留资弹框 单独判断个类型不影响原逻辑 表单如有更改可区分
|
|
|
- var checkKeys = ['name', 'phone','companyType', 'company', 'position','branch', 'cooperate']
|
|
|
- }else{
|
|
|
- var checkKeys = ['name', 'phone','companyType', 'company', 'branch', 'position', 'cooperate']
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- var sourceList = ['article_collection', 'article_original', 'jyarticle_see3_plus_app', 'jyarticle_see3_plus_pc', 'jyarticle_see3_plus_wx', 'jypush_see10_plus_app', 'jypush_see10_plus_wx']
|
|
|
- // var isCollect = sourceList.includes(source)
|
|
|
- // 兼容处理
|
|
|
- var isCollect = sourceList.indexOf(source) > -1
|
|
|
- if (infoid != ""){
|
|
|
- res.info.publish_id = infoid
|
|
|
- }
|
|
|
- var result = checkRequiredKeys(checkKeys, res.info)
|
|
|
- if (result) {
|
|
|
- // 包含这些source，不存记录
|
|
|
- // 非主动触发留资节点，每点击一次数据库不会记录
|
|
|
- if(!isCollect) {
|
|
|
- _this.showForm = true
|
|
|
- _this.setEchoInfo(res.info)
|
|
|
- } else {
|
|
|
- res.data.retainedCapital = false
|
|
|
- callback && callback(res)
|
|
|
- }
|
|
|
- switch (source) {
|
|
|
- case 'member_freeuse': {
|
|
|
- // _this.showSuccess = true
|
|
|
- break
|
|
|
- }
|
|
|
- case 'jyarticle_see3_plus_pc': {
|
|
|
- $(".detail-nj-btn").click(function(){
|
|
|
- $(".mask-zzz").hide()
|
|
|
- })
|
|
|
- break
|
|
|
- }
|
|
|
- case 'article_original': {
|
|
|
- _this.showSuccess = false
|
|
|
- break
|
|
|
- }
|
|
|
- case 'article_collection': {
|
|
|
- _this.showSuccess = false
|
|
|
- break
|
|
|
- }
|
|
|
- case 'pc_index_bottom_adv': {
|
|
|
- location.href = '/big/page/index'
|
|
|
- break
|
|
|
- }
|
|
|
- default: {
|
|
|
- // if (source.indexOf('_freeuser') > -1) {
|
|
|
- // _this.showSuccess = true
|
|
|
- // } else {
|
|
|
- // _this.showSuccess = true
|
|
|
- // }
|
|
|
- }
|
|
|
- }
|
|
|
- } else if (res.data) {
|
|
|
- window.isRetained = res.data.retainedCapital
|
|
|
- _this.isForce = res.data.fource
|
|
|
- if(window.isFree || !isCollect) {
|
|
|
- if (res.data.retainedCapital || !result) {
|
|
|
- _this.showForm = true
|
|
|
- // _this.getOldInfo(source)
|
|
|
- _this.setEchoInfo(res.info)
|
|
|
- _this.curDom = dom
|
|
|
- } else {
|
|
|
- callback && callback(res)
|
|
|
- }
|
|
|
- } else {
|
|
|
- callback && callback(res)
|
|
|
- }
|
|
|
- }
|
|
|
- if(source === 'businesscooperation-landingpage') {
|
|
|
- _this.moduleShow.cooperate = true
|
|
|
- } else {
|
|
|
- _this.moduleShow.companyType = true
|
|
|
- _this.moduleShow.job = true
|
|
|
- _this.moduleShow.cooperate = false
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 表单提交事件
|
|
|
- submitForm: function(formName) {
|
|
|
- var _this = this
|
|
|
- this.$refs[formName].validate(function (valid) {
|
|
|
- if (valid) {
|
|
|
- _this.formAjax(vm.source)
|
|
|
- _this.bigDocAjax()
|
|
|
- } else {
|
|
|
- console.log('error submit!!');
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 快照页引流的文案埋点 留资提交时埋点
|
|
|
- bigDocAjax: function() {
|
|
|
- if (getParam('id')) {
|
|
|
- try {
|
|
|
- $.ajax({
|
|
|
- type: "POST",
|
|
|
- url: "/publicapply/drainage/bmt/" + getParam('id'),
|
|
|
- data: {
|
|
|
- p: 'ICRW'
|
|
|
- },
|
|
|
- success: function(r) {
|
|
|
- console.log(r)
|
|
|
- }
|
|
|
- })
|
|
|
- } catch (error) {
|
|
|
- console.log(error)
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- // 表单提交请求
|
|
|
- formAjax: function(source, info) {
|
|
|
- try {
|
|
|
- var infoid = window.location.pathname.split("/")[3].split(".html")[0]
|
|
|
- } catch (error) {}
|
|
|
- var isProDetail = window.location.pathname.indexOf('/article/content')
|
|
|
- var params = {
|
|
|
- source: source,
|
|
|
- name: this.form.name,
|
|
|
- phone: this.form.phone,
|
|
|
- mail: this.form.mail,
|
|
|
- // province: this.form.region[0],
|
|
|
- // city: this.form.region[1] ? this.form.region[1] : '',
|
|
|
- industry: this.form.industry.join('_'),
|
|
|
- // hireType: this.form.mold, // 受雇类型值
|
|
|
- company: this.form.companyName, // 公司名称
|
|
|
- companyType: this.form.companyType.join(','),
|
|
|
- position: this.form.job == '其他' ? ('其他/' + this.form.otherJob) : this.form.job,
|
|
|
- // company_size: this.form.scale,
|
|
|
- // workScope: this.form.business,
|
|
|
- // partnerNeeds: this.form.need,
|
|
|
- // agree: this.form.agreeChecked,
|
|
|
- branch: this.form.branch.indexOf('总裁') > -1 || this.form.branch.indexOf('总经理') > -1 ? '' : this.form.branch,
|
|
|
- origin: location.origin,
|
|
|
- source_desc: this.sourceDescMap[this.source]
|
|
|
- }
|
|
|
- if (source === 'businesscooperation-landingpage') {
|
|
|
- params.cooperate = this.form.cooperate
|
|
|
- }
|
|
|
- if (infoid != "" && isProDetail != -1){
|
|
|
- params.publish_id = infoid
|
|
|
- }
|
|
|
- if (info) {
|
|
|
- params = info
|
|
|
- params.source = source
|
|
|
- }
|
|
|
- var _this = this
|
|
|
- $.ajax({
|
|
|
- type:'POST',
|
|
|
- url:'/salesLeads/collectInfo',
|
|
|
- contentType: "application/json;charset=utf-8",
|
|
|
- data: JSON.stringify(params),
|
|
|
- success:function (res) {
|
|
|
- if (res.data) {
|
|
|
- _this.showForm = false
|
|
|
- typeof collectSubmitCallback === 'function' ? collectSubmitCallback(source, res.data) : null
|
|
|
- switch (source) {
|
|
|
- // 标讯详情页免费体验留完资 需要自动刷新
|
|
|
- case 'pc_article_member_freeuse': {
|
|
|
- _this.showSuccess = true
|
|
|
- _this.isRefresh = true
|
|
|
- }
|
|
|
- case 'member_freeuse': {
|
|
|
- _this.showSuccess = true
|
|
|
- break
|
|
|
- }
|
|
|
- case 'pc_article_original_one': {
|
|
|
- // 如果是阅读原文点击的 留完用户资料此处什么都不执行
|
|
|
- _this.showForm = false
|
|
|
- try {
|
|
|
- dialogsVm.dialog.originalSubmitSuccess = true
|
|
|
- } catch (error) {
|
|
|
- console.log(error)
|
|
|
- }
|
|
|
- break
|
|
|
- }
|
|
|
- case 'article_collection': {
|
|
|
- // $('#bidCollect').trigger('click') // 三级页收藏事件
|
|
|
- break
|
|
|
- }
|
|
|
- case 'article_collection': {
|
|
|
- // $('#bidCollect').trigger('click') // 三级页收藏事件
|
|
|
- // 单个收藏事件传当前点击的dom
|
|
|
- if(_this.curDom) {
|
|
|
- _this.curDom.trigger('click') // 列表页单个收藏事件
|
|
|
- _this.curDom = null
|
|
|
- } else {
|
|
|
- $('#bid-collect').trigger('click') // 列表页批量收藏事件
|
|
|
- }
|
|
|
- break
|
|
|
- }
|
|
|
- case 'jyarticle_see3_plus_pc':{
|
|
|
- _this.showSuccess = true
|
|
|
- _this.isRefresh = true
|
|
|
- // location.reload()
|
|
|
- break
|
|
|
- }
|
|
|
- case 'pc_index_bottom_adv': {
|
|
|
- location.href = '/big/page/index'
|
|
|
- break
|
|
|
- }
|
|
|
- default: {
|
|
|
- _this.showSuccess = true
|
|
|
- break
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 手机号输入框input事件
|
|
|
- inputPhone: function(val) {
|
|
|
- this.form.phone = val.replace(/[^\d]/g,'')
|
|
|
- },
|
|
|
- // 查询表单回显信息
|
|
|
- getOldInfo: function(source) {
|
|
|
- var _this = this
|
|
|
- $.ajax({
|
|
|
- type:'POST',
|
|
|
- url:'/salesLeads/retainedCapital?t=' + Date.now(),
|
|
|
- data: {
|
|
|
- source: source
|
|
|
- },
|
|
|
- success:function (res) {
|
|
|
- if (res && res.info) {
|
|
|
- res.data = res.info
|
|
|
- }
|
|
|
- if (res.data) {
|
|
|
- _this.form.name = res.data.name ? res.data.name : ''
|
|
|
- _this.form.phone = res.data.phone ? res.data.phone : ''
|
|
|
- _this.form.mail = res.data.mail ? res.data.mail : ''
|
|
|
- if (res.data.province && res.data.city) {
|
|
|
- _this.form.region = [res.data.province, res.data.city]
|
|
|
- } else if (res.data.province && !res.data.city) {
|
|
|
- _this.form.region = [res.data.province]
|
|
|
- } else {
|
|
|
- _this.form.region = []
|
|
|
- }
|
|
|
- _this.form.industry = res.data.industry ? res.data.industry.split('_') : []
|
|
|
- _this.form.mold = res.data.hireType ? res.data.hireType : '公司'
|
|
|
- _this.form.companyName = res.data.company ? res.data.company : ''
|
|
|
- _this.form.companyType = res.data.companyType ? res.data.companyType.split(',') : []
|
|
|
- if (res.data.position) {
|
|
|
- if (jobJson.indexOf(res.data.position) == -1) {
|
|
|
- // _this.form.job = '其他'
|
|
|
- // _this.form.otherJob = res.data.position.replace('其他/', '')
|
|
|
- _this.form.job = ''
|
|
|
- _this.form.otherJob = ''
|
|
|
- } else {
|
|
|
- _this.form.job = res.data.position
|
|
|
- }
|
|
|
- } else {
|
|
|
- _this.form.job = ''
|
|
|
- }
|
|
|
- _this.form.scale = res.data.company_size ? res.data.company_size : ''
|
|
|
- _this.form.business = res.data.workScope ? res.data.workScope : ''
|
|
|
- _this.form.need = res.data.partnerNeeds ? res.data.partnerNeeds : ''
|
|
|
- _this.form.agreeChecked = res.data.agree == undefined ? true : res.data.agree
|
|
|
- _this.form.branch = res.data.branch || ''
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 企业名称联想
|
|
|
- getResult:function(name) {
|
|
|
- // 名称为空或长度小于2不发请求
|
|
|
- if (!name || name.length < 2) return
|
|
|
- var _this = this
|
|
|
- $.ajax({
|
|
|
- type:'POST',
|
|
|
- url:'/jypay/user/company/association',
|
|
|
- data: {
|
|
|
- name: name,
|
|
|
- companyCount:10
|
|
|
- },
|
|
|
- heads : {
|
|
|
- 'content-type': 'application/x-www-form-urlencoded'
|
|
|
- },
|
|
|
- success:function (res) {
|
|
|
- console.log(res)
|
|
|
- if (res.data && res.data.length > 0) {
|
|
|
- var result = []
|
|
|
- res.data.map(function(item){
|
|
|
- item = _this.brightKeyword(item)
|
|
|
- result.push(item)
|
|
|
- return result
|
|
|
- })
|
|
|
- _this.companyList = result
|
|
|
- _this.showSearchResult = true
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- searchCompany: debounce(function(val){
|
|
|
- if(val === '') { this.showSearchResult = false}
|
|
|
- this.getResult(val)
|
|
|
- }, 600),
|
|
|
- // 选择联想出来的公司名称
|
|
|
- selectCompany: function(item) {
|
|
|
- this.form.companyName = item.replace(/<.*?>/ig, '')
|
|
|
- this.showSearchResult = false
|
|
|
- },
|
|
|
- // 关键词高亮
|
|
|
- brightKeyword: function (val) {
|
|
|
- var name = this.form.companyName
|
|
|
- if (val.indexOf(name) !== -1) {
|
|
|
- return val.replace(name, "<font style='color:#2ABED1;'>" + name + "</font>")
|
|
|
- } else {
|
|
|
- return val
|
|
|
- }
|
|
|
- },
|
|
|
- // 暂不提供
|
|
|
- cancelForm: function() {
|
|
|
- this.showForm = false
|
|
|
- this.showSearchResult=false
|
|
|
- this.form.name = ''
|
|
|
- this.form.phone = ''
|
|
|
- this.form.mail = ''
|
|
|
- this.form.industry = []
|
|
|
- this.form.companyName = ''
|
|
|
- this.form.companyType = []
|
|
|
- this.form.job = ''
|
|
|
- this.form.otherJob = ''
|
|
|
- this.form.scale = ''
|
|
|
- this.form.business = ''
|
|
|
- this.form.need = ''
|
|
|
- this.form.cooperate = ''
|
|
|
- },
|
|
|
- setEchoInfo: function (data) {
|
|
|
- if (data) {
|
|
|
- this.form.name = data.name ? data.name : ''
|
|
|
- this.form.phone = data.phone ? data.phone : ''
|
|
|
- this.form.mail = data.mail ? data.mail : ''
|
|
|
- if (data.province && data.city) {
|
|
|
- this.form.region = [data.province, data.city]
|
|
|
- } else if (data.province && !data.city) {
|
|
|
- this.form.region = [data.province]
|
|
|
- } else {
|
|
|
- this.form.region = []
|
|
|
- }
|
|
|
- this.form.industry = data.industry ? data.industry.split('_') : []
|
|
|
- this.form.mold = data.hireType ? data.hireType : '公司'
|
|
|
- this.form.companyName = data.company ? data.company : ''
|
|
|
- this.form.companyType = data.companyType ? data.companyType.split(',') : []
|
|
|
- if (data.position) {
|
|
|
- if (jobJson.indexOf(data.position) == -1) {
|
|
|
- this.form.job = ''
|
|
|
- this.form.otherJob = ''
|
|
|
- } else {
|
|
|
- this.form.job = data.position
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.form.job = ''
|
|
|
- }
|
|
|
- this.form.scale = data.company_size ? data.company_size : ''
|
|
|
- this.form.business = data.workScope ? data.workScope : ''
|
|
|
- this.form.need = data.partnerNeeds ? data.partnerNeeds : ''
|
|
|
- this.form.agreeChecked = data.agree == undefined ? true : data.agree
|
|
|
- this.form.branch = data.branch || ''
|
|
|
- this.form.cooperate = data.cooperate ? data.cooperate : ''
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-})
|
|
|
-
|
|
|
+var temp = `
|
|
|
+ <div>
|
|
|
+ <div class="user-data-dialog" id="collectUserInfoDialog" v-if="showForm">
|
|
|
+ <div class="mask"></div>
|
|
|
+ <div class="dialog-container">
|
|
|
+ <div class="dialog-header fs18" v-if="dialogTitleTop" v-text="dialogTitleTop"></div>
|
|
|
+ <div class="dialog-header dialog-header-subtitle mt-4" v-if="dialogTitle" v-html="dialogTitle"></div>
|
|
|
+ <div class="dialog-content">
|
|
|
+ <el-form class="user-form" :model="form" :rules="rules" ref="ruleForm">
|
|
|
+ <!-- 基本信息 -->
|
|
|
+ <div class="basic clearfix">
|
|
|
+ <div class="form-title">基本信息</div>
|
|
|
+ <div class="form-main clearfix">
|
|
|
+ <div class="short-control fl">
|
|
|
+ <el-form-item label="姓名 :" prop="name">
|
|
|
+ <el-input v-model.trim="form.name" data-short-input class="item-input" placeholder="请输入姓名" @focus="nameFocus" required>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="short-control fr">
|
|
|
+ <el-form-item label="手机号 :" prop="phone">
|
|
|
+ <el-input v-model.trim="form.phone" maxlength="11" @input="inputPhone" data-short-input class="item-input" placeholder="请输入准确的手机号" @focus="phoneFocus"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="short-control fl" v-if="moduleShow.email">
|
|
|
+ <el-form-item label="邮箱 :" prop="mail">
|
|
|
+ <el-input v-model.trim="form.mail" data-short-input class="item-input" placeholder="请输入邮箱" @focus="mailFocus"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="short-control fr" v-if="moduleShow.region">
|
|
|
+ <el-form-item label="地区 :">
|
|
|
+ <el-cascader data-short-input v-model="form.region" class="item-input" :options="regionData"
|
|
|
+ placeholder="请选择省份城市" clearable></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="short-control fr" v-if="moduleShow.industry">
|
|
|
+ <el-form-item label="行业 :">
|
|
|
+ <el-cascader data-short-input v-model="form.industry" class="item-input" :options="industryData"
|
|
|
+ placeholder="请选择所属行业" :show-all-levels="false" clearable></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="short-control fr" v-if="moduleShow.mold">
|
|
|
+ <el-form-item label="受雇类型 :">
|
|
|
+ <el-select v-model="form.mold" data-short-input class="item-input">
|
|
|
+ <el-option v-for="item in moldData" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="company clearfix">
|
|
|
+ <div class="form-title">公司信息</div>
|
|
|
+ <div class="form-main">
|
|
|
+ <div class="long-control" style="position: relative;">
|
|
|
+ <el-form-item label="公司名称 :" prop="companyName">
|
|
|
+ <el-input
|
|
|
+ v-model.trim="form.companyName"
|
|
|
+ data-long-input
|
|
|
+ class="item-input company-name"
|
|
|
+ @focus="companyFocus"
|
|
|
+ @input="searchCompany"
|
|
|
+ placeholder="请输入准确的公司名称">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <div class="company-result" v-if="showSearchResult">
|
|
|
+ <div class="company-list" v-for="item in companyList" :key="item" @click="selectCompany(item)" v-html="item"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="long-control" v-if="moduleShow.companyType">
|
|
|
+ <el-form-item label="公司类型 :" class="company-type" prop="companyType">
|
|
|
+ <el-checkbox-group v-model="form.companyType">
|
|
|
+ <el-checkbox label="投标企业"></el-checkbox>
|
|
|
+ <el-checkbox label="招标采购单位"></el-checkbox>
|
|
|
+ <el-checkbox label="厂商"></el-checkbox>
|
|
|
+ <el-checkbox label="招标代理机构"></el-checkbox>
|
|
|
+ <el-checkbox label="经销商"></el-checkbox>
|
|
|
+ <el-checkbox label="服务提供商"></el-checkbox>
|
|
|
+ <el-checkbox label="其他"></el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="long-control" v-if="moduleShow.job">
|
|
|
+ <el-form-item label="职位 :" prop="job">
|
|
|
+ <el-select v-model="form.job" placeholder="请选择职位" data-short-input popper-class="leave-info-select" class="item-input" clearable>
|
|
|
+ <el-option v-for="item in jobData" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-if="showBranch" v-model="form.branch" placeholder="请选择部门" data-short-input popper-class="leave-info-select" class="item-input" clearable>
|
|
|
+ <el-option v-for="item in branchData" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="long-control" v-if="setCoopreate">
|
|
|
+ <el-form-item label="合作概述 :" prop="cooperate">
|
|
|
+ <el-input
|
|
|
+ v-model.trim="form.cooperate"
|
|
|
+ data-long-input
|
|
|
+ class="item-input company-name"
|
|
|
+ placeholder="请填写商务合作内容">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="long-control" v-if="moduleShow.scale">
|
|
|
+ <el-form-item label="公司规模 :">
|
|
|
+ <el-select v-model="form.scale" placeholder="请选择公司规模" data-short-input class="item-input" clearable>
|
|
|
+ <el-option v-for="item in scaleData" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="long-control" v-if="moduleShow.business">
|
|
|
+ <el-form-item label="业务范围 :">
|
|
|
+ <el-input type="textarea" autosize resize="none" v-model="form.business" data-long-input class="item-input"
|
|
|
+ placeholder="请输入业务范围，让合作伙伴充分了解公司业务内容"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="long-control" v-if="moduleShow.need">
|
|
|
+ <el-form-item label="合作需求 :">
|
|
|
+ <el-input type="textarea" autosize resize="none" v-model="form.need" data-long-input class="item-input"
|
|
|
+ placeholder="请输入合作需求，从而创造并匹配更多合作交流机会"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="warm-prompt">
|
|
|
+ <span class="icon-warning"></span>
|
|
|
+ <span class="warm-text">温馨提示：请提供准确的信息，我们将为您推荐更准确、更个性化的商机和服务</span>
|
|
|
+ </div>
|
|
|
+ <div class="agree-service" v-if="moduleShow.agree">
|
|
|
+ <el-checkbox v-model="form.agreeChecked"> 我同意剑鱼标讯将业务范围及合作需求提供给潜在合作伙伴搜索、查看</el-checkbox>
|
|
|
+ </div>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button class="cancel-btn" @click="cancelForm">暂不提供</el-button>
|
|
|
+ <el-button class="submit-btn" @click="submitForm('ruleForm')">提交</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="success-dialog" style="display: none;" v-show="showSuccess">
|
|
|
+ <div class="mask"></div>
|
|
|
+ <div class="success-dialog-container">
|
|
|
+ <div class="success-title">提交成功</div>
|
|
|
+ <div class="success-content" v-html="successText"></div>
|
|
|
+ <div class="success-footer">
|
|
|
+ <button type="button" class="custom-btn go-know" @click="knowHandle" v-text="successConfirmText"></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ `
|
|
|
+
|
|
|
+var filterData = chinaMapJSON.filter(function (item) {
|
|
|
+ item.name = item.name.replace(/\s*/g,"")
|
|
|
+ return item.name !== '海外' && item.name !== '钓鱼岛'
|
|
|
+})
|
|
|
+filterData.forEach(function (item) {
|
|
|
+ if (item.name == '台湾省') { item.name = '台湾'}
|
|
|
+ item.name = item.name.replace(/自治区|特别行政区|壮族|回族|维吾尔/g, '')
|
|
|
+ item.label = item.name
|
|
|
+ item.value = item.name
|
|
|
+ var filterWord = ['北京市', '上海市', '天津市', '上海市', '重庆市', '香港', '澳门', '台湾']
|
|
|
+ if (filterWord.indexOf(item.name) == -1) {
|
|
|
+ item.children = item.city.map(function (v) {
|
|
|
+ return {
|
|
|
+ value: v.name,
|
|
|
+ label: v.name
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+})
|
|
|
+industryJson.forEach(function (item) {
|
|
|
+ item.label = item.name
|
|
|
+ item.value = item.name
|
|
|
+ item.children = item.children.map(function (v) {
|
|
|
+ return {
|
|
|
+ value: v.name,
|
|
|
+ label: v.name
|
|
|
+ }
|
|
|
+ })
|
|
|
+})
|
|
|
+var jobData = jobJson.map(function (item) {
|
|
|
+ return {
|
|
|
+ value: item,
|
|
|
+ label: item
|
|
|
+ }
|
|
|
+})
|
|
|
+var companyScaleData = companyScaleJson.map(function (item) {
|
|
|
+ return {
|
|
|
+ value: item,
|
|
|
+ label: item
|
|
|
+ }
|
|
|
+})
|
|
|
+// 部门数据处理
|
|
|
+var branchData = branchJson.map(function(item) {
|
|
|
+ return {
|
|
|
+ value: item,
|
|
|
+ label: item
|
|
|
+ }
|
|
|
+})
|
|
|
+// 防抖
|
|
|
+function debounce(fn, delay) {
|
|
|
+ var timer
|
|
|
+ return function () {
|
|
|
+ var context = this
|
|
|
+ var args = arguments
|
|
|
+ clearTimeout(timer)
|
|
|
+ timer = setTimeout(function () {
|
|
|
+ fn.apply(context, args)
|
|
|
+ }, delay)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+var vm = new Vue({
|
|
|
+ el: '#vue-collect-user-info',
|
|
|
+ delimiters: ['@@', '@@'],
|
|
|
+ template: temp,
|
|
|
+ data: function () {
|
|
|
+ var validName = function(rule,value,callback) {
|
|
|
+ if(value === '') {
|
|
|
+ return callback(new Error('姓名为必填项'));
|
|
|
+ } else {
|
|
|
+ if (value.length < 2) {
|
|
|
+ return callback(new Error('姓名填写不正确'));
|
|
|
+ }
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var validPhone = function(rule,value,callback) {
|
|
|
+ var status = /^1[3-9]\d{9}$/.test(value)
|
|
|
+ if(value === '') {
|
|
|
+ return callback(new Error('手机号为必填项'));
|
|
|
+ } else if (!status) {
|
|
|
+ return callback(new Error('手机号填写不正确'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var validEmail = function(rule,value,callback) {
|
|
|
+ var status = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)
|
|
|
+ if (value === '') {
|
|
|
+ return callback(new Error('邮箱为必填项'));
|
|
|
+ } else {
|
|
|
+ if (!status) {
|
|
|
+ return callback(new Error('邮箱填写不正确'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var validCompany = function(rule,value,callback) {
|
|
|
+ if (value === '') {
|
|
|
+ return callback(new Error('公司名称为必填项'));
|
|
|
+ } else {
|
|
|
+ if (value.length < 2) {
|
|
|
+ return callback(new Error('公司名称至少输入2个字'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var validJob = function(rule,value,callback) {
|
|
|
+ if(value === '') {
|
|
|
+ return callback(new Error('职位不能为空'));
|
|
|
+ } else {
|
|
|
+ if ((value.indexOf('总裁') === -1 || value.indexOf('总经理') === -1) && vm.showBranch && !vm.form.branch) {
|
|
|
+ return callback(new Error('部门不能为空'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ dialogTitleTop: '为给您匹配精准的推荐信息，请完善个人信息',
|
|
|
+ dialogTitle: '',
|
|
|
+ // showCompany: true, // 是否显示公司信息
|
|
|
+ regionData: filterData, // 地区数据
|
|
|
+ industryData: industryJson, // 行业数据
|
|
|
+ jobData: jobData, // 职位数据
|
|
|
+ scaleData: companyScaleData, // 公司规模数据
|
|
|
+ branchData: branchData,
|
|
|
+ moldData: [{ // 公司类型数据
|
|
|
+ label: '公司',
|
|
|
+ value: '公司'
|
|
|
+ }, {
|
|
|
+ label: '个体经营者',
|
|
|
+ value: '个体经营者'
|
|
|
+ },{
|
|
|
+ label: '其他',
|
|
|
+ value: '其他'
|
|
|
+ }],
|
|
|
+ form: {
|
|
|
+ name: '', // 姓名
|
|
|
+ phone: '', // 手机号
|
|
|
+ mail: '', // 邮箱
|
|
|
+ region: [], // 地区值
|
|
|
+ industry: [], // 行业值
|
|
|
+ mold: '公司', // 受雇类型值
|
|
|
+ companyName: '', // 公司名称
|
|
|
+ companyType: [], // 公司类型值
|
|
|
+ job: '', // 职位值
|
|
|
+ otherJob: '', //自定义职位
|
|
|
+ scale: '', // 公司规模
|
|
|
+ business: '', // 业务范围
|
|
|
+ need: '', // 合作需求
|
|
|
+ agreeChecked: true,
|
|
|
+ branch: '',
|
|
|
+ cooperate: '' // 商务合作
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ name: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ validator: validName,
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ phone: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ validator: validPhone,
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ mail: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ validator: validEmail,
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ companyName: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ validator: validCompany,
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ companyType: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message:'公司类型为必填项',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ job: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ validator: validJob,
|
|
|
+ trigger: 'change'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ cooperate: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message:'商务合作为必填项',
|
|
|
+ trigger: 'change'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ showSearchResult: false,
|
|
|
+ companyList: [],
|
|
|
+ showForm: false, // 显示表单填写弹框
|
|
|
+ showSuccess: false, // 显示提交成功弹框
|
|
|
+ isForce: false, // 是否强制
|
|
|
+ source: '', // 来源模块
|
|
|
+ curDom: null,
|
|
|
+ // 默认为隐藏，需要展示则需判断
|
|
|
+ moduleShow: {
|
|
|
+ email: false,
|
|
|
+ region: false,
|
|
|
+ industry: false,
|
|
|
+ mold: false,
|
|
|
+ companyType: true,
|
|
|
+ job: true,
|
|
|
+ scale: false,
|
|
|
+ business: false,
|
|
|
+ need: false,
|
|
|
+ agree: false,
|
|
|
+ cooperate: false // 商务合作显示
|
|
|
+ },
|
|
|
+ sourceTitleMap: {
|
|
|
+ pc_article_member_freeuse: '请升级大会员无限制查看标讯、超前项目，优先对接项目负责人，抢占绝对先机！',
|
|
|
+ article_attach_freeuser: '请留下联系方式，立即免费体验【附件下载】1次，招标文件/采购清单一键下载，商机更完整！',
|
|
|
+ pc_mine_member_attach_learnmore: '请留下联系方式，我们会尽快联系您！部分招标公告信息等相关文件资料自主下载，帮助企业投标，客户分析、市场挖掘更高效。',
|
|
|
+ // ent_portrait_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
+ // ent_portrait_winnerNewMsg_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
+ // ent_portrait_yearData_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
+ // ent_portrait_monthData_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
+ // ent_portrait_areaData_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
+ // ent_portrait_discountRate_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
+ // ent_portrait_top10_freeuser:'请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
+ // ent_portrait_topShow_freeuser: '请留下联系方式，立即免费体验【企业中标分析】1次，多维度可视化分析竞争对手！',
|
|
|
+ // buyer_portrait_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_getNewMsg_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_yearData_freeuser:'请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_monthData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_moneyRange_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_bidtypeData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_rate_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_top12_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_topShow_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_withCapitalData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_withEstablishData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_withAreaData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_topAgencyData_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ // buyer_portrait_contacts_freeuser: '请留下联系方式，立即免费体验【采购单位全景分析】1次，帮你全面洞察采购单位，开发新客户！',
|
|
|
+ ent_portrait_: '请留下联系方式，我们会尽快联系您！体验企业画像分析，帮你透视企业！',
|
|
|
+ buyer_portrait_: '请留下联系方式，我们会尽快联系您！体验采购单位画像分析，为你挖掘客户！',
|
|
|
+ member_attach: '请留下联系方式，我们会尽快联系您！体验附件下载特权，挖掘更多项目情报！',
|
|
|
+ pc_index_bottom_adv: '请留下联系方式，我们会尽快联系您体验：市场分析周报/月报、竞对实时监控和分析、业主采购趋势/客户分析等',
|
|
|
+ article_ent_portrait: '请留下联系方式，我们会尽快联系您！体验企业画像分析，帮你透视企业！',
|
|
|
+ article_buyer_portrait: '请留下联系方式，我们会尽快联系您！体验采购单位画像分析，为你挖掘客户！',
|
|
|
+ article_slogan: '请留下联系方式，我们会尽快联系您体验大会员全部功能！',
|
|
|
+ member_: '请留下联系方式，我们会尽快联系您体验大会员全部功能！',
|
|
|
+ function_: '请留下联系方式，我们会尽快联系您体验大会员全部功能！', // 大会员功能介绍
|
|
|
+ jylab_see500_plus: '请留下联系方式，我们会尽快联系您！开通大会员可查看更多招标项目，实时监控更多潜在商机！', // 标讯搜索500条
|
|
|
+ article_purchase_intention: '留下您的联系方式，我们会尽快和您联系。提前介入项目，助您轻松中标。', // 三级页-采购意向
|
|
|
+ article_proposed_project: '留下您的联系方式，我们会尽快和您联系。提前介入项目，助您轻松中标。', // 三级页-拟建项目
|
|
|
+ 'ent-manage-pc': '欢迎留下联系方式，我们的大客户经理会在24小时内联系您！',
|
|
|
+ "jyarticle_see3_plus_pc":"请完善个人信息，即刻享无限次查看标讯的权益，如需查看超前项目请联系客服：400-108-6670",
|
|
|
+ 'activity_free_plan': '请完善信息，免费获取200剑鱼币',
|
|
|
+ super_membership_day: '请留下联系方式，我们会尽快联系您体验大会员全部功能！',
|
|
|
+ peugeot_supplier_regist:'请完善您的个人信息，抢先对接采购单位',
|
|
|
+ peugeot_view_infor: '请留下联系方式，我们会尽快联系您体验大会员全部功能！',
|
|
|
+ 'bidmanagement-landingpage':'请留下联系方式，我们会尽快联系您体验投标项目管理全部功能！',
|
|
|
+ 'businesscooperation-landingpage': '无',
|
|
|
+ 'customermanagement-landingpage': '请留下联系方式，我们会尽快联系您体验客户管理全部功能！',
|
|
|
+ 'digitalmarketing-landingpage': '请留下联系方式，我们会尽快联系您体验数字化营销全部功能！',
|
|
|
+ 'pc_ServiceList_experience': '请留下您的信息，我们将为您推荐最符合您业务需求的产品和服务！',
|
|
|
+ 'pc_buyer_monitor_limit': '监控业主数量已达上限，请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。',
|
|
|
+ 'pc_buyer_monitor_freeuser': '您当前权限不足，请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。',
|
|
|
+ 'pc_buyer_monitor_more': '请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。'
|
|
|
+ },
|
|
|
+ isRefresh: false, // 留完资是否需要刷新页面
|
|
|
+ sourceDescMap: {
|
|
|
+ jyarticle_see3_plus_pc: '标讯详情页-无限次免费查看标讯的权益',
|
|
|
+ pc_article_original_one: '标讯详情页-免费用户获取1次查看原文链接机会',
|
|
|
+ pc_article_original_more: '标讯详情页-获取更多查看原文链接机会',
|
|
|
+ 'bidmanagement-landingpage': '投标项目管理落地页',
|
|
|
+ 'businesscooperation-landingpage': '商务合作落地页',
|
|
|
+ 'customermanagement-landingpage': '客户管理落地页',
|
|
|
+ 'digitalmarketing-landingpage': '数字化营销落地页',
|
|
|
+ 'pc_ServiceList_experience': 'PC服务列表-申请免费体验',
|
|
|
+ 'pc_buyer_monitor_limit': '采购单位画像页-超级订阅申请监控更多业主（已达上限）',
|
|
|
+ 'pc_buyer_monitor_freeuser': '采购单位画像页-免费用户申请监控业主',
|
|
|
+ 'pc_buyer_monitor_more': '采购单位画像页-超级订阅用户申请监控更多业主'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ showOtherJob: function() {
|
|
|
+ return this.form.job == '其他'
|
|
|
+ },
|
|
|
+ showCompany: function() {
|
|
|
+ return this.form.mold === '公司'
|
|
|
+ },
|
|
|
+ showBranch: function () {
|
|
|
+ // 切换到总裁或总经理之后 把之前选择的部门清空
|
|
|
+ if (this.form.job.indexOf('总裁') > -1 || this.form.job.indexOf('总经理') > -1) {
|
|
|
+ this.form.branch = ''
|
|
|
+ }
|
|
|
+ var zc = this.form.job.indexOf('总裁') > -1
|
|
|
+ var zjl = this.form.job.indexOf('总经理') > -1
|
|
|
+ return !(zc || zjl) && this.form.job
|
|
|
+ },
|
|
|
+ // 提交成功，确定按钮文案
|
|
|
+ successConfirmText: function () {
|
|
|
+ var passArr = ['activity_free_plan']
|
|
|
+ if (passArr.indexOf(this.source) !== -1) {
|
|
|
+ return '去领取'
|
|
|
+ } else {
|
|
|
+ return '我知道了'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 提交成功 提示文案
|
|
|
+ successText: function() {
|
|
|
+ if (this.source.indexOf('_freeuser') > -1 && this.source.indexOf('member_') === -1) {
|
|
|
+ var text = ''
|
|
|
+ // if (this.source.indexOf('buyer_portrait') > -1) {
|
|
|
+ // text = '采购单位全景分析'
|
|
|
+ // } else if (this.source.indexOf('ent_portrait') > -1) {
|
|
|
+ // text = '企业中标分析'
|
|
|
+ // } else
|
|
|
+ if (this.source.indexOf('article_attach') > -1) {
|
|
|
+ text = '附件下载'
|
|
|
+ } else if (this.source === 'pc_buyer_monitor_freeuser') {
|
|
|
+ return '已收到您提交的升级大会员申请，我们会尽快联系您并预约演示时间。'
|
|
|
+ } else {
|
|
|
+ return '我们会尽快联系您并预约演示时间，请耐心等待～您将获得免费体验大会员全部功能！'
|
|
|
+ }
|
|
|
+ return '恭喜您，成功解锁【' + text + '】权益1次。如需查看更多，请开通超级订阅，为您提供最新的商业情报，抢占先机。'
|
|
|
+ } else {
|
|
|
+ if (this.source.indexOf('ent-manage-pc') > -1) {
|
|
|
+ return '我们会尽快联系您并预约演示时间，请耐心等待～<br>您将获得免费体验商机管理全部功能！'
|
|
|
+ }
|
|
|
+ if (this.source.indexOf('jyarticle_see3_plus_pc') > -1) {
|
|
|
+ return '您已获得无限次免费查看标讯的权益，如需查看超前项目请联系客服：400-108-6670'
|
|
|
+ }
|
|
|
+ if (this.source === 'activity_free_plan') {
|
|
|
+ return '完善信息任务已完成，快去领取剑鱼币吧~'
|
|
|
+ }
|
|
|
+ if (this.source === 'peugeot_supplier_regist') {
|
|
|
+ return '我们会尽快联系您完成供应商报名，请耐心等待。'
|
|
|
+ }
|
|
|
+ if (this.source === 'pc_index_bid_data') {
|
|
|
+ return '我们会尽快联系您并根据您的需求，提供最适合的产品演示服务，请耐心等待。'
|
|
|
+ }
|
|
|
+ if (this.source === 'pc_article_member_freeuse') {
|
|
|
+ return '已收到您提交的免费体验大会员申请，我们会尽快联系您并预约演示时间。'
|
|
|
+ }
|
|
|
+ if (this.source === 'pc_article_original_more') {
|
|
|
+ return '已收到您提交的升级大会员申请，我们会尽快联系您并预约演示时间。'
|
|
|
+ }
|
|
|
+ if (this.source === 'pc_article_original_more') {
|
|
|
+ return '已收到您提交的升级大会员申请，我们会尽快联系您并预约演示时间。'
|
|
|
+ }
|
|
|
+ if(this.source === 'businesscooperation-landingpage'){
|
|
|
+ return '商务合作经理会尽快联系您，请耐心等待~'
|
|
|
+ }
|
|
|
+ if(this.source === 'bidmanagement-landingpage'){
|
|
|
+ return ' 我们会尽快联系您并预约演示时间，请耐心等待~<br>您将获得免费体验投标项目管理全部功能!'
|
|
|
+ }
|
|
|
+ if(this.source === 'digitalmarketing-landingpage'){
|
|
|
+ return '我们会尽快联系您并预约演示时间，请耐心等待~<br>您将获得免费体验数字化营销全部功能!'
|
|
|
+ }
|
|
|
+ if(this.source === 'customermanagement-landingpage'){
|
|
|
+ return ' 我们会尽快联系您并预约演示时间，请耐心等待~<br>您将获得免费体验客户管理全部功能!'
|
|
|
+ }
|
|
|
+ if(this.source === 'pc_ServiceList_experience'){
|
|
|
+ return '已收到您提交的剑鱼产品免费体验申请，我们会尽快联系您并预约演示时间。'
|
|
|
+ }
|
|
|
+ if(this.source === 'pc_buyer_monitor_limit' || this.source === 'pc_buyer_monitor_more') {
|
|
|
+ return '已收到您提交的升级大会员申请，我们会尽快联系您并预约演示时间。'
|
|
|
+ }
|
|
|
+ return '我们会尽快联系您并预约演示时间，请耐心等待～<br>您将获得免费体验大会员全部功能！'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setCoopreate () {
|
|
|
+ if (this.source === 'businesscooperation-landingpage') {
|
|
|
+ return this.moduleShow.cooperate
|
|
|
+ } else {
|
|
|
+ this.moduleShow.companyType = true
|
|
|
+ this.moduleShow.job = true
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var that = this;
|
|
|
+ $(document).on('click', function (e) {
|
|
|
+ var dom = $('.company-name')[0];
|
|
|
+ if (dom) {
|
|
|
+ // 如果点击的区域不在自定义dom范围
|
|
|
+ if (!dom.contains((e.target))) {
|
|
|
+ that.showSearchResult = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ $(document).off('click')
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 点击我知道了
|
|
|
+ knowHandle: function() {
|
|
|
+ this.showSuccess = false
|
|
|
+ if (this.isRefresh) {
|
|
|
+ window.location.reload()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 不需要调留资接口 弹出留资弹框回调方法
|
|
|
+ noCallApiFn: function(source, isRefresh) {
|
|
|
+ this.isRefresh = isRefresh
|
|
|
+ vm.source = source
|
|
|
+ this.showForm = true
|
|
|
+ this.calcTitleText(source)
|
|
|
+ this.getOldInfo(source)
|
|
|
+ },
|
|
|
+ calcTitleText: function (source) {
|
|
|
+ if (!source) return
|
|
|
+ var text = ''
|
|
|
+ for (var key in this.sourceTitleMap) {
|
|
|
+ if (source.indexOf(key) !== -1) {
|
|
|
+ text = this.sourceTitleMap[key]
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 判断收藏留资显示
|
|
|
+ if (this.source == "bidmanagement-landingpage"){
|
|
|
+ for (var k in this.moduleShow) {
|
|
|
+ this.moduleShow[k] = false
|
|
|
+ }
|
|
|
+ this.moduleShow.cooperate = true
|
|
|
+ }
|
|
|
+ // 判断收藏留资显示
|
|
|
+ if (this.source == "article_collection"){
|
|
|
+ for (var k in this.moduleShow) {
|
|
|
+ this.moduleShow[k] = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 判断阅读原文留资显示
|
|
|
+ if (vm.source == "article_original"){
|
|
|
+ for (var k in vm.moduleShow) {
|
|
|
+ vm.moduleShow[k] = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (text) {
|
|
|
+ if (source.indexOf('_freeuser') > -1 && text.indexOf('【') > -1) {
|
|
|
+ var r = text.match(/\【(.+?)\】/g)
|
|
|
+ this.dialogTitleTop = '欢迎体验' + r[0].replace('【','').replace('】','')
|
|
|
+ this.dialogTitle = text
|
|
|
+ } else if(source.indexOf('ent-manage') > -1){
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '欢迎体验剑鱼标讯商机管理'
|
|
|
+ } else if (source.indexOf('jyarticle_see3_plus_pc') > -1){
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '免费享无限次查看标讯体验'
|
|
|
+ } else if (source === 'activity_free_plan') {
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '完善信息'
|
|
|
+ } else if (source === 'article_proposed_project' || source === 'article_purchase_intention') {
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '欢迎体验剑鱼大会员'
|
|
|
+ } else if (source === 'pc_article_member_freeuse') {
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '免费体验大会员功能权益'
|
|
|
+ }else if (source === 'bidmanagement-landingpage'){
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '欢迎体验剑鱼投标项目管理'
|
|
|
+ } else if (source === 'businesscooperation-landingpage') {
|
|
|
+ this.dialogTitle = ''
|
|
|
+ this.dialogTitleTop = '请留下您的信息，我们会尽快和您联系'
|
|
|
+ } else if (source === 'customermanagement-landingpage') {
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '欢迎体验剑鱼客户管理'
|
|
|
+ }else if (source === 'digitalmarketing-landingpage') {
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '欢迎体验剑鱼数字化营销'
|
|
|
+
|
|
|
+ } else if(source === 'pc_ServiceList_experience') {
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '申请免费体验剑鱼产品'
|
|
|
+ } else if(source === 'pc_buyer_monitor_limit') {
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '申请监控更多业主'
|
|
|
+ } else if(source === 'pc_buyer_monitor_freeuser') {
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '申请业主监控权限'
|
|
|
+ } else if(source === 'pc_buyer_monitor_more') {
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '申请监控更多业主'
|
|
|
+ }
|
|
|
+ // else if (source.indexOf("article_collection") > -1){
|
|
|
+ // this.dialogTitle = text
|
|
|
+ // this.dialogTitleTop = "为给您匹配精准的推荐信息，请完善个人信息"
|
|
|
+ // }
|
|
|
+ else {
|
|
|
+ this.dialogTitle = text
|
|
|
+ this.dialogTitleTop = '欢迎体验剑鱼大会员'
|
|
|
+ }
|
|
|
+ for (var k in this.moduleShow) {
|
|
|
+ this.moduleShow[k] = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ nameFocus:function(){
|
|
|
+ this.$refs['ruleForm'].clearValidate(['name']);
|
|
|
+ },
|
|
|
+ phoneFocus:function(){
|
|
|
+ this.$refs['ruleForm'].clearValidate(['phone']);
|
|
|
+ },
|
|
|
+ mailFocus:function(){
|
|
|
+ this.$refs['ruleForm'].clearValidate(['mail']);
|
|
|
+ },
|
|
|
+ // 公司名称获取焦点时
|
|
|
+ companyFocus: function() {
|
|
|
+ this.$refs['ruleForm'].clearValidate(['companyName']);
|
|
|
+ this.getResult(this.form.companyName)
|
|
|
+ },
|
|
|
+ otherFocus:function() {
|
|
|
+ this.$refs['ruleForm'].clearValidate(['job','otherJob']);
|
|
|
+ },
|
|
|
+ // 是否留资
|
|
|
+ isNeedSubmit: function(source, callback, dom,infoid,entranceType) {
|
|
|
+ /*
|
|
|
+ 三级页-阅读原文 article_original
|
|
|
+ 三级页-收藏 article_collection
|
|
|
+ 大会员落地页-免费体验 member_freeuse
|
|
|
+ */
|
|
|
+ this.source = source
|
|
|
+ this.calcTitleText(source)
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ type:'GET',
|
|
|
+ url:'/salesLeads/retainedCapital',
|
|
|
+ data: {
|
|
|
+ source: source
|
|
|
+ },
|
|
|
+ success:function (res) {
|
|
|
+ // 判断当前信息否在其他页面留资 如果全部留资 直接弹窗提交成功
|
|
|
+ if(entranceType=='freeDownload'){ //结构化数据调用留资弹框 单独判断个类型不影响原逻辑 表单如有更改可区分
|
|
|
+ var checkKeys = ['name', 'phone','companyType', 'company', 'position','branch', 'cooperate']
|
|
|
+ }else{
|
|
|
+ var checkKeys = ['name', 'phone','companyType', 'company', 'branch', 'position']
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ var sourceList = ['article_collection', 'article_original', 'jyarticle_see3_plus_app', 'jyarticle_see3_plus_pc', 'jyarticle_see3_plus_wx', 'jypush_see10_plus_app', 'jypush_see10_plus_wx']
|
|
|
+ // var isCollect = sourceList.includes(source)
|
|
|
+ // 兼容处理
|
|
|
+ var isCollect = sourceList.indexOf(source) > -1
|
|
|
+ if (infoid != ""){
|
|
|
+ res.info.publish_id = infoid
|
|
|
+ }
|
|
|
+ var result = checkRequiredKeys(checkKeys, res.info)
|
|
|
+ if (result) {
|
|
|
+ // 包含这些source，不存记录
|
|
|
+ // 非主动触发留资节点，每点击一次数据库不会记录
|
|
|
+ if(!isCollect) {
|
|
|
+ _this.showForm = true
|
|
|
+ _this.setEchoInfo(res.info)
|
|
|
+ } else {
|
|
|
+ res.data.retainedCapital = false
|
|
|
+ callback && callback(res)
|
|
|
+ }
|
|
|
+ switch (source) {
|
|
|
+ case 'member_freeuse': {
|
|
|
+ // _this.showSuccess = true
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'jyarticle_see3_plus_pc': {
|
|
|
+ $(".detail-nj-btn").click(function(){
|
|
|
+ $(".mask-zzz").hide()
|
|
|
+ })
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'article_original': {
|
|
|
+ _this.showSuccess = false
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'article_collection': {
|
|
|
+ _this.showSuccess = false
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'pc_index_bottom_adv': {
|
|
|
+ location.href = '/big/page/index'
|
|
|
+ break
|
|
|
+ }
|
|
|
+ default: {
|
|
|
+ // if (source.indexOf('_freeuser') > -1) {
|
|
|
+ // _this.showSuccess = true
|
|
|
+ // } else {
|
|
|
+ // _this.showSuccess = true
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window.isRetained = res.data.retainedCapital
|
|
|
+ _this.isForce = res.data.fource
|
|
|
+ if (res.data.retainedCapital) {
|
|
|
+ _this.showForm = true
|
|
|
+ _this.setEchoInfo(res.info)
|
|
|
+ _this.curDom = dom
|
|
|
+ } else {
|
|
|
+ callback && callback(res)
|
|
|
+ }
|
|
|
+ // if(window.isFree || !isCollect) {
|
|
|
+ // if (res.data.retainedCapital || !result) {
|
|
|
+ // _this.showForm = true
|
|
|
+ // _this.setEchoInfo(res.info)
|
|
|
+ // _this.curDom = dom
|
|
|
+ // } else {
|
|
|
+ // callback && callback(res)
|
|
|
+ // }
|
|
|
+ // } else {
|
|
|
+ // callback && callback(res)
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ if(source === 'businesscooperation-landingpage') {
|
|
|
+ _this.moduleShow.cooperate = true
|
|
|
+ } else {
|
|
|
+ _this.moduleShow.companyType = true
|
|
|
+ _this.moduleShow.job = true
|
|
|
+ _this.moduleShow.cooperate = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 表单提交事件
|
|
|
+ submitForm: function(formName) {
|
|
|
+ var _this = this
|
|
|
+ this.$refs[formName].validate(function (valid) {
|
|
|
+ if (valid) {
|
|
|
+ _this.formAjax(vm.source)
|
|
|
+ _this.bigDocAjax()
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 快照页引流的文案埋点 留资提交时埋点
|
|
|
+ bigDocAjax: function() {
|
|
|
+ if (getParam('id')) {
|
|
|
+ try {
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ url: "/publicapply/drainage/bmt/" + getParam('id'),
|
|
|
+ data: {
|
|
|
+ p: 'ICRW'
|
|
|
+ },
|
|
|
+ success: function(r) {
|
|
|
+ console.log(r)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 表单提交请求
|
|
|
+ formAjax: function(source, info) {
|
|
|
+ try {
|
|
|
+ var infoid = window.location.pathname.split("/")[3].split(".html")[0]
|
|
|
+ } catch (error) {}
|
|
|
+ var isProDetail = window.location.pathname.indexOf('/article/content')
|
|
|
+ var params = {
|
|
|
+ source: source,
|
|
|
+ name: this.form.name,
|
|
|
+ phone: this.form.phone,
|
|
|
+ mail: this.form.mail,
|
|
|
+ // province: this.form.region[0],
|
|
|
+ // city: this.form.region[1] ? this.form.region[1] : '',
|
|
|
+ industry: this.form.industry.join('_'),
|
|
|
+ // hireType: this.form.mold, // 受雇类型值
|
|
|
+ company: this.form.companyName, // 公司名称
|
|
|
+ companyType: this.form.companyType.join(','),
|
|
|
+ position: this.form.job == '其他' ? ('其他/' + this.form.otherJob) : this.form.job,
|
|
|
+ // company_size: this.form.scale,
|
|
|
+ // workScope: this.form.business,
|
|
|
+ // partnerNeeds: this.form.need,
|
|
|
+ // agree: this.form.agreeChecked,
|
|
|
+ branch: this.form.branch.indexOf('总裁') > -1 || this.form.branch.indexOf('总经理') > -1 ? '' : this.form.branch,
|
|
|
+ origin: location.origin,
|
|
|
+ source_desc: this.sourceDescMap[this.source]
|
|
|
+ }
|
|
|
+ if (source === 'businesscooperation-landingpage') {
|
|
|
+ params.cooperate = this.form.cooperate
|
|
|
+ }
|
|
|
+ if (infoid != "" && isProDetail != -1){
|
|
|
+ params.publish_id = infoid
|
|
|
+ }
|
|
|
+ if (info) {
|
|
|
+ params = info
|
|
|
+ params.source = source
|
|
|
+ }
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ type:'POST',
|
|
|
+ url:'/salesLeads/collectInfo',
|
|
|
+ contentType: "application/json;charset=utf-8",
|
|
|
+ data: JSON.stringify(params),
|
|
|
+ success:function (res) {
|
|
|
+ if (res.data) {
|
|
|
+ _this.showForm = false
|
|
|
+ typeof collectSubmitCallback === 'function' ? collectSubmitCallback(source, res.data) : null
|
|
|
+ switch (source) {
|
|
|
+ // 标讯详情页免费体验留完资 需要自动刷新
|
|
|
+ case 'pc_article_member_freeuse': {
|
|
|
+ _this.showSuccess = true
|
|
|
+ _this.isRefresh = true
|
|
|
+ }
|
|
|
+ case 'member_freeuse': {
|
|
|
+ _this.showSuccess = true
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'pc_article_original_one': {
|
|
|
+ // 如果是阅读原文点击的 留完用户资料此处什么都不执行
|
|
|
+ _this.showForm = false
|
|
|
+ try {
|
|
|
+ dialogsVm.dialog.originalSubmitSuccess = true
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'article_collection': {
|
|
|
+ // $('#bidCollect').trigger('click') // 三级页收藏事件
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'article_collection': {
|
|
|
+ // $('#bidCollect').trigger('click') // 三级页收藏事件
|
|
|
+ // 单个收藏事件传当前点击的dom
|
|
|
+ if(_this.curDom) {
|
|
|
+ _this.curDom.trigger('click') // 列表页单个收藏事件
|
|
|
+ _this.curDom = null
|
|
|
+ } else {
|
|
|
+ $('#bid-collect').trigger('click') // 列表页批量收藏事件
|
|
|
+ }
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'jyarticle_see3_plus_pc':{
|
|
|
+ _this.showSuccess = true
|
|
|
+ _this.isRefresh = true
|
|
|
+ // location.reload()
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'pc_index_bottom_adv': {
|
|
|
+ location.href = '/big/page/index'
|
|
|
+ break
|
|
|
+ }
|
|
|
+ default: {
|
|
|
+ _this.showSuccess = true
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 手机号输入框input事件
|
|
|
+ inputPhone: function(val) {
|
|
|
+ this.form.phone = val.replace(/[^\d]/g,'')
|
|
|
+ },
|
|
|
+ // 查询表单回显信息
|
|
|
+ getOldInfo: function(source) {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ type:'POST',
|
|
|
+ url:'/salesLeads/retainedCapital?t=' + Date.now(),
|
|
|
+ data: {
|
|
|
+ source: source
|
|
|
+ },
|
|
|
+ success:function (res) {
|
|
|
+ if (res && res.info) {
|
|
|
+ res.data = res.info
|
|
|
+ }
|
|
|
+ if (res.data) {
|
|
|
+ _this.form.name = res.data.name ? res.data.name : ''
|
|
|
+ _this.form.phone = res.data.phone ? res.data.phone : ''
|
|
|
+ _this.form.mail = res.data.mail ? res.data.mail : ''
|
|
|
+ if (res.data.province && res.data.city) {
|
|
|
+ _this.form.region = [res.data.province, res.data.city]
|
|
|
+ } else if (res.data.province && !res.data.city) {
|
|
|
+ _this.form.region = [res.data.province]
|
|
|
+ } else {
|
|
|
+ _this.form.region = []
|
|
|
+ }
|
|
|
+ _this.form.industry = res.data.industry ? res.data.industry.split('_') : []
|
|
|
+ _this.form.mold = res.data.hireType ? res.data.hireType : '公司'
|
|
|
+ _this.form.companyName = res.data.company ? res.data.company : ''
|
|
|
+ _this.form.companyType = res.data.companyType ? res.data.companyType.split(',') : []
|
|
|
+ if (res.data.position) {
|
|
|
+ if (jobJson.indexOf(res.data.position) == -1) {
|
|
|
+ // _this.form.job = '其他'
|
|
|
+ // _this.form.otherJob = res.data.position.replace('其他/', '')
|
|
|
+ _this.form.job = ''
|
|
|
+ _this.form.otherJob = ''
|
|
|
+ } else {
|
|
|
+ _this.form.job = res.data.position
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ _this.form.job = ''
|
|
|
+ }
|
|
|
+ _this.form.scale = res.data.company_size ? res.data.company_size : ''
|
|
|
+ _this.form.business = res.data.workScope ? res.data.workScope : ''
|
|
|
+ _this.form.need = res.data.partnerNeeds ? res.data.partnerNeeds : ''
|
|
|
+ _this.form.agreeChecked = res.data.agree == undefined ? true : res.data.agree
|
|
|
+ _this.form.branch = res.data.branch || ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 企业名称联想
|
|
|
+ getResult:function(name) {
|
|
|
+ // 名称为空或长度小于2不发请求
|
|
|
+ if (!name || name.length < 2) return
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ type:'POST',
|
|
|
+ url:'/jypay/user/company/association',
|
|
|
+ data: {
|
|
|
+ name: name,
|
|
|
+ companyCount:10
|
|
|
+ },
|
|
|
+ heads : {
|
|
|
+ 'content-type': 'application/x-www-form-urlencoded'
|
|
|
+ },
|
|
|
+ success:function (res) {
|
|
|
+ console.log(res)
|
|
|
+ if (res.data && res.data.length > 0) {
|
|
|
+ var result = []
|
|
|
+ res.data.map(function(item){
|
|
|
+ item = _this.brightKeyword(item)
|
|
|
+ result.push(item)
|
|
|
+ return result
|
|
|
+ })
|
|
|
+ _this.companyList = result
|
|
|
+ _this.showSearchResult = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ searchCompany: debounce(function(val){
|
|
|
+ if(val === '') { this.showSearchResult = false}
|
|
|
+ this.getResult(val)
|
|
|
+ }, 600),
|
|
|
+ // 选择联想出来的公司名称
|
|
|
+ selectCompany: function(item) {
|
|
|
+ this.form.companyName = item.replace(/<.*?>/ig, '')
|
|
|
+ this.showSearchResult = false
|
|
|
+ },
|
|
|
+ // 关键词高亮
|
|
|
+ brightKeyword: function (val) {
|
|
|
+ var name = this.form.companyName
|
|
|
+ if (val.indexOf(name) !== -1) {
|
|
|
+ return val.replace(name, "<font style='color:#2ABED1;'>" + name + "</font>")
|
|
|
+ } else {
|
|
|
+ return val
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 暂不提供
|
|
|
+ cancelForm: function() {
|
|
|
+ this.showForm = false
|
|
|
+ this.showSearchResult=false
|
|
|
+ this.form.name = ''
|
|
|
+ this.form.phone = ''
|
|
|
+ this.form.mail = ''
|
|
|
+ this.form.industry = []
|
|
|
+ this.form.companyName = ''
|
|
|
+ this.form.companyType = []
|
|
|
+ this.form.job = ''
|
|
|
+ this.form.otherJob = ''
|
|
|
+ this.form.scale = ''
|
|
|
+ this.form.business = ''
|
|
|
+ this.form.need = ''
|
|
|
+ this.form.cooperate = ''
|
|
|
+ },
|
|
|
+ setEchoInfo: function (data) {
|
|
|
+ if (data) {
|
|
|
+ this.form.name = data.name ? data.name : ''
|
|
|
+ this.form.phone = data.phone ? data.phone : ''
|
|
|
+ this.form.mail = data.mail ? data.mail : ''
|
|
|
+ if (data.province && data.city) {
|
|
|
+ this.form.region = [data.province, data.city]
|
|
|
+ } else if (data.province && !data.city) {
|
|
|
+ this.form.region = [data.province]
|
|
|
+ } else {
|
|
|
+ this.form.region = []
|
|
|
+ }
|
|
|
+ this.form.industry = data.industry ? data.industry.split('_') : []
|
|
|
+ this.form.mold = data.hireType ? data.hireType : '公司'
|
|
|
+ this.form.companyName = data.company ? data.company : ''
|
|
|
+ this.form.companyType = data.companyType ? data.companyType.split(',') : []
|
|
|
+ if (data.position) {
|
|
|
+ if (jobJson.indexOf(data.position) == -1) {
|
|
|
+ this.form.job = ''
|
|
|
+ this.form.otherJob = ''
|
|
|
+ } else {
|
|
|
+ this.form.job = data.position
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.form.job = ''
|
|
|
+ }
|
|
|
+ this.form.scale = data.company_size ? data.company_size : ''
|
|
|
+ this.form.business = data.workScope ? data.workScope : ''
|
|
|
+ this.form.need = data.partnerNeeds ? data.partnerNeeds : ''
|
|
|
+ this.form.agreeChecked = data.agree == undefined ? true : data.agree
|
|
|
+ this.form.branch = data.branch || ''
|
|
|
+ this.form.cooperate = data.cooperate ? data.cooperate : ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
