cloud-web-corejs 1.0.280 → 1.1.0-dev.4

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

@@ -0,0 +1,189 @@
+import menuKindDialog from "../menuKindDialog.vue";
+import { getJsxBtn } from "@base/views/bd/setting/utils/index";
+
+const BRANCH_CODE_REG = /^[0-9a-zA-Z_.-]{1,80}$/;
+
+let modules = {};
+modules = {
+  name: "bdBranchEdit",
+  components: { menuKindDialog },
+  props: {
+    _dataId: [String, Number],
+  },
+  created() {
+    if (this._dataId && !isNaN(this._dataId)) {
+      this.dataId = this._dataId;
+    }
+  },
+  mounted() {
+    this.initTableMenuKind();
+    this.getData();
+  },
+  data() {
+    return {
+      isEdit: false,
+      dataId: "",
+      bdBranch: {
+        enabled: true,
+      },
+      menuKindRows: [],
+      menuKindOption: {},
+      showMenuKindDialog: false,
+      branchCodeRules: [
+        { required: true, message: this.$t1("分支编码不能为空"), trigger: "blur" },
+        {
+          pattern: BRANCH_CODE_REG,
+          message: this.$t1("分支编码只允许是字母或数字或'_.-'，长度80位以内"),
+          trigger: "blur",
+        },
+      ],
+      branchNameRules: [
+        { required: true, message: this.$t1("分支名称不能为空"), trigger: "blur" },
+      ],
+    };
+  },
+  computed: {
+    checkedMenuKindRows() {
+      return this.menuKindRows.map((item) => {
+        return { id: item.menuKindId, name: item.menuKindName };
+      });
+    },
+  },
+  methods: {
+    getData() {
+      if (!this.dataId || isNaN(this.dataId)) {
+        return;
+      }
+      this.isEdit = true;
+      this.$commonHttp({
+        url: USER_PREFIX + `/bd_branch/get`,
+        method: `post`,
+        data: {
+          id: this.dataId,
+        },
+        isLoading: true,
+        modalStrictly: true,
+        success: (res) => {
+          this.bdBranch = res.objx || {};
+          this.getMenuKinds();
+        },
+      });
+    },
+    getMenuKinds() {
+      this.$http({
+        url: USER_PREFIX + `/bd_branch/getBdBranchMenuKinds`,
+        method: `post`,
+        data: {
+          id: this.dataId,
+        },
+        success: (res) => {
+          this.menuKindRows = res.objx || [];
+        },
+      });
+    },
+    initTableMenuKind() {
+      let tableOption = {
+        vue: this,
+        tableRef: "table-menuKind",
+        tableName: "bd_branch_edit-menuKind",
+        config: {
+          height: "auto",
+        },
+        columns: [
+          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
+          {
+            title: this.$t1("表单分类名称"),
+            field: "menuKindName",
+            minWidth: 250,
+          },
+          {
+            width: 47,
+            fixed: "right",
+            title: "",
+            sortable: false,
+            slots: {
+              default: ({ rowIndex }) => {
+                return getJsxBtn({
+                  iconName: "el-icon-delete",
+                  content: this.$t1("删除"),
+                  onclick: () => {
+                    this.menuKindRows.splice(rowIndex, 1);
+                  },
+                });
+              },
+            },
+          },
+        ],
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        this.menuKindOption = opts;
+      });
+    },
+    openMenuKindDialog() {
+      this.showMenuKindDialog = true;
+    },
+    confirmMenuKindDialog(rows) {
+      let oldMap = {};
+      this.menuKindRows.forEach((item) => {
+        oldMap[item.menuKindId] = item;
+      });
+      this.menuKindRows = (rows || []).map((row) => {
+        // 保留已有明细的 id/branchId，避免更新时被当成新增
+        let old = oldMap[row.id];
+        if (old) {
+          return old;
+        }
+        return {
+          menuKindId: row.id,
+          menuKindName: row.name,
+        };
+      });
+    },
+    saveData() {
+      this.$refs.editForm.$baseValidate((valid) => {
+        if (!valid) {
+          return;
+        }
+        if (!this.menuKindRows.length) {
+          this.$message({
+            type: "error",
+            message: this.$t1("分支菜单类型不能为空"),
+          });
+          return;
+        }
+        this.$baseConfirm(this.$t1("您确定要保存吗？")).then(() => {
+          let url =
+            USER_PREFIX + (this.isEdit ? `/bd_branch/update` : `/bd_branch/save`);
+          this.$http({
+            url: url,
+            method: `post`,
+            data: {
+              ...this.bdBranch,
+              bdBranchMenuKindDTOs: this.menuKindRows,
+            },
+            isLoading: true,
+            success: (res) => {
+              this.$message({
+                message: res.content,
+                type: "success",
+                duration: 500,
+                onClose: () => {
+                  if (this.isEdit) {
+                    this.$baseReload();
+                  } else {
+                    this.$baseReload({
+                      updateParam: {
+                        _dataId: res.objx,
+                      },
+                    });
+                  }
+                },
+              });
+            },
+          });
+        });
+      });
+    },
+  },
+};
+export default modules;

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

