<template>
|
<!--
|
作者 WuYuseng
|
时间：2019-10-26
|
描述：设置-商户信息修改
|
-->
|
<div>
|
|
<!--form表单-->
|
<el-form size="small" ref="formData" :model="formData" label-width="150px">
|
<el-form-item label="店铺名称" :rules="[{required: true,message: '请输入店铺名称'}]">
|
<el-input v-model="formData.name" placeholder="请输入店铺名称" class="max-w460"></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="联系人" :rules="[{required: true,message: '请输入联系人'}]">
|
<el-input v-model="formData.link_name" placeholder="请输入联系人" class="max-w460"></el-input>
|
</el-form-item> -->
|
|
<el-form-item label="联系电话" :rules="[{required: true,message: '请输入联系电话'}]">
|
<el-input v-model="formData.link_phone" placeholder="请输入联系电话" class="max-w460" v-bind:readonly="true"></el-input>
|
</el-form-item>
|
|
<el-form-item label="联系地址" :rules="[{required: true,message: '请输入联系地址'}]">
|
<el-input v-model="formData.address" placeholder="请输入联系地址" class="max-w460"></el-input>
|
</el-form-item>
|
<el-form-item label="坐标">
|
<el-row class="mb16">
|
<el-col :span="24">
|
<el-input v-model="formData.coordinate" class="max-w460"></el-input>
|
</el-col>
|
</el-row>
|
<el-row class="mb16">
|
<el-col :span="24">
|
<Getpoint :form="formData.supplier" @getMapdata="getMapdataFunc" @chose="choseFunc"></Getpoint>
|
</el-col>
|
</el-row>
|
</el-form-item>
|
|
<el-form-item label="商家介绍" :rules="[{required: true,message: '请输入商家介绍'}]">
|
<el-input type="textarea" v-model="formData.description" placeholder="请输入商家介绍" class="max-w460"></el-input>
|
</el-form-item>
|
|
<el-form-item label="店铺公告">
|
<el-input type="textarea" v-model="formData.notice" placeholder="请输入店铺公告" class="max-w460"></el-input>
|
</el-form-item>
|
|
<el-form-item label="logo" :rules="[{required: true,message: '选择Logo'}]">
|
<el-button @click="chooseImg('logo')">选择Logo</el-button>
|
<div v-if="formData.logo_id!=''" class="img">
|
<img :src="logo_file_path" width="100" height="100" />
|
</div>
|
</el-form-item>
|
|
<!-- <el-form-item label="营业执照" :rules="[{required: true,message: '选择营业执照'}]">
|
<el-button @click="chooseImg('business')">选择营业执照</el-button>
|
<div v-if="formData.business_id!=''" class="img">
|
<img :src="business_file_path" width="100" height="100" />
|
</div>
|
</el-form-item> -->
|
|
<!--提交-->
|
<div class="common-button-wrapper">
|
<el-button size="small" type="primary" @click="onSubmit" :disabled="loading">提交</el-button>
|
</div>
|
</el-form>
|
|
<!--上传图片-->
|
<Upload v-if="isupload" :isupload="isupload" @returnImgs="returnImgsFunc"></Upload>
|
</div>
|
</template>
|
|
<script>
|
|
import SettingApi from '@/api/setting.js';
|
import Upload from '@/components/file/Upload';
|
import Getpoint from '@/components/map/Getpoint.vue';
|
export default{
|
components:{
|
Getpoint,
|
Upload
|
},
|
data(){
|
return {
|
/*是否在提交*/
|
loading:false,
|
/*表单数据对象*/
|
formData:{
|
name:'',
|
link_name:'',
|
link_phone:'',
|
address:'',
|
description:'',
|
logo_id:0,
|
//business_id:0,
|
notice: '',
|
coordinate:''
|
},
|
/*是否打开图片选择*/
|
isupload:false,
|
/*当前图片类别*/
|
type:null,
|
logo_file_path: '',
|
business_file_path: '',
|
}
|
},
|
created() {
|
this.getParams();
|
},
|
methods:{
|
/*初始化城市id*/
|
initCity() {
|
this.formData.city_id = ''
|
},
|
|
/*初始化区id*/
|
initRegion() {
|
this.formData.region_id = ''
|
},
|
|
/*获取经纬度*/
|
getMapdataFunc(e) {
|
this.formData.coordinate = e.data[0].toFixed(6) + ',' + e.data[1].toFixed(6);
|
},
|
/*选择的地址*/
|
choseFunc(e){
|
this.formData.coordinate=e.location.lat+','+e.location.lng;
|
this.formData.address=e.address;
|
|
},
|
|
/*获取配置数据*/
|
getParams() {
|
let self = this;
|
SettingApi.getSupplier({}, true).then(res => {
|
self.formData = res.data.model;
|
self.logo_file_path = res.data.model.logo.file_path;
|
self.business_file_path = res.data.model.business.file_path;
|
})
|
.catch(error => {
|
|
});
|
},
|
|
/*提交*/
|
onSubmit() {
|
let self = this;
|
let params = this.formData;
|
self.$refs.formData.validate((valid) => {
|
if (valid) {
|
self.loading = true;
|
SettingApi.setSupplier(params, true)
|
.then(data => {
|
self.loading = false;
|
self.$message({
|
message: '恭喜你，保存设置成功',
|
type: 'success'
|
});
|
})
|
.catch(error => {
|
self.loading = false;
|
});
|
}
|
});
|
|
},
|
|
/*选择图片*/
|
chooseImg(e){
|
this.type=e;
|
this.isupload=true;
|
},
|
|
/*关闭选择图片*/
|
returnImgsFunc(e){
|
if (e != null && e.length > 0) {
|
if(this.type == 'logo'){
|
this.logo_file_path = e[0].file_path;
|
this.formData.logo_id = e[0].file_id;
|
}else if(this.type == 'business'){
|
this.business_file_path = e[0].file_path;
|
this.formData.business_id = e[0].file_id;
|
}
|
}
|
this.isupload=false;
|
}
|
}
|
}
|
</script>
|
|
<style>
|
</style>
|
