|
@@ -0,0 +1,222 @@
|
|
|
+const postUserSaleDataExample = {
|
|
|
+ demand: '销售管理,数据导出分析',
|
|
|
+ flatType: '代理商,服务商,工程施工企业',
|
|
|
+ scale: '20-99人',
|
|
|
+ position: '总经理',
|
|
|
+ department: '产品',
|
|
|
+ keyword: '自行车,手机,摩托,工程,医疗,app'
|
|
|
+}
|
|
|
+var favorite = new Vue({
|
|
|
+ el: '#main-app',
|
|
|
+ delimiters: ['${', '}'],
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ codesArr: {
|
|
|
+ demand: '',
|
|
|
+ flatType: '',
|
|
|
+ scale: '',
|
|
|
+ position: '',
|
|
|
+ department: '',
|
|
|
+ keyword: ''
|
|
|
+ },
|
|
|
+ newUserSaleData: [],
|
|
|
+ // 关键词示范
|
|
|
+ inputKewArr: [],
|
|
|
+ // 关键词输入框
|
|
|
+ kewmodeldata: '',
|
|
|
+ // 用户选中信息
|
|
|
+ selectInfo: {},
|
|
|
+ selectPopInfo: {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ inputKewLength: function () {
|
|
|
+ return this.inputKewArr.length >= 10
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.getNewUerSales()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ showToast: function (text) {
|
|
|
+ EasyAlert.show(text, '', 2000)
|
|
|
+ },
|
|
|
+ inputformatter () {
|
|
|
+ this.kewmodeldata = this.kewmodeldata.replace(/\s+/g, '')
|
|
|
+ },
|
|
|
+ positionShow: function (item, index, data) {
|
|
|
+ if (index === 0) return true
|
|
|
+ if (index === 1) {
|
|
|
+ // 如果职位是总裁或者总经理,不显示部门
|
|
|
+ try {
|
|
|
+ var prevKey = data[index - 1].key
|
|
|
+ if (this.selectPopInfo && this.selectPopInfo[prevKey]) {
|
|
|
+ var select = this.selectPopInfo[prevKey].select
|
|
|
+ if (select === '' || select === '总裁' || select === '总经理') {
|
|
|
+ return false
|
|
|
+ } else {
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error)
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ // 添加关键词
|
|
|
+ kewsureBtn: function (index) {
|
|
|
+ this.setPageTrack(`添加-${this.kewmodeldata}`, index)
|
|
|
+ var item = this.kewmodeldata
|
|
|
+ // 验证关键词 重复否
|
|
|
+ var isinputKew = this.inputKewArr.some(function (v) {
|
|
|
+ return v === item
|
|
|
+ })
|
|
|
+
|
|
|
+ if (isinputKew) {
|
|
|
+ this.showToast('关键词重复')
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ if (this.kewmodeldata.length > 15) {
|
|
|
+ this.showToast('关键词超15个字')
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ if (this.kewmodeldata === '') {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+
|
|
|
+ this.inputKewArr.push(this.kewmodeldata)
|
|
|
+ this.kewmodeldata = ''
|
|
|
+ },
|
|
|
+ // 取消关键字
|
|
|
+ canlekewBtn (item) {
|
|
|
+ this.inputKewArr = this.inputKewArr.filter(function (v) {
|
|
|
+ return v !== item
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 标签选中事件
|
|
|
+ * @param selectItem - 选择的标签
|
|
|
+ * @param key - 问题 key
|
|
|
+ * @param choose - 问题选择类型
|
|
|
+ * @param choose - 问题 顶级index
|
|
|
+ */
|
|
|
+ chooseclickBtn (selectItem, { key, choose }, index) {
|
|
|
+ this.setPageTrack(`点击-${selectItem}`, index)
|
|
|
+ // 默认值初始化
|
|
|
+ if (!$.isArray(this.selectInfo[key])) {
|
|
|
+ this.$set(this.selectInfo, key, [])
|
|
|
+ }
|
|
|
+ // 多选逻辑处理
|
|
|
+ const isMultiple = choose === 2
|
|
|
+ if (isMultiple) {
|
|
|
+ if (this.selectInfo[key].includes(selectItem)) {
|
|
|
+ const filterList = this.selectInfo[key].filter(function (v) {
|
|
|
+ return v !== selectItem
|
|
|
+ })
|
|
|
+ this.$set(this.selectInfo, key, filterList)
|
|
|
+ } else {
|
|
|
+ this.selectInfo[key].push(selectItem)
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // 单选逻辑处理
|
|
|
+ this.$set(this.selectInfo, key, [])
|
|
|
+ this.selectInfo[key].push(selectItem)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取新用户数据
|
|
|
+ */
|
|
|
+ getNewUerSales: function () {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/salesLeads/appIsNewUerSales',
|
|
|
+ type: 'POST',
|
|
|
+ success: function(res) {
|
|
|
+ if (res && res.error_code === 0 && $.isArray(res.data)) {
|
|
|
+ const result = res.data
|
|
|
+ result.forEach(function (v) {
|
|
|
+ if (v.type === 3 && $.isArray(v.data)) {
|
|
|
+ v.data.forEach(function (popInfo) {
|
|
|
+ popInfo.selectIndex = -1
|
|
|
+ popInfo.select = -1
|
|
|
+ _this.$set(_this.selectPopInfo, popInfo.key, {
|
|
|
+ show: false,
|
|
|
+ select: ''
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ _this.$set(_this, 'newUserSaleData', result)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 跳过
|
|
|
+ skip: function () {
|
|
|
+ this.postNewUerData(false)
|
|
|
+ },
|
|
|
+ // 提交跳过
|
|
|
+ postNewUerData (type, callback) {
|
|
|
+ var _this = this
|
|
|
+ this.setPageTrack(`点击-${type ? '开启剑鱼之旅' : '跳过'}`)
|
|
|
+ const codesArr = {
|
|
|
+ keyword: _this.inputKewArr.join(',') || ''
|
|
|
+ }
|
|
|
+ // 设置单选、多选选择参数
|
|
|
+ Object.keys(_this.selectInfo).forEach(function (v) {
|
|
|
+ codesArr[v] = _this.selectInfo[v].join(',')
|
|
|
+ })
|
|
|
+ // 设置 popup 参数
|
|
|
+ Object.keys(_this.selectPopInfo).forEach(function (v) {
|
|
|
+ codesArr[v] = _this.selectPopInfo[v].select
|
|
|
+ })
|
|
|
+ const params = codesArr
|
|
|
+ var platform = 'pc'
|
|
|
+ $.ajax({
|
|
|
+ url: '/salesLeads/appNewUerSales',
|
|
|
+ type: 'POST',
|
|
|
+ contentType: 'application/json',
|
|
|
+ data: JSON.stringify(params),
|
|
|
+ success: function(res) {
|
|
|
+ if(res && res.error_code === 0) {
|
|
|
+ if (res.error_msg === '保存成功') {}
|
|
|
+ if (typeof callback === 'function') {
|
|
|
+ callback && callback()
|
|
|
+ } else {
|
|
|
+ _this.goHomePage()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 上报埋点数据
|
|
|
+ setPageTrack (desc = '', index = -1) {
|
|
|
+ var data = {
|
|
|
+ c_desc: desc,
|
|
|
+ c_index: index
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ clab_tracker.track('c_newuser_interest', Object.assign({}, {
|
|
|
+ c_platform: 'pc',
|
|
|
+ date: new Date()
|
|
|
+ }, data))
|
|
|
+ } catch (e) {
|
|
|
+ console.warn(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ goHomePage: function () {
|
|
|
+ // 是否window.open打开
|
|
|
+ if (window.opener && window.opener !== window) {
|
|
|
+ window.close()
|
|
|
+ } else {
|
|
|
+ location.href = '/?from=set_favorite'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+})
|