|
@@ -25,8 +25,15 @@ export default Vue.extend({
|
|
|
},
|
|
},
|
|
|
mounted() {
|
|
mounted() {
|
|
|
this.getExpoList()
|
|
this.getExpoList()
|
|
|
|
|
+ this.init()
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ init() {
|
|
|
|
|
+ if (this.$route.query.id) {
|
|
|
|
|
+ this.expoId = this.$route.query.id - 0
|
|
|
|
|
+ this.getExpo()
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
getExpoList() {
|
|
getExpoList() {
|
|
|
getExpoList(1, 1000).then(res => {
|
|
getExpoList(1, 1000).then(res => {
|
|
|
this.expoList = res.data.data
|
|
this.expoList = res.data.data
|
|
@@ -43,7 +50,7 @@ export default Vue.extend({
|
|
|
title: this.currentExpo.expo_name,
|
|
title: this.currentExpo.expo_name,
|
|
|
sub_title: '请编辑副标题',
|
|
sub_title: '请编辑副标题',
|
|
|
phone: this.currentExpo.contact_phone || '请编辑电话',
|
|
phone: this.currentExpo.contact_phone || '请编辑电话',
|
|
|
- address: this.currentExpo.location || '请编辑地址',
|
|
|
|
|
|
|
+ address: this.currentExpo.location || '请编辑地址'
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
getExpo() {
|
|
getExpo() {
|
|
@@ -94,13 +101,13 @@ export default Vue.extend({
|
|
|
<el-option v-for="item in expoList" :value="item.id" :label="item.expo_name" />
|
|
<el-option v-for="item in expoList" :value="item.id" :label="item.expo_name" />
|
|
|
</el-select>
|
|
</el-select>
|
|
|
<div class="sub-title">分享方式</div>
|
|
<div class="sub-title">分享方式</div>
|
|
|
- <el-radio-group class="radio-list" v-model="shareType">
|
|
|
|
|
- <el-radio border label="link" >网页链接</el-radio>
|
|
|
|
|
- <el-radio border label="qrcode" >二维码图片</el-radio>
|
|
|
|
|
-<!-- <el-radio border label="social_media" >社交媒体/社交软件</el-radio>-->
|
|
|
|
|
- <el-radio border label="post_image" >生成海报图片</el-radio>
|
|
|
|
|
- <el-radio border label="wechat_insert" >微信公众平台嵌入</el-radio>
|
|
|
|
|
- <el-radio border label="code_insert" >网页代码嵌入</el-radio>
|
|
|
|
|
|
|
+ <el-radio-group v-model="shareType" class="radio-list">
|
|
|
|
|
+ <el-radio border label="link">网页链接</el-radio>
|
|
|
|
|
+ <el-radio border label="qrcode">二维码图片</el-radio>
|
|
|
|
|
+ <!-- <el-radio border label="social_media" >社交媒体/社交软件</el-radio>-->
|
|
|
|
|
+ <el-radio border label="post_image">生成海报图片</el-radio>
|
|
|
|
|
+ <el-radio border label="wechat_insert">微信公众平台嵌入</el-radio>
|
|
|
|
|
+ <el-radio border label="code_insert">网页代码嵌入</el-radio>
|
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="share-view">
|
|
<div class="share-view">
|
|
@@ -128,17 +135,16 @@ export default Vue.extend({
|
|
|
<el-button size="small" icon="el-icon-download" round @click="downloadQrImage">下载图片</el-button>
|
|
<el-button size="small" icon="el-icon-download" round @click="downloadQrImage">下载图片</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-if="shareType==='social_media' && expoId" class="social-share">
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div v-if="shareType==='social_media' && expoId" class="social-share" />
|
|
|
<div v-if="shareType==='post_image' && expoId" class="post-share">
|
|
<div v-if="shareType==='post_image' && expoId" class="post-share">
|
|
|
<div class="post-inner">
|
|
<div class="post-inner">
|
|
|
<div class="post-temp blue-temp-1">
|
|
<div class="post-temp blue-temp-1">
|
|
|
- <div class="title">{{renderData.sub_title}}</div>
|
|
|
|
|
- <div class="sub-title">{{renderData.title}}</div>
|
|
|
|
|
- <div class="phone"></div>
|
|
|
|
|
- <div class="address"></div>
|
|
|
|
|
|
|
+ <div class="title">{{ renderData.sub_title }}</div>
|
|
|
|
|
+ <div class="sub-title">{{ renderData.title }}</div>
|
|
|
|
|
+ <div class="phone" />
|
|
|
|
|
+ <div class="address" />
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="border-box"></div>
|
|
|
|
|
|
|
+ <div class="border-box" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|