|
|
|
@ -10,101 +10,51 @@
|
|
|
|
<a-breadcrumb-item>团队数据</a-breadcrumb-item>
|
|
|
|
<a-breadcrumb-item>团队数据</a-breadcrumb-item>
|
|
|
|
</a-breadcrumb>
|
|
|
|
</a-breadcrumb>
|
|
|
|
<div class="bodyContainer contentbody">
|
|
|
|
<div class="bodyContainer contentbody">
|
|
|
|
<div class="leftContainer br1">
|
|
|
|
<div class="leftContainer pb24">
|
|
|
|
<div class="searchbox pb12 ml12 mr12">
|
|
|
|
<div class="searchbox pb12 ml12 mr12">
|
|
|
|
<div class="searchinput">
|
|
|
|
<div class>
|
|
|
|
<a-input-search placeholder="搜索成员" v-model.trim="pagination.keys" enter-button allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch"></a-input-search>
|
|
|
|
<a-input-search placeholder="搜索成员" v-model.trim="pagination.keys" allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch">
|
|
|
|
|
|
|
|
<a-icon slot="prefix" type="search" class="cccc" />
|
|
|
|
|
|
|
|
<a-button slot="enterButton" class="cblue">搜索</a-button>
|
|
|
|
|
|
|
|
</a-input-search>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- <i class="iconfont icon-fangda ml12 c6 curp" @click="[addGroupShow = true,isEdit = false]" style="line-height:32px"></i> -->
|
|
|
|
<!-- <i class="iconfont icon-fangda ml12 c6 curp" @click="[addGroupShow = true,isEdit = false]" style="line-height:32px"></i> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<a-radio-group v-model="menuType" class="pl12 pr12 tac" style="width:100%" :style="{ marginBottom: '8px' }">
|
|
|
|
<a-radio-group v-model="menuType" class="pl12 pr12 tac" style="width:100%" :style="{ marginBottom: '8px' }">
|
|
|
|
<a-radio-button value="role" class="changeGroup" style="width:50%">按角色</a-radio-button>
|
|
|
|
<a-radio-button value="role" class="changeGroup" style="width:50%">个人排序</a-radio-button>
|
|
|
|
<a-radio-button value="group" class="changeGroup" style="width:50%">按部门</a-radio-button>
|
|
|
|
<a-radio-button value="group" class="changeGroup" style="width:50%">团队排序</a-radio-button>
|
|
|
|
</a-radio-group>
|
|
|
|
</a-radio-group>
|
|
|
|
<div v-if="menuType == 'role'">
|
|
|
|
<div v-if="menuType == 'role'">
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部角色</a-menu-item>
|
|
|
|
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部角色</a-menu-item>
|
|
|
|
</a-menu>
|
|
|
|
</a-menu>
|
|
|
|
<div class="bb1 ml12 mr12 mt8 mb12" style="wdith:calc(100% - 24px)"></div>
|
|
|
|
<div class="bb1 ml12 mr12 mt4 mb8" style="wdith:calc(100% - 24px)"></div>
|
|
|
|
<div class="f12 c9 ml24 mb8">默认角色（11人）</div>
|
|
|
|
<!-- <div class="f12 c9 ml24 mb8">默认角色（11人）</div> -->
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
<template v-for="(item, index) in groupList">
|
|
|
|
<template v-for="(item, index) in groupList">
|
|
|
|
<a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">
|
|
|
|
<a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">{{item.teamName}}</a-menu-item>
|
|
|
|
{{item.teamName}}
|
|
|
|
|
|
|
|
<a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomCenter">
|
|
|
|
|
|
|
|
<i class="iconfont icon-gengduo3 thedot" @click.stop></i>
|
|
|
|
|
|
|
|
<div class="groupdropdownbox backTable" slot="overlay">
|
|
|
|
|
|
|
|
<div @click="[addGroupShow = true,isEdit = true,recordId = item.id,groupName=item.teamName]">修改名称</div>
|
|
|
|
|
|
|
|
<div @click="delGroup(item)">删除</div>
|
|
|
|
|
|
|
|
<div>上移</div>
|
|
|
|
|
|
|
|
<div>下移</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
|
|
|
</a-menu-item>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</a-menu>
|
|
|
|
</a-menu>
|
|
|
|
<div class="bb1 ml12 mr12 mt8 mb12" style="wdith:calc(100% - 24px)"></div>
|
|
|
|
|
|
|
|
<div class="f12 c9 ml24 mb8">自定义角色（8人）</div>
|
|
|
|
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
|
|
|
|
<!-- <template v-for="(item, index) in groupList"> -->
|
|
|
|
|
|
|
|
<a-menu-item key="角色1" class="fsa showdot" @click="selectGroup('角色1')">
|
|
|
|
|
|
|
|
{{'角色1'}}
|
|
|
|
|
|
|
|
<a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomCenter">
|
|
|
|
|
|
|
|
<i class="iconfont icon-gengduo3 thedot" @click.stop></i>
|
|
|
|
|
|
|
|
<div class="groupdropdownbox backTable" slot="overlay">
|
|
|
|
|
|
|
|
<div>修改名称</div>
|
|
|
|
|
|
|
|
<div>删除</div>
|
|
|
|
|
|
|
|
<div>上移</div>
|
|
|
|
|
|
|
|
<div>下移</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
|
|
|
</a-menu-item>
|
|
|
|
|
|
|
|
<a-menu-item key="角色2" class="fsa showdot" @click="selectGroup('角色2')">
|
|
|
|
|
|
|
|
{{'角色2'}}
|
|
|
|
|
|
|
|
<a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomCenter">
|
|
|
|
|
|
|
|
<i class="iconfont icon-gengduo3 thedot" @click.stop></i>
|
|
|
|
|
|
|
|
<div class="groupdropdownbox backTable" slot="overlay">
|
|
|
|
|
|
|
|
<div>修改名称</div>
|
|
|
|
|
|
|
|
<div>删除</div>
|
|
|
|
|
|
|
|
<div>上移</div>
|
|
|
|
|
|
|
|
<div>下移</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
|
|
|
</a-menu-item>
|
|
|
|
|
|
|
|
<!-- </template> -->
|
|
|
|
|
|
|
|
</a-menu>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div v-else>
|
|
|
|
<div v-else>
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
|
|
|
|
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部部门（50人）</a-menu-item>
|
|
|
|
|
|
|
|
</a-menu>
|
|
|
|
|
|
|
|
<!-- <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部角色</a-menu-item>
|
|
|
|
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部角色</a-menu-item>
|
|
|
|
</a-menu>
|
|
|
|
</a-menu>
|
|
|
|
<div class="bb1 ml12 mr12 mt8 mb12" style="wdith:calc(100% - 24px)"></div>
|
|
|
|
<div class="bb1 ml12 mr12 mt4 mb8" style="wdith:calc(100% - 24px)"></div>
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
<template v-for="(item, index) in groupList">
|
|
|
|
<template v-for="(item, index) in groupList">
|
|
|
|
<a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">
|
|
|
|
<a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">
|
|
|
|
{{item.teamName}}
|
|
|
|
{{item.teamName}}
|
|
|
|
<a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomCenter">
|
|
|
|
|
|
|
|
<i class="iconfont icon-gengduo3 thedot" @click.stop></i>
|
|
|
|
|
|
|
|
<div class="groupdropdownbox backTable" slot="overlay">
|
|
|
|
|
|
|
|
<div @click="[addGroupShow = true,isEdit = true,recordId = item.id,groupName=item.teamName]">修改名称</div>
|
|
|
|
|
|
|
|
<div @click="delGroup(item)">删除</div>
|
|
|
|
|
|
|
|
<div>上移</div>
|
|
|
|
|
|
|
|
<div>下移</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
|
|
|
</a-menu-item>
|
|
|
|
</a-menu-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</a-menu>
|
|
|
|
</a-menu>-->
|
|
|
|
<div class="pt12 ml12 mr12 mt16 bt1">
|
|
|
|
|
|
|
|
<a-button type="dashed" class="setMiddle" icon="plus" @click="[addGroupShow = true,isEdit = false]">
|
|
|
|
|
|
|
|
<!-- <i class="iconfont icon-fangda c6 f12 mr8" style="line-height:32px"></i> -->
|
|
|
|
|
|
|
|
添加部门
|
|
|
|
|
|
|
|
</a-button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="rightContainer mb24">
|
|
|
|
<div class="rightContainer">
|
|
|
|
|
|
|
|
<div class="navTitle">
|
|
|
|
<div class="navTitle">
|
|
|
|
<div class="dateSelect fsa">
|
|
|
|
<div class="dateSelect fsa">
|
|
|
|
<div class="fsa">
|
|
|
|
<div class="fsa">
|
|
|
|
@ -169,10 +119,15 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="content">
|
|
|
|
<div class="content">
|
|
|
|
<a-table :columns="columns" :scroll="{ y: tableHeight }" class="dataTable" :data-source="dataList" :pagination="false" @change="onChange" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle', }" :rowKey="(record) => record.index" :expanded-row-keys.sync="expandedRowKeys" childrenColumnName="users">
|
|
|
|
<!-- :expanded-row-keys.sync="expandedRowKeys" childrenColumnName="users" -->
|
|
|
|
|
|
|
|
<!-- :scroll="{ y: tableHeight }" -->
|
|
|
|
|
|
|
|
<a-table :columns="columns" class="dataTable" :data-source="dataList" :pagination="false" @change="onChange" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle', }" :rowKey="(record) => record.index">
|
|
|
|
<span slot="custom_objob">
|
|
|
|
<span slot="custom_objob">
|
|
|
|
<span class="fw500">在职人数</span>
|
|
|
|
<span class="fw500">在职人数</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<span slot="title_index">
|
|
|
|
|
|
|
|
<span class="pl8">序号</span>
|
|
|
|
|
|
|
|
</span>
|
|
|
|
<a @click="getBillInfo(text1,10)" style="color:#576B95;text-decoration:underline" slot="signUps" slot-scope="text, text1">{{text}}</a>
|
|
|
|
<a @click="getBillInfo(text1,10)" style="color:#576B95;text-decoration:underline" slot="signUps" slot-scope="text, text1">{{text}}</a>
|
|
|
|
<a @click="getBillInfo(text1,20)" style="color:#576B95;text-decoration:underline" slot="arrived" slot-scope="text, text1">{{text}}</a>
|
|
|
|
<a @click="getBillInfo(text1,20)" style="color:#576B95;text-decoration:underline" slot="arrived" slot-scope="text, text1">{{text}}</a>
|
|
|
|
<a @click="getBillInfo(text1,30)" style="color:#576B95;text-decoration:underline" slot="passed" slot-scope="text, text1">{{text}}</a>
|
|
|
|
<a @click="getBillInfo(text1,30)" style="color:#576B95;text-decoration:underline" slot="passed" slot-scope="text, text1">{{text}}</a>
|
|
|
|
@ -182,12 +137,22 @@
|
|
|
|
<a @click="getBillInfo(text1,70)" style="color:#576B95;text-decoration:underline" slot="finshedGPA" slot-scope="text, text1">{{toFixed(text)}}</a>
|
|
|
|
<a @click="getBillInfo(text1,70)" style="color:#576B95;text-decoration:underline" slot="finshedGPA" slot-scope="text, text1">{{toFixed(text)}}</a>
|
|
|
|
</a-table>
|
|
|
|
</a-table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="pagecontainer mt16" v-if="dataList.length > 0">
|
|
|
|
|
|
|
|
<a-pagination :current="contentListSearchForm.pageNum" :default-current="1" :defaultPageSize="10" :total="contentListSearchForm.total" @change="onChange" />
|
|
|
|
|
|
|
|
<div class="ant-pagination-options-quick-jumper ml12 f14">
|
|
|
|
|
|
|
|
<span>共{{ contentListSearchForm.total }}条，</span>跳至
|
|
|
|
|
|
|
|
<input ref="pageinput" type="text" style="height:28px" @keyup.enter="inputpageChange" @blur="inputpageChange" />页
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<a-modal class="townsmanDetailModal" centered v-model="townsmanDetailVisible" width="1200px" @cancel="townsmanDetailModalClose" :footer="null" destroyOnClose>
|
|
|
|
<a-modal class="townsmanDetailModal" centered v-model="townsmanDetailVisible" width="1200px" @cancel="townsmanDetailModalClose" :footer="null" destroyOnClose>
|
|
|
|
<div slot="title" destoryOnClose>明细</div>
|
|
|
|
<div slot="title" destoryOnClose>明细</div>
|
|
|
|
<div class="searchinput">
|
|
|
|
<div class="searchinput">
|
|
|
|
<a-input-search placeholder="请输入老乡姓名" v-model.trim="billPagination.keys" enter-button allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch" />
|
|
|
|
<a-input-search placeholder="请输入老乡姓名" v-model.trim="billPagination.keys" allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch">
|
|
|
|
|
|
|
|
<a-icon slot="prefix" type="search" class="cccc" />
|
|
|
|
|
|
|
|
<a-button slot="enterButton" class="cblue">搜索</a-button>
|
|
|
|
|
|
|
|
</a-input-search>
|
|
|
|
<!-- <a-input placeholder="请输入老乡姓名/身份证号" @keyup.enter="onSearch" @input="resetsearch" v-model.trim="billPagination.keys">
|
|
|
|
<!-- <a-input placeholder="请输入老乡姓名/身份证号" @keyup.enter="onSearch" @input="resetsearch" v-model.trim="billPagination.keys">
|
|
|
|
<i slot="prefix" class="iconfont icon-sousuo"></i>
|
|
|
|
<i slot="prefix" class="iconfont icon-sousuo"></i>
|
|
|
|
<button slot="suffix" @click="onSearch">搜索</button>
|
|
|
|
<button slot="suffix" @click="onSearch">搜索</button>
|
|
|
|
@ -211,7 +176,7 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import { dataStatisticsListApi, dataStatisticsTeamDetailApi } from '../../../../api/userinfo'
|
|
|
|
import { dataStatisticsListApi, dataStatisticsTeamDetailApi, getMemberGroupApi } from '../../../../api/userinfo'
|
|
|
|
import moment from 'moment'
|
|
|
|
import moment from 'moment'
|
|
|
|
import { getDateYMD, formatDateYMD, formatDateYMDHM, getUserApplyOrderStatusById, toFixed } from '../../../../utils/commonUtil'
|
|
|
|
import { getDateYMD, formatDateYMD, formatDateYMDHM, getUserApplyOrderStatusById, toFixed } from '../../../../utils/commonUtil'
|
|
|
|
const rowSelection = {
|
|
|
|
const rowSelection = {
|
|
|
|
@ -247,6 +212,10 @@ export default {
|
|
|
|
dataList: [],
|
|
|
|
dataList: [],
|
|
|
|
expandedRowKeys: [],
|
|
|
|
expandedRowKeys: [],
|
|
|
|
rowSelection,
|
|
|
|
rowSelection,
|
|
|
|
|
|
|
|
menuType: 'role',
|
|
|
|
|
|
|
|
currentData: {},
|
|
|
|
|
|
|
|
selectedKeys: ['all'],
|
|
|
|
|
|
|
|
groupList: [],
|
|
|
|
billPagination: {
|
|
|
|
billPagination: {
|
|
|
|
pageNum: 1,
|
|
|
|
pageNum: 1,
|
|
|
|
pageSize: 10,
|
|
|
|
pageSize: 10,
|
|
|
|
@ -356,15 +325,17 @@ export default {
|
|
|
|
columns() {
|
|
|
|
columns() {
|
|
|
|
const columns = [
|
|
|
|
const columns = [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '序号',
|
|
|
|
// title: ' 序号',
|
|
|
|
dataIndex: 'index',
|
|
|
|
dataIndex: 'aliasName',
|
|
|
|
key: 'index',
|
|
|
|
key: 'aliasName',
|
|
|
|
|
|
|
|
slots: { title: 'title_index' },
|
|
|
|
|
|
|
|
|
|
|
|
customRender: (text, row, index) => {
|
|
|
|
customRender: (text, row, index) => {
|
|
|
|
if (row.users) {
|
|
|
|
// if (row.users) {
|
|
|
|
return ''
|
|
|
|
// return ''
|
|
|
|
} else {
|
|
|
|
// } else {
|
|
|
|
return index + 1
|
|
|
|
return index + 1
|
|
|
|
}
|
|
|
|
// }
|
|
|
|
},
|
|
|
|
},
|
|
|
|
width: 60,
|
|
|
|
width: 60,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -373,11 +344,11 @@ export default {
|
|
|
|
dataIndex: 'aliasName',
|
|
|
|
dataIndex: 'aliasName',
|
|
|
|
key: 'aliasName',
|
|
|
|
key: 'aliasName',
|
|
|
|
customRender: (text, row, index) => {
|
|
|
|
customRender: (text, row, index) => {
|
|
|
|
if (row.users) {
|
|
|
|
// if (row.users) {
|
|
|
|
return row.agencyTeamName
|
|
|
|
// return row.agencyTeamName
|
|
|
|
} else {
|
|
|
|
// } else {
|
|
|
|
return row.aliasName
|
|
|
|
return row.aliasName
|
|
|
|
}
|
|
|
|
// }
|
|
|
|
},
|
|
|
|
},
|
|
|
|
ellipsis: true,
|
|
|
|
ellipsis: true,
|
|
|
|
// width: 100,
|
|
|
|
// width: 100,
|
|
|
|
@ -387,59 +358,59 @@ export default {
|
|
|
|
dataIndex: 'signUps',
|
|
|
|
dataIndex: 'signUps',
|
|
|
|
key: 'signUps',
|
|
|
|
key: 'signUps',
|
|
|
|
scopedSlots: { customRender: 'signUps' },
|
|
|
|
scopedSlots: { customRender: 'signUps' },
|
|
|
|
|
|
|
|
sorter: (a, b) => a.signUps - b.signUps,
|
|
|
|
ellipsis: true,
|
|
|
|
ellipsis: true,
|
|
|
|
width: 90,
|
|
|
|
width: 120,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '到面',
|
|
|
|
title: '到面',
|
|
|
|
dataIndex: 'arrived',
|
|
|
|
dataIndex: 'arrived',
|
|
|
|
key: 'arrived',
|
|
|
|
key: 'arrived',
|
|
|
|
scopedSlots: { customRender: 'arrived' },
|
|
|
|
scopedSlots: { customRender: 'arrived' },
|
|
|
|
|
|
|
|
sorter: (a, b) => a.arrived - b.arrived,
|
|
|
|
|
|
|
|
|
|
|
|
width: 90,
|
|
|
|
width: 120,
|
|
|
|
ellipsis: true,
|
|
|
|
ellipsis: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '通过',
|
|
|
|
title: '通过',
|
|
|
|
dataIndex: 'passed',
|
|
|
|
dataIndex: 'passed',
|
|
|
|
key: 'passed',
|
|
|
|
key: 'passed',
|
|
|
|
|
|
|
|
sorter: (a, b) => a.passed - b.passed,
|
|
|
|
|
|
|
|
|
|
|
|
scopedSlots: { customRender: 'passed' },
|
|
|
|
scopedSlots: { customRender: 'passed' },
|
|
|
|
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
ellipsis: true,
|
|
|
|
width: 90,
|
|
|
|
width: 120,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '入职',
|
|
|
|
title: '入职',
|
|
|
|
dataIndex: 'entry',
|
|
|
|
dataIndex: 'entry',
|
|
|
|
key: 'entry',
|
|
|
|
key: 'entry',
|
|
|
|
|
|
|
|
sorter: (a, b) => a.entry - b.entry,
|
|
|
|
scopedSlots: { customRender: 'entry' },
|
|
|
|
scopedSlots: { customRender: 'entry' },
|
|
|
|
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
ellipsis: true,
|
|
|
|
width: 90,
|
|
|
|
width: 120,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
// title: '在职',
|
|
|
|
// title: '在职',
|
|
|
|
dataIndex: 'obJob',
|
|
|
|
dataIndex: 'obJob',
|
|
|
|
key: 'obJob',
|
|
|
|
key: 'obJob',
|
|
|
|
slots: { title: 'custom_objob' },
|
|
|
|
slots: { title: 'custom_objob' },
|
|
|
|
|
|
|
|
sorter: (a, b) => a.obJob - b.obJob,
|
|
|
|
scopedSlots: { customRender: 'obJob' },
|
|
|
|
scopedSlots: { customRender: 'obJob' },
|
|
|
|
ellipsis: true,
|
|
|
|
ellipsis: true,
|
|
|
|
width: 90,
|
|
|
|
width: 120,
|
|
|
|
// sorter: (a, b) => a.userApplyOrder.localeCompare(b.userApplyOrder),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// sortOrder: sortedInfo.columnKey == "userApplyOrder" && sortedInfo.order,
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '入职绩点',
|
|
|
|
title: '入职绩点',
|
|
|
|
dataIndex: 'entryGPA',
|
|
|
|
dataIndex: 'entryGPA',
|
|
|
|
key: 'entryGPA',
|
|
|
|
key: 'entryGPA',
|
|
|
|
// customRender: (text, row, index) => {
|
|
|
|
sorter: (a, b) => a.entryGPA - b.entryGPA,
|
|
|
|
// return toFixed(text)
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
scopedSlots: { customRender: 'entryGPA' },
|
|
|
|
scopedSlots: { customRender: 'entryGPA' },
|
|
|
|
ellipsis: true,
|
|
|
|
ellipsis: true,
|
|
|
|
width: 90,
|
|
|
|
width: 120,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '交付绩点',
|
|
|
|
title: '交付绩点',
|
|
|
|
@ -448,9 +419,10 @@ export default {
|
|
|
|
// customRender: (text, row, index) => {
|
|
|
|
// customRender: (text, row, index) => {
|
|
|
|
// return toFixed(text)
|
|
|
|
// return toFixed(text)
|
|
|
|
// },
|
|
|
|
// },
|
|
|
|
|
|
|
|
sorter: (a, b) => a.finshedGPA - b.finshedGPA,
|
|
|
|
scopedSlots: { customRender: 'finshedGPA' },
|
|
|
|
scopedSlots: { customRender: 'finshedGPA' },
|
|
|
|
ellipsis: true,
|
|
|
|
ellipsis: true,
|
|
|
|
width: 90,
|
|
|
|
width: 120,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]
|
|
|
|
]
|
|
|
|
return columns
|
|
|
|
return columns
|
|
|
|
@ -637,7 +609,30 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 侦听器
|
|
|
|
// 侦听器
|
|
|
|
watch: {},
|
|
|
|
watch: {
|
|
|
|
|
|
|
|
menuType(value) {
|
|
|
|
|
|
|
|
// setTimeout(()=>{
|
|
|
|
|
|
|
|
console.log(value)
|
|
|
|
|
|
|
|
if (value == 'role') {
|
|
|
|
|
|
|
|
console.log(this.columns)
|
|
|
|
|
|
|
|
this.columns.splice(2, 0, {
|
|
|
|
|
|
|
|
title: '部门',
|
|
|
|
|
|
|
|
dataIndex: 'agencyTeamName',
|
|
|
|
|
|
|
|
key: 'agencyTeamName',
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
|
|
|
width: 120,
|
|
|
|
|
|
|
|
slots: { title: 'agencyTeamName' },
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
console.log(value)
|
|
|
|
|
|
|
|
console.log(this.columns.slice(2, 3))
|
|
|
|
|
|
|
|
if (this.columns.slice(2, 3)[0].title == '部门') {
|
|
|
|
|
|
|
|
this.columns.splice(2, 1)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// },200)
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
// 生命周期钩子 注：没用到的钩子请自行删除
|
|
|
|
// 生命周期钩子 注：没用到的钩子请自行删除
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
|
|
|
|
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
|
|
|
|
@ -648,6 +643,7 @@ export default {
|
|
|
|
this.billList = [...this.billList, ...this.billList, ...this.billList]
|
|
|
|
this.billList = [...this.billList, ...this.billList, ...this.billList]
|
|
|
|
this.$emit('setTitle', '团队数据')
|
|
|
|
this.$emit('setTitle', '团队数据')
|
|
|
|
this.getDataStatisticsList()
|
|
|
|
this.getDataStatisticsList()
|
|
|
|
|
|
|
|
this.getMemberGroup()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
|
|
|
|
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
|
|
|
|
@ -754,7 +750,14 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
this.totalObj.index = index + 2
|
|
|
|
this.totalObj.index = index + 2
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.dataList = data.data.list
|
|
|
|
let newList = []
|
|
|
|
|
|
|
|
data.data.list.forEach((item, index) => {
|
|
|
|
|
|
|
|
newList = newList.concat(item.users)
|
|
|
|
|
|
|
|
console.log(item)
|
|
|
|
|
|
|
|
console.log(index)
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
console.log(newList)
|
|
|
|
|
|
|
|
this.dataList = newList
|
|
|
|
this.isspinning = false
|
|
|
|
this.isspinning = false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -841,6 +844,23 @@ export default {
|
|
|
|
this.gitBillList()
|
|
|
|
this.gitBillList()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
getMemberGroup() {
|
|
|
|
|
|
|
|
getMemberGroupApi().then(({ data }) => {
|
|
|
|
|
|
|
|
if (data.status == 200) {
|
|
|
|
|
|
|
|
console.log(data)
|
|
|
|
|
|
|
|
this.groupList = data.data.list
|
|
|
|
|
|
|
|
this.groupList.forEach((item, index) => {
|
|
|
|
|
|
|
|
console.log(item)
|
|
|
|
|
|
|
|
if (index > 0) {
|
|
|
|
|
|
|
|
item.checked = false
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
item.checked = true
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
console.log(item)
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* 点击获取数据统计详情
|
|
|
|
* 点击获取数据统计详情
|
|
|
|
*
|
|
|
|
*
|
|
|
|
@ -890,13 +910,14 @@ export default {
|
|
|
|
async gitBillList() {
|
|
|
|
async gitBillList() {
|
|
|
|
this.isspinning = true
|
|
|
|
this.isspinning = true
|
|
|
|
console.log(this.billPagination.keys)
|
|
|
|
console.log(this.billPagination.keys)
|
|
|
|
|
|
|
|
console.log(this.currentData)
|
|
|
|
let data = {
|
|
|
|
let data = {
|
|
|
|
pageNum: this.billPagination.pageNum,
|
|
|
|
pageNum: this.billPagination.pageNum,
|
|
|
|
pageSize: this.billPagination.pageSize,
|
|
|
|
pageSize: this.billPagination.pageSize,
|
|
|
|
start: this.contentListSearchForm.start,
|
|
|
|
start: this.contentListSearchForm.start,
|
|
|
|
end: this.contentListSearchForm.end,
|
|
|
|
end: this.contentListSearchForm.end,
|
|
|
|
keys: this.billPagination.keys,
|
|
|
|
keys: this.billPagination.keys,
|
|
|
|
userId: this.currentData.id || '',
|
|
|
|
userId: this.currentData.id ? this.currentData.id : '',
|
|
|
|
agencyTeamId: this.currentData.agencyTeamId,
|
|
|
|
agencyTeamId: this.currentData.agencyTeamId,
|
|
|
|
type: this.currentData.type,
|
|
|
|
type: this.currentData.type,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -910,6 +931,12 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.isspinning = false
|
|
|
|
this.isspinning = false
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
selectGroup(item) {
|
|
|
|
|
|
|
|
console.log(item)
|
|
|
|
|
|
|
|
this.selectedKeys = [item.teamName || item]
|
|
|
|
|
|
|
|
this.contentListSearchForm.agencyTeamIds = item.id + ''
|
|
|
|
|
|
|
|
this.getDataStatisticsList()
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
@ -931,9 +958,11 @@ table {
|
|
|
|
padding-left: 0;
|
|
|
|
padding-left: 0;
|
|
|
|
padding-bottom: 0px;
|
|
|
|
padding-bottom: 0px;
|
|
|
|
// overflow: hidden;
|
|
|
|
// overflow: hidden;
|
|
|
|
height: calc(100vh - 105px);
|
|
|
|
min-height: calc(100vh - 105px);
|
|
|
|
|
|
|
|
// height: calc(100vh - 105px);
|
|
|
|
.leftContainer {
|
|
|
|
.leftContainer {
|
|
|
|
width: 260px;
|
|
|
|
width: 260px;
|
|
|
|
|
|
|
|
min-width: 220px;
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
/deep/ .searchbox {
|
|
|
|
/deep/ .searchbox {
|
|
|
|
@ -960,6 +989,17 @@ table {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
padding-left: 16px;
|
|
|
|
padding-left: 16px;
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
min-width: 1020px;
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
|
|
width: 1px;
|
|
|
|
|
|
|
|
height: calc(100% - 16px);
|
|
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
|
|
background: #eee;
|
|
|
|
|
|
|
|
}
|
|
|
|
.addmemeber {
|
|
|
|
.addmemeber {
|
|
|
|
border: 0;
|
|
|
|
border: 0;
|
|
|
|
padding: 0 12px;
|
|
|
|
padding: 0 12px;
|
|
|
|
@ -1006,7 +1046,7 @@ table {
|
|
|
|
th {
|
|
|
|
th {
|
|
|
|
padding: 12px 0;
|
|
|
|
padding: 12px 0;
|
|
|
|
div {
|
|
|
|
div {
|
|
|
|
padding: 0px 8px;
|
|
|
|
// padding: 0px 8px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&:not(:first-child) {
|
|
|
|
&:not(:first-child) {
|
|
|
|
> span {
|
|
|
|
> span {
|
|
|
|
@ -1028,7 +1068,7 @@ table {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.ant-table-tbody {
|
|
|
|
.ant-table-tbody {
|
|
|
|
.ant-table-row-cell-ellipsis {
|
|
|
|
.ant-table-row-cell-ellipsis {
|
|
|
|
padding: 12px 14px;
|
|
|
|
padding: 12px 12px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.ant-table-row-expand-icon {
|
|
|
|
.ant-table-row-expand-icon {
|
|
|
|
// color: #000;
|
|
|
|
// color: #000;
|
|
|
|
@ -1072,17 +1112,16 @@ table {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/deep/ .ant-modal-content {
|
|
|
|
/deep/ .ant-modal-content {
|
|
|
|
.ant-modal-body {
|
|
|
|
.ant-modal-body {
|
|
|
|
min-height: 780px;
|
|
|
|
min-height: 730px;
|
|
|
|
max-height: 780px;
|
|
|
|
max-height: 730px;
|
|
|
|
padding-bottom: 50px;
|
|
|
|
padding-bottom: 50px;
|
|
|
|
overflow: auto;
|
|
|
|
overflow: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-table-thead > tr > th,
|
|
|
|
/deep/ .ant-table-thead > tr > th {
|
|
|
|
/deep/ .ant-table-tbody > tr > td {
|
|
|
|
padding: 12px 0px !important;
|
|
|
|
padding: 12px 8px !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
td:empty:before {
|
|
|
|
td:empty:before {
|
|
|
|
content: '-';
|
|
|
|
content: '-';
|
|
|
|
@ -1127,7 +1166,7 @@ td:empty:before {
|
|
|
|
.content {
|
|
|
|
.content {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
overflow: auto;
|
|
|
|
overflow: auto;
|
|
|
|
max-height: 700px;
|
|
|
|
// max-height: 700px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.total {
|
|
|
|
.total {
|
|
|
|
// background-color: #fafafa;
|
|
|
|
// background-color: #fafafa;
|
|
|
|
@ -1214,7 +1253,7 @@ td:empty:before {
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 14px;
|
|
|
|
// height: 20px;
|
|
|
|
// height: 20px;
|
|
|
|
// display: inline-block;
|
|
|
|
// display: inline-block;
|
|
|
|
// padding: 0px 16px;
|
|
|
|
padding: 0px 16px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.ant-table-row-indent {
|
|
|
|
.ant-table-row-indent {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
|
张少康
2 years ago