|
@@ -3,11 +3,14 @@
|
|
|
<el-row :gutter="20" style="width: 100%; overflow:hidden;">
|
|
<el-row :gutter="20" style="width: 100%; overflow:hidden;">
|
|
|
<el-col :span="4">
|
|
<el-col :span="4">
|
|
|
<div class="teamTree">
|
|
<div class="teamTree">
|
|
|
- <el-input class="search-input" v-model="treeValue" placeholder="团队名称查找" prefix-icon="Search" @keyup.enter="initTeam"></el-input>
|
|
|
|
|
|
|
+ <el-input class="search-input" v-model="treeValue" placeholder="团队名称查找" prefix-icon="Search"
|
|
|
|
|
+ @keyup.enter="initTeam"></el-input>
|
|
|
<div class="custom-tree-node" v-for="item in teamData" :key="item.id" @click.stop="initList(item)">
|
|
<div class="custom-tree-node" v-for="item in teamData" :key="item.id" @click.stop="initList(item)">
|
|
|
<span class="custom-tree-node-label">{{ item.name }}</span>
|
|
<span class="custom-tree-node-label">{{ item.name }}</span>
|
|
|
<el-dropdown class="custom-tree-node-more" @command="treeNodeCommend(item, $event)">
|
|
<el-dropdown class="custom-tree-node-more" @command="treeNodeCommend(item, $event)">
|
|
|
- <el-icon><MoreFilled /></el-icon>
|
|
|
|
|
|
|
+ <el-icon>
|
|
|
|
|
+ <MoreFilled />
|
|
|
|
|
+ </el-icon>
|
|
|
<template #dropdown>
|
|
<template #dropdown>
|
|
|
<el-dropdown-menu>
|
|
<el-dropdown-menu>
|
|
|
<el-dropdown-item command="编辑">编辑</el-dropdown-item>
|
|
<el-dropdown-item command="编辑">编辑</el-dropdown-item>
|
|
@@ -24,20 +27,16 @@
|
|
|
<el-col :span="22" class="info">
|
|
<el-col :span="22" class="info">
|
|
|
<h3>{{ teamInfo.name }}</h3>
|
|
<h3>{{ teamInfo.name }}</h3>
|
|
|
<p>所属机构: {{ teamInfo?.deptName }}</p>
|
|
<p>所属机构: {{ teamInfo?.deptName }}</p>
|
|
|
- <p>管理人: {{ teamInfo?.managerName?`${teamInfo?.managerName}-`:'' }}{{ teamInfo?.managerId }}</p>
|
|
|
|
|
|
|
+ <p>管理人: {{ teamInfo?.managerName ? `${teamInfo?.managerName}-` : '' }}{{ teamInfo?.managerId }}</p>
|
|
|
<p>描述:{{ teamInfo?.describeInformation }}</p>
|
|
<p>描述:{{ teamInfo?.describeInformation }}</p>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="2" class="btn">
|
|
<el-col :span="2" class="btn">
|
|
|
<el-button plain @click="setPeople">设置负责人</el-button>
|
|
<el-button plain @click="setPeople">设置负责人</el-button>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
- <el-input style="width: 300px; margin: 10px 0" v-model="searchValue" prefix-icon="Search" placeholder="输入姓名,手机号,工号查找" clearable @keyup.enter="initList(teamInfo)"></el-input>
|
|
|
|
|
- <el-table
|
|
|
|
|
- :data="tableData"
|
|
|
|
|
- ref="operationListRef"
|
|
|
|
|
- height="530"
|
|
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <el-input style="width: 300px; margin: 10px 0" v-model="searchValue" prefix-icon="Search"
|
|
|
|
|
+ placeholder="输入姓名,手机号,工号查找" clearable @keyup.enter="initList(teamInfo)"></el-input>
|
|
|
|
|
+ <el-table :data="tableData" ref="operationListRef" height="530" @selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
|
<el-table-column label="姓名" prop="name" width="80">
|
|
<el-table-column label="姓名" prop="name" width="80">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
@@ -48,19 +47,19 @@
|
|
|
<el-table-column label="工号" prop="workNumber" width="200"></el-table-column>
|
|
<el-table-column label="工号" prop="workNumber" width="200"></el-table-column>
|
|
|
<el-table-column label="类型" prop="typeAttr" width="100">
|
|
<el-table-column label="类型" prop="typeAttr" width="100">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- {{ scope.row.typeAttr == '1'?'个代':scope.row.typeAttr == '3'?'渠道':scope.row.typeAttr == '2'?'团队':scope.row.typeAttr == '4'?'电销组': '' }}
|
|
|
|
|
|
|
+ {{ typeAttrMap(scope.row.typeAttr) }}
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column label="归属" prop="deptName" width="200"></el-table-column>
|
|
<el-table-column label="归属" prop="deptName" width="200"></el-table-column>
|
|
|
<el-table-column label="所属机构" prop="deptName" width="200"></el-table-column>
|
|
<el-table-column label="所属机构" prop="deptName" width="200"></el-table-column>
|
|
|
<el-table-column label="人员状态" prop="status" width="150">
|
|
<el-table-column label="人员状态" prop="status" width="150">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- {{ scope.row.status == '0'?'待认证':scope.row.status == '1'?'已认证':scope.row.status == '2'?'待提交资料':scope.row.status == '3'?'已入职':'' }}
|
|
|
|
|
|
|
+ {{ statusMap(scope.row.status) }}
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column label="账号状态" prop="isEnable" width="150">
|
|
<el-table-column label="账号状态" prop="isEnable" width="150">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- {{ scope.row.isEnable == '1'?'禁用':scope.row.isEnable == '0'?'启用': '--' }}
|
|
|
|
|
|
|
+ {{ scope.row.isEnable == '1' ? '禁用' : scope.row.isEnable == '0' ? '启用' : '--' }}
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column label="管理人" prop="leaderName" width="150"></el-table-column>
|
|
<el-table-column label="管理人" prop="leaderName" width="150"></el-table-column>
|
|
@@ -88,65 +87,38 @@
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
</el-table>
|
|
</el-table>
|
|
|
<div style="display: flex; justify-content: center; margin-top: 15px">
|
|
<div style="display: flex; justify-content: center; margin-top: 15px">
|
|
|
- <el-pagination
|
|
|
|
|
- v-model:current-page="currentPage"
|
|
|
|
|
- v-model:page-size="pageSize"
|
|
|
|
|
- :page-sizes="[10, 20, 30, 40]"
|
|
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
- :total="total"
|
|
|
|
|
- @size-change="handleSizeChange"
|
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10, 20, 30, 40]"
|
|
|
|
|
+ layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange"
|
|
|
|
|
+ @current-change="handleCurrentChange" />
|
|
|
</div>
|
|
</div>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
- <el-dialog
|
|
|
|
|
- v-model="dialogShow"
|
|
|
|
|
- :title="title"
|
|
|
|
|
- width="1000"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <el-dialog v-model="dialogShow" :title="title" width="1000">
|
|
|
<addOperation ref="AddOperationRef" @closeDialog="closeAddOperation"></addOperation>
|
|
<addOperation ref="AddOperationRef" @closeDialog="closeAddOperation"></addOperation>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
- <el-dialog
|
|
|
|
|
- v-model="addTeamShow"
|
|
|
|
|
- title="添加"
|
|
|
|
|
- width="800"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <el-dialog v-model="addTeamShow" title="添加" width="800">
|
|
|
<addTeam ref="AddTeamRef" @closeDialog="closeAddTeamDialog"></addTeam>
|
|
<addTeam ref="AddTeamRef" @closeDialog="closeAddTeamDialog"></addTeam>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
- <el-dialog
|
|
|
|
|
- v-model="allocationShow"
|
|
|
|
|
- title="分配管理人"
|
|
|
|
|
- width="800"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <el-dialog v-model="allocationShow" title="分配管理人" width="800">
|
|
|
<allocation ref="AllocationRef" @closeDialog="closeAllocation"></allocation>
|
|
<allocation ref="AllocationRef" @closeDialog="closeAllocation"></allocation>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
- <el-dialog
|
|
|
|
|
- v-model="peopleShow"
|
|
|
|
|
- title="设置负责人"
|
|
|
|
|
- width="800"
|
|
|
|
|
- >
|
|
|
|
|
- <el-row :gutter="20">
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-tree
|
|
|
|
|
- ref="treeRef"
|
|
|
|
|
- :data="options"
|
|
|
|
|
- :props="cascaderProps"
|
|
|
|
|
- @node-click="handleNodeClick"
|
|
|
|
|
- />
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-radio-group v-if="tableData?.length>0" v-model="radioValue" class="allocation-radio">
|
|
|
|
|
- <el-radio v-for="item in tableData" :value="item.id" size="large">
|
|
|
|
|
- <template #default>
|
|
|
|
|
- <div>{{ item.name }}</div>
|
|
|
|
|
- <div>{{ item.id }}</div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-radio>
|
|
|
|
|
- </el-radio-group>
|
|
|
|
|
- <el-empty v-else description="暂无数据" />
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
|
|
+ <el-dialog v-model="peopleShow" title="设置负责人" width="800">
|
|
|
|
|
+ <el-row :gutter="20">
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-tree ref="treeRef" :data="options" :props="cascaderProps" @node-click="handleNodeClick" />
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-radio-group v-if="tableData?.length > 0" v-model="radioValue" class="allocation-radio">
|
|
|
|
|
+ <el-radio v-for="item in tableData" :value="item.id" size="large">
|
|
|
|
|
+ <template #default>
|
|
|
|
|
+ <div>{{ item.name }}</div>
|
|
|
|
|
+ <div>{{ item.id }}</div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-radio>
|
|
|
|
|
+ </el-radio-group>
|
|
|
|
|
+ <el-empty v-else description="暂无数据" />
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
<template #footer>
|
|
<template #footer>
|
|
|
<el-button @click="onCancel">取消</el-button>
|
|
<el-button @click="onCancel">取消</el-button>
|
|
|
<el-button type="primary" @click="onConfirm">确定</el-button>
|
|
<el-button type="primary" @click="onConfirm">确定</el-button>
|
|
@@ -156,13 +128,13 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
|
-import {ElMessageBox, ElMessage, TableInstance} from 'element-plus'
|
|
|
|
|
|
|
+import { ElMessageBox, ElMessage, TableInstance } from 'element-plus'
|
|
|
import { useRouter } from 'vue-router'
|
|
import { useRouter } from 'vue-router'
|
|
|
import api from "@/api";
|
|
import api from "@/api";
|
|
|
import addOperation from './modules/addOperation.vue'
|
|
import addOperation from './modules/addOperation.vue'
|
|
|
import allocation from './modules/allocation.vue'
|
|
import allocation from './modules/allocation.vue'
|
|
|
import addTeam from './modules/addTeam.vue'
|
|
import addTeam from './modules/addTeam.vue'
|
|
|
-import {initial} from "lodash-es";
|
|
|
|
|
|
|
+import { initial } from "lodash-es";
|
|
|
import team from "@/api/modules/team.ts";
|
|
import team from "@/api/modules/team.ts";
|
|
|
|
|
|
|
|
let myRouter = useRouter()
|
|
let myRouter = useRouter()
|
|
@@ -172,15 +144,15 @@ const AllocationRef = ref(null)
|
|
|
|
|
|
|
|
// 机构数据
|
|
// 机构数据
|
|
|
const cascaderProps = {
|
|
const cascaderProps = {
|
|
|
- value: 'id',
|
|
|
|
|
- label: 'name',
|
|
|
|
|
- children: 'children'
|
|
|
|
|
|
|
+ value: 'id',
|
|
|
|
|
+ label: 'name',
|
|
|
|
|
+ children: 'children'
|
|
|
}
|
|
}
|
|
|
let options = ref([])
|
|
let options = ref([])
|
|
|
// 获取机构数据
|
|
// 获取机构数据
|
|
|
const institutionList = () => {
|
|
const institutionList = () => {
|
|
|
api.institutionApi.institutionList({ name: '', system: '' }).then(res => {
|
|
api.institutionApi.institutionList({ name: '', system: '' }).then(res => {
|
|
|
- if(res?.code == 200) {
|
|
|
|
|
|
|
+ if (res?.code == 200) {
|
|
|
options.value = res.data
|
|
options.value = res.data
|
|
|
} else {
|
|
} else {
|
|
|
ElMessage({
|
|
ElMessage({
|
|
@@ -191,9 +163,35 @@ const institutionList = () => {
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
const handleNodeClick = (data) => {
|
|
const handleNodeClick = (data) => {
|
|
|
- initList(teamData.value[0])
|
|
|
|
|
|
|
+ initList(teamData.value[0])
|
|
|
|
|
+}
|
|
|
|
|
+const statusMap = (value: any) => {
|
|
|
|
|
+ const map = {
|
|
|
|
|
+ "0": '未认证',
|
|
|
|
|
+ "1": '认证中',
|
|
|
|
|
+ "2": '认证失败',
|
|
|
|
|
+ "3": '待入职',
|
|
|
|
|
+ "4": '入司审核中',
|
|
|
|
|
+ "5": '入司审核失败',
|
|
|
|
|
+ "6": '已入职',
|
|
|
|
|
+ "7": '离职待审核',
|
|
|
|
|
+ "8": '离职',
|
|
|
|
|
+ }
|
|
|
|
|
+ return map[value]
|
|
|
|
|
+}
|
|
|
|
|
+const typeAttrMap=(value)=>{
|
|
|
|
|
+ const map = {
|
|
|
|
|
+ "1": '前线人员',
|
|
|
|
|
+ "2": '后线人员',
|
|
|
|
|
+ "3": '合伙人',
|
|
|
|
|
+ "4": '工作是管理员',
|
|
|
|
|
+ "5": '团队',
|
|
|
|
|
+ "6": '个代',
|
|
|
|
|
+ "7": '电销',
|
|
|
|
|
+ "8": '渠道',
|
|
|
|
|
+ }
|
|
|
|
|
+ return map[value]
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
// 团队
|
|
// 团队
|
|
|
let treeValue = ref('')
|
|
let treeValue = ref('')
|
|
|
let teamData = ref([])
|
|
let teamData = ref([])
|
|
@@ -203,9 +201,9 @@ const initTeam = () => {
|
|
|
param: treeValue.value,
|
|
param: treeValue.value,
|
|
|
attribute: 1
|
|
attribute: 1
|
|
|
}).then(res => {
|
|
}).then(res => {
|
|
|
- if(res.code == 200) {
|
|
|
|
|
|
|
+ if (res.code == 200) {
|
|
|
teamData.value = res.data
|
|
teamData.value = res.data
|
|
|
- if(teamData.value) {
|
|
|
|
|
|
|
+ if (teamData.value) {
|
|
|
initList(teamData.value[0])
|
|
initList(teamData.value[0])
|
|
|
}
|
|
}
|
|
|
} else {
|
|
} else {
|
|
@@ -245,7 +243,7 @@ const initList = (item) => {
|
|
|
pages: currentPage.value,
|
|
pages: currentPage.value,
|
|
|
size: pageSize.value
|
|
size: pageSize.value
|
|
|
}).then(res => {
|
|
}).then(res => {
|
|
|
- if(res.code == 200) {
|
|
|
|
|
|
|
+ if (res.code == 200) {
|
|
|
tableData.value = res.data.records
|
|
tableData.value = res.data.records
|
|
|
total.value = res.data.total
|
|
total.value = res.data.total
|
|
|
} else {
|
|
} else {
|
|
@@ -272,10 +270,10 @@ const treeNodeCommend = (item, e) => {
|
|
|
showCancelButton: true,
|
|
showCancelButton: true,
|
|
|
confirmButtonText: '确定',
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
cancelButtonText: '取消',
|
|
|
- }).then(( action ) => {
|
|
|
|
|
- if(action === 'confirm') {
|
|
|
|
|
|
|
+ }).then((action) => {
|
|
|
|
|
+ if (action === 'confirm') {
|
|
|
api.teamApi.deleteById(item.id).then(res => {
|
|
api.teamApi.deleteById(item.id).then(res => {
|
|
|
- if(res.code == 200) {
|
|
|
|
|
|
|
+ if (res.code == 200) {
|
|
|
ElMessage({
|
|
ElMessage({
|
|
|
message: res.msg,
|
|
message: res.msg,
|
|
|
type: 'success'
|
|
type: 'success'
|
|
@@ -289,7 +287,7 @@ const treeNodeCommend = (item, e) => {
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
- }).catch(( action ) => {
|
|
|
|
|
|
|
+ }).catch((action) => {
|
|
|
|
|
|
|
|
})
|
|
})
|
|
|
break;
|
|
break;
|
|
@@ -344,7 +342,7 @@ const onCancel = () => {
|
|
|
radioValue.value = ''
|
|
radioValue.value = ''
|
|
|
}
|
|
}
|
|
|
const onConfirm = () => {
|
|
const onConfirm = () => {
|
|
|
- if(!radioValue.value) {
|
|
|
|
|
|
|
+ if (!radioValue.value) {
|
|
|
ElMessage({
|
|
ElMessage({
|
|
|
message: '请选择负责人',
|
|
message: '请选择负责人',
|
|
|
type: 'warning'
|
|
type: 'warning'
|
|
@@ -355,7 +353,7 @@ const onConfirm = () => {
|
|
|
id: teamInfo.value.id,
|
|
id: teamInfo.value.id,
|
|
|
managerId: radioValue.value
|
|
managerId: radioValue.value
|
|
|
}).then(res => {
|
|
}).then(res => {
|
|
|
- if(res.code == 200) {
|
|
|
|
|
|
|
+ if (res.code == 200) {
|
|
|
ElMessage({
|
|
ElMessage({
|
|
|
message: res.msg,
|
|
message: res.msg,
|
|
|
type: 'success'
|
|
type: 'success'
|
|
@@ -392,13 +390,13 @@ const tableDataCommand = (scope, e) => {
|
|
|
showCancelButton: true,
|
|
showCancelButton: true,
|
|
|
confirmButtonText: '确定',
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
cancelButtonText: '取消',
|
|
|
- }).then(( action ) => {
|
|
|
|
|
- if(action === 'confirm') {
|
|
|
|
|
|
|
+ }).then((action) => {
|
|
|
|
|
+ if (action === 'confirm') {
|
|
|
api.teamApi.deleteAssociatedUsers({
|
|
api.teamApi.deleteAssociatedUsers({
|
|
|
id: teamInfo.value.id,
|
|
id: teamInfo.value.id,
|
|
|
userIds: [scope.row.id]
|
|
userIds: [scope.row.id]
|
|
|
}).then(res => {
|
|
}).then(res => {
|
|
|
- if(res?.code == 200) {
|
|
|
|
|
|
|
+ if (res?.code == 200) {
|
|
|
ElMessage({
|
|
ElMessage({
|
|
|
message: res.msg,
|
|
message: res.msg,
|
|
|
type: 'success'
|
|
type: 'success'
|
|
@@ -412,7 +410,7 @@ const tableDataCommand = (scope, e) => {
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
- }).catch(( action ) => {
|
|
|
|
|
|
|
+ }).catch((action) => {
|
|
|
|
|
|
|
|
})
|
|
})
|
|
|
break;
|
|
break;
|
|
@@ -424,15 +422,15 @@ const tableDataCommand = (scope, e) => {
|
|
|
showCancelButton: true,
|
|
showCancelButton: true,
|
|
|
confirmButtonText: '确定',
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
cancelButtonText: '取消',
|
|
|
- }).then(( action ) => {
|
|
|
|
|
- if(action === 'confirm') {
|
|
|
|
|
|
|
+ }).then((action) => {
|
|
|
|
|
+ if (action === 'confirm') {
|
|
|
let data = {
|
|
let data = {
|
|
|
- id: [scope.row.id],
|
|
|
|
|
|
|
+ ids: [scope.row.id],
|
|
|
isEnable: 1,
|
|
isEnable: 1,
|
|
|
getAll: 0
|
|
getAll: 0
|
|
|
}
|
|
}
|
|
|
api.operationApi.operationIsEnable(data).then(res => {
|
|
api.operationApi.operationIsEnable(data).then(res => {
|
|
|
- if(res?.code == 200) {
|
|
|
|
|
|
|
+ if (res?.code == 200) {
|
|
|
ElMessage({
|
|
ElMessage({
|
|
|
message: res.msg,
|
|
message: res.msg,
|
|
|
type: 'success'
|
|
type: 'success'
|
|
@@ -446,7 +444,7 @@ const tableDataCommand = (scope, e) => {
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
- }).catch(( action ) => {
|
|
|
|
|
|
|
+ }).catch((action) => {
|
|
|
|
|
|
|
|
})
|
|
})
|
|
|
break;
|
|
break;
|
|
@@ -458,15 +456,15 @@ const tableDataCommand = (scope, e) => {
|
|
|
showCancelButton: true,
|
|
showCancelButton: true,
|
|
|
confirmButtonText: '确定',
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
cancelButtonText: '取消',
|
|
|
- }).then(( action ) => {
|
|
|
|
|
- if(action === 'confirm'){
|
|
|
|
|
|
|
+ }).then((action) => {
|
|
|
|
|
+ if (action === 'confirm') {
|
|
|
let data = {
|
|
let data = {
|
|
|
- id: [scope.row.id],
|
|
|
|
|
|
|
+ ids: [scope.row.id],
|
|
|
isEnable: 0,
|
|
isEnable: 0,
|
|
|
getAll: 0
|
|
getAll: 0
|
|
|
}
|
|
}
|
|
|
api.operationApi.operationIsEnable(data).then(res => {
|
|
api.operationApi.operationIsEnable(data).then(res => {
|
|
|
- if(res?.code == 200) {
|
|
|
|
|
|
|
+ if (res?.code == 200) {
|
|
|
ElMessage({
|
|
ElMessage({
|
|
|
message: res.msg,
|
|
message: res.msg,
|
|
|
type: 'success'
|
|
type: 'success'
|
|
@@ -480,7 +478,7 @@ const tableDataCommand = (scope, e) => {
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
- }).catch(( action ) => {
|
|
|
|
|
|
|
+ }).catch((action) => {
|
|
|
|
|
|
|
|
})
|
|
})
|
|
|
break;
|
|
break;
|
|
@@ -505,17 +503,20 @@ onMounted(() => {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
-.team{
|
|
|
|
|
|
|
+.team {
|
|
|
height: 770px;
|
|
height: 770px;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
- .search-input{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .search-input {
|
|
|
padding: 10px 20px;
|
|
padding: 10px 20px;
|
|
|
}
|
|
}
|
|
|
- .teamTree{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .teamTree {
|
|
|
height: 700px;
|
|
height: 700px;
|
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
- .custom-tree-node{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .custom-tree-node {
|
|
|
width: calc(100% - 40px);
|
|
width: calc(100% - 40px);
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
@@ -523,10 +524,12 @@ onMounted(() => {
|
|
|
padding: 5px 10px;
|
|
padding: 5px 10px;
|
|
|
margin: 5px auto;
|
|
margin: 5px auto;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
- &:hover{
|
|
|
|
|
- background: rgba(0,0,0,.1);
|
|
|
|
|
|
|
+
|
|
|
|
|
+ &:hover {
|
|
|
|
|
+ background: rgba(0, 0, 0, .1);
|
|
|
}
|
|
}
|
|
|
- .custom-tree-node-label{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .custom-tree-node-label {
|
|
|
width: 70%;
|
|
width: 70%;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
@@ -534,30 +537,36 @@ onMounted(() => {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .add-btn{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .add-btn {
|
|
|
display: block;
|
|
display: block;
|
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
|
}
|
|
}
|
|
|
- .info{
|
|
|
|
|
- h3{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .info {
|
|
|
|
|
+ h3 {
|
|
|
margin: 10px 0;
|
|
margin: 10px 0;
|
|
|
}
|
|
}
|
|
|
- p{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ p {
|
|
|
margin: 6px 0;
|
|
margin: 6px 0;
|
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
|
- color: rgba(0,0,0,.7);
|
|
|
|
|
|
|
+ color: rgba(0, 0, 0, .7);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .btn{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .btn {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
justify-content: flex-end;
|
|
|
align-items: flex-end;
|
|
align-items: flex-end;
|
|
|
}
|
|
}
|
|
|
- .nameInfo{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .nameInfo {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
align-content: center;
|
|
align-content: center;
|
|
|
- span{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ span {
|
|
|
background: #f0f0f0;
|
|
background: #f0f0f0;
|
|
|
padding: 2px 4px;
|
|
padding: 2px 4px;
|
|
|
border-radius: 2px;
|
|
border-radius: 2px;
|