Skip to content

E
ElectricitySheep
Commit cc309a5c authored by zhangjianguo's avatar zhangjianguo
Browse files
Options

基本设置的页面

parent e6c10e7c
Show whitespace changes
Inline Side-by-side
Showing with 625 additions and 47 deletions
src/components/setup/basicSetUp.vue
View file @ cc309a5c
...@@ -66,6 +66,58 @@ ...@@ -66,6 +66,58 @@
right: 150px; right: 150px;
top:180px top:180px
} }
.left-setting-menu {
width: 260px;
}
.left-setting-menu .el-form-item {
height: 60px;
padding-left: 20px;
display: flex;
align-items: center;
margin-bottom: 0;
cursor: pointer;
}
.left_box{
height: 60px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
padding-right: 20px;
}
.active{
background-color: #F3F5F6;
border-top-left-radius: 10px;
/*width: 105%;*/
border-bottom-left-radius: 10px;
}
.right-setting-menu{
background-color: rgb(243, 245, 246);
padding: 30px;
border-radius: 10px;
}
.item-img{
height: 550px;
padding: 25px 10px;
border-radius: 30px;
border: 1px solid #CCCCCC;
background-color: #fff;
}
.item-img img{
height: 100%;
}
.img_yuan{
width: 80px;
height: 80px;
margin-top: 5px;
}
.img_yuan img{
width: 100%;
height: 100%;
}
</style> </style>
<template> <template>
<div class="basicSetUp"> <div class="basicSetUp">
...@@ -79,7 +131,7 @@ ...@@ -79,7 +131,7 @@
<el-input v-model="msg.MallName"/> <el-input v-model="msg.MallName"/>
</el-form-item> </el-form-item>
<el-form-item label="联系号码" prop="password1"> <el-form-item label="联系号码" prop="password1">
<el-input v-model="msg.ContactNumber"/> <el-input v-model="msg.ContactNumber" @keyup.native="checkInteger(msg,'ContactNumber')" type="text"/>
</el-form-item> </el-form-item>
<el-form-item label="外链客服链接" prop="password2"> <el-form-item label="外链客服链接" prop="password2">
<el-input v-model="msg.OuterServiceLink"/> <el-input v-model="msg.OuterServiceLink"/>
...@@ -94,7 +146,7 @@ ...@@ -94,7 +146,7 @@
<i class="el-tooltip el-icon-info"></i> <i class="el-tooltip el-icon-info"></i>
</el-tooltip> </el-tooltip>
<el-input v-model="msg.LongAndLat"/> <el-input v-model="msg.LongAndLat" :disabled="true"/>
</el-form-item> </el-form-item>
<el-form-item label="地图" style="margin-top: 15px" label-width="80px"> <el-form-item label="地图" style="margin-top: 15px" label-width="80px">
<button class="el-button el-button--default el-button--small"> <button class="el-button el-button--default el-button--small">
...@@ -181,6 +233,8 @@ ...@@ -181,6 +233,8 @@
</el-form-item> </el-form-item>
<el-form-item label="余额功能"> <el-form-item label="余额功能">
<el-switch <el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.BalanceFun" v-model="msg.BalanceFun"
active-text="" active-text=""
inactive-text=""> inactive-text="">
...@@ -211,20 +265,22 @@ ...@@ -211,20 +265,22 @@
<el-form-item label="开关"> <el-form-item label="开关">
<el-switch <el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.MinSwitch" v-model="msg.MinSwitch"
active-text="" active-text=""
inactive-text=""> inactive-text="">
</el-switch> </el-switch>
</el-form-item> </el-form-item>
<el-form-item label="背影颜色"> <el-form-item label="背影颜色" v-if="msg.MinSwitch== true">
<el-color-picker <el-color-picker
v-model="msg.MinBackColor" v-model="msg.MinBackColor"
show-alpha show-alpha
:predefine="predefineColors"> :predefine="predefineColors">
</el-color-picker> </el-color-picker>
</el-form-item> </el-form-item>
<el-form-item label="背影透明度"> <el-form-item label="背影透明度" v-if="msg.MinSwitch== true">
<el-row> <el-row>
<el-col class="userinfo" :span="16"> <el-col class="userinfo" :span="16">
<el-slider v-model="msg.MinBackClarity"></el-slider> <el-slider v-model="msg.MinBackClarity"></el-slider>
...@@ -236,7 +292,7 @@ ...@@ -236,7 +292,7 @@
</el-form-item> </el-form-item>
<el-form-item label="背景框圆角"> <el-form-item label="背景框圆角" v-if="msg.MinSwitch== true">
<el-row> <el-row>
<el-col class="userinfo" :span="16"> <el-col class="userinfo" :span="16">
<el-slider v-model="msg.MinBackCircularBead" :min="0" :max="36"></el-slider> <el-slider v-model="msg.MinBackCircularBead" :min="0" :max="36"></el-slider>
...@@ -247,15 +303,15 @@ ...@@ -247,15 +303,15 @@
</el-row> </el-row>
</el-form-item> </el-form-item>
<el-form-item label="提示文本内容"> <el-form-item label="提示文本内容" v-if="msg.MinSwitch== true">
<el-tooltip class="item" effect="dark" content="最多允许添加20个字" placement="top" <el-tooltip class="item" effect="dark" content="最多允许添加20个字" placement="top"
style="position: absolute;left: -20px;top:13px"> style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i> <i class="el-tooltip el-icon-info"></i>
</el-tooltip> </el-tooltip>
<el-input v-model="msg.MinTips" @keyup="inputChange"/> <el-input v-model="msg.MinTips" @keyup="inputChange" maxlength="20" show-word-limit/>
</el-form-item> </el-form-item>
<el-form-item label="文本颜色"> <el-form-item label="文本颜色" v-if="msg.MinSwitch== true">
<el-color-picker <el-color-picker
v-model="msg.MinTipsColor" v-model="msg.MinTipsColor"
show-alpha show-alpha
...@@ -263,7 +319,7 @@ ...@@ -263,7 +319,7 @@
</el-color-picker> </el-color-picker>
</el-form-item> </el-form-item>
<el-form-item label="图标颜色"> <el-form-item label="图标颜色" v-if="msg.MinSwitch== true">
<el-radio-group v-model="msg.MinIcoColor"> <el-radio-group v-model="msg.MinIcoColor">
<el-radio :label="1">白色</el-radio> <el-radio :label="1">白色</el-radio>
<el-radio :label="2">黑色</el-radio> <el-radio :label="2">黑色</el-radio>
...@@ -272,14 +328,14 @@ ...@@ -272,14 +328,14 @@
</el-form> </el-form>
</div> </div>
<div style="width: 50%; padding-left: 100px; zoom: 0.5;"> <div style="width: 50%; padding-left: 100px; zoom: 0.5;" v-if="msg.MinSwitch== true">
<div style="width: 750px; border: 1px solid rgb(238, 238, 238);position: relative"> <div style="width: 750px; border: 1px solid rgb(238, 238, 238);position: relative">
<img src="../../assets/img/heads.png" alt="" :style="{width: '750px',background:msg.MinIcoColor==1? '#FFFFFF':'#000000'}"> <img src="../../assets/img/heads.png" alt="" :style="{width: '750px',background:msg.MinIcoColor==1? '#FFFFFF':'#000000'}">
<div class="Mintips" :style="{opacity: msg.MinBackClarity/100,borderRadius:msg.MinBackCircularBead+'px'}"> <div class="Mintips" :style="{opacity: msg.MinBackClarity/100,borderRadius:msg.MinBackCircularBead+'px',background:msg.MinBackColor}">
<img src="../../assets/img/fork_white.png" alt="" style="width: 72px;height: 72px"> <img src="../../assets/img/fork_white.png" alt="" style="width: 72px;height: 72px">
<span :style="{padding: '0 10px',color:msg.MinTipsColor}" >{{msg.MinTips}}</span> <span :style="{padding: '0 10px',color:msg.MinTipsColor}" >{{msg.MinTips}}</span>
</div> </div>
<div class="triangle-up"> <div class="triangle-up" :style="{opacity: msg.MinBackClarity/100,borderBottomColor:msg.MinBackColor}">
</div> </div>
</div> </div>
...@@ -308,6 +364,8 @@ ...@@ -308,6 +364,8 @@
<el-form-item label="开关"> <el-form-item label="开关">
<el-switch <el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.BuySwitch" v-model="msg.BuySwitch"
active-text="" active-text=""
inactive-text=""> inactive-text="">
...@@ -326,8 +384,497 @@ ...@@ -326,8 +384,497 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="显示设置" name="second">9999</el-tab-pane> <el-tab-pane label="显示设置" name="second">
<el-tab-pane label="悬浮按钮设置" name="third">悬浮按钮设置</el-tab-pane> <div id="pane-second">
<el-tabs v-model="activeName2" @tab-click="handleClick2" style="margin-top: 20px">
<el-tab-pane label="商品列表显示" name="one">
<div id="pane-first">
<div class="form-body" style="padding: 40px; display: flex;">
<div class="left-setting-menu">
<div class="left_box" @click="target(1)" :class="{active:target_o== 1}">
<span style="margin-right: 10px">购物车</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.ListShopCar">
</el-switch>
</div>
<div class="left_box " @click="target(2)" :class="{active:target_o== 2}" >
<span style="margin-right: 10px">已售量</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.ListBuyCount">
</el-switch>
</div>
<div class="left_box " @click="target(3)" :class="{active:target_o== 3}">
<span style="margin-right: 10px">商品名称</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.ListName">
</el-switch>
</div>
</div>
<div class="right-setting-menu">
<div class="item-img">
<img v-if="target_o==1" src="../../assets/img/setup/is_show_cart.png" alt="">
<img v-else-if="target_o==2" src="../../assets/img/setup/is_show_sales_num.png" alt="">
<img v-else-if="target_o==3" src="../../assets/img/setup/is_show_goods_name.png" alt="">
</div>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="商品详情显示" name="two">
<div id="pane-first">
<div class="form-body" style="padding: 40px; display: flex;">
<div class="left-setting-menu">
<div class="left_box" @click="target2(1)" :class="{active:target_o2== 1}">
<span style="margin-right: 10px">商城评论</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.DetailsComment">
</el-switch>
</div>
<div class="left_box " @click="target2(2)" :class="{active:target_o2== 2}" >
<span style="margin-right: 10px">划线价</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.DetailsLineationPrice">
</el-switch>
</div>
<div class="left_box " @click="target2(3)" :class="{active:target_o2== 3}">
<span style="margin-right: 10px">普通用户会员价</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.DetailsMemberPrice">
</el-switch>
</div>
<div class="left_box " @click="target2(4)" :class="{active:target_o2== 4}">
<span style="margin-right: 10px">会员用户会员价</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.DetailsVipMemberPrice">
</el-switch>
</div>
<div class="left_box " @click="target2(5)" :class="{active:target_o2== 5}">
<span style="margin-right: 10px">快递</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.DeatilsExpress">
</el-switch>
</div>
<div class="left_box " @click="target2(6)" :class="{active:target_o2== 6}">
<span style="margin-right: 10px">已售量</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.DetailsBuyNum">
</el-switch>
</div>
<div class="left_box " @click="target2(7)" :class="{active:target_o2== 7}">
<span style="margin-right: 10px">分销价</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.DetailsSharePrice">
</el-switch>
</div>
<div class="left_box " @click="target2(8)" :class="{active:target_o2== 8}">
<span style="margin-right: 10px">商品视频特色样式开关</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.DetailsVideo">
</el-switch>
</div>
</div>
<div class="right-setting-menu">
<div class="item-img">
<img v-if="target_o2==1" src="../../assets/img/setup/comment_show.png" alt="">
<img v-else-if="target_o2==2" src="../../assets/img/setup/is_underline_price.png" alt="">
<img v-else-if="target_o2==3" src="../../assets/img/setup/price_show_2.png" alt="">
<img v-else-if="target_o2==4" src="../../assets/img/setup/price_show.png" alt="">
<img v-else-if="target_o2==5" src="../../assets/img/setup/is_express.png" alt="">
<img v-else-if="target_o2==6" src="../../assets/img/setup/sales_show.png" alt="">
<img v-else-if="target_o2==7" src="../../assets/img/setup/share_show.png" alt="">
<img v-else-if="target_o2==8" src="../../assets/img/setup/goods-video.png" alt="">
</div>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="其他显示" name="san">
<div id="pane-first">
<div class="form-body" style="padding: 40px; display: flex;">
<div class="left-setting-menu">
<div class="left_box" @click="target3(1)" :class="{active:target_o3== 1}">
<span style="margin-right: 10px">非分销商分销中心显示</span>
<el-tooltip class="item" effect="dark"
content="仅控制用户中心显示" placement="top" style="margin-right: 5px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.OtherNoShare">
</el-switch>
</div>
<div class="left_box " @click="target3(2)" :class="{active:target_o3== 2}" >
<span style="margin-right: 10px">首页授权手机号</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.OtherIndexMoblie">
</el-switch>
</div>
<div class="left_box " @click="target3(3)" :class="{active:target_o3== 3}">
<span style="margin-right: 10px">手动授权手机号</span>
<el-tooltip class="item" effect="dark"
content="开启后,绑定手机号页面会显示手机号手动授权" placement="top" style="margin-right: 5px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.OtherManualMobile">
</el-switch>
</div>
<div class="left_box " @click="target3(4)" :class="{active:target_o3== 4}">
<span style="margin-right: 10px">关联公众号组件</span>
<el-tooltip class="item" effect="dark"
content="注意：该功能需要 ->微信小程序后台->设置->接口设置 开启并设置关联(同一主体下)的公众号" placement="top" style="margin-right: 5px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.OtherTencent">
</el-switch>
</div>
<div class="left_box " @click="target3(5)" :class="{active:target_o3== 5}">
<span style="margin-right: 10px">会员等级标识</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.OtherMemerLevel">
</el-switch>
</div>
<div class="left_box " @click="target3(6)" :class="{active:target_o3== 6}">
<span style="margin-right: 10px">定位地址是否必填</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.OtherMustAddress">
</el-switch>
</div>
<div class="left_box " @click="target3(7)" :class="{active:target_o3== 7}">
<span style="margin-right: 10px">申请分销商提示弹窗</span>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.OtherApplyShare">
</el-switch>
</div>
</div>
<div class="right-setting-menu">
<div class="item-img">
<img v-if="target_o3==1" src="../../assets/img/setup/is_not_share_show.png" alt="">
<img v-else-if="target_o3==2" src="../../assets/img/setup/auth_mobile.png" alt="">
<img v-else-if="target_o3==3" src="../../assets/img/setup/manual_mobile_auth.png" alt="">
<img v-else-if="target_o3==4" src="../../assets/img/setup/official_account.png" alt="">
<img v-else-if="target_o3==5" src="../../assets/img/setup/icon_members_grade.png" alt="">
<img v-else-if="target_o3==6" src="../../assets/img/setup/is_required_position.png" alt="">
<img v-else-if="target_o3==7" src="../../assets/img/setup/is_share_tip.png" alt="">
</div>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
</div>
</el-tab-pane>
<el-tab-pane label="悬浮按钮设置" name="third">
<div id="pane-third">
<div class="title"><span>悬浮窗设置</span></div>
<div class="form-body">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="启用悬浮按钮">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.SuspendBtn">
</el-switch>
</el-form-item>
<el-form-item label="悬浮按钮样式" v-if="msg.SuspendBtn==true">
<el-radio-group v-model="msg.SuspendStyle">
<el-radio :label="1">展开收起</el-radio>
<el-radio :label="2">固定展开</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="展开图标" v-if="msg.SuspendBtn==true">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.UnfoldIco =''">恢复默认</el-button>
<div class="img_yuan">
<img v-if="msg.UnfoldIco =='' " src="../../assets/img/setup/quick_navigation_opened_pic.png" alt="">
<img v-else :src="msg.UnfoldIco" alt="">
</div>
</el-form-item>
<el-form-item label="收起图标" v-if="msg.SuspendBtn==true">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.PackUpIco =''">恢复默认</el-button>
<div class="img_yuan">
<img v-if="msg.PackUpIco =='' " src="../../assets/img/setup/quick_navigation_closed_pic.png" alt="">
<img v-else :src="msg.PackUpIco" alt="">
</div>
</el-form-item>
</el-form>
</div>
<div class="form-body" v-if="msg.SuspendBtn==true" style="margin-top: 1px">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="在线客服开关">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.OnlineService">
</el-switch>
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.OnlineServiceIco =''">恢复默认</el-button>
<div class="img_yuan">
<img v-if="msg.OnlineServiceIco =='' " src="../../assets/img/setup/customer_services_pic.png" alt="">
<img v-else :src="msg.OnlineServiceIco" alt="">
</div>
</el-form-item>
</el-form>
</div>
<div class="form-body" v-if="msg.SuspendBtn==true" style="margin-top: 1px">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="返回首页导航开关">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.BackTopNavigation">
</el-switch>
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.BackTopNavigationIco =''">恢复默认</el-button>
<div class="img_yuan">
<img v-if="msg.BackTopNavigationIco =='' " src="../../assets/img/setup/quick_home_pic.png" alt="">
<img v-else :src="msg.BackTopNavigationIco" alt="">
</div>
</el-form-item>
</el-form>
</div>
<div class="form-body" v-if="msg.SuspendBtn==true" style="margin-top: 1px">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="一键拨号开关">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.OneCall">
</el-switch>
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.OneCallIco =''">恢复默认</el-button>
<div class="img_yuan">
<img v-if="msg.OneCallIco =='' " src="../../assets/img/setup/dial_pic.png" alt="">
<img v-else :src="msg.OneCallIco" alt="">
</div>
</el-form-item>
</el-form>
</div>
<div class="form-body" v-if="msg.SuspendBtn==true" style="margin-top: 1px">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="客服外链开关">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.ServiceOutLink">
</el-switch>
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.ServiceOutLinkIco =''">恢复默认</el-button>
<div class="img_yuan">
<img v-if="msg.ServiceOutLinkIco =='' " src="../../assets/img/setup/web_service_pic.png" alt="">
<img v-else :src="msg.ServiceOutLinkIco" alt="">
</div>
</el-form-item>
</el-form>
</div>
<div class="form-body" v-if="msg.SuspendBtn==true" style="margin-top: 1px">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="快捷导航开关">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.ShortcutNavigation">
</el-switch>
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.ShortcutNavigationIco =''">恢复默认</el-button>
<div class="img_yuan">
<img v-if="msg.ShortcutNavigationIco =='' " src="../../assets/img/setup/quick_map_pic.png" alt="">
<img v-else :src="msg.ShortcutNavigationIco" alt="">
</div>
</el-form-item>
</el-form>
</div>
<div class="form-body" v-if="msg.SuspendBtn==true" style="margin-top: 1px">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="跳转小程序开关">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.TurnMini">
</el-switch>
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.TurnMiniIco =''">恢复默认</el-button>
<div class="img_yuan">
<img v-if="msg.TurnMiniIco =='' " src="../../assets/img/setup/small_app_pic.png" alt="">
<img v-else :src="msg.TurnMiniIco" alt="">
</div>
</el-form-item>
</el-form>
</div>
<div class="form-body" v-if="msg.SuspendBtn==true" style="margin-top: 1px">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="自定义按钮">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.Custom">
</el-switch>
</el-form-item>
<el-form-item label="跳转链接">
<el-row :gutter="0">
<el-col class="userinfo" :span="18" >
<el-input v-model="msg.TurnLink" :disabled="true"></el-input>
</el-col>
<el-col class="userinfo" :span="6" >
<el-button type="info" plain>选择链接</el-button>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.TurnIco=''">恢复默认</el-button>
<div class="img_yuan">
<img v-if="msg.TurnIco=='' " src="../../assets/img/setup/default_img.png" alt="">
<img v-else :src="msg.TurnIco" alt="">
</div>
</el-form-item>
</el-form>
</div>
<div class="title"><span>悬浮按钮设置</span><el-tooltip class="item" effect="dark" content="用于商品列表页" placement="top" style="margin-right: 10px"><i class="el-tooltip el-icon-info"></i></el-tooltip></div>
<div class="form-body">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="启用回到顶部悬浮按钮">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.BackTopBtn">
</el-switch>
</el-form-item>
<el-form-item label="启用购物车悬浮按钮">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.CarSuspendBtn">
</el-switch>
</el-form-item>
</el-form>
</div>
<div class="title"><span>商品售罄图标设置</span></div>
<div class="form-body">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="售罄图标显示开关">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.SellOutIcoSwitch">
</el-switch>
</el-form-item>
<el-form-item label="是否使用默认图标" v-if="msg.SellOutIcoSwitch==true">
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.SellOutDefaultIco">
</el-switch>
</el-form-item>
<el-form-item label="商品图正常尺寸" v-if="msg.SellOutIcoSwitch==true">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<div class="img_yuan">
<img v-if="msg.SellOutDefaultIco == true" src="../../assets/img/setup/plugins-out.png" alt="" style="background: black">
<img v-if="msg.SellOutDefaultIco == false" :src='msg.GoodsNormalPic' alt="">
</div>
</el-form-item>
<el-form-item label="商品图4:3尺寸" v-if="msg.SellOutIcoSwitch==true">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
</el-tooltip>
<div class="img_yuan">
<img v-if="msg.SellOutDefaultIco == true" src="../../assets/img/setup/plugins-out.png" alt="" style="background: black">
<img v-if="msg.SellOutDefaultIco == false" :src='msg.GoodsZoomPic' alt="">
</div>
</el-form-item>
</el-form>
</div>
</div>
</el-tab-pane>
</el-tabs> </el-tabs>
<el-button type="primary" style="margin: 12px 0 ">保存</el-button> <el-button type="primary" style="margin: 12px 0 ">保存</el-button>
...@@ -336,11 +883,13 @@ ...@@ -336,11 +883,13 @@
</template> </template>
<script> <script>
export default { export default {
name: "basicSetUp", name: "basicSetUp",
data() { data() {
return { return {
activeName: 'first', activeName: 'first',
activeName2:'one',
msg: { msg: {
ID: '', ID: '',
MallName: '',//商城名称 MallName: '',//商城名称
...@@ -357,9 +906,9 @@ ...@@ -357,9 +906,9 @@
AfterTime: '', AfterTime: '',
PayWay: [], PayWay: [],
DeliverWay: [], DeliverWay: [],
BalanceFun: false, BalanceFun: 0,
ConsultWay: [], ConsultWay: [],
MinSwitch: false, MinSwitch: 1,
MinBackColor: '#000000', MinBackColor: '#000000',
MinBackClarity: 100, MinBackClarity: 100,
MinBackCircularBead: 36, MinBackCircularBead: 36,
...@@ -368,33 +917,51 @@ ...@@ -368,33 +917,51 @@
MinIcoColor: 1, MinIcoColor: 1,
MinShareTitle: '', MinShareTitle: '',
MinShareIco: '', MinShareIco: '',
BuySwitch: false, BuySwitch: 0,
CarouselOrder: 0, CarouselOrder: 0,
ListShopCar: '', ListShopCar: 0,
ListBuyCount: '', ListBuyCount: 1,
ListName: '', ListName: 1,
DetailsComment: '', DetailsComment: 1,
DetailsLineationPrice: '', DetailsLineationPrice: 1,
DetailsMemberPrice: '', DetailsMemberPrice: 1,
DetailsVipMemberPrice: '', DetailsVipMemberPrice: 1,
DeatilsExpress: '', DeatilsExpress: 1,
DetailsBuyNum: '', DetailsBuyNum: 1,
DetailsSharePrice: '', DetailsSharePrice: 1,
DetailsVideo: '', DetailsVideo: 1,
OtherNoShare: '', OtherNoShare: 1,
OtherIndexMoblie: '', OtherIndexMoblie: 0,
OtherManualMobile: '', OtherManualMobile: 1,
OtherTencent: '', OtherTencent:0,
OtherMemerLevel: '', OtherMemerLevel: 0,
OtherMustAddress: '', OtherMustAddress: 0,
OtherApplyShare: '', OtherApplyShare:0,
SuspendBtn: '', SuspendBtn: 0,
BackTopBtn: '', BackTopBtn: 1,
CarSuspendBtn: '', CarSuspendBtn: 0,
SellOutIcoSwitch: '', SellOutIcoSwitch: 1,
SellOutDefaultIco: '', SellOutDefaultIco: 0,
GoodsNormalPic: '', GoodsNormalPic: '',
GoodsZoomPic: '' GoodsZoomPic: '',
SuspendStyle:1,
UnfoldIco:'',
PackUpIco:'',
OnlineService:0,
OnlineServiceIco:'',
BackTopNavigation:0,
BackTopNavigationIco:'',
OneCall:0,
OneCallIco:'',
ServiceOutLink:0,
ServiceOutLinkIco:'',
ShortcutNavigation:0,
ShortcutNavigationIco:'',
TurnMini:0,
TurnMiniIco:'',
Custom:1,
TurnLink:'',
TurnIco:'',
}, },
predefineColors: [ predefineColors: [
'#000000', '#000000',
...@@ -402,7 +969,9 @@ ...@@ -402,7 +969,9 @@
'#888888', '#888888',
'#FF4544', '#FF4544',
], ],
target_o:1,
target_o2:1,
target_o3:1,
rules: { rules: {
MallName: [ MallName: [
{required: true, message: "请输入商城名称", trigger: "blur"} {required: true, message: "请输入商城名称", trigger: "blur"}
...@@ -417,19 +986,28 @@ ...@@ -417,19 +986,28 @@
methods: { methods: {
handleClick(tab, event) { handleClick(tab, event) {
// console.log(tab, event); // console.log(tab, event);
},
handleClick2(tab, event){
}, },
inputChange() { //输入框值改变 inputChange() { //输入框值改变
this.msg.tipstext = this.msg.tipstext.replace(/[^\d]/g, '') this.msg.tipstext = this.msg.tipstext.replace(/[^\d]/g, '')
} },
target(btn){
this.target_o = btn
},
target2(btn){
this.target_o2 = btn
},
target3(btn){
this.target_o3 = btn
},
}, },
computed:{ computed:{
Mintips2:function () {
return{
} }
} }
}
}
</script> </script>
<style scoped> <style scoped>
......
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