Skip to content

E
ElectricitySheep
Commit dc0325a3 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

直播间修改

parent 8db363d7
Hide whitespace changes
Inline Side-by-side
Showing with 156 additions and 251 deletions
src/components/StoreDesign/liveManage.vue
View file @ dc0325a3
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
v-loading="loading" v-loading="loading"
style="width: 100%"> style="width: 100%">
<el-table-column <el-table-column
prop="ID" prop="roomid"
label="房间ID" label="房间ID"
width="80"> width="80">
</el-table-column> </el-table-column>
...@@ -59,7 +59,23 @@ ...@@ -59,7 +59,23 @@
<div class="el-tag" v-if="scope.row.live_status==106">异常</div> <div class="el-tag" v-if="scope.row.live_status==106">异常</div>
<div class="el-tag" v-if="scope.row.live_status==107">已过期</div> <div class="el-tag" v-if="scope.row.live_status==107">已过期</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="海报">
<template slot-scope="scope">
<el-image :src="scope.row.ExtensionImg" class="goods-image" :preview-src-list="[scope.row.ExtensionImg]" style="width:150px;height:150px"></el-image>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="图片上传" placement="top">
<img @click="imgupload(scope.row)" class="app-order-icon"
src="../../assets/img/userman/imgsc.png" alt="">
</el-tooltip>
</template>
</el-table-column>
</el-table> </el-table>
<el-pagination style="text-align:right" <el-pagination style="text-align:right"
background background
...@@ -69,12 +85,20 @@ ...@@ -69,12 +85,20 @@
:total="count"> :total="count">
</el-pagination> </el-pagination>
</div> </div>
<!-- 选择文件 -->
<el-dialog title="选择文件" :visible.sync="changeState" width="1240px">
<ChooseImg @SelectId="SelectId" ref="mychild"></ChooseImg>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import ChooseImg from "@/components/global/ChooseImg.vue";
export default { export default {
name: "liveManage", name: "liveManage",
components: {
ChooseImg
},
data(){ data(){
return{ return{
msg:{ msg:{
...@@ -85,6 +109,12 @@ ...@@ -85,6 +109,12 @@
tableData: [], tableData: [],
loading:false, loading:false,
btnload:false, btnload:false,
changeState:false,
imgMsg:{
ID:0,
roomid:0,
ExtensionImg:'',
}
} }
}, },
created(){ created(){
...@@ -120,6 +150,30 @@ ...@@ -120,6 +150,30 @@
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getIntegraStatisticslList(); this.getIntegraStatisticslList();
}, },
imgupload(row){
console.log(row)
this.imgMsg.ID = row.HouseImgID;
this.imgMsg.roomid = row.roomid;
this.changeState = true;
},
SelectId(msg){
let img = this.getIconLink(msg.url)
this.changeState = false;
this.imgMsg.ExtensionImg = img;
this.addOrUpdateHouseImg()
},
addOrUpdateHouseImg(){
this.btnload=true;
this.apipost("/api/Publish/AddOrUpdateHouseImg", this.imgMsg, res => {
this.btnload=false;
if(res.data.resultCode==1){
this.getDateList()
}else {
this.Info(res.data.message);
}
})
},
} }
} }
</script> </script>
......
src/components/UserMan/tinyMerchant/wdCustomSet.vue
View file @ dc0325a3
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<div class="el-scrollbar__view"> <div class="el-scrollbar__view">
<div> <div>
<div class="el-image" style="display: block; width: 100%; height: 150px;"> <div class="el-image" style="display: block; width: 100%; height: 150px;">
<img :src="getIconLink(addMsg.HeadImage)" class="el-image__inner"> <img :src="getIconLink(addMsg.HeadBackImage)" class="el-image__inner">
</div> </div>
<div style="background: rgb(255, 255, 255); height: 40px; padding: 0px 14px;"> <div style="background: rgb(255, 255, 255); height: 40px; padding: 0px 14px;">
<div flex="cross:center" <div flex="cross:center"
...@@ -52,8 +52,8 @@ ...@@ -52,8 +52,8 @@
</div> </div>
</div> </div>
<div class="apply-btn" <div class="apply-btn"
:style="{borderRadius: addMsg.ButtonFilletPX+'px',backgroundColor:addMsg.ButtonColor , color:addMsg.ButtonTextColor}"> :style="{borderRadius: addMsg.WithdrawalFilletPX+'px',backgroundColor:addMsg.WithdrawalColor , color:addMsg.WithdrawalTextColor}">
{{addMsg.ButtonText}} {{addMsg.WithdrawalText}}
</div> </div>
<div class="el-image" style="display: block; width: 100%;"> <div class="el-image" style="display: block; width: 100%;">
<img :src="getIconLink(addMsg.BottomImage)" class="el-image__inner"> <img :src="getIconLink(addMsg.BottomImage)" class="el-image__inner">
...@@ -68,6 +68,9 @@ ...@@ -68,6 +68,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div style="width:100%"> <div style="width:100%">
...@@ -75,74 +78,40 @@ ...@@ -75,74 +78,40 @@
<el-form style="padding:20px 0;background:#fff" ref="addMsg" :model="addMsg" label-width="100px"> <el-form style="padding:20px 0;background:#fff" ref="addMsg" :model="addMsg" label-width="100px">
<el-form-item label="头部图片"> <el-form-item label="头部图片">
<el-button @click="openChangeDig(1)" size="mini">选择文件</el-button> <el-button @click="openChangeDig(1)" size="mini">选择文件</el-button>
<el-button @click="addMsg.HeadImage=HeadImagePath" size="mini" type="primary">恢复默认</el-button> <el-button @click="addMsg.HeadBackImage=HeadImagePath" size="mini" type="primary">恢复默认</el-button>
<div style="position: relative;margin-top:10px;width:80px;cursor: move;"> <div style="position: relative;margin-top:10px;width:80px;cursor: move;">
<img @click="openChangeDig(1)" v-if="addMsg.HeadImage==''" style="width:100px;height:100px" <img @click="openChangeDig(1)" v-if="addMsg.HeadBackImage==''" style="width:100px;height:100px"
src="../../../assets/img/default.png" alt=""> src="../../../assets/img/default.png" alt="">
<div v-else class="app-image" <div v-else class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.HeadImage) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.HeadBackImage) + ')',backgroundSize:'cover'}">
</div> </div>
<button @click="addMsg.HeadImage=''" type="button" <button @click="addMsg.HeadBackImage=''" type="button"
class="el-button del-btn el-button--danger el-button--mini is-circle"><i
class="el-icon-close"></i></button>
</div>
</el-form-item>
<el-form-item label="底部图片">
<el-button @click="openChangeDig(2)" size="mini">选择文件</el-button>
<el-button @click="addMsg.BottomImage=BottomImagePath" size="mini" type="primary">恢复默认</el-button>
<div style="position: relative;margin-top:10px;width:80px;cursor: move;">
<img @click="openChangeDig(2)" v-if="addMsg.BottomImage==''" style="width:100px;height:100px"
src="../../../assets/img/default.png" alt="">
<div v-else class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.BottomImage) + ')',backgroundSize:'cover'}">
</div>
<button @click="addMsg.BottomImage=''" type="button"
class="el-button del-btn el-button--danger el-button--mini is-circle"><i class="el-button del-btn el-button--danger el-button--mini is-circle"><i
class="el-icon-close"></i></button> class="el-icon-close"></i></button>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="hr"></div> <div class="hr"></div>
<div class="title">文字</div>
<el-form style="padding:20px 0;background:#fff" ref="addMsg" :model="addMsg" label-width="50px">
<el-form-item label="">
<div flex="dir:left cross:center" class="share-text">
<div class="default">分销申请</div>
<img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png"
alt="">
<el-input v-model="addMsg.DistributionApplication" style="width:40%" size="small" placeholder="请输入内容">
</el-input>
</div>
</el-form-item>
<el-form-item label="">
<div flex="dir:left cross:center" class="share-text">
<div class="default">分销申请协议</div>
<img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png"
alt="">
<el-input v-model="addMsg.ApplicationAgreement" style="width:40%" size="small" placeholder="请输入内容">
</el-input>
</div>
</el-form-item>
</el-form>
<div class="hr"></div> <div class="hr"></div>
<div class="title">按钮</div> <div class="title">按钮</div>
<el-form style="padding:20px 0;background:#fff" ref="addMsg" :model="addMsg" label-width="100px"> <el-form style="padding:20px 0;background:#fff" ref="addMsg" :model="addMsg" label-width="100px">
<el-form-item label="按钮圆角"> <el-form-item label="按钮圆角">
<el-slider style="width:70%;display:inline-block" v-model="addMsg.ButtonFilletPX" show-input> <el-slider style="width:70%;display:inline-block" v-model="addMsg.WithdrawalFilletPX" show-input>
</el-slider> </el-slider>
<span style="position:relative;top:-16px;margin-left:5px">px</span> <span style="position:relative;top:-16px;margin-left:5px">px</span>
</el-form-item> </el-form-item>
<el-form-item label="按钮文本"> <el-form-item label="按钮文本">
<el-input v-model="addMsg.ButtonText" style="width:40%" size="small" placeholder="请输入内容"></el-input> <el-input v-model="addMsg.WithdrawalText" style="width:40%" size="small" placeholder="请输入内容"></el-input>
</el-form-item> </el-form-item>
<el-form-item class="flexForm" style="margin-right:100px" label="填充颜色"> <el-form-item class="flexForm" style="margin-right:100px" label="填充颜色">
<el-color-picker size="small" v-model="addMsg.ButtonColor"></el-color-picker> <el-color-picker size="small" v-model="addMsg.WithdrawalColor"></el-color-picker>
<el-input v-model="addMsg.ButtonColor" style="width:105px" size="small" placeholder="请输入"></el-input> <el-input v-model="addMsg.WithdrawalColor" style="width:105px" size="small" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item class="flexForm" label="文本颜色"> <el-form-item class="flexForm" label="文本颜色">
<el-color-picker size="small" v-model="addMsg.ButtonTextColor"></el-color-picker> <el-color-picker size="small" v-model="addMsg.WithdrawalTextColor"></el-color-picker>
<el-input v-model="addMsg.ButtonTextColor" style="width:105px" size="small" placeholder="请输入"> <el-input v-model="addMsg.WithdrawalTextColor" style="width:105px" size="small" placeholder="请输入">
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -174,7 +143,7 @@ ...@@ -174,7 +143,7 @@
<div flex="dir:left cross:center" <div flex="dir:left cross:center"
style="margin-top: 10px; color: rgb(255, 255, 255); justify-content: space-between;"> style="margin-top: 10px; color: rgb(255, 255, 255); justify-content: space-between;">
<div> <div>
<div>{{addMsg.CommissionForWithdrawalName}}</div> <div>{{addMsg.WithdrawableName}}</div>
<div>10元</div> <div>10元</div>
</div> </div>
<div <div
...@@ -199,37 +168,44 @@ ...@@ -199,37 +168,44 @@
<div flex="dir:left cross:center" style="flex-wrap: wrap;"> <div flex="dir:left cross:center" style="flex-wrap: wrap;">
<div flex="dir:top cross:center main:center" class="text-center" <div flex="dir:top cross:center main:center" class="text-center"
style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;"> style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;">
<img :src="getIconLink(addMsg.DistributionCommissionImage)" style="width: 35px; height: 35px;"> <img :src="getIconLink(addMsg.SmallShopOrderImage)" style="width: 35px; height: 35px;">
<div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);"> <div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);">
{{addMsg.DistributionCommissionName}} {{addMsg.SmallShopOrderName}}
</div> </div>
</div> </div>
<div flex="dir:top cross:center main:center" class="text-center" <div flex="dir:top cross:center main:center" class="text-center"
style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;"> style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;">
<img :src="getIconLink(addMsg.DistributionOrderImage)" style="width: 35px; height: 35px;"> <img :src="getIconLink(addMsg.WithdrawalDetailImage)" style="width: 35px; height: 35px;">
<div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);"> <div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);">
{{addMsg.DistributionOrderName}} {{addMsg.WithdrawalDetailName}}
</div> </div>
</div> </div>
<div flex="dir:top cross:center main:center" class="text-center" <div flex="dir:top cross:center main:center" class="text-center"
style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;"> style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;">
<img :src="getIconLink(addMsg.WithdrawDetialsImage)" style="width: 35px; height: 35px;"> <img :src="getIconLink(addMsg.MyCustomerImage)" style="width: 35px; height: 35px;">
<div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);"> <div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);">
{{addMsg.WithdrawDetialsName}} {{addMsg.MyCustomerName}}
</div> </div>
</div> </div>
<div flex="dir:top cross:center main:center" class="text-center" <div flex="dir:top cross:center main:center" class="text-center"
style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;"> style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;">
<img :src="getIconLink(addMsg.MyTeamImage)" style="width: 35px; height: 35px;"> <img :src="getIconLink(addMsg.SmallShopQRCodeImage)" style="width: 35px; height: 35px;">
<div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);"> <div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);">
{{addMsg.MyTeamName}} {{addMsg.SmallShopQRCodeName}}
</div> </div>
</div> </div>
<div flex="dir:top cross:center main:center" class="text-center" <div flex="dir:top cross:center main:center" class="text-center"
style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;"> style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;">
<img :src="getIconLink(addMsg.PromoteQRCodeImage)" style="width: 35px; height: 35px;"> <img :src="getIconLink(addMsg.SmallShopSetUpImage)" style="width: 35px; height: 35px;">
<div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);">
{{addMsg.SmallShopSetUpName}}
</div>
</div>
<div flex="dir:top cross:center main:center" class="text-center"
style="border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); width: 125px; height: 110px;">
<img :src="getIconLink(addMsg.LiveImage)" style="width: 35px; height: 35px;">
<div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);"> <div style="transform: scale(0.8); font-size: 16px; padding-top: 8px; color: rgb(102, 102, 102);">
{{addMsg.PromoteQRCodeName}} {{addMsg.LiveName}}
</div> </div>
</div> </div>
</div> </div>
...@@ -241,88 +217,70 @@ ...@@ -241,88 +217,70 @@
<div class="title">栏目</div> <div class="title">栏目</div>
<div class="form-body el-row fxzx"> <div class="form-body el-row fxzx">
<div flex="dir-left" style="border-radius: 3px; width: 70%; margin-left: 2.5%;"> <div flex="dir-left" style="border-radius: 3px; width: 70%; margin-left: 2.5%;">
<span @click="openIcon(3,addMsg.DistributionCommissionName,addMsg.DistributionCommissionImage)" <span @click="openIcon(3,addMsg.SmallShopOrderName,addMsg.SmallShopOrderImage)"
flex="dir:top main:center cross:center" flex="dir:top main:center cross:center"
style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;"> style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="app-image" <div class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.DistributionCommissionImage) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.SmallShopOrderImage) + ')',backgroundSize:'cover'}">
</div> </div>
<div style="margin-top: 8px;">{{addMsg.DistributionCommissionName}}</div> <div style="margin-top: 8px;">{{addMsg.SmallShopOrderName}}</div>
</span> </span>
<span @click="openIcon(4,addMsg.DistributionOrderName,addMsg.DistributionOrderImage)" <span @click="openIcon(4,addMsg.WithdrawalDetailName,addMsg.WithdrawalDetailImage)"
flex="dir:top main:center cross:center" flex="dir:top main:center cross:center"
style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;"> style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="app-image" <div class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.DistributionOrderImage) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.WithdrawalDetailImage) + ')',backgroundSize:'cover'}">
</div> </div>
<div style="margin-top: 8px;">{{addMsg.DistributionOrderName}}</div> <div style="margin-top: 8px;">{{addMsg.WithdrawalDetailName}}</div>
</span> </span>
<span @click="openIcon(5,addMsg.WithdrawDetialsName,addMsg.WithdrawDetialsImage)" <span @click="openIcon(5,addMsg.MyCustomerName,addMsg.MyCustomerImage)"
flex="dir:top main:center cross:center" flex="dir:top main:center cross:center"
style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;"> style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="app-image" <div class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.WithdrawDetialsImage) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.MyCustomerImage) + ')',backgroundSize:'cover'}">
</div> </div>
<div style="margin-top: 8px;"> {{addMsg.WithdrawDetialsName}}</div> <div style="margin-top: 8px;"> {{addMsg.MyCustomerName}}</div>
</span> </span>
<span @click="openIcon(6,addMsg.MyTeamName,addMsg.MyTeamImage)" flex="dir:top main:center cross:center" <span @click="openIcon(6,addMsg.SmallShopQRCodeName,addMsg.SmallShopQRCodeImage)" flex="dir:top main:center cross:center"
style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;"> style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="app-image" <div class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.MyTeamImage) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.SmallShopQRCodeImage) + ')',backgroundSize:'cover'}">
</div> </div>
<div style="margin-top: 8px;">{{addMsg.MyTeamName}}</div> <div style="margin-top: 8px;">{{addMsg.SmallShopQRCodeName}}</div>
</span> </span>
<span @click="openIcon(7,addMsg.PromoteQRCodeName,addMsg.PromoteQRCodeImage)" <span @click="openIcon(7,addMsg.SmallShopSetUpName,addMsg.SmallShopSetUpImage)"
flex="dir:top main:center cross:center" flex="dir:top main:center cross:center"
style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;"> style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="app-image" <div class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.PromoteQRCodeImage) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.SmallShopSetUpImage) + ')',backgroundSize:'cover'}">
</div> </div>
<div style="margin-top: 8px;">{{addMsg.PromoteQRCodeName}}</div> <div style="margin-top: 8px;">{{addMsg.SmallShopSetUpName}}</div>
</span> </span>
</div> <span @click="openIcon(8,addMsg.LiveName,addMsg.LiveImage)"
</div> flex="dir:top main:center cross:center"
<div class="title">会员购买</div> style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="form-body el-row fxzx"> <div class="app-image"
<el-form label-width="150px" style="padding:20px;"> :style="{backgroundImage:'url(' + getIconLink(addMsg.LiveImage) + ')',backgroundSize:'cover'}">
<el-form-item label="会员购买显示状态" size="small">
<el-switch v-model="addMsg.IsShowVIPBuyPic" :active-value="1" :inactive-value="0"></el-switch>
</el-form-item>
<el-form-item label="会员购买图片" size="small">
<div>
<el-button size="mini" @click="openChangeDig(10)">选择文件</el-button>
</div>
<div class="userCommonimg">
<img v-if="addMsg.VipBuyICO" :src="getIconLink(addMsg.VipBuyICO)" alt="" />
<img v-else src="../../../assets/img/default.png" alt="" />
</div> </div>
</el-form-item> <div style="margin-top: 8px;">{{addMsg.LiveName}}</div>
<el-form-item label="会员购买链接" size="small"> </span>
<el-input v-model="addMsg.VipBuyUrl" style="width:40%" size="small" placeholder="请输入内容"></el-input> </div>
</el-form-item>
</el-form>
</div> </div>
<div class="title">文字</div> <div class="title">文字</div>
<el-form style="padding:20px 0;background:#fff" ref="addMsg" :model="addMsg" label-width="50px"> <el-form style="padding:20px 0;background:#fff" ref="addMsg" :model="addMsg" label-width="50px">
<el-form-item label="">
<div flex="dir:left cross:center" class="share-text">
<div class="default">推荐人</div>
<img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png"
alt="">
<el-input v-model="addMsg.ReferrerName" style="width:40%" size="small" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
<el-form-item label=""> <el-form-item label="">
<div flex="dir:left cross:center" class="share-text"> <div flex="dir:left cross:center" class="share-text">
<div class="default">可提现佣金</div> <div class="default">可提现佣金</div>
<img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png" <img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png"
alt=""> alt="">
<el-input v-model="addMsg.CommissionForWithdrawalName" style="width:40%" size="small" <el-input v-model="addMsg.WithdrawableName" style="width:40%" size="small"
placeholder="请输入内容"></el-input> placeholder="请输入内容"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label=""> <!-- <el-form-item label="">
<div flex="dir:left cross:center" class="share-text"> <div flex="dir:left cross:center" class="share-text">
<div class="default">提现</div> <div class="default">提现</div>
<img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png" <img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png"
...@@ -330,7 +288,7 @@ ...@@ -330,7 +288,7 @@
<el-input v-model="addMsg.WithdrawDepositName" style="width:40%" size="small" placeholder="请输入内容"> <el-input v-model="addMsg.WithdrawDepositName" style="width:40%" size="small" placeholder="请输入内容">
</el-input> </el-input>
</div> </div>
</el-form-item> </el-form-item> -->
<el-form-item label=""> <el-form-item label="">
<div flex="dir:left cross:center" class="share-text"> <div flex="dir:left cross:center" class="share-text">
<div class="default">已提现佣金</div> <div class="default">已提现佣金</div>
...@@ -349,15 +307,6 @@ ...@@ -349,15 +307,6 @@
placeholder="请输入内容"></el-input> placeholder="请输入内容"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="">
<div flex="dir:left cross:center" class="share-text">
<div class="default">分销商</div>
<img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png"
alt="">
<el-input v-model="addMsg.DistributorName" style="width:40%" size="small" placeholder="请输入内容">
</el-input>
</div>
</el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -542,113 +491,6 @@ ...@@ -542,113 +491,6 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="我的用户" name="five">
<div style="display: flex;">
<div class="mobile">
<div class="screen">
<div flex="main:center cross:center" class="top-bar">
<div>我的团队</div>
</div>
<div class="content">
<div flex="dir:left box:mean cross:center"
style="height: 50px; border: 1px solid rgb(226, 226, 226); background: rgb(255, 255, 255);">
<div flex="main:center">
<div flex="cross:center"
style="height: 50px; border-bottom: 1px solid rgb(255, 69, 68); color: rgb(255, 69, 68);">
{{addMsg.OneDistributionName}}(0)
</div>
</div>
<div flex="main:center">
<div>{{addMsg.TwoDistributionName}}(10)</div>
</div>
<div flex="main:center">
<div>{{addMsg.ThreeDistributionName}}(0)</div>
</div>
</div>
<div flex="dir:top" style="margin-bottom: 10px;">
<div flex="dir:left cross:center"
style="background: rgb(255, 255, 255); padding: 10px; height: 80px;">
<div class="app-image"
style="background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%;">
</div>
<div flex="dir:top main:center" style="width: 100%; margin-left: 12px;">
<div flex="dir:left cross:center">
<div style="font-size: 13pt;">张三</div>
<div style="margin-left: auto;">推广20人</div>
</div>
<div style="color: rgb(102, 102, 102); padding-top: 8px;">注册时间：2012-01-12</div>
</div>
</div>
<div flex="dir:left cross:center"
style="color: rgb(102, 102, 102); background: rgb(255, 255, 255); border-top: 1px solid rgb(226, 226, 226); padding: 0px 12px; height: 40px;">
<div>消费200.00元</div>
<div style="margin-left: auto;">2个订单</div>
</div>
</div>
<div flex="dir:top" style="margin-bottom: 10px;">
<div flex="dir:left cross:center"
style="background: rgb(255, 255, 255); padding: 10px; height: 80px;">
<div class="app-image"
style="background-image: url(ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3740798461); background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%;">
</div>
<div flex="dir:top main:center" style="width: 100%; margin-left: 12px;">
<div flex="dir:left cross:center">
<div style="font-size: 13pt;">张三</div>
<div style="margin-left: auto;">推广20人</div>
</div>
<div style="color: rgb(102, 102, 102); padding-top: 8px;">注册时间：2012-01-12</div>
</div>
</div>
<div flex="dir:left cross:center"
style="color: rgb(102, 102, 102); background: rgb(255, 255, 255); border-top: 1px solid rgb(226, 226, 226); padding: 0px 12px; height: 40px;">
<div>消费200.00元</div>
<div style="margin-left: auto;">2个订单</div>
</div>
</div>
<div flex="dir:left main:center cross:center" style="margin: 16px 0px; color: rgb(153, 153, 153);">
<div flex="cross:center">
<div style="height: 1px; width: 84px; background: rgb(153, 153, 153);"></div>
<div style="margin: 0px 10px;">没有更多了</div>
<div style="height: 1px; width: 84px; background: rgb(153, 153, 153);"></div>
</div>
</div>
</div>
</div>
</div>
<div style="width:100%">
<div class="title">文字</div>
<el-form style="padding:20px 0;background:#fff" ref="addMsg" :model="addMsg" label-width="50px">
<el-form-item label="">
<div flex="dir:left cross:center" class="share-text">
<div class="default">一级分销名称</div>
<img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png"
alt="">
<el-input v-model="addMsg.OneDistributionName" style="width:40%" size="small" placeholder="请输入内容">
</el-input>
</div>
</el-form-item>
<el-form-item label="">
<div flex="dir:left cross:center" class="share-text">
<div class="default">二级分销名称</div>
<img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png"
alt="">
<el-input v-model="addMsg.TwoDistributionName" style="width:40%" size="small" placeholder="请输入内容">
</el-input>
</div>
</el-form-item>
<el-form-item label="">
<div flex="dir:left cross:center" class="share-text">
<div class="default">三级分销名称</div>
<img style="width:12px;height:12px;margin-right:8px" src="../../../assets/img/userman/customize_jp.png"
alt="">
<el-input v-model="addMsg.ThreeDistributionName" style="width:40%" size="small" placeholder="请输入内容">
</el-input>
</div>
</el-form-item>
</el-form>
</div>
</div>
</el-tab-pane>
<div style="padding-left:410px;padding-top:20px"> <div style="padding-left:410px;padding-top:20px">
<el-button @click="saveVipMsg('vipMsg')" size="small" type="primary" :disabled="loadingbut" v-if="activeName == 'sixth' ">保存</el-button> <el-button @click="saveVipMsg('vipMsg')" size="small" type="primary" :disabled="loadingbut" v-if="activeName == 'sixth' ">保存</el-button>
...@@ -694,8 +536,7 @@ ...@@ -694,8 +536,7 @@
activeName: 'first', activeName: 'first',
addMsg: {}, addMsg: {},
commonIndex: -1, commonIndex: -1,
HeadImagePath: this.domainManager().ImageUrl + '/Upload/Set/1587968479000.png', HeadImagePath: this.domainManager().ImageUrl + '/Upload/Goods/1597306803000_429.png',
BottomImagePath: this.domainManager().ImageUrl + '/Upload/Set/1587968716000.png',
//分销佣金默认 //分销佣金默认
fenxiaoMoren: this.domainManager().ImageUrl + '/Upload/Set/1587968503000.png', fenxiaoMoren: this.domainManager().ImageUrl + '/Upload/Set/1587968503000.png',
//分销订单默认 //分销订单默认
...@@ -757,39 +598,45 @@ ...@@ -757,39 +598,45 @@
getIconMsg(iconMsg) { getIconMsg(iconMsg) {
switch (this.commonIndex) { switch (this.commonIndex) {
case 3: case 3:
this.addMsg.DistributionCommissionImage = this.fenxiaoMoren; this.addMsg.SmallShopOrderImage = this.fenxiaoMoren;
iconMsg.Path = this.fenxiaoMoren; iconMsg.Path = this.fenxiaoMoren;
this.addMsg.DistributionCommissionName = '分销佣金'; this.addMsg.SmallShopOrderName = '分销佣金';
iconMsg.Name = '分销佣金'; iconMsg.Name = '分销佣金';
break; break;
case 4: case 4:
this.addMsg.DistributionOrderImage = this.fenxiaoOrder; this.addMsg.WithdrawalDetailImage = this.fenxiaoOrder;
iconMsg.Path = this.fenxiaoOrder; iconMsg.Path = this.fenxiaoOrder;
this.addMsg.DistributionOrderName = '分销佣金'; this.addMsg.WithdrawalDetailName = '分销佣金';
iconMsg.Name = '分销佣金'; iconMsg.Name = '分销佣金';
break; break;
case 5: case 5:
this.addMsg.WithdrawDetialsImage = this.tixianMoren; this.addMsg.MyCustomerImage = this.tixianMoren;
iconMsg.Path = this.tixianMoren; iconMsg.Path = this.tixianMoren;
this.addMsg.WithdrawDetialsName = '提现明细'; this.addMsg.MyCustomerName = '提现明细';
iconMsg.Name = '提现明细'; iconMsg.Name = '提现明细';
break; break;
case 6: case 6:
this.addMsg.MyTeamImage = this.myTeamMoren; this.addMsg.SmallShopQRCodeImage = this.myTeamMoren;
iconMsg.Path = this.myTeamMoren; iconMsg.Path = this.myTeamMoren;
this.addMsg.MyTeamName = '我的团队'; this.addMsg.SmallShopQRCodeName = '我的团队';
iconMsg.Name = '我的团队'; iconMsg.Name = '我的团队';
break; break;
case 7: case 7:
this.addMsg.PromoteQRCodeImage = this.tuiguangCode; this.addMsg.SmallShopSetUpImage = this.tuiguangCode;
iconMsg.Path = this.tuiguangCode; iconMsg.Path = this.tuiguangCode;
this.addMsg.PromoteQRCodeName = '推广二维码'; this.addMsg.SmallShopSetUpName = '推广二维码';
iconMsg.Name = '推广二维码'; iconMsg.Name = '推广二维码';
break; break;
case 7:
this.addMsg.LiveImage = this.tuiguangCode;
iconMsg.Path = this.tuiguangCode;
this.addMsg.LiveName = '直播管理';
iconMsg.Name = '直播管理';
break;
} }
}, },
save() { save() {
this.apipost("/api/user/SetDistributorCustomInfo", this.addMsg, res => { this.apipost("/api/SmallShops/SetDistributorCustomInfo", this.addMsg, res => {
this.loading = false; this.loading = false;
if (res.data.resultCode === 1) { if (res.data.resultCode === 1) {
this.Success(res.data.message); this.Success(res.data.message);
...@@ -801,39 +648,43 @@ ...@@ -801,39 +648,43 @@
}, },
SelectIcon() { SelectIcon() {
if (this.imgType == 3) { if (this.imgType == 3) {
this.addMsg.DistributionCommissionName = this.iconMsg.Name; this.addMsg.SmallShopOrderName = this.iconMsg.Name;
} else if (this.imgType == 4) { } else if (this.imgType == 4) {
this.addMsg.DistributionOrderName = this.iconMsg.Name; this.addMsg.WithdrawalDetailName = this.iconMsg.Name;
} else if (this.imgType == 5) { } else if (this.imgType == 5) {
this.addMsg.WithdrawDetialsName = this.iconMsg.Name; this.addMsg.MyCustomerName = this.iconMsg.Name;
} else if (this.imgType == 6) { } else if (this.imgType == 6) {
this.addMsg.MyTeamName = this.iconMsg.Name; this.addMsg.SmallShopQRCodeName = this.iconMsg.Name;
} else if (this.imgType == 7) { } else if (this.imgType == 7) {
this.addMsg.PromoteQRCodeName = this.iconMsg.Name; this.addMsg.SmallShopSetUpName = this.iconMsg.Name;
} else if (this.imgType == 8) {
this.addMsg.LiveName = this.iconMsg.Name;
} }
this.iconDig = false; this.iconDig = false;
}, },
SelectId(msg) { SelectId(msg) {
if (this.imgType == 1) { if (this.imgType == 1) {
this.addMsg.HeadImage = msg.url; this.addMsg.HeadBackImage = this.getIconLink(msg.url);
} else if (this.imgType == 2) { } else if (this.imgType == 2) {
this.addMsg.BottomImage = msg.url; this.addMsg.BottomImage = this.getIconLink(msg.url);
} else if (this.imgType == 3) { } else if (this.imgType == 3) {
this.addMsg.DistributionCommissionImage = msg.url; this.addMsg.SmallShopOrderImage = this.getIconLink(msg.url);
} else if (this.imgType == 4) { } else if (this.imgType == 4) {
this.addMsg.DistributionOrderImage = msg.url; this.addMsg.WithdrawalDetailImage = this.getIconLink(msg.url);
} else if (this.imgType == 5) { } else if (this.imgType == 5) {
this.addMsg.WithdrawDetialsImage = msg.url; this.addMsg.MyCustomerImage = this.getIconLink(msg.url);
} else if (this.imgType == 6) { } else if (this.imgType == 6) {
this.addMsg.MyTeamImage = msg.url; this.addMsg.SmallShopQRCodeImage = this.getIconLink(msg.url);
} else if (this.imgType == 7) { } else if (this.imgType == 7) {
this.addMsg.PromoteQRCodeImage = msg.url; this.addMsg.SmallShopSetUpImage = this.getIconLink(msg.url);
}else if (this.imgType == 8) {
this.addMsg.LiveImage = this.getIconLink(msg.url);
}else if(this.imgType == 10){ }else if(this.imgType == 10){
this.addMsg.VipBuyICO = this.getIconLink(msg.url) ; this.addMsg.VipBuyICO = this.getIconLink(this.getIconLink(msg.url)) ;
} }
if (this.imgType > 2) { if (this.imgType > 2) {
this.iconMsg.Path = msg.url; this.iconMsg.Path = this.getIconLink(msg.url);
} }
this.changeState = false; this.changeState = false;
...@@ -844,7 +695,7 @@ ...@@ -844,7 +695,7 @@
}, },
getData() { getData() {
this.loading = true; this.loading = true;
this.apipost("/api/user/GetDistributorCustomInfo", {}, res => { this.apipost("/api/SmallShops/GetDistributorCustomInfo", {}, res => {
this.loading = false; this.loading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.addMsg = res.data.data; this.addMsg = res.data.data;
......
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