|
@@ -8,20 +8,25 @@
|
|
|
label-width="80px"
|
|
|
>
|
|
|
<el-form-item label="租户信息" prop="tenantCode">
|
|
|
- <el-select
|
|
|
- v-model="activationCode.tenantCode"
|
|
|
- placeholder="请选择"
|
|
|
- filterable
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in tenantList"
|
|
|
- :key="item.tenantId"
|
|
|
- :label="item.tenantName"
|
|
|
- :value="item.tenantId"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
+ <treeselect v-model="activationCode.tenantCode" :options="tenantRows" :multiple="false" :disable-branch-nodes="false"
|
|
|
+ :clear-on-select="true" :flat="true" :show-count="true" placeholder="请选择租户" style="width: 217px" />
|
|
|
</el-form-item>
|
|
|
+
|
|
|
+<!-- <el-form-item label="租户信息" prop="tenantCode">-->
|
|
|
+<!-- <el-select-->
|
|
|
+<!-- v-model="activationCode.tenantCode"-->
|
|
|
+<!-- placeholder="请选择"-->
|
|
|
+<!-- filterable-->
|
|
|
+<!-- >-->
|
|
|
+<!-- <el-option-->
|
|
|
+<!-- v-for="item in tenantList"-->
|
|
|
+<!-- :key="item.tenantId"-->
|
|
|
+<!-- :label="item.tenantName"-->
|
|
|
+<!-- :value="item.tenantId"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- </el-option>-->
|
|
|
+<!-- </el-select>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
<el-form-item
|
|
|
label="充值时间"
|
|
|
prop="tenantExpirationDate"
|
|
@@ -154,7 +159,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { listTenant, createTenantCode } from "@/api/system/tenant";
|
|
|
+import { listTenant,getCodeTenantAllList, createTenantCode } from "@/api/system/tenant";
|
|
|
import {
|
|
|
list,
|
|
|
delActivationLog,
|
|
@@ -163,11 +168,16 @@ import {
|
|
|
|
|
|
import Clipboard from "clipboard";
|
|
|
|
|
|
+import Treeselect from '@riophae/vue-treeselect'
|
|
|
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
|
|
+
|
|
|
export default {
|
|
|
name: "TenantCode",
|
|
|
+ components: { Treeselect },
|
|
|
data() {
|
|
|
return {
|
|
|
options: [],
|
|
|
+ tenantRows: [],
|
|
|
//表单校验
|
|
|
rulesActivationCode: {
|
|
|
tenantCode: [
|
|
@@ -217,8 +227,16 @@ export default {
|
|
|
created() {
|
|
|
this.getList();
|
|
|
this.getCodeLogList();
|
|
|
+ this.getCodeTenantAllList();
|
|
|
},
|
|
|
methods: {
|
|
|
+ //查询租户信息列表
|
|
|
+ getCodeTenantAllList(){
|
|
|
+ getCodeTenantAllList().then((response) => {
|
|
|
+ // console.log(response)
|
|
|
+ this.tenantRows = response.rows;
|
|
|
+ });
|
|
|
+ },
|
|
|
//查询租户信息列表
|
|
|
getList() {
|
|
|
listTenant({ isEnablePaging: false }).then((response) => {
|