@@ -0,0 +1,124 @@
+import tableForm from "@base/components/table/tableForm.vue";
+import editView from "../edit.vue";
+import { getJsxBtn, getJsxStatus } from "@base/views/bd/setting/utils/index";
+
+let modules = {};
+modules = {
+  name: "bd_branch:list",
+  components: { tableForm, editView },
+  mounted() {
+    this.initTableList();
+  },
+  data() {
+    return {
+      activeName: "second",
+      dataId: 0,
+      showEdit: false,
+      vxeOption: {},
+      formData: {},
+    };
+  },
+  methods: {
+    searchEvent() {
+      this.$refs["table-m1"].commitProxy("reload");
+    },
+    resetEvent() {
+      this.formData = {};
+      this.$refs["table-m1"].commitProxy("reload");
+    },
+    openEditDialog(id) {
+      this.dataId = !id || typeof id == "object" ? 0 : id;
+      this.activeName = "first";
+      this.$openEditView("showEdit");
+    },
+    getSearchParam() {
+      return {
+        ...this.formData,
+      };
+    },
+    initTableList() {
+      let tableOption = {
+        vue: this,
+        tableRef: "table-m1",
+        tableName: "bd_branch_list-m1",
+        path: USER_PREFIX + "/bd_branch/listPage",
+        param: () => {
+          return this.getSearchParam();
+        },
+        columns: [
+          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
+          {
+            title: this.$t1("分支编码"),
+            field: "branchCode",
+            width: 200,
+            fixed: "left",
+          },
+          { title: this.$t1("分支名称"), field: "branchName", width: 200 },
+          {
+            title: this.$t1("是否启用"),
+            field: "enabled",
+            width: 120,
+            slots: {
+              default: ({ row }) => {
+                if (row.enabled) {
+                  return getJsxStatus(null, this.$t1("启用"));
+                }
+                return getJsxStatus("s-3", this.$t1("禁用"));
+              },
+            },
+          },
+          { title: this.$t1("备注"), field: "remark", width: 250 },
+          { field: "createBy", title: this.$t1("创建人"), width: 120 },
+          { field: "createDate", title: this.$t1("创建时间"), width: 150 },
+          { field: "modifyBy", title: this.$t1("更新人"), width: 120 },
+          { field: "modifyDate", title: this.$t1("更新时间"), width: 150 },
+          {
+            width: 47,
+            fixed: "right",
+            title: "",
+            sortable: false,
+            slots: {
+              default: ({ row }) => {
+                return getJsxBtn({
+                  iconName: "el-icon-edit",
+                  content: this.$t1("查看"),
+                  onclick: () => {
+                    this.openEditDialog(row.id);
+                  },
+                });
+              },
+            },
+          },
+        ],
+        searchColumns: [
+          {
+            title: this.$t1("分支编码"),
+            field: "branchCode",
+            type: "input",
+            common: true,
+          },
+          {
+            title: this.$t1("分支名称"),
+            field: "branchName",
+            type: "input",
+            common: true,
+          },
+          {
+            title: this.$t1("是否启用"),
+            field: "enabled",
+            type: "select",
+            common: true,
+            itemOption: [
+              { label: this.$t1("启用"), value: true },
+              { label: this.$t1("禁用"), value: false },
+            ],
+          },
+        ],
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        this.vxeOption = opts;
+      });
+    },
+  },
+};
+export default modules;

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;
+}