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

package/src/views/bd/project/branch/bd_branch/mixins/menuKindDialog.js

@@ -0,0 +1,85 @@
+import { selectDialogMixins } from "@base/mixins/selectDialog";
+import { BRANCH_FLAG } from "../../../core/branchContext";
+
+let modules = {};
+modules = {
+  props: ["visiable", "multi", "rows"],
+  mixins: [selectDialogMixins],
+  created() {
+    this.initSetting();
+  },
+  mounted() {
+    this.initTableM1();
+  },
+  data() {
+    return {
+      showDialog: true,
+      falseValue: false,
+      selectMulti: true,
+      formData: {},
+      vxeOption: {},
+    };
+  },
+  methods: {
+    initTableM1() {
+      let that = this;
+      let tableOption = {
+        vue: that,
+        tableRef: "table-m1",
+        tableName: "bd_branch_menuKind_dialog-m1",
+        path: USER_PREFIX + "/menuKind/getAllList",
+        param: () => {
+          return {
+            ...this.formData,
+            // 只能选择「分类-通用」的一级分类
+            parent: 0,
+            enabled: true,
+            branchFlag: BRANCH_FLAG.COMMON,
+          };
+        },
+        // getAllList 返回的是普通数组而非分页对象
+        config: {
+          pagerConfig: {
+            autoHidden: true,
+          },
+          proxyConfig: {
+            props: {
+              result: "objx",
+              total: "objx.length",
+            },
+          },
+          checkboxConfig: {
+            showHeader: this.selectMulti,
+            trigger: "row",
+          },
+        },
+        columns: [
+          { type: "checkbox", width: 50, resizable: false, fixed: "left" },
+          {
+            title: this.$t1("表单分类名称"),
+            field: "name",
+            width: 250,
+            fixed: "left",
+          },
+          {
+            field: "menuKindCode",
+            title: this.$t1("表单分类编码"),
+            width: 180,
+          },
+          { field: "treePathName", title: this.$t1("上级分类"), width: 180 },
+          { field: "serviceName", title: this.$t1("服务名"), width: 150 },
+          {
+            width: 47,
+            fixed: "right",
+            title: "",
+            sortable: false,
+          },
+        ],
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        that.vxeOption = opts;
+      });
+    },
+  },
+};
+export default modules;

package/src/views/bd/project/branch/form_script/list.vue

@@ -0,0 +1,31 @@
+<template>
+  <!-- 分支说明与「打开新分支」放在左侧树区域顶部，不再占用内容区工具条 -->
+  <branchPageWrap
+    :branchCode.sync="branchCode"
+    :branchLabel="branchLabel"
+    :show-bar="false"
+    @branch-change="onBranchChange"
+  >
+    <baseList :key="branchCode">
+      <template #treeTop>
+        <branchTreeBar
+          :branchLabel="branchLabel"
+          @open-new="openNewBranch"
+        ></branchTreeBar>
+      </template>
+    </baseList>
+  </branchPageWrap>
+</template>
+
+<script>
+import branchPage from "../../core/branchPage";
+import branchTreeBar from "../../core/branchTreeBar.vue";
+// 逻辑脚本对应 scriptType=1 的 list1
+import baseList from "@base/views/bd/setting/form_script/list1.vue";
+
+export default {
+  name: "branch_form_script:list",
+  components: { baseList, branchTreeBar },
+  mixins: [branchPage],
+};
+</script>

package/src/views/bd/project/branch/form_template/list.vue

