|
|
@@ -10,33 +10,92 @@
|
|
|
<template th:replace="components/analysis"></template>
|
|
|
</head>
|
|
|
<body>
|
|
|
-<!-- 引用头部 -->
|
|
|
-<!--<header id="globalHead" xmlns:th="http://www.w3.org/1999/xhtml">-->
|
|
|
-
|
|
|
-<!--</header>-->
|
|
|
-<!-- 机构信息 -->
|
|
|
<div id="chartContent" v-cloak>
|
|
|
- <input type="hidden" th:value="${coreServer}" id="coreServer">
|
|
|
- <input type="hidden" th:value="${agent}" id="userAgent">
|
|
|
- <div class="baseHeadCenter account">
|
|
|
- <div class="wrap clear">
|
|
|
- <a href="/" class="logo">
|
|
|
- <img class="pcOnly" src="https://admin.caimei365.com/userfiles/1/images/photo/2023/11/%E9%87%87%E7%BE%8Elogo.png" alt="采美 生美/医美采购服务平台"/>
|
|
|
- <img class="h5Only" src="https://admin.caimei365.com/userfiles/1/images/photo/2023/11/%E9%87%87%E7%BE%8Elogo.png" alt="采美 生美/医美采购服务平台"/>
|
|
|
- </a>
|
|
|
- <a href="javascript:void(0)" class="logo none">
|
|
|
- <img class="pcOnly" :src="chartLogo" alt="采美 生美/医美采购服务平台"/>
|
|
|
- <img class="h5Only" :src="chartLogo" alt="采美 生美/医美采购服务平台"/>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <!-- 引用头部 -->
|
|
|
+ <header>
|
|
|
+ <input type="hidden" th:value="${coreServer}" id="coreServer">
|
|
|
+ <input type="hidden" th:value="${agent}" id="userAgent">
|
|
|
+ <div class="baseHeadCenter account">
|
|
|
+ <div class="wrap clear">
|
|
|
+ <a href="/" class="logo">
|
|
|
+ <img class="pcOnly" src="https://admin.caimei365.com/userfiles/1/images/photo/2023/11/%E9%87%87%E7%BE%8Elogo.png" alt="采美 生美/医美采购服务平台"/>
|
|
|
+ <img class="h5Only" src="https://admin.caimei365.com/userfiles/1/images/photo/2023/11/%E9%87%87%E7%BE%8Elogo.png" alt="采美 生美/医美采购服务平台"/>
|
|
|
+ </a>
|
|
|
+ <a href="javascript:void(0)" class="logo none">
|
|
|
+ <img class="pcOnly" :src="shopInfo.chartLogo" alt="采美 生美/医美采购服务平台"/>
|
|
|
+ <img class="h5Only" :src="shopInfo.chartLogo" alt="采美 生美/医美采购服务平台"/>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
<div class="chart-content" v-if="isLoading">
|
|
|
<div class="chart-content-main">
|
|
|
<div class="chart-main-top">
|
|
|
- <img :src="chartBanner" alt="漏斗模型">
|
|
|
+ <div class="chart-main-top-title">采美全域运营</div>
|
|
|
+ <div class="chart-main-top-main">
|
|
|
+ <div class="chart-main-top-left">
|
|
|
+ <div class="chart-main-top-left-li a">
|
|
|
+ <div class="li-title">展现量</div>
|
|
|
+ <div class="li-texts"><p>在搜索结果页面展现相关内容关键词提炼/关键词布局</p></div>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-left-li b">
|
|
|
+ <div class="li-title">点击量</div>
|
|
|
+ <div class="li-texts"><p>推广结果活得用户的点击关键词排名/内容撰写质量</p></div>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-left-li c">
|
|
|
+ <div class="li-title">访问量</div>
|
|
|
+ <div class="li-texts"><p>用户访问浏览官网页面系统为用户打上画像标签</p></div>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-left-li d">
|
|
|
+ <div class="li-title">咨询量</div>
|
|
|
+ <div class="li-texts"><p>跟踪标签/精准营销/定向推送通过CRM系统进行线索培育</p></div>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-left-li e">
|
|
|
+ <div class="li-title">报备&成交量</div>
|
|
|
+ <div class="li-texts"><p>销售与服务，促使成单</p></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-mids">
|
|
|
+ <div class="chart-main-top-mids-li">
|
|
|
+ <a href="javascript:void(0)" data-id="section-1" class="chart-main-top-mids-ch a" v-text="shopInfo.number"></a>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-mids-li">
|
|
|
+ <a href="javascript:void(0)" data-id="section-1" class="chart-main-top-mids-ch b" v-text="shopInfo.number1"></a>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-mids-li">
|
|
|
+ <a href="javascript:void(0)" data-id="section-2" class="chart-main-top-mids-ch c" v-text="shopInfo.number2"></a>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-mids-li">
|
|
|
+ <a href="javascript:void(0)" data-id="section-3" class="chart-main-top-mids-ch d" v-text="shopInfo.number3"></a>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-mids-li">
|
|
|
+ <a href="javascript:void(0)" data-id="section-3" class="chart-main-top-mids-ch e" v-text="shopInfo.number4"></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-right">
|
|
|
+ <div class="chart-main-top-right-li">
|
|
|
+ <div class="chart-main-top-right-tips">
|
|
|
+ <span class="tips a">品牌推广阶段</span>
|
|
|
+ </div>
|
|
|
+ <p>【<span v-text="shopInfo.shopName"></span>】在采美站外公域的推广结果</p>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-right-li">
|
|
|
+ <div class="chart-main-top-right-tips">
|
|
|
+ <span class="tips b">潜客运营阶段</span>
|
|
|
+ </div>
|
|
|
+ <p>【<span v-text="shopInfo.shopName"></span>】在采美私域运营情况汇总</p>
|
|
|
+ </div>
|
|
|
+ <div class="chart-main-top-right-li">
|
|
|
+ <div class="chart-main-top-right-tips">
|
|
|
+ <span class="tips c">销售转化阶段</span>
|
|
|
+ </div>
|
|
|
+ <p>【<span v-text="shopInfo.shopName"></span>】客户线索在采美的孵化动作和转化效果</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="chart-title">
|
|
|
+ <div class="chart-title" id="section-1">
|
|
|
<p>品牌推广阶段</p>
|
|
|
</div>
|
|
|
<div class="chart-content-text">
|
|
|
@@ -54,9 +113,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="chart-content-main">
|
|
|
- <div class="chart-main-max ri table">
|
|
|
+ <div class="chart-main-max ri table clear">
|
|
|
<div class="chart-main-min-title">6-10月公众号推文阅读量</div>
|
|
|
- <el-table ref="table" :data="volumeList" border>
|
|
|
+ <el-table ref="table" :data="volumeList" border height="528">
|
|
|
<el-table-column label="序号" align="center" width="50">
|
|
|
<template slot-scope="scope">{{ scope.$index + 1 }}</template>
|
|
|
</el-table-column>
|
|
|
@@ -83,7 +142,7 @@
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="chart-title">
|
|
|
+ <div class="chart-title" id="section-2">
|
|
|
<p>潜客运营阶段</p>
|
|
|
</div>
|
|
|
<div class="chart-content-text">
|
|
|
@@ -112,7 +171,7 @@
|
|
|
<div class="chart-content-main">
|
|
|
<div class="chart-main-max" id="myChart6"></div>
|
|
|
</div>
|
|
|
- <div class="chart-title">
|
|
|
+ <div class="chart-title" id="section-3">
|
|
|
<p>销售转化阶段</p>
|
|
|
</div>
|
|
|
<div class="chart-content-text">
|
|
|
@@ -131,6 +190,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 引入底部 -->
|
|
|
+<template th:replace="components/footer"></template>
|
|
|
<template th:replace="components/foot-link"></template>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/lib/echarts.min.js(v=${version})}"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/lib/china.js(v=${version})}"></script>
|
