From e801f51723c9f262a2e690e20ace30bbc16a8589 Mon Sep 17 00:00:00 2001
From: ailanyin <ailanyin4j@163.com>
Date: Tue, 30 May 2023 17:37:27 +0800
Subject: [PATCH] 1

---
 src/api/tenant/tenant.js   |  44 ++++++
 src/views/tenant/index.vue | 302 +++++++++++++++++++++++++++++++++++++
 vite.config.js             |   2 +-
 3 files changed, 347 insertions(+), 1 deletion(-)
 create mode 100644 src/api/tenant/tenant.js
 create mode 100644 src/views/tenant/index.vue

diff --git a/src/api/tenant/tenant.js b/src/api/tenant/tenant.js
new file mode 100644
index 0000000..6efbd09
--- /dev/null
+++ b/src/api/tenant/tenant.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询租户列表
+export function listTenant(query) {
+    return request({
+        url: '/tenant/list',
+        method: 'get',
+        params: query
+    })
+}
+
+// 查询租户详细
+export function getTenant(tenantId) {
+    return request({
+        url: '/tenant/' + tenantId,
+        method: 'get'
+    })
+}
+
+// 新增租户
+export function addTenant(data) {
+    return request({
+        url: '/tenant',
+        method: 'post',
+        data: data
+    })
+}
+
+// 修改租户
+export function updateTenant(data) {
+    return request({
+        url: '/tenant',
+        method: 'put',
+        data: data
+    })
+}
+
+// 删除租户
+export function delTenant(tenantId) {
+    return request({
+        url: '/tenant/' + tenantId,
+        method: 'delete'
+    })
+}
\ No newline at end of file
diff --git a/src/views/tenant/index.vue b/src/views/tenant/index.vue
new file mode 100644
index 0000000..6f0ed61
--- /dev/null
+++ b/src/views/tenant/index.vue
@@ -0,0 +1,302 @@
+<template>
+    <div class="app-container">
+        <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+                        <el-form-item label="公司名称" prop="companyName">
+                            <el-input
+                                    v-model="queryParams.companyName"
+                                    placeholder="请输入公司名称"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+                        <el-form-item label="联系人" prop="contactName">
+                            <el-input
+                                    v-model="queryParams.contactName"
+                                    placeholder="请输入联系人名称"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+            <el-form-item>
+                <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+        </el-form>
+
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button
+                        type="primary"
+                        plain
+                        icon="Plus"
+                        @click="handleAdd"
+                        v-hasPermi="['tenant:add']"
+                >新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button
+                        type="success"
+                        plain
+                        icon="Edit"
+                        :disabled="single"
+                        @click="handleUpdate"
+                        v-hasPermi="['tenant:edit']"
+                >修改</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button
+                        type="danger"
+                        plain
+                        icon="Delete"
+                        :disabled="multiple"
+                        @click="handleDelete"
+                        v-hasPermi="['tenant:remove']"
+                >删除</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button
+                        type="warning"
+                        plain
+                        icon="Download"
+                        @click="handleExport"
+                        v-hasPermi="['tenant:export']"
+                >导出</el-button>
+            </el-col>
+            <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+
+        <el-table v-loading="loading" :data="tenantList" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" width="55" align="center" />
+                    <el-table-column label="编码" align="center" prop="tenantId" />
+                    <el-table-column label="公司名称" align="center" prop="companyName" />
+                    <el-table-column label="联系人名称" align="center" prop="contactName" />
+                    <el-table-column label="联系人电话" align="center" prop="contactPhone" />
+                    <el-table-column label="公司地址" align="center" prop="address" />
+                    <el-table-column label="过期时间" align="center" prop="expireTime" width="180">
+                        <template #default="scope">
+                            <span>{{ parseTime(scope.row.expireTime, '{y}-{m}-{d}') }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="用户数量" align="center" prop="accountCount" />
+                    <el-table-column label="状态" align="center" prop="status" />
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                <template #default="scope">
+                    <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['tenant:edit']">修改</el-button>
+                    <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['tenant:remove']">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <pagination
+                v-show="total>0"
+                :total="total"
+                v-model:page="queryParams.pageNum"
+                v-model:limit="queryParams.pageSize"
+                @pagination="getList"
+        />
+
+        <!-- 添加或修改租户对话框 -->
+        <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+            <el-form ref="tenantRef" :model="form" :rules="rules" label-width="130px">
+                                <el-form-item label="公司名称" prop="companyName">
+                                    <el-input v-model="form.companyName" placeholder="请输入公司名称" />
+                                </el-form-item>
+                                <el-form-item label="联系人名称" prop="contactName">
+                                    <el-input v-model="form.contactName" placeholder="请输入联系人名称" />
+                                </el-form-item>
+                                <el-form-item label="联系人电话" prop="contactPhone">
+                                    <el-input v-model="form.contactPhone" placeholder="请输入联系人电话" />
+                                </el-form-item>
+                                <el-form-item label="公司地址" prop="address">
+                                    <el-input v-model="form.address" placeholder="请输入公司地址" />
+                                </el-form-item>
+                                <el-form-item label="公司简介" prop="profile">
+                                    <el-input v-model="form.profile" type="textarea" placeholder="请输入内容" />
+                                </el-form-item>
+                                <el-form-item label="统一社会信用代码" prop="licenseNumber">
+                                    <el-input v-model="form.licenseNumber" placeholder="请输入统一社会信用代码" />
+                                </el-form-item>
+                                <el-form-item label="过期时间" prop="expireTime">
+                                    <el-date-picker clearable
+                                                    v-model="form.expireTime"
+                                                    type="datetime"
+                                                    value-format="YYYY-MM-DD HH:mm:ss"
+                                                    placeholder="请选择过期时间">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="用户数量" prop="accountCount">
+                                    <el-input v-model="form.accountCount" placeholder="请输入用户数量" />
+                                </el-form-item>
+                                <el-form-item label="备注" prop="remark">
+                                    <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+                                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button type="primary" @click="submitForm">确 定</el-button>
+                    <el-button @click="cancel">取 消</el-button>
+                </div>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup name="Tenant">
+    import { listTenant, getTenant, delTenant, addTenant, updateTenant } from "@/api/tenant/tenant";
+
+    const { proxy } = getCurrentInstance();
+
+    const tenantList = ref([]);
+    const open = ref(false);
+    const loading = ref(true);
+    const showSearch = ref(true);
+    const ids = ref([]);
+    const single = ref(true);
+    const multiple = ref(true);
+    const total = ref(0);
+    const title = ref("");
+
+    const data = reactive({
+        form: {},
+        queryParams: {
+            pageNum: 1,
+            pageSize: 10,
+                companyName: null,
+                contactName: null,
+                contactPhone: null,
+                address: null,
+                profile: null,
+                licenseNumber: null,
+                domain: null,
+                expireTime: null,
+                accountCount: null,
+                status: null,
+                createUser: null,
+                updateUser: null,
+    },
+    rules: {
+                companyName: [
+                { required: true, message: "公司名称不能为空", trigger: "blur" }
+            ],
+    }
+    });
+
+    const { queryParams, form, rules } = toRefs(data);
+
+    /** 查询租户列表 */
+    function getList() {
+        loading.value = true;
+        listTenant(queryParams.value).then(response => {
+                tenantList.value = response.rows;
+        total.value = response.total;
+        loading.value = false;
+    });
+    }
+
+    // 取消按钮
+    function cancel() {
+        open.value = false;
+        reset();
+    }
+
+    // 表单重置
+    function reset() {
+        form.value = {
+                tenantId: null,
+                companyName: null,
+                contactName: null,
+                contactPhone: null,
+                address: null,
+                profile: null,
+                licenseNumber: null,
+                domain: null,
+                expireTime: null,
+                accountCount: null,
+                status: null,
+                createUser: null,
+                createTime: null,
+                updateUser: null,
+                updateTime: null,
+                remark: null
+    };
+        proxy.resetForm("tenantRef");
+    }
+
+    /** 搜索按钮操作 */
+    function handleQuery() {
+        queryParams.value.pageNum = 1;
+        getList();
+    }
+
+    /** 重置按钮操作 */
+    function resetQuery() {
+        proxy.resetForm("queryRef");
+        handleQuery();
+    }
+
+    // 多选框选中数据
+    function handleSelectionChange(selection) {
+        ids.value = selection.map(item => item.tenantId);
+        single.value = selection.length != 1;
+        multiple.value = !selection.length;
+    }
+
+    /** 新增按钮操作 */
+    function handleAdd() {
+        reset();
+        open.value = true;
+        title.value = "添加租户";
+    }
+
+    /** 修改按钮操作 */
+    function handleUpdate(row) {
+        reset();
+        const _tenantId = row.tenantId || ids.value
+        getTenant(_tenantId).then(response => {
+            form.value = response.data;
+        open.value = true;
+        title.value = "修改租户";
+    });
+    }
+
+    /** 提交按钮 */
+    function submitForm() {
+        proxy.$refs["tenantRef"].validate(valid => {
+            if (valid) {
+                if (form.value.tenantId != null) {
+                    updateTenant(form.value).then(response => {
+                        proxy.$modal.msgSuccess("修改成功");
+                    open.value = false;
+                    getList();
+                });
+                } else {
+                    addTenant(form.value).then(response => {
+                        proxy.$modal.msgSuccess("新增成功");
+                    open.value = false;
+                    getList();
+                });
+                }
+            }
+        });
+    }
+
+    /** 删除按钮操作 */
+    function handleDelete(row) {
+        const _tenantIds = row.tenantId || ids.value;
+        proxy.$modal.confirm('是否确认删除租户编号为"' + _tenantIds + '"的数据项？').then(function() {
+            return delTenant(_tenantIds);
+        }).then(() => {
+            getList();
+        proxy.$modal.msgSuccess("删除成功");
+    }).catch(() => {});
+    }
+
+    /** 导出按钮操作 */
+    function handleExport() {
+        proxy.download('tenant/tenant/export', {
+            ...queryParams.value
+        }, `tenant_${new Date().getTime()}.xlsx`)
+    }
+
+    getList();
+</script>
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index a7db419..5e2e6f2 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -31,7 +31,7 @@ export default defineConfig(({ mode, command }) => {
       proxy: {
         // https://cn.vitejs.dev/config/#server-proxy
         "/dev-api": {
-          target: "http://192.168.1.201:8080",
+          target: "http://192.168.0.201:8080",
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api/, ""),
         },