@@ -0,0 +1,30 @@
+<template>
+  <!-- 分支说明与「打开新分支」放在左侧树区域顶部，不再占用内容区工具条 -->
+  <branchPageWrap
+    :branchCode.sync="branchCode"
+    :branchLabel="branchLabel"
+    :show-bar="false"
+    @branch-change="onBranchChange"
+  >
+    <baseList :key="branchCode">
+      <template #treeTop>
+        <branchTreeBar
+          :branchLabel="branchLabel"
+          @open-new="openNewBranch"
+        ></branchTreeBar>
+      </template>
+    </baseList>
+  </branchPageWrap>
+</template>
+
+<script>
+import branchPage from "../../core/branchPage";
+import branchTreeBar from "../../core/branchTreeBar.vue";
+import baseList from "@base/views/bd/setting/form_template/list.vue";
+
+export default {
+  name: "branch_form_template:list",
+  components: { baseList, branchTreeBar },
+  mixins: [branchPage],
+};
+</script>

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

@@ -0,0 +1,31 @@
+<template>
+  <!-- 先选分支再进入，进入后分支作为第一个查询条件可继续切换；不提供「打开新分支」 -->
+  <branchPageWrap
+    :branchCode.sync="branchCode"
+    :branchLabel="branchLabel"
+    :show-bar="false"
+    :show-open-new="false"
+    @branch-change="onBranchChange"
+  >
+    <branchList :initBranchCode="branchCode" @branch-change="onBranchChange"></branchList>
+  </branchPageWrap>
+</template>
+
+<script>
+import branchPage from "../../core/branchPage";
+import branchSearchPage from "../../core/branchSearchPage";
+import baseList from "@base/views/bd/setting/menu_kind/list.vue";
+
+// 复用原分类列表，只把分支塞进查询条件
+const branchList = {
+  name: "branch_menu_kind_list",
+  extends: baseList,
+  mixins: [branchSearchPage],
+};
+
+export default {
+  name: "branch_menu_kind:list",
+  components: { branchList },
+  mixins: [branchPage],
+};
+</script>

package/src/views/bd/project/common/form_script/list.vue

@@ -0,0 +1,16 @@
+<template>
+  <baseList></baseList>
+</template>
+
+<script>
+import branchScope from "../../core/branchScope";
+import { BRANCH_FLAG } from "../../core/branchContext";
+// 逻辑脚本对应 scriptType=1 的 list1
+import baseList from "@base/views/bd/setting/form_script/list1.vue";
+
+export default {
+  name: "common_form_script:list",
+  components: { baseList },
+  mixins: [branchScope(BRANCH_FLAG.COMMON)],
+};
+</script>

package/src/views/bd/project/common/form_template/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/form_template/list.vue";
+
+export default {
+  name: "common_form_template:list",
+  components: { baseList },
+  mixins: [branchScope(BRANCH_FLAG.COMMON)],
+};
+</script>

package/src/views/bd/project/common/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: "common_menu_kind:list",
+  components: { baseList },
+  mixins: [branchScope(BRANCH_FLAG.COMMON)],
+};
+</script>

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

