|
|
@@ -1,31 +1,31 @@
|
|
|
<template>
|
|
|
<!--布局容器-->
|
|
|
<div class="container" style="width: 99%; margin-top: 0px">
|
|
|
- <templateTable
|
|
|
- :formList="formList"
|
|
|
- :tableConfig="tableConfig"
|
|
|
- :data="tableData"
|
|
|
- @findPage="findPage"
|
|
|
- @handleSearchList="handleSearchList"
|
|
|
- :pagination="pageData"
|
|
|
- >
|
|
|
- <template slot="data">
|
|
|
- <yearMonthYay ref="yearMonthYay" @getYearData="getYearData" @getMonthData="getMonthData" @getDayData="getDayData"></yearMonthYay>
|
|
|
- </template>
|
|
|
- <template slot="dockingPerson">
|
|
|
- <el-select v-model="formData.dockingPerson" filterable clearable placeholder="请选择" size="small">
|
|
|
- <el-option
|
|
|
- v-for="item in dockingPersonOption"
|
|
|
- :key="item.docking_person"
|
|
|
- :label="item.docking_person"
|
|
|
- :value="item.docking_person">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
+ <templateTable :formList="formList" :tableConfig="tableConfig" :data="tableData" @findPage="findPage"
|
|
|
+ @handleSearchList="handleSearchList" :pagination="pageData">
|
|
|
+ <template slot="data">
|
|
|
+ <yearMonthYay ref="yearMonthYay" @getYearData="getYearData" @getMonthData="getMonthData" @getDayData="getDayData">
|
|
|
+ </yearMonthYay>
|
|
|
+ </template>
|
|
|
+ <template slot="dockingPerson">
|
|
|
+ <el-select v-model="formData.dockingPerson" filterable clearable placeholder="请选择" size="small">
|
|
|
+ <el-option v-for="item in dockingPersonOption" :key="item.docking_person" :label="item.docking_person"
|
|
|
+ :value="item.docking_person">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
</templateTable>
|
|
|
+ <el-dialog title="记录" :visible.sync="dialogVisiblerecord" width="30%" :before-close="handleCloserecord">
|
|
|
+ <templateTable ref="templateTable1" :pagination="pageDatarecord" @getList="getListrecord"
|
|
|
+ :tableConfig="tableConfigDetailrecord" :data="formTableDatarecord" @findPage="findPageDetailrecord">
|
|
|
+ </templateTable>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogVisiblerecord = false">取消</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <script>
|
|
|
+<script>
|
|
|
import KtCommonTable from "@/views/Core/KtCommonTable.vue";//表格组件
|
|
|
import templateTable from '@/components/TemplateTable/index.vue'
|
|
|
import { mapState } from 'vuex'
|
|
|
@@ -33,18 +33,42 @@ import yearMonthYay from './yearMonthYay.vue'
|
|
|
|
|
|
export default {
|
|
|
name: "baosi",
|
|
|
- components: { KtCommonTable,templateTable,yearMonthYay },
|
|
|
+ components: { KtCommonTable, templateTable, yearMonthYay },
|
|
|
created() {
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState({
|
|
|
- perms: state =>state.user.perms
|
|
|
+ perms: state => state.user.perms
|
|
|
})
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- searchData:{},
|
|
|
- formList:[
|
|
|
+ dialogVisiblerecord: false,
|
|
|
+ formTableDatarecord: [],
|
|
|
+ tableConfigDetailrecord: {
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ prop: "settlementTime",
|
|
|
+ label: "进账日期",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "settlementAmount",
|
|
|
+ label: "进帐金额",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow: true
|
|
|
+ },
|
|
|
+ pageDatarecord: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0
|
|
|
+ },
|
|
|
+ searchData: {},
|
|
|
+ formList: [
|
|
|
{
|
|
|
label: "保险公司",
|
|
|
prop: "companyName",
|
|
|
@@ -65,8 +89,8 @@ export default {
|
|
|
name: "data",
|
|
|
type: "slot",
|
|
|
},
|
|
|
- ],
|
|
|
- tableConfig:{
|
|
|
+ ],
|
|
|
+ tableConfig: {
|
|
|
columns: [
|
|
|
{
|
|
|
prop: "companyName",
|
|
|
@@ -99,44 +123,86 @@ export default {
|
|
|
type: "text"
|
|
|
},
|
|
|
],
|
|
|
- loading:true,
|
|
|
- isPaginationShow:true,
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow: true,
|
|
|
isShowIndex: true,
|
|
|
- },
|
|
|
- tableData: [],
|
|
|
+ optBtns: [
|
|
|
+ {
|
|
|
+ type: 'primary',
|
|
|
+ label: '记录',
|
|
|
+ click: (row, index) => { return this.haldRecord(row) },
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
formData: {},
|
|
|
dialogVisible: false,
|
|
|
- pageData:{
|
|
|
+ pageData: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 20,
|
|
|
- agreementType:1,
|
|
|
- handlingFeesStatus:1
|
|
|
+ agreementType: 1,
|
|
|
+ handlingFeesStatus: 1
|
|
|
},
|
|
|
- dockingPersonOption:[]
|
|
|
+ dockingPersonOption: []
|
|
|
};
|
|
|
},
|
|
|
- created(){
|
|
|
+ created() {
|
|
|
this.findPage();
|
|
|
this.$api.task
|
|
|
- .getDockingPersonList()
|
|
|
+ .getDockingPersonList()
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.dockingPersonOption = res.data
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ haldRecord(row) {
|
|
|
+ this.findPageDetailrecord(row)
|
|
|
+ this.dialogVisiblerecord = true
|
|
|
+ },
|
|
|
+ findPageDetailrecord(data) {
|
|
|
+ this.tableConfigDetailrecord.loading = true
|
|
|
+ this.$api.task
|
|
|
+ .settlementFeesQuery({
|
|
|
+ partnerCompaniesId: data.partnerCompaniesId,
|
|
|
+ agreementType: '1',
|
|
|
+ handlingFeesStatus: '0',
|
|
|
+ ...this.pageDatarecord
|
|
|
+ })
|
|
|
.then(res => {
|
|
|
- if (res.code==200) {
|
|
|
- this.dockingPersonOption=res.data
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.formTableDatarecord = res.data.content;
|
|
|
+ this.pageDatarecord = {
|
|
|
+ pageNum: res.data.pageNum,
|
|
|
+ pageSize: res.data.pageSize,
|
|
|
+ totalSize: res.data.totalSize,
|
|
|
+ }
|
|
|
+ this.tableConfigDetailrecord.loading = false;
|
|
|
}
|
|
|
- else{
|
|
|
+ else {
|
|
|
+ this.tableConfigDetail.loading = false;
|
|
|
this.$message.error(res.msg)
|
|
|
}
|
|
|
});
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getYearData(val){
|
|
|
- this.formData.year=val
|
|
|
},
|
|
|
- getMonthData(val){
|
|
|
- this.formData.month=val
|
|
|
+ getListrecord(data) {
|
|
|
+ this.findPageDetailrecord()
|
|
|
},
|
|
|
- getDayData(val){
|
|
|
- this.formData.day=val
|
|
|
+ handleCloserecord() {
|
|
|
+ this.dialogVisiblerecord = false
|
|
|
+ },
|
|
|
+ getYearData(val) {
|
|
|
+ this.formData.year = val
|
|
|
+ },
|
|
|
+ getMonthData(val) {
|
|
|
+ this.formData.month = val
|
|
|
+ },
|
|
|
+ getDayData(val) {
|
|
|
+ this.formData.day = val
|
|
|
},
|
|
|
// 查询
|
|
|
handleSearchList(val) {
|
|
|
@@ -146,23 +212,23 @@ export default {
|
|
|
findPage(data) {
|
|
|
this.tableConfig.loading = true;
|
|
|
this.$api.task
|
|
|
- .totalPinAmount({...this.pageData,...data,...this.formData} )
|
|
|
+ .totalPinAmount({ ...this.pageData, ...data, ...this.formData })
|
|
|
.then(res => {
|
|
|
- if (res.code==200) {
|
|
|
+ if (res.code == 200) {
|
|
|
this.tableData = res.data;
|
|
|
// this.pageData.pageNum = res.data.pageNum;
|
|
|
// this.pageData.pageSize = res.data.pageSize;
|
|
|
// this.pageData.totalSize = res.data.totalSize;
|
|
|
this.tableConfig.loading = false;
|
|
|
}
|
|
|
- else{
|
|
|
+ else {
|
|
|
this.tableConfig.loading = false;
|
|
|
this.$message.error(res.msg)
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
tablePageChange(val) {
|
|
|
this.pageData.pageSize = val;
|
|
|
this.findPage();
|
|
|
@@ -171,15 +237,14 @@ export default {
|
|
|
this.pageData.pageNum = val;
|
|
|
this.findPage();
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
- <style scoped>
|
|
|
-
|
|
|
- >>> .dataTable .el-table__header-wrapper .el-table__header .el-checkbox {
|
|
|
- display: none;
|
|
|
+<style scoped>
|
|
|
+>>>.dataTable .el-table__header-wrapper .el-table__header .el-checkbox {
|
|
|
+ display: none;
|
|
|
}
|
|
|
</style>
|
|
|
|