Merge branch 'dev/v4.9.1_yf' of qmx/jy into feature/v4.9.1

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

@@ -0,0 +1,391 @@
+.fl{
+  float: left;
+}
+.fr{
+  float: right;
+}
+/* 滚动条样式 */
+.user-data-dialog ::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  height: 1px;
+}
+.user-data-dialog ::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  border-radius: 10px;
+  background: #e0e0e0;
+}
+.user-data-dialog ::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  box-shadow: inset 0 0 5px #fff;
+  border-radius: 10px;
+  background: transparent;
+}
+.long-control ::-webkit-scrollbar-track-piece {
+  background-color: #fff;
+  -webkit-border-radius: 0
+}
+.long-control ::-webkit-scrollbar {
+    width: 8px;
+    height: 10px
+}
+.long-control ::-webkit-scrollbar-thumb {
+    height: 30px;
+    background-color: #e0e0e0;
+    -webkit-border-radius: 6px;
+    outline: 2px solid #fff;
+    outline-offset: -2px;
+    border: 2px solid #fff;
+    filter: alpha(opacity = 50);
+    -moz-opacity: 0.5;
+    -khtml-opacity: 0.5;
+    opacity: 0.5
+}
+#collectUserInfoDialog .mask{
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #000000;
+  opacity: 0.6;
+  z-index: 999;
+}
+.warm-prompt{
+  /* width: 692px; */
+ height: 32px;
+ background: rgba(255,159,64,0.0800);
+ border-radius: 4px 4px 4px 4px;
+ opacity: 1;
+ margin-bottom: 10px;
+ text-align: center;  
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ } 
+ .warm-prompt .icon-warning{
+   display: flex;
+   width: 15px;
+   height: 15px;
+   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IArs4c6QAAAGZQTFRFAAAA72AA/3AA/2sA72AA92gA9GUA82QA8mMA8mIA9GUA9mUA9GQA9mYA9WQA92YA82QA9WYA9mYA82MA9GUA9WUA9GQA9GQA9GUA9mUA9GQA9GUA9WUA9WUA9mYA9GQA9WUA9WUAxGzfPAAAACF0Uk5TABAQHyAgMEBQYGBvcHB/f4CAj5CQn6C/v7/Pz8/f3+/vjAXRyAAAAShJREFUOMvFlMF2gjAQRSdUiKW2xhBtbU3M/f+fdKEwAeI53clqIJc3k5eZiLzuMdZfrnA9++1TZH9leuJ+U2M+CgQg9mvGA2RnW5HGhgTgl8wRSFbf+wQc1zqhmVU4LLV64DCWFrt75IBPZTYRwkMAOD8+D5DNBH1BahS6jBnTpC8iEab9OnI3xraQ2kKq+5vBau5Qh5yu/CgvIl0RWy0wg26iK+qTFvIjBPTn95nRuvQvKMNbHTKa7q8sfAbZmf2HOlSYY1V0AUUYG9kUxs6gvjwKB9GsIRPLOkzW/iogD6lVO3bAfoLC1EDMhmEA/D2jC62IiPGszv20GCIbgdOyKwaA6K0Rae19TCv906f5cOZdrcNaV2DZNc+ug234zpB/g21eeG/dACciJl5v+GSeAAAAAElFTkSuQmCC) no-repeat;
+   background-size: contain;
+}
+.warm-prompt .icon-warning::before{
+  content: '';
+}
+ .warm-prompt .warm-text{
+  /* text-align: center; */
+ line-height: 30px;
+ font-size: 14px;
+ font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+ font-weight: 400;
+ color: #F56500;
+ margin-left: 2px;
+
+}
+#collectUserInfoDialog .dialog-container{
+  position: fixed;
+  left: 50%;
+  top: 40%;
+  width: 760px;
+  max-height: 680px;
+  margin: 0 auto;
+  padding: 32px;
+  background: #fff;
+  border-radius: 8px;
+  transform: translate(-50%,-45%);
+  z-index: 1000;
+  box-sizing: border-box;
+  overflow-y: auto;
+}
+#collectUserInfoDialog .dialog-header{
+  color: #1D1D1D;
+  font-size: 18px;
+  line-height: 28px;
+  text-align: center;
+}
+#collectUserInfoDialog .dialog-header.dialog-header-subtitle{
+  color: #686868;
+  font-size: 16px;
+}
+#collectUserInfoDialog .dialog-header.fs18{
+  font-size: 18px;
+}
+#collectUserInfoDialog .dialog-header.mt-4{
+  margin-top: 4px;
+}
+#collectUserInfoDialog .dialog-content{
+  margin-top: 20px;
+}
+#collectUserInfoDialog .form-title{
+  font-size: 14px;
+  line-height: 22px;
+  color: #2CB7CA;
+}
+#collectUserInfoDialog .form-main{
+  margin: 10px 0 14px;
+}
+#collectUserInfoDialog .short-control{
+  width: calc(50% - 16px);
+}
+#collectUserInfoDialog .long-control{
+  width: 100%;
+}
+
+#collectUserInfoDialog .item-input{
+  width: auto;
+}
+#collectUserInfoDialog .company-result{
+  position: absolute;
+  width: calc(600px - 16px);
+  top: 38px;
+  left: 88px;
+  max-height: 152px;
+  background-color: #fff;
+  border: 1px solid #2CB7CA;
+  z-index: 100;
+  /* border-radius: 4px; */
+  overflow-y: auto;
+}
+#collectUserInfoDialog .company-list{
+  padding: 0 16px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  color: #1D1D1D;
+  cursor: pointer;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+#collectUserInfoDialog .company-list:hover{
+  background: #ECECEC;
+}
+#collectUserInfoDialog [data-short-input]{
+  width: calc(240px - 16px);
+  height: 36px;
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+#collectUserInfoDialog [data-long-input]{
+  width: calc(600px - 16px);
+  height: 36px;
+  border: 1px solid #E0E0E0;
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+#collectUserInfoDialog .agree-service{
+  text-align: center;
+}
+#collectUserInfoDialog .agree-service .el-checkbox__label, 
+#collectUserInfoDialog .agree-service .el-checkbox__input.is-checked+.el-checkbox__label{
+  color: #686868;
+}
+#collectUserInfoDialog .dialog-footer{
+  padding-top: 20px;
+  text-align: center;
+}
+#collectUserInfoDialog .cancel-btn{
+  width: 132px;
+  height: 36px;
+  line-height: 36px;
+  padding: 0;
+  border-radius: 6px;
+}
+#collectUserInfoDialog .submit-btn{
+  width: 132px;
+  height: 36px;
+  padding: 0;
+  color: #fff;
+  line-height: 36px;
+  background: #2CB7CA;
+  border-radius: 6px;
+  border: 1px solid #2CB7CA;
+}
+#collectUserInfoDialog .submit-btn:hover{
+  color: #fff;
+  border-color: #2CB7CA;
+  background: #2CB7CA;
+}
+/* element-ui reset */
+#collectUserInfoDialog .company-type > .el-form-item__label,
+#collectUserInfoDialog .company-type > .el-form-item__content{
+  line-height: 22px;
+}
+.el-form-item{
+  margin-bottom: 12px;
+}
+.el-form-item__error{
+  padding: 0px 0 0 90px;
+  top: 99%;
+}
+.el-form-item__label{
+  width: 80px;
+  padding: 0;
+  margin-right: 8px;
+  color: #686868;
+  margin-bottom: 0!important;
+  font-weight: normal!important;
+}
+.el-cascader-panel{
+  min-width: 240px;
+}
+.el-cascader{
+  line-height: 36px;
+  border: 0;
+}
+#collectUserInfoDialog .el-input__inner{
+  height: 36px;
+  line-height: 36px;
+}
+.el-cascader-menu{
+  min-width: 0;
+}
+.el-cascader-node{
+  padding: 0 28px 0 6px;
+}
+.el-cascader-node__prefix{
+  display: none;
+}
+.el-cascader-menu:last-child{
+  flex: 1;
+}
+.el-cascader__dropdown{
+  border-color: #2CB7CA;
+}
+.leave-info-select.el-select-dropdown{
+  border-color: #2CB7CA;
+}
+.leave-info-select.el-popper[x-placement^=bottom]{
+  margin-top: 0;
+}
+
+.leave-info-select.el-popper[x-placement^=bottom] .popper__arrow{
+  display: none;
+}
+.el-select .el-input__inner:focus{
+  border-color: #2CB7CA!important;
+}
+.el-input.is-active .el-input__inner, 
+.el-input__inner:focus{
+  border-color: #2CB7CA;
+}
+.leave-info-select .el-select .el-input.is-focus .el-input__inner,
+.leave-info-select .el-select .el-input__inner:focus{
+  border-color: #2CB7CA;
+}
+.el-cascader .el-input .el-input__inner:focus, 
+.el-cascader .el-input.is-focus .el-input__inner {
+  border-color: #2CB7CA;
+}
+.el-checkbox__input.is-focus{
+  border-color: #2CB7CA;
+}
+.el-checkbox{
+  margin-right: 12px;
+}
+.el-checkbox__label{
+  padding-left: 3px;
+  color: #1D1D1D;
+}
+.el-checkbox__input.is-checked+.el-checkbox__label{
+  color: #1D1D1D;
+}
+.el-checkbox__input.is-checked .el-checkbox__inner, 
+.el-checkbox__input.is-indeterminate .el-checkbox__inner{
+  background-color: #2CB7CA;
+  border-color: #2CB7CA;
+}
+.el-checkbox__inner:hover{
+  border-color: #DCDFE6;
+}
+.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path,
+.el-select-dropdown__item.selected{
+  color: #2CB7CA;
+}
+.el-button:focus, .el-button:hover{
+  background: #FFF;
+  border: 1px solid #DCDFE6;
+  color: #606266;
+}
+.el-textarea__inner{
+  /* height: 36px; */
+  min-height: 36px!important;
+}
+
+.company-type .el-checkbox {
+  display: inline-block;
+  margin-right: 12px;
+}
+
+
+#success-dialog .success-dialog-container{
+  position: fixed;
+  width: 380px;
+  height: auto;
+  top: 50%;
+  left: 50%;
+  padding: 20px;
+  transform: translateX(-50%) translateY(-50%);
+  background: #ffffff;
+  border-radius: 8px;
+  transition: all 2s linear;
+  z-index: 1038;
+}
+#success-dialog .success-title{
+  padding: 12px 0 20px;
+  color: #1d1d1d;
+  line-height: 28px;
+  font-size: 18px;
+  text-align: center;
+}
+#success-dialog .success-content{
+  text-align: center;
+  color: #686868;
+  line-height: 22px;
+  font-size: 14px;
+}
+#success-dialog .success-footer{
+  padding: 32px 0 12px;
+  text-align: center;
+}
+.mask {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  right: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, .5);
+  z-index: 1031;
+}
+
+#success-dialog .custom-btn{
+  display: inline-block;
+  width: 132px;
+  height: 36px;
+  line-height: 36px;
+  background: #2cb7ca;
+  border-radius: 6px;
+  text-align: center;
+  color: #fff;
+  font-size: 16px;
+  cursor: pointer;
+  border: 0;
+}
+#collect-dialog .custom-btn:disabled{
+  opacity: 0.5;
+  cursor:not-allowed;
+}
+.el-popper ul li{
+  float: none!important;
+}
+.bid-dialog .el-form-item__error{
+  padding: 0px;
+}
+.bid-dialog .el-form-item{
+  margin-bottom: 14px;
+}

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

