|
@@ -1,38 +1,34 @@
|
|
|
<template>
|
|
|
<v-card class="card-box d-flex pa-3">
|
|
|
- <v-row no-gutters justify="space-between">
|
|
|
- <v-col cols="2">
|
|
|
- <div class="d-flex justify-start pr-3">
|
|
|
- <v-btn prepend-icon="mdi-plus" variant="text" density="compact" color="primary" @click="handleAdd(1)">{{ $t('enterprise.userManagement.addBranchOffice') }}</v-btn>
|
|
|
- </div>
|
|
|
- <v-treeview
|
|
|
- :items="treeData"
|
|
|
- activatable
|
|
|
- color="primary"
|
|
|
- item-value="id"
|
|
|
- open-all
|
|
|
- open-strategy="single"
|
|
|
- density="compact"
|
|
|
- @update:activated="handleClick"
|
|
|
- @update:opened="handleClick"
|
|
|
- >
|
|
|
- <template v-slot:title="{ item }">
|
|
|
- <div class="treeTitle font-size-15">
|
|
|
- {{ formatName(item.anotherName || item.name) }}
|
|
|
- <v-tooltip activator="parent" location="end">{{ formatName(item.anotherName || item.name) }}</v-tooltip>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </v-treeview>
|
|
|
- </v-col>
|
|
|
-
|
|
|
- <v-divider vertical></v-divider>
|
|
|
-
|
|
|
- <v-col class="pl-3" cols="10">
|
|
|
- <div class="d-flex justify-space-between px-3">
|
|
|
- <TextInput v-model="query.name" :item="textItem" @change="getUserList"></TextInput>
|
|
|
- <v-btn prepend-icon="mdi-plus" class="elevation-5" color="primary" @click="handleAdd(0)">{{ $t('enterprise.userManagement.inviteNewColleagues') }}</v-btn>
|
|
|
- </div>
|
|
|
- <CtTable
|
|
|
+ <div style="width: 20%; border-right: 1px solid #ccc;">
|
|
|
+ <div class="d-flex justify-start pr-3">
|
|
|
+ <v-btn prepend-icon="mdi-plus" variant="text" density="compact" color="primary" @click="handleAdd(1)">{{ $t('enterprise.userManagement.addBranchOffice') }}</v-btn>
|
|
|
+ </div>
|
|
|
+ <v-treeview
|
|
|
+ :items="treeData"
|
|
|
+ activatable
|
|
|
+ color="primary"
|
|
|
+ item-value="id"
|
|
|
+ open-all
|
|
|
+ open-strategy="single"
|
|
|
+ density="compact"
|
|
|
+ @update:activated="handleClick"
|
|
|
+ @update:opened="handleClick"
|
|
|
+ >
|
|
|
+ <template v-slot:title="{ item }">
|
|
|
+ <div class="treeTitle font-size-15">
|
|
|
+ {{ formatName(item.anotherName || item.name) }}
|
|
|
+ <v-tooltip activator="parent" location="end">{{ formatName(item.anotherName || item.name) }}</v-tooltip>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </v-treeview>
|
|
|
+ </div>
|
|
|
+ <div style="width: 80%" class="ml-3">
|
|
|
+ <div class="d-flex justify-space-between px-3">
|
|
|
+ <TextInput v-model="query.name" :item="textItem" @change="getUserList"></TextInput>
|
|
|
+ <v-btn prepend-icon="mdi-plus" class="elevation-5" color="primary" @click="handleAdd(0)">{{ $t('enterprise.userManagement.inviteNewColleagues') }}</v-btn>
|
|
|
+ </div>
|
|
|
+ <CtTable
|
|
|
:items="tableData"
|
|
|
:headers="headers"
|
|
|
:loading="loading"
|
|
@@ -56,9 +52,8 @@
|
|
|
<v-btn v-if="item.status === '0' && item.userType !== '1'" color="primary" variant="text" @click="handleAction('', 1, item)">{{ $t('enterprise.userManagement.disable') }}</v-btn>
|
|
|
<v-btn v-if="item.status === '0' && item.userType !== '1' && item.enterpriseId.toString() === enterpriseInfo?.enterpriseId.toString()" color="primary" variant="text" @click="handleRole(item)">分配角色</v-btn>
|
|
|
</template>
|
|
|
- </CtTable>
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
+ </CtTable>
|
|
|
+ </div>
|
|
|
</v-card>
|
|
|
|
|
|
<CtDialog :visible="showEdit" :widthType="2" titleClass="text-h6" title="编辑员工基本信息" @close="showEdit = false; editId = null" @submit="handleSubmit">
|