<template>
<div>
<el-form ref="form" :rules="rules" :model="FormData" label-width="100px" label-position="right">
<el-form-item label="供货商名称:" prop="supplierName">
<el-input placeholder="供货商名称" v-model="FormData.supplierName"></el-input>
</el-form-item>
<el-form-item label="供货商介绍:" prop="supplierIntroduce">
<el-input placeholder="供货商介绍" v-model="FormData.supplierIntroduce"></el-input>
</el-form-item>
<el-form-item label="供货商地址:" prop="supplierAddress">
<el-input placeholder="供货商地址" v-model="FormData.supplierAddress"></el-input>
</el-form-item>
<el-form-item label="供货商电话:" prop="supplierPhone">
<el-input placeholder="供货商电话" v-model="FormData.supplierPhone"></el-input>
</el-form-item>
<el-form-item label="供货商排序:" prop="supplierOrder">
<el-slider placeholder="供货商排序" v-model="FormData.supplierOrder" :step="10" show-stops>
</el-slider>
</el-form-item>
<el-form-item label="经度:" prop="supplierX">
<el-input placeholder="经度" v-model="FormData.supplierX"></el-input>
</el-form-item>
<el-form-item label="纬度:" prop="supplierY">
<el-input placeholder="纬度" v-model="FormData.supplierY"></el-input>
</el-form-item>
<el-form-item label="位置">
<div id="container" style="height:300px">您使用的浏览器版本过低，请换高版本浏览器查看。</div>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button round @click="visiable = false">取消</el-button>
<el-button round type="primary" @click="saveInfo('form')">保存</el-button>
</span>
</div>
</template>
<script>
import { MP } from "@/utils/map";
import fetch from "@/utils/fetch.js";
import { Message } from "element-ui";
export default {
data() {
return {
FormData:
{
supplierName: "",
supplierIntroduce: "",
supplierAddress: "",
supplierPhone: "",
supplierOrder:"",
supplierX: null,
supplierY: null,
},
m: null
};
},
methods: {
init(r) {
this.visiable = !this.visiable;
if (r != null) {
// 编辑
this.FormData = JSON.parse(JSON.stringify(r));
} else {
// 新增
if (JSON.stringify(this.FormData) != "{}") {
this.FormData = {};
this.$refs.form.resetFields();
}
}
},
},
};
</script>
<style scoped>
</style>
