From 4db5bd6e02778c0cfd1408c1872490977f4eb31f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=99=E5=90=8C=E5=AD=A6?= <2495967527@qq.com>
Date: Mon, 13 Jan 2025 18:05:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=A6=E5=8F=B7=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/accountNumber.js              |  36 ++++
 src/router/full-routers.js                    |  13 ++
 src/utils/index.js                            |   5 +-
 .../accountNumber/index.vue                   | 174 ++++++++++++++++++
 .../accountNumber/popup/add-or-update.vue     | 151 +++++++++++++++
 5 files changed, 378 insertions(+), 1 deletion(-)
 create mode 100644 src/api/modules/accountNumber.js
 create mode 100644 src/views/modules/operation-management/accountNumber/index.vue
 create mode 100644 src/views/modules/operation-management/accountNumber/popup/add-or-update.vue

diff --git a/src/api/modules/accountNumber.js b/src/api/modules/accountNumber.js
new file mode 100644
index 0000000..7582da7
--- /dev/null
+++ b/src/api/modules/accountNumber.js
@@ -0,0 +1,36 @@
+import $http from "@/utils/httpRequest.js";
+//账号管理
+export const accountNumber = {
+  //账号列表
+  accountPage: (data) => {
+    return $http.request({
+      url: `/merchant-api/unify/account/page`,
+      method: "get",
+      params: data,
+    });
+  },
+  //添加账号
+  addAccount: (data) => {
+    return $http.request({
+      url: `/merchant-api/unify/account/add`,
+      method: "post",
+      data: data,
+    });
+  },
+  //编辑账号
+  updateAccount: (data) => {
+    return $http.request({
+      url: `/merchant-api/unify/account/update`,
+      method: "post",
+      data: data,
+    });
+  },
+  //删除账号
+  deleteAccount: (data) => {
+    return $http.request({
+      url: `/merchant-api/unify/account/delete`,
+      method: "post",
+      data: data,
+    });
+  },
+};
diff --git a/src/router/full-routers.js b/src/router/full-routers.js
index c33b6ae..23e8475 100644
--- a/src/router/full-routers.js
+++ b/src/router/full-routers.js
@@ -130,6 +130,19 @@ export default {
           open: null,
           list: [],
         },
