Commit 0c42955f authored by 黄奎's avatar 黄奎

页面

parent 8b7106a1
......@@ -26,19 +26,22 @@
<div class="Auth_imgList" flex="main:center cross:center" v-if="addMsg.imgUrl!=''">
<img :src="getIconLink(addMsg.imgUrl)" alt="">
<el-button type="danger" v-if="addMsg.imgUrl!=''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="addMsg.imgUrl=''" circle></el-button>
icon="el-icon-close" @click.stop="addMsg.imgUrl=''" circle></el-button>
</div>
</el-form-item>
<el-form-item label="热区">
<choiceArea :multiple="true" :max="2" :pic-url="addMsg.imgUrl==''?domainManager().ImageUrl+'/Static/auth-default.png':getIconLink(addMsg.imgUrl)" mode='auth' :hotspot-array="addMsg.hotspot"
width="650px" height="700px" @confirm="selectHotspot" :is-link="false">
<el-button size="mini">划分热区</el-button>
</choiceArea>
<div>注:需要划分两个热区:一个是登录按钮热区,一个是暂不登录按钮热区</div>
<choiceArea :multiple="true" :max="2"
:pic-url="addMsg.imgUrl==''?domainManager().ImageUrl+'/Static/auth-default.png':getIconLink(addMsg.imgUrl)"
mode='auth' :hotspot-array="addMsg.hotspot" width="650px" height="700px" @confirm="selectHotspot"
:is-link="false">
<el-button size="mini">划分热区</el-button>
</choiceArea>
<div>注:需要划分两个热区:一个是登录按钮热区,一个是暂不登录按钮热区</div>
</el-form-item>
</el-form>
</el-card>
<el-button type="primary" style="margin-top:20px;padding:9px 25px" size="small" @click="saveMsg">保存</el-button>
<el-button type="primary" style="margin-top:20px;padding:9px 25px" size="small" @click="saveMsg">保存
</el-button>
</div>
</div>
</div>
......@@ -79,29 +82,28 @@
methods: {
//保存
saveMsg() {
this.apipost("/api/Tenant/SetMallMagic", this.addMsg, res => {
if (res.data.resultCode == 1) {
this.getList();
this.clearInfo();
this.authorizaAdd = true;
} else {
this.Info(res.data.message);
}
})
console.log("this.addMsg", this.addMsg);
// this.apipost("/api/Tenant/SetMallMagic", this.addMsg, res => {
// if (res.data.resultCode == 1) {
// this.getList();
// this.clearInfo();
// this.authorizaAdd = true;
// } else {
// this.Info(res.data.message);
// }
// })
},
//选择图片
SelectId(msg) {
this.addMsg.imgUrl = msg.url;
this.choicImg = false;
},
// 热区选择(edit)
// 热区选择(edit)
selectHotspot(list) {
this.addMsg.hotspot = list;
},
},
mounted() {
}
mounted() {}
};
</script>
......@@ -134,8 +136,8 @@
transform: scale(0.5);
}
.authoriza .Auth_imgList{
height: 222px;
.authoriza .Auth_imgList {
height: 222px;
width: 125px;
border: 1px solid #e3e3e3;
border-radius: 2px;
......@@ -143,14 +145,17 @@
margin-bottom: 10px;
position: relative;
}
.authoriza .Auth_imgList img{
.authoriza .Auth_imgList img {
max-width: 100%;
max-height: 100%;
}
.authoriza .image-delete{
.authoriza .image-delete {
position: absolute;
right: -8px;
top: -8px;
padding: 4px 4px;
}
</style>
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