Skip to content

O
office-web
Commit e5c17742 by xiaohai
Options

选人插件

parent 472d9116
Showing with 384 additions and 265 deletions
src/components/common/vueSelectEmployee.vue 0 → 100644
<template>
<el-dialog
title="选择人员"
width="660px"
:visible.sync="dialogVisible"
>
<div class="transfer-area">
<div class="select-area t-a-select">
<p class="title">选择</p>
<div class="tree-div">
<div class="input-container">
<el-input v-model="searchKey" placeholder="请输入内容"></el-input>
</div>
<el-tree></el-tree>
</div>
</div>
<div class="selected-area t-a-select">
<p class="title">已选</p>
<div class="tree-div"></div>
</div>
</div>
</el-dialog>
</template>
<script>
export default {
name: "vue-select-employee",
props: {},
data() {
return {
dialogVisible: true,
searchKey: ""
};
}
};
</script>
<style lang="scss">
.transfer-area {
display: flex;
.t-a-select {
width:300px;
height:415px;
background:rgba(255,255,255,1);
border:1px solid rgba(220,223,230,1);
border-radius:4px;
&:first-child {
margin-right: 20px;
}
>.title {
width:100%;
height:42px;
line-height: 42px;
background:rgba(245,247,250,1);
border-bottom:1px solid rgba(220,223,230,1);
border-radius:4px;
text-indent: 15px;
color: #303133;
font-size: 16px;
}
.tree-div {
width: 100%;
height: 373px;
overflow: auto;
padding: 15px;
box-sizing: border-box;
}
}
}
</style>
src/components/contacts/storeFrame/clerkInfo.vue 0 → 100644
<template>
<div class="form-container bdr-box">
<el-form
ref="clerk_info"
:model="clerkInfo"
:rules="rules"
class="add-clerk-form"
label-width="80px">
<el-form-item label="姓名" prop="name">
<el-input v-model="clerkInfo.name"></el-input>
</el-form-item>
<el-form-item label="手机号" prop="phoneNumber">
<el-input v-model="clerkInfo.phoneNumber"></el-input>
</el-form-item>
<el-form-item label="门店">
<el-input v-model="clerkInfo.storeName"></el-input>
</el-form-item>
<el-form-item label="code" prop="code">
<el-input v-model="clerkInfo.code"></el-input>
</el-form-item>
<el-form-item label="职位" prop="positionName">
<el-input v-model="clerkInfo.positionName"></el-input>
</el-form-item>
</el-form>
<div class="btn-box">
<el-button type="primary" @click="save">保存</el-button>
<el-button type="primary" @click="save(true)">保存并继续添加</el-button>
<el-button>取消</el-button>
</div>
</div>
</template>
<script>
export default {
name: "clerk-info-form",
props: {
clerkInfo: {
type: Object,
default() {
return {};
}
}
},
data() {
let validatePhone = (rule, value, callback) => {
if (!value) {
return callback(new Error('请输入手机号'));
} else {
let reg = /^1[34578]\d{9}$/;
if (!reg.test(value)) {
return callback(new Error("手机号格式不正确"));
}
}
}
return {
rules: {
name: [
{ required: true, message: "请输入店员姓名", trigger: "blur" },
{ min: 2, max: 10, message: '长度在 2 到 10 个字符', trigger: 'blur' }
],
phoneNumber: [
{ required:true, validator: validatePhone, trigger: "blur"}
],
code: [
{ required: true, message: "请输入code", trigger: "blur" },
{ min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' }
],
positionName: [
{ required: true, message: "请输入店员职位", trigger: "blur" }
]
}
};
},
methods: {
save(goahead) {
this.$refs.clerk_info.validate((valid) => {
console.log(valid, "valid");
if (valid) {
}
});
}
}
};
</script>
<style lang="scss">
.form-container {
flex: 1;
padding: 24px 35px 48px;
background: #fff;
.el-input {
width: 380px;
}
.btn-box {
padding-left: 80px;
}
}
</style>
src/components/contacts/storeFrame/clerkView.vue
<template> <template>
<div> <div>
<div class="sf-right-button-box"> <div class="sf-right-button-box">
<el-select v-model="storeType" size="small"> <el-select v-model="storeType" @change="selectByType" size="small">
<el-option <el-option
v-for="(type, index) in typeArr" v-for="(type, index) in typeArr"
:key="type" :key="type"
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
:value="index"> :value="index">
</el-option> </el-option>
</el-select> </el-select>
<el-select v-model="storeStatus" size="small"> <el-select v-model="storeStatus" @change="selectByStatus" size="small">
<el-option label="全部状态" :value="0"></el-option> <el-option label="全部状态" value=""></el-option>
<el-option label="正常" :value="1"></el-option> <el-option label="正常" :value="1"></el-option>
<el-option label="停业整顿" :value="3"></el-option> <el-option label="停业整顿" :value="3"></el-option>
</el-select> </el-select>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
<p class="m-b-10">{{scope.row.storeName}}</p> <p class="m-b-10">{{scope.row.storeName}}</p>
<p><a class="a-href">新增门店</a></p> <p><a class="a-href" :href="'#/addClerk?storeId='+scope.row.storeId" target="_blank">新增店员</a></p>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
</div> </div>
<div class="clerk-cell clerk-handle"> <div class="clerk-cell clerk-handle">
<a class="a-href m-r-20">编辑</a> <a class="a-href m-r-20">编辑</a>
<a class="a-href">删除</a> <a class="a-href" @click="delClerk(clerk, scope.row)">删除</a>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -73,6 +73,7 @@ ...@@ -73,6 +73,7 @@
</div> </div>
</template> </template>
<script> <script>
import { getRequest, postRequest, postJsonRequest } from '@/api/api';
export default { export default {
name: "clerkView", name: "clerkView",
props: { props: {
...@@ -87,15 +88,20 @@ export default { ...@@ -87,15 +88,20 @@ export default {
return { return {
storeType: 0, storeType: 0,
typeArr: ["全部类型", "自营", "联营", "代理(加盟)", "代销", "托管"], typeArr: ["全部类型", "自营", "联营", "代理(加盟)", "代销", "托管"],
storeStatus: 0, storeStatus:"",
showChildMember: false, showChildMember: false
}; };
}, },
methods: { methods: {
/**
* 设置是否显示子成员
*/
setChildMemberShow() { setChildMemberShow() {
this.$emit("setChildMemberShow", this.showChildMember); this.$emit("setChildMemberShow", this.showChildMember);
}, },
/**
* 更换店长
*/
changeManager(row, clerk) { changeManager(row, clerk) {
console.log(row, clerk); console.log(row, clerk);
row.clerks.some(per => { row.clerks.some(per => {
...@@ -105,6 +111,62 @@ export default { ...@@ -105,6 +111,62 @@ export default {
return per.isManager == 1; return per.isManager == 1;
}); });
clerk.isManager = 1; clerk.isManager = 1;
},
/**
* 根据状态筛选店铺
*/
selectByStatus(val) {
this.$emit("selectByStatus", val);
},
/**
* 根据店铺类型筛选店铺
*/
selectByType(type) {
let storeType = "";
if (type != 0) {
storeType = type*1 - 1;
}
this.$emit("selectByType", storeType);
},
/**
* 删除店员
*/
delClerk(clerk, store) {
console.log(clerk, clerk.employeeClerkId, store);
let _this = this;
_this.$confirm("是否要删除该员工？", "提示", {
type: "warning"
}).then(() => {
let params = {
ids: clerk.employeeClerkId
}
getRequest("/haoban-manage-web/emp/del", params)
.then(res => {
console.log(res);
if (res.data.errorCode == 1) {
store.clerks.forEach(ele => {
if (ele.employeeClerkId == clerk.employeeClerkId) {
store.clerks.splice(store.clerks.indexOf(ele), 1);
}
});
_this.$message.success({
duration: 1000,
message: "操作成功"
});
} else {
_this.$message.error({
duration: 1000,
message: res.data.message
});
}
})
.catch(e => {
_this.$message.error({
duration: 1000,
message: e.message
});
});
});
} }
} }
}; };
......
src/components/contacts/storeFrame/storeView.vue
...@@ -51,13 +51,14 @@ ...@@ -51,13 +51,14 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="a-href m-r-20" @click="editStore(scope.row)">编辑</a> <a class="a-href m-r-20" @click="editStore(scope.row)">编辑</a>
<a class="a-href" @click="delStore(scope.row)">删除</a> <a class="a-href" @click="delStores(scope.row, true)">删除</a>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</template> </template>
<script> <script>
import { getRequest, postRequest, postJsonRequest } from '@/api/api';
export default { export default {
name: "storeView", name: "storeView",
props: { props: {
...@@ -77,7 +78,61 @@ export default { ...@@ -77,7 +78,61 @@ export default {
}; };
}, },
methods: { methods: {
delStores() {}, /**
* 批量删除店铺
*/
delStores(store, single = false) {
console.log(store, single);
let that = this;
that.$confirm("是否删除所选店铺", "提示", {
type: "warning"
}).then(() => {
let ids = "";
if (single) {
ids = store.storeId;
} else {
let arr = [];
that.selectedList.forEach(li => {
arr.push(li.storeId);
});
ids = arr.join(",");
}
let params = {
ids
};
getRequest("/haoban-manage-web/store/delByIds", params)
.then(res => {
console.log(res);
if (res.data.errorCode == 1) {
let stores = ids.split(",");
let spliceData = that.tableData.slice(0);
spliceData.forEach(li => {
stores.forEach(id => {
if (id == li.storeId) {
let index = that.tableData.indexOf(li);
that.tableData.splice(index, 1);
}
});
});
that.$message.success({
duration: 1000,
message: "操作成功"
});
} else {
that.$message.error({
duration: 1000,
message: res.data.message
});
}
}).catch(e => {
that.$message.error({
duration: 1000,
message: e.message
});
})
});
},
selectMember(selection) { selectMember(selection) {
this.selectedList = selection; this.selectedList = selection;
}, },
...@@ -85,8 +140,7 @@ export default { ...@@ -85,8 +140,7 @@ export default {
this.$emit("setChildMemberShow", this.showChildMember); this.$emit("setChildMemberShow", this.showChildMember);
}, },
linkToDetail() {}, linkToDetail() {},
editStore() {}, editStore() {}
delStore() {}
}, },
computed: { computed: {
disabledDel() { disabledDel() {
......
src/views/contacts/addClerk.vue
<template> <template>
<div class="add-clerk-page"></div> <div class="add-clerk-page">
<clerk-info></clerk-info>
</div>
</template> </template>
<script> <script>
import clerkInfo from "components/contacts/storeFrame/clerkInfo";
export default { export default {
name: "add-clerk-page" name: "add-clerk-page",
components: {
clerkInfo
},
data() {
return {};
}
} }
</script> </script>
<style lang="scss"> <style lang="scss">
</style> </style>
src/views/contacts/addDepartment.vue
...@@ -19,262 +19,24 @@ ...@@ -19,262 +19,24 @@
<permission-setting :visibleApartList="testList" :visibleSpecialLsit="testList" :onlySelfApartList="testList"></permission-setting> <permission-setting :visibleApartList="testList" :visibleSpecialLsit="testList" :onlySelfApartList="testList"></permission-setting>
</div> </div>
<div class="setting-cell"></div> <div class="setting-cell"></div>
<vue-select-employee></vue-select-employee>
</div> </div>
</template> </template>
<script> <script>
import permissionSetting from "components/contacts/permissionSet/permissionSetting"; import permissionSetting from "components/contacts/permissionSet/permissionSetting";
import vueSelectEmployee from "components/common/vueSelectEmployee"
export default { export default {
name: "addDepartment", name: "addDepartment",
components: { components: {
permissionSetting permissionSetting,
vueSelectEmployee
}, },
data() { data() {
return { return {
departInfo: { departInfo: {
name: "" name: ""
}, },
testList: [ testList: []
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
},
{
activationStatus: 0,
departmentId: "8acdb364b1f649328b99cbac338098ad",
departmentName: "无",
employeeClerkId: "12a2ef3c642a412b989e8f1a29319231",
enterpriseId: "5cfbf45fe35d475ca9a59c41b70b114e",
headPic: "https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png",
hireDate: null,
isManager: 1,
isManagerStr: "是",
name: "张0",
phoneNumber: "13588480000",
positionName: "公司老大0",
sort: 0,
userId: "2d92932d626b4058a11c8fb1b8c53956"
}
]
}; };
} }
}; };
......
src/views/contacts/storeFrame.vue
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
</div> </div>
</template> </template>
</search-menu> </search-menu>
<employee-info v-if="showEmployee == 'employee'" :info="selectedEmployee"></employee-info> <clerk-info v-if="showEmployee == 'employee'" :clerkInfo="selectedEmployee"></clerk-info>
<store-info v-else-if="showEmployee == 'store'" :storeInfo="storeInfo"></store-info> <store-info v-else-if="showEmployee == 'store'" :storeInfo="storeInfo"></store-info>
<div class="sf-right-container" <div class="sf-right-container"
v-else v-else
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<store-view :tableData="storeList" @setChildMemberShow="setChildMemberShow"></store-view> <store-view :tableData="storeList" @setChildMemberShow="setChildMemberShow"></store-view>
</template> </template>
<template v-else> <template v-else>
<clerk-view :tableData="storeList" @setChildMemberShow="setChildMemberShow"></clerk-view> <clerk-view :tableData="storeList" @setChildMemberShow="setChildMemberShow" @selectByStatus="selectByStatus" @selectByType="selectByType"></clerk-view>
</template> </template>
<div class="pagination"> <div class="pagination">
<el-pagination <el-pagination
...@@ -70,6 +70,7 @@ import clerkView from "components/contacts/storeFrame/clerkView"; ...@@ -70,6 +70,7 @@ import clerkView from "components/contacts/storeFrame/clerkView";
import storeInfo from "components/contacts/storeFrame/storeInfo"; import storeInfo from "components/contacts/storeFrame/storeInfo";
import addBrand from "components/contacts/storeFrame/addBrand"; import addBrand from "components/contacts/storeFrame/addBrand";
import employeeInfo from "components/contacts/employeeInfo"; import employeeInfo from "components/contacts/employeeInfo";
import clerkInfo from "components/contacts/storeFrame/clerkInfo";
import { getRequest, postRequest, postJsonRequest } from '@/api/api'; import { getRequest, postRequest, postJsonRequest } from '@/api/api';
export default { export default {
name: "storeEstruturaContainer", name: "storeEstruturaContainer",
...@@ -79,7 +80,8 @@ export default { ...@@ -79,7 +80,8 @@ export default {
clerkView, clerkView,
employeeInfo, employeeInfo,
storeInfo, storeInfo,
addBrand addBrand,
clerkInfo
}, },
data() { data() {
return { return {
...@@ -99,7 +101,9 @@ export default { ...@@ -99,7 +101,9 @@ export default {
showEmployee: 'node', showEmployee: 'node',
selectedEmployee: {}, selectedEmployee: {},
storeInfo: {}, storeInfo: {},
disableBtn: true disableBtn: true,
storeStatus: "",
storeType: ""
}; };
}, },
methods: { methods: {
...@@ -145,16 +149,27 @@ export default { ...@@ -145,16 +149,27 @@ export default {
this.pageNumber = pageNumber; this.pageNumber = pageNumber;
this.getStoreList(); this.getStoreList();
}, },
/**
* 切换视图
*/
switchView(view) { switchView(view) {
this.pageSize = 20; this.pageSize = 20;
this.pageNumber = 1; this.pageNumber = 1;
this.storeList = []; this.storeList = [];
this.showChildMember = false;
this.storeStatus = "";
this.getStoreList(); this.getStoreList();
}, },
/**
* 设置是否显示子成员
*/
setChildMemberShow(show) { setChildMemberShow(show) {
this.showChildMember = show; this.showChildMember = show;
this.getStoreList(); this.getStoreList();
}, },
/**
* 获取树形分组数据
*/
getGroupData() { getGroupData() {
let _this = this; let _this = this;
let params = { let params = {
...@@ -162,6 +177,7 @@ export default { ...@@ -162,6 +177,7 @@ export default {
}; };
getRequest("/haoban-manage-web/dept/deptList", params) getRequest("/haoban-manage-web/dept/deptList", params)
.then(res => { .then(res => {
if (res.data.errorCode == 1) {
_this.menuData = res.data.result || []; _this.menuData = res.data.result || [];
res.data.result.some(li => { res.data.result.some(li => {
if (li.level == 0) { if (li.level == 0) {
...@@ -171,11 +187,25 @@ export default { ...@@ -171,11 +187,25 @@ export default {
return li.level == 0; return li.level == 0;
}); });
_this.getStoreList(); _this.getStoreList();
} else {
_this.menuData = [];
_this.loading = false;
_this.$message.error({
duration: 1000,
message: res.data.message
});
}
}) })
.catch(e => { .catch(e => {
console.log(e, "error"); _this.$message.error({
duration: 1000,
message: e.message
});
}); });
}, },
/**
* 获取店铺列表
*/
getStoreList() { getStoreList() {
let _this = this; let _this = this;
_this.loading = true; _this.loading = true;
...@@ -185,17 +215,34 @@ export default { ...@@ -185,17 +215,34 @@ export default {
showType: _this.tableView, showType: _this.tableView,
pageSize: _this.pageSize, pageSize: _this.pageSize,
pageNumber: _this.pageNumber, pageNumber: _this.pageNumber,
status: 1 status: _this.storeStatus,
storeType: _this.storeType
}; };
getRequest("/haoban-manage-web/store/findSimplePage", params) getRequest("/haoban-manage-web/store/findSimplePage", params)
.then(res => { .then(res => {
if (res.data.errorCode == 1) {
_this.total = res.data.result.total; _this.total = res.data.result.total;
_this.storeList = res.data.result.list || []; _this.storeList = res.data.result.list || [];
_this.loading = false; _this.loading = false;
_this.$message.success({
duration: 1000,
message: '操作成功！'
});
} else {
_this.loading = false;
_this.storeList = [];
_this.$message.error({
duration: 1000,
message: res.data.message
});
}
}) })
.catch(e => { .catch(e => {
console.log(e, "error");
_this.loading = false; _this.loading = false;
_this.$message.error({
duration: 1000,
message: e.message
});
}); });
}, },
/** /**
...@@ -207,6 +254,20 @@ export default { ...@@ -207,6 +254,20 @@ export default {
this.groupInfo.groupName = obj.name; this.groupInfo.groupName = obj.name;
this.showEmployee = showEmployee; this.showEmployee = showEmployee;
this.getStoreList(); this.getStoreList();
},
/**
* 店员视图根据店铺状态筛选店铺
*/
selectByStatus(val) {
this.storeStatus = val;
this.getStoreList();
},
/**
* 店员视图根据店铺类型筛选店铺
*/
selectByType(type) {
this.storeType = type;
this.getStoreList();
} }
}, },
beforeMount() { beforeMount() {
......
static/css/public.css
...@@ -325,6 +325,10 @@ input:focus { ...@@ -325,6 +325,10 @@ input:focus {
display: inline-block; display: inline-block;
} }
.bdr-box {
box-sizing: border-box;
}
.t-rt { .t-rt {
text-align: right; text-align: right;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment