Commit e44e28af authored by 黄奎's avatar 黄奎

页面修改

parent e27970c4
...@@ -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.HeadImagePath)" class="el-image__inner"> <img :src="getIconLink(addMsg.HeadImage)" 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"
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
{{addMsg.ButtonText}} {{addMsg.ButtonText}}
</div> </div>
<div class="el-image" style="display: block; width: 100%;"> <div class="el-image" style="display: block; width: 100%;">
<img :src="getIconLink(addMsg.BottomImagePath)" class="el-image__inner"> <img :src="getIconLink(addMsg.BottomImage)" class="el-image__inner">
</div> </div>
</div> </div>
</div> </div>
...@@ -75,28 +75,28 @@ ...@@ -75,28 +75,28 @@
<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.HeadImagePath=HeadImagePath" size="mini" type="primary">恢复默认</el-button> <el-button @click="addMsg.HeadImage=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.HeadImagePath==''" style="width:100px;height:100px" <img @click="openChangeDig(1)" v-if="addMsg.HeadImage==''" 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.HeadImagePath) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.HeadImage) + ')',backgroundSize:'cover'}">
</div> </div>
<button @click="addMsg.HeadImagePath=''" type="button" <button @click="addMsg.HeadImage=''" 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-item label="底部图片"> <el-form-item label="底部图片">
<el-button @click="openChangeDig(2)" size="mini">选择文件</el-button> <el-button @click="openChangeDig(2)" size="mini">选择文件</el-button>
<el-button @click="addMsg.BottomImagePath=BottomImagePath" size="mini" type="primary">恢复默认</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;"> <div style="position: relative;margin-top:10px;width:80px;cursor: move;">
<img @click="openChangeDig(2)" v-if="addMsg.BottomImagePath==''" style="width:100px;height:100px" <img @click="openChangeDig(2)" v-if="addMsg.BottomImage==''" 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.BottomImagePath) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.BottomImage) + ')',backgroundSize:'cover'}">
</div> </div>
<button @click="addMsg.BottomImagePath=''" type="button" <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>
...@@ -242,43 +242,43 @@ ...@@ -242,43 +242,43 @@
<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.DistributionCommissionImagePath)" <span @click="openIcon(3,addMsg.DistributionCommissionName,addMsg.DistributionCommissionImage)"
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.DistributionCommissionImagePath) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.DistributionCommissionImage) + ')',backgroundSize:'cover'}">
</div> </div>
<div style="margin-top: 8px;">{{addMsg.DistributionCommissionName}}</div> <div style="margin-top: 8px;">{{addMsg.DistributionCommissionName}}</div>
</span> </span>
<span @click="openIcon(4,addMsg.DistributionOrderName,addMsg.DistributionOrderImagePath)" <span @click="openIcon(4,addMsg.DistributionOrderName,addMsg.DistributionOrderImage)"
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.DistributionOrderImagePath) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.DistributionOrderImage) + ')',backgroundSize:'cover'}">
</div> </div>
<div style="margin-top: 8px;">{{addMsg.DistributionOrderName}}</div> <div style="margin-top: 8px;">{{addMsg.DistributionOrderName}}</div>
</span> </span>
<span @click="openIcon(5,addMsg.WithdrawDetialsName,addMsg.WithdrawDetialsImagePath)" <span @click="openIcon(5,addMsg.WithdrawDetialsName,addMsg.WithdrawDetialsImage)"
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.WithdrawDetialsImagePath) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.WithdrawDetialsImage) + ')',backgroundSize:'cover'}">
</div> </div>
<div style="margin-top: 8px;"> {{addMsg.WithdrawDetialsName}}</div> <div style="margin-top: 8px;"> {{addMsg.WithdrawDetialsName}}</div>
</span> </span>
<span @click="openIcon(6,addMsg.MyTeamName,addMsg.MyTeamImagePath)" <span @click="openIcon(6,addMsg.MyTeamName,addMsg.MyTeamImage)"
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.MyTeamImagePath) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.MyTeamImage) + ')',backgroundSize:'cover'}">
</div> </div>
<div style="margin-top: 8px;">{{addMsg.MyTeamName}}</div> <div style="margin-top: 8px;">{{addMsg.MyTeamName}}</div>
</span> </span>
<span @click="openIcon(7,addMsg.PromoteQRCodeName,addMsg.PromoteQRCodeImagePath)" <span @click="openIcon(7,addMsg.PromoteQRCodeName,addMsg.PromoteQRCodeImage)"
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.PromoteQRCodeImagePath) + ')',backgroundSize:'cover'}"> :style="{backgroundImage:'url(' + getIconLink(addMsg.PromoteQRCodeImage) + ')',backgroundSize:'cover'}">
</div> </div>
<div style="margin-top: 8px;">{{addMsg.PromoteQRCodeName}}</div> <div style="margin-top: 8px;">{{addMsg.PromoteQRCodeName}}</div>
</span> </span>
...@@ -757,11 +757,9 @@ ...@@ -757,11 +757,9 @@
}, },
SelectId(msg) { SelectId(msg) {
if (this.imgType == 1) { if (this.imgType == 1) {
this.addMsg.HeadImage = msg.selectId; this.addMsg.HeadImage = msg.url;
this.addMsg.HeadImagePath = msg.url;
} else if (this.imgType == 2) { } else if (this.imgType == 2) {
this.addMsg.BottomImage = msg.selectId; this.addMsg.BottomImage = msg.url;
this.addMsg.BottomImagePath = msg.url;
} else if (this.imgType == 3) { } else if (this.imgType == 3) {
this.addMsg.DistributionCommissionImage = msg.selectId; this.addMsg.DistributionCommissionImage = msg.selectId;
this.addMsg.DistributionCommissionImagePath = msg.url; this.addMsg.DistributionCommissionImagePath = msg.url;
......
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