czg_team/video_delegate
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化分享海报动态获取

Browse Source
This commit is contained in:
gyq
2025-01-13 18:12:13 +08:00
parent 138d91701f
commit c712487d1d
3 changed files with 14838 additions and 21607 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36333
npm-shrinkwrap.json generated
View File

File diff suppressed because it is too large Load Diff

4
src/utils/httpRequest.js
View File

@@ -14,8 +14,8 @@ const http = axios.create({
})
// const requestURl = "http://localhost:8100/czg/";
const requestURl = "https://web-api.hnsiyao.cn/czg/";//测试
// const requestURl = "https://web.hnsiyao.cn/czg/";//正式
// const requestURl = "https://web-api.hnsiyao.cn/czg/";//测试
const requestURl = "https://web.hnsiyao.cn/czg/";//正式
/**
* 请求拦截

106
src/views/campus/campus.vue
View File

@@ -2,9 +2,7 @@
<div>
<el-row>
<div style="float: right">
<el-button size="mini" type="primary" icon="document" @click="refresh()"
>刷新</el-button
>
<el-button size="mini" type="primary" icon="document" @click="refresh()">刷新</el-button>
</div>
<el-col :span="24" class="cards">
<div class="box">
@@ -17,10 +15,7 @@
style="color: red;"></i> -->
</div>
<div style="margin-top: 20px">
分享二维码：<img
:src="h5erweimaImg"
style="width: 100px; height: 100px"
/>
分享二维码：<img :src="h5erweimaImg" style="width: 100px; height: 100px" />
</div>
</div>
<!--
@@ -38,10 +33,7 @@
分享链接：<span>{{ xhxshareUrl }}</span>
</div>
<div style="margin-top: 20px">
分享二维码：<img
:src="xcxerweimaImg"
style="width: 100px; height: 100px"
/>
分享二维码：<img :src="xcxerweimaImg" style="width: 100px; height: 100px" />
</div>
</div>
</div>
@@ -56,10 +48,7 @@
分享链接：<span>{{ xhxshareUrl }}</span>
</div>
<div style="margin-top: 20px">
分享二维码：<img
:src="dyxerweimaImg"
style="width: 100px; height: 100px"
/>
分享二维码：<img :src="dyxerweimaImg" style="width: 100px; height: 100px" />
</div>
</div>
</div>
@@ -74,13 +63,9 @@
分享链接：<span>{{ appshareUrl }}</span>
</div>
<div style="margin-top: 20px">
分享海报：<img
:src="posterImg"
style="width: 120px; height: auto"
/>
分享海报：<img :src="posterImg" style="width: 120px; height: auto" />
<el-button size="mini" type="primary" @click="imgDown(posterImg)"
>海报下载
<el-button size="mini" type="primary" @click="imgDown(posterImg)">海报下载
</el-button>
</div>
</div>
@@ -92,26 +77,12 @@
<!-- 添加社区 -->
<el-dialog title="添加社区" :visible.sync="dialogFormVisible" center>
<div style="margin-bottom: 10px">
<span style="width: 200px; display: inline-block; text-align: right"
>社区名称：</span
>
<el-input
style="width: 50%"
v-model="campusName"
type="text"
placeholder="请输入社区名称"
></el-input>
<span style="width: 200px; display: inline-block; text-align: right">社区名称：</span>
<el-input style="width: 50%" v-model="campusName" type="text" placeholder="请输入社区名称"></el-input>
</div>
<div style="margin-bottom: 10px">
<span style="width: 200px; display: inline-block; text-align: right"
>社区地址：</span
>
<el-input
style="width: 50%"
v-model="campusDetails"
type="text"
placeholder="请输入社区地址"
></el-input>
<span style="width: 200px; display: inline-block; text-align: right">社区地址：</span>
<el-input style="width: 50%" v-model="campusDetails" type="text" placeholder="请输入社区地址"></el-input>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
@@ -136,20 +107,17 @@
<!-- 海报 -->
<div>
<!-- 海报html元素 -->
<div
id="posterHtml"
:style="{ backgroundImage: 'url(' + posterHtmlBg + ')' }"
style="
<div id="posterHtml" :style="{ backgroundImage: 'url(' + posterHtmlBg + ')' }" style="
background-repeat: no-repeat;
background-size: 1242px 2688px;
width: 1242px;
height: 2688px;
"
v-show="false"
>
" v-show="false">
<div>{{ posterContent }}</div>
<!-- 二维码 -->
<div><div id="qrcodeImg"></div></div>
<div>
<div id="qrcodeImg"></div>
</div>
</div>
</div>
</div>
@@ -166,7 +134,7 @@ export default {
posterContent: "", // 文案内容
posterImg: "", // 最终生成的海报图片
posterImgName: "宣传海报", // 最终生成的海报图片名称
posterHtmlBg: require("../../assets/img/poster.jpg"), // 背景图
posterHtmlBg: '', // 背景图
showPoster: false,
limit: 10,
page: 1,
@@ -230,11 +198,11 @@ export default {
},
// 保存图片到本地
imgDown(img) {
if(!this.posterImg){
if (!this.posterImg) {
return this.$message({
titile:'提示',
message:'请先生成海报',
type:'warning'
titile: '提示',
message: '请先生成海报',
type: 'warning'
})
}
var alink = document.createElement("a");
@@ -356,8 +324,8 @@ export default {
var ids = id
? [id]
: this.checkBoxData.map((item) => {
return item.campusId;
});
return item.campusId;
});
this.$http({
url: this.$http.adornUrl(`helpCampus/deleteCampus?ids=${ids}`),
method: "get",
@@ -388,7 +356,7 @@ export default {
}
});
})
.catch(() => {});
.catch(() => { });
},
//删除
deleteStair(row) {
@@ -426,7 +394,7 @@ export default {
}
});
})
.catch(() => {});
.catch(() => { });
},
// 重置
cleans() {
@@ -503,8 +471,8 @@ export default {
this.guanfangCode +
"&qdCode=" +
qdCode;
this.createQrcode( this.appshareUrl);
this.createPoster();
this.createQrcode(this.appshareUrl);
this.createPoster();
}
});
},
@@ -523,24 +491,42 @@ export default {
clipboard.destroy();
});
},
// 获取海报背景图
getPosterBg() {
this.$http({
url: this.$http.adornUrl("common/type/931"),
method: "get"
}).then(({ data }) => {
console.log(data);
if (data.code == 0) {
this.posterHtmlBg = data.data.value;
}
setTimeout(() => {
this.xianshi();
}, 500);
});
},
},
mounted() {
this.xianshi();
this.getPosterBg();
// this.dataSelect()
},
};
</script>
<style scoped>
#posterHtml{
#posterHtml {
position: relative;
}
#qrcodeImg {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 125px;
}
.box {
padding: 44px;
border: 1px solid #eee;