|
|
@@ -0,0 +1,936 @@
|
|
|
+var vNode = {
|
|
|
+ delimiters: ['${', '}'],
|
|
|
+ el: '#ent-portrait',
|
|
|
+ data () {
|
|
|
+ // 修改柱状条颜色为渐变色
|
|
|
+ this.colorGreen = [new echarts.graphic.LinearGradient(
|
|
|
+ 0, 0, 0, 1,
|
|
|
+ [
|
|
|
+ {offset: 1, color: '#2ABED1'},
|
|
|
+ {offset: 0.5, color: '#2ABED1'},
|
|
|
+ {offset: 0, color: '#8DE0EB'}
|
|
|
+ ], false
|
|
|
+ ), '#FF9F40']
|
|
|
+
|
|
|
+ return {
|
|
|
+ sessKey: '$data-ent_portrait',
|
|
|
+ conf: {
|
|
|
+ // 权限查询是否完成
|
|
|
+ powerLoaded: false,
|
|
|
+ // 是否只显示完整的企业画像
|
|
|
+ showPortraitAll: true,
|
|
|
+ // 是否显示，企业全景分析
|
|
|
+ _4: false,
|
|
|
+ // 是否显示中标企业动态
|
|
|
+ _13: false
|
|
|
+ },
|
|
|
+ powerInfo: {},
|
|
|
+ tabActiveName: '1',
|
|
|
+ // 企业信息
|
|
|
+ entInfo: {
|
|
|
+ name: '',
|
|
|
+ follow: 0,
|
|
|
+ followSearchFinish: false,
|
|
|
+ entExist: true
|
|
|
+ },
|
|
|
+ // tab1中的企业基础信息
|
|
|
+ entBaseInfo: {
|
|
|
+ type: null,
|
|
|
+ status: null,
|
|
|
+ creditNo: '',
|
|
|
+ capital: '',
|
|
|
+ employeeNo: '',
|
|
|
+ address: '',
|
|
|
+ scope: '',
|
|
|
+ operStart: -1,
|
|
|
+ operEnd: -1,
|
|
|
+ establish: '',
|
|
|
+ showEntChange: false,
|
|
|
+ org_code: '',
|
|
|
+ company_code: '',
|
|
|
+ legal: '',
|
|
|
+ phone: '',
|
|
|
+ taxCode: ''
|
|
|
+ },
|
|
|
+ // tab2中的项目动态
|
|
|
+ topProject: {
|
|
|
+ list: [],
|
|
|
+ count: '',
|
|
|
+ pageSign: '',
|
|
|
+ showGetNextButton: true
|
|
|
+ },
|
|
|
+ entPortraitInfo: {},
|
|
|
+ stickyTop: 80,
|
|
|
+ singleTab: true,
|
|
|
+ // 年度项目统计设置
|
|
|
+ annualSetting:{
|
|
|
+ showLine: ['项目金额'],
|
|
|
+ axisSite: { right: ['项目金额'] }
|
|
|
+ },
|
|
|
+ // 地图配置项
|
|
|
+ mapSettings: mapSettings,
|
|
|
+ // 年度项目统计数据
|
|
|
+ annualData: {
|
|
|
+ columns: ["日期","项目数量","项目金额"],
|
|
|
+ rows: []
|
|
|
+ },
|
|
|
+ // 地图数据
|
|
|
+ mapChartData: {
|
|
|
+ columns: ['name', 'value'],
|
|
|
+ rows: []
|
|
|
+ },
|
|
|
+ // 月度中标金额
|
|
|
+ monthZbData: {
|
|
|
+ columns: [],
|
|
|
+ rows: []
|
|
|
+ },
|
|
|
+ // 平均折扣率
|
|
|
+ rateData: {
|
|
|
+ columns: [],
|
|
|
+ rows: []
|
|
|
+ },
|
|
|
+ pieChartSettings: {
|
|
|
+ roseType: 'radius'
|
|
|
+ },
|
|
|
+ importantCustomers: [],
|
|
|
+ scrollTop: 0,
|
|
|
+ getEntPortraitInfoTimes: 0,
|
|
|
+ initEchartsOptions: {
|
|
|
+ renderer: 'svg'
|
|
|
+ },
|
|
|
+ gotTab2: false, // 是否已经获取到tab2的数据了
|
|
|
+ svip: false, // 判断是否是超级订阅的企业画像
|
|
|
+ digshow: false, // 判断是否是超级订阅会员
|
|
|
+ overlayShow: true // 弹窗遮罩是否显示
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ // svip是超级订阅企业查询， 如果是超级订阅不能查看企业情报历史记录
|
|
|
+ var svip = utils.getParam('svip')
|
|
|
+ if (svip) {
|
|
|
+ this.svip = true
|
|
|
+ }
|
|
|
+ // 企业名称恢复
|
|
|
+ var eId = utils.getParam('eId')
|
|
|
+ if (eId) {
|
|
|
+ eId = decodeURIComponent(eId)
|
|
|
+ }
|
|
|
+ this.entInfo.id = eId
|
|
|
+ this.entInfo.name = ''
|
|
|
+ this.restore = this.reStoreState()
|
|
|
+ if (!this.restore) {
|
|
|
+ this.getPowerInfo()
|
|
|
+ // 获取企业基本信息
|
|
|
+ this.getEntBaseInfo()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var _this = this
|
|
|
+ // 动态调整sticky距离顶部的高度
|
|
|
+ this.getStickyTop()
|
|
|
+ if (this.scrollTop) {
|
|
|
+ setTimeout(function () {
|
|
|
+ $('#ent-portrait').scrollTop(_this.scrollTop)
|
|
|
+ }, 0)
|
|
|
+ }
|
|
|
+
|
|
|
+ window.addEventListener('resize', function() {
|
|
|
+ _this.getStickyTop()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ tabActiveName: function (newVal, oldVal) {
|
|
|
+ var _this = this
|
|
|
+ if (newVal == '2') {
|
|
|
+ this.$nextTick(function () {
|
|
|
+ if (_this.gotTab2) {
|
|
|
+ // 初始化图表
|
|
|
+ if (_this.entPortraitInfo && _this.conf.showPortraitAll && !_this.singleTab) {
|
|
|
+ _this.initChartsData();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (_this.conf._4) {
|
|
|
+ // 获取企业画像信息-4
|
|
|
+ _this.getEntPortrait(function () {
|
|
|
+ _this.initChartsData()
|
|
|
+ })
|
|
|
+ _this.gotTab2 = true
|
|
|
+ console.log('获取企业全景分析...')
|
|
|
+ }
|
|
|
+ // 获取企业中标动态-13
|
|
|
+ if (_this.conf._13) {
|
|
|
+ _this.getProjectNews()
|
|
|
+ _this.gotTab2 = true
|
|
|
+ console.log('获取企业中标动态...')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ showToast: function (message) {
|
|
|
+ this.$toast({
|
|
|
+ duration: 1500,
|
|
|
+ forbidClick: true,
|
|
|
+ message: message,
|
|
|
+ })
|
|
|
+ },
|
|
|
+ showLoading: function() {
|
|
|
+ var loading = this.$toast.loading({
|
|
|
+ duration: 0,
|
|
|
+ forbidClick: true,
|
|
|
+ message: '',
|
|
|
+ })
|
|
|
+ return loading
|
|
|
+ },
|
|
|
+ // 超级订阅提示弹窗取消按钮事件
|
|
|
+ beforeClose: function (e, done) {
|
|
|
+ console.log(e)
|
|
|
+ if (e === 'cancel') {
|
|
|
+ this.tabActiveName = '1'
|
|
|
+ done(false)
|
|
|
+ this.digshow = true
|
|
|
+ this.overlayShow = true
|
|
|
+ } else if (e === 'confirm') {
|
|
|
+ try {
|
|
|
+ _hmt.push(['_trackEvent','超级订阅-wx', 'click', '企业画像中标信息-去开通']);
|
|
|
+ } catch (e) {
|
|
|
+ console.log('未初始化百度统计')
|
|
|
+ }
|
|
|
+ // 去开通
|
|
|
+ location.href = '/jyapp/vipsubscribe/introducePage'
|
|
|
+ }
|
|
|
+ this.overlayShow = true
|
|
|
+ },
|
|
|
+ // 获取画像信息
|
|
|
+ getEntPortrait: function (callback) {
|
|
|
+ var _this = this
|
|
|
+ var data = {
|
|
|
+ entId: _this.entInfo.id
|
|
|
+ }
|
|
|
+ let urls = ''
|
|
|
+ if (_this.svip) {
|
|
|
+ urls = '/bigmember/portrait/subVipPortrait/winner'
|
|
|
+
|
|
|
+ } else {
|
|
|
+ urls = '/bigmember/portrait/winner/getData'
|
|
|
+ }
|
|
|
+ _this.getEntPortraitInfoTimes++
|
|
|
+ $.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: urls,
|
|
|
+ data: data,
|
|
|
+ success: function (res) {
|
|
|
+ if (res.error_code == 0) {
|
|
|
+ _this.loading.clear()
|
|
|
+ if (res.data && Object.keys(res.data).length !== 0) {
|
|
|
+ _this.singleTab = false
|
|
|
+ // 将数据保存到data中
|
|
|
+ for (var key in res.data) {
|
|
|
+ _this.entPortraitInfo[key] = res.data[key]
|
|
|
+ }
|
|
|
+
|
|
|
+ if (res.data.timeRange && res.data.timeRange.start) {
|
|
|
+ _this.entPortraitInfo.timeRangeStart = res.data.timeRange.start
|
|
|
+ }
|
|
|
+ if (res.data.timeRange && res.data.timeRange.end) {
|
|
|
+ _this.entPortraitInfo.timeRangeEnd = res.data.timeRange.end
|
|
|
+ }
|
|
|
+
|
|
|
+ callback && callback()
|
|
|
+ } else {
|
|
|
+ if (_this.getEntPortraitInfoTimes < 5) {
|
|
|
+ _this.getEntPortrait()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function (error) {
|
|
|
+ _this.$toast('请求失败')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取项目动态
|
|
|
+ getProjectNews: function () {
|
|
|
+ var _this = this
|
|
|
+ var data = {
|
|
|
+ entId: _this.entInfo.id,
|
|
|
+ count: _this.topProject.count,
|
|
|
+ pageSign: _this.topProject.pageSign
|
|
|
+ }
|
|
|
+
|
|
|
+ if (data.pageSign) {
|
|
|
+ this.loading = this.showLoading()
|
|
|
+ }
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: '/bigmember/portrait/winner/getNewMsg',
|
|
|
+ data: data,
|
|
|
+ success: function (res) {
|
|
|
+ if (res.error_code == 0) {
|
|
|
+ _this.loading.clear()
|
|
|
+ _this.topProject.count = res.data.count
|
|
|
+ if (res.data.list && $.isArray(res.data.list)) {
|
|
|
+ if (!_this.topProject.pageSign) {
|
|
|
+ _this.singleTab = false
|
|
|
+ }
|
|
|
+
|
|
|
+ // 修改当前pageSign值
|
|
|
+ if (!_this.topProject.pageSign) {
|
|
|
+ _this.topProject.list = []
|
|
|
+ _this.topProject.pageSign = 'more'
|
|
|
+ if(res.data.count <= 3) {
|
|
|
+ _this.topProject.showGetNextButton = false
|
|
|
+ }
|
|
|
+ } else if (_this.topProject.pageSign === 'more') {
|
|
|
+ _this.topProject.pageSign = 'max'
|
|
|
+ if(res.data.count <= 23) {
|
|
|
+ _this.topProject.showGetNextButton = false
|
|
|
+ }
|
|
|
+ } else if (_this.topProject.pageSign === 'max') {
|
|
|
+ _this.topProject.showGetNextButton = false
|
|
|
+ }
|
|
|
+
|
|
|
+ _this.topProject.list = _this.topProject.list.concat(res.data.list)
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ _this.$toast(res.error_msg)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function (error) {
|
|
|
+ _this.$toast('请求失败')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 查询企业基础信息
|
|
|
+ getEntBaseInfo: function () {
|
|
|
+ var _this = this
|
|
|
+ let urls = ''
|
|
|
+ if (_this.svip) {
|
|
|
+ urls = '/bigmember/portrait/subVipPortrait/entDetail'
|
|
|
+ } else {
|
|
|
+ urls = '/bigmember/portrait/ent/detail'
|
|
|
+ }
|
|
|
+ $.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: urls,
|
|
|
+ data: {
|
|
|
+ entId: _this.entInfo.id
|
|
|
+ },
|
|
|
+ success: function (res) {
|
|
|
+ if (res.error_code == 0) {
|
|
|
+ _this.loading.clear()
|
|
|
+ if (res.data && Object.keys(res.data).length !== 0) {
|
|
|
+ _this.entInfo.name = res.data.entName
|
|
|
+ for (var key in res.data) {
|
|
|
+ _this.entBaseInfo[key] = res.data[key]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // 不显示提示信息
|
|
|
+ // _this.$toast(res.error_msg)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 查询企业是否存在和企业关注状态
|
|
|
+ getEntFollowState: function () {
|
|
|
+ var _this = this
|
|
|
+ _this.entInfo.followSearchFinish = false
|
|
|
+ $.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: '/bigmember/follow/ent/followCheck',
|
|
|
+ data: {
|
|
|
+ entId: _this.entInfo.id
|
|
|
+ },
|
|
|
+ success: function (res) {
|
|
|
+ if (res.error_code == 0) {
|
|
|
+ _this.entInfo.followSearchFinish = true
|
|
|
+ if (res.data) {
|
|
|
+ _this.entInfo.follow = !!res.data.followed
|
|
|
+ _this.entInfo.entExist = !!res.data.isShow
|
|
|
+ } else {
|
|
|
+ _this.entInfo.entExist = false
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ _this.$toast(res.error_msg)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ changeFollowState: function () {
|
|
|
+ var _this = this
|
|
|
+ if (this.entInfo.follow) {
|
|
|
+ this.$dialog.confirm({
|
|
|
+ title: '提示信息',
|
|
|
+ message: '取消对“' + _this.entInfo.name + '”的关注？',
|
|
|
+ confirmButtonColor: '#2cb7ca'
|
|
|
+ }).then(function () {
|
|
|
+ _this.changeFollowStateRequest()
|
|
|
+ })
|
|
|
+ .catch(function () {
|
|
|
+ console.log('取消操作')
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.changeFollowStateRequest()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 获取权限信息
|
|
|
+ getPowerInfo: function () {
|
|
|
+ var _this = this
|
|
|
+ this.loading = this.showLoading()
|
|
|
+ $.ajax({
|
|
|
+ type: 'GET',
|
|
|
+ url: '/bigmember/use/isAdd',
|
|
|
+ success: function (res) {
|
|
|
+ if (res.error_code == 0) {
|
|
|
+ _this.conf.powerLoaded = true
|
|
|
+ if (res.data) {
|
|
|
+ _this.powerInfo = res.data
|
|
|
+ }
|
|
|
+ if (res.data && $.isArray(res.data.power)) {
|
|
|
+ // 显示完整企业画像(不完整的企业画像只有中标动态)
|
|
|
+ // _this.conf.showPortraitAll = true
|
|
|
+ // 根据power判断权限，企业画像包含权限(4,12,13)
|
|
|
+ var power = res.data.power
|
|
|
+ if (power.indexOf(4) != -1 || _this.svip || res.data.viper) {
|
|
|
+ // 获取企业画像信息-4
|
|
|
+ _this.conf._4 = true
|
|
|
+ }
|
|
|
+ if (power.indexOf(13) != -1) {
|
|
|
+ // 获取企业中标动态-13
|
|
|
+ _this.conf._13 = true
|
|
|
+ }
|
|
|
+ if (_this.conf._4 || _this.conf._13) {
|
|
|
+ _this.singleTab = false
|
|
|
+ } else {
|
|
|
+ // 如果不是超级订阅会员，点击中标信息显示提示弹窗
|
|
|
+ if (!res.data.viper) {
|
|
|
+ _this.digshow = true
|
|
|
+ } else {
|
|
|
+ _this.digshow = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 如果不是大会员。判断是否是超级订阅会员，不是显示弹窗
|
|
|
+ if (res.data.memberStatus <= 0) {
|
|
|
+ if (!res.data.viper) {
|
|
|
+ _this.digshow = true
|
|
|
+ } else {
|
|
|
+ _this.digshow = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (_this.svip || res.data.viper) {
|
|
|
+ _this.entInfo.followSearchFinish = true
|
|
|
+ _this.entInfo.entExist = false
|
|
|
+ }
|
|
|
+ if(res.data.memberStatus > 0&&(power.indexOf(4) != -1||power.indexOf(12) != -1||power.indexOf(13) != -1)) {
|
|
|
+ _this.entInfo.followSearchFinish = false
|
|
|
+ _this.entInfo.entExist = true
|
|
|
+ _this.getEntFollowState()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ _this.$toast(res.error_msg)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ complete: function () {
|
|
|
+ if (_this.loading) {
|
|
|
+ _this.loading.clear()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 修改企业关注状态
|
|
|
+ changeFollowStateRequest: function () {
|
|
|
+ var _this = this
|
|
|
+ var loading = this.showLoading()
|
|
|
+ var urls = {
|
|
|
+ addFollow: '/bigmember/follow/ent/addFollow',
|
|
|
+ delFollow: '/bigmember/follow/ent/delFollow'
|
|
|
+ }
|
|
|
+ var url = !!this.entInfo.follow ? urls.delFollow : urls.addFollow
|
|
|
+ $.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: url,
|
|
|
+ data: {
|
|
|
+ entId: _this.entInfo.id
|
|
|
+ },
|
|
|
+ success: function (res) {
|
|
|
+ if (res.error_code == 0) {
|
|
|
+ // 清除上个页面缓存
|
|
|
+ sessionStorage.removeItem('$data-ent_follow')
|
|
|
+ loading.clear()
|
|
|
+ if (res.data && res.data == 'success') {
|
|
|
+ _this.entInfo.follow = !_this.entInfo.follow
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!_this.entInfo.follow) {
|
|
|
+ history.back()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ _this.showToast(res.error_msg)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 初始化图标数据
|
|
|
+ initChartsData: function () {
|
|
|
+ var dataSet = this.entPortraitInfo
|
|
|
+ // 初始化 年度项目统计数据
|
|
|
+ this.arrangeAnnualData(dataSet.yearData)
|
|
|
+ // 初始化 月度统计数据
|
|
|
+ this.arrangeMonthZbData(dataSet.monthData)
|
|
|
+ // 初始化 地图数据
|
|
|
+ this.arrangeMapData(dataSet.areaData)
|
|
|
+ // 初始化 平局折扣率数据
|
|
|
+ this.arrangeRateData(dataSet.rate)
|
|
|
+ // 初始化 饼图 客户类型分布
|
|
|
+ this.initPieChartData(dataSet.top10)
|
|
|
+ // 初始化 重要客户数据
|
|
|
+ this.arrangeImportantData(dataSet.topShow)
|
|
|
+ },
|
|
|
+ getStickyTop: function () {
|
|
|
+ this.stickyTop = $('.jy-app-header').height() - 1
|
|
|
+ },
|
|
|
+ goToEntHistory: function () {
|
|
|
+ // if (this.powerInfo.isSubCount) {
|
|
|
+ // return this.showToast('子账号无法使用企业情报监控')
|
|
|
+ // }
|
|
|
+
|
|
|
+ this.savePageState()
|
|
|
+ var info = {
|
|
|
+ anchor: '企业情报监控'
|
|
|
+ }
|
|
|
+ sessionStorage.setItem('landinfo',JSON.stringify(info))
|
|
|
+ location.href = './ent_portrait_change?eId=' + encodeURIComponent(this.entInfo.id)
|
|
|
+ },
|
|
|
+ // 修改年度项目统计里点击浮窗显示效果
|
|
|
+ formatter: function (params) {
|
|
|
+ //移除重复的数据
|
|
|
+ for (var i = 0; i < params.length; i++) {
|
|
|
+ for (var j = params.length - 1; j > i; j--) {
|
|
|
+ if (params[j].data == params[i].data) {
|
|
|
+ params.splice(j, 1);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var tip = '';
|
|
|
+ for (var i = 0; i < params.length; i++) {
|
|
|
+ // 因柱状图颜色为渐变色，此处获取到的柱状图颜色，css不能识别，需单独设置小圆点的颜色
|
|
|
+ params[0].marker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#2ABED1"></span>'
|
|
|
+ if( i=== 0) {
|
|
|
+ tip = tip + params[i].marker + params[i].seriesName + '：' + params[i].value + '个' + '<br/>';
|
|
|
+ }else if(i == 1){
|
|
|
+ tip = tip + params[i].marker + params[i].seriesName + '：' + params[i].value + '万元' + '<br/>';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ tip += '<div style="padding-top:2px;text-align:center;color:#9B9CA3;">' + ' - ' + params[0].name + ' - ' + '</div>'
|
|
|
+ return tip;
|
|
|
+ },
|
|
|
+ // 1. 年度项目统计图表单独配置
|
|
|
+ annualConfig: function (options) {
|
|
|
+ var that = this;
|
|
|
+ options.grid.bottom = 60
|
|
|
+ options.tooltip.axisPointer.shadowStyle.color = 'rgba(42, 190, 209,0.1)' // 修改点击柱条后背景颜色
|
|
|
+ options.legend.show = true // 显示底部数量、金额、圆点
|
|
|
+ options.yAxis[1].axisLabel.show = true; // 显示右侧y轴刻度
|
|
|
+ options.yAxis[1].axisLabel.formatter = function(value, index) {
|
|
|
+ return value.toString().replace(/,/, '')
|
|
|
+ } // 去掉右轴逗号分割
|
|
|
+ options.series[1].lineStyle.width = 2 // 折线
|
|
|
+ options.series[1].lineStyle.color = '#FF9F40'
|
|
|
+ // 以下代码为：处理左侧y轴与右侧y轴刻度保持在同一X轴水平线上
|
|
|
+ var maxCountList = this.annualData.rows.map(function(v){
|
|
|
+ return v['项目数量']
|
|
|
+ })
|
|
|
+ var maxPriceList = this.annualData.rows.map(function(v){
|
|
|
+ return v['项目金额']
|
|
|
+ })
|
|
|
+
|
|
|
+ var maxCount = Math.ceil(Math.max.apply(null,maxCountList)).toString();// 取出数量中最大值
|
|
|
+ var maxPrice = Math.ceil(Math.max.apply(null,maxPriceList)).toString();// 取出金额中最大值
|
|
|
+ // var minPrice = Math.min.apply(null,maxPriceList);// 去除金额最小值
|
|
|
+ maxPrice = Math.ceil(maxPrice / (Math.pow(10,maxPrice.length -1))) * Math.pow(10,maxPrice.length -1)
|
|
|
+ maxCount = Math.ceil(maxCount / (Math.pow(10,maxCount.length -1))) * Math.pow(10,maxCount.length -1)
|
|
|
+ var item = options.yAxis
|
|
|
+ item[0].min = 0;
|
|
|
+ item[1].min = 0;
|
|
|
+ item[0].max = maxCount;
|
|
|
+ item[0].interval = Math.ceil(maxCount / 5);
|
|
|
+ item[1].max = maxPrice;
|
|
|
+ item[1].interval = Math.ceil((maxPrice - 0) / 5);
|
|
|
+
|
|
|
+ // 处理点击浮窗显示效果
|
|
|
+ options.tooltip.formatter = function(params) {
|
|
|
+ return that.formatter(params)
|
|
|
+ }
|
|
|
+ options.legend.formatter = function (name) {
|
|
|
+ var wnYuan = ['金额', '项目金额']
|
|
|
+ var ge = ['数量', '项目数量']
|
|
|
+ if (wnYuan.indexOf(name) !== -1) {
|
|
|
+ name += '（万元）-右轴'
|
|
|
+ } else if (ge.indexOf(name) !== -1) {
|
|
|
+ name += '（个）'
|
|
|
+ }
|
|
|
+ return name;
|
|
|
+ }
|
|
|
+ return options
|
|
|
+ },
|
|
|
+ // 2. 月度中标金额(折线图)
|
|
|
+ lineChartConfig: function (options) {
|
|
|
+ options.yAxis[0].name = '中标金额(万元)';
|
|
|
+ options.legend.itemGap = 20;
|
|
|
+ options.tooltip.formatter = function(params) {
|
|
|
+ var tip = '';
|
|
|
+ for (var i = 0; i < params.length; i++) {
|
|
|
+ params[i].marker = '<span style="display:inline-block;margin-right:5px;border-radius:8px;width:8px;height:8px;background-color:' + params[i].color + ';"></span>'
|
|
|
+ if(params[i].value[1] !== undefined && params[i].value[1] !== null && !isNaN(params[i].value[1])) {
|
|
|
+ tip = tip + params[i].marker + params[i].seriesName + params[i].name + '中标金额：' + params[i].value[1].toString().replace(/,/,'') + '万元' +'<br/>';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ tip += '<div style="padding-top:2px;text-align:center;color:#9B9CA3;">' + ' - ' + params[0].name + ' - ' + '</div>'
|
|
|
+ return tip;
|
|
|
+ }
|
|
|
+ return options;
|
|
|
+ },
|
|
|
+ // 3. 地图配置项
|
|
|
+ mapConfig: function (options) {
|
|
|
+ var _this = this
|
|
|
+ var arr = this.mapChartData.rows
|
|
|
+ // 最大值、最小值
|
|
|
+ var maxNum = Math.max.apply(Math, arr.map(function(o) {return o.value}))
|
|
|
+ var minNum = Math.min.apply(Math, arr.map(function(o) {return o.value}))
|
|
|
+
|
|
|
+ options.visualMap.min = minNum;
|
|
|
+ options.visualMap.max = maxNum < 100 ? 100 : maxNum;
|
|
|
+
|
|
|
+ // 设置最大值
|
|
|
+ options.graphic[options.graphic.length - 1].children[0].style.text = maxNum > 100 ? maxNum : 100
|
|
|
+ options.graphic[options.graphic.length - 1].children[1].style.text = 1;
|
|
|
+ options.visualMap.min = 1;
|
|
|
+ options.visualMap.max = maxNum < 100 ? 100 : maxNum;
|
|
|
+ options.graphic[0].children[0].style.text = '项目数量（个）'
|
|
|
+ options.tooltip.formatter = function (params) {
|
|
|
+ var index = params.dataIndex
|
|
|
+ var item = _this.mapChartData.rows[index]
|
|
|
+ var string = ''
|
|
|
+ if (item) {
|
|
|
+ if (item.value && item.amount) {
|
|
|
+ string = item.name + '<br/>项目数量：' + item.value + '个<br/>中标金额：' + item.amount + '万元'
|
|
|
+ } else if (item.value) {
|
|
|
+ string = item.name + '<br/>项目数量：' + item.value + '个'
|
|
|
+ } else if (item.amount) {
|
|
|
+ string = item.name + '<br/>中标金额：' + item.amount + '万元'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return string
|
|
|
+ }
|
|
|
+ return options
|
|
|
+ },
|
|
|
+ // 4. 客户平均折扣率配置
|
|
|
+ rateConfig: function (options) {
|
|
|
+ options.color = ['#FB483D', '#05A6F3', '#0BD991', '#FF9F40','#8E6DF2','#C0C4CC'];
|
|
|
+ options.xAxis[0].axisLabel.margin = 12
|
|
|
+ options.yAxis[0].axisLabel.formatter = '{value}%'
|
|
|
+ options.grid = {
|
|
|
+ top: 20,
|
|
|
+ right: 16,
|
|
|
+ bottom: 70,
|
|
|
+ left: 10
|
|
|
+ }
|
|
|
+ options.legend.textStyle.padding = [0, 18, 0,0];
|
|
|
+ options.legend.left = 16;
|
|
|
+ options.legend.bottom = 10;
|
|
|
+ options.tooltip.formatter = function(params) {
|
|
|
+ var tip = '';
|
|
|
+ for (var i = 0; i < params.length; i++) {
|
|
|
+ params[i].marker = '<span style="display:inline-block;margin-right:5px;border-radius:8px;width:8px;height:8px;background-color:' + params[i].color + ';"></span>'
|
|
|
+ if(params[i].value[1] === undefined || params[i].value[1] == null) {
|
|
|
+ tip = tip + params[i].marker + params[i].seriesName + '：--<br/>';
|
|
|
+ } else {
|
|
|
+ tip = tip + params[i].marker + params[i].seriesName + '：' + params[i].value[1] + '%<br/>';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ tip += '<div style="padding-top:2px;text-align:center;color:#9B9CA3;">' + ' - ' + params[0].name + ' - ' + '</div>'
|
|
|
+ return tip;
|
|
|
+ }
|
|
|
+ return options;
|
|
|
+ },
|
|
|
+ // 整理年度项目统计数据
|
|
|
+ arrangeAnnualData: function (data) {
|
|
|
+ if (!data) return
|
|
|
+
|
|
|
+ var rows = [];
|
|
|
+ var count = 0;
|
|
|
+ for (var key in data) {
|
|
|
+ var item = data[key]
|
|
|
+ // 统计数据总数是否为0
|
|
|
+ count += item.Count
|
|
|
+ count += item.Money
|
|
|
+ rows.push({
|
|
|
+ '日期': parseInt(key),
|
|
|
+ '项目数量': item.Count,
|
|
|
+ '项目金额': Math.round(item.Money / 10000)
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // rows = utils.bSort(rows, '日期').reverse()
|
|
|
+ rows = utils.bSort(rows, '日期')
|
|
|
+
|
|
|
+ // 数据总量为0，不赋值
|
|
|
+ if (count != 0) {
|
|
|
+ this.annualData.rows = rows;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 整理月度项目统计数据
|
|
|
+ arrangeMonthZbData: function (data) {
|
|
|
+ if (!data) return
|
|
|
+ var rows = []
|
|
|
+ var columns = ['月份']
|
|
|
+ var count = 0
|
|
|
+
|
|
|
+ // 1. 先将月份提取出来, 并排序
|
|
|
+ var yearArr = []
|
|
|
+ for (var key in data) {
|
|
|
+ yearArr.push(parseInt(key))
|
|
|
+ }
|
|
|
+ yearArr.sort(function (a, b) { return a - b })
|
|
|
+
|
|
|
+ // 2. 循环12个月份，并进行处理
|
|
|
+ yearArr.forEach(function (item) {
|
|
|
+ columns.push(item + '年')
|
|
|
+ })
|
|
|
+ for (var i = 1; i <= 12; i++) {
|
|
|
+ var columnsItem = {}
|
|
|
+ columns.forEach(function (item) {
|
|
|
+ var value = ''
|
|
|
+ if (item == '月份') {
|
|
|
+ value = i + '月'
|
|
|
+ } else if (/年/g.test(item)) {
|
|
|
+ if (data[item.slice(0, -1)]) {
|
|
|
+ value = data[item.slice(0, -1)][i]
|
|
|
+ value = (value / 10000).fixed(2)
|
|
|
+ count += parseInt(value)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ columnsItem[item] = value
|
|
|
+ })
|
|
|
+ rows.push(columnsItem)
|
|
|
+ }
|
|
|
+
|
|
|
+ // 数据总量为0，不赋值
|
|
|
+ if (count != 0) {
|
|
|
+ this.monthZbData.columns = columns;
|
|
|
+ this.monthZbData.rows = rows;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 整理主要市场分布（中国地图）数据
|
|
|
+ arrangeMapData: function(data) {
|
|
|
+ if (!data) return
|
|
|
+
|
|
|
+ var mapRows = []
|
|
|
+ var count = 0
|
|
|
+ if (data && $.isArray(data)) {
|
|
|
+ data.forEach(function (n) {
|
|
|
+ count += n.projectCount
|
|
|
+
|
|
|
+ mapRows.push({
|
|
|
+ name: n.areaName,
|
|
|
+ value: n.projectCount,
|
|
|
+ amount: (n.bidamountCount / 10000).fixed(2)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // 数据总量为0，不赋值
|
|
|
+ if (count != 0) {
|
|
|
+ this.mapChartData.rows = mapRows;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 整理平均折扣率数据
|
|
|
+ arrangeRateData: function (data) {
|
|
|
+ if (!data) return
|
|
|
+ var rows = []
|
|
|
+ var columns = ['日期', '全部客户']
|
|
|
+ var count = 0
|
|
|
+
|
|
|
+ for (var c in data) {
|
|
|
+ if (c !== '全部客户') {
|
|
|
+ columns.push(c)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 获取年份数组
|
|
|
+ var yearArr = []
|
|
|
+ for (var key in data['全部客户']) {
|
|
|
+ yearArr.push(key)
|
|
|
+ }
|
|
|
+ yearArr.sort(function (a, b) { return a - b })
|
|
|
+
|
|
|
+ yearArr.forEach(function (item) {
|
|
|
+ var rowsItem = {
|
|
|
+ '日期': item + '年'
|
|
|
+ }
|
|
|
+ for (var k in data) {
|
|
|
+ count += (data[k][item] * 100)
|
|
|
+ rowsItem[k] = data[k][item] == null ? null : (data[k][item] * 100).fixed(2)
|
|
|
+ }
|
|
|
+ rows.push(rowsItem)
|
|
|
+ })
|
|
|
+
|
|
|
+ // 数据总量为0，不赋值
|
|
|
+ if (count != 0) {
|
|
|
+ this.rateData.columns = columns;
|
|
|
+ this.rateData.rows = rows;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 初始化饼图
|
|
|
+ initPieChartData: function (d) {
|
|
|
+ if (!d) return
|
|
|
+ var that = this
|
|
|
+ var arr = []
|
|
|
+ var data = JSON.parse(JSON.stringify(d))
|
|
|
+ // 降序排列
|
|
|
+ data.sort(function (a, b) {
|
|
|
+ return b.bidamount_share - a.bidamount_share
|
|
|
+ })
|
|
|
+ data.forEach(function (item){
|
|
|
+ arr.push(item.buyerClass,item.bidamount_share,item.bidamount_count,item.project_count,item.rate_avg)
|
|
|
+ })
|
|
|
+ var normal =['行业','中标金额占比','中标金额','项目数量','平均折扣率'];
|
|
|
+ var newArr = that.arrTrans(5,arr);
|
|
|
+ newArr.unshift(normal)
|
|
|
+ chartOptions.deformPieChart.dataset.source = newArr;
|
|
|
+ chartOptions.deformPieChart.tooltip.formatter = function(params){
|
|
|
+ var tip = '';
|
|
|
+ var data = params.data;
|
|
|
+ params.marker = '<span style="display:inline-block;margin-right:5px;border-radius:8px;width:8px;height:8px;background-color:' + params.color +'"></span>';
|
|
|
+ var percent = '<span style="padding-left:13px;">中标金额占比：' + (data[1]*100).fixed(2) + '%</span></br>';
|
|
|
+ var scale = '<span style="padding-left:13px;">中标金额：' + utils.moneyUnit(data[2].fixed(2)) + '</span></br>';
|
|
|
+ var count = '<span style="padding-left:13px;">项目数量：' + data[3] + '个</span></br>';
|
|
|
+ var rate = (typeof data[4] === 'number' && !isNaN(data[4])) ? '<span style="padding-left:13px;">平均折扣率：' + (data[4]*100).fixed(2) + '%</span></br>' : '';
|
|
|
+ tip = params.marker + params.name +'<br/>' + percent + scale + count + rate
|
|
|
+ return tip;
|
|
|
+ }
|
|
|
+ chartOptions.deformPieChart.legend.formatter = null
|
|
|
+ that.$nextTick(function(){
|
|
|
+ var ref = that.$refs.pieChart;
|
|
|
+ var pieChart = echarts.init(ref, null, that.initEchartsOptions);
|
|
|
+ pieChart.setOption(chartOptions.deformPieChart);
|
|
|
+ pieChart.resize();
|
|
|
+ })
|
|
|
+ },
|
|
|
+ arrTrans: function(num, arr) { // 一维数组转换为二维数组
|
|
|
+ var iconsArr = [];
|
|
|
+ arr.forEach(function(item, index) {
|
|
|
+ var page = Math.floor(index / num); // 计算该元素为第几个素组内
|
|
|
+ if (!iconsArr[page]) { // 判断是否存在
|
|
|
+ iconsArr[page] = [];
|
|
|
+ }
|
|
|
+ iconsArr[page].push(item);
|
|
|
+ });
|
|
|
+ return iconsArr;
|
|
|
+ },
|
|
|
+ // 整理重要客户数据
|
|
|
+ arrangeImportantData: function (data) {
|
|
|
+ if (!data) return
|
|
|
+ var arr = []
|
|
|
+ if ($.isArray(data)) {
|
|
|
+ data.forEach(function (list) {
|
|
|
+ var i1 = {
|
|
|
+ title: list.buyerclass,
|
|
|
+ list: []
|
|
|
+ }
|
|
|
+ if (list.topData && $.isArray(list.topData)) {
|
|
|
+ list.topData.forEach(function (item) {
|
|
|
+ i1.list.push({
|
|
|
+ name: item.BuyerName,
|
|
|
+ money: item.CountMoney,
|
|
|
+ count: item.CountProject,
|
|
|
+ rate: item.AvgRate ? (item.AvgRate*100).fixed(2) : item.AvgRate,
|
|
|
+ time: new Date(item.lastTime * 1000).pattern('yyyy/MM/dd'),
|
|
|
+ percent: item.CountMoney / list.topData[0].CountMoney*100 + '%'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!list.buyerclass || ($.isArray(list.topData) && list.topData.length === 0)) {
|
|
|
+ // console.log('此数据为空')
|
|
|
+ } else {
|
|
|
+ arr.push(i1)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.importantCustomers = arr
|
|
|
+ },
|
|
|
+ // 去公告详情页
|
|
|
+ toProjectDetail: function (item) {
|
|
|
+ this.savePageState()
|
|
|
+ if (item.id) {
|
|
|
+ var href = '/jyapp/article/content/' + item.id + '.html'
|
|
|
+ location.href = href
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 去中标单位画像
|
|
|
+ toUnitPortrayal: function (item) {
|
|
|
+ this.savePageState()
|
|
|
+ if (item.name) {
|
|
|
+ location.href = 'unit_portrayal?entName=' + item.name
|
|
|
+ }
|
|
|
+ },
|
|
|
+ savePageState: function () {
|
|
|
+ this.scrollTop = $('#ent-portrait').scrollTop()
|
|
|
+ var data = {
|
|
|
+ conf: this.conf,
|
|
|
+ tabActiveName: this.tabActiveName,
|
|
|
+ entInfo: this.entInfo,
|
|
|
+ entBaseInfo: this.entBaseInfo,
|
|
|
+ topProject: this.topProject,
|
|
|
+ entPortraitInfo: this.entPortraitInfo,
|
|
|
+ powerInfo: this.powerInfo,
|
|
|
+ singleTab: this.singleTab,
|
|
|
+ scrollTop: this.scrollTop,
|
|
|
+ gotTab2: this.gotTab2
|
|
|
+ }
|
|
|
+ sessionStorage.setItem(this.sessKey, JSON.stringify(data))
|
|
|
+ },
|
|
|
+ reStoreState: function () {
|
|
|
+ var $data = sessionStorage.getItem(this.sessKey)
|
|
|
+ if ($data) {
|
|
|
+ $data = JSON.parse($data)
|
|
|
+ // 如果恢复的企业名称和当前url企业名称不同，则清除缓存，重新请求
|
|
|
+ if (this.entInfo.id !== $data.entInfo.id) {
|
|
|
+ sessionStorage.removeItem(this.sessKey)
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ this.tabActiveName = $data.tabActiveName
|
|
|
+ Object.assign(this.conf, $data.conf || {})
|
|
|
+ Object.assign(this.entInfo, $data.entInfo || {})
|
|
|
+ Object.assign(this.entBaseInfo, $data.entBaseInfo || {})
|
|
|
+ Object.assign(this.topProject, $data.topProject || {})
|
|
|
+ Object.assign(this.entPortraitInfo, $data.entPortraitInfo || {})
|
|
|
+ Object.assign(this.powerInfo, $data.powerInfo || {})
|
|
|
+ this.singleTab = $data.singleTab
|
|
|
+ this.scrollTop = $data.scrollTop
|
|
|
+ this.gotTab2 = $data.gotTab2
|
|
|
+ sessionStorage.removeItem(this.sessKey)
|
|
|
+ }
|
|
|
+ return !!$data
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+var vueComponent = new Vue(vNode)
|
