<template>
|
<el-container style="height: 100%">
|
<el-aside heigth="100%" width="200px ">
|
<myAside @selectedDepartment="selectedDepartment" />
|
</el-aside>
|
|
<el-container>
|
<store-content :model="'three-pack'" />
|
</el-container>
|
</el-container>
|
</template>
|
<script>
|
import myAside from "./components/aside";
|
import updateUser from "@/views/operate/fivepack/threepack/components/updateUser";
|
import storeContent from "@/views/operate/fivepack/threepack/components/content";
|
import {
|
getStoreInfoList,
|
deleteStoreInfo,
|
} from "@/api/operate/storeManagement";
|
|
export default {
|
components: { myAside, storeContent, updateUser },
|
|
created() {
|
this.search();
|
},
|
|
data() {
|
return {
|
storeCode: null,
|
storeStatus: null,
|
options: [
|
{ label: "全部", value: 0 },
|
{ label: "经营", value: 1 },
|
{ label: "倒闭", value: 2 },
|
],
|
tableData: [],
|
dialogUpdate: false,
|
currentPage: 1,
|
totalNum: 0,
|
pageSize: 10,
|
userInfo: null,
|
updateFlag: false,
|
storeInfo: null,
|
};
|
},
|
|
methods: {
|
search(data) {
|
let communityId, streetId;
|
if (data) {
|
communityId = data.id;
|
streetId = data.parentId;
|
}
|
getStoreInfoList({ keyword: this.storeCode, communityId, streetId })
|
.then(({ list, pageSize, totalPage }) => {
|
this.tableData = list;
|
this.pageSize = pageSize;
|
this.totalNum = totalPage;
|
})
|
.catch((err) => this.$message({ type: "error", message: err }));
|
},
|
|
handleReset() {
|
this.storeCode = "";
|
this.storeStatus = null;
|
this.currentPage = 1;
|
this.search();
|
},
|
|
handleView(row, type) {
|
this.dialogUpdate = true;
|
this.storeInfo = row;
|
this.updateFlag = type === "update";
|
},
|
|
handleDelete(id) {
|
deleteStoreInfo(id)
|
.then(() => {
|
this.$message({ type: "success", message });
|
this.currentPage = 1;
|
this.search();
|
})
|
.catch((err) => this.$message({ type: "error", message: err }));
|
},
|
|
handleClose() {
|
this.dialogUpdate = false;
|
},
|
|
closeDialog() {
|
this.dialogUpdate = false;
|
this.currentPage = 1;
|
this.search();
|
},
|
|
changeCurrentPage(currentPage) {
|
this.currentPage = currentPage;
|
this.search();
|
},
|
|
tableRowClassName({ row, rowIndex }) {
|
if ((rowIndex + 1) % 2 === 0) {
|
return "warning-row";
|
} else {
|
return "success-row";
|
}
|
},
|
selectedDepartment(data) {
|
if (!data.children) {
|
this.searchData = data;
|
this.search(data);
|
} else {
|
data.parentId = data.id;
|
data.id = null;
|
this.searchData = data;
|
this.search(data);
|
}
|
this.currentPage = 1;
|
},
|
},
|
};
|
</script>
|
<style lang="scss" scoped>
|
::v-deep .el-header {
|
// background-color: #09152f;
|
color: #000;
|
line-height: 60px;
|
}
|
|
// ::v-deep .el-aside {
|
// background-color: #09152f;
|
// }
|
|
// ::v-deep .el-menu {
|
// background-color: #09152f;
|
// }
|
|
// ::v-deep .el-main,
|
// ::v-deep .el-footer {
|
// background-color: #09152f;
|
// }
|
|
::v-deep .el-tree-node__label {
|
line-height: 30px;
|
font-size: 14px;
|
// color: rgb(75, 155, 183);
|
}
|
</style>
|