Skip to content

E
ElectricitySheep
Commit a6926dc2 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 3d2add3c
Show whitespace changes
Inline Side-by-side
Showing with 45 additions and 42 deletions
src/components/StoreDesign/liveConfig.vue
View file @ a6926dc2
<style> <style>
.customPoster .custom_Main { .customPoster .custom_Main {
display: flex; display: flex;
} }
...@@ -330,9 +329,11 @@ ...@@ -330,9 +329,11 @@
margin: 5px; margin: 5px;
padding: 0 5px; padding: 0 5px;
} }
.activeCustomer { .activeCustomer {
border: 1px solid #409eff!important; border: 1px solid #409eff !important;
} }
.custom_rightCheck .el-radio { .custom_rightCheck .el-radio {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
...@@ -374,11 +375,11 @@ ...@@ -374,11 +375,11 @@
<div class="custom_Main"> <div class="custom_Main">
<div class="custom_mobile_box"> <div class="custom_mobile_box">
<div class="custom_bg_box"> <div class="custom_bg_box">
<div class="custom_bg_pic" :style="{ backgroundImage:'url('+ShareMsg.PosterBgImg+')'}"> <div class="custom_bg_pic" :style="{ backgroundImage:'url('+ShareMsg.LiveBgImg+')'}">
</div> </div>
<div class="custom_AppImage" v-if="ShareMsg.IsShowQrCode==0" :style="{left:ShareMsg.QrCodePaddingLeft+'px', <div class="custom_AppImage" v-if="ShareMsg.IsShowQrCode==0" :style="{left:ShareMsg.LiveQrCodePaddingLeft+'px',
width:ShareMsg.QrCodeSize+'px',height:ShareMsg.QrCodeSize+'px',top:ShareMsg.QrCodePaddingTop+'px', width:ShareMsg.LiveQrCodeSize+'px',height:ShareMsg.LiveQrCodeSize+'px',top:ShareMsg.LiveQrCodePaddingTop+'px',
'borderRadius':ShareMsg.QrCodeType==0?'50%':'0%'}"></div> 'borderRadius':ShareMsg.LiveQrCodeType==0?'50%':'0%'}"></div>
</div> </div>
</div> </div>
<div class="custom_formBody"> <div class="custom_formBody">
...@@ -387,35 +388,32 @@ ...@@ -387,35 +388,32 @@
<div class="el-card__header">二维码设置</div> <div class="el-card__header">二维码设置</div>
<el-form label-width="20%" style="padding:20px;"> <el-form label-width="20%" style="padding:20px;">
<el-form-item label="样式" size="small"> <el-form-item label="样式" size="small">
<el-radio-group v-model="ShareMsg.QrCodeType"> <el-radio-group v-model="ShareMsg.LiveQrCodeType">
<el-radio :label="0">圆形</el-radio> <el-radio :label="0">圆形</el-radio>
<el-radio :label="1">方形</el-radio> <el-radio :label="1">方形</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="大小" size="small"> <el-form-item label="大小" size="small">
<el-slider v-model="ShareMsg.QrCodeSize" @change="getCodeMax(ShareMsg.QrCodeSize)" :max="300" <el-slider v-model="ShareMsg.LiveQrCodeSize" @change="getCodeMax(ShareMsg.LiveQrCodeSize)" :max="300"
show-input> show-input>
</el-slider> </el-slider>
</el-form-item> </el-form-item>
<el-form-item label="上边距" size="small"> <el-form-item label="上边距" size="small">
<el-slider v-model="ShareMsg.QrCodePaddingTop" :max="maxTwocodeTop" show-input></el-slider> <el-slider v-model="ShareMsg.LiveQrCodePaddingTop" :max="maxTwocodeTop" show-input></el-slider>
</el-form-item> </el-form-item>
<el-form-item label="左边距" size="small"> <el-form-item label="左边距" size="small">
<el-slider v-model="ShareMsg.QrCodePaddingLeft" :max="maxTwocodeLeft" show-input></el-slider> <el-slider v-model="ShareMsg.LiveQrCodePaddingLeft" :max="maxTwocodeLeft" show-input></el-slider>
</el-form-item> </el-form-item>
</el-form> </el-form>
</template> </template>
</div> </div>
<div class="customShareBtn"> <div class="customShareBtn">
<el-button size="small" type="primary" @click="SetFenXiaoPoster()">保存</el-button> <el-button size="small" type="primary" @click="SetLiveConfig()">保存</el-button>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<!-- 选择图片文件 -->
<el-dialog title="选择文件" :visible.sync="choicImg" width="1240px">
<ChooseImg @SelectId="SelectId"></ChooseImg>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
...@@ -427,16 +425,15 @@ ...@@ -427,16 +425,15 @@
//二维码最大左边距 //二维码最大左边距
maxTwocodeLeft: 0, maxTwocodeLeft: 0,
//分销默认背景图 //分销默认背景图
sharePosterDefaultImg: this.domainManager().ImageUrl + '/Static/shareposterdefault.jpg', sharePosterDefaultImg: this.domainManager().ImageUrl + '/Static/livedefault.jpg',
//分销海报 //分销海报
ShareMsg: { ShareMsg: {
Id: 0, Id: 0,
PosterBgImg: "", //海报背景图 LiveBgImg: "", //海报背景图
IsShowQrCode: 0, //是否显示二维码(0-显示,1-不显示) LiveQrCodeSize: 0, //二维码大小
QrCodeSize: 0, //二维码大小 LiveQrCodePaddingTop: 0, //二维码上间距
QrCodePaddingTop: 0, //二维码上间距 LiveQrCodePaddingLeft: 0, //二维码左间距
QrCodePaddingLeft: 0, //二维码左间距 LiveQrCodeType: 0, //二维码形状(0-圆形，1-方形)
QrCodeType: 0, //二维码形状(0-圆形，1-方形)
}, },
}; };
}, },
...@@ -448,27 +445,26 @@ ...@@ -448,27 +445,26 @@
this.maxTwocodeLeft = 750 - chicun; this.maxTwocodeLeft = 750 - chicun;
}, },
//获取分销海报 //获取分销海报
GetFenXiaoPoster() { GetLiveConfig() {
this.apipost("/api/Tenant/GetFenXiaoPoster", {}, res => { this.apipost("/api/Tenant/GetLiveConfig", {}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
var jsonData = res.data.data; var jsonData = res.data.data;
if (jsonData) { if (jsonData) {
this.ShareMsg.Id = jsonData.Id; this.ShareMsg.Id = jsonData.Id;
this.ShareMsg.PosterBgImg = jsonData.PosterBgImg; this.ShareMsg.LiveBgImg = jsonData.LiveBgImg;
this.ShareMsg.IsShowQrCode = jsonData.IsShowQrCode; this.ShareMsg.IsShowQrCode = jsonData.IsShowQrCode;
this.ShareMsg.QrCodePaddingTop = jsonData.QrCodePaddingTop; this.ShareMsg.LiveQrCodePaddingTop = jsonData.LiveQrCodePaddingTop;
this.ShareMsg.QrCodePaddingLeft = jsonData.QrCodePaddingLeft; this.ShareMsg.LiveQrCodePaddingLeft = jsonData.LiveQrCodePaddingLeft;
this.ShareMsg.QrCodeSize = jsonData.QrCodeSize; this.ShareMsg.LiveQrCodeSize = jsonData.LiveQrCodeSize;
this.ShareMsg.QrCodeType = jsonData.QrCodeType; this.ShareMsg.LiveQrCodeType = jsonData.LiveQrCodeType;
} else { } else {
this.ShareMsg.PosterBgImg = this.sharePosterDefaultImg; this.ShareMsg.LiveBgImg = this.sharePosterDefaultImg;
this.ShareMsg.IsShowQrCode = 0; this.ShareMsg.IsShowQrCode = 0;
this.ShareMsg.QrCodeSize = 162; this.ShareMsg.LiveQrCodeSize = 162;
this.ShareMsg.QrCodePaddingTop = 1022; this.ShareMsg.LiveQrCodePaddingTop = 1022;
this.ShareMsg.QrCodePaddingLeft = 76; this.ShareMsg.LiveQrCodePaddingLeft = 76;
this.ShareMsg.QrCodeSize = 162; this.ShareMsg.LiveQrCodeSize = 162;
this.ShareMsg.QrCodeType = 0; this.ShareMsg.LiveQrCodeType = 0;
} }
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
...@@ -476,14 +472,21 @@ ...@@ -476,14 +472,21 @@
}) })
}, },
//添加修改分销海报 //添加修改分销海报
SetFenXiaoPoster() { SetLiveConfig() {
this.apipost("/api/Tenant/SetLiveConfig", this.ShareMsg, res => {
if (res.data.resultCode == 1) {
this.GetLiveConfig();
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
})
} }
}, },
mounted() { mounted() {
this.maxTwocodeTop = 1334 - this.ShareMsg.QrCodeSize; this.maxTwocodeTop = 1334 - this.ShareMsg.QrCodeSize;
this.maxTwocodeLeft = 750 - this.ShareMsg.QrCodeSize; this.maxTwocodeLeft = 750 - this.ShareMsg.QrCodeSize;
this.GetFenXiaoPoster(); this.GetLiveConfig();
} }
}; };
......
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