|
@@ -0,0 +1,329 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <div class="title-container">
|
|
|
+ <breadcrumb id="breadcrumb-container" class="breadcrumb-container"/>
|
|
|
+ </div>
|
|
|
+ <y-page-list-layout :page-list="pageData" :page-para="listQuery" :get-page-list="getList">
|
|
|
+ <template slot="left">
|
|
|
+ <el-button
|
|
|
+ class-name="filter-item"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ round
|
|
|
+ style="float: left"
|
|
|
+ >创建团队</el-button>
|
|
|
+ </template>
|
|
|
+ <parentTable
|
|
|
+ v-loading="listLoading"
|
|
|
+ :data="pageData.records"
|
|
|
+ slot="table"
|
|
|
+ style="width: 100%;"
|
|
|
+ >
|
|
|
+ <el-table-column type="expand">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <parentTable style="font-size: 5px;color: #8c939d" v-loading="listLoading" inline :data="row.members">
|
|
|
+ <el-table-column label="组员名称" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.memberName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="组员岗位" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.memberPost}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="加入时间" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.created }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <el-button
|
|
|
+ class-name="filter-item"
|
|
|
+ name=""
|
|
|
+ type="primary"
|
|
|
+ round
|
|
|
+ size="mini"
|
|
|
+ >添加组员</el-button>
|
|
|
+ <el-button
|
|
|
+ class-name="filter-item"
|
|
|
+ name=""
|
|
|
+ type="danger"
|
|
|
+ round
|
|
|
+ size="mini"
|
|
|
+ >移除组员</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </parentTable>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="团队名称" align="center" width="220">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.name }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="营销主管" align="center" width="220">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.supervisorName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="上级领导" align="center" width="220">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.cultivateName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="领导岗位" align="center" width="220">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.cultivatePost }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="创建时间" align="center" width="220">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.created }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <el-button
|
|
|
+ class-name="filter-item"
|
|
|
+ name=""
|
|
|
+ type="danger"
|
|
|
+ round
|
|
|
+ size="mini"
|
|
|
+ >解散团队</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </parentTable>
|
|
|
+ </y-page-list-layout>
|
|
|
+
|
|
|
+<!-- <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">-->
|
|
|
+<!-- <el-tab-pane label="创建团队" name="first">-->
|
|
|
+<!-- <y-page-list-layout :page-list="pageData" :page-para="listQuery" :get-page-list="getList">-->
|
|
|
+<!-- <template slot="left">-->
|
|
|
+<!-- <el-button-->
|
|
|
+<!-- class="filter-item"-->
|
|
|
+<!-- style="margin-left: 10px;float: left;"-->
|
|
|
+<!-- type="primary"-->
|
|
|
+<!-- @click="searchList"-->
|
|
|
+<!-- round-->
|
|
|
+<!-- >搜索-->
|
|
|
+<!-- </el-button>-->
|
|
|
+<!-- <el-button-->
|
|
|
+<!-- class="filter-item"-->
|
|
|
+<!-- style="float: left;"-->
|
|
|
+<!-- round-->
|
|
|
+<!-- type="warning"-->
|
|
|
+<!-- @click="resetSearch()"-->
|
|
|
+<!-- >重置-->
|
|
|
+<!-- </el-button>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- <parentTable-->
|
|
|
+<!-- v-loading="listLoading"-->
|
|
|
+<!-- :data="pageData.records"-->
|
|
|
+<!-- slot="table"-->
|
|
|
+<!-- style="width: 100%;"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- <el-table-column label="组员姓名" align="center" width="220">-->
|
|
|
+<!-- <template slot-scope="{row}">-->
|
|
|
+<!-- <span>{{ row.userName }}</span>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- <el-table-column label="组员岗位" align="center" width="220">-->
|
|
|
+<!-- <template slot-scope="{row}">-->
|
|
|
+<!-- <span>{{ row.userPostName }}</span>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- <el-table-column label="上级组员" align="center" width="220">-->
|
|
|
+<!-- <template slot-scope="{row}">-->
|
|
|
+<!-- <span>{{ row.parentUserName }}</span>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- <el-table-column label="上级组员岗位" align="center" width="220">-->
|
|
|
+<!-- <template slot-scope="{row}">-->
|
|
|
+<!-- <span>{{ row.parentUserPostName }}</span>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- <el-table-column label="团队别名" align="center" width="220">-->
|
|
|
+<!-- <template slot-scope="{row}">-->
|
|
|
+<!-- <span>{{ row.alias }}</span>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- <el-table-column label="创建时间" align="center" width="220">-->
|
|
|
+<!-- <template slot-scope="{row}">-->
|
|
|
+<!-- <span>{{ row.created }}</span>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- <el-table-column label="操作" align="center" fixed="right">-->
|
|
|
+<!-- <template slot-scope="{row}">-->
|
|
|
+<!-- <!– <PermissionButton–>-->
|
|
|
+<!-- <!– menu-code="_views_market_customer_detail"–>-->
|
|
|
+<!-- <!– class-name="filter-item"–>-->
|
|
|
+<!-- <!– name=""–>-->
|
|
|
+<!-- <!– type="primary"–>-->
|
|
|
+<!-- <!– :page-jump="true"–>-->
|
|
|
+<!-- <!– :page-query="{id: row.id,listQuery:listQuery}"–>-->
|
|
|
+<!-- <!– round–>-->
|
|
|
+<!-- <!– size="mini"–>-->
|
|
|
+<!-- <!– />–>-->
|
|
|
+<!-- <!– <PermissionButton–>-->
|
|
|
+<!-- <!– menu-code="_views_market_customer_remove"–>-->
|
|
|
+<!-- <!– class-name="filter-item"–>-->
|
|
|
+<!-- <!– name=""–>-->
|
|
|
+<!-- <!– type="danger"–>-->
|
|
|
+<!-- <!– round–>-->
|
|
|
+<!-- <!– size="mini"–>-->
|
|
|
+<!-- <!– @click="deleteInfo(row.id)"–>-->
|
|
|
+<!-- <!– />–>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- </parentTable>-->
|
|
|
+<!-- </y-page-list-layout>-->
|
|
|
+<!-- </el-tab-pane>>-->
|
|
|
+<!-- </el-tabs>-->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ import YPageListLayout from '@/components/YPageListLayout'
|
|
|
+ import Breadcrumb from '@/components/Breadcrumb'
|
|
|
+ import PermissionButton from '@/components/PermissionButton/PermissionButton'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ name: 'ViewsMarketTeamList',
|
|
|
+ components: {
|
|
|
+ Breadcrumb,
|
|
|
+ YPageListLayout,
|
|
|
+ PermissionButton,
|
|
|
+ },
|
|
|
+ filters: {
|
|
|
+ statusFilter(status) {
|
|
|
+ const statusMap = {
|
|
|
+ published: 'success',
|
|
|
+ draft: 'info',
|
|
|
+ deleted: 'danger',
|
|
|
+ }
|
|
|
+ return statusMap[status]
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeName: 'first',
|
|
|
+ tableKey: 0,
|
|
|
+ pageData: { records: [] },
|
|
|
+ total: 20,
|
|
|
+ listLoading: true,
|
|
|
+ listQuery: {
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ descs: 'id',
|
|
|
+ departmentName:'市场部'
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ const that = this;
|
|
|
+ if (that.$route.query.current && !isNaN(that.$route.query.current)) {
|
|
|
+ that.listQuery.current = parseInt(that.$route.query.current);
|
|
|
+ }
|
|
|
+ that.getList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ resetSearch() {
|
|
|
+ this.$router.push({ query: {} });
|
|
|
+ this.listQuery = {
|
|
|
+ current: 1,
|
|
|
+ size: 10,
|
|
|
+ descs: 'id',
|
|
|
+ }
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ removeHandle(row) {
|
|
|
+ // console.log(data)
|
|
|
+ const that = this
|
|
|
+ that
|
|
|
+ .$confirm('确认删除当前记录吗?', '警告', {
|
|
|
+ confirmButtonText: '确认',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ .then(async () => {
|
|
|
+ this.$api.customer.delete(row.id).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '删除成功',
|
|
|
+ })
|
|
|
+ this.getList()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ searchList() {
|
|
|
+ // 重置分页
|
|
|
+ this.listQuery.page = 1
|
|
|
+ this.listQuery.size = 10
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ const that = this
|
|
|
+ this.listLoading = true
|
|
|
+ // console.log(that.listQuery)
|
|
|
+ const key = {}
|
|
|
+ key[this.listQueryKey] = this.listQuery.description
|
|
|
+ this.$api.team
|
|
|
+ .list(Object.assign({}, that.listQuery, key))
|
|
|
+ .then((res) => {
|
|
|
+ that.pageData = res.data
|
|
|
+ setTimeout(() => {
|
|
|
+ that.listLoading = false
|
|
|
+ }, 200)
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ that.listLoading = false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .right {
|
|
|
+ flex: 1;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ line-height: 35px;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .menu-2-box {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .menu-2-item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #656565;
|
|
|
+ font-size: 12px;
|
|
|
+ width: 230px;
|
|
|
+ height: 101px;
|
|
|
+ background: rgb(255, 185, 129);
|
|
|
+ border-radius: 3px;
|
|
|
+ padding-left: 20px;
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
|
|
|
+
|
|
|
+ .text {
|
|
|
+ margin-left: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|