工作组变更;统计样式;单个开票
This commit is contained in:
@@ -59,6 +59,8 @@ const distribute = (param) => postAction('/project/payWorkingGroupDistributionRe
|
|||||||
const batchDistribute = (param) => postAction('/project/payWorkingGroupDistributionRecord/addBatch', param)
|
const batchDistribute = (param) => postAction('/project/payWorkingGroupDistributionRecord/addBatch', param)
|
||||||
// 资料分发成员列表
|
// 资料分发成员列表
|
||||||
const distributeMemberList = (param) => getAction('/project/payWorkingGroupDistributionRecord/list', param)
|
const distributeMemberList = (param) => getAction('/project/payWorkingGroupDistributionRecord/list', param)
|
||||||
|
// 催款提醒
|
||||||
|
const dunningReminder = (param) => postAction('/project/payWorkingGroupSubitem/reminders', param)
|
||||||
|
|
||||||
export {
|
export {
|
||||||
getWorkingGroupById,
|
getWorkingGroupById,
|
||||||
@@ -89,5 +91,6 @@ export {
|
|||||||
aduitCompany,
|
aduitCompany,
|
||||||
distribute,
|
distribute,
|
||||||
batchDistribute,
|
batchDistribute,
|
||||||
distributeMemberList
|
distributeMemberList,
|
||||||
|
dunningReminder
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -131,7 +131,6 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
handleOk() {
|
handleOk() {
|
||||||
console.log(this.projectType, this.chargeCompanyName)
|
|
||||||
this.form.validateFields((err, values) => {
|
this.form.validateFields((err, values) => {
|
||||||
if (!err) {
|
if (!err) {
|
||||||
// values.chargeCompanyName = this.chargeCompanyName
|
// values.chargeCompanyName = this.chargeCompanyName
|
||||||
@@ -142,7 +141,19 @@ export default {
|
|||||||
if (this.model.id) {
|
if (this.model.id) {
|
||||||
okHttpMethod = editPayBill(formData)
|
okHttpMethod = editPayBill(formData)
|
||||||
} else {
|
} else {
|
||||||
okHttpMethod = addPayBill(this.projectId, this.projectType, formData)
|
let addData = formData
|
||||||
|
let bmpList = [
|
||||||
|
{
|
||||||
|
invoiceAmount: formData.invoiceAmount,
|
||||||
|
projectId: this.projectId,
|
||||||
|
projectType: this.projectType,
|
||||||
|
remark: formData.remark
|
||||||
|
}
|
||||||
|
]
|
||||||
|
addData.bmpList = bmpList
|
||||||
|
delete addData.projectName
|
||||||
|
delete addData.remark
|
||||||
|
okHttpMethod = addPayBill(addData)
|
||||||
}
|
}
|
||||||
okHttpMethod.then(res => {
|
okHttpMethod.then(res => {
|
||||||
if (res.success) {
|
if (res.success) {
|
||||||
|
|||||||
@@ -136,7 +136,7 @@
|
|||||||
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
||||||
import JYearDate from '@comp/jero/JYearDate'
|
import JYearDate from '@comp/jero/JYearDate'
|
||||||
import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
|
import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
|
||||||
import { getWorkingGroupById, getChargeNotice } from '@api/incomePaymentsApi'
|
import { getWorkingGroupById, getChargeNotice, dunningReminder } from '@api/incomePaymentsApi'
|
||||||
import StatusSlot from '../../components/tools/StatusSlot'
|
import StatusSlot from '../../components/tools/StatusSlot'
|
||||||
import ProjectDetailModal from '../../components/ProjectDetailModal'
|
import ProjectDetailModal from '../../components/ProjectDetailModal'
|
||||||
import WorkingGroupMemberUnitModule from './modules/WorkingGroupMemberUnitModule'
|
import WorkingGroupMemberUnitModule from './modules/WorkingGroupMemberUnitModule'
|
||||||
@@ -402,6 +402,28 @@ export default {
|
|||||||
this.$message.warn('请先选择成员')
|
this.$message.warn('请先选择成员')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
let param = {
|
||||||
|
projectIds: this.selectedRowKeys.join(',').toString()
|
||||||
|
}
|
||||||
|
const that = this
|
||||||
|
this.$confirm({
|
||||||
|
title: '确认催款',
|
||||||
|
content: '是否向选中的成员发送催款提醒?',
|
||||||
|
onOk: function () {
|
||||||
|
that.loading = true
|
||||||
|
dunningReminder(param).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
that.$message.success(res.message)
|
||||||
|
that.loadData()
|
||||||
|
that.onClearSelected()
|
||||||
|
} else {
|
||||||
|
that.$message.warning(res.message)
|
||||||
|
}
|
||||||
|
}).finally(() => {
|
||||||
|
that.loading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* 文件预览
|
* 文件预览
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
@cancel="handleCancel"
|
@cancel="handleCancel"
|
||||||
cancelText="关闭">
|
cancelText="关闭">
|
||||||
<a-spin :spinning="confirmLoading">
|
<a-spin :spinning="confirmLoading">
|
||||||
<a-form>
|
<a-form :form="form">
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="2"></a-col>
|
<a-col :span="2"></a-col>
|
||||||
<a-col :span="20">
|
<a-col :span="20">
|
||||||
@@ -20,11 +20,16 @@
|
|||||||
:replaceFields="replaceFields"
|
:replaceFields="replaceFields"
|
||||||
checkable
|
checkable
|
||||||
@check="onCheck"/>
|
@check="onCheck"/>
|
||||||
|
<a-input style="display: none" v-decorator="['memberName',validatorRules.memberName]"></a-input>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
</a-form>
|
</a-form>
|
||||||
</a-spin>
|
</a-spin>
|
||||||
|
<template slot="footer">
|
||||||
|
<a-button @click="handleCancel">关闭</a-button>
|
||||||
|
<a-button @click="handleOk" type="primary" v-preventclick>确定</a-button>
|
||||||
|
</template>
|
||||||
</j-modal>
|
</j-modal>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -69,6 +74,7 @@ export default {
|
|||||||
title: '分发',
|
title: '分发',
|
||||||
width: 500,
|
width: 500,
|
||||||
confirmLoading: false,
|
confirmLoading: false,
|
||||||
|
form: this.$form.createForm(this),
|
||||||
labelCol: {
|
labelCol: {
|
||||||
xs: { span: 24 },
|
xs: { span: 24 },
|
||||||
sm: { span: 5 }
|
sm: { span: 5 }
|
||||||
@@ -86,13 +92,9 @@ export default {
|
|||||||
key: 'id'
|
key: 'id'
|
||||||
},
|
},
|
||||||
validatorRules: {
|
validatorRules: {
|
||||||
dataId: {
|
|
||||||
rules: [{ required: true, message: '请重新上传文件' }],
|
|
||||||
validateTrigger: 'change'
|
|
||||||
},
|
|
||||||
memberName: {
|
memberName: {
|
||||||
rules: [{ required: true, message: '请选择成员' }],
|
rules: [{ required: true, message: '请选择成员单位'}],
|
||||||
validateTrigger: 'blur, change'
|
validateTrigger: 'change'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
url: {
|
url: {
|
||||||
@@ -138,46 +140,67 @@ export default {
|
|||||||
this.memberList = []
|
this.memberList = []
|
||||||
},
|
},
|
||||||
handleOk() {
|
handleOk() {
|
||||||
if (this.isBatch) {
|
if (this.checkedKeys.length === 0) {
|
||||||
// 批量分发
|
this.form.validateFields()
|
||||||
const formData = {
|
return
|
||||||
contactsIds: this.checkedKeys.join(','),
|
|
||||||
dataIds: this.recordId,
|
|
||||||
projectId: this.projectId,
|
|
||||||
projectType: this.projectType
|
|
||||||
}
|
|
||||||
batchDistribute(formData).then(res => {
|
|
||||||
console.log(res)
|
|
||||||
if (res.success) {
|
|
||||||
this.$message.success(res.message)
|
|
||||||
this.close()
|
|
||||||
this.$emit('ok')
|
|
||||||
} else {
|
|
||||||
this.$message.warn(res.message)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
// 单个分发
|
|
||||||
const formData = {
|
|
||||||
contactsId: this.checkedKeys.join(','),
|
|
||||||
dataId: this.recordId,
|
|
||||||
projectId: this.projectId,
|
|
||||||
projectType: this.projectType
|
|
||||||
}
|
|
||||||
distribute(formData).then(res => {
|
|
||||||
console.log(res)
|
|
||||||
if (res.success) {
|
|
||||||
this.$message.success(res.message)
|
|
||||||
this.close()
|
|
||||||
this.$emit('ok')
|
|
||||||
} else {
|
|
||||||
this.$message.warn(res.message)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
let str = this.checkedKeys.join(',').toString()
|
||||||
|
console.log(str)
|
||||||
|
this.form.setFieldsValue({memberName: str})
|
||||||
|
this.form.validateFields((err, values) => {
|
||||||
|
if (!err) {
|
||||||
|
this.confirmLoading = true
|
||||||
|
if (this.isBatch) {
|
||||||
|
// 批量分发
|
||||||
|
const formData = {
|
||||||
|
contactsIds: this.checkedKeys.join(','),
|
||||||
|
dataIds: this.recordId,
|
||||||
|
projectId: this.projectId,
|
||||||
|
projectType: this.projectType
|
||||||
|
}
|
||||||
|
batchDistribute(formData).then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
this.$message.success(res.message)
|
||||||
|
this.close()
|
||||||
|
this.$emit('ok')
|
||||||
|
} else {
|
||||||
|
this.$message.warn(res.message)
|
||||||
|
}
|
||||||
|
}).finally(() => {
|
||||||
|
this.confirmLoading = false
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
// 单个分发
|
||||||
|
const formData = {
|
||||||
|
contactsIds: this.checkedKeys.join(','),
|
||||||
|
dataId: this.recordId,
|
||||||
|
projectId: this.projectId,
|
||||||
|
projectType: this.projectType
|
||||||
|
}
|
||||||
|
distribute(formData).then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
this.$message.success(res.message)
|
||||||
|
this.close()
|
||||||
|
this.$emit('ok')
|
||||||
|
} else {
|
||||||
|
this.$message.warn(res.message)
|
||||||
|
}
|
||||||
|
}).finally(() => {
|
||||||
|
this.confirmLoading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
handleCancel() {
|
handleCancel() {
|
||||||
this.close()
|
this.close()
|
||||||
|
},
|
||||||
|
checkMember(rules, value, callback) {
|
||||||
|
if (this.checkedKeys.length === 0) {
|
||||||
|
callback('请选选择成员')
|
||||||
|
} else {
|
||||||
|
callback()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -95,6 +95,7 @@
|
|||||||
:pagination="ipagination"
|
:pagination="ipagination"
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
@change="handleTableChange"
|
@change="handleTableChange"
|
||||||
|
:class="dataSource.length === 0 ? 'show-scroll' : ''"
|
||||||
class="j-table-force-nowrap main-table">
|
class="j-table-force-nowrap main-table">
|
||||||
|
|
||||||
<!-- 项目名称-->
|
<!-- 项目名称-->
|
||||||
@@ -107,7 +108,7 @@
|
|||||||
<j-ellipsis :value="text" :length="18"></j-ellipsis>
|
<j-ellipsis :value="text" :length="18"></j-ellipsis>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template slot="footer" slot-scope="currentPageData">
|
<template slot="footer" v-if="dataSource.length > 0">
|
||||||
|
|
||||||
<a-table
|
<a-table
|
||||||
size="middle"
|
size="middle"
|
||||||
@@ -250,14 +251,7 @@ export default {
|
|||||||
width: 140
|
width: 140
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
footerDataSource: [
|
footerDataSource: [],
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title: '总计',
|
|
||||||
receivableAmount: 4000,
|
|
||||||
paidAmount: 200
|
|
||||||
}
|
|
||||||
],
|
|
||||||
url: {
|
url: {
|
||||||
list: ''
|
list: ''
|
||||||
}
|
}
|
||||||
@@ -274,7 +268,9 @@ export default {
|
|||||||
* 同步表与footer滚动,保留底部滚动条
|
* 同步表与footer滚动,保留底部滚动条
|
||||||
*/
|
*/
|
||||||
setScroll() {
|
setScroll() {
|
||||||
//
|
if (this.dataSource.length === 0) {
|
||||||
|
return
|
||||||
|
}
|
||||||
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
||||||
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
||||||
dom.addEventListener(
|
dom.addEventListener(
|
||||||
@@ -328,6 +324,12 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.show-scroll {
|
||||||
|
/deep/ .ant-table-body {
|
||||||
|
overflow-x: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 去除底部表格边框
|
// 去除底部表格边框
|
||||||
.footer-table {
|
.footer-table {
|
||||||
/deep/ .ant-table-tbody > tr > td {
|
/deep/ .ant-table-tbody > tr > td {
|
||||||
|
|||||||
+12
-18
@@ -66,6 +66,7 @@
|
|||||||
:loading="loading"
|
:loading="loading"
|
||||||
:scroll="{x: 1100}"
|
:scroll="{x: 1100}"
|
||||||
@change="handleTableChange"
|
@change="handleTableChange"
|
||||||
|
:class="dataSource.length === 0 ? 'show-scroll' : ''"
|
||||||
class="j-table-force-nowrap main-table">
|
class="j-table-force-nowrap main-table">
|
||||||
|
|
||||||
<!-- 项目名称-->
|
<!-- 项目名称-->
|
||||||
@@ -82,7 +83,7 @@
|
|||||||
<a @click="goDetail(record.id)">详情</a>
|
<a @click="goDetail(record.id)">详情</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<template slot="footer" slot-scope="currentPageData">
|
<template slot="footer" v-if="dataSource.length > 0">
|
||||||
|
|
||||||
<a-table
|
<a-table
|
||||||
size="middle"
|
size="middle"
|
||||||
@@ -170,14 +171,6 @@ export default {
|
|||||||
scopedSlots: { customRender: 'text' }
|
scopedSlots: { customRender: 'text' }
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
dataSource: [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
workGroup: 'zx工作组',
|
|
||||||
allMoney: '500',
|
|
||||||
comeAllMoney: '600'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
// 总计表头,与主表表头一致
|
// 总计表头,与主表表头一致
|
||||||
columnsFooter: [
|
columnsFooter: [
|
||||||
{
|
{
|
||||||
@@ -212,14 +205,7 @@ export default {
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
// 总计数据
|
// 总计数据
|
||||||
footerDataSource: [
|
footerDataSource: []
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title: '总计',
|
|
||||||
allMoney: '500',
|
|
||||||
comeAllMoney: '600'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -228,7 +214,9 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
// 同步表与footer滚动,保留底部滚动条
|
// 同步表与footer滚动,保留底部滚动条
|
||||||
setScroll() {
|
setScroll() {
|
||||||
//
|
if (this.dataSource.length === 0) {
|
||||||
|
return
|
||||||
|
}
|
||||||
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
||||||
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
||||||
dom.addEventListener(
|
dom.addEventListener(
|
||||||
@@ -264,6 +252,12 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.show-scroll {
|
||||||
|
/deep/ .ant-table-body {
|
||||||
|
overflow-x: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 去除底部表格边框
|
// 去除底部表格边框
|
||||||
.footer-table {
|
.footer-table {
|
||||||
/deep/ .ant-table-tbody > tr > td {
|
/deep/ .ant-table-tbody > tr > td {
|
||||||
|
|||||||
+34
-16
@@ -94,6 +94,7 @@
|
|||||||
:pagination="ipagination"
|
:pagination="ipagination"
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
@change="handleTableChange"
|
@change="handleTableChange"
|
||||||
|
:class="dataSource.length === 0 ? 'show-scroll' : ''"
|
||||||
class="j-table-force-nowrap main-table">
|
class="j-table-force-nowrap main-table">
|
||||||
|
|
||||||
<!-- 项目名称-->
|
<!-- 项目名称-->
|
||||||
@@ -106,7 +107,7 @@
|
|||||||
<j-ellipsis :value="text" :length="18"></j-ellipsis>
|
<j-ellipsis :value="text" :length="18"></j-ellipsis>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template slot="footer" slot-scope="currentPageData">
|
<template slot="footer" v-if="dataSource.length > 0">
|
||||||
|
|
||||||
<a-table
|
<a-table
|
||||||
size="middle"
|
size="middle"
|
||||||
@@ -138,6 +139,7 @@ import PageHeaderTitle from '../../../components/layouts/PageHeaderTitle'
|
|||||||
import { JeroListMixin } from '../../../mixins/JeroListMixin'
|
import { JeroListMixin } from '../../../mixins/JeroListMixin'
|
||||||
import JYearDate from '../../../components/jero/JYearDate'
|
import JYearDate from '../../../components/jero/JYearDate'
|
||||||
import SelectPrincipal from '../../../components/company/SelectPrincipal'
|
import SelectPrincipal from '../../../components/company/SelectPrincipal'
|
||||||
|
import { queryDepartTreeList } from '../../../api/api'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'IndividualPaymentStatisticsList',
|
name: 'IndividualPaymentStatisticsList',
|
||||||
@@ -200,12 +202,6 @@ export default {
|
|||||||
width: 140
|
width: 140
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
dataSource: [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
chargeProject: '项目名称'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
columnsFooter: [
|
columnsFooter: [
|
||||||
{
|
{
|
||||||
title: '序号',
|
title: '序号',
|
||||||
@@ -248,26 +244,24 @@ export default {
|
|||||||
width: 140
|
width: 140
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
footerDataSource: [
|
footerDataSource: [],
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title: '总计',
|
|
||||||
receivableAmount: 4000,
|
|
||||||
paidAmount: 200
|
|
||||||
}
|
|
||||||
],
|
|
||||||
url: {
|
url: {
|
||||||
list: ''
|
list: ''
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.loadDepartTreeData()
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.setScroll()
|
this.setScroll()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 同步表与footer滚动,保留底部滚动条
|
// 同步表与footer滚动,保留底部滚动条
|
||||||
setScroll() {
|
setScroll() {
|
||||||
//
|
if (this.dataSource.length === 0) {
|
||||||
|
return
|
||||||
|
}
|
||||||
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
||||||
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
||||||
dom.addEventListener(
|
dom.addEventListener(
|
||||||
@@ -284,6 +278,24 @@ export default {
|
|||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: '/statisticalReport/departmentStatistics/IndividualPaymentStatisticsDetail'
|
path: '/statisticalReport/departmentStatistics/IndividualPaymentStatisticsDetail'
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 获取科室(部门)数据
|
||||||
|
*/
|
||||||
|
loadDepartTreeData() {
|
||||||
|
queryDepartTreeList().then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
this.treeDepartData = []
|
||||||
|
let treeList = res.result
|
||||||
|
for (let a = 0; a < treeList.length; a++) {
|
||||||
|
let temp = treeList[a]
|
||||||
|
temp.isLeaf = temp.leaf
|
||||||
|
this.treeDepartData.push(temp)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
console.log(res.message)
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -308,6 +320,12 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.show-scroll {
|
||||||
|
/deep/ .ant-table-body {
|
||||||
|
overflow-x: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 去除底部表格边框
|
// 去除底部表格边框
|
||||||
.footer-table {
|
.footer-table {
|
||||||
/deep/ .ant-table-tbody > tr > td {
|
/deep/ .ant-table-tbody > tr > td {
|
||||||
|
|||||||
@@ -66,6 +66,7 @@
|
|||||||
:loading="loading"
|
:loading="loading"
|
||||||
:scroll="{x: 1100}"
|
:scroll="{x: 1100}"
|
||||||
@change="handleTableChange"
|
@change="handleTableChange"
|
||||||
|
:class="dataSource.length === 0 ? 'show-scroll' : ''"
|
||||||
class="j-table-force-nowrap main-table">
|
class="j-table-force-nowrap main-table">
|
||||||
|
|
||||||
<!-- 项目名称-->
|
<!-- 项目名称-->
|
||||||
@@ -82,7 +83,7 @@
|
|||||||
<a @click="goDetail(record.id)">详情</a>
|
<a @click="goDetail(record.id)">详情</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<template slot="footer" slot-scope="currentPageData">
|
<template slot="footer" v-if="dataSource.length > 0">
|
||||||
|
|
||||||
<a-table
|
<a-table
|
||||||
size="middle"
|
size="middle"
|
||||||
@@ -172,14 +173,6 @@ export default {
|
|||||||
scopedSlots: { customRender: 'text' }
|
scopedSlots: { customRender: 'text' }
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
dataSource: [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
workGroup: 'zx工作组',
|
|
||||||
allMoney: '500',
|
|
||||||
comeAllMoney: '600'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
// 总计表头,与主表表头一致
|
// 总计表头,与主表表头一致
|
||||||
columnsFooter: [
|
columnsFooter: [
|
||||||
{
|
{
|
||||||
@@ -214,14 +207,7 @@ export default {
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
// 总计数据
|
// 总计数据
|
||||||
footerDataSource: [
|
footerDataSource: []
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title: '总计',
|
|
||||||
allMoney: '500',
|
|
||||||
comeAllMoney: '600'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -230,7 +216,9 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
// 同步表与footer滚动,保留底部滚动条
|
// 同步表与footer滚动,保留底部滚动条
|
||||||
setScroll() {
|
setScroll() {
|
||||||
//
|
if (this.dataSource.length === 0) {
|
||||||
|
return
|
||||||
|
}
|
||||||
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
||||||
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
||||||
dom.addEventListener(
|
dom.addEventListener(
|
||||||
@@ -266,6 +254,12 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.show-scroll {
|
||||||
|
/deep/ .ant-table-body {
|
||||||
|
overflow-x: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 去除底部表格边框
|
// 去除底部表格边框
|
||||||
.footer-table {
|
.footer-table {
|
||||||
/deep/ .ant-table-tbody > tr > td {
|
/deep/ .ant-table-tbody > tr > td {
|
||||||
|
|||||||
+12
-18
@@ -66,6 +66,7 @@
|
|||||||
:loading="loading"
|
:loading="loading"
|
||||||
:scroll="{x: 1100}"
|
:scroll="{x: 1100}"
|
||||||
@change="handleTableChange"
|
@change="handleTableChange"
|
||||||
|
:class="dataSource.length === 0 ? 'show-scroll' : ''"
|
||||||
class="j-table-force-nowrap main-table">
|
class="j-table-force-nowrap main-table">
|
||||||
|
|
||||||
<!-- 项目名称-->
|
<!-- 项目名称-->
|
||||||
@@ -82,7 +83,7 @@
|
|||||||
<a @click="goDetail(record.id)">详情</a>
|
<a @click="goDetail(record.id)">详情</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<template slot="footer" slot-scope="currentPageData">
|
<template slot="footer" v-if="dataSource.length > 0">
|
||||||
|
|
||||||
<a-table
|
<a-table
|
||||||
size="middle"
|
size="middle"
|
||||||
@@ -176,14 +177,6 @@ export default {
|
|||||||
scopedSlots: { customRender: 'text' }
|
scopedSlots: { customRender: 'text' }
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
dataSource: [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
workGroup: 'zx工作组',
|
|
||||||
allMoney: '500',
|
|
||||||
comeAllMoney: '600'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
// 总计表头,与主表表头一致
|
// 总计表头,与主表表头一致
|
||||||
columnsFooter: [
|
columnsFooter: [
|
||||||
{
|
{
|
||||||
@@ -223,14 +216,7 @@ export default {
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
// 总计数据
|
// 总计数据
|
||||||
footerDataSource: [
|
footerDataSource: []
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title: '总计',
|
|
||||||
allMoney: '500',
|
|
||||||
comeAllMoney: '600'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -239,7 +225,9 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
// 同步表与footer滚动,保留底部滚动条
|
// 同步表与footer滚动,保留底部滚动条
|
||||||
setScroll() {
|
setScroll() {
|
||||||
//
|
if (this.dataSource.length === 0) {
|
||||||
|
return
|
||||||
|
}
|
||||||
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
||||||
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
||||||
dom.addEventListener(
|
dom.addEventListener(
|
||||||
@@ -275,6 +263,12 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.show-scroll {
|
||||||
|
/deep/ .ant-table-body {
|
||||||
|
overflow-x: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 去除底部表格边框
|
// 去除底部表格边框
|
||||||
.footer-table {
|
.footer-table {
|
||||||
/deep/ .ant-table-tbody > tr > td {
|
/deep/ .ant-table-tbody > tr > td {
|
||||||
|
|||||||
+12
-18
@@ -54,6 +54,7 @@
|
|||||||
:loading="loading"
|
:loading="loading"
|
||||||
:scroll="{x: 1100}"
|
:scroll="{x: 1100}"
|
||||||
@change="handleTableChange"
|
@change="handleTableChange"
|
||||||
|
:class="dataSource.length === 0 ? 'show-scroll' : ''"
|
||||||
class="j-table-force-nowrap main-table">
|
class="j-table-force-nowrap main-table">
|
||||||
|
|
||||||
<!-- 项目名称-->
|
<!-- 项目名称-->
|
||||||
@@ -70,7 +71,7 @@
|
|||||||
<a @click="goDetail(record.id)">详情</a>
|
<a @click="goDetail(record.id)">详情</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<template slot="footer" slot-scope="currentPageData">
|
<template slot="footer" v-if="dataSource.length > 0">
|
||||||
|
|
||||||
<a-table
|
<a-table
|
||||||
size="middle"
|
size="middle"
|
||||||
@@ -161,14 +162,6 @@ export default {
|
|||||||
scopedSlots: { customRender: 'action' }
|
scopedSlots: { customRender: 'action' }
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
dataSource: [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
workGroup: 'zx工作组',
|
|
||||||
allMoney: '500',
|
|
||||||
comeAllMoney: '600'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
// 总计表头,与主表表头一致
|
// 总计表头,与主表表头一致
|
||||||
columnsFooter: [
|
columnsFooter: [
|
||||||
{
|
{
|
||||||
@@ -202,14 +195,7 @@ export default {
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
// 总计数据
|
// 总计数据
|
||||||
footerDataSource: [
|
footerDataSource: []
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title: '总计',
|
|
||||||
allMoney: '500',
|
|
||||||
comeAllMoney: '600'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -224,7 +210,9 @@ export default {
|
|||||||
},
|
},
|
||||||
// 同步表与footer滚动,保留底部滚动条
|
// 同步表与footer滚动,保留底部滚动条
|
||||||
setScroll() {
|
setScroll() {
|
||||||
//
|
if (this.dataSource.length === 0) {
|
||||||
|
return
|
||||||
|
}
|
||||||
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
|
||||||
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
|
||||||
dom.addEventListener(
|
dom.addEventListener(
|
||||||
@@ -260,6 +248,12 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.show-scroll {
|
||||||
|
/deep/ .ant-table-body {
|
||||||
|
overflow-x: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 去除底部表格边框
|
// 去除底部表格边框
|
||||||
.footer-table {
|
.footer-table {
|
||||||
/deep/ .ant-table-tbody > tr > td {
|
/deep/ .ant-table-tbody > tr > td {
|
||||||
|
|||||||
+1
-4
@@ -43,7 +43,7 @@
|
|||||||
</a-col>
|
</a-col>
|
||||||
<a-col :xxl="5" :xl="8" :lg="7" :md="8" :sm="24">
|
<a-col :xxl="5" :xl="8" :lg="7" :md="8" :sm="24">
|
||||||
<a-form-item label="项目负责人" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-form-item label="项目负责人" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
||||||
<select-principal placeholder="请选择项目负责人" v-model="queryParam.principalName"></select-principal>
|
<select-principal placeholder="请选择项目负责人" v-model="queryParam.principalNameId"></select-principal>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :xl="4" :lg="7" :md="8" :sm="24">
|
<a-col :xl="4" :lg="7" :md="8" :sm="24">
|
||||||
@@ -252,9 +252,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
|
||||||
this.setScroll()
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
loadData(arg) {
|
loadData(arg) {
|
||||||
if (!this.url.list) {
|
if (!this.url.list) {
|
||||||
|
|||||||
+13
-5
@@ -54,6 +54,7 @@
|
|||||||
:loading="loading"
|
:loading="loading"
|
||||||
:scroll="{x: 1100}"
|
:scroll="{x: 1100}"
|
||||||
@change="handleTableChange"
|
@change="handleTableChange"
|
||||||
|
:class="dataSource.length === 0 ? 'show-scroll' : ''"
|
||||||
class="j-table-force-nowrap main-table">
|
class="j-table-force-nowrap main-table">
|
||||||
|
|
||||||
<!-- 项目名称-->
|
<!-- 项目名称-->
|
||||||
@@ -70,7 +71,7 @@
|
|||||||
<a @click="goDetail(record.id)">详情</a>
|
<a @click="goDetail(record.id)">详情</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<template slot="footer">
|
<template slot="footer" v-if="dataSource.length > 0">
|
||||||
|
|
||||||
<a-table
|
<a-table
|
||||||
size="middle"
|
size="middle"
|
||||||
@@ -212,9 +213,6 @@ export default {
|
|||||||
footerDataSource: []
|
footerDataSource: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
|
||||||
this.setScroll()
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
loadData(arg) {
|
loadData(arg) {
|
||||||
if (!this.url.list) {
|
if (!this.url.list) {
|
||||||
@@ -237,7 +235,6 @@ export default {
|
|||||||
comeAllMoney: res.result.sumOfReallyMoney.toString()
|
comeAllMoney: res.result.sumOfReallyMoney.toString()
|
||||||
}
|
}
|
||||||
this.footerDataSource = [obj]
|
this.footerDataSource = [obj]
|
||||||
console.log(this.footerDataSource)
|
|
||||||
if (res.result.total) {
|
if (res.result.total) {
|
||||||
this.ipagination.total = res.result.total
|
this.ipagination.total = res.result.total
|
||||||
//清空列表选中
|
//清空列表选中
|
||||||
@@ -246,6 +243,11 @@ export default {
|
|||||||
this.ipagination.total = 0
|
this.ipagination.total = 0
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if (this.dataSource.length > 0) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.setScroll()
|
||||||
|
})
|
||||||
|
}
|
||||||
if (res.code === 510) {
|
if (res.code === 510) {
|
||||||
this.$message.warning(res.message)
|
this.$message.warning(res.message)
|
||||||
}
|
}
|
||||||
@@ -304,6 +306,12 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.show-scroll {
|
||||||
|
/deep/ .ant-table-body {
|
||||||
|
overflow-x: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 去除底部表格边框
|
// 去除底部表格边框
|
||||||
.footer-table {
|
.footer-table {
|
||||||
/deep/ .ant-table-tbody > tr > td {
|
/deep/ .ant-table-tbody > tr > td {
|
||||||
|
|||||||
Reference in New Issue
Block a user