Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
96196e289b | ||
| 0ed29e2a65 | |||
| c712487d1d |
17472
npm-shrinkwrap.json
generated
17472
npm-shrinkwrap.json
generated
File diff suppressed because it is too large
Load Diff
@@ -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/";//正式
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 请求拦截
|
* 请求拦截
|
||||||
|
|||||||
@@ -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,
|
||||||
@@ -230,11 +198,11 @@ export default {
|
|||||||
},
|
},
|
||||||
// 保存图片到本地
|
// 保存图片到本地
|
||||||
imgDown(img) {
|
imgDown(img) {
|
||||||
if(!this.posterImg){
|
if (!this.posterImg) {
|
||||||
return this.$message({
|
return this.$message({
|
||||||
titile:'提示',
|
titile: '提示',
|
||||||
message:'请先生成海报',
|
message: '请先生成海报',
|
||||||
type:'warning'
|
type: 'warning'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
var alink = document.createElement("a");
|
var alink = document.createElement("a");
|
||||||
@@ -356,8 +324,8 @@ export default {
|
|||||||
var ids = id
|
var ids = id
|
||||||
? [id]
|
? [id]
|
||||||
: this.checkBoxData.map((item) => {
|
: this.checkBoxData.map((item) => {
|
||||||
return item.campusId;
|
return item.campusId;
|
||||||
});
|
});
|
||||||
this.$http({
|
this.$http({
|
||||||
url: this.$http.adornUrl(`helpCampus/deleteCampus?ids=${ids}`),
|
url: this.$http.adornUrl(`helpCampus/deleteCampus?ids=${ids}`),
|
||||||
method: "get",
|
method: "get",
|
||||||
@@ -388,7 +356,7 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch(() => {});
|
.catch(() => { });
|
||||||
},
|
},
|
||||||
//删除
|
//删除
|
||||||
deleteStair(row) {
|
deleteStair(row) {
|
||||||
@@ -426,7 +394,7 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch(() => {});
|
.catch(() => { });
|
||||||
},
|
},
|
||||||
// 重置
|
// 重置
|
||||||
cleans() {
|
cleans() {
|
||||||
@@ -499,12 +467,12 @@ 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;
|
||||||
this.createQrcode( this.appshareUrl);
|
this.createQrcode(this.appshareUrl);
|
||||||
this.createPoster();
|
this.createPoster();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@@ -523,24 +491,42 @@ 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()
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
#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;
|
||||||
|
|||||||
Reference in New Issue
Block a user