Skip to content

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

页面修改

parent 053425e4
Hide whitespace changes
Inline Side-by-side
Showing with 317 additions and 270 deletions
src/components/StoreDesign/HomePageLayout.vue
View file @ da206835
...@@ -11,100 +11,122 @@ ...@@ -11,100 +11,122 @@
<div>首页</div> <div>首页</div>
</div> </div>
<div class="show-box"> <div class="show-box">
<div id='box'> <div id='box'>
<draggable v-model="dataList"> <draggable v-model="dataList">
<template v-for="(item,index) in dataList"> <template v-for="(item,index) in dataList">
<div style="position:relative;" :key="index"> <div style="position:relative;" :key="index">
<img :src="item.imgBg" style="width: 100%;"> <img :src="item.imgBg" style="width: 100%;">
<div class="module-name"> <div class="module-name">
<template v-if="item.video_url!=''"> <template v-if="item.key=='video'&& item.video_url!=''">
<div class="video_msg">{{item.video_url}}</div> <div class="video_msg">{{item.video_url}}</div>
</template>
<template v-else>{{item.name}}</template>
</div>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<img @click="delPlugn(index)" :src="domainManager().ImageUrl+'/Static/icon-destroy.png'" class="module-icon">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="编辑" placement="top-start">
<img v-if="item.is_edit==1&&item.key=='video'" @click="comCkVideo=index,isShowVideo=true" style="left:20px;" :src="domainManager().ImageUrl+'/Static/icon-edit.png'" class="module-icon">
</el-tooltip>
</div>
</template> </template>
</draggable> <template v-else>{{item.name}}</template>
</div> </div>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<img @click="delPlugn(index)" :src="domainManager().ImageUrl+'/Static/icon-destroy.png'"
class="module-icon">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="编辑" placement="top-start">
<img v-if="item.is_edit==1&&item.key=='video'" @click="comCkVideo=index,isShowVideo=true"
style="left:20px;" :src="domainManager().ImageUrl+'/Static/icon-edit.png'"
class="module-icon">
</el-tooltip>
</div>
</template>
</draggable>
</div>
</div> </div>
</div> </div>
<div class="el-card home_Content"> <div class="el-card home_Content">
<div class="el-card__body" style="padding:10px"> <div class="el-card__body" style="padding:10px">
<el-tabs v-model="activeName"> <el-tabs v-model="activeName">
<el-tab-pane label="常用" name="first"> <el-tab-pane label="常用" name="first">
<div flex="wrap:wrap" class="module-box"> <div flex="wrap:wrap" class="module-box">
<template v-for="item in ListData"> <template v-for="item in PlusInData">
<div flex="dir:top" class="module-item-box" v-for="(childItem,index) in item.list" :key="index" v-if="item.key=='normal'"> <div flex="dir:top" class="module-item-box" v-for="(childItem,index) in item.list" :key="index"
<div flex="main:center cross:center" class="name-box">{{childItem.name}}</div> v-if="item.key=='normal'">
<div flex="main:center cross:center" class="edit-box"> <div flex="main:center cross:center" class="name-box">{{childItem.name}}</div>
<div class="home_Add" @click="addPlugn(childItem)"> <div flex="main:center cross:center" class="edit-box">
<img :src="domainManager().ImageUrl+'/Static/plus.png'" alt=""> <div class="home_Add" @click="addPlugn(childItem)">
</div> <img :src="domainManager().ImageUrl+'/Static/plus.png'" alt="">
<div class="home_Add" style="margin-left:10px;" @click="isShowDialog(childItem)" v-if="childItem.is_edit==1&&childItem.key!='video'"> </div>
<img src="../../assets/img/userman/edit.png" alt=""/> <div class="home_Add" style="margin-left:10px;" @click="isShowDialog(childItem)"
</div> v-if="childItem.is_edit==1&&childItem.key!='video'">
</div> <img src="../../assets/img/userman/edit.png" alt="" />
</div> </div>
</template>
</div> </div>
</el-tab-pane> </div>
<el-tab-pane label="商品分类" name="second"> </template>
<div flex="wrap:wrap" class="module-box"> </div>
<template v-for="item in ListData"> </el-tab-pane>
<div flex="dir:top" class="module-item-box" v-for="(childItem,index) in item.list" :key="index" v-if="item.key=='cat'"> <el-tab-pane label="商品分类" name="second">
<div flex="main:center cross:center" class="name-box">{{childItem.name}}</div> <div flex="wrap:wrap" class="module-box">
<div flex="main:center cross:center" class="edit-box" @click="addPlugn(childItem)"> <template v-for="item in PlusInData">
<div class="home_Add"> <div flex="dir:top" class="module-item-box" v-for="(childItem,index) in item.list" :key="index"
<img :src="domainManager().ImageUrl+'/Static/plus.png'" alt=""> v-if="item.key=='cat'">
</div> <div flex="main:center cross:center" class="name-box">{{childItem.name}}</div>
<div class="home_Add" style="margin-left:10px;" v-if="childItem.is_edit==1"> <div flex="main:center cross:center" class="edit-box" @click="addPlugn(childItem)">
<img src="../../assets/img/userman/edit.png" alt=""/> <div class="home_Add">
</div> <img :src="domainManager().ImageUrl+'/Static/plus.png'" alt="">
</div> </div>
</div> <div class="home_Add" style="margin-left:10px;" v-if="childItem.is_edit==1">
</template> <img src="../../assets/img/userman/edit.png" alt="" />
</div>
</div> </div>
</el-tab-pane> </div>
<el-tab-pane label="图片魔方" name="third">角色管理</el-tab-pane> </template>
<el-tab-pane label="插件" name="fourth"> </div>
<div flex="wrap:wrap" class="module-box"> </el-tab-pane>
<template v-for="item in ListData"> <el-tab-pane label="图片魔方" name="third">
<div flex="dir:top" class="module-item-box" v-for="(childItem,index) in item.list" :key="index" v-if="item.key=='plugin'"> <div flex="wrap:wrap" class="module-box">
<div flex="main:center cross:center" class="name-box">{{childItem.name}}</div> <template v-for="item in PlusInData">
<div flex="main:center cross:center" class="edit-box" @click="addPlugn(childItem)"> <div flex="dir:top" class="module-item-box" v-for="(childItem,index) in item.list" :key="index"
<div class="home_Add"> v-if="item.key=='block'">
<img :src="domainManager().ImageUrl+'/Static/plus.png'" alt=""> <div flex="main:center cross:center" class="name-box">{{childItem.name}}</div>
</div> <div flex="main:center cross:center" class="edit-box" @click="addPlugn(childItem)">
<div class="home_Add" style="margin-left:10px;" v-if="childItem.is_edit==1"> <div class="home_Add">
<img src="../../assets/img/userman/edit.png" alt=""/> <img :src="domainManager().ImageUrl+'/Static/plus.png'" alt="">
</div> </div>
</div> <div class="home_Add" style="margin-left:10px;" v-if="childItem.is_edit==1">
</div> <img src="../../assets/img/userman/edit.png" alt="" />
</template> </div>
</div> </div>
</el-tab-pane> </div>
</el-tabs> </template>
</div>
</el-tab-pane>
<el-tab-pane label="插件" name="fourth">
<div flex="wrap:wrap" class="module-box">
<template v-for="item in PlusInData">
<div flex="dir:top" class="module-item-box" v-for="(childItem,index) in item.list" :key="index"
v-if="item.key=='plugin'">
<div flex="main:center cross:center" class="name-box">{{childItem.name}}</div>
<div flex="main:center cross:center" class="edit-box" @click="addPlugn(childItem)">
<div class="home_Add">
<img :src="domainManager().ImageUrl+'/Static/plus.png'" alt="">
</div>
<div class="home_Add" style="margin-left:10px;" v-if="childItem.is_edit==1">
<img src="../../assets/img/userman/edit.png" alt="" />
</div>
</div>
</div>
</template>
</div>
</el-tab-pane>
</el-tabs>
</div> </div>
<el-button class="button-item" size="small" type="primary">保存</el-button> <el-button class="button-item" size="small" type="primary" @click="SaveHomeData()">保存</el-button>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<!-- 导航图标编辑 --> <!-- 导航图标编辑 -->
<el-dialog title="编辑" :visible.sync="isShowNav" width="600px"> <el-dialog title="编辑" :visible.sync="isShowNav" width="600px">
<el-form label-width="150px"> <el-form label-width="150px">
<el-form-item label="图标一行显示个数"> <el-form-item label="图标一行显示个数">
<el-radio v-model="navMsg.row_num" :label="4">4个</el-radio> <el-radio v-model="navMsg.row_num" :label="4">4个</el-radio>
<el-radio v-model="navMsg.row_num" :label="5">5个</el-radio> <el-radio v-model="navMsg.row_num" :label="5">5个</el-radio>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="small" @click="isShowNav=false">取 消</el-button> <el-button size="small" @click="isShowNav=false">取 消</el-button>
...@@ -115,27 +137,27 @@ ...@@ -115,27 +137,27 @@
<el-dialog title="编辑" :visible.sync="isShowNotice" width="600px"> <el-dialog title="编辑" :visible.sync="isShowNotice" width="600px">
<el-form :model="noticeMsg" :rules="rules2" ref="noticeMsg" label-width="150px"> <el-form :model="noticeMsg" :rules="rules2" ref="noticeMsg" label-width="150px">
<el-form-item label="公告名称" prop="NoticeName" size="small"> <el-form-item label="公告名称" prop="NoticeName" size="small">
<el-input type="text" v-model="noticeMsg.NoticeName"></el-input> <el-input type="text" v-model="noticeMsg.NoticeName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="公告内容" prop="NoticeContent" size="small"> <el-form-item label="公告内容" prop="NoticeContent" size="small">
<el-input type="textarea" v-model="noticeMsg.NoticeContent" :rows="3"></el-input> <el-input type="textarea" v-model="noticeMsg.NoticeContent" :rows="3"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="公告背景色"> <el-form-item label="公告背景色">
<el-color-picker v-model="noticeMsg.notice_bg_color"></el-color-picker> <el-color-picker v-model="noticeMsg.notice_bg_color"></el-color-picker>
</el-form-item> </el-form-item>
<el-form-item label="公告文字颜色"> <el-form-item label="公告文字颜色">
<el-color-picker v-model="noticeMsg.notice_text_color"></el-color-picker> <el-color-picker v-model="noticeMsg.notice_text_color"></el-color-picker>
</el-form-item> </el-form-item>
<el-form-item label="图标" prop="notice_url"> <el-form-item label="图标" prop="notice_url">
<el-tooltip class="item" effect="dark" content="建议尺寸36*36" placement="top"> <el-tooltip class="item" effect="dark" content="建议尺寸36*36" placement="top">
<el-button size="mini">选择文件</el-button> <el-button size="mini">选择文件</el-button>
</el-tooltip> </el-tooltip>
<div class="customize-share-title"> <div class="customize-share-title">
<div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center" <div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(noticeMsg.notice_url) + ')'}"> :style="{backgroundImage:'url(' + getIconLink(noticeMsg.notice_url) + ')'}">
<i v-if="noticeMsg.notice_url==''" class="el-icon-picture-outline"></i> <i v-if="noticeMsg.notice_url==''" class="el-icon-picture-outline"></i>
</div>
</div> </div>
</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
...@@ -147,32 +169,32 @@ ...@@ -147,32 +169,32 @@
<el-dialog title="编辑" :visible.sync="isShowTotic" width="600px"> <el-dialog title="编辑" :visible.sync="isShowTotic" width="600px">
<el-form :model="topicMsg" :rules="rules3" ref="topicMsg" label-width="150px"> <el-form :model="topicMsg" :rules="rules3" ref="topicMsg" label-width="150px">
<el-form-item label="专题显示数量" size="small"> <el-form-item label="专题显示数量" size="small">
<el-select v-model="topicMsg.topic_num" placeholder="请选择" size="small"> <el-select v-model="topicMsg.topic_num" placeholder="请选择" size="small">
<el-option label="1个" value="1"></el-option> <el-option label="1个" value="1"></el-option>
<el-option label="2个" value="2"></el-option> <el-option label="2个" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="topicMsg.topic_num==1?'图标(1个专题)':'图标(2个专题)'" prop="topic_url"> <el-form-item :label="topicMsg.topic_num==1?'图标(1个专题)':'图标(2个专题)'" prop="topic_url">
<el-tooltip class="item" effect="dark" content="建议尺寸104*32" placement="top"> <el-tooltip class="item" effect="dark" content="建议尺寸104*32" placement="top">
<el-button size="mini" @click="choicImg=true,chooseImg='topicOne'">选择文件</el-button> <el-button size="mini" @click="choicImg=true,chooseImg='topicOne'">选择文件</el-button>
</el-tooltip> </el-tooltip>
<div class="customize-share-title"> <div class="customize-share-title">
<div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center" <div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(topicMsg.topic_url) + ')'}"> :style="{backgroundImage:'url(' + getIconLink(topicMsg.topic_url) + ')'}">
<i v-if="topicMsg.topic_url==''" class="el-icon-picture-outline"></i> <i v-if="topicMsg.topic_url==''" class="el-icon-picture-outline"></i>
</div>
</div> </div>
</div>
</el-form-item> </el-form-item>
<el-form-item label="专题标签" prop="topic_url_2"> <el-form-item label="专题标签" prop="topic_url_2">
<el-tooltip class="item" effect="dark" content="建议尺寸54*28" placement="top"> <el-tooltip class="item" effect="dark" content="建议尺寸54*28" placement="top">
<el-button size="mini" @click="choicImg=true,chooseImg='topicTwo'">选择文件</el-button> <el-button size="mini" @click="choicImg=true,chooseImg='topicTwo'">选择文件</el-button>
</el-tooltip> </el-tooltip>
<div class="customize-share-title"> <div class="customize-share-title">
<div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center" <div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(topicMsg.topic_url_2) + ')'}"> :style="{backgroundImage:'url(' + getIconLink(topicMsg.topic_url_2) + ')'}">
<i v-if="topicMsg.topic_url_2==''" class="el-icon-picture-outline"></i> <i v-if="topicMsg.topic_url_2==''" class="el-icon-picture-outline"></i>
</div>
</div> </div>
</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
...@@ -184,26 +206,26 @@ ...@@ -184,26 +206,26 @@
<el-dialog title="编辑" :visible.sync="isShowCoupon" width="900px"> <el-dialog title="编辑" :visible.sync="isShowCoupon" width="900px">
<el-form :model="couopnMsg" :rules="rules4" ref="couopnMsg" label-width="150px"> <el-form :model="couopnMsg" :rules="rules4" ref="couopnMsg" label-width="150px">
<el-form-item label="未领取图（满减券）" prop="coupon_not_url"> <el-form-item label="未领取图（满减券）" prop="coupon_not_url">
<el-tooltip class="item" effect="dark" content="建议尺寸256*130" placement="top"> <el-tooltip class="item" effect="dark" content="建议尺寸256*130" placement="top">
<el-button size="mini">选择文件</el-button> <el-button size="mini">选择文件</el-button>
</el-tooltip> </el-tooltip>
<div class="customize-share-title"> <div class="customize-share-title">
<div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center" <div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(couopnMsg.coupon_not_url) + ')'}"> :style="{backgroundImage:'url(' + getIconLink(couopnMsg.coupon_not_url) + ')'}">
<i v-if="couopnMsg.coupon_not_url==''" class="el-icon-picture-outline"></i> <i v-if="couopnMsg.coupon_not_url==''" class="el-icon-picture-outline"></i>
</div>
</div> </div>
</div>
</el-form-item> </el-form-item>
<el-form-item label="已领取图" prop="coupon_url"> <el-form-item label="已领取图" prop="coupon_url">
<el-tooltip class="item" effect="dark" content="建议尺寸256*130" placement="top"> <el-tooltip class="item" effect="dark" content="建议尺寸256*130" placement="top">
<el-button size="mini">选择文件</el-button> <el-button size="mini">选择文件</el-button>
</el-tooltip> </el-tooltip>
<div class="customize-share-title"> <div class="customize-share-title">
<div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center" <div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(couopnMsg.coupon_url) + ')'}"> :style="{backgroundImage:'url(' + getIconLink(couopnMsg.coupon_url) + ')'}">
<i v-if="couopnMsg.coupon_url==''" class="el-icon-picture-outline"></i> <i v-if="couopnMsg.coupon_url==''" class="el-icon-picture-outline"></i>
</div>
</div> </div>
</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
...@@ -215,7 +237,7 @@ ...@@ -215,7 +237,7 @@
<el-dialog title="选择文件" :visible.sync="choicImg" width="1240px"> <el-dialog title="选择文件" :visible.sync="choicImg" width="1240px">
<ChooseImg @SelectId="SelectId"></ChooseImg> <ChooseImg @SelectId="SelectId"></ChooseImg>
</el-dialog> </el-dialog>
<!-- 选择视频 --> <!-- 选择视频 -->
<el-dialog title="选择文件" :visible.sync="isChoiceVideo" width="1240px"> <el-dialog title="选择文件" :visible.sync="isChoiceVideo" width="1240px">
<Choosevideo @Selectvideo="Selectvideo"></Choosevideo> <Choosevideo @Selectvideo="Selectvideo"></Choosevideo>
</el-dialog> </el-dialog>
...@@ -223,20 +245,20 @@ ...@@ -223,20 +245,20 @@
<el-dialog title="编辑" :visible.sync="isShowVideo" width="600px"> <el-dialog title="编辑" :visible.sync="isShowVideo" width="600px">
<el-form :model="videoMsg" :rules="rulesVideo" ref="videoMsg" label-width="150px"> <el-form :model="videoMsg" :rules="rulesVideo" ref="videoMsg" label-width="150px">
<el-form-item label="视频文件" size="small" prop="video_url"> <el-form-item label="视频文件" size="small" prop="video_url">
<el-input type="text" v-model="videoMsg.video_url"> <el-input type="text" v-model="videoMsg.video_url">
<el-button slot="append" @click="isChoiceVideo=true">选择文件</el-button> <el-button slot="append" @click="isChoiceVideo=true">选择文件</el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="封面图" prop="video_pic_url"> <el-form-item label="封面图" prop="video_pic_url">
<el-tooltip class="item" effect="dark" content="建议尺寸750*400" placement="top"> <el-tooltip class="item" effect="dark" content="建议尺寸750*400" placement="top">
<el-button size="mini" @click="choicImg=true,chooseImg='video'">选择文件</el-button> <el-button size="mini" @click="choicImg=true,chooseImg='video'">选择文件</el-button>
</el-tooltip> </el-tooltip>
<div class="customize-share-title"> <div class="customize-share-title">
<div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center" <div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(videoMsg.video_pic_url) + ')'}"> :style="{backgroundImage:'url(' + getIconLink(videoMsg.video_pic_url) + ')'}">
<i v-if="videoMsg.video_pic_url==''" class="el-icon-picture-outline"></i> <i v-if="videoMsg.video_pic_url==''" class="el-icon-picture-outline"></i>
</div>
</div> </div>
</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
...@@ -244,7 +266,6 @@ ...@@ -244,7 +266,6 @@
<el-button size="small" type="danger" @click="saveVideo('videoMsg')">确 定</el-button> <el-button size="small" type="danger" @click="saveVideo('videoMsg')">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
...@@ -255,24 +276,24 @@ ...@@ -255,24 +276,24 @@
export default { export default {
data() { data() {
return { return {
comCkVideo:-1, comCkVideo: -1,
//选择图片 //选择图片
chooseImg:'', chooseImg: '',
//导航图标 //导航图标
isShowNav:false, isShowNav: false,
//公告 //公告
isShowNotice:false, isShowNotice: false,
//专题 //专题
isShowTotic:false, isShowTotic: false,
//领券中心 //领券中心
isShowCoupon:false, isShowCoupon: false,
//选图片 //选图片
choicImg:false, choicImg: false,
//视频 //视频
isShowVideo:false, isShowVideo: false,
isChoiceVideo:false, isChoiceVideo: false,
radio:'4', radio: '4',
activeName:'first', activeName: 'first',
dataList: [], dataList: [],
addMsg: { addMsg: {
RoleName: '', //角色名称 RoleName: '', //角色名称
...@@ -280,35 +301,35 @@ ...@@ -280,35 +301,35 @@
RoleAuth: '', //角色权限 RoleAuth: '', //角色权限
}, },
//导航图标msg //导航图标msg
navMsg:{ navMsg: {
row_num:4 row_num: 4
}, },
//视频 //视频
videoMsg:{ videoMsg: {
video_url:'', //视频文件 video_url: '', //视频文件
video_pic_url:'' //封面图 video_pic_url: '' //封面图
}, },
//公告msg //公告msg
noticeMsg:{ noticeMsg: {
NoticeName:'', //公告名称 NoticeName: '', //公告名称
NoticeContent:'', //公告内容 NoticeContent: '', //公告内容
notice_bg_color:'', //公告背景色 notice_bg_color: '', //公告背景色
notice_text_color:'', //公告文字颜色 notice_text_color: '', //公告文字颜色
notice_url:'',//图标 notice_url: '', //图标
}, },
//专题 //专题
topicMsg:{ topicMsg: {
topic_num:'1', //专题显示数量 topic_num: '1', //专题显示数量
topic_url:'', topic_url: '',
topic_url_2:'' topic_url_2: ''
}, },
//领券中心 //领券中心
couopnMsg:{ couopnMsg: {
coupon_not_url:'', //未领取 coupon_not_url: '', //未领取
coupon_url:'' //已领取图 coupon_url: '' //已领取图
}, },
//插件 //插件
ListData:[], PlusInData: [],
//公告验证 //公告验证
rules2: { rules2: {
NoticeName: [{ NoticeName: [{
...@@ -353,7 +374,7 @@ ...@@ -353,7 +374,7 @@
}] }]
}, },
//视频验证 //视频验证
rulesVideo:{ rulesVideo: {
video_url: [{ video_url: [{
required: true, required: true,
message: "请选择视频地址", message: "请选择视频地址",
...@@ -365,7 +386,6 @@ ...@@ -365,7 +386,6 @@
trigger: "change" trigger: "change"
}] }]
} }
}; };
}, },
components: { components: {
...@@ -374,50 +394,49 @@ ...@@ -374,50 +394,49 @@
chooseMeun, chooseMeun,
Choosevideo Choosevideo
}, },
created() { created() {
}, },
methods: { methods: {
//点击添加组件 //点击添加组件
addPlugn(item){ addPlugn(item) {
this.dataList.push(JSON.parse(JSON.stringify(item))); this.dataList.push(JSON.parse(JSON.stringify(item)));
}, },
//删除插件 //删除插件
delPlugn(index){ delPlugn(index) {
this.dataList.splice(index,1); this.dataList.splice(index, 1);
}, },
//编辑 //编辑
isShowDialog(item){ isShowDialog(item) {
switch(item.key){ switch (item.key) {
case 'home_nav': case 'home_nav':
this.isShowNav=true; this.isShowNav = true;
this.navMsg.row_num=item.row_num; this.navMsg.row_num = item.row_num;
break; break;
case 'notice': case 'notice':
this.isShowNotice=true; this.isShowNotice = true;
this.noticeMsg=item; this.noticeMsg = item;
break; break;
case 'topic': case 'topic':
this.isShowTotic=true; this.isShowTotic = true;
this.topicMsg=item; this.topicMsg = item;
break; break;
case 'coupon': case 'coupon':
this.isShowCoupon=true; this.isShowCoupon = true;
this. this.
break; break;
} }
}, },
//确定编辑 //确定编辑
sureNav(){ sureNav() {
this.dataList.forEach(x=>{ this.dataList.forEach(x => {
if(x.key=='home_nav'){ if (x.key == 'home_nav') {
x.row_num=this.navMsg.row_num; x.row_num = this.navMsg.row_num;
} }
}) })
this.isShowNav=false; this.isShowNav = false;
}, },
saveTopic(addMsg){ saveTopic(addMsg) {
//提交创建、修改表单 //提交创建、修改表单
this.$refs[addMsg].validate(valid => { this.$refs[addMsg].validate(valid => {
if (valid) { if (valid) {
...@@ -428,7 +447,7 @@ ...@@ -428,7 +447,7 @@
}); });
}, },
//保存领券 //保存领券
setCoupon(addMsg){ setCoupon(addMsg) {
//提交创建、修改表单 //提交创建、修改表单
this.$refs[addMsg].validate(valid => { this.$refs[addMsg].validate(valid => {
if (valid) { if (valid) {
...@@ -439,16 +458,16 @@ ...@@ -439,16 +458,16 @@
}); });
}, },
//保存领券 //保存领券
saveCoupon(){ saveCoupon() {
this.dataList.forEach(x=>{ this.dataList.forEach(x => {
if(x.key=='coupon'){ if (x.key == 'coupon') {
x.coupon_not_url=this.couopnMsg.coupon_not_url; x.coupon_not_url = this.couopnMsg.coupon_not_url;
x.coupon_url=this.couopnMsg.coupon_url; x.coupon_url = this.couopnMsg.coupon_url;
} }
}) })
}, },
//保存公告 //保存公告
saveNotice(addMsg){ saveNotice(addMsg) {
//提交创建、修改表单 //提交创建、修改表单
this.$refs[addMsg].validate(valid => { this.$refs[addMsg].validate(valid => {
if (valid) { if (valid) {
...@@ -458,38 +477,41 @@ ...@@ -458,38 +477,41 @@
} }
}); });
}, },
baocunNotice(){ baocunNotice() {
this.dataList.forEach(x=>{ this.dataList.forEach(x => {
if(x.key=='notice'){ if (x.key == 'notice') {
x.NoticeName=this.noticeMsg.NoticeName; x.NoticeName = this.noticeMsg.NoticeName;
x.NoticeContent=this.noticeMsg.NoticeContent; x.NoticeContent = this.noticeMsg.NoticeContent;
x.notice_bg_color=this.noticeMsg.notice_bg_color; x.notice_bg_color = this.noticeMsg.notice_bg_color;
x.notice_text_color=this.noticeMsg.notice_text_color; x.notice_text_color = this.noticeMsg.notice_text_color;
x.notice_url=this.noticeMsg.notice_url; x.notice_url = this.noticeMsg.notice_url;
} }
}) })
}, },
//确定保存专题 //确定保存专题
setTopic(){ setTopic() {
this.dataList.forEach(x=>{ this.dataList.forEach(x => {
if(x.key=='topic'){ if (x.key == 'topic') {
x.topic_num=this.topicMsg.topic_num; x.topic_num = this.topicMsg.topic_num;
x.topic_url=this.topicMsg.topic_url; x.topic_url = this.topicMsg.topic_url;
x.topic_url_2=this.topicMsg.topic_url_2; x.topic_url_2 = this.topicMsg.topic_url_2;
} }
}) })
}, },
GetMiniProgramMallIndex() { GetMiniProgramMallIndex() {
this.apipost("/api/Tenant/GetMiniProgramMallIndex", {}, res => { this.apipost("/api/Tenant/GetMiniProgramMallIndex", {}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.ListData=res.data.data; this.PlusInData = res.data.data.PlusInData;
if (res.data.data.HomeDataList && res.data.data.HomeDataList.length > 0) {
this.dataList= res.data.data.HomeDataList;;
}
} else { } else {
this.Info(res.data.message); this.Info(res.data.message);
} }
}) })
}, },
//保存视频 //保存视频
saveVideo(addMsg){ saveVideo(addMsg) {
//提交创建、修改表单 //提交创建、修改表单
this.$refs[addMsg].validate(valid => { this.$refs[addMsg].validate(valid => {
if (valid) { if (valid) {
...@@ -499,23 +521,23 @@ ...@@ -499,23 +521,23 @@
} }
}); });
}, },
baocunVideo(){ baocunVideo() {
this.dataList[this.comCkVideo].video_url=this.videoMsg.video_url; this.dataList[this.comCkVideo].video_url = this.videoMsg.video_url;
this.dataList[this.comCkVideo].video_pic_url=this.videoMsg.video_pic_url; this.dataList[this.comCkVideo].video_pic_url = this.videoMsg.video_pic_url;
this.isShowVideo=false; this.isShowVideo = false;
this.videoMsg.video_pic_url=''; this.videoMsg.video_pic_url = '';
this.videoMsg.video_url=''; this.videoMsg.video_url = '';
}, },
//选择图片 //选择图片
SelectId(msg) { SelectId(msg) {
if (this.chooseImg =='topicOne') { if (this.chooseImg == 'topicOne') {
this.topicMsg.topic_url = msg.url; this.topicMsg.topic_url = msg.url;
} }
if(this.chooseImg =='topicTwo'){ if (this.chooseImg == 'topicTwo') {
this.topicMsg.topic_url_2 = msg.url; this.topicMsg.topic_url_2 = msg.url;
} }
if(this.chooseImg=='video'){ if (this.chooseImg == 'video') {
this.videoMsg.video_pic_url = msg.url; this.videoMsg.video_pic_url = msg.url;
} }
this.choicImg = false; this.choicImg = false;
}, },
...@@ -523,8 +545,22 @@ ...@@ -523,8 +545,22 @@
this.videoMsg.video_url = val.Path; this.videoMsg.video_url = val.Path;
this.isChoiceVideo = false; this.isChoiceVideo = false;
}, },
//保存数据
SaveHomeData() {
var msg = {
MallBaseId: this.getLocalStorage().MallBaseId,
HomeDataList: this.dataList
};
console.log("msg", msg);
this.apipost("/api/Tenant/SetMiniProgramMallHome", msg, res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.GetMiniProgramMallIndex();
} else {
this.Info(res.data.message);
}
})
}
}, },
mounted() { mounted() {
this.GetMiniProgramMallIndex(); this.GetMiniProgramMallIndex();
...@@ -533,15 +569,16 @@ ...@@ -533,15 +569,16 @@
</script> </script>
<style> <style>
.module-icon { .module-icon {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 20px; width: 20px;
height: 20px; height: 20px;
cursor: pointer; cursor: pointer;
} }
.HomePage .module-name {
.HomePage .module-name {
font-size: 12px; font-size: 12px;
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -550,48 +587,56 @@ ...@@ -550,48 +587,56 @@
background: rgba(0, 0, 0, .2); background: rgba(0, 0, 0, .2);
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.HomePage .el-tabs__nav-scroll{
padding-left:20px; .HomePage .el-tabs__nav-scroll {
} padding-left: 20px;
.button-item { }
.button-item {
padding: 9px 25px; padding: 9px 25px;
position: absolute; position: absolute;
bottom: -52px; bottom: -52px;
left: 0; left: 0;
} }
.HomePage .home_Add{
height: 33px; .HomePage .home_Add {
width: 33px; height: 33px;
border-radius: 50%; width: 33px;
background-color: rgb(238, 249, 241); border-radius: 50%;
color: rgb(128, 194, 105); background-color: rgb(238, 249, 241);
text-align: center; color: rgb(128, 194, 105);
text-align: center;
line-height: 33px; line-height: 33px;
} }
.module-box .edit-box {
.module-box .edit-box {
height: 55px; height: 55px;
border-top: 1px dotted #eeeeee; border-top: 1px dotted #eeeeee;
color: blue; color: blue;
cursor: pointer; cursor: pointer;
padding: 0 20%; padding: 0 20%;
} }
.module-box .name-box {
.module-box .name-box {
height: 70px; height: 70px;
} }
.module-item-box {
.module-item-box {
width: 44%; width: 44%;
max-width: 160px; max-width: 160px;
height: 125px; height: 125px;
font-size: 16px; font-size: 16px;
margin: 5px 10px; margin: 5px 10px;
border: 1px solid #eeeeee; border: 1px solid #eeeeee;
} }
.HomePage .module-box { .HomePage .module-box {
height: auto; height: auto;
overflow: auto; overflow: auto;
padding: 5px 10px 20px; padding: 5px 10px 20px;
} }
.home_Content { .home_Content {
height: 100%; height: 100%;
position: relative; position: relative;
...@@ -640,11 +685,13 @@ ...@@ -640,11 +685,13 @@
height: 64px; height: 64px;
line-height: 88px; line-height: 88px;
} }
.HomePage .video_msg{
.HomePage .video_msg {
display: inline-block; display: inline-block;
white-space: nowrap; white-space: nowrap;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
} }
</style> </style>
src/components/sallCenter/plugin/goods.vue
View file @ da206835
...@@ -658,8 +658,8 @@ ...@@ -658,8 +658,8 @@
} }
}, },
catGoodsNumChange(catIndex) { catGoodsNumChange(catIndex) {
if (this.data.catList[catIndex].goodsNum > 30) { if (this.data.catList[catIndex].goodsNum > 3) {
this.data.catList[catIndex].goodsNum = 30; this.data.catList[catIndex].goodsNum = 3;
} }
if (this.data.catList[catIndex].goodsNum < 1) { if (this.data.catList[catIndex].goodsNum < 1) {
this.data.catList[catIndex].goodsNum = 1; this.data.catList[catIndex].goodsNum = 1;
......
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