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, {
// 'host': "'//localhost'",
'host': "'http://testcenter.bigaka.net/crm'",
'project': "'crm/vue'",
'requestUrl': "'crm'",
'reqUrl': "'/wxcrm-web/'"
'requestUrl': "'crm'"
})
src/pages/marketingCenter/components/MarketingPush/index.vue
......@@ -6,13 +6,33 @@
<span class="top-title">营销推送</span>
<span class="top-tips">
<span class="star-red">*</span>
支持<a href="#">会员标签</a>
体系下的精准消息推送</span>
支持
<a href="#">会员标签</a>
体系下的精准消息推送
</span>
</el-col>
<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 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>
<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
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-row>
<el-row></el-row>
......@@ -32,8 +52,7 @@
</span>
<span>微信触达域-公众号</span>
<span>
<a :href = "this.authUrl">
立即授权</a>
<a :href="this.authUrl">立即授权</a>
</span>
</el-col>
<el-col :span="12" class="wechat-icon">
......@@ -42,8 +61,7 @@
</span>
<span>移动触达域-短信</span>
<span>
<a :href="this.msgUrl">
前往开通</a>
<a :href="this.msgUrl">前往开通</a>
</span>
</el-col>
</el-row>
......@@ -60,60 +78,86 @@ export default {
return {
authUrl: "",
msgUrl: ""
}
};
},
created() {
this.authUrl = ctx + "/back/wechat/auth"
this.msgUrl = platformCtx + '/message/marketingSms/list.do'
this.authUrl = ctx + "/back/wechat/auth";
this.msgUrl = platformCtx + "/message/marketingSms/list.do";
}
}
};
</script>
<style lang='stylus' scoped>
.marketing-title
height 177px
background-color #fff
.top-left
height 50px
line-height 50px
border-bottom 1px solid gray
margin 0 15px
.top-title
font-size 20px
color #73879C
text-align left
.top-tips
padding-left 20px
color rgba(115, 135, 156, 0.4)
.top-star
color #FF0000
.top-tag
color #0000FF
.top-right
span
padding-right 20px
font-size 14px
color #496D92
text-align left
i
margin-right 3px
.marketing-subtitle
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
.marketing-title {
height: 177px;
background-color: #fff;
.top-left {
height: 50px;
line-height: 50px;
border-bottom: 1px solid gray;
margin: 0 15px;
.top-title {
font-size: 20px;
color: #73879C;
text-align: left;
}
.top-tips {
padding-left: 20px;
color: rgba(115, 135, 156, 0.4);
.top-star {
color: #FF0000;
}
.top-tag {
color: #0000FF;
}
}
.top-right {
span {
padding-right: 20px;
font-size: 14px;
color: #496D92;
text-align: left;
i {
margin-right: 3px;
}
}
}
}
.marketing-subtitle {
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>
src/pages/marketingCenter/components/MarketingTab/MaterialDetails.vue
......@@ -9,73 +9,88 @@
<span class="gray">
<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>
</div>
</el-col>
</el-row>
<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>
</template>
<script>
import MaterialInfo from './MaterialInfo'
import MaterialInfo from "./MaterialInfo";
export default {
data() {
this.markLine = {
symbol: 'none',
symbol: "none",
data: [
{
name: 'Y 轴值为 100 的水平线',
yAxis: 100,
},
],
}
name: "Y 轴值为 100 的水平线",
yAxis: 100
}
]
};
this.extend = {
series: {
smooth: 0,
},
}
smooth: 0
}
};
return {
chartData: {
columns: ['日期', '图文总阅读人数', '图文总阅读次数'],
rows: [],
},
}
columns: ["日期", "图文总阅读人数", "图文总阅读次数"],
rows: []
}
};
},
mounted() {
this.materialChartList.forEach(item => {
const { refDate, intPageReadCount, intPageReadUser } = item
const { refDate, intPageReadCount, intPageReadUser } = item;
this.chartData.rows.push({
日期: refDate,
图文总阅读人数: intPageReadUser,
图文总阅读次数: intPageReadCount,
})
})
图文总阅读次数: intPageReadCount
});
});
},
props: ['MediaList', 'materialChartList'],
props: ["MediaList", "materialChartList"],
components: {
MaterialInfo,
},
}
MaterialInfo
}
};
</script>
<style lang="stylus" scoped>
.materian-details
background-color #fff
.datailChart
margin-bottom 20px
.detail-top
height 60px
line-height 60px
background-color #fff
padding-left 15px
margin-top 10px
.detail-title
img
width 30px
height 30px
.materian-details {
background-color: #fff;
.datailChart {
margin-bottom: 20px;
}
.detail-top {
height: 60px;
line-height: 60px;
background-color: #fff;
padding-left: 15px;
margin-top: 10px;
.detail-title {
img {
width: 30px;
height: 30px;
}
}
}
}
</style>
src/tool/api.js
......@@ -4,9 +4,12 @@ export default {
getMenu: `${config.host}/crm/back/menu/getMenu`,
getAuthState: `${config.host}/back/marketing/push/auth-state`,
// 营销中心
getMaterialsList: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/materials-list', // 获取图文素材列表
getPushList: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/medialist', // 获取图文推送列表
getarticlesummary: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/getarticlesummary', // 获取图文分析数据接口
// getMaterialsList: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/materials-list', // 获取图文素材列表
// getPushList: 'http://testcenter.bigaka.net/crm/back/wechat/msg-mass/medialist', // 获取图文推送列表
// 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', // 营销模板列表
add: {
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