|
|
@@ -5,188 +5,80 @@
|
|
|
}
|
|
|
</style>
|
|
|
<template>
|
|
|
- <el-dialog
|
|
|
- :visible.sync="showDialog"
|
|
|
- :title="title"
|
|
|
- :modal-append-to-body="false"
|
|
|
- style="text-align: left"
|
|
|
- @close="closeDialog"
|
|
|
- :close-on-click-modal="false"
|
|
|
- >
|
|
|
+ <el-dialog :visible.sync="showDialog" :title="title" :modal-append-to-body="false" style="text-align: left;" @close="closeDialog" :close-on-click-modal="false">
|
|
|
<div class="user-panel" v-loading="loading">
|
|
|
- <el-form
|
|
|
- ref="form"
|
|
|
- :model="formModel"
|
|
|
- :rules="ruleValidate"
|
|
|
- :label-width="'100px'"
|
|
|
- >
|
|
|
- <el-form-item label="编号" prop="id">
|
|
|
- <el-input
|
|
|
- v-model="formModel.id"
|
|
|
- placeholder="请输入编号"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="门店名称" prop="name">
|
|
|
- <el-input
|
|
|
- v-model="formModel.name"
|
|
|
- placeholder="请输入门店名称"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="区域编号" prop="areaId">
|
|
|
- <el-input
|
|
|
- v-model="formModel.areaId"
|
|
|
- placeholder="请输入区域编号"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="门店地址" prop="address">
|
|
|
- <el-input
|
|
|
- v-model="formModel.address"
|
|
|
- placeholder="请输入门店地址"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="经度" prop="longitude">
|
|
|
- <el-input
|
|
|
- v-model="formModel.longitude"
|
|
|
- placeholder="请输入经度"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="纬度" prop="latitude">
|
|
|
- <el-input
|
|
|
- v-model="formModel.latitude"
|
|
|
- placeholder="请输入纬度"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="营业执照" prop="license">
|
|
|
- <el-input
|
|
|
- v-model="formModel.license"
|
|
|
- placeholder="请输入营业执照"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="加盟人" prop="joinName">
|
|
|
- <el-input
|
|
|
- v-model="formModel.joinName"
|
|
|
- placeholder="请输入加盟人"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="加盟人电话" prop="joinPhone">
|
|
|
- <el-input
|
|
|
- v-model="formModel.joinPhone"
|
|
|
- placeholder="请输入加盟人电话"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="加盟人身份证" prop="joinIdCard">
|
|
|
- <el-input
|
|
|
- v-model="formModel.joinIdCard"
|
|
|
- placeholder="请输入加盟人身份证"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="加盟人实名状态" prop="joinIsRealName">
|
|
|
- <el-input
|
|
|
- v-model="formModel.joinIsRealName"
|
|
|
- placeholder="请输入加盟人实名状态"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="管理人" prop="managerName">
|
|
|
- <el-input
|
|
|
- v-model="formModel.managerName"
|
|
|
- placeholder="请输入管理人"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="管理人电话" prop="managerPhone">
|
|
|
- <el-input
|
|
|
- v-model="formModel.managerPhone"
|
|
|
- placeholder="请输入管理人电话"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="管理人身份证" prop="managerIdCard">
|
|
|
- <el-input
|
|
|
- v-model="formModel.managerIdCard"
|
|
|
- placeholder="请输入管理人身份证"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="管理人实名状态" prop="managerIsRealName">
|
|
|
- <el-input
|
|
|
- v-model="formModel.managerIsRealName"
|
|
|
- placeholder="请输入管理人实名状态"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="预付金额" prop="prepaymentAmount">
|
|
|
- <el-input
|
|
|
- v-model="formModel.prepaymentAmount"
|
|
|
- placeholder="请输入预付金额"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="消费金额" prop="consumptionAmount">
|
|
|
- <el-input
|
|
|
- v-model="formModel.consumptionAmount"
|
|
|
- placeholder="请输入消费金额"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="删除标示" prop="delFlag">
|
|
|
- <el-input
|
|
|
- v-model="formModel.delFlag"
|
|
|
- placeholder="请输入删除标示"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="创建人" prop="createBy">
|
|
|
- <el-input
|
|
|
- v-model="formModel.createBy"
|
|
|
- placeholder="请输入创建人"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="创建时间" prop="createTime">
|
|
|
- <el-input
|
|
|
- v-model="formModel.createTime"
|
|
|
- placeholder="请输入创建时间"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="更新人" prop="updateBy">
|
|
|
- <el-input
|
|
|
- v-model="formModel.updateBy"
|
|
|
- placeholder="请输入更新人"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="更新时间" prop="updateTime">
|
|
|
- <el-input
|
|
|
- v-model="formModel.updateTime"
|
|
|
- placeholder="请输入更新时间"
|
|
|
- style="width: 300px"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'140px'">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="门店名称" prop="name">
|
|
|
+ <el-input v-model="formModel.name" placeholder="请输入门店名称" style="width: 300px"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="营业执照" prop="license">
|
|
|
+ <el-input v-model="formModel.license" placeholder="请输入营业执照" style="width: 300px"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="所属区域" prop="areaId">
|
|
|
+ <el-select-tree size="mediumn" style="width: 300px" :props="props" :options="queryAreaResult" v-model="formModel.areaId" height="200"></el-select-tree>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="加盟时间" prop="joinTime">
|
|
|
+ <el-date-picker v-model="formModel.joinTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 300px"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="加盟人" prop="joinName">
|
|
|
+ <el-input v-model="formModel.joinName" placeholder="请输入加盟人" style="width: 300px"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="加盟人电话" prop="joinPhone">
|
|
|
+ <el-input v-model="formModel.joinPhone" placeholder="请输入加盟人电话" style="width: 300px"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="加盟人身份证" prop="joinIdCard">
|
|
|
+ <el-input v-model="formModel.joinIdCard" placeholder="请输入加盟人身份证" style="width: 300px"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="加盟人实名状态" prop="joinIsRealName">
|
|
|
+ <el-radio-group v-model="formModel.joinIsRealName">
|
|
|
+ <el-radio-button :label="false">未实名</el-radio-button>
|
|
|
+ <el-radio-button :label="true">已实名</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="管理人" prop="managerName">
|
|
|
+ <el-input v-model="formModel.managerName" placeholder="请输入管理人" style="width: 300px"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="管理人电话" prop="managerPhone">
|
|
|
+ <el-input v-model="formModel.managerPhone" placeholder="请输入管理人电话" style="width: 300px"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="管理人身份证" prop="managerIdCard">
|
|
|
+ <el-input v-model="formModel.managerIdCard" placeholder="请输入管理人身份证" style="width: 300px"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="管理人实名状态" prop="managerIsRealName">
|
|
|
+ <el-radio-group v-model="formModel.managerIsRealName">
|
|
|
+ <el-radio-button :label="false">未实名</el-radio-button>
|
|
|
+ <el-radio-button :label="true">已实名</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="closeDialog">取 消</el-button>
|
|
|
- <el-button type="primary" @click="handleSubmit" :loading="submitting"
|
|
|
- >确 定</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="handleSubmit" :loading="submitting">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</template>
|
|
|
<script>
|
|
|
import Constant from "@/constant";
|
|
|
import shopApi from "@/api/base/shop";
|
|
|
+import areaApi from "@/api/base/area";
|
|
|
+import SelectTree from "@/components/SelectTree";
|
|
|
|
|
|
export default {
|
|
|
props: ["businessKey", "title"],
|
|
|
@@ -194,82 +86,24 @@ export default {
|
|
|
return {
|
|
|
formModel: {},
|
|
|
ruleValidate: {
|
|
|
- id: [{ required: true, message: "编号不能为空", trigger: "blur" }],
|
|
|
- name: [
|
|
|
- { required: true, message: "门店名称不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- areaId: [
|
|
|
- { required: true, message: "区域编号不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- address: [
|
|
|
- { required: true, message: "门店地址不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- longitude: [
|
|
|
- { required: true, message: "经度不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- latitude: [
|
|
|
- { required: true, message: "纬度不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- license: [
|
|
|
- { required: true, message: "营业执照不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- joinName: [
|
|
|
- { required: true, message: "加盟人不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- joinPhone: [
|
|
|
- { required: true, message: "加盟人电话不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- joinIdCard: [
|
|
|
- { required: true, message: "加盟人身份证不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- joinIsRealName: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: "加盟人实名状态不能为空",
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
- ],
|
|
|
- managerName: [
|
|
|
- { required: true, message: "管理人不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- managerPhone: [
|
|
|
- { required: true, message: "管理人电话不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- managerIdCard: [
|
|
|
- { required: true, message: "管理人身份证不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- managerIsRealName: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: "管理人实名状态不能为空",
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
- ],
|
|
|
- prepaymentAmount: [
|
|
|
- { required: true, message: "预付金额不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- consumptionAmount: [
|
|
|
- { required: true, message: "消费金额不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- delFlag: [
|
|
|
- { required: true, message: "删除标示不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- createBy: [
|
|
|
- { required: true, message: "创建人不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- createTime: [
|
|
|
- { required: true, message: "创建时间不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- updateBy: [
|
|
|
- { required: true, message: "更新人不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- updateTime: [
|
|
|
- { required: true, message: "更新时间不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
+ name: [{ required: true, message: "门店名称不能为空", trigger: "blur"}],
|
|
|
+ areaId: [{ required: true, message: "区域编号不能为空", trigger: "blur"}],
|
|
|
+ license: [{ required: true, message: "营业执照不能为空", trigger: "blur"}],
|
|
|
+ joinName: [{ required: true, message: "加盟人不能为空", trigger: "blur"}],
|
|
|
+ joinPhone: [{ required: true, message: "加盟人电话不能为空", trigger: "blur"}],
|
|
|
+ joinIdCard: [{ required: true, message: "加盟人身份证不能为空", trigger: "blur"}],
|
|
|
+ joinIsRealName: [{ required: true, message: "加盟人实名状态不能为空", trigger: "blur"}],
|
|
|
+ joinTime: [{ required: true, message: "加盟时间不能为空", trigger: "blur"}],
|
|
|
},
|
|
|
showDialog: true,
|
|
|
loading: false,
|
|
|
submitting: false,
|
|
|
+ props: {
|
|
|
+ value: "id",
|
|
|
+ label: "name",
|
|
|
+ children: "children"
|
|
|
+ },
|
|
|
+ queryAreaResult: [],
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -315,6 +149,12 @@ export default {
|
|
|
mounted: function () {
|
|
|
var self = this;
|
|
|
|
|
|
+ var formData = new FormData();
|
|
|
+ areaApi.queryList(formData).then(response=>{
|
|
|
+ var jsonData = response.data;
|
|
|
+ this.queryAreaResult = jsonData;
|
|
|
+ });
|
|
|
+
|
|
|
(function () {
|
|
|
if (self.businessKey.length == 0) {
|
|
|
return shopApi.create();
|
|
|
@@ -336,5 +176,8 @@ export default {
|
|
|
self.$message.error(error + "");
|
|
|
});
|
|
|
},
|
|
|
+ components: {
|
|
|
+ "el-select-tree": SelectTree,
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