@@ -0,0 +1,982 @@
+/**
+ * 该文件出自主程序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">
+        <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="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.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">&nbsp;我同意剑鱼标讯将业务范围及合作需求提供给潜在合作伙伴搜索、查看</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 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
+  }
+})
+// 防抖
+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();
+        }
+      }
+    }
+    return {
+      dialogTitleTop: '为给您匹配精准的推荐信息，请完善个人信息',
+      dialogTitle: '',
+      jobData: jobData, // 职位数据
+      branchData: branchData,
+      form: {
+        name: '', // 姓名
+        phone: '', // 手机号
+        mail: '', // 邮箱
+        companyName: '', // 公司名称
+        companyType: [], // 公司类型值
+        job: '', // 职位值
+        otherJob: '', //自定义职位
+        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,
+        companyType: true,
+        job: true,
+        business: false,
+        need: false,
+        agree: false,
+        cooperate: false // 商务合作显示
+      },
+      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': '帮您透视行业，轻松把握行业核心需求',
+      },
+      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服务列表-申请免费体验'
+      }
+    }
+  },
+  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 '我们会快马加鞭的与您联系，请您保持电话畅通。'
+        }
+        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_briefinghomepage_dzhfxbg' || source === 'pc_briefinglist_dzhfxbg' || source === 'pc_briefingdetails_dzhfxbg') {
+          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.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,
+        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
+      }
+      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 : ''
+            _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 = ''
+              } else {
+                _this.form.job = res.data.position
+              }
+            } else {
+              _this.form.job = ''
+            }
+            _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.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 : ''
+        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 : ''
+      }
+    }
+  }
+})
+

src/web/staticres/pccss/index_pc.css

@@ -1258,6 +1258,10 @@
   overflow: hidden;
   box-sizing: border-box;
 }
+.industry-report-main ul li > a:hover{
+  color: #2ABED1;
+  text-decoration: none;
+}
 
 /* bidding-desc-module */
 .bidding-desc-module {}