|
|
@@ -0,0 +1,203 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN" style="font-size: 50px;">
|
|
|
+<head>
|
|
|
+ <!--S-meta-->
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport"
|
|
|
+ content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
+ <meta name="format-detection" content="telephone=yes"/>
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
+ <title>企业情报历史记录</title>
|
|
|
+ <script src="/big-member/js/rem.js"></script>
|
|
|
+ <script src="/big-member/js/utils.js"></script>
|
|
|
+ <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/reset-css@4.0.1/reset.min.css />
|
|
|
+ <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/index.css />
|
|
|
+ <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/icon/local.css />
|
|
|
+ <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/weixin/css/public.css?v={{Msg "seo" "version"}}'>
|
|
|
+ <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/weixin/css/j-icons.css?v={{Msg "seo" "version"}}'>
|
|
|
+ <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/common-module/collection/css/index.css?v={{Msg "seo" "version"}}' />
|
|
|
+ <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/weixin/css/ent_portrait.css?v={{Msg "seo" "version"}}' />
|
|
|
+</head>
|
|
|
+<style>
|
|
|
+ .vip_openDialog{
|
|
|
+ padding: 0.56rem 0 0.64rem;
|
|
|
+ width: 6.06rem;
|
|
|
+ /* height: 6.88rem; */
|
|
|
+ background: url('{{Msg "seo" "cdn"}}/big-member/image/openVip.png') no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<body>
|
|
|
+<div class="j-container">
|
|
|
+ {{include "/big-member/header.html"}}
|
|
|
+ <div id="ent-portrait-change" class="j-main" v-cloak>
|
|
|
+ <div class="j-container empty" v-if="changeList.length === 0 && getStatus" key="changeList">
|
|
|
+ <div class="j-img img-empty empty-img"></div>
|
|
|
+ <p class="empty-text">暂无企业情报历史记录</p>
|
|
|
+ </div>
|
|
|
+ <div class="vip_component" v-if="!getStatus" style="height:100%;background:url('/common-module/collection/image/bg/vip_bg_8.png') no-repeat;background-size:100% 100%">
|
|
|
+ <vip-component type="item_8" :vipststus="vipststus" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_8.png'></vip-component>
|
|
|
+ </div>
|
|
|
+ <ul class="ent-change-list" v-else key="changeList">
|
|
|
+ <li class="ent-change-item" v-for="(item,index) in changeList" :key="item.changeTime">
|
|
|
+ <div class="header-time">${new Date(item.changeTime).pattern('yyyy.MM.dd')}</div>
|
|
|
+ <ul class="change-type-list bg-white" v-for="(iitem, iindex) in item.changeTerms" :key="iindex">
|
|
|
+ <li class="change-type-item border-line-b">
|
|
|
+ <div class="change-type-header">${iitem.change_name_new}</div>
|
|
|
+ <div class="change-type-content">
|
|
|
+ <div class="change-type">
|
|
|
+ <span class="change-type-label">变更前</span>
|
|
|
+ <span class="change-type-text">${iitem.content_before}</span>
|
|
|
+ </div>
|
|
|
+ <div class="change-type">
|
|
|
+ <span class="change-type-label">变更后</span>
|
|
|
+ <span class="change-type-text">${iitem.content_after}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!--S-当前页面的资源-->
|
|
|
+<script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js></script>
|
|
|
+<script src=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/vant.min.js></script>
|
|
|
+<script src=//cdn.jsdelivr.net/npm/zepto@1.2.0/dist/zepto.min.js></script>
|
|
|
+<script src='{{Msg "seo" "cdn"}}/common-module/collection/js/vip-dialog.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+{{include "/big-member/commonjs.html"}}
|
|
|
+<script>
|
|
|
+var vNode = {
|
|
|
+ delimiters: ['${', '}'],
|
|
|
+ el: '#ent-portrait-change',
|
|
|
+ components: {
|
|
|
+ vipComponent: vipComponent
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ eId: '',
|
|
|
+ changeList: [],
|
|
|
+ entvisit: {
|
|
|
+ total: 0, // 本月画像次数总量
|
|
|
+ usage: 0, // 本月已使用次数
|
|
|
+ provin: 0 // 购买省份数量
|
|
|
+ },
|
|
|
+ powerInfo: {},
|
|
|
+ conf: {
|
|
|
+ _12: false
|
|
|
+ },
|
|
|
+ isVip: false,
|
|
|
+ vipststus: 0
|
|
|
+
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var eId = utils.getParam('eId')
|
|
|
+ if (eId) {
|
|
|
+ eId = decodeURIComponent(eId)
|
|
|
+ this.eId = eId
|
|
|
+ }
|
|
|
+ this.getUserInfo()
|
|
|
+ this.getEntVisits()
|
|
|
+ this.getEntHistory()
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ getStatus: function () {
|
|
|
+ return this.conf._12 || (this.isVip && this.entvisit.total > this.entvisit.usage)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 获取权限信息
|
|
|
+ getUserInfo: function() {
|
|
|
+ let _this = this
|
|
|
+ $.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: '/bigmember/use/isAdd',
|
|
|
+ success: function(res) {
|
|
|
+ console.log(res.data)
|
|
|
+ if (res.data) {
|
|
|
+ _this.powerInfo = res.data
|
|
|
+ }
|
|
|
+ if (res.data && $.isArray(res.data.power)) {
|
|
|
+ // 根据power判断权限，企业画像包含权限(12)
|
|
|
+ var power = res.data.power
|
|
|
+ // 判断是否是超级订阅会员、老用户还是新用户
|
|
|
+ if (res.data.viper) {
|
|
|
+ _this.isVip = true
|
|
|
+ } else {
|
|
|
+ if(res.data.vipStatus > 0) {
|
|
|
+ _this.vipststus = res.data.vipststus
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (power.indexOf(12) != -1) {
|
|
|
+ // 获取企业情报历史记录-12
|
|
|
+ _this.conf._12 = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 企业画像访问量查询
|
|
|
+ getEntVisits: function() {
|
|
|
+ let _this = this
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ url: "/bigmember/portrait/subVipPortrait/usage",
|
|
|
+ success: function (res) {
|
|
|
+ if(res.error_code == 0) {
|
|
|
+ if(res.data) {
|
|
|
+ _this.entvisit = res.data
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getEntHistory: function () {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: '/bigmember/follow/ent/entChangeList',
|
|
|
+ data: {
|
|
|
+ entId: _this.eId
|
|
|
+ },
|
|
|
+ success: function (res) {
|
|
|
+ if (res.error_code == 0) {
|
|
|
+ if (res.data && $.isArray(res.data)) {
|
|
|
+ _this.changeList = _this.sortChangeList(res.data)
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // _this.$toast(res.error_msg)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ sortChangeList: function (list) {
|
|
|
+ var dateList = []
|
|
|
+ list.forEach(function (date) {
|
|
|
+ for (var key in date) {
|
|
|
+ var dateItems = []
|
|
|
+ date[key].forEach(function (item) {
|
|
|
+ item.change_date = item.change_date.replace(/-/g, '/')
|
|
|
+ dateItems.push(item)
|
|
|
+ })
|
|
|
+ dateList.push({
|
|
|
+ changeTerms: dateItems,
|
|
|
+ changeTime: key.replace(/-/g, '/'),
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ return dateList
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+var vueComponent = new Vue(vNode)
|
|
|
+</script>
|
|
|
+
|
|
|
+{{include "/common/baiducc.html"}}
|
|
|
+</body>
|
|
|
+</html>
|
