You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
382 lines
12 KiB
Vue
382 lines
12 KiB
Vue
<style scoped>
|
|
/deep/ .title-font {
|
|
color: #4e5966;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/deep/ .name-font {
|
|
font-size: 14px;
|
|
color: #4e5966;
|
|
}
|
|
</style>
|
|
<template>
|
|
<row style="margin-left: 30px;margin-top: 30px">
|
|
<!--表单-->
|
|
<div style="text-align: left">
|
|
<span class="title-font">用户信息</span>
|
|
</div>
|
|
<div style="text-align: left;margin-top: 20px">
|
|
<Form
|
|
style="text-align: left"
|
|
:model="addFrom"
|
|
:rules="addValidate"
|
|
ref="addFrom"
|
|
>
|
|
<Form-Item prop="userName">
|
|
<span class="name-font" style="width: 80px;display: inline-block"
|
|
>用户名</span
|
|
>
|
|
<i-input
|
|
placeholder="请输入用户名"
|
|
style="width: 300px;"
|
|
v-model="addFrom.userName"
|
|
/>
|
|
</Form-Item>
|
|
<Form-Item prop="account">
|
|
<span class="name-font" style="width: 80px;display: inline-block"
|
|
>账号</span
|
|
>
|
|
<i-input
|
|
placeholder="请输入账号"
|
|
style="width: 300px;"
|
|
v-model="addFrom.account"
|
|
/>
|
|
</Form-Item>
|
|
<Form-Item prop="mobil">
|
|
<span class="name-font" style="width: 80px;display: inline-block"
|
|
>手机号</span
|
|
>
|
|
<i-input
|
|
placeholder="请输入手机号"
|
|
style="width: 300px;"
|
|
v-model="addFrom.mobil"
|
|
/>
|
|
</Form-Item>
|
|
<Form-Item prop="password">
|
|
<span class="name-font" style="width: 80px;display: inline-block"
|
|
>密码</span
|
|
>
|
|
<i-input
|
|
type="text"
|
|
placeholder="默认密码123456"
|
|
style="width: 300px;"
|
|
v-model="addFrom.password"
|
|
/>
|
|
</Form-Item>
|
|
<Form-Item prop="confirmPassword">
|
|
<span class="name-font" style="width: 80px;display: inline-block"
|
|
>确认密码</span
|
|
>
|
|
<i-input
|
|
type="text"
|
|
placeholder="请确认密码"
|
|
style="width: 300px;"
|
|
v-model="addFrom.confirmPassword"
|
|
/>
|
|
</Form-Item>
|
|
</Form>
|
|
</div>
|
|
|
|
<!--角色-->
|
|
<div style="text-align: left;margin-top: 30px">
|
|
<span class="title-font">角色信息</span>
|
|
</div>
|
|
<div style="text-align: left;margin: 30px 0 0 30px">
|
|
<RadioGroup
|
|
v-for="item in roleList"
|
|
:key="item.id"
|
|
v-model="addFrom.roleId"
|
|
style="margin-left: 15px"
|
|
@on-change="roleChange(item)"
|
|
>
|
|
<Radio :label="item.id">{{ item.name }}</Radio>
|
|
</RadioGroup>
|
|
</div>
|
|
|
|
<div style="margin-top: 40px" v-if="shopSelectDisplay">
|
|
<span class="name-font" style="width: 80px;display: inline-block"
|
|
>店铺</span
|
|
>
|
|
<Select
|
|
class="select-head"
|
|
style="width: 300px;"
|
|
clearable
|
|
v-model="addFrom.shopId"
|
|
placeholder="请选择店铺"
|
|
filterable
|
|
>
|
|
<Option v-for="item in shopList" :value="item.id" :key="item.id">{{
|
|
item.name
|
|
}}</Option>
|
|
</Select>
|
|
</div>
|
|
|
|
<div style="margin-top: 40px" v-if="companySelectDisplay">
|
|
<span class="name-font" style="width: 80px;display: inline-block"
|
|
>零售公司</span
|
|
>
|
|
<Select v-model="addFrom.companyId" filterable style="width: 300px;">
|
|
<Option v-for="item in companyList" :value="item.id" :key="item.id">{{
|
|
item.name
|
|
}}</Option>
|
|
</Select>
|
|
</div>
|
|
|
|
<!--确认返回-->
|
|
<row style="margin-top: 40px">
|
|
<Button
|
|
type="primary"
|
|
style="height:39px;width:101px"
|
|
@click="addAccountConfirm()"
|
|
>完成</Button
|
|
>
|
|
<Button
|
|
style="height:39px;width:101px;border:0"
|
|
@click="goBackPage()"
|
|
>返回</Button
|
|
>
|
|
</row>
|
|
</row>
|
|
</template>
|
|
|
|
<script>
|
|
import accountManagementAdd from '../../services/account/AccountManagementAdd'
|
|
import accountManagement from "../../services/account/AccountManagement";
|
|
import IncreaseData from "../../services/generalize/IncreaseData";
|
|
export default {
|
|
data() {
|
|
return {
|
|
name: "accountManagementAdd",
|
|
addFrom: {
|
|
userName: null,
|
|
roleId: null,
|
|
account: null,
|
|
password: '123456',
|
|
confirmPassword: '123456',
|
|
shopId: null,
|
|
type: null,
|
|
companyId: null,
|
|
mobil: null,
|
|
},
|
|
addValidate: {
|
|
userName: [
|
|
{required: true, message: '用户名不能为空', trigger: 'blur'},
|
|
{pattern: /^[\u4e00-\u9fa5_0-9a-zA-Z]+$/, message: '只可以输入数字,字母,中文', trigger: 'blur'}
|
|
],
|
|
account: [
|
|
{required: true, message: '账号不能为空', trigger: 'blur'},
|
|
{pattern: /^[0-9a-zA-Z]*$/g, message: '只可以输入数字和字母', trigger: 'blur'},
|
|
],
|
|
mobil: [
|
|
{pattern: /^[0-9]*$/g, message: '只可以输入数字', trigger: 'blur'},
|
|
],
|
|
password: [
|
|
{required: true, message: '密码不能为空', trigger: 'blur'},
|
|
{min: 6, max: 18, message: '长度在 6 到 18 个字符', trigger: 'blur'},
|
|
{pattern: /^[0-9a-zA-Z]*$/g, message: '只可以输入数字和字母', trigger: 'blur'},
|
|
],
|
|
confirmPassword: [
|
|
{required: true, message: '确认密码不能为空', trigger: 'blur'},
|
|
{min: 6, max: 18, message: '长度在 6 到 18 个字符', trigger: 'blur'},
|
|
{pattern: /^[0-9a-zA-Z]*$/g, message: '只可以输入数字和字母', trigger: 'blur'},
|
|
],
|
|
},
|
|
roleList: [
|
|
{
|
|
id: 1,
|
|
name: "系统管理员"
|
|
},
|
|
{
|
|
id: 2,
|
|
name: "运营人员"
|
|
},
|
|
{
|
|
id: 3,
|
|
name: "店长"
|
|
},
|
|
],
|
|
//店铺下拉框
|
|
shopList: [
|
|
{
|
|
id: 3,
|
|
name: "店长"
|
|
},
|
|
],
|
|
//控制店铺筛选框
|
|
shopSelectDisplay: false,
|
|
companyList: [],
|
|
companySelectDisplay:false,
|
|
}
|
|
},
|
|
mounted: function () {
|
|
//设置面包屑
|
|
this.bus.$emit('setHeader',{header:"添加账户"});
|
|
//查询所有角色-下拉框
|
|
this.listRoleInfo();
|
|
|
|
},
|
|
methods: {
|
|
//查询所有角色
|
|
listRoleInfo() {
|
|
let that = this;
|
|
that.roleList = [];
|
|
accountManagement.listRoleInfoApi({}, function (data) {
|
|
data = data.data;
|
|
if (data.code === '0001') {
|
|
that.$Message.error("查询角色失败!");
|
|
return;
|
|
}
|
|
if (data.code === '0000') {
|
|
let row = data.results;
|
|
for (let i = 0; i < row.length; i++) {
|
|
that.roleList.push(row[i]);
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//添加账号确定
|
|
addAccountConfirm : function () {
|
|
if(this.addFrom.userName){
|
|
this.addFrom.userName = this.addFrom.userName.trim();
|
|
}
|
|
if(this.addFrom.password){
|
|
this.addFrom.password = this.addFrom.password.trim();
|
|
}
|
|
if(this.addFrom.confirmPassword){
|
|
this.addFrom.confirmPassword = this.addFrom.confirmPassword.trim();
|
|
}
|
|
if(this.addFrom.account){
|
|
this.addFrom.account = this.addFrom.account.trim();
|
|
}
|
|
|
|
this.$refs["addFrom"].validate((valid) => {
|
|
if (!valid) {
|
|
return;
|
|
}
|
|
|
|
if (this.shopSelectDisplay && !this.addFrom.shopId) {
|
|
this.$Message.info("店长必须选择店铺");
|
|
return;
|
|
}
|
|
if (!this.addFrom.roleId) {
|
|
this.$Message.info("必须选择角色");
|
|
return;
|
|
}
|
|
if (this.addFrom.confirmPassword !== this.addFrom.password) {
|
|
this.$Message.info("两次输入密码必须一致");
|
|
return;
|
|
}
|
|
let that = this;
|
|
//验证
|
|
let request = {
|
|
addFrom: JSON.stringify(that.addFrom),
|
|
};
|
|
accountManagementAdd.saveAccountInputApi(request, function(data) {
|
|
data = data.data;
|
|
if (data.code === "0001") {
|
|
that.$Message.error("保存账号失败");
|
|
return;
|
|
}
|
|
if (data.code === "0002") {
|
|
that.$Message.info("账号已经存在（登录账号不能重复）");
|
|
return;
|
|
}
|
|
if (data.code === "0000") {
|
|
if (data.results == "0001") {
|
|
that.$Message.error("添加失败!");
|
|
} else if (data.results == "0002") {
|
|
that.$Message.error("该工号已经被使用!");
|
|
} else if (data.results == "0003") {
|
|
that.$Message.error("该手机号已经被使用!");
|
|
} else if (data.results == "0004") {
|
|
that.$Message.error("该账号已经被使用!");
|
|
} else if (data.results == "0000") {
|
|
that.$Message.success("保存账号成功");
|
|
that.goBackPage();
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
// 添加账号取消
|
|
goBackPage: function() {
|
|
// this.$router.push({ path: "/account/manager" });
|
|
this.$router.back();
|
|
},
|
|
//角色改变
|
|
roleChange(roleBean) {
|
|
if (roleBean.code === "DZ-DIANZHANG") {
|
|
this.shopSelectDisplay = true;
|
|
this.companySelectDisplay = false;
|
|
this.addFrom.companyId = null;
|
|
this.addFrom.type = 1;
|
|
this.listOfShop();
|
|
} else if (roleBean.code === "DG-DAOGOU") {
|
|
this.shopSelectDisplay = true;
|
|
this.companySelectDisplay = false;
|
|
this.addFrom.companyId = null;
|
|
this.addFrom.type = 4;
|
|
this.listOfShop();
|
|
} else if (roleBean.code === "DG-YUNYING") {
|
|
this.companySelectDisplay = true;
|
|
this.shopSelectDisplay = false;
|
|
this.addFrom.type = 3;
|
|
this.allCompany();
|
|
} else if (roleBean.code === "GL-YUNYING") {
|
|
this.companySelectDisplay = false;
|
|
this.shopSelectDisplay = false;
|
|
this.addFrom.type = 2;
|
|
} else {
|
|
this.shopSelectDisplay = false;
|
|
this.addFrom.shopId = null;
|
|
this.addFrom.companyId = null;
|
|
}
|
|
},
|
|
//查询所有店铺
|
|
listOfShop() {
|
|
let that = this;
|
|
that.shopList = [];
|
|
let request = {
|
|
userId: JSON.parse(sessionStorage.getItem("loginInfo")).userId,
|
|
};
|
|
accountManagement.listAllShopApi(request, function(data) {
|
|
data = data.data;
|
|
if (data.code === "0001") {
|
|
that.$Message.error("查询店铺失败!");
|
|
return;
|
|
}
|
|
if (data.code === "0000") {
|
|
let row = data.results;
|
|
for (let i = 0; i < row.length; i++) {
|
|
that.shopList.push(row[i]);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
allCompany() {
|
|
let that = this;
|
|
let request = {
|
|
userId: JSON.parse(sessionStorage.getItem("loginInfo")).userId,
|
|
};
|
|
this.companyList = [];
|
|
IncreaseData.listOfRetailCompany(request, function(data) {
|
|
data = data.data;
|
|
if (data.code === "0001") {
|
|
that.$Message.error("查询零售公司出错!");
|
|
return;
|
|
}
|
|
if (data.code === "0000") {
|
|
data.results.forEach((da) => {
|
|
that.companyList.push(da);
|
|
});
|
|
}
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped></style>
|