|
|
@@ -0,0 +1,518 @@
|
|
|
+<template>
|
|
|
+ <div class="goodsClass pagePadding">
|
|
|
+ <div
|
|
|
+ v-loading="loading"
|
|
|
+ v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
|
|
|
+ >
|
|
|
+ powers:{{ powers }}
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" style="padding: 12px 0 15px 0">
|
|
|
+ <div class="my-breadcrumb clear">
|
|
|
+ <div
|
|
|
+ class="my-breadcrumb-item"
|
|
|
+ v-for="(item, index) in titleList"
|
|
|
+ :key="item + index"
|
|
|
+ :class="{ chover: true }"
|
|
|
+ @click="changeBreadcrumb(index)"
|
|
|
+ >
|
|
|
+ <span class="label">{{ item.titleName }}</span
|
|
|
+ ><span class="separator" v-if="index + 1 !== titleList.length"
|
|
|
+ >/</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row style="padding: 0 0 3px 0">
|
|
|
+ <el-col :span="8">
|
|
|
+ <!-- -->
|
|
|
+ <goods-classs
|
|
|
+ :value="goods_className"
|
|
|
+ :size="searchSize"
|
|
|
+ :placeholder="'商品分类'"
|
|
|
+ :disabled="false"
|
|
|
+ @handleChange="goodsClassChange"
|
|
|
+ />
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="3" style="width: 195px; float: right">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ :size="searchSize"
|
|
|
+ style="float: right; margin-left: 5px"
|
|
|
+ @click="searchList"
|
|
|
+ >
|
|
|
+ 刷新
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="powers.some((item) => item == '003')"
|
|
|
+ type="success"
|
|
|
+ :size="searchSize"
|
|
|
+ style="float: right"
|
|
|
+ @click="
|
|
|
+ addEditFn(
|
|
|
+ 0,
|
|
|
+ parmValue && parmValue.pid !== '' ? parmValue.pid : '0',
|
|
|
+ 1,
|
|
|
+ false,
|
|
|
+ true,
|
|
|
+ {}
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 添加
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :span="24">
|
|
|
+ <goods-class-tree
|
|
|
+ style="margin-left: -5px"
|
|
|
+ :list="depart"
|
|
|
+ :level="1"
|
|
|
+ :pid="0"
|
|
|
+ :powers="powers"
|
|
|
+ @addEdit="addEditFn"
|
|
|
+ @openChildren="openChildren"
|
|
|
+ @status="setstatus"
|
|
|
+ :page="pageInfo"
|
|
|
+ @del="del"
|
|
|
+ @page-curr-change="handlePageChange"
|
|
|
+ @page-size-change="handleSizeChange"
|
|
|
+ @screen-reset="
|
|
|
+ pageInfo.curr = 1;
|
|
|
+ parmValue.page = 1;
|
|
|
+ searchList();
|
|
|
+ "
|
|
|
+ @screen-submit="
|
|
|
+ pageInfo.curr = 1;
|
|
|
+ parmValue.page = 1;
|
|
|
+ searchList();
|
|
|
+ "
|
|
|
+ />
|
|
|
+ <goods-tree
|
|
|
+ style="margin-left: -5px"
|
|
|
+ :list="item"
|
|
|
+ :level="1"
|
|
|
+ :pid="0"
|
|
|
+ @setUpEdit="setUpEdit"
|
|
|
+ />
|
|
|
+ </el-col>
|
|
|
+ <div
|
|
|
+ class="no-data"
|
|
|
+ v-if="item && item.length === 0 && depart && depart.length === 0"
|
|
|
+ >
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <add-edit
|
|
|
+ :id="modelId"
|
|
|
+ :show-model="showModel"
|
|
|
+ :level="level"
|
|
|
+ :pid="parentIds"
|
|
|
+ :is-add="isAdd"
|
|
|
+ :form-data="formData"
|
|
|
+ :type="parmValue.type"
|
|
|
+ :is-detail="isDetail"
|
|
|
+ @refresh="searchList"
|
|
|
+ @cancel="showModel = false"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <no-auth></no-auth>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import asyncRequest from "@/apis/service/purchaseIn/goodsClass";
|
|
|
+
|
|
|
+import mixinPage from "@/mixins/elPaginationHandle";
|
|
|
+// import asyncRequest from "@/apis/service/interest/organize";
|
|
|
+import addEdit from "./addEdit";
|
|
|
+import statusList from "@/assets/js/statusList";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
+import resToken from "@/mixins/resToken";
|
|
|
+export default {
|
|
|
+ name: "goodsClass",
|
|
|
+ components: {
|
|
|
+ addEdit,
|
|
|
+ },
|
|
|
+ mixins: [mixinPage, resToken],
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["tablebtnSize", "searchSize", "size"]),
|
|
|
+ powers() {
|
|
|
+ let tran =
|
|
|
+ this.$store.getters.btnList.find(
|
|
|
+ (item) => item.menu_route == "goodsClass"
|
|
|
+ ) || {};
|
|
|
+ if (tran && tran.action && tran.action.length > 0) {
|
|
|
+ return tran.action;
|
|
|
+ } else {
|
|
|
+ return [];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ goods_className: [],
|
|
|
+ titleList: [],
|
|
|
+ sitem: null,
|
|
|
+ statusList: statusList,
|
|
|
+ loading: true,
|
|
|
+ showModel: false,
|
|
|
+ showInterface: false,
|
|
|
+ isDetail: false,
|
|
|
+ isAdd: true,
|
|
|
+ level: 1,
|
|
|
+ modelId: 0,
|
|
|
+ formData: {},
|
|
|
+ parentIds: "",
|
|
|
+ parmValue: {
|
|
|
+ pid: "", //父级部门ID
|
|
|
+ cat_name: "", //分类名称
|
|
|
+ page: 1,
|
|
|
+ size: 15,
|
|
|
+ },
|
|
|
+ // 表格 - 分页
|
|
|
+ pageInfo: {
|
|
|
+ size: 15,
|
|
|
+ curr: 1,
|
|
|
+ total: 0,
|
|
|
+ },
|
|
|
+ item: [],
|
|
|
+ // 表格 - 数据
|
|
|
+ depart: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.searchList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ restSearch() {
|
|
|
+ this.parmValue = {
|
|
|
+ pid: "", //父级部门ID
|
|
|
+ cat_name: "", //分类名称
|
|
|
+ page: 1,
|
|
|
+ size: 15,
|
|
|
+ };
|
|
|
+ this.pageInfo = {
|
|
|
+ size: 15,
|
|
|
+ curr: 1,
|
|
|
+ total: 0,
|
|
|
+ };
|
|
|
+ this.searchList();
|
|
|
+ },
|
|
|
+
|
|
|
+ async changeBreadcrumb(index) {
|
|
|
+ console.log(index);
|
|
|
+ if (index + 1 !== this.titleList.length) {
|
|
|
+ this.parmValue.pid = this.titleList[index].id;
|
|
|
+ this.titleList = this.titleList.slice(0, index + 1);
|
|
|
+ } else {
|
|
|
+ this.parmValue.pid = 0;
|
|
|
+ this.titleList = [];
|
|
|
+ }
|
|
|
+ await this.searchList();
|
|
|
+ },
|
|
|
+ async openChildren(item) {
|
|
|
+ this.parmValue.pid = item.id;
|
|
|
+ let model = {
|
|
|
+ id: item.id,
|
|
|
+ titleName: item.name,
|
|
|
+ };
|
|
|
+ this.titleList.push(model);
|
|
|
+ await this.searchList();
|
|
|
+ },
|
|
|
+ openModal(id, isDetail, sitem) {
|
|
|
+ this.showModel = true;
|
|
|
+ this.modelId = id;
|
|
|
+ this.isDetail = isDetail;
|
|
|
+ this.sitem = sitem;
|
|
|
+ },
|
|
|
+ openPasswordModal(id, isDetail) {
|
|
|
+ this.passwordModel = true;
|
|
|
+ this.passwordModelId = id;
|
|
|
+ this.isPasswordDetail = isDetail;
|
|
|
+ },
|
|
|
+ async setUpEdit(id, position) {
|
|
|
+ if (position === "1") {
|
|
|
+ const model = {
|
|
|
+ id: id,
|
|
|
+ // position: "2",
|
|
|
+ };
|
|
|
+ let res = await asyncRequest.userp(model);
|
|
|
+ if (res && res.code === 0) {
|
|
|
+ this.$notify.success({
|
|
|
+ title: "设置成功！",
|
|
|
+ message: "",
|
|
|
+ });
|
|
|
+ await this.searchList();
|
|
|
+ } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
+ await this.logout();
|
|
|
+ } else {
|
|
|
+ this.$message.warning(res.message);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message.warning("该账户已是部门负责人！");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addEditFn(id, pid, level, isDetail, isAdd, formData) {
|
|
|
+ console.log(
|
|
|
+ "id:",
|
|
|
+ id,
|
|
|
+ "pid",
|
|
|
+ pid,
|
|
|
+ "level:",
|
|
|
+ level,
|
|
|
+ "sDetail:",
|
|
|
+ isDetail,
|
|
|
+ "isAdd:",
|
|
|
+ isAdd,
|
|
|
+ "formData:",
|
|
|
+ formData
|
|
|
+ );
|
|
|
+ this.showModel = true;
|
|
|
+ this.modelId = id;
|
|
|
+ this.level = level;
|
|
|
+ this.parentIds = pid;
|
|
|
+ this.isDetail = isDetail;
|
|
|
+ this.isAdd = isAdd;
|
|
|
+ this.formData = formData;
|
|
|
+ },
|
|
|
+
|
|
|
+ async setstatus(id, parentIds, level, status) {
|
|
|
+ console.log(
|
|
|
+ "id:",
|
|
|
+ id,
|
|
|
+ "pID:",
|
|
|
+ parentIds,
|
|
|
+ "level:",
|
|
|
+ level,
|
|
|
+ "status:",
|
|
|
+ status
|
|
|
+ );
|
|
|
+ await this.$confirm(`确定要${status === "0" ? "启用" : "禁用"}？`, {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(async () => {
|
|
|
+ const model = {
|
|
|
+ id: id,
|
|
|
+ status: status === "1" ? "0" : "1",
|
|
|
+ };
|
|
|
+ console.log();
|
|
|
+ let res = await asyncRequest.status(model);
|
|
|
+
|
|
|
+ if (res && res.code === 0) {
|
|
|
+ this.$notify.success({
|
|
|
+ title: "修改成功！",
|
|
|
+ message: "",
|
|
|
+ });
|
|
|
+ await this.searchList();
|
|
|
+ } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
+ await this.logout();
|
|
|
+ } else {
|
|
|
+ this.$message.warning(res.message);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ console.log("取消");
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ async del(id, parentIds, level, status) {
|
|
|
+ console.log(
|
|
|
+ `openChildren-id, parentIds, level:${id}-${parentIds}-${level}-${status}`
|
|
|
+ );
|
|
|
+ await this.$confirm(`确定要删除？`, {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(async () => {
|
|
|
+ const model = {
|
|
|
+ id: id,
|
|
|
+ };
|
|
|
+ let res = await asyncRequest.delete(model);
|
|
|
+
|
|
|
+ if (res && res.code === 0) {
|
|
|
+ this.$notify.success({
|
|
|
+ title: "删除成功！",
|
|
|
+ message: "",
|
|
|
+ });
|
|
|
+ await this.searchList();
|
|
|
+ } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
+ await this.logout();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ console.log("取消");
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ async concatData(id, parentIds, level) {
|
|
|
+ console.log(id, parentIds, level);
|
|
|
+ this.loading = true;
|
|
|
+ const res = await asyncRequest.list({});
|
|
|
+ let depart = [];
|
|
|
+ if (res && res.code === 0 && res.data) {
|
|
|
+ depart = res.data;
|
|
|
+ } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
+ await this.logout();
|
|
|
+ } else {
|
|
|
+ this.$message.warning(res.message);
|
|
|
+ }
|
|
|
+ let arr = JSON.parse(JSON.stringify(this.depart));
|
|
|
+ // if (level === 1) {
|
|
|
+ arr = arr.map((val, index) => {
|
|
|
+ if (level === 1 ? id : parentIds === val.id) {
|
|
|
+ val.child = depart[index].child;
|
|
|
+ }
|
|
|
+ return val;
|
|
|
+ });
|
|
|
+
|
|
|
+ this.depart = arr;
|
|
|
+ this.loading = false;
|
|
|
+ },
|
|
|
+ async deleteById(id, status) {
|
|
|
+ await this.$confirm("确定要删除？", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(async () => {
|
|
|
+ const model = {
|
|
|
+ id: id,
|
|
|
+ status: status === "1" ? "0" : "1",
|
|
|
+ };
|
|
|
+ const res = await asyncRequest.status(model);
|
|
|
+ if (res && res.code === 0) {
|
|
|
+ this.$notify.success({
|
|
|
+ title: "删除成功",
|
|
|
+ message: "",
|
|
|
+ });
|
|
|
+ this.searchList();
|
|
|
+ } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
+ await this.logout();
|
|
|
+ } else {
|
|
|
+ this.$message.warning(res.message);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ console.log("取消");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async searchList() {
|
|
|
+ this.loading = true;
|
|
|
+ const res = await asyncRequest.list(this.parmValue);
|
|
|
+ if (res && res.code === 0 && res.data) {
|
|
|
+ console.log(res.data.list);
|
|
|
+ // const { depart, item } = res.data;
|
|
|
+ let arr = [];
|
|
|
+ res.data.list.forEach((element) => {
|
|
|
+ let obj = {
|
|
|
+ name: element.cat_name,
|
|
|
+ id: element.id,
|
|
|
+ pid: element.pid,
|
|
|
+ level: element.level,
|
|
|
+ status: element.status,
|
|
|
+ };
|
|
|
+ // this.depart.push
|
|
|
+ arr.push(obj);
|
|
|
+ });
|
|
|
+ // console.log(arr);
|
|
|
+ this.depart = arr;
|
|
|
+ this.pageInfo.total = Number(res.data.count);
|
|
|
+ console.log(this.pageInfo);
|
|
|
+ // this.item = item;
|
|
|
+ } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
+ await this.logout();
|
|
|
+ } else {
|
|
|
+ this.depart = [];
|
|
|
+ // this.item = [];
|
|
|
+ this.pageInfo.total = 0;
|
|
|
+ }
|
|
|
+ this.loading = false;
|
|
|
+ },
|
|
|
+ async statusConfirm(id, status) {
|
|
|
+ await this.$confirm(`确定要改为${status === "1" ? "禁用" : "启用"}？`, {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(async () => {
|
|
|
+ this.loading = true;
|
|
|
+ const model = {
|
|
|
+ id: id,
|
|
|
+ status: status === "1" ? "0" : "1",
|
|
|
+ };
|
|
|
+ const res = await asyncRequest.status(model);
|
|
|
+ if (res && res.code === 0) {
|
|
|
+ this.loading = false;
|
|
|
+ this.$notify.success({
|
|
|
+ title: "状态修改成功！",
|
|
|
+ message: "",
|
|
|
+ });
|
|
|
+ await this.searchList();
|
|
|
+ } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
+ await this.logout();
|
|
|
+ } else {
|
|
|
+ this.$message.warning(res.message);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ console.log("取消");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ goodsClassChange(e) {
|
|
|
+ console.log(e);
|
|
|
+ console.log(this.parmValue);
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+ <style lang="scss" scoped>
|
|
|
+.goodsClass {
|
|
|
+ .no-data {
|
|
|
+ padding: 25px 0;
|
|
|
+ text-align: center;
|
|
|
+ color: #909399;
|
|
|
+ margin: 30px 10px 0 10px;
|
|
|
+ border-radius: 8px;
|
|
|
+ border: 1px solid #dfe6ec;
|
|
|
+ // border-right: 1px solid #dfe6ec;
|
|
|
+ // border-bottom: 1px solid #dfe6ec;
|
|
|
+ }
|
|
|
+ .my-breadcrumb {
|
|
|
+ .my-breadcrumb-item {
|
|
|
+ float: left;
|
|
|
+ span {
|
|
|
+ height: 21px;
|
|
|
+ line-height: 21px;
|
|
|
+ }
|
|
|
+ .label {
|
|
|
+ padding: 0 5px 0 0;
|
|
|
+ color: 010101;
|
|
|
+ }
|
|
|
+ .separator {
|
|
|
+ color: #787878;
|
|
|
+ font-size: 13px;
|
|
|
+ padding: 0 5px 0 0;
|
|
|
+ }
|
|
|
+ &:last-child {
|
|
|
+ .label {
|
|
|
+ color: #787878;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.chover {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
zhangjinxing