yh-pub 1.0.0

package/layout/admin/saTenant/saTenant.vue

@@ -0,0 +1,173 @@
+<template>
+  <div style="padding: 7px; width: 100%; height: 100%">
+    <el-form
+      :model="searchForm"
+      class="ant-advanced-search-form"
+      inline>
+      <el-form-item label="客户端编码">
+        <el-input v-model="searchForm.code" />
+      </el-form-item>
+      <el-form-item label="客户端名称">
+        <el-input v-model="searchForm.name" />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          @click="query()">
+          <i
+            slot="icon"
+            class="iconfont icon-search2"></i>
+        </el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          @click="add()">
+          <i
+            slot="icon"
+            class="iconfont icon-plus"></i>
+          初始化租户
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <vxe-grid v-bind="pageListOptions">
+      <template #action="{ row }">
+        <a-button
+          type="primary"
+          size="small"
+          style="margin-right: 5px"
+          @click="edit(row)"
+          icon="edit"></a-button>
+        <a-button
+          type="primary"
+          size="small"
+          style="margin-right: 5px"
+          @click="authorization(row)">
+          授权
+        </a-button>
+        <a-button
+          type="danger"
+          size="small"
+          style="margin-right: 5px"
+          @click="remove(row)">
+          删除
+        </a-button>
+      </template>
+      <template #pager>
+        <vxe-pager
+          :layouts="['Sizes', 'PrevJump', 'PrevPage', 'Number', 'NextPage', 'NextJump', 'FullJump', 'Total']"
+          :current-page.sync="tablePage.currentPage"
+          :page-size.sync="tablePage.pageSize"
+          :total="tablePage.total"
+          @page-change="handlePageChange"></vxe-pager>
+      </template>
+    </vxe-grid>
+    <saTenantForm
+      :actionData="toFormData"
+      @getinfo="query()"></saTenantForm>
+    <saTenantRoleManage
+      :actionData="toRoleData"
+      @getinfo="query()"></saTenantRoleManage>
+  </div>
+</template>
+
+<script>
+import saTenantForm from "./saTenantForm.vue";
+import saTenantRoleManage from "./saTenantRoleManage.vue";
+import { saTenantDelete, saTenantListPage } from "yh-pub/layout/admin/api/tenantApi";
+
+export default {
+  components: {
+    saTenantForm,
+    saTenantRoleManage,
+  },
+  data() {
+    return {
+      toFormData: {},
+      toRoleData: {},
+      spinShow: false,
+      tablePage: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10,
+      },
+      pageListOptions: {
+        loading: false,
+        border: false,
+        showOverflow: true, // 设置所有内容过长时显示为省略号
+        align: "center",
+        columns: [
+          { field: "adClientId", title: "租户ID", fixed: "left", width: 200 },
+          { field: "code", title: "客户端编码" },
+          { field: "name", title: "客户端名称" },
+          { field: "action", title: "操作", fixed: "right", width: 300, slots: { default: "action" } },
+        ],
+        data: [],
+      },
+      searchForm: {},
+    };
+  },
+  methods: {
+    handlePageChange({ currentPage, pageSize }) {
+      this.tablePage.currentPage = currentPage;
+      this.tablePage.pageSize = pageSize;
+      this.query();
+    },
+    query() {
+      let param = {
+        page: this.tablePage.currentPage,
+        size: this.tablePage.pageSize,
+        name: this.searchForm.name,
+        code: this.searchForm.code,
+      };
+      this.pageListOptions.loading = true;
+      saTenantListPage(param).then((res) => {
+        if (res.data.data.records) {
+          this.pageListOptions.data = res.data.data.records;
+          this.tablePage.total = res.data.data.total;
+          this.tablePage.currentPage = res.data.data.current;
+        }
+        this.pageListOptions.loading = false;
+      });
+    },
+    add() {
+      this.toFormData = { type: "add" };
+    },
+    edit(row) {
+      this.toFormData = { type: "edit", id: row.adClientId };
+    },
+    authorization(row) {
+      this.toRoleData = { id: row.adClientId };
+    },
+    remove(row) {
+      this.$confirm({
+        title: "请确认",
+        content: "这将删除租户以及租户下所有数据！是否删除？",
+        onOk: () => {
+          this.spinShow = true;
+          let param = {
+            adClientId: row.adClientId,
+          };
+          saTenantDelete(param)
+            .then((res) => {
+              this.spinShow = false;
+              if (res.data.result) {
+                this.$message.success(res.data.msg);
+                this.query();
+              } else {
+                this.$message.fail(res.data.msg);
+              }
+            })
+            .catch((e) => {
+              this.spinShow = false;
+            });
+        },
+        onCancel: () => {},
+      });
+    },
+  },
+  mounted: function () {
+    this.query();
+  },
+};
+</script>

