创建租户，自动生成数据库

src/views/saas/tenant/index.vue

@@ -88,7 +88,7 @@
       <el-table-column label="租户唯一ID" align="center" prop="id" />
       <el-table-column label="租户编码" align="center" prop="tenantCode" />
       <el-table-column label="租户名称" align="center" prop="tenantName" />
-      <el-table-column label="状态：" align="center" prop="status">
+      <el-table-column label="状态" align="center" prop="status">
         <template slot-scope="scope">
           <dict-tag :options="statusOptions" :value="scope.row.status"/>
         </template>
@@ -132,7 +132,7 @@
     />
 
     <!-- 添加或修改租户基础信息对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="650px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="租户编码" prop="tenantCode">
           <el-input v-model="form.tenantCode" placeholder="请输入租户编码" />
@@ -149,7 +149,7 @@
             >{{dict.dictLabel}}</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="租户有效期" prop="expireTime">
+        <el-form-item label="租户有效期" prop="expireTime" label-width="100px">
           <el-date-picker clearable size="small"
                           v-model="form.expireTime"
                           type="date"
@@ -157,13 +157,22 @@
                           placeholder="选择租户有效期">
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="数据库连接地址" prop="dbUrl">
-          <el-input v-model="form.dbUrl" placeholder="请输入数据库连接地址" />
+<!--        <el-form-item label="数据库连接地址" prop="dbUrl">-->
+<!--          <el-input v-model="form.dbUrl" placeholder="请输入数据库连接地址" />-->
+<!--        </el-form-item>-->
+        <el-form-item label="数据库ip地址" prop="dbIp" label-width="100px">
+          <el-input v-model="form.dbIp" placeholder="请输入数据库ip地址" />
         </el-form-item>
-        <el-form-item label="数据库帐号" prop="dbAccount">
+        <el-form-item label="数据库端口" prop="dbPort" label-width="100px">
+          <el-input v-model="form.dbPort" placeholder="请输入数据库端口" />
+        </el-form-item>
+        <el-form-item label="数据库名称" prop="dbName" label-width="100px">
+          <el-input v-model="form.dbName" placeholder="请输入数据库名称" />
+        </el-form-item>
+        <el-form-item label="数据库帐号" prop="dbAccount" label-width="100px">
           <el-input v-model="form.dbAccount" placeholder="请输入数据库帐号" />
         </el-form-item>
-        <el-form-item label="数据库密码" prop="dbPwd">
+        <el-form-item label="数据库密码" prop="dbPwd" label-width="100px">
           <el-input v-model="form.dbPwd" placeholder="请输入数据库密码" />
         </el-form-item>
         <el-form-item label="联系电话" prop="contactPhone">
@@ -183,6 +192,7 @@
 
 <script>
 import { listTenant, getTenant, delTenant, addTenant, updateTenant, exportTenant } from "@/api/tenant/tenant";
+import {code} from "quill/ui/icons";
 
 export default {
   name: "Tenant",
@@ -326,8 +336,15 @@ export default {
             });
           } else {
             addTenant(this.form).then(response => {
-              this.msgSuccess("新增成功");
-              this.open = false;
+              this.$message({
+                message: response.msg,
+                type: response.code === 200 ? "success" : 'error',
+                duration: 5000
+              });
+
+              if (response.code === 200){
+                this.open = false;
+              }
               this.getList();
             });
           }