|
|
@@ -12,43 +12,28 @@
|
|
|
</tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<view class="tui-title">分店类型</view>
|
|
|
- <radio-group class="tui-input" @change="joinChange">
|
|
|
- <label class="list" for="chainLink">
|
|
|
- <radio id="chainLink" value="0" style="transform:scale(0.7,0.7)" :checked="form.join == 0" />
|
|
|
- <span class="checkbox-text">直营店</span>
|
|
|
- </label>
|
|
|
- <label class="list" for="joinLink">
|
|
|
- <radio id="joinLink" value="1" style="transform:scale(0.7,0.7)" :checked="form.join == 1" />
|
|
|
- <span class="checkbox-text">加盟店</span>
|
|
|
- </label>
|
|
|
- </radio-group>
|
|
|
- </tui-list-cell>
|
|
|
-
|
|
|
- <tui-list-cell class="line-cell" :hover="false">
|
|
|
- <view class="tui-title">总店</view>
|
|
|
- <view>
|
|
|
- <switch style="transform:scale(0.7,0.7)" :checked="form.default == 0 ? false : true" @change="defaultChange" /> {{form.default==0 ? '否' : '是'}}
|
|
|
+ <view class="select-button-wrap">
|
|
|
+ <button class="admin-button-com middle" :class="[form.join == 0 ? 'blue' : 'default']" @click="form.join = 0">直营店</button>
|
|
|
+ <button class="admin-button-com middle" :class="[form.join == 1 ? 'blue' : 'default']" @click="form.join = 1">加盟店</button>
|
|
|
+ <input v-model="form.join" name="join" hidden />
|
|
|
</view>
|
|
|
</tui-list-cell>
|
|
|
-
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<view class="tui-title">营业状态</view>
|
|
|
- <view><switch style="transform:scale(0.7,0.7)" :checked="form.open == 0 ? false : true" @change="openChange" /></view>
|
|
|
+ <view class="select-button-wrap">
|
|
|
+ <button class="admin-button-com middle" :class="[form.open == 1 ? 'blue' : 'default']" @click="setOpenStatus(1)">营业</button>
|
|
|
+ <button class="admin-button-com middle" :class="[form.open == 0 ? 'blue' : 'default']" @click="setOpenStatus(0)">休息</button>
|
|
|
+ <input v-model="form.open" name="open" hidden />
|
|
|
+ </view>
|
|
|
</tui-list-cell>
|
|
|
<template v-if="visible">
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<view class="tui-title">营业时间</view>
|
|
|
- <radio-group class="tui-input" @change="radioChange">
|
|
|
- <label class="list" for="hourLink">
|
|
|
- <radio id="hourLink" value="0" style="transform:scale(0.7,0.7)" :checked="form.openType == 0" />
|
|
|
- <span class="checkbox-text">24小时</span>
|
|
|
- </label>
|
|
|
- <label class="list" for="setTimeLink">
|
|
|
- <radio id="setTimeLink" value="1" style="transform:scale(0.7,0.7)" :checked="form.openType == 1" />
|
|
|
- <span class="checkbox-text">指定时段</span>
|
|
|
- </label>
|
|
|
+ <view class="select-button-wrap time-button-wrap">
|
|
|
+ <button class="admin-button-com middle" :class="[form.openType == 0 ? 'blue' : 'default']" @click="setOpenType(0)">24小时</button>
|
|
|
+ <button class="admin-button-com middle" :class="[form.openType == 1 ? 'blue' : 'default']" @click="setOpenType(1)">指定时段</button>
|
|
|
<input v-model="form.openType" name="openType" hidden />
|
|
|
- </radio-group>
|
|
|
+ </view>
|
|
|
</tui-list-cell>
|
|
|
<template v-if="openTimeVisible">
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
@@ -71,7 +56,12 @@
|
|
|
<view class="tui-title">手机号</view>
|
|
|
<input v-model="form.mobile" placeholder-class="phcolor" class="tui-input" name="mobile" placeholder="请输入手机号" maxlength="50" type="number" />
|
|
|
</tui-list-cell>
|
|
|
-
|
|
|
+ <tui-list-cell class="line-cell" :hover="false">
|
|
|
+ <view class="tui-title">总店</view>
|
|
|
+ <view>
|
|
|
+ <switch style="transform:scale(0.7,0.7)" :checked="form.default == 0 ? false : true" @change="defaultChange" /> {{form.default==0 ? '否' : '是'}}
|
|
|
+ </view>
|
|
|
+ </tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false" :arrow="true" @click="openAddres">
|
|
|
<view class="tui-title">所在城市</view>
|
|
|
<view class="tui-input" v-if="form.province || form.city">{{ form.province + '-' + form.city }}</view>
|
|
|
@@ -310,8 +300,12 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
openChange(e) {
|
|
|
- this.visible = e.target.value ? true : false
|
|
|
- this.form.open = e.target.value ? 1 : 0
|
|
|
+ this.setOpenStatus(e.target.value ? 1 : 0)
|
|
|
+ },
|
|
|
+ setOpenStatus(value) {
|
|
|
+ const selected = Number(value)
|
|
|
+ this.visible = selected === 1 ? true : false
|
|
|
+ this.form.open = selected === 1 ? 1 : 0
|
|
|
},
|
|
|
startTimeChange: function(e) {
|
|
|
this.start_time = e.detail.value
|
|
|
@@ -339,8 +333,12 @@ export default {
|
|
|
this.form.openEndTime = e.detail.value
|
|
|
},
|
|
|
radioChange(e) {
|
|
|
- this.openTimeVisible = e.detail.value == 0 ? false : true;
|
|
|
- this.form.openType = e.detail.value == 0 ? 0 : 1; // openType: 0. 24小时 1. xx ~ xx
|
|
|
+ this.setOpenType(e.detail.value)
|
|
|
+ },
|
|
|
+ setOpenType(value) {
|
|
|
+ const selected = Number(value)
|
|
|
+ this.openTimeVisible = selected === 0 ? false : true;
|
|
|
+ this.form.openType = selected === 0 ? 0 : 1; // openType: 0. 24小时 1. xx ~ xx
|
|
|
if (this.openTimeVisible) {
|
|
|
this.start_time = '09:00'
|
|
|
this.end_time = '18:00'
|
|
|
@@ -497,6 +495,22 @@ export default {
|
|
|
padding: 0 30upx;
|
|
|
}
|
|
|
}
|
|
|
+ .select-button-wrap {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .admin-button-com {
|
|
|
+ width: 150upx;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ .admin-button-com + .admin-button-com {
|
|
|
+ margin-left: 30upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .time-button-wrap {
|
|
|
+ .admin-button-com {
|
|
|
+ width: 190upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
.confirm-btn {
|
|
|
position:fixed;
|
|
|
bottom:0upx;
|
