|
@@ -48,6 +48,42 @@
|
|
|
clearable
|
|
|
style="width: 100%;"
|
|
|
/>
|
|
|
+ <span style="font-size: 12px;color: #777;">注:负责人姓名必须与微信实名信息一致</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="销售人员:" prop="salePerson">
|
|
|
+ <el-input
|
|
|
+ v-model="form.salePerson"
|
|
|
+ placeholder="销售人员"
|
|
|
+ clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="上级分销人员:" prop="parentId">
|
|
|
+ <el-select
|
|
|
+ v-model="form.parentId"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ clearable
|
|
|
+ reserve-keyword
|
|
|
+ placeholder="请选择上级分销人员"
|
|
|
+ :remote-method="remoteMethod"
|
|
|
+ @change=""
|
|
|
+ :loading="parentNameLoading">
|
|
|
+ <el-option
|
|
|
+ v-for="item in parentNameList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否可提现:" prop="allowWithdraw">
|
|
|
+ <el-radio-group v-model="form.allowWithdraw">
|
|
|
+ <el-radio v-for="dict in dict.type.user_allow_withdraw"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="Number(dict.value)"
|
|
|
+ >{{ dict.label }}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="账号/联系电话:" prop="mobile">
|
|
|
<el-input
|
|
@@ -88,17 +124,12 @@
|
|
|
|
|
|
<script>
|
|
|
// import { updateNoticeMgr } from "@/api/system/noticeMgr";
|
|
|
-import { saveAndEdit, getSelectById } from "@/api/distribution/personnelMr";
|
|
|
+import { saveAndEdit, getSelectById,pageList } from "@/api/distribution/personnelMr";
|
|
|
import Editor from "@/components/Editor";
|
|
|
import { getToken } from "@/utils/auth";
|
|
|
export default {
|
|
|
name: "addAndEdit",
|
|
|
- props: {
|
|
|
- dict: {
|
|
|
- type: Object,
|
|
|
- default: () => [],
|
|
|
- },
|
|
|
- },
|
|
|
+ dicts:['user_allow_withdraw','distribution_type'],
|
|
|
components: {
|
|
|
Editor,
|
|
|
},
|
|
@@ -113,15 +144,21 @@ export default {
|
|
|
id: undefined,
|
|
|
},
|
|
|
rules: {
|
|
|
- name: [{ required: true, message: "请输入分销商名称", trigger: "blur" }],
|
|
|
- type: [{ required: true, message: "请选择分销商类型", trigger: "blur" }],
|
|
|
- contact: [{ required: true, message: "请输入负责人", trigger: "blur" }],
|
|
|
- mobile: [{ required: true, message: "请输入账号/联系电话", trigger: "blur" }],
|
|
|
+ name: [{ required: true, message: "请输入分销商名称", trigger: ["change","blur"] }],
|
|
|
+ type: [{ required: true, message: "请选择分销商类型", trigger: ["change","blur"] }],
|
|
|
+ contact: [{ required: true, message: "请输入负责人", trigger: ["change","blur"] }],
|
|
|
+ mobile: [{ required: true, message: "请输入账号/联系电话", trigger: ["change","blur"] }],
|
|
|
+ allowWithdraw: [{ required: true, message: "请选择是否可提现", trigger: ["change","blur"] }],
|
|
|
+ parentId: [{ required: true, message: "请选择上级分销人员", trigger: ["change","blur"] }],
|
|
|
+ salePerson: [{ required: true, message: "请输入销售人员名称", trigger: ["change","blur"] }],
|
|
|
},
|
|
|
uploadObj: {
|
|
|
url: process.env.VUE_APP_UPLOAD_FILE_API + "/upload/single/minio",
|
|
|
Headers: { Authorization: "Bearer " + getToken() },
|
|
|
},
|
|
|
+
|
|
|
+ parentNameLoading: false,
|
|
|
+ parentNameList: []
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -155,6 +192,8 @@ export default {
|
|
|
this.$set(this.form, 'type', obj.type + '');
|
|
|
this.$set(this.form, 'contact', obj.contact);
|
|
|
this.$set(this.form, 'mobile', obj.mobile);
|
|
|
+ this.$set(this.form, 'allowWithdraw', obj.allowWithdraw);
|
|
|
+ this.$set(this.form, 'parentName', obj.parentName);
|
|
|
});
|
|
|
});
|
|
|
},
|
|
@@ -255,6 +294,25 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ remoteMethod(query) {
|
|
|
+ if (query !== '') {
|
|
|
+ this.parentNameLoading = true;
|
|
|
+ pageList({
|
|
|
+ name: query
|
|
|
+ })
|
|
|
+ .then(response => {
|
|
|
+ this.parentNameLoading = false;
|
|
|
+ this.parentNameList = response.data.rows;
|
|
|
+ this.parentNameLoading = false;
|
|
|
+ }
|
|
|
+ ).catch ((error)=>{
|
|
|
+ console.error('error===',error)
|
|
|
+ this.parentNameLoading = false;
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.parentNameList = [];
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
};
|
|
|
</script>
|