package/layout/admin/saTenant/saTenantForm.js

@@ -0,0 +1,80 @@
+import { saTenantInsert, saTenantGetById, saTenantUpdate } from "yh-pub/layout/admin/api/tenantApi";
+
+export default {
+  props: {
+    actionData: {
+      type: Object,
+    },
+  },
+  watch: {
+    actionData: {
+      handler(val) {
+        this.form = {};
+        this.type = val.type;
+        if (val.type === "add") {
+          this.form = {};
+          this.visible = true;
+        } else if (val.type === "edit") {
+          this.getById(val.id);
+          this.visible = true;
+        } else {
+          this.visible = false;
+        }
+      },
+      deep: true,
+    },
+  },
+  data() {
+    return {
+      type: "",
+      visible: false,
+      form: {},
+      ruleValidate: {
+        code: [{ required: true, message: "必须输入该项", trigger: "blur" }],
+        name: [{ required: true, message: "必须输入该项", trigger: "blur" }],
+        orgValue: [{ required: true, message: "必须输入该项", trigger: "blur" }],
+        orgName: [{ required: true, message: "必须输入该项", trigger: "blur" }],
+        userName: [{ required: true, message: "必须输入该项", trigger: "blur" }],
+        userUserName: [{ required: true, message: "必须输入该项", trigger: "blur" }],
+      },
+    };
+  },
+  methods: {
+    getById(id) {
+      let param = {
+        adClientId: id,
+      };
+      saTenantGetById(param).then((res) => {
+        if (res.data.data) {
+          this.form = res.data.data;
+        }
+      });
+    },
+    ok() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          if (this.type === "add") {
+            saTenantInsert(this.form).then((res) => {
+              if (res.data.data) {
+                this.$message.success("保存成功!");
+                this.visible = false;
+                this.$emit("getinfo");
+              }
+            });
+          } else if (this.type === "edit") {
+            saTenantUpdate(this.form).then((res) => {
+              if (res.data.data) {
+                this.$message.success("保存成功!");
+                this.visible = false;
+                this.$emit("getinfo");
+              }
+            });
+          }
+        }
+      });
+    },
+    cancel() {
+      this.visible = false;
+    },
+  },
+};

package/layout/admin/saTenant/saTenantForm.vue

@@ -0,0 +1,61 @@
+<template>
+  <a-modal :visible="visible" width="800px" title="租户信息">
+    <a-form-model ref="form" :rules="ruleValidate" :model="form" layout="inline">
+      <a-row>
+        <a-col span="12" style="display: block;">
+          <a-form-model-item prop="adClientId" label="客户端ID：">
+            <a-input v-model="form.adClientId" :disabled="true" placeholder="自动生成"></a-input>
+          </a-form-model-item>
+        </a-col>
+      </a-row>
+      <a-row>
+        <a-col span="12">
+          <a-form-model-item prop="code" label="客户端编码：">
+            <a-input v-model="form.code"></a-input>
+          </a-form-model-item>
+        </a-col>
+        <a-col span="12">
+          <a-form-model-item prop="name" label="客户端名称：">
+            <a-input v-model="form.name"></a-input>
+          </a-form-model-item>
+        </a-col>
+      </a-row>
+      <a-row>
+        <a-col span="12">
+          <a-form-model-item prop="orgValue" label="组织机构编码：">
+            <a-input v-model="form.orgValue"></a-input>
+          </a-form-model-item>
+        </a-col>
+        <a-col span="12">
+          <a-form-model-item prop="orgName" label="组织机构名称：">
+            <a-input v-model="form.orgName"></a-input>
+          </a-form-model-item>
+        </a-col>
+      </a-row>
+      <a-row>
+        <a-col span="12">
+          <a-form-model-item prop="userName" label="用户名称：">
+            <a-input v-model="form.userName"></a-input>
+          </a-form-model-item>
+        </a-col>
+        <a-col span="12">
+          <a-form-model-item prop="userUserName" label="登录账户名称：">
+            <a-input v-model="form.userUserName" :disabled="type === 'add' ? false : true"></a-input>
+          </a-form-model-item>
+        </a-col>
+      </a-row>
+      <a-row>
+        <a-col span="24">
+          <a-form-model-item label="客户端备注：">
+            <a-input v-model="form.description" type="textarea" :autosize="{minRows: 2,maxRows: 5}"></a-input>
+          </a-form-model-item>
+        </a-col>
+      </a-row>
+    </a-form-model>
+    <div slot="footer">
+      <a-button type="primary" @click="ok()">保存</a-button>
+      <a-button @click="cancel()">取消</a-button>
+    </div>
+  </a-modal>
+</template>
+<script src="./saTenantForm.js"></script>