|
|
@@ -23,6 +23,14 @@
|
|
|
<el-button size="small" @click="dialogVisiblerecord = false">取消</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
+ <el-dialog title="明细" :visible.sync="dialogVisibleDetail" width="60%" :before-close="handleCloseDetail">
|
|
|
+ <templateTable ref="templateTable2" :pagination="pageDataDetail" @getList="getListDetail"
|
|
|
+ :tableConfig="tableConfigDetailDetail" :data="formTableDatarecord" @findPage="findPageDetailrecord">
|
|
|
+ </templateTable>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogVisibleDetail = false">取消</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -43,6 +51,78 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ tableConfigDetailDetail: {
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ prop: "licenseno",
|
|
|
+ label: "车牌",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "policyno",
|
|
|
+ label: "交强保单号",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "syPolicyno",
|
|
|
+ label: "商业保单号",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "noPolicyno",
|
|
|
+ label: "非车保单号",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "insuredName",
|
|
|
+ label: "被保人",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "jqPremium",
|
|
|
+ label: "交强保费",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "syPremium",
|
|
|
+ label: "商业保费",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "noPremium",
|
|
|
+ label: "非车保费",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "jqReceivableProportion",
|
|
|
+ label: "交强应收比例",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "syReceivableProportion",
|
|
|
+ label: "商业应收比例",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "noReceivableProportion",
|
|
|
+ label: "非车应收比例",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "receivableAmount",
|
|
|
+ label: "应收金额",
|
|
|
+ type: "text"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow: true
|
|
|
+ },
|
|
|
+ pageDataDetail: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0
|
|
|
+ },
|
|
|
+ dialogVisibleDetail: false,
|
|
|
dialogVisiblerecord: false,
|
|
|
formTableDatarecord: [],
|
|
|
tableConfigDetailrecord: {
|
|
|
@@ -125,12 +205,18 @@ export default {
|
|
|
],
|
|
|
loading: true,
|
|
|
isPaginationShow: true,
|
|
|
+ showSummary: true,
|
|
|
isShowIndex: true,
|
|
|
optBtns: [
|
|
|
{
|
|
|
type: 'primary',
|
|
|
label: '记录',
|
|
|
click: (row, index) => { return this.haldRecord(row) },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: 'primary',
|
|
|
+ label: '明细',
|
|
|
+ click: (row, index) => { return this.haldDetail(row) },
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
@@ -160,6 +246,43 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 明细
|
|
|
+ findPageDetailDetail(data) {
|
|
|
+ this.tableConfigDetailDetail.loading = true
|
|
|
+ this.$api.task
|
|
|
+ .plyFeeQuery({
|
|
|
+ partnerCompaniesId: data.partnerCompaniesId,
|
|
|
+ agreementType: '1',
|
|
|
+ handlingFeesStatus: '0',
|
|
|
+ ...this.pageDataDetail
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.formTableDatarecord = res.data.content;
|
|
|
+ this.pageDataDetail = {
|
|
|
+ pageNum: res.data.pageNum,
|
|
|
+ pageSize: res.data.pageSize,
|
|
|
+ totalSize: res.data.totalSize,
|
|
|
+ }
|
|
|
+ this.tableConfigDetailDetail.loading = false;
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.tableConfigDetail.loading = false;
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getListDetail(data) {
|
|
|
+ this.findPageDetailDetail()
|
|
|
+ },
|
|
|
+ haldDetail(row) {
|
|
|
+ this.findPageDetailDetail(row)
|
|
|
+ this.dialogVisibleDetail = true
|
|
|
+ },
|
|
|
+ handleCloseDetail() {
|
|
|
+ this.dialogVisibleDetail = false
|
|
|
+ },
|
|
|
+
|
|
|
haldRecord(row) {
|
|
|
this.findPageDetailrecord(row)
|
|
|
this.dialogVisiblerecord = true
|