Skip to content

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

Merge branch 'master' of http://gitlab.oytour.com/huangyuanyuan/electricitysheep

parents 61c1b2c5 7e741d19
Hide whitespace changes
Inline Side-by-side
Showing with 450 additions and 4 deletions
src/components/setup/basicSetUp.vue 0 → 100644
View file @ cf48d375
<style>
.loginDiv {
width: 100%;
height: 100%;
position: relative;
background-size: cover;
background-size: 100% 100%;
background-position: center;
}
.el-tabs__header {
padding: 0 20px;
position: relative;
height: 56px;
line-height: 56px;
background-color: #fff;
margin: 0;
}
.title {
margin-top: 10px;
padding: 18px 20px;
border-top: 1px solid #F3F3F3;
border-bottom: 1px solid #F3F3F3;
background-color: #fff;
}
.form-body {
background-color: #fff;
padding: 20px 50% 20px 0;
}
.el-form-item__label {
padding: 0 23px 0 0;
}
.custom_t {
display: flex;
flex-direction: row;
background-color: rgb(255, 255, 255);
padding: 20px 0px;
}
.Mintips{
max-width: 700px;
white-space: nowrap;/*内容超宽后禁止换行显示*/
overflow: hidden;/*超出部分隐藏*/
text-overflow:ellipsis;/*文字超出部分以省略号显示*/
height: 72px;
display: flex;
flex-direction: row;
align-content: center;
background: black;
position: absolute;
right: 25px;
top:200px;
line-height: 72px;
}
.triangle-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid black;
position: absolute;
right: 150px;
top:180px
}
</style>
<template>
<div class="basicSetUp">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="基本信息" name="first">
<div id="pane-first">
<div class="title"><span>基本设置</span></div>
<div class="form-body">
<el-form :model="msg" :rules="rules" ref="msg" label-width="130px" style="padding:0 50px;">
<el-form-item label="商城名称" prop="MallName" class="is-required">
<el-input v-model="msg.MallName"/>
</el-form-item>
<el-form-item label="联系号码" prop="password1">
<el-input v-model="msg.ContactNumber"/>
</el-form-item>
<el-form-item label="外链客服链接" prop="password2">
<el-input v-model="msg.OuterServiceLink"/>
</el-form-item>
<el-form-item label="一键导航">
<el-form-item label="详细地址" label-width="80px">
<el-input v-model="msg.Address"/>
</el-form-item>
<el-form-item label="经纬度" style="margin-top: 15px;" label-width="80px">
<el-tooltip class="item" effect="dark" content="点击地图，可获取经纬度" placement="top"
style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-input v-model="msg.LongAndLat"/>
</el-form-item>
<el-form-item label="地图" style="margin-top: 15px" label-width="80px">
<button class="el-button el-button--default el-button--small">
展开地图
</button>
</el-form-item>
</el-form-item>
<el-form-item label="跳转小程序">
<el-tooltip class="item" effect="dark" content="悬浮按钮跳转小程序" placement="top"
style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-form-item label="小程序appId" label-width="120px">
<el-input v-model="msg.MinAppId" placeholder="请输入跳转小程序AppId"/>
</el-form-item>
<el-form-item label="小程序路径" label-width="120px" style="margin-top: 15px">
<el-input v-model="msg.MinUrl" placeholder="请输入跳转小程序路径"/>
</el-form-item>
</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="未支付订单超时时间" prop="CancelTime">
<el-tooltip class="item" effect="dark" content="注意：如果设置为0，则为支付订单将不会被取消" placement="top"
style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-input v-model="msg.CancelTime" type="number">
<template slot="append">分</template>
</el-input>
</el-form-item>
<el-form-item label="自动确认收货时间">
<el-tooltip class="item" effect="dark" content="从发货到自动确认的时间" placement="top"
style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-input v-model="msg.AutoReceiving" type="number">
<template slot="append">天</template>
</el-input>
</el-form-item>
<el-form-item label="售后时间">
<el-tooltip class="item" effect="dark"
content="可以申请售后的时间。注意：分销订单中的已完成订单，只有订单已确认收货，并且时间超过设置的售后天数之后才计入其中！" placement="top"
style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-input v-model="msg.AfterTime" type="number">
<template slot="append">天</template>
</el-input>
</el-form-item>
<el-form-item label="支付方式">
<el-tooltip class="item" effect="dark" content="若都不勾选，默认选中线上支付" placement="top"
style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-checkbox-group v-model="msg.PayWay">
<el-checkbox label="线上支付"></el-checkbox>
<el-checkbox label="货到付款"></el-checkbox>
<el-checkbox label="余额支付"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="发货方式">
<el-tooltip class="item" effect="dark" content="需添加门店，到店自提方可生效" placement="top"
style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-checkbox-group v-model="msg.DeliverWay">
<el-checkbox label="快递配送"></el-checkbox>
<el-checkbox label="到店自提"></el-checkbox>
<el-checkbox label="同城配送"></el-checkbox>
</el-checkbox-group>
<div style="color: rgb(204, 204, 204);">
注：手机端显示排序（<span>1.同城配送 </span><span>2.到店自提 </span><span>3.快递配送 </span>）
</div>
</el-form-item>
<el-form-item label="余额功能">
<el-switch
v-model="msg.BalanceFun"
active-text=""
inactive-text="">
</el-switch>
</el-form-item>
<el-form-item label="商品面议联系方式">
<el-tooltip class="item" effect="dark" content="若客服和外链客服两者都不勾选，默认勾选客服；客服和外链客服前端统一显示为客服" placement="top"
style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-checkbox-group v-model="msg.ConsultWay">
<el-checkbox label="在线客服"></el-checkbox>
<el-checkbox label="联系电话"></el-checkbox>
<el-checkbox label="外链客服"></el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
</div>
<div class="title"><span>自定义设置</span></div>
<div class="custom_t">
<div style="width: 50%">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="添加到我的小程序">
</el-form-item>
<el-form-item label="开关">
<el-switch
v-model="msg.MinSwitch"
active-text=""
inactive-text="">
</el-switch>
</el-form-item>
<el-form-item label="背影颜色">
<el-color-picker
v-model="msg.MinBackColor"
show-alpha
:predefine="predefineColors">
</el-color-picker>
</el-form-item>
<el-form-item label="背影透明度">
<el-row>
<el-col class="userinfo" :span="16">
<el-slider v-model="msg.MinBackClarity"></el-slider>
</el-col>
<el-col class="userinfo" :span="7" style="margin-left: 4.16667%;">
<el-input v-model="msg.MinBackClarity" type="number">
<template slot="append">%</template>
</el-input>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="背景框圆角">
<el-row>
<el-col class="userinfo" :span="16">
<el-slider v-model="msg.MinBackCircularBead" :min="0" :max="36"></el-slider>
</el-col>
<el-col class="userinfo" :span="7" style="margin-left: 4.16667%;">
<el-input v-model="msg.MinBackCircularBead" type="number" :min="0" :max="36">
<template slot="append">px</template>
</el-input>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="提示文本内容">
<el-tooltip class="item" effect="dark" content="最多允许添加20个字" placement="top"
style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-input v-model="msg.MinTips" @keyup="inputChange"/>
</el-form-item>
<el-form-item label="文本颜色">
<el-color-picker
v-model="msg.MinTipsColor"
show-alpha
:predefine="predefineColors">
</el-color-picker>
</el-form-item>
<el-form-item label="图标颜色">
<el-radio-group v-model="msg.MinIcoColor">
<el-radio :label="1">白色</el-radio>
<el-radio :label="2">黑色</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
</div>
<div style="width: 50%; padding-left: 100px; zoom: 0.5;">
<div style="width: 750px; border: 1px solid rgb(238, 238, 238);position: relative">
<img src="../../assets/img/heads.png" alt="" style="width: 750px;">
<div class="Mintips" >
<img src="../../assets/img/fork_white.png" alt="" style="width: 72px;height: 72px">
<span style="color: white;padding: 0 10px">{{msg.MinTips}}</span>
</div>
<div class="triangle-up">
</div>
</div>
</div>
</div>
<div style="margin-top: 1px" class="form-body">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="转发小程序">
</el-form-item>
<el-form-item label="转发标题" >
<el-input v-model="msg.MinShareTitle"/>
<button class="el-button el-button--default el-button--small">
选择图标
</button>
</el-form-item>
</el-form>
</div>
<div style="margin-top: 1px" class="form-body">
<el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
<el-form-item label="首页购买记录框">
</el-form-item>
<el-form-item label="开关">
<el-switch
v-model="msg.BuySwitch"
active-text=""
inactive-text="">
</el-switch>
</el-form-item>
<el-form-item label="轮播订单数">
<el-tooltip class="item" effect="dark" content="轮播最新的N条订单" placement="top"
style="position: absolute;left: -20px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-input v-model="msg.CarouselOrder"/>
</el-form-item>
</el-form>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="显示设置" name="second">显示设置</el-tab-pane>
<el-tab-pane label="悬浮按钮设置" name="third">悬浮按钮设置</el-tab-pane>
</el-tabs>
<el-button type="primary" style="margin: 12px 0 ">保存</el-button>
</div>
</template>
<script>
export default {
name: "basicSetUp",
data() {
return {
activeName: 'first',
msg: {
ID: '',
MallName: '',//商城名称
TenantId: '',//商户号
Indate: '',//有效期
ContactNumber: '',//联系号码
OuterServiceLink: '',
Address: '',
LongAndLat: '',
MinAppId: '',
MinUrl: '',
CancelTime: '',
AutoReceiving: '',
AfterTime: '',
PayWay: [],
DeliverWay: [],
BalanceFun: '',
ConsultWay: [],
MinSwitch: '',
MinBackColor: '#000000',
MinBackClarity: 100,
MinBackCircularBead: 36,
MinTips: '添加到我的小程序，购买更便捷',
MinTipsColor: '#FFFFFF',
MinIcoColor: 1,
MinShareTitle: '',
MinShareIco: '',
BuySwitch: '',
CarouselOrder: 0,
ListShopCar: '',
ListBuyCount: '',
ListName: '',
DetailsComment: '',
DetailsLineationPrice: '',
DetailsMemberPrice: '',
DetailsVipMemberPrice: '',
DeatilsExpress: '',
DetailsBuyNum: '',
DetailsSharePrice: '',
DetailsVideo: '',
OtherNoShare: '',
OtherIndexMoblie: '',
OtherManualMobile: '',
OtherTencent: '',
OtherMemerLevel: '',
OtherMustAddress: '',
OtherApplyShare: '',
SuspendBtn: '',
BackTopBtn: '',
CarSuspendBtn: '',
SellOutIcoSwitch: '',
SellOutDefaultIco: '',
GoodsNormalPic: '',
GoodsZoomPic: ''
},
predefineColors: [
'#000000',
'#FFFFFF',
'#888888',
'#FF4544',
],
rules: {
MallName: [
{required: true, message: "请输入商城名称", trigger: "blur"}
],
CancelTime: [
{required: true, message: "未支付订单超时时间必须为整数", trigger: "blur"}
],
},
};
},
methods: {
handleClick(tab, event) {
// console.log(tab, event);
},
inputChange() { //输入框值改变
this.msg.tipstext = this.msg.tipstext.replace(/[^\d]/g, '')
}
},
computed:{
Mintips2:function () {
return{
}
}
}
}
</script>
<style scoped>
</style>
src/router/index.js
View file @ cf48d375
......@@ -30,6 +30,11 @@ export default new Router({
name: 'index',
component: resolve => require(['@/components/index'], resolve),
},
{
path: '/basicSetUp',
name: 'basicSetUp',
component: resolve => require(['@/components/setUp/basicSetUp'], resolve),
},
{
path: '/main',
name: 'main',
......@@ -70,11 +75,11 @@ export default new Router({
name: 'MembersBuy',
component: resolve => require(['@/components/UserMan/MembersBuy'], resolve),
},
]
},
]
})
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