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

package/src/views/bd/project/branch/bd_branch/edit.vue

@@ -0,0 +1,145 @@
+<template>
+  <div class="detail-wrap">
+    <el-form ref="editForm" :model="bdBranch">
+      <div class="d-header clearfix">
+        <div class="fl">
+          <i class="el-icon-info" />
+          {{ dataId ? $t1("查看分支定义") : $t1("新增分支定义") }}
+        </div>
+        <div class="fr">
+          <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"
+            >{{ $t1("保存") }}
+          </el-button>
+        </div>
+      </div>
+      <div class="d-cont">
+        <div class="d-item">
+          <div class="title first">
+            <b>{{ $t1("基本信息") }}</b>
+          </div>
+          <table class="table-detail">
+            <tbody>
+              <tr>
+                <th>
+                  <em class="f-red">*</em>
+                  {{ $t1("分支编码") }}
+                </th>
+                <td>
+                  <el-form-item prop="branchCode" :rules="branchCodeRules">
+                    <el-input
+                      type="text"
+                      autocomplete="off"
+                      v-model="bdBranch.branchCode"
+                      :disabled="isEdit"
+                      clearable
+                    />
+                  </el-form-item>
+                </td>
+                <th>
+                  <em class="f-red">*</em>
+                  {{ $t1("分支名称") }}
+                </th>
+                <td>
+                  <el-form-item prop="branchName" :rules="branchNameRules">
+                    <el-input
+                      type="text"
+                      autocomplete="off"
+                      v-model="bdBranch.branchName"
+                      clearable
+                    />
+                  </el-form-item>
+                </td>
+                <th>{{ $t1("是否启用") }}</th>
+                <td>
+                  <el-switch v-model="bdBranch.enabled"></el-switch>
+                </td>
+              </tr>
+              <tr>
+                <th>{{ $t1("备注") }}</th>
+                <td colspan="5">
+                  <el-input
+                    type="textarea"
+                    :rows="2"
+                    :placeholder="$t1('请输入内容')"
+                    size="small"
+                    v-model="bdBranch.remark"
+                    clearable
+                  ></el-input>
+                </td>
+              </tr>
+              <tr>
+                <th>{{ $t1("创建人") }}</th>
+                <td>{{ bdBranch.createBy }}</td>
+                <th>{{ $t1("创建时间") }}</th>
+                <td>{{ bdBranch.createDate }}</td>
+                <th>{{ $t1("更新人") }}</th>
+                <td>{{ bdBranch.modifyBy }}</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="d-item">
+          <div class="title">
+            <b>{{ $t1("分支菜单类型") }}</b>
+          </div>
+          <div class="grid-height" style="height: 320px">
+            <vxe-grid
+              ref="table-menuKind"
+              :data="menuKindRows"
+              v-bind="menuKindOption"
+              @resizable-change="$vxeTableUtil.onColumnWitchChange"
+              @custom="$vxeTableUtil.customHandle"
+            >
+              <template #form>
+                <div class="clearfix screen-btns">
+                  <div class="fl">
+                    <vxe-button
+                      status="primary"
+                      class="button-sty"
+                      icon="el-icon-plus"
+                      @click="openMenuKindDialog"
+                    >
+                      {{ $t1("选择分类") }}
+                    </vxe-button>
+                    <span class="tips">{{
+                      $t1("注：只能选择「分类-通用」的一级分类")
+                    }}</span>
+                  </div>
+                </div>
+              </template>
+            </vxe-grid>
+          </div>
+        </div>
+      </div>
+    </el-form>
+    <menuKindDialog
+      v-if="showMenuKindDialog"
+      :visiable.sync="showMenuKindDialog"
+      :rows="checkedMenuKindRows"
+      multi="true"
+      @confirm="confirmMenuKindDialog"
+    ></menuKindDialog>
+  </div>
+</template>
+
+<script>
+import mixin from "./mixins/edit";
+
+export default {
+  name: "bdBranchEdit",
+  mixins: [mixin],
+};
+</script>

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

@@ -0,0 +1,72 @@
+<template>
+  <div id="containt">
+    <el-tabs v-model="activeName" class="tab-box">
+      <el-tab-pane :label="$t1('常规')" name="first">
+        <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="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>
+              </tableForm>
+            </template>
+          </vxe-grid>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import mixin from "./mixins/list";
+
+export default {
+  name: "bd_branch:list",
+  mixins: [mixin],
+};
+</script>

package/src/views/bd/project/branch/bd_branch/menuKindDialog.vue

@@ -0,0 +1,106 @@
+<template>
+  <el-dialog
+    :title="$t1('分类-通用一级分类')"
+    :append-to-body="true"
+    :modal-append-to-body="true"
+    :close-on-click-modal="falseValue"
+    :visible.sync="showDialog"
+    :modal="falseValue"
+    custom-class="dialog-style list-dialog dialog-checkbox pd_0"
+    width="1000px"
+    @close="dialogClose"
+    v-el-drag-dialog
+    v-el-dialog-center
+  >
+    <div class="cont" style="height: 450px">
+      <vxe-grid
+        class="is-pointer"
+        ref="table-m1"
+        v-bind="vxeOption"
+        @resizable-change="$vxeTableUtil.onColumnWitchChange"
+        @custom="$vxeTableUtil.customHandle"
+        @checkbox-change="addDataTable"
+        @checkbox-all="checkAll"
+        @cell-dblclick="checkWithSubmit"
+      >
+        <template #form>
+          <div class="clearfix screen-btns">
+            <div class="fr">
+              <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>
+            </div>
+          </div>
+          <vxe-form
+            class="screen-box"
+            title-width="92px"
+            title-align="right"
+            :data="formData"
+            @submit="searchEvent"
+            @reset="resetEvent"
+          >
+            <vxe-form-item :title="$t1('表单分类名称') + ':'" field="name">
+              <template v-slot>
+                <el-input v-model="formData.name" size="small" clearable />
+              </template>
+            </vxe-form-item>
+            <vxe-button type="submit" @click="searchEvent" v-show="false"></vxe-button>
+          </vxe-form>
+        </template>
+      </vxe-grid>
+    </div>
+    <label id="labBtn" class="transverse">
+      <div class="icon">
+        <i class="el-icon-more"></i>
+        <i class="el-icon-more"></i>
+      </div>
+    </label>
+    <div class="multipleChoice">
+      <el-tooltip
+        :enterable="false"
+        effect="dark"
+        :content="$t1('全部删除')"
+        placement="top"
+        ><a class="allDel icon-quanbushanchu" @click="clearChecked()"></a
+      ></el-tooltip>
+      <div class="list">
+        <div class="item" v-for="(checkRow, index) in checkRows" :key="index">
+          <p>{{ checkRow.name }}</p>
+          <a class="el-icon-close" @click="clearTable1Select(index)"></a>
+        </div>
+      </div>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary" plain class="button-sty" @click="dialogClose">
+        <i class="el-icon-close el-icon"></i>
+        {{ $t1("取 消") }}
+      </el-button>
+      <el-button type="primary" @click="dialogPrimary" class="button-sty">
+        <i class="el-icon-check el-icon"></i>
+        {{ $t1("确 定") }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import mixin from "./mixins/menuKindDialog";
+
+export default {
+  mixins: [mixin],
+};
+</script>

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;