From a11039d4d1fa73cce07283087c1d59f77d310fd2 Mon Sep 17 00:00:00 2001
From: xyc <3422692813@qq.com>
Date: Tue, 27 May 2025 17:55:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../inspection/businessChannel/api/index.js   |  52 ++++
 .../inspection/businessChannel/index.vue      | 284 ++++++++++++++++++
 src/views/inspection/staff/index.vue          |   4 +-
 3 files changed, 338 insertions(+), 2 deletions(-)
 create mode 100644 src/views/inspection/businessChannel/api/index.js
 create mode 100644 src/views/inspection/businessChannel/index.vue

diff --git a/src/views/inspection/businessChannel/api/index.js b/src/views/inspection/businessChannel/api/index.js
new file mode 100644
index 0000000..ba4ba61
--- /dev/null
+++ b/src/views/inspection/businessChannel/api/index.js
@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+
+// 查询菜单列表
+export function listBusiness(query) {
+  return request({
+    url: '/channel/tree',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询菜单（精简)列表
+export function listSimpleMenus() {
+  return request({
+    url: '/system/menu/list-all-simple',
+    method: 'get'
+  })
+}
+
+// 查询菜单详细
+export function getBusiness(id) {
+  return request({
+    url: '/channel/' + id,
+    method: 'get'
+  })
+}
+
+// 新增菜单
+export function addBusiness(data) {
+  return request({
+    url: '/channel/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改菜单
+export function updateBusiness(data) {
+  return request({
+    url: '/channel/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除菜单
+export function delBusiness(id) {
+  return request({
+    url: '/channel/delete/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/views/inspection/businessChannel/index.vue b/src/views/inspection/businessChannel/index.vue
new file mode 100644
index 0000000..d143486
--- /dev/null
+++ b/src/views/inspection/businessChannel/index.vue
@@ -0,0 +1,284 @@
+<template>
+  <div class="app-container">
+    <doc-alert title="功能权限" url="https://doc.iocoder.cn/resource-permission"/>
+    <doc-alert title="菜单路由" url="https://doc.iocoder.cn/vue2/route/"/>
+    <!-- 搜索工作栏 -->
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
+      <el-form-item label="菜单名称" prop="name">
+        <el-input v-model="queryParams.name" placeholder="请输入菜单名称" clearable @keyup.enter.native="handleQuery"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="info" plain icon="el-icon-sort" size="mini" @click="toggleExpandAll">展开/折叠</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-if="refreshTable" v-loading="loading" :data="menuList" row-key="id" :default-expand-all="isExpandAll"
+              :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+      <el-table-column prop="name" label="名称" :show-overflow-tooltip="true" width="250"></el-table-column>
+      <el-table-column prop="type" label="类型" width="100">
+        <template v-slot="scope">
+          <span>
+            {{ scope.row.type === 0 ? '业务渠道' : scope.row.type === 1 ? '客户来源' : '未知类型' }}
+          </span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template v-slot="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改
+          </el-button>
+          <el-button size="mini" v-if="scope.row.pid == 0" type="text" icon="el-icon-plus"
+                     @click="handleAdd(scope.row)">新增
+          </el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 添加或修改菜单对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-row>
+<!--          <el-col :span="24">-->
+<!--            <el-form-item label="上级菜单">-->
+<!--              <treeselect v-model="form.pid" :options="menuOptions" :normalizer="normalizer" :show-count="true"-->
+<!--                          placeholder="选择上级菜单"/>-->
+<!--            </el-form-item>-->
+<!--          </el-col>-->
+          <el-col :span="12">
+            <el-form-item label="名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {listMenu, getMenu, delMenu, addMenu, updateMenu} from "@/api/system/menu";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import IconSelect from "@/components/IconSelect";
+
+import {SystemMenuTypeEnum, CommonStatusEnum} from '@/utils/constants'
+import {getDictDatas, DICT_TYPE} from '@/utils/dict'
+import {isExternal} from "@/utils/validate";
+import {
+  addBusiness,
+  delBusiness,
+  getBusiness,
+  listBusiness,
+  updateBusiness
+} from "@/views/inspection/businessChannel/api";
+
+export default {
+  name: "BusinessChannel",
+  components: {Treeselect, IconSelect},
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 菜单表格树数据
+      menuList: [],
+      // 菜单树选项
+      menuOptions: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 是否展开，默认全部折叠
+      isExpandAll: false,
+      // 重新渲染表格状态
+      refreshTable: true,
+      // 查询参数
+      queryParams: {
+        name: undefined,
+        visible: undefined
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        name: [
+          {required: true, message: "菜单名称不能为空", trigger: "blur"}
+        ],
+        sort: [
+          {required: true, message: "菜单顺序不能为空", trigger: "blur"}
+        ],
+        path: [
+          {required: true, message: "路由地址不能为空", trigger: "blur"}
+        ],
+        status: [
+          {required: true, message: "状态不能为空", trigger: "blur"}
+        ]
+      },
+
+      // 枚举
+      MenuTypeEnum: SystemMenuTypeEnum,
+      CommonStatusEnum: CommonStatusEnum,
+      // 数据字典
+      menuTypeDictDatas: getDictDatas(DICT_TYPE.SYSTEM_MENU_TYPE),
+      statusDictDatas: getDictDatas("ins_business")
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    // 选择图标
+    selected(name) {
+      this.form.icon = name;
+    },
+    /** 查询菜单列表 */
+    getList() {
+      this.loading = true;
+      listBusiness(this.queryParams).then(response => {
+        this.menuList = this.handleTree(response.data, "id", "pid");
+        this.loading = false;
+      });
+    },
+    /** 转换菜单数据结构 */
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children;
+      }
+      return {
+        id: node.id,
+        label: node.name,
+        children: node.children
+      };
+    },
+    /** 查询菜单下拉树结构 */
+    getTreeselect() {
+      listBusiness().then(response => {
+        this.menuOptions = [];
+        const menu = {id: 0, name: '主类目', children: []};
+        if (!Array.isArray(response.data)) {
+          console.warn("handleTree error: data 不是数组", response.data);
+          return;
+        }
+
+        if (response.data.length === 0) {
+          console.warn("handleTree warning: data 是空数组");
+          return;
+        }
+
+// data 合法，继续处理
+        debugger
+        menu.children = this.handleTree(response.data, "id", 'pid');
+        this.menuOptions.push(menu);
+
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: undefined,
+        pid: 0,
+        name: undefined,
+        type: undefined,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 展开/折叠操作 */
+    toggleExpandAll() {
+      this.refreshTable = false;
+      this.isExpandAll = !this.isExpandAll;
+      this.$nextTick(() => {
+        this.refreshTable = true;
+      });
+    },
+    /** 新增按钮操作 */
+    handleAdd(row) {
+      this.reset();
+      this.getTreeselect();
+      if (row != null && row.id) {
+        this.form.pid = row.id;
+        this.form.type = 1;
+        this.title = "添加客户来源";
+      } else {
+        this.form.pid = 0;
+        this.form.type = 0;
+        this.title = "添加业务渠道";
+      }
+      this.open = true;
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      this.getTreeselect();
+      getBusiness(row.id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改";
+      });
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          // 提交
+          if (this.form.id !== undefined) {
+            updateBusiness(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addBusiness(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$modal.confirm('是否确认删除名称为"' + row.name + '"的数据项?').then(function () {
+        return delBusiness(row.id);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      });
+    }
+  }
+};
+</script>
diff --git a/src/views/inspection/staff/index.vue b/src/views/inspection/staff/index.vue
index d100a60..2a1a04b 100644
--- a/src/views/inspection/staff/index.vue
+++ b/src/views/inspection/staff/index.vue
@@ -571,10 +571,10 @@ export default {
       if (!this.form.folderId) {
         addFolder(this.form.id).then(response => {
           this.form.folderId = response.data
-          this.$router.push({path: '/jc/shop/partner/file/file', query: {"folderId": this.form.folderId}})
+          this.$router.push({path: '/jc/shop/nbgl/partner/file/file', query: {"folderId": this.form.folderId}})
         })
       } else {
-        this.$router.push({path: '/jc/shop/partner/file/file', query: {"folderId": this.form.folderId}})
+        this.$router.push({path: '/jc/shop/nbgl/partner/file/file', query: {"folderId": this.form.folderId}})
       }
     },
     // 查询驾驶证类型