@@ -0,0 +1,100 @@
+/**
+ * 分支作用域上下文。
+ *
+ * 通用工程/分支工程/数据表管理三组菜单直接复用 bd/setting 下的原页面组件，
+ * 原组件不感知分支，所以由外层壳组件在自身实例上挂一个作用域标记，
+ * 请求注入器沿组件树向上找到该标记后给请求补上 branchFlag / branchCode。
+ */
+
+export const SCOPE_KEY = "__bdBranchScope__";
+
+/** 分支标识:0通用工程 1分支工程 99数据表分类 */
+export const BRANCH_FLAG = {
+  COMMON: 0,
+  BRANCH: 1,
+  DATA_TABLE: 99,
+};
+
+/**
+ * 只有后端 DTO 真正声明了 branchCode/branchFlag 的接口才允许注入，
+ * 否则多余字段会被反序列化拒绝。以路径结尾精确匹配。
+ */
+const INJECT_URLS = [
+  "/menuKind/getAllList",
+  "/menuKind/getChildren",
+  "/menuKind/save",
+  "/menuKind/update",
+
+  "/formTemplate/listPage",
+  "/formTemplate/listOtherPage",
+  "/formTemplate/listPageWf",
+  "/formTemplate/save",
+  "/formTemplate/update",
+  "/formTemplate/updateDesign",
+
+  "/formScript/listPage",
+  "/formScript/listOtherPage",
+  "/formScript/save",
+  "/formScript/update",
+  "/formScript/saves",
+  "/formScript/getServiceName",
+
+  "/szTaMb/listPage",
+  "/szTaMb/listOtherPage",
+  "/szTaMb/save",
+  "/szTaMb/update",
+
+  "/formVersion/listPage",
+  "/form_oplog/listPage",
+  "/form_import_log/listPage",
+];
+
+/**
+ * 脱离组件树创建的实例（$jsonImport 动态弹框等）找不到父链，
+ * 由当前激活的分支页面兜底。
+ */
+let fallbackScope = null;
+
+export function setFallbackScope(scope) {
+  fallbackScope = scope || null;
+}
+
+export function getFallbackScope() {
+  return fallbackScope;
+}
+
+/** 沿 $parent 向上找最近的分支作用域，找不到则用兜底作用域 */
+export function findScope(vm) {
+  let cur = vm;
+  while (cur) {
+    if (cur[SCOPE_KEY]) {
+      return cur[SCOPE_KEY];
+    }
+    cur = cur.$parent;
+  }
+  return fallbackScope;
+}
+
+export function needInject(url) {
+  if (!url) {
+    return false;
+  }
+  let path = url;
+  let qIndex = path.indexOf("?");
+  if (qIndex >= 0) {
+    path = path.substring(0, qIndex);
+  }
+  return INJECT_URLS.some((item) => path.endsWith(item));
+}
+
+/** 作用域转成请求参数：通用工程/数据表管理没有分支编码 */
+export function getScopeParams(scope) {
+  if (!scope) {
+    return null;
+  }
+  let params = { branchFlag: scope.branchFlag };
+  if (scope.branchCode) {
+    params.branchCode = scope.branchCode;
+  }
+  return params;
+}

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

@@ -0,0 +1,78 @@
+import branchScope from "./branchScope";
+import { BRANCH_FLAG } from "./branchContext";
+import branchPageWrap from "./branchPageWrap.vue";
+
+/**
+ * 分支工程页面通用逻辑：
+ * 1. 进入先选分支，选中后再渲染被复用的原组件
+ * 2. 选中后分支锁定，不可再改
+ * 3. 「打开新分支」以独立标签再开一页（需菜单 meta.repeatOpen）
+ */
+let modules = {};
+modules = {
+  components: { branchPageWrap },
+  mixins: [branchScope(BRANCH_FLAG.BRANCH)],
+  data() {
+    return {
+      branchCode: "",
+      branchName: "",
+      // 组件创建时记下原始菜单名，避免 route.meta.title 被改写后叠加多个分支名
+      baseTabTitle: "",
+    };
+  },
+  computed: {
+    branchLabel() {
+      if (!this.branchCode) {
+        return "";
+      }
+      if (this.branchName) {
+        return `${this.branchName}(${this.branchCode})`;
+      }
+      return this.branchCode;
+    },
+  },
+  created() {
+    this.baseTabTitle = this.resolveBaseTabTitle();
+  },
+  methods: {
+    resolveBaseTabTitle() {
+      let matched = this.$route.matched || [];
+      let last = matched[matched.length - 1] || {};
+      // 优先用路由记录上的原始 menuName，勿用可能已被污染的 meta.title
+      return (
+        last.menuName ||
+        this.$route.menuName ||
+        last.meta?.originTitle ||
+        this.$route.meta?.originTitle ||
+        last.meta?.title ||
+        this.$route.meta?.title ||
+        ""
+      );
+    },
+    onBranchChange(branch) {
+      if (!branch || !branch.branchCode) {
+        return;
+      }
+      this.branchCode = branch.branchCode;
+      this.branchName = branch.branchName || "";
+      this.updateTabTitle();
+    },
+    updateTabTitle() {
+      let base = this.baseTabTitle || this.resolveBaseTabTitle();
+      let suffix = this.branchName || this.branchCode;
+      // 菜单名形如「表单模板-分支」，选中分支后把末尾的「分支」换成分支名
+      let title = suffix
+        ? `${base.replace(/[-－—]?\s*分支$/, "")}-${suffix}`
+        : base;
+      this.$store.dispatch("tagsView/updateVisitedView2", {
+        view: this.$route,
+        title,
+      });
+    },
+    openNewBranch() {
+      // 带 repeatOpen 的菜单：附带唯一 _rk，新开独立标签回到选分支态
+      this.$openView({ path: this.$route.path }, this.$route);
+    },
+  },
+};
+export default modules;

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

