jy/src/web/staticres/common-module/pc-dialog/js/pc-collect-user-info.js

/**
 * 该文件出自主程序js目录pc-collect-user-info.js
 * seo项目留资仅能指向到common-module目录，后续可都迁移到此文件
 */
var temp = `
  <div>
    <div class="user-data-dialog" id="collectUserInfoDialog" v-if="showForm">
      <div class="mask"></div>
      <div class="dialog-container seo-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>
            </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="moduleShow.cooperate">
                  <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.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="company clearfix"  v-if="moduleShow.report">
              <div class="form-title">定制专属分析报告</div>
              <div class="form-main">
                <div class="long-control">
                  <el-form-item label="您的行业 :" class="industry-type" prop="industry">
                    <el-checkbox-group v-model="form.industry"  @change="onIndustryChange">
                      <el-checkbox v-for="item in industryData" :key="item" :label="item"></el-checkbox>
                      <el-input
                        v-model.trim="form.otherIndustry"
                        class="item-input industry-input"
                        @input="onOtherIndustryInput"
                        placeholder="请输入您的行业">
                      </el-input>
                    </el-checkbox-group>
                  </el-form-item>
                </div>
              </div>
            </div>
            <div class="warm-prompt">
                <span class="icon-warning"></span>
                <span class="warm-text">@@warmText@@</span>
            </div>
            <div class="agree-service" v-if="moduleShow.agree">
              <el-checkbox v-model="form.agreeChecked">&nbsp;我同意剑鱼标讯将业务范围及合作需求提供给潜在合作伙伴搜索、查看</el-checkbox>
            </div>
            <div class="dialog-footer">
              <el-button class="cancel-btn" @click="cancelForm" v-text="ajaxSourceTitleInfo.cancelText"></el-button>
              <el-button class="submit-btn" @click="submitForm('ruleForm')" v-text="ajaxSourceTitleInfo.submitText"></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 jobJson = [
  '总裁',
  '总经理',
  '总监',
  '经理',
  '主管',
  '职员'
]
var branchJson = [
  '市场',
  '产品',
  '销售',
  '渠道',
  '其他'
]
var jobData = jobJson.map(function (item) {
  return {
    value: item,
    label: item
  }
})
// 部门数据处理
var branchData = branchJson.map(function (item) {
  return {
    value: item,
    label: item
  }
})
// 您的行业
var industryData = ['建筑工程', '行政办公', '医疗卫生', '服务采购', '机械设备', '弱电安防', '信息技术', '交通工程', '市政设施', '其他']
// 防抖
function debounce (fn, delay) {
  var timer
  return function () {
    var context = this
    var args = arguments
    clearTimeout(timer)
    timer = setTimeout(function () {
      fn.apply(context, args)
    }, delay)
  }
}
function getParam(name) {
  var search = document.location.search;
  // alert(search);
  var pattern = new RegExp("[?&]" + name + "\=([^&]+)", "g");
  var matcher = pattern.exec(search);
  //工作桌面快照页面登录后 地址不做切割
  if (name==="backTo"&&search.indexOf("page_workDesktop")>0&&search.indexOf("content")>0){
      matcher[1] = search.replace("?backTo=","");
  }
  var items = null;
  if (null != matcher) {
      try {
          items = decodeURIComponent(decodeURIComponent(matcher[1]));
      } catch (e) {
          try {
              items = decodeURIComponent(matcher[1]);
          } catch (e) {
              items = matcher[1];
          }
      }
  }
  return items;
}
function checkRequiredKeys (keys, target) {
  try {
    // 职位/部门特殊处理, 满足时移除部门校验
    if (keys.indexOf('branch') !== -1 && keys.indexOf('position') !== -1) {
      if (target['position'] === '总裁' || target['position'] === '总经理') {
        keys.splice(keys.indexOf('branch'), 1)
      }
    }
    return !keys.some(function (k) {
      var tempValue = target[k]
      var result = false
      if (typeof tempValue === 'number') {
        tempValue = tempValue.toString()
      }
      if (typeof tempValue === 'string') {
        result = tempValue.trim() !== ''
      }
      if (typeof tempValue === 'boolean') {
        result = true
      }
      return !result
    })
  } catch (e) {
    console.warn(e)
    return false
  }
}

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();
        }
      }
    }
    var validIndustry = function (rule, value, callback) {
      if (!value.length) {
        return callback(new Error('行业为必填项'));
      } else {
        if (value.indexOf('其他') !== -1) {
          if (vm.form.otherIndustry === '') {
            callback(new Error('请输入行业'))
          } else if (vm.industryData.indexOf(vm.form.otherIndustry) !== -1) {
            callback(new Error('行业输入重复'))
          } else {
            callback()
          }
        } else {
          if (vm.industryData.indexOf(vm.form.otherIndustry) !== -1) {
            callback(new Error('行业输入重复'))
          } else {
            callback()
          }
        }
      }
    }
    return {
      dialogTitleTop: '为给您匹配精准的推荐信息，请完善个人信息',
      dialogTitle: '',
      ajaxSourceTitleInfo: {
        cancelText: '暂不提供',
        submitText: '提交'
      },
      jobData: jobData, // 职位数据
      branchData: branchData,
      industryData: industryData,
      form: {
        name: '', // 姓名
        phone: '', // 手机号
        mail: '', // 邮箱
        companyName: '', // 公司名称
        companyType: [], // 公司类型值
        job: '', // 职位值
        otherJob: '', //自定义职位
        business: '', // 业务范围
        need: '', // 合作需求
        agreeChecked: true,
        branch: '',
        cooperate: '', // 商务合作
        industry: [], // 行业
        otherIndustry: '', // 其他行业
      },
      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'
          }
        ],
        industry: [
          {
            required: true,
            validator: validIndustry,
            trigger: 'change'
          }
        ],
      },
      showSearchResult: false,
      companyList: [],
      showForm: false,  // 显示表单填写弹框
      showSuccess: false, // 显示提交成功弹框
      isForce: false, // 是否强制
      source: '', // 来源模块
      curDom: null,
      // 默认为隐藏，需要展示则需判断
      moduleShow: {
        email: false,
        companyType: true,
        job: true,
        business: false,
        need: false,
        agree: false,
        cooperate: false, // 商务合作显示
        report: false // seo-定制专属分析报告
      },
      sourceTitleMap: {
        pc_article_member_freeuse: '请升级大会员无限制查看标讯、超前项目，优先对接项目负责人，抢占绝对先机！',
        article_attach_freeuser: '请留下联系方式，立即免费体验【附件下载】1次，招标文件/采购清单一键下载，商机更完整！',
        pc_mine_member_attach_learnmore: '请留下联系方式，我们会尽快联系您！部分招标公告信息等相关文件资料自主下载，帮助企业投标，客户分析、市场挖掘更高效。',
        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_briefinghomepage_dzhfxbg': '帮您透视行业，轻松把握行业核心需求',
        'pc_briefinglist_dzhfxbg': '帮您透视行业，轻松把握行业核心需求',
        'pc_briefingdetails_dzhfxbg': '帮您透视行业，轻松把握行业核心需求',
        'pc_Library_details_free': '此文档为剑鱼文库的付费下载内容，提交资料后可免费下载。'
      },
      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服务列表-申请免费体验'
      },
      warmText: '温馨提示：请提供准确的信息，我们将为您推荐更准确、更个性化的商机和服务'
    }
  },
  computed: {
    showOtherJob: function () {
      return this.form.job == '其他'
    },
    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('article_attach') > -1) {
          text = '附件下载'
        } 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_briefinghomepage_dzhfxbg' || this.source === 'pc_briefinglist_dzhfxbg' || this.source === 'pc_briefingdetails_dzhfxbg') {
          return '我们会快马加鞭的与您联系，请您保持电话畅通。'
        }
        if (this.source === 'pc_Library_details_free') {
          return '请返回文档页面免费下载，如需获取更多文档，请开通剑鱼文库会员。'
        }
        return '我们会尽快联系您并预约演示时间，请耐心等待～<br>您将获得免费体验大会员全部功能！'
      }
    }
  },
  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: {
    onIndustryChange: function (val) {
      console.log(val)
    },
    onOtherIndustryInput: function (event) {
      var val = event.replace(/\s*/g, '')
      if (val) {
        if (this.form.industry.indexOf('其他') !== -1) {
          // console.log('有');
        } else {
          this.form.industry.push('其他')
        }
      }
    },
    // 点击我知道了
    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 (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_briefinghomepage_dzhfxbg' || source === 'pc_briefinglist_dzhfxbg' || source === 'pc_briefingdetails_dzhfxbg') {
          this.dialogTitle = text
          this.dialogTitleTop = '免费获取行业分析报告'
        } else if (source === 'pc_Library_details_free') {
          this.dialogTitle = text
          this.dialogTitleTop = '申请免费下载文档'
        }
        // else if (source.indexOf("article_collection") > -1){
        //   this.dialogTitle = text
        //   this.dialogTitleTop = "为给您匹配精准的推荐信息，请完善个人信息"
        // }
        else {
          this.dialogTitle = text
          this.dialogTitleTop = '欢迎体验剑鱼大会员'
        }
        // 控制非常规表单模块是否展示，默认全部隐藏，companyType、job(公司类型、职位大多数场景都需要展示)
        var noNeedCompanyType = ['bidmanagement-landingpage', 'pc_briefinghomepage_dzhfxbg', 'pc_briefinglist_dzhfxbg', 'pc_briefingdetails_dzhfxbg']
        var noNeedJob = ['bidmanagement-landingpage']
        for (var k in this.moduleShow) {
          this.moduleShow[k] = false
        }
        if (noNeedCompanyType.indexOf(this.source) > -1) {
          this.moduleShow.companyType = false
        } else {
          this.moduleShow.companyType = true
        }
        if (noNeedJob.indexOf(this.source) > -1) {
          this.moduleShow.job = false
        } else {
          this.moduleShow.job = true
        }
        if (this.source == "bidmanagement-landingpage") {
          this.moduleShow.cooperate = true
        } else if (this.source.indexOf('_dzhfxbg') > -1) {
          this.moduleShow.report = true
          this.warmText = '温馨提示：请提供您的真实信息，以便为您提供精准的分析报告'
        }
      }
    },
    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.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
              }
            }
          } 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
          }
        }
      })

      this.getSourceTitle(source)
    },
    getSourceTitle: function(source) {
      var _this = this
      var payload = { codes: [source] }
      $.ajax({
        type: 'post',
        url: '/salesLeads/getConfig',
        contentType: 'application/json;charset=utf-8',
        data: JSON.stringify(payload),
        success: function(res) {
          try {
            var info = res.data[source]
            if (info) {
              if (info.title) {
                _this.dialogTitleTop = info.title
              }
              if (info.subtitle) {
                _this.dialogTitle = info.subtitle
              }
              if (info.button_cancel) {
                _this.ajaxSourceTitleInfo.cancelText = info.button_cancel
              }
              if (info.button_confirm) {
                _this.ajaxSourceTitleInfo.submitText = info.button_confirm
              }
            }
          } catch (e) {
            console.warn(e)
          }
        }
      })
    },
    // 表单提交事件
    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,
        company: this.form.companyName, // 公司名称
        companyType: this.form.companyType.join(','),
        position: this.form.job == '其他' ? ('其他/' + this.form.otherJob) : this.form.job,
        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
      }
      // 行业分析报告增加行业参数
      if (source.indexOf('_dzhfxbg') > -1) {
        const filterIndustry = this.form.industry.filter(function(item) {
          return item !== '其他'
        })
        if (this.form.industry.indexOf('其他') !== -1) {
          filterIndustry.push(this.form.otherIndustry)
        }
        params.industry = filterIndustry.toString()
      }
      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) {
            _this.setEchoInfo(res.info)
          }
        }
      })
    },
    // 企业名称联想
    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.business = ''
      this.form.need = ''
      this.form.cooperate = ''
      this.form.otherIndustry = ''
    },
    setEchoInfo: function (data) {
      this.form.otherIndustry = ''
      if (data) {
        this.form.name = data.name ? data.name : ''
        this.form.phone = data.phone ? data.phone : ''
        this.form.mail = data.mail ? data.mail : ''
        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.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 : ''
        if (data.industry) {
          var industryArr = data.industry.split(',')
          var same = industryArr.filter(item => 
            this.industryData.indexOf(item) !== -1
          )
          var different = industryArr.filter(item => 
            this.industryData.indexOf(item) === -1
          )
          if (same) {
            this.form.industry = same
          }
          if (different && different.length > 0) {
            this.form.otherIndustry = different.toString()
            this.form.industry.push('其他')
          }
        }
      }
    }
  }
})