<template>
|
<!--
|
作者 WuYuseng
|
时间：2019-10-26
|
描述：设置-商户信息修改
|
-->
|
<div>
|
|
<!--form表单-->
|
<el-form size="small" ref="form" :model="form" label-width="200px">
|
<div class="common-form">基本信息</div>
|
<el-form-item label="分会名称" prop="name" :rules="[{required: true,message: '请输入名称'}]">
|
<el-input class="max-w460" v-model="form.name" placeholder="请输入分会名称"></el-input>
|
</el-form-item>
|
<el-form-item label="所在区域">
|
<el-select v-model="form.province_id" placeholder="省" @change="initCity">
|
<el-option :label="item.name" :value="item.id" v-for="(item,index) in areaList" :key='index'></el-option>
|
</el-select>
|
<el-select v-if="form.province_id!=''" v-model="form.city_id" placeholder="市" @change="initRegion">
|
<el-option :label="item1.name" :value="item1.id" v-for="(item1,index1) in areaList[form.province_id]['city']"
|
:key='index1'></el-option>
|
</el-select>
|
<el-select v-if="form.city_id!=''" v-model="form.region_id" placeholder="区">
|
<el-option :label="item2.name" :value="item2.id" v-for="(item2,index2) in areaList[form.province_id]['city'][form.city_id]['region']"
|
:key='index2'></el-option>
|
</el-select>
|
</el-form-item>
|
<!-- <el-form-item label="分会简介" prop="description">
|
<el-input type="textarea" v-model="form.description" class="max-w460"></el-input>
|
</el-form-item> -->
|
<div class="common-form">账号信息</div>
|
<el-form-item label="绑定会长">
|
<el-row>
|
<el-button icon="el-icon-picture-outline" @click="userClick()">选择用户</el-button>
|
<div v-if="form.user_id!=0" class="img">
|
<img :src="user_info.avatarUrl" width="100" height="100" />
|
</div>
|
</el-row>
|
</el-form-item>
|
<el-form-item label="登录账号" prop="user_name" :rules="[{required: true,message: ' '}]">
|
<el-input class="max-w460" v-model="form.user_name" placeholder="请输入登录账号"></el-input>
|
</el-form-item>
|
<el-form-item label="登录密码">
|
<el-input v-model="form.password" placeholder="" type="password" class="max-w460"></el-input>
|
<div class="gray9">如不修改密码请留空</div>
|
</el-form-item>
|
<el-form-item label="联系人" prop="link_name" :rules="[{required: true,message: ' '}]">
|
<el-input class="max-w460" v-model="form.link_name" placeholder="请输入联系人"></el-input>
|
</el-form-item>
|
<el-form-item label="联系电话" prop="link_phone" :rules="[{required: true,message: ' '}]">
|
<el-input class="max-w460" v-model="form.link_phone" placeholder="请输入联系电话"></el-input>
|
</el-form-item>
|
<!--提交-->
|
<div class="common-button-wrapper">
|
<el-button size="small" type="primary" @click="onSubmit" :loading="loading">提交</el-button>
|
</div>
|
</el-form>
|
<!--管理用户-->
|
<GetMember :is_open="open_user" @close="closeDialogFunc($event, 'add')"></GetMember>
|
</div>
|
</template>
|
|
<script>
|
|
import SettingApi from '@/api/setting.js';
|
import {formatModel} from '@/utils/base.js'
|
import GetMember from '@/components/branch/GetMember.vue';
|
export default{
|
components:{
|
GetMember
|
},
|
data(){
|
return {
|
/*是否在提交*/
|
loading:false,
|
/*表单数据对象*/
|
form:{
|
branch_id: '',
|
name: '',
|
link_name: '',
|
link_phone: '',
|
province_id: '',
|
city_id: '',
|
region_id: '',
|
address:'',
|
description: '',
|
user_id: 0,
|
user_name: '',
|
password: '',
|
},
|
open_user: false,
|
user_info: {},
|
areaList: [],
|
}
|
},
|
created() {
|
this.getData();
|
},
|
methods:{
|
/*获取参数*/
|
getData() {
|
let self = this;
|
SettingApi.getBranch({
|
|
}, true)
|
.then(res => {
|
self.form = formatModel(self.form, res.data.model);
|
self.form.password = '';
|
if (self.form.region_id == 0) {
|
self.form.region_id = '';
|
}
|
self.areaList = res.data.areaList;
|
if(res.data.model.superUser){
|
self.form.user_id = res.data.model.superUser.user_id;
|
self.form.user_name = res.data.model.superUser.user_name;
|
self.user_info.avatarUrl = res.data.model.superUser.user.avatarUrl;
|
}
|
})
|
.catch(error => {
|
|
});
|
},
|
|
/*提交*/
|
onSubmit() {
|
let self = this;
|
let params = this.form;
|
self.$refs.form.validate((valid) => {
|
if (valid) {
|
self.loading = true;
|
SettingApi.setBranch({branch: params}, true)
|
.then(data => {
|
self.loading = false;
|
self.$message({
|
message: '恭喜你，保存设置成功',
|
type: 'success'
|
});
|
})
|
.catch(error => {
|
self.loading = false;
|
});
|
}
|
});
|
|
},
|
|
/*初始化城市id*/
|
initCity() {
|
this.form.city_id = ''
|
},
|
/*初始化区id*/
|
initRegion() {
|
this.form.region_id = ''
|
},
|
|
/*打开弹出层*/
|
userClick() {
|
this.open_user = true;
|
},
|
|
/*关闭获取用户弹窗*/
|
closeDialogFunc(e) {
|
if (e.type != 'error') {
|
this.user_info = e.params[0];
|
this.form.user_id = e.params[0].user_id;
|
}
|
this.open_user = false;
|
},
|
}
|
}
|
</script>
|
|
<style>
|
</style>
|