@@ -0,0 +1,225 @@
+<template>
+  <div class="bd-branch-page" :class="{ 'has-branch': !!branchCode }">
+    <!-- 已选分支：内容区顶部工具条，不可改；提供打开新分支 -->
+    <div class="branch-bar" v-if="branchCode && showBar">
+      <span class="branch-locked">
+        <span class="label">{{ $t1("分支") }}:</span>
+        <span class="value">{{ branchLabel || branchCode }}</span>
+      </span>
+      <el-button
+        v-if="showOpenNew"
+        size="mini"
+        type="primary"
+        plain
+        icon="el-icon-plus"
+        @click="$emit('open-new')"
+      >
+        {{ $t1("打开新分支") }}
+      </el-button>
+    </div>
+    <div class="branch-body" ref="branchBody" v-if="branchCode">
+      <slot></slot>
+    </div>
+    <!-- 未选：先选分支再进入具体页面 -->
+    <div class="branch-empty" v-else>
+      <i class="el-icon-office-building"></i>
+      <p class="tip">{{ $t1("请先选择分支") }}</p>
+      <branchSelect
+        :value="branchCode"
+        @input="$emit('update:branchCode', $event)"
+        @change="$emit('branch-change', $event)"
+      ></branchSelect>
+    </div>
+  </div>
+</template>
+
+<script>
+import branchSelect from "./branchSelect.vue";
+
+const BADGE_CLASS = "bd-branch-detail-badge";
+
+export default {
+  name: "bdBranchPageWrap",
+  components: { branchSelect },
+  props: {
+    branchCode: String,
+    branchLabel: String,
+    // 页面自己在查询条件里展示/切换分支时，顶部工具条就是多余的
+    showBar: {
+      type: Boolean,
+      default: true,
+    },
+    showOpenNew: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  watch: {
+    branchCode() {
+      this.scheduleInjectBadge();
+    },
+    branchLabel() {
+      this.scheduleInjectBadge();
+    },
+  },
+  mounted() {
+    this.scheduleInjectBadge();
+  },
+  beforeDestroy() {
+    this.clearInjectTimer();
+    this.clearBodyObserver();
+  },
+  methods: {
+    clearInjectTimer() {
+      if (this._injectTimer) {
+        clearTimeout(this._injectTimer);
+        this._injectTimer = null;
+      }
+    },
+    clearBodyObserver() {
+      if (this._bodyObserver) {
+        this._bodyObserver.disconnect();
+        this._bodyObserver = null;
+      }
+    },
+    scheduleInjectBadge() {
+      this.clearInjectTimer();
+      this._injectTimer = setTimeout(() => {
+        this.ensureBodyObserver();
+        this.injectDetailBadges();
+      }, 50);
+    },
+    ensureBodyObserver() {
+      let body = this.$refs.branchBody;
+      if (!body || this._bodyObserver) {
+        return;
+      }
+      // 详情页通过 x-tabs 异步挂载，监听后补上分支名
+      this._bodyObserver = new MutationObserver(() => {
+        if (this._injecting) {
+          return;
+        }
+        this.scheduleInjectBadge();
+      });
+      this._bodyObserver.observe(body, { childList: true, subtree: true });
+    },
+    injectDetailBadges() {
+      let body = this.$refs.branchBody;
+      if (!body || !this.branchCode || this._injecting) {
+        return;
+      }
+      this._injecting = true;
+      try {
+        let text = this.$t1("分支") + ":" + (this.branchLabel || this.branchCode);
+        let headers = body.querySelectorAll(".detail-wrap .d-header .fl");
+        headers.forEach((el) => {
+          let badge = el.querySelector("." + BADGE_CLASS);
+          if (!badge) {
+            badge = document.createElement("span");
+            badge.className = BADGE_CLASS;
+            badge.textContent = text;
+            el.appendChild(badge);
+            return;
+          }
+          // 相同文案不要再写，否则会反复触发 MutationObserver 卡死页面
+          if (badge.textContent !== text) {
+            badge.textContent = text;
+          }
+        });
+      } finally {
+        this._injecting = false;
+      }
+    },
+  },
+};</script>
+
+<style lang="scss" scoped>
+.bd-branch-page {
+  position: relative;
+  height: 100%;
+
+  &.has-branch {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .branch-bar {
+    flex: none;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin: 0 10px 8px;
+    padding: 8px 12px;
+    background: #fff;
+    border-radius: 2px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
+
+    .branch-locked {
+      display: inline-flex;
+      align-items: center;
+      color: #606266;
+      font-size: 13px;
+
+      .label {
+        margin-right: 6px;
+        color: #909399;
+      }
+
+      .value {
+        max-width: 320px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        font-weight: 500;
+        color: #303133;
+      }
+    }
+  }
+
+  .branch-body {
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  .branch-empty {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: #909399;
+    background-color: #fff;
+    border-radius: 2px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
+    margin: 0 10px;
+
+    i {
+      font-size: 48px;
+      margin-bottom: 12px;
+      color: #c0c4cc;
+    }
+
+    .tip {
+      margin: 0 0 16px;
+      font-size: 14px;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+/* 注入到原详情页标题栏，不能用 scoped */
+.bd-branch-detail-badge {
+  display: inline-block;
+  margin-left: 12px;
+  padding: 2px 8px;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+  color: #ff731c;
+  background: #fff3ea;
+  border-radius: 2px;
+  vertical-align: middle;
+}
+</style>

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

@@ -0,0 +1,44 @@
+import { SCOPE_KEY, setFallbackScope } from "./branchContext";
+import { installBranchHttp } from "./httpBranchPatch";
+
+/**
+ * 壳组件 mixin：在实例上挂分支作用域标记。
+ *
+ * created 早于子组件的 created，保证被复用的原组件发出的第一个请求就带上分支参数；
+ * 请求补丁也在这里安装，无需改动 main.js。
+ *
+ * @param {number} branchFlag 分支标识:0通用工程 1分支工程 99数据表分类
+ */
+export default function branchScope(branchFlag) {
+  return {
+    created() {
+      installBranchHttp();
+      this[SCOPE_KEY] = {
+        branchFlag,
+        branchCode: this.branchCode || null,
+        branchName: this.branchName || null,
+      };
+      setFallbackScope(this[SCOPE_KEY]);
+    },
+    mounted() {
+      setFallbackScope(this[SCOPE_KEY]);
+    },
+    activated() {
+      setFallbackScope(this[SCOPE_KEY]);
+    },
+    deactivated() {
+      setFallbackScope(null);
+    },
+    beforeDestroy() {
+      setFallbackScope(null);
+    },
+    watch: {
+      branchCode(val) {
+        this[SCOPE_KEY].branchCode = val || null;
+      },
+      branchName(val) {
+        this[SCOPE_KEY].branchName = val || null;
+      },
+    },
+  };
+}