Skip to content

C
common-templete
Commit 2f908dc2 by liuying
Options

营销推送列表接口调试

parent d579d4e1
Showing with 164 additions and 103 deletions
config/dev.env.js
...@@ -7,6 +7,5 @@ module.exports = merge(prodEnv, { ...@@ -7,6 +7,5 @@ module.exports = merge(prodEnv, {
// 'host': "'//localhost'", // 'host': "'//localhost'",
'host': "'http://testcenter.bigaka.net/crm'", 'host': "'http://testcenter.bigaka.net/crm'",
'project': "'crm/vue'", 'project': "'crm/vue'",
'requestUrl': "'crm'", 'requestUrl': "'crm'"
'reqUrl': "'/wxcrm-web/'"
}) })
src/pages/marketingCenter/components/MarketingPush/index.vue
...@@ -6,13 +6,33 @@ ...@@ -6,13 +6,33 @@
<span class="top-title">营销推送</span> <span class="top-title">营销推送</span>
<span class="top-tips"> <span class="top-tips">
<span class="star-red">*</span> <span class="star-red">*</span>
支持<a href="#">会员标签</a> 支持
体系下的精准消息推送</span> <a href="#">会员标签</a>
体系下的精准消息推送
</span>
</el-col> </el-col>
<el-col :span="11" class="top-right"> <el-col :span="11" class="top-right">
<a style="color: #73879C;margin-right: 10px" target="_blank" href="http://help.bigaka.com/2017/08/31/%E6%80%8E%E6%A0%B7%E4%BD%BF%E7%94%A8%E5%BE%AE%E4%BF%A1%E6%A8%A1%E6%9D%BF%E6%B6%88%E6%81%AF%E8%90%A5%E9%94%80%EF%BC%9F/"><i class="el-icon-question"></i>微信营销推送怎么玩</a> <a
<a style="color: #73879C;margin-right: 10px" target="_blank" href="http://help.bigaka.com/2017/04/27/%E5%A6%82%E4%BD%95%E9%80%9A%E8%BF%87%E4%BC%9A%E5%91%98%E6%A0%87%E7%AD%BE%E5%AF%B9%E4%BC%9A%E5%91%98%E7%B2%BE%E5%87%86%E6%8A%95%E6%94%BE%E5%BE%AE%E4%BF%A1%E6%8E%A8%E9%80%81/"><i class="el-icon-question"></i>微信软文如何精准营销</a> style="color: #73879C;margin-right: 10px"
<a style="color: #73879C" target="_blank" href="http://help.bigaka.com/2017/08/31/%E6%80%8E%E6%A0%B7%E4%BD%BF%E7%94%A8%E7%9F%AD%E4%BF%A1%E8%90%A5%E9%94%80%EF%BC%9F/"><i class="el-icon-question"></i>短信营销怎么配置</a> target="_blank"
href="http://help.bigaka.com/2017/08/31/%E6%80%8E%E6%A0%B7%E4%BD%BF%E7%94%A8%E5%BE%AE%E4%BF%A1%E6%A8%A1%E6%9D%BF%E6%B6%88%E6%81%AF%E8%90%A5%E9%94%80%EF%BC%9F/"
>
<i class="el-icon-question"></i>微信营销推送怎么玩
</a>
<a
style="color: #73879C;margin-right: 10px"
target="_blank"
href="http://help.bigaka.com/2017/04/27/%E5%A6%82%E4%BD%95%E9%80%9A%E8%BF%87%E4%BC%9A%E5%91%98%E6%A0%87%E7%AD%BE%E5%AF%B9%E4%BC%9A%E5%91%98%E7%B2%BE%E5%87%86%E6%8A%95%E6%94%BE%E5%BE%AE%E4%BF%A1%E6%8E%A8%E9%80%81/"
>
<i class="el-icon-question"></i>微信软文如何精准营销
</a>
<a
style="color: #73879C"
target="_blank"
href="http://help.bigaka.com/2017/08/31/%E6%80%8E%E6%A0%B7%E4%BD%BF%E7%94%A8%E7%9F%AD%E4%BF%A1%E8%90%A5%E9%94%80%EF%BC%9F/"
>
<i class="el-icon-question"></i>短信营销怎么配置
</a>
</el-col> </el-col>
</el-row> </el-row>
<el-row></el-row> <el-row></el-row>
...@@ -32,8 +52,7 @@ ...@@ -32,8 +52,7 @@
</span> </span>
<span>微信触达域-公众号</span> <span>微信触达域-公众号</span>
<span> <span>
<a :href = "this.authUrl"> <a :href="this.authUrl">立即授权</a>
立即授权</a>
</span> </span>
</el-col> </el-col>
<el-col :span="12" class="wechat-icon"> <el-col :span="12" class="wechat-icon">
...@@ -42,8 +61,7 @@ ...@@ -42,8 +61,7 @@
</span> </span>
<span>移动触达域-短信</span> <span>移动触达域-短信</span>
<span> <span>
<a :href="this.msgUrl"> <a :href="this.msgUrl">前往开通</a>
前往开通</a>
</span> </span>
</el-col> </el-col>
</el-row> </el-row>
...@@ -60,60 +78,86 @@ export default { ...@@ -60,60 +78,86 @@ export default {
return { return {
authUrl: "", authUrl: "",
msgUrl: "" msgUrl: ""
} };
}, },
created() { created() {
this.authUrl = ctx + "/back/wechat/auth" this.authUrl = ctx + "/back/wechat/auth";
this.msgUrl = platformCtx + '/message/marketingSms/list.do' this.msgUrl = platformCtx + "/message/marketingSms/list.do";
} }
};
}
</script> </script>
<style lang='stylus' scoped> <style lang='stylus' scoped>
.marketing-title .marketing-title {
height 177px height: 177px;
background-color #fff background-color: #fff;
.top-left
height 50px .top-left {
line-height 50px height: 50px;
border-bottom 1px solid gray line-height: 50px;
margin 0 15px border-bottom: 1px solid gray;
.top-title margin: 0 15px;
font-size 20px
color #73879C .top-title {
text-align left font-size: 20px;
.top-tips color: #73879C;
padding-left 20px text-align: left;
color rgba(115, 135, 156, 0.4) }
.top-star
color #FF0000 .top-tips {
.top-tag padding-left: 20px;
color #0000FF color: rgba(115, 135, 156, 0.4);
.top-right
span .top-star {
padding-right 20px color: #FF0000;
font-size 14px }
color #496D92
text-align left .top-tag {
i color: #0000FF;
margin-right 3px }
.marketing-subtitle }
height 130px
.subtitle-img .top-right {
line-height 130px span {
padding-left 70px padding-right: 20px;
.subtitle-tips font-size: 14px;
padding-top 30px color: #496D92;
font-family 'PingFangSC-Regular', 'PingFang SC' text-align: left;
font-weight 400
font-style normal i {
font-size 14px margin-right: 3px;
color #73879C }
.tips-wechat }
padding 15px }
.wechat-icon }
img
width 30px .marketing-subtitle {
height 30px height: 130px;
.subtitle-img {
line-height: 130px;
padding-left: 70px;
}
.subtitle-tips {
padding-top: 30px;
font-family: 'PingFangSC-Regular', 'PingFang SC';
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #73879C;
.tips-wechat {
padding: 15px;
.wechat-icon {
img {
width: 30px;
height: 30px;
}
}
}
}
}
}
</style> </style>
src/pages/marketingCenter/components/MarketingTab/MaterialDetails.vue
...@@ -9,73 +9,88 @@ ...@@ -9,73 +9,88 @@
<span class="gray"> <span class="gray">
<span class="star-red">*</span> <span class="star-red">*</span>
素材数据采集自微信公众号平台，详见 素材数据采集自微信公众号平台，详见
<a href="https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141084"> <a
图文分析数据接口</a> href="https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141084"
>图文分析数据接口</a>
</span> </span>
</span> </span>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<material-info :MediaList="MediaList" class="datailChart"></material-info> <material-info :MediaList="MediaList" class="datailChart"></material-info>
<ve-line :data="chartData" :judge-width="true" :extend="extend" height="230px" :mark-line="markLine"></ve-line> <ve-line
:data="chartData"
:judge-width="true"
:extend="extend"
height="230px"
:mark-line="markLine"
></ve-line>
</div> </div>
</template> </template>
<script> <script>
import MaterialInfo from './MaterialInfo' import MaterialInfo from "./MaterialInfo";
export default { export default {
data() { data() {
this.markLine = { this.markLine = {
symbol: 'none', symbol: "none",
data: [ data: [
{ {
name: 'Y 轴值为 100 的水平线', name: "Y 轴值为 100 的水平线",
yAxis: 100, yAxis: 100
}, }
], ]
} };
this.extend = { this.extend = {
series: { series: {
smooth: 0, smooth: 0
}, }
} };
return { return {
chartData: { chartData: {
columns: ['日期', '图文总阅读人数', '图文总阅读次数'], columns: ["日期", "图文总阅读人数", "图文总阅读次数"],
rows: [], rows: []
}, }
} };
}, },
mounted() { mounted() {
this.materialChartList.forEach(item => { this.materialChartList.forEach(item => {
const { refDate, intPageReadCount, intPageReadUser } = item const { refDate, intPageReadCount, intPageReadUser } = item;
this.chartData.rows.push({ this.chartData.rows.push({
日期: refDate, 日期: refDate,
图文总阅读人数: intPageReadUser, 图文总阅读人数: intPageReadUser,
图文总阅读次数: intPageReadCount, 图文总阅读次数: intPageReadCount
}) });
}) });
}, },
props: ['MediaList', 'materialChartList'], props: ["MediaList", "materialChartList"],
components: { components: {
MaterialInfo, MaterialInfo
}, }
} };
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.materian-details .materian-details {
background-color #fff background-color: #fff;
.datailChart
margin-bottom 20px .datailChart {
.detail-top margin-bottom: 20px;
height 60px }
line-height 60px
background-color #fff .detail-top {
padding-left 15px height: 60px;
margin-top 10px line-height: 60px;
.detail-title background-color: #fff;
img padding-left: 15px;
width 30px margin-top: 10px;
height 30px
.detail-title {
img {
width: 30px;
height: 30px;
}
}
}
}
</style> </style>
src/tool/api.js
...@@ -4,9 +4,12 @@ export default { ...@@ -4,9 +4,12 @@ export default {
getMenu: `${config.host}/crm/back/menu/getMenu`, getMenu: `${config.host}/crm/back/menu/getMenu`,
getAuthState: `${config.host}/back/marketing/push/auth-state`, getAuthState: `${config.host}/back/marketing/push/auth-state`,
// 营销中心 // 营销中心
getMaterialsList: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/materials-list', // 获取图文素材列表 // getMaterialsList: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/materials-list', // 获取图文素材列表
getPushList: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/medialist', // 获取图文推送列表 // getPushList: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/medialist', // 获取图文推送列表
getarticlesummary: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/getarticlesummary', // 获取图文分析数据接口 // getarticlesummary: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/getarticlesummary', // 获取图文分析数据接口
getMaterialsList: `${config.host}/back/marketing/push/materials-list`,
getPushList: `${config.host}/back/wechat/msg-tmpl/list`,
getarticlesummary: `${config.host}/back/marketing/push/graphic-analysis`,
getTempList: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/list-data', // 营销模板列表 getTempList: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/list-data', // 营销模板列表
add: { add: {
save: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/save', // 确认推送 save: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/save', // 确认推送
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment