cloud-web-corejs 1.0.281 → 1.1.0-dev.11

package/src/views/bd/project/core/branchSearchPage.js

@@ -0,0 +1,285 @@
+import branchScope from "./branchScope";
+import { BRANCH_FLAG, needInject } from "./branchContext";
+
+const BRANCH_FIELD = "branchCode";
+
+/** 只读接口：分支未就绪时直接返回空结果，避免表格一直转圈 */
+const READ_SUFFIXES = [
+  "/getAllList",
+  "/getChildren",
+  "/listPage",
+  "/listOtherPage",
+  "/listPageWf",
+];
+
+function isReadUrl(url) {
+  if (!url) {
+    return false;
+  }
+  let path = url;
+  let qIndex = path.indexOf("?");
+  if (qIndex >= 0) {
+    path = path.substring(0, qIndex);
+  }
+  return READ_SUFFIXES.some((item) => path.endsWith(item));
+}
+
+/**
+ * 分支工程页面（分支收敛到查询条件）通用逻辑：
+ * 1. 不做进入前的分支门禁，也不提供「打开新分支」，分支就是查询条件里的第一个下拉框
+ * 2. 没选到有效分支时整页不可操作：不查询、不保存、不导入导出
+ * 3. 切换分支即清空其余查询条件并重新查询；分支不做记忆，每次进来都要重新选
+ * 4. 页面用 extends 复用 bd/setting 下的原组件，这里全部改在实例级的 $vxeTableUtil /
+ *    $http / $jsonImport / $jsonExport 上做，不必重写原组件的任何方法
+ */
+let modules = {};
+modules = {
+  mixins: [branchScope(BRANCH_FLAG.BRANCH)],
+  props: {
+    // 由外层前置选择页带进来的分支，组件挂载时就已经确定
+    initBranchCode: String,
+  },
+  data() {
+    return {
+      branchCode: this.initBranchCode || "",
+      branchName: "",
+      branches: [],
+      branchesLoaded: false,
+    };
+  },
+  computed: {
+    /** 后台匹配得到分支才算就绪；分支列表未回来前，先按已选分支放行 */
+    branchReady() {
+      if (!this.branchCode) {
+        return false;
+      }
+      if (!this.branchesLoaded) {
+        return true;
+      }
+      return this.branches.some((item) => item.branchCode === this.branchCode);
+    },
+  },
+  created() {
+    this.patchVxeTableUtil();
+    this.patchBranchGuard();
+  },
+  watch: {
+    "formData.branchCode"(val) {
+      this.applyBranch(val);
+    },
+  },
+  methods: {
+    /** 实例级覆盖 $vxeTableUtil.initVxeTable，给原页面的查询条件补一列分支 */
+    patchVxeTableUtil() {
+      let origin = this.$vxeTableUtil;
+      if (!origin || this._branchVxePatched) {
+        return;
+      }
+      this._branchVxePatched = true;
+      let that = this;
+      // $vxeTableUtil 上都是无 this 依赖的普通函数，原型继承 + 覆盖单个方法即可
+      this.$vxeTableUtil = Object.assign(Object.create(origin), {
+        initVxeTable(option) {
+          that.injectBranchSearchColumn(option);
+          return origin.initVxeTable(option);
+        },
+      });
+    },
+    /** 分支未就绪时拦掉本页所有分支相关请求与导入导出 */
+    patchBranchGuard() {
+      if (this._branchGuardPatched) {
+        return;
+      }
+      this._branchGuardPatched = true;
+      let that = this;
+
+      // $commonHttp 内部转调 this.$http，表格查询/树懒加载/行保存都会走到这里
+      let originHttp = this.$http;
+      let wrapped = function (option) {
+        if (option && needInject(option.url) && !that.branchReady) {
+          return that.refuseBranchRequest(option);
+        }
+        return originHttp.apply(this, arguments);
+      };
+      Object.assign(wrapped, originHttp);
+      wrapped.prototype = originHttp.prototype;
+      this.$http = wrapped;
+
+      let originImport = this.$jsonImport;
+      if (typeof originImport === "function") {
+        this.$jsonImport = function () {
+          if (!that.checkBranchReady()) {
+            return;
+          }
+          return originImport.apply(this, arguments);
+        };
+      }
+      let originExport = this.$jsonExport;
+      if (typeof originExport === "function") {
+        this.$jsonExport = function () {
+          if (!that.checkBranchReady()) {
+            return;
+          }
+          return originExport.apply(this, arguments);
+        };
+      }
+    },
+    refuseBranchRequest(option) {
+      if (isReadUrl(option.url)) {
+        let res = { type: "success", objx: { records: [], total: 0 } };
+        if (option.callback) {
+          option.callback(res);
+        }
+        if (option.success) {
+          option.success(res);
+        }
+        return Promise.resolve(res);
+      }
+      this.warnBranchRequired();
+      if (option.error) {
+        option.error(null);
+      }
+      return Promise.resolve(null);
+    },
+    checkBranchReady() {
+      if (this.branchReady) {
+        return true;
+      }
+      this.warnBranchRequired();
+      return false;
+    },
+    warnBranchRequired() {
+      // 同一批操作只提示一次，避免树表并发请求刷屏
+      if (this._branchWarning) {
+        return;
+      }
+      this._branchWarning = true;
+      setTimeout(() => {
+        this._branchWarning = false;
+      }, 1000);
+      this.$message({
+        type: "warning",
+        message: this.$t1("请先选择分支"),
+      });
+    },
+    injectBranchSearchColumn(option) {
+      if (!option) {
+        return;
+      }
+      this._branchTableRef = option.tableRef || this._branchTableRef;
+      let columns = option.searchColumns || [];
+      if (columns.some((item) => item.field === BRANCH_FIELD)) {
+        return;
+      }
+      option.searchColumns = [this.buildBranchSearchColumn(), ...columns];
+    },
+    buildBranchSearchColumn() {
+      return {
+        title: this.$t1("分支"),
+        field: BRANCH_FIELD,
+        type: "select",
+        common: true,
+        // fixed 让「查询条件设置」的保存结果无法把它挪位置或收进高级筛选
+        fixed: true,
+        // 分支不允许清空，页面必须始终处在某个分支下
+        clearable: false,
+        itemOption: [],
+        // 不做记忆，只回填前置页刚选的分支
+        defaultValue: this.branchCode || null,
+        syncHandle: () => {
+          return this.loadBranches();
+        },
+      };
+    },
+    loadBranches() {
+      return new Promise((resolve) => {
+        this.$http({
+          url: USER_PREFIX + "/bd_branch/listPage",
+          method: "post",
+          data: {
+            enabled: true,
+            current: 1,
+            size: 500,
+          },
+          success: (res) => {
+            let records = res?.objx?.records || [];
+            this.branches = records;
+            this.branchesLoaded = true;
+            this.dropInvalidBranch();
+            this.syncBranchName();
+            resolve(
+              records.map((item) => {
+                return {
+                  label: item.branchName + "(" + item.branchCode + ")",
+                  value: item.branchCode,
+                };
+              })
+            );
+          },
+          error: () => {
+            this.branchesLoaded = true;
+            resolve([]);
+          },
+        });
+      });
+    },
+    /** 已选分支后台查不到（停用/删除）时清掉，页面回到不可操作状态 */
+    dropInvalidBranch() {
+      if (!this.branchCode || this.branchReady) {
+        return;
+      }
+      this.branchCode = "";
+      if (this.formData) {
+        this.$set(this.formData, BRANCH_FIELD, null);
+      }
+      this.$message({
+        type: "warning",
+        message: this.$t1("原分支已不可用，请重新选择分支"),
+      });
+      // 清掉可能已经查回来的旧分支数据
+      this.reloadBranchTable();
+    },
+    syncBranchName() {
+      let current = this.branches.find(
+        (item) => item.branchCode === this.branchCode
+      );
+      this.branchName = current ? current.branchName || "" : "";
+    },
+    applyBranch(val) {
+      let branchCode = val || "";
+      // 值没变就不要再触发一次查询
+      if (branchCode === this.branchCode) {
+        return;
+      }
+      this.branchCode = branchCode;
+      this.syncBranchName();
+      // 换分支等于换了一套数据，其余查询条件全部清空
+      this.formData = { [BRANCH_FIELD]: branchCode || null };
+      this.reloadBranchTable();
+      // 通知外层同步标签页名等分支信息
+      this.$emit("branch-change", {
+        branchCode: this.branchCode,
+        branchName: this.branchName,
+      });
+    },
+    reloadBranchTable() {
+      let grid = this.$refs[this._branchTableRef || "table-m1"];
+      if (grid) {
+        grid.commitProxy("reload");
+      }
+    },
+    searchEvent() {
+      if (!this.checkBranchReady()) {
+        return;
+      }
+      this.reloadBranchTable();
+    },
+    /** 重置查询条件时保留已选分支 */
+    resetEvent() {
+      let branchCode = this.formData ? this.formData.branchCode : "";
+      this.formData = { [BRANCH_FIELD]: branchCode || null };
+      this.reloadBranchTable();
+    },
+  },
+};
+export default modules;

package/src/views/bd/project/core/branchSelect.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="bd-branch-select">
+    <span class="label">{{ $t1("分支") }}:</span>
+    <el-select
+      :value="value"
+      size="small"
+      filterable
+      :placeholder="$t1('请选择分支')"
+      @change="handleChange"
+    >
+      <el-option
+        v-for="item in branches"
+        :key="item.branchCode"
+        :label="item.branchName + '(' + item.branchCode + ')'"
+        :value="item.branchCode"
+      ></el-option>
+    </el-select>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "bdBranchSelect",
+  props: {
+    value: String,
+  },
+  data() {
+    return {
+      branches: [],
+    };
+  },
+  mounted() {
+    this.initData();
+  },
+  methods: {
+    initData() {
+      this.$http({
+        url: USER_PREFIX + "/bd_branch/listPage",
+        method: "post",
+        data: {
+          enabled: true,
+          current: 1,
+          size: 500,
+        },
+        success: (res) => {
+          this.branches = res?.objx?.records || [];
+        },
+      });
+    },
+    // 分支不做记忆，每次进页面都要重新选
+    handleChange(val) {
+      let branchCode = val || "";
+      this.$emit("input", branchCode);
+      this.$emit(
+        "change",
+        this.branches.find((item) => item.branchCode === branchCode) || null
+      );
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.bd-branch-select {
+  display: inline-flex;
+  align-items: center;
+
+  .label {
+    margin-right: 6px;
+    color: #666;
+    white-space: nowrap;
+  }
+
+  /* 覆盖全局 .el-select{display:block} / .el-input{width:148px}，避免框体和内层宽度不一致 */
+  ::v-deep .el-select {
+    display: inline-block;
+    width: 180px;
+
+    .el-input,
+    .el-input__inner {
+      width: 100% !important;
+    }
+  }
+}
+</style>

package/src/views/bd/project/core/branchTreeBar.vue

@@ -0,0 +1,81 @@
+<template>
+  <!-- 分支模块：挂在左侧树顶部、「表单分类」之上 -->
+  <div class="bd-branch-tree-bar">
+    <div class="branch-info">
+      <span class="value" :title="branchLabel">{{ branchLabel }}</span>
+    </div>
+    <el-tooltip
+      :enterable="false"
+      effect="dark"
+      :content="$t1('打开新分支')"
+      placement="top"
+      popper-class="tooltip-skin"
+    >
+      <el-button
+        class="open-new"
+        icon="el-icon-plus"
+        @click="$emit('open-new')"
+      ></el-button>
+    </el-tooltip>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "bdBranchTreeBar",
+  props: {
+    branchLabel: String,
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+/* 与树上方的 .tree-userChange 保持同一套模块样式 */
+.bd-branch-tree-bar {
+  flex: none;
+  display: flex;
+  align-items: center;
+  margin: 9px 10px 0;
+  padding: 7px 7px 7px 10px;
+  background: #f4f6fa;
+  border-radius: 5px;
+
+  .branch-info {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: flex-start;
+    font-size: 14px;
+    line-height: 20px;
+
+    .value {
+      flex: 1;
+      min-width: 0;
+      /* 长分支名换行显示，最多两行，超出再省略 */
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      word-break: break-all;
+      font-weight: 600;
+      /* 与详情页标题栏的分支标记同色 */
+      color: #ff731c;
+    }
+  }
+
+  .open-new {
+    flex: none;
+    width: 26.5px;
+    height: 26.5px;
+    margin-left: 8px;
+    padding: 0;
+    line-height: 26.5px;
+    text-align: center;
+    background: #fff;
+    border: solid 1px rgba(99, 134, 250, 0.15);
+    border-radius: 5px;
+    color: #6386fa;
+  }
+}
+</style>

package/src/views/bd/project/core/httpBranchPatch.js

@@ -0,0 +1,58 @@
+import Vue from "vue";
+import { findScope, getScopeParams, needInject } from "./branchContext";
+
+/**
+ * 给 Vue.prototype.$http 追加分支参数。
+ *
+ * $commonHttp 内部也是转调 this.$http，vxe 表格代理、$jsonExport、表单设计器保存、
+ * 版本回滚等全部走这一个出口，所以只需要在这里包一层就能覆盖所有请求点，
+ * 不必改动 bd/setting 下的任何原文件。
+ */
+
+let patched = false;
+
+/** 调用方已显式指定分支参数时以调用方为准（如分支定义里固定查通用分类） */
+function merge(data, params) {
+  let next = { ...(data || {}) };
+  Object.keys(params).forEach((key) => {
+    if (next[key] === undefined || next[key] === null) {
+      next[key] = params[key];
+    }
+  });
+  return next;
+}
+
+export function installBranchHttp() {
+  if (patched) {
+    return;
+  }
+  const origin = Vue.prototype.$http;
+  // $http 由 utils/vab.js 在启动时安装，此处尚未就绪则不标记已打补丁，留待下次调用
+  if (typeof origin !== "function") {
+    return;
+  }
+  patched = true;
+
+  const wrapped = function (option) {
+    let scope = findScope(this);
+    let params = needInject(option && option.url) ? getScopeParams(scope) : null;
+    if (!params) {
+      return origin.apply(this, arguments);
+    }
+    let data = option.data;
+    let nextData;
+    if (Array.isArray(data)) {
+      // /formScript/saves 的 body 是 DTO 数组，需要逐项补参数
+      nextData = data.map((item) => merge(item, params));
+    } else {
+      nextData = merge(data, params);
+    }
+    return origin.call(this, { ...option, data: nextData });
+  };
+
+  // request.js 在 $http 上挂了额外属性（如取消、拦截相关），透传出去
+  Object.assign(wrapped, origin);
+  wrapped.prototype = origin.prototype;
+
+  Vue.prototype.$http = wrapped;
+}

package/src/views/bd/project/datatable/menu_kind/list.vue

@@ -0,0 +1,15 @@
+<template>
+  <baseList></baseList>
+</template>
+
+<script>
+import branchScope from "../../core/branchScope";
+import { BRANCH_FLAG } from "../../core/branchContext";
+import baseList from "@base/views/bd/setting/menu_kind/list.vue";
+
+export default {
+  name: "dt_menu_kind:list",
+  components: { baseList },
+  mixins: [branchScope(BRANCH_FLAG.DATA_TABLE)],
+};
+</script>

package/src/views/bd/project/datatable/table_model/list.vue

@@ -0,0 +1,15 @@
+<template>
+  <baseList></baseList>
+</template>
+
+<script>
+import branchScope from "../../core/branchScope";
+import { BRANCH_FLAG } from "../../core/branchContext";
+import baseList from "@base/views/bd/setting/table_model/list.vue";
+
+export default {
+  name: "dt_table_model:list",
+  components: { baseList },
+  mixins: [branchScope(BRANCH_FLAG.DATA_TABLE)],
+};
+</script>