|
@@ -3,12 +3,12 @@
|
|
|
<form @submit="formSubmit">
|
|
<form @submit="formSubmit">
|
|
|
<div class="module-com input-line-wrap">
|
|
<div class="module-com input-line-wrap">
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
- <div class="tui-title">花店名称</div>
|
|
|
|
|
- <input v-model="form.name" placeholder-class="phcolor" class="tui-input" name="phone" placeholder="请输入(选填)" maxlength="50" type="text" />
|
|
|
|
|
|
|
+ <div class="tui-title required">花店名称</div>
|
|
|
|
|
+ <input v-model="form.name" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请输入" maxlength="50" type="text" />
|
|
|
</tui-list-cell>
|
|
</tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
- <div class="tui-title">店长姓名</div>
|
|
|
|
|
- <input v-model="form.adminName" placeholder-class="phcolor" class="tui-input" name="phone" placeholder="请输入(选填)" maxlength="50" type="text" />
|
|
|
|
|
|
|
+ <div class="tui-title required">店长姓名</div>
|
|
|
|
|
+ <input v-model="form.adminName" placeholder-class="phcolor" class="tui-input" name="adminName" placeholder="请输入" maxlength="50" type="text" />
|
|
|
</tui-list-cell>
|
|
</tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<div class="tui-title required">店长手机号</div>
|
|
<div class="tui-title required">店长手机号</div>
|
|
@@ -18,30 +18,9 @@
|
|
|
<div class="tui-title required">确认手机号</div>
|
|
<div class="tui-title required">确认手机号</div>
|
|
|
<input v-model="form.confirmMobile" placeholder-class="phcolor" class="tui-input" name="confirmMobile" placeholder="请输入" maxlength="50" type="number" />
|
|
<input v-model="form.confirmMobile" placeholder-class="phcolor" class="tui-input" name="confirmMobile" placeholder="请输入" maxlength="50" type="number" />
|
|
|
</tui-list-cell>
|
|
</tui-list-cell>
|
|
|
-
|
|
|
|
|
- <!-- <tui-list-cell class="line-cell" :hover="false">
|
|
|
|
|
- <div class="tui-title required">余额</div>
|
|
|
|
|
- <input v-model="form.balance" placeholder-class="phcolor" class="tui-input" name="balance" placeholder="请输入" maxlength="50" type="number" />
|
|
|
|
|
- </tui-list-cell>
|
|
|
|
|
- <tui-list-cell class="line-cell" :arrow="true">
|
|
|
|
|
- <div class="tui-title required">会员级别</div>
|
|
|
|
|
- <picker mode="selector" :value="form.memberLevel" :range="levelData.list" range-key="level" @change="changeLevelFn" class="tui-input">
|
|
|
|
|
- <input v-model="form.memberLevel" name="memberLevel" type="text" hidden />
|
|
|
|
|
- <div v-if="form.memberLevel">{{ levelSelData.level }}</div>
|
|
|
|
|
- <div class="tui-placeholder" v-else>请选择</div>
|
|
|
|
|
- </picker>
|
|
|
|
|
- </tui-list-cell>
|
|
|
|
|
-
|
|
|
|
|
- <tui-list-cell class="line-cell" :hover="false">
|
|
|
|
|
- <div class="tui-title required">确认密码</div>
|
|
|
|
|
- <input v-model="form.confirmPassword" placeholder-class="phcolor" class="tui-input" name="confirmPassword" placeholder="请输入确认密码" maxlength="50" type="password" />
|
|
|
|
|
- </tui-list-cell> -->
|
|
|
|
|
- <!-- <div class="prompt-text">注册会员时会根据手机号识别此客户,等级和余额自动同步到帐户里。</div> -->
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- <div
|
|
|
|
|
- style="margin-top:20px"
|
|
|
|
|
- class="module-com input-line-wrap">
|
|
|
|
|
|
|
+ <view class="line-hint_bx">
|
|
|
|
|
+ 以下选填
|
|
|
|
|
+ </view>
|
|
|
<tui-list-cell class="line-cell" :hover="false" :arrow="true" @click="openAddres">
|
|
<tui-list-cell class="line-cell" :hover="false" :arrow="true" @click="openAddres">
|
|
|
<div class="tui-title">所在城市</div>
|
|
<div class="tui-title">所在城市</div>
|
|
|
<div class="tui-input" v-if="form.province">{{ form.province + '-' + form.city }}</div>
|
|
<div class="tui-input" v-if="form.province">{{ form.province + '-' + form.city }}</div>
|
|
@@ -59,13 +38,12 @@
|
|
|
placeholder-class="phcolor"
|
|
placeholder-class="phcolor"
|
|
|
placeholder-style="color:#CCCCCC"
|
|
placeholder-style="color:#CCCCCC"
|
|
|
class="tui-input"
|
|
class="tui-input"
|
|
|
- name="floor"
|
|
|
|
|
placeholder="楼号门牌号(选填)"
|
|
placeholder="楼号门牌号(选填)"
|
|
|
/>
|
|
/>
|
|
|
</tui-list-cell>
|
|
</tui-list-cell>
|
|
|
- <div class="btn-wrap">
|
|
|
|
|
|
|
+ <div class="btn-wrap">
|
|
|
<button class="admin-button-com blue big" formType="submit">确认</button>
|
|
<button class="admin-button-com blue big" formType="submit">确认</button>
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 选择地区 -->
|
|
<!-- 选择地区 -->
|
|
|
<app-area-sel :show.sync="showRegion" @change="changeAreaFn" :city="form.city" />
|
|
<app-area-sel :show.sync="showRegion" @change="changeAreaFn" :city="form.city" />
|
|
@@ -147,7 +125,11 @@ export default {
|
|
|
this.$refs.simpleAddress.open();
|
|
this.$refs.simpleAddress.open();
|
|
|
},
|
|
},
|
|
|
confirmFn() {
|
|
confirmFn() {
|
|
|
- add(this.form).then(res => {
|
|
|
|
|
|
|
+ add({
|
|
|
|
|
+ ...this.form,
|
|
|
|
|
+ mobile: +this.form.mobile,
|
|
|
|
|
+ confirmMobile: +this.form.confirmMobile
|
|
|
|
|
+ }).then(res => {
|
|
|
this.$msg('添加成功!')
|
|
this.$msg('添加成功!')
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
this.$util.pageTo(1)
|
|
this.$util.pageTo(1)
|
|
@@ -163,30 +145,25 @@ export default {
|
|
|
// 表单规则
|
|
// 表单规则
|
|
|
let rules = [
|
|
let rules = [
|
|
|
{
|
|
{
|
|
|
- name: 'mobile',
|
|
|
|
|
|
|
+ name: 'name',
|
|
|
rule: ['required'],
|
|
rule: ['required'],
|
|
|
- msg: ['请输入手机号']
|
|
|
|
|
|
|
+ msg: ['请输入花店名称']
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- name: 'confirmMobile',
|
|
|
|
|
|
|
+ name: 'adminName',
|
|
|
rule: ['required'],
|
|
rule: ['required'],
|
|
|
- msg: ['请输入手机号']
|
|
|
|
|
|
|
+ msg: ['请输入店长名称']
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- name: 'balance',
|
|
|
|
|
- rule: ['required'],
|
|
|
|
|
- msg: ['请输入余额']
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- name: 'memberLevel',
|
|
|
|
|
|
|
+ name: 'mobile',
|
|
|
rule: ['required'],
|
|
rule: ['required'],
|
|
|
- msg: ['请选择会员级别']
|
|
|
|
|
|
|
+ msg: ['请输入手机号']
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- name: 'confirmPassword',
|
|
|
|
|
|
|
+ name: 'confirmMobile',
|
|
|
rule: ['required'],
|
|
rule: ['required'],
|
|
|
- msg: ['请输入密码']
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ msg: ['请输入确认手机号']
|
|
|
|
|
+ },
|
|
|
]
|
|
]
|
|
|
// 进行表单检查
|
|
// 进行表单检查
|
|
|
let formData = e.detail.value
|
|
let formData = e.detail.value
|
|
@@ -203,4 +180,11 @@ export default {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
|
+ .line-hint_bx {
|
|
|
|
|
+ color: #999999;
|
|
|
|
|
+ font-size: 24px;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ line-height: 70px;
|
|
|
|
|
+ padding-left: 31px;
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|