|
|
|
|
@ -27,13 +27,13 @@
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
<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-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')">全部成员（50人）</a-menu-item>
|
|
|
|
|
</a-menu>
|
|
|
|
|
<div class="bb1 ml12 mr12 mt4 mb8" style="wdith:calc(100% - 24px)"></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;">
|
|
|
|
|
<template v-for="(item, index) in groupList">
|
|
|
|
|
<a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">{{item.teamName}}</a-menu-item>
|
|
|
|
|
<a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">{{item.teamName + '（18人）'}}</a-menu-item>
|
|
|
|
|
</template>
|
|
|
|
|
</a-menu>
|
|
|
|
|
</div>
|
|
|
|
|
@ -137,13 +137,13 @@
|
|
|
|
|
<a @click="getBillInfo(text1,70)" style="color:#576B95;text-decoration:underline" slot="finshedGPA" slot-scope="text, text1">{{toFixed(text)}}</a>
|
|
|
|
|
</a-table>
|
|
|
|
|
</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="pagecontainer mt16" v-if="dataList.length > 0">
|
|
|
|
|
<a-pagination :current="contentListSearchForm.pageNum" :page-size-options="pagination.pageSizeOptions" :default-current="1" :defaultPageSize="10" :total="contentListSearchForm.total" @change="onChange" size="small" show-size-changer show-quick-jumper />
|
|
|
|
|
<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>
|
|
|
|
|
<a-modal class="townsmanDetailModal" centered v-model="townsmanDetailVisible" width="1200px" @cancel="townsmanDetailModalClose" :footer="null" destroyOnClose>
|
|
|
|
|
@ -158,18 +158,19 @@
|
|
|
|
|
<button slot="suffix" @click="onSearch">搜索</button>
|
|
|
|
|
</a-input>-->
|
|
|
|
|
</div>
|
|
|
|
|
<a-table :columns="billColumns" :scroll="{ x: 1100,y:600}" :data-source="billList" class="detailTable" :pagination="false" @change="onChange" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle', }" :rowKey="(record) => record.index">
|
|
|
|
|
<a-table :columns="billColumns" :data-source="billList" class="detailTable" :pagination="false" @change="onChange" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle', }" :rowKey="(record) => record.index">
|
|
|
|
|
<span slot="storeJobName" slot-scope="text">{{text}}</span>
|
|
|
|
|
<span slot="userName" slot-scope="text">{{text}}1</span>
|
|
|
|
|
|
|
|
|
|
<span slot="billDate">{{dateType}}</span>
|
|
|
|
|
</a-table>
|
|
|
|
|
<div class="pagecontainer mt16" v-if="billList.length > 0">
|
|
|
|
|
<a-pagination :current="billPagination.pageNum" :default-current="1" :defaultPageSize="10" :total="billPagination.total" @change="onChange" />
|
|
|
|
|
<div class="ant-pagination-options-quick-jumper ml12">
|
|
|
|
|
<!-- <a-pagination :current="billPagination.pageNum" :default-current="1" :defaultPageSize="10" :total="billPagination.total" @change="onChange" /> -->
|
|
|
|
|
<a-pagination :current="billPagination.pageNum" :page-size-options="pagination.pageSizeOptions" :default-current="1" :defaultPageSize="20" :show-total="total => `共${total}条`" :total="billPagination.total" @change="onChange" size="small" show-size-changer show-quick-jumper />
|
|
|
|
|
<!-- <div class="ant-pagination-options-quick-jumper ml12">
|
|
|
|
|
<span>共{{ billPagination.total }}条，</span>跳至
|
|
|
|
|
<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />页
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</a-modal>
|
|
|
|
|
</div>
|
|
|
|
|
@ -218,7 +219,7 @@ export default {
|
|
|
|
|
groupList: [],
|
|
|
|
|
billPagination: {
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
pageSize: 20,
|
|
|
|
|
total: null, //分页配置
|
|
|
|
|
status: 0,
|
|
|
|
|
keys: null,
|
|
|
|
|
@ -615,12 +616,12 @@ export default {
|
|
|
|
|
console.log(value)
|
|
|
|
|
if (value == 'group') {
|
|
|
|
|
console.log(this.columns)
|
|
|
|
|
this.columns.splice(2, 0, {
|
|
|
|
|
this.columns.splice(1, 1, {
|
|
|
|
|
title: '部门',
|
|
|
|
|
dataIndex: 'agencyTeamName',
|
|
|
|
|
key: 'agencyTeamName',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width: 120,
|
|
|
|
|
// width: 120,
|
|
|
|
|
slots: { title: 'agencyTeamName' },
|
|
|
|
|
})
|
|
|
|
|
tableWidth(this, this.columns, 120)
|
|
|
|
|
@ -628,8 +629,21 @@ export default {
|
|
|
|
|
} else {
|
|
|
|
|
console.log(value)
|
|
|
|
|
console.log(this.columns.slice(2, 3))
|
|
|
|
|
if (this.columns.slice(2, 3)[0].title == '部门') {
|
|
|
|
|
this.columns.splice(2, 1)
|
|
|
|
|
if (this.columns.slice(1, 2)[0].title == '部门') {
|
|
|
|
|
this.columns.splice(1, 1, {
|
|
|
|
|
title: '姓名',
|
|
|
|
|
dataIndex: 'aliasName',
|
|
|
|
|
key: 'aliasName',
|
|
|
|
|
customRender: (text, row, index) => {
|
|
|
|
|
// if (row.users) {
|
|
|
|
|
// return row.agencyTeamName
|
|
|
|
|
// } else {
|
|
|
|
|
return row.aliasName
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
// width: 100,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
@ -819,7 +833,7 @@ export default {
|
|
|
|
|
this.townsmanDetailVisible = false
|
|
|
|
|
this.billPagination = {
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
pageSize: 20,
|
|
|
|
|
total: null, //分页配置
|
|
|
|
|
status: 0,
|
|
|
|
|
keys: null,
|
|
|
|
|
@ -1048,46 +1062,6 @@ table {
|
|
|
|
|
// transform: translateY(-50%);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .ant-table-content {
|
|
|
|
|
.ant-table-body {
|
|
|
|
|
.ant-table-thead {
|
|
|
|
|
th {
|
|
|
|
|
padding: 12px 0;
|
|
|
|
|
div {
|
|
|
|
|
// padding: 0px 8px;
|
|
|
|
|
}
|
|
|
|
|
&:not(:first-child) {
|
|
|
|
|
> span {
|
|
|
|
|
// line-height: 22px;
|
|
|
|
|
> div {
|
|
|
|
|
// line-height: 1;
|
|
|
|
|
border-left: 1px solid #ddd;
|
|
|
|
|
padding-left: 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-table-row-cell-break-word {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
.ant-table-row-cell-ellipsis {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-table-tbody {
|
|
|
|
|
.ant-table-row-cell-ellipsis {
|
|
|
|
|
padding: 12px 12px;
|
|
|
|
|
}
|
|
|
|
|
.ant-table-row-expand-icon {
|
|
|
|
|
// color: #000;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
.ant-table-row-indent {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.pagechange {
|
|
|
|
|
button {
|
|
|
|
|
@ -1128,9 +1102,6 @@ table {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-table-thead > tr > th {
|
|
|
|
|
padding: 12px 0px !important;
|
|
|
|
|
}
|
|
|
|
|
td:empty:before {
|
|
|
|
|
content: '-';
|
|
|
|
|
}
|
|
|
|
|
@ -1170,6 +1141,7 @@ td:empty:before {
|
|
|
|
|
}
|
|
|
|
|
.navTitle {
|
|
|
|
|
// margin: 16px 0;
|
|
|
|
|
min-width: 856px;
|
|
|
|
|
}
|
|
|
|
|
.content {
|
|
|
|
|
position: relative;
|
|
|
|
|
@ -1227,14 +1199,17 @@ td:empty:before {
|
|
|
|
|
background-color: #40a9ff;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.detailTable {
|
|
|
|
|
/deep/.ant-table-body {
|
|
|
|
|
/deep/.detailTable {
|
|
|
|
|
.ant-table-thead {
|
|
|
|
|
& > tr > th {
|
|
|
|
|
padding: 12px 8px !important;
|
|
|
|
|
}
|
|
|
|
|
.ant-table-row-cell-break-word {
|
|
|
|
|
padding: 12px 8px;
|
|
|
|
|
// text-align: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-table-body {
|
|
|
|
|
.ant-table-tbody {
|
|
|
|
|
> tr > td {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
@ -1256,6 +1231,46 @@ td:empty:before {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTable {
|
|
|
|
|
/deep/ .ant-table-content {
|
|
|
|
|
.ant-table-body {
|
|
|
|
|
.ant-table-thead {
|
|
|
|
|
th {
|
|
|
|
|
padding: 12px 0;
|
|
|
|
|
div {
|
|
|
|
|
// padding: 0px 8px;
|
|
|
|
|
}
|
|
|
|
|
&:not(:first-child) {
|
|
|
|
|
> span {
|
|
|
|
|
// line-height: 22px;
|
|
|
|
|
> div {
|
|
|
|
|
// line-height: 1;
|
|
|
|
|
border-left: 1px solid #ddd;
|
|
|
|
|
padding-left: 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-table-row-cell-break-word {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
.ant-table-row-cell-ellipsis {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-table-tbody {
|
|
|
|
|
.ant-table-row-cell-ellipsis {
|
|
|
|
|
padding: 12px 12px;
|
|
|
|
|
}
|
|
|
|
|
.ant-table-row-expand-icon {
|
|
|
|
|
// color: #000;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
.ant-table-row-indent {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/.ant-table-tbody {
|
|
|
|
|
> tr > td {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
