cloud-web-corejs 1.0.54-dev.79 → 1.0.54-dev.790

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

@@ -0,0 +1,216 @@
+<template>
+  <div class="bd-branch-page" :class="{ 'has-branch': !!branchCode }">
+    <!-- 已选分支：内容区顶部工具条，不可改；提供打开新分支 -->
+    <div class="branch-bar" v-if="branchCode">
+      <span class="branch-locked">
+        <span class="label">{{ $t1("分支") }}:</span>
+        <span class="value">{{ branchLabel || branchCode }}</span>
+      </span>
+      <el-button
+        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"
+        :auto-restore="false"
+        @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,
+  },
+  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: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  color: #6386fa;
+  background: #f0f3ff;
+  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;
+      },
+    },
+  };
+}

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

@@ -0,0 +1,106 @@
+<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>
+const STORAGE_KEY = "bdProjectBranchCode";
+
+export default {
+  name: "bdBranchSelect",
+  props: {
+    value: String,
+    // 首次进入时是否自动回填上次选择的分支
+    autoRestore: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  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 || [];
+          this.restore();
+        },
+      });
+    },
+    restore() {
+      if (!this.autoRestore || this.value) {
+        return;
+      }
+      let last = localStorage.getItem(STORAGE_KEY);
+      if (last && this.branches.some((item) => item.branchCode === last)) {
+        this.handleChange(last);
+      }
+    },
+    handleChange(val) {
+      let branchCode = val || "";
+      if (branchCode) {
+        localStorage.setItem(STORAGE_KEY, branchCode);
+      } else {
+        localStorage.removeItem(STORAGE_KEY);
+      }
+      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/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>

package/src/views/bd/setting/bd_attach_setting/dialog.vue

@@ -29,7 +29,7 @@
             </template>
             <template #buttonRight>
               <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
-                          plain>{{ $t1('重置') }}
+                          plain>{{ $t1('刷新') }}
               </vxe-button>
               <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">{{
                   $t1('搜索')

package/src/views/bd/setting/bd_attach_setting/edit.vue

@@ -11,7 +11,7 @@
             <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">
               {{ $t1('重置') }}
             </el-button>
-            <el-button type="primary" class="button-sty" icon="el-icon-check" @click="saveData" v-if="menuKindAuth.editAuth===1">{{ $t1('保存') }}
+            <el-button type="primary" class="button-sty" icon="el-icon-check" @click="saveData">{{ $t1('保存') }}
             </el-button>
           </el-form>
         </div>
@@ -43,7 +43,7 @@
                 </el-form-item>
               </td>
             </tr>
-            <tr>
+<!--            <tr>
               <th>
                 <em class="f-red">*</em>
                 {{ $t1('表单分类') }}
@@ -69,7 +69,7 @@
                   </el-input>
                 </el-form-item>
               </td>
-            </tr>
+            </tr>-->
             <tr>
               <th>{{ $t1('备注') }}</th>
               <td colspan="5">
@@ -105,11 +105,11 @@
         </div>
       </div>
     </el-form>
-    <MenuKindDialog v-if="showMenuKindDialog"
+<!--    <MenuKindDialog v-if="showMenuKindDialog"
                     :visiable.sync="showMenuKindDialog"
                     @confirm="confirmInsertMenuKind"
                     :multi="false"
-    />
+    />-->
   </div>
 </template>
 

package/src/views/bd/setting/bd_attach_setting/list.vue

@@ -2,69 +2,42 @@
   <div id="containt">
     <x-tabs ref="xTabs" v-model="activeName" class="tab-box">
       <el-tab-pane :label="$t1('常规')" name="first">
-        <editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId" :currentFormType="currentFormType"
+        <editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId"
                   :parent-target="_self" @reload="$reloadHandle"></editView>
       </el-tab-pane>
       <el-tab-pane :label="$t1('列表')" name="second">
-        <div class="tree-box fl">
-          <div class="tit"><b>{{ $t1('表单分类') }}</b></div>
-          <div class="tree-btns" style="margin-top: 10px;">
-          </div>
-          <el-tree
-            v-if="showTree"
-            :props="defaultProps"
-            :load="loadNode"
-            node-key="id"
-            ref="tree"
-            highlight-current
-            lazy
-            :expand-on-click-node="false"
-            @node-click="handleNodeClick"
-            class="tree-list"
-            icon-class="el-icon-arrow-down"
-          ></el-tree>
-        </div>
-        <label id="labBtn">
-          <div class="icon">
-            <i class="el-icon-more"></i>
-            <i class="el-icon-more"></i>
-          </div>
-        </label>
-        <div class="main-right fr" style="padding-left:6px;">
-          <div class="grid-height">
-            <vxe-grid ref="table-m1" v-bind="vxeOption" @resizable-change="$vxeTableUtil.onColumnWitchChange"
-                      @custom="$vxeTableUtil.customHandle">
-              <template #form>
-                <tableForm :formData.sync="formData" @searchEvent="searchEvent" @resetEvent="resetEvent">
-                  <template #buttonLeft>
-                    <vxe-button status="primary" class="button-sty" icon="el-icon-plus" @click="openEditDialog"
-                                v-if="currentFormType.editAuth===1">{{ $t1('新增') }}
-                    </vxe-button>
-                  </template>
-                  <template #buttonRight>
-                    <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
-                                plain>{{ $t1('重置') }}
-                    </vxe-button>
-                    <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">{{ $t1('搜索') }}
-                    </vxe-button>
-                  </template>
-                  <template #menuKindName>
-                    <vxe-form-item :title="$t1('表单分类') + ':'" field="tag">
-                      <template v-slot>
-                        <el-input v-model="currentMenuKindName" disabled></el-input>
-                      </template>
-                    </vxe-form-item>
-                  </template>
-                </tableForm>
-              </template>
-            </vxe-grid>
-          </div>
+        <div class="grid-height">
+          <vxe-grid ref="table-m1" v-bind="vxeOption" @resizable-change="$vxeTableUtil.onColumnWitchChange"
+                    @custom="$vxeTableUtil.customHandle">
+            <template #form>
+              <tableForm :formData.sync="formData" @searchEvent="searchEvent" @resetEvent="resetEvent">
+                <template #buttonLeft>
+                  <vxe-button status="primary" class="button-sty" icon="el-icon-plus" @click="openEditDialog">{{ $t1('新增') }}
+                  </vxe-button>
+                </template>
+                <template #buttonRight>
+                  <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
+                              plain>{{ $t1('刷新') }}
+                  </vxe-button>
+                  <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">{{ $t1('搜索') }}
+                  </vxe-button>
+                </template>
+                <template #menuKindName>
+                  <vxe-form-item :title="$t1('表单分类') + ':'" field="tag">
+                    <template v-slot>
+                      <el-input v-model="currentMenuKindName" disabled></el-input>
+                    </template>
+                  </vxe-form-item>
+                </template>
+              </tableForm>
+            </template>
+          </vxe-grid>
         </div>
       </el-tab-pane>
       <template #editTab="{tab,index,reloadTabContent}">
         <el-tab-pane :key="tab.data.id" :label="tab.data.name" :name="tab.data.id+''"
                      :closable="true">
-          <editView v-if="tab.showContent" :_dataId="tab.dataId" :currentFormType="currentFormType"
+          <editView v-if="tab.showContent" :_dataId="tab.dataId"
                     :parent-target="_self"
                     @reload="reloadTabContent"></editView>
         </el-tab-pane>