3 Commits
wwz ... master

Author SHA1 Message Date
duan
96196e289b 修改注册地址 2025-03-01 16:08:06 +08:00
gyq
0ed29e2a65 更新海报 2025-01-15 14:43:59 +08:00
gyq
c712487d1d 优化分享海报动态获取 2025-01-13 18:12:13 +08:00
3 changed files with 8153 additions and 9437 deletions

17462
npm-shrinkwrap.json generated

File diff suppressed because it is too large Load Diff

View File

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

View File

@@ -2,9 +2,7 @@
<div> <div>
<el-row> <el-row>
<div style="float: right"> <div style="float: right">
<el-button size="mini" type="primary" icon="document" @click="refresh()" <el-button size="mini" type="primary" icon="document" @click="refresh()">刷新</el-button>
>刷新</el-button
>
</div> </div>
<el-col :span="24" class="cards"> <el-col :span="24" class="cards">
<div class="box"> <div class="box">
@@ -17,10 +15,7 @@
style="color: red;"></i> --> style="color: red;"></i> -->
</div> </div>
<div style="margin-top: 20px"> <div style="margin-top: 20px">
分享二维码<img 分享二维码<img :src="h5erweimaImg" style="width: 100px; height: 100px" />
:src="h5erweimaImg"
style="width: 100px; height: 100px"
/>
</div> </div>
</div> </div>
<!-- <!--
@@ -38,10 +33,7 @@
分享链接<span>{{ xhxshareUrl }}</span> 分享链接<span>{{ xhxshareUrl }}</span>
</div> </div>
<div style="margin-top: 20px"> <div style="margin-top: 20px">
分享二维码<img 分享二维码<img :src="xcxerweimaImg" style="width: 100px; height: 100px" />
:src="xcxerweimaImg"
style="width: 100px; height: 100px"
/>
</div> </div>
</div> </div>
</div> </div>
@@ -56,10 +48,7 @@
分享链接<span>{{ xhxshareUrl }}</span> 分享链接<span>{{ xhxshareUrl }}</span>
</div> </div>
<div style="margin-top: 20px"> <div style="margin-top: 20px">
分享二维码<img 分享二维码<img :src="dyxerweimaImg" style="width: 100px; height: 100px" />
:src="dyxerweimaImg"
style="width: 100px; height: 100px"
/>
</div> </div>
</div> </div>
</div> </div>
@@ -74,13 +63,9 @@
分享链接<span>{{ appshareUrl }}</span> 分享链接<span>{{ appshareUrl }}</span>
</div> </div>
<div style="margin-top: 20px"> <div style="margin-top: 20px">
分享海报<img 分享海报<img :src="posterImg" style="width: 120px; height: auto" />
: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> </el-button>
</div> </div>
</div> </div>
@@ -92,26 +77,12 @@
<!-- 添加社区 --> <!-- 添加社区 -->
<el-dialog title="添加社区" :visible.sync="dialogFormVisible" center> <el-dialog title="添加社区" :visible.sync="dialogFormVisible" center>
<div style="margin-bottom: 10px"> <div style="margin-bottom: 10px">
<span style="width: 200px; display: inline-block; text-align: right" <span style="width: 200px; display: inline-block; text-align: right">社区名称</span>
>社区名称</span <el-input style="width: 50%" v-model="campusName" type="text" placeholder="请输入社区名称"></el-input>
>
<el-input
style="width: 50%"
v-model="campusName"
type="text"
placeholder="请输入社区名称"
></el-input>
</div> </div>
<div style="margin-bottom: 10px"> <div style="margin-bottom: 10px">
<span style="width: 200px; display: inline-block; text-align: right" <span style="width: 200px; display: inline-block; text-align: right">社区地址</span>
>社区地址</span <el-input style="width: 50%" v-model="campusDetails" type="text" placeholder="请输入社区地址"></el-input>
>
<el-input
style="width: 50%"
v-model="campusDetails"
type="text"
placeholder="请输入社区地址"
></el-input>
</div> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false"> </el-button> <el-button @click="dialogFormVisible = false"> </el-button>
@@ -136,20 +107,17 @@
<!-- 海报 --> <!-- 海报 -->
<div> <div>
<!-- 海报html元素 --> <!-- 海报html元素 -->
<div <div id="posterHtml" :style="{ backgroundImage: 'url(' + posterHtmlBg + ')' }" style="
id="posterHtml"
:style="{ backgroundImage: 'url(' + posterHtmlBg + ')' }"
style="
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 1242px 2688px; background-size: 1242px 2688px;
width: 1242px; width: 1242px;
height: 2688px; height: 2688px;
" " v-show="false">
v-show="false"
>
<div>{{ posterContent }}</div> <div>{{ posterContent }}</div>
<!-- 二维码 --> <!-- 二维码 -->
<div><div id="qrcodeImg"></div></div> <div>
<div id="qrcodeImg"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -166,7 +134,7 @@ export default {
posterContent: "", // 文案内容 posterContent: "", // 文案内容
posterImg: "", // 最终生成的海报图片 posterImg: "", // 最终生成的海报图片
posterImgName: "宣传海报", // 最终生成的海报图片名称 posterImgName: "宣传海报", // 最终生成的海报图片名称
posterHtmlBg: require("../../assets/img/poster.jpg"), // 背景图 posterHtmlBg: '', // 背景图
showPoster: false, showPoster: false,
limit: 10, limit: 10,
page: 1, page: 1,
@@ -499,7 +467,7 @@ export default {
qdCode; qdCode;
this.appshareUrl = this.appshareUrl =
this.h5Url + this.h5Url +
"/pages/login/registerApp?invitation=" + "/pages/login/register?invitation=" +
this.guanfangCode + this.guanfangCode +
"&qdCode=" + "&qdCode=" +
qdCode; qdCode;
@@ -523,9 +491,25 @@ export default {
clipboard.destroy(); 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() { mounted() {
this.xianshi(); this.getPosterBg();
// this.dataSelect() // this.dataSelect()
}, },
}; };
@@ -535,12 +519,14 @@ export default {
#posterHtml { #posterHtml {
position: relative; position: relative;
} }
#qrcodeImg { #qrcodeImg {
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-45%);
bottom: 125px; bottom: 150px;
} }
.box { .box {
padding: 44px; padding: 44px;
border: 1px solid #eee; border: 1px solid #eee;