+        {
+          menuId: getUUID(),
+          parentId: 0,
+          parentName: null,
+          name: "账号管理",
+          url: "operation-management/accountNumber/index",
+          perms: "",
+          type: 1,
+          elIcon: "el-icon-menu",
+          orderNum: 0,
+          open: null,
+          list: [],
+        },
         {
           menuId: getUUID(),
           parentId: 0,
diff --git a/src/utils/index.js b/src/utils/index.js
index b6b4ed7..ea77797 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -169,7 +169,8 @@ export function getMenu(role) {
       "ogistics-fare",
       "logistics-fare/logistics-template/index",
       "bank-card/index",
-      "operation-management/total-order/index"
+      "operation-management/total-order/index",
+      "operation-management/accountNumber/index",
     ];
   } else if (role == "ROLE_BRAND_MANAGER") {
     return [
@@ -185,6 +186,7 @@ export function getMenu(role) {
       "brand/config/index",
       "local-course/resources",
       "wallet/index",
+      "operation-management/accountNumber/index",
     ];
   } else if (role == "ROLE_AGENT") {
     return [
@@ -198,6 +200,7 @@ export function getMenu(role) {
       "datacenter/order-analysis/index",
       "local-course/resources",
       "wallet/index",
+      "operation-management/accountNumber/index",
     ];
   }
 }
diff --git a/src/views/modules/operation-management/accountNumber/index.vue b/src/views/modules/operation-management/accountNumber/index.vue
new file mode 100644
index 0000000..23eda99
--- /dev/null
+++ b/src/views/modules/operation-management/accountNumber/index.vue
@@ -0,0 +1,174 @@
+<template>
+  <div style="height: calc(100vh - 200px)">
+    <obj-table-plus
+      ref="oTable"
+      style="height: 100%"
+      :tableCols="tableCols"
+      :tableProp="tableProp"
+      @query="queryList"
+      v-model="dataList"
+      :tableEvent="tableEvent"
+    >
+      <template slot="tableTop">
+        <el-form :inline="true" :model="formInline" class="demo-form-inline">
+          <el-form-item label="姓名">
+            <el-input
+              v-model="formInline.username"
+              placeholder="姓名搜索"
+            ></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="$refs.oTable.reload()"
+              >查询</el-button
+            >
+            <el-button type="primary">重置</el-button>
+          </el-form-item>
+        </el-form>
+        <div class="mb-2">
+          <el-button type="primary" @click="addAccount">添加</el-button>
+        </div>
+      </template>
+    </obj-table-plus>
+    <!-- 编辑编辑账号 -->
+    <addOrUpdate
+      ref="addOrUpdate"
+      @queryList="$refs.oTable.reload()"
+    ></addOrUpdate>
+  </div>
+</template>
+
+<script>
+import addOrUpdate from "./popup/add-or-update.vue";
+export default {
+  components: { addOrUpdate },
+  data() {
+    return {
+      dataList: [],
+      formInline: {
+        name: "",
+      },
+      tableProp: {
+        "auto-resize": true,
+        border: true,
+        height: "auto",
+        "row-id": "id",
+        "show-overflow": false,
+      },
+      productFilterType: "SALE",
+      selectList: [],
+    };
+  },
+  created() {
+    this.$nextTick(() => {
+      this.$refs.oTable.reload();
+    });
+  },
+  methods: {
+    queryList(pageNo, pageSize) {
+      this.$api.accountNumber
+        .accountPage({
+          pageNumber: pageNo,
+          pageSize: pageSize,
+          ownerId: JSON.parse(sessionStorage.getItem("userInfo")).managerId
+            ? JSON.parse(sessionStorage.getItem("userInfo")).managerId
+            : JSON.parse(sessionStorage.getItem("userInfo")).merchantId,
+        })
+        .then((res) => {
+          console.log(res);
+          this.$refs.oTable.complete(
+            res.data.data.data,
+            Number(res.data.data.total)
+          );
+        })
+        .catch((err) => {
+          this.$refs.oTable.complete(false);
+        });
+    },
+    addAccount() {
+      console.log("添加账号");
+      this.$refs.addOrUpdate.toggle().add();
+    },
+  },
+  computed: {
+    tableCols() {
+      return [
+        { type: "checkbox", width: "60px", fixed: "left" },
+        // { type: "seq", width: "60px", align: "center", title: "序号" },
+        {
+          title: "姓名",
+          align: "center",
+          field: "username",
+        },
+        {
+          title: "账号",
+          align: "center",
+          field: "mobile",
+        },
+        {
+          title: "加入时间",
+          align: "center",
+          field: "createTime",
+        },
+        {
+          title: "操作",
+          fixed: "right",
+          type: "jsx",
+          align: "center",
+          width: "240px",
+          render: (row) => {
+            let edit = () => {
+              this.$refs.addOrUpdate.toggle(row).update();
+            };
+            let deleteBanner = () => {
+              this.$api.accountNumber
+                .deleteAccount({ id: row.row.id })
+                .then((res) => {
+                  console.log(res);
+                  this.$refs.oTable.reload();
+                });
+            };
+            let onCancel = () => {};
+            return (
+              <div>
+                <el-button
+                  style="margin-right:20px"
+                  size="mini"
+                  type="primary"
+                  onClick={edit}
+                >
+                  编辑
+                </el-button>
+                <el-popconfirm
+                  onConfirm={deleteBanner}
+                  onCancel={onCancel}
+                  confirm-button-text="确定"
+                  cancel-button-text="取消"
+                  icon="el-icon-info"
+                  icon-color="red"
+                  title="确定删除吗？"
+                >
+                  <el-button size="mini" type="danger" slot="reference">
+                    删除
+                  </el-button>
+                </el-popconfirm>
+              </div>
+            );
+          },
+        },
+      ];
+    },
+    tableEvent() {
+      return {
+        "checkbox-all": ({ records, reserves }) => {
+          this.selectList = [...records, ...reserves];
+        },
+        "checkbox-change": ({ records, reserves }) => {
+          this.selectList = [...records, ...reserves];
+        },
+      };
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/modules/operation-management/accountNumber/popup/add-or-update.vue b/src/views/modules/operation-management/accountNumber/popup/add-or-update.vue
new file mode 100644
index 0000000..53d6321
--- /dev/null
+++ b/src/views/modules/operation-management/accountNumber/popup/add-or-update.vue
@@ -0,0 +1,151 @@
+<template>
+  <div>
+    <obj-modal
+      ref="modal"
+      labelWidth="150px"
+      :modalCols="modalCols"
+      :modalConfig="modalConfig"
+      :modalData="modalData"
+      :modalHandles="modalHandles"
+    >
+      <template slot="dialog__after"> </template>
+    </obj-modal>
+  </div>
+</template>
+<script>
+import { debounce, cloneDeep } from "lodash";
+import { Divider } from "element-ui";
+export default {
+  components: {},
+  data() {
+    return {
+      isAdd: true,
+      //表格属性
+      modalConfig: {
+        title: "添加账号",
+        show: false,
+        width: "700px",
+      },
+      modalData: {},
+      settingId: "",
+      form: {},
+    };
+  },
+  watch: {
+    "modalConfig.show"(newVal) {
+      if (!newVal) {
+        //关闭弹窗清空校验
+        setTimeout(() => {
+          this.$refs.modal.resetFields();
+        });
+      }
+    },
+  },
+  methods: {
+    queryTableData(pageNo, pageSize) {},
+    toggle(e) {
+      if (this.modalConfig.show == false) {
+        this.modalConfig.show = true;
+      } else {
+        this.modalConfig.show = false;
+      }
+      if (e) {
+        this.init(cloneDeep(e.row));
+      }
+      return {
+        add: () => {
+          this.modalData = {};
+          this.modalConfig.title = "添加账号";
+          this.isAdd = true;
+        },
+        update: () => {
+          this.modalConfig.title = "编辑账号";
+          this.isAdd = false;
+        },
+      };
+    },
+    init(row) {
+      this.modalData = row;
+    },
+  },
+  computed: {
+    modalCols() {
+      return [
+        {
+          label: "姓名",
+          prop: "username",
+          type: "Input",
+          required: true,
+          rules: {
+            required: true,
+            message: "请输入姓名",
+            trigger: "blur",
+          },
+        },
+        {
+          label: "账号",
+          prop: "mobile",
+          type: "Input",
+          required: true,
+          rules: {
+            required: true,
+            message: "请输入角色编码",
+            trigger: "blur",
+          },
+        },
+        {
+          label: "密码",
+          prop: "password",
+          type: "Input",
+          required: true,
+          rules: {
+            required: true,
+            message: "请输入权限字段",
+            trigger: "blur",
+          },
+        },
+      ];
+    },
+    modalHandles() {
+      return [
+        {
+          label: "取消",
+          handle: () => {
+            this.toggle();
+          },
+        },
+        {
+          label: "确认",
+          type: "primary",
+          submit: true,
+          handle: () => {
+            console.log(this.modalData);
+            if (this.isAdd) {
+              this.$api.accountNumber
+                .addAccount({
+                  ...this.modalData,
+                  ownerId: JSON.parse(sessionStorage.getItem("userInfo"))
+                    .managerId
+                    ? JSON.parse(sessionStorage.getItem("userInfo")).managerId
+                    : JSON.parse(sessionStorage.getItem("userInfo")).merchantId,
+                })
+                .then((res) => {
+                  this.toggle();
+                  this.$emit("queryList");
+                });
+            } else {
+              this.$api.mer_admin.noticeUpdate(this.modalData).then((res) => {
+                this.toggle();
+                this.$emit("queryList");
+              });
+            }
+          },
+        },
+      ];
+    },
+  },
+  asyncComputed: {},
+};
+</script>
+<style lang="scss" scoped>
+</style>
\ No newline at end of file