|
|
@@ -1,635 +1,757 @@
|
|
|
<template>
|
|
|
- <!--布局容器-->
|
|
|
- <div class="invoiceAnd" style="width: 99%; margin-top: 0px">
|
|
|
- <templateTable :formList="formList" :searchData.sync="searchData" :tableConfig="tableConfig" :data="tableData"
|
|
|
- @findPage="findPage" @handleSearchList="handleSearchList" @resetForm="resetForm" :pagination="pageData" @getList="getList">
|
|
|
- <template slot="data">
|
|
|
- <yearMonthYay ref="yearMonthYay" @getYearData="getYearData" @getMonthData="getMonthData"
|
|
|
- @getDayData="getDayData"></yearMonthYay>
|
|
|
- </template>
|
|
|
- <template slot="保司机构">
|
|
|
- <el-cascader v-model="pageData.partnerCompaniesIdList" size="small" :show-all-levels="false" ize="small"
|
|
|
- :options="ztreeNodes" :props='{
|
|
|
+ <!--布局容器-->
|
|
|
+ <div class="invoiceAnd" style="width: 99%; margin-top: 0px">
|
|
|
+ <templateTable
|
|
|
+ :formList="formList"
|
|
|
+ :searchData.sync="searchData"
|
|
|
+ :tableConfig="tableConfig"
|
|
|
+ :data="tableData"
|
|
|
+ @findPage="findPage"
|
|
|
+ @handleSearchList="handleSearchList"
|
|
|
+ @resetForm="resetForm"
|
|
|
+ :pagination="pageData"
|
|
|
+ @getList="getList"
|
|
|
+ >
|
|
|
+ <template slot="data">
|
|
|
+ <yearMonthYay
|
|
|
+ ref="yearMonthYay"
|
|
|
+ @getYearData="getYearData"
|
|
|
+ @getMonthData="getMonthData"
|
|
|
+ @getDayData="getDayData"
|
|
|
+ ></yearMonthYay>
|
|
|
+ </template>
|
|
|
+ <template slot="保司机构">
|
|
|
+ <el-cascader
|
|
|
+ v-model="pageData.partnerCompaniesIdList"
|
|
|
+ size="small"
|
|
|
+ :show-all-levels="false"
|
|
|
+ ize="small"
|
|
|
+ :options="ztreeNodes"
|
|
|
+ :props="{
|
|
|
checkStrictly: true,
|
|
|
- value: "id",
|
|
|
- label: "name",
|
|
|
- children: "children",
|
|
|
- }' clearable filterable></el-cascader>
|
|
|
+ value: 'id',
|
|
|
+ label: 'name',
|
|
|
+ children: 'children',
|
|
|
+ }"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ ></el-cascader>
|
|
|
</template>
|
|
|
- </templateTable>
|
|
|
- <el-dialog title="详情" :visible.sync="dialogVisible" width="80%" :before-close="handleClose">
|
|
|
- <templateTable ref="templateTable" :formList="formList1" @handleSearchList="handleSearchList1"
|
|
|
- :tableConfig="tableConfigDetail" :data="formTableData" @findPage="findPageDetail">
|
|
|
- <template slot="开票方式" slot-scope="scope">
|
|
|
- <span>{{ scope.row.invoicingMethod == 0 ? '保司开票' : scope.row.invoicingMethod == 1 ? '掌柜开票' : scope.row.invoicingMethod }}</span>
|
|
|
- </template>
|
|
|
- <template slot="结算状态" slot-scope="scope">
|
|
|
- <span>{{ scope.row.completionStatus == 0 ? '开票未结算' : scope.row.completionStatus == 1 ? '开票已结算' : scope.row.completionStatus == 2 ? '开票结算清' : scope.row.completionStatus }}</span>
|
|
|
- </template>
|
|
|
- </templateTable>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="dialogVisible = false">取消</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="记录" :visible.sync="dialogVisiblerecord" width="30%" :before-close="handleCloserecord">
|
|
|
- <templateTable ref="templateTable1" :pagination="pageDatarecord" @getList="getListrecord"
|
|
|
- :tableConfig="tableConfigDetailrecord" :data="formTableDatarecord" @findPage="findPageDetailrecord">
|
|
|
- <template slot="imageUrl" slot-scope="scope">
|
|
|
- <img v-if="scope.row.imageUrl" :src='scope.row.imageUrl' class="imageclass" @click.stop="showViewer=true;ProViewImg=scope.row.imageUrl" />
|
|
|
- </template>
|
|
|
- </templateTable>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="dialogVisiblerecord = false">取消</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="明细" :visible.sync="dialogVisiblerecordDetail" width="50%" :before-close="handleCloserecorddetail">
|
|
|
- <templateTable ref="templateTable1" :pagination="pageDatarecorddetail" @getList="getListrecorddetail"
|
|
|
- :tableConfig="tableConfigDetailrecorddetail" :data="recordDetailData" @findPage="findPageDetailrecorddatail">
|
|
|
- </templateTable>
|
|
|
-
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="dialogVisiblerecordDetail = false">取消</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog
|
|
|
- title="结算"
|
|
|
- :visible.sync="dialogVisiblebalance"
|
|
|
- width="20%"
|
|
|
- :before-close="handleClosebalance">
|
|
|
- <el-form ref="form" :model="form" label-width="85px">
|
|
|
- <el-form-item label="进账金额:">
|
|
|
- <el-input v-model="form.settlementAmount" style="width:220px"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="进账日期:">
|
|
|
- <el-date-picker
|
|
|
- v-model="form.settlementTime"
|
|
|
- type="date"
|
|
|
- placeholder="选择日期"
|
|
|
- value-format="yyyy-MM-dd">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="上传凭证:" >
|
|
|
- <el-upload action="#" class="upload-demo" :limit="1" :auto-upload="false"
|
|
|
- :on-change="drivingupload" ref="upload3" accept=".png, .jpg, .jpeg" :file-list="fileList">
|
|
|
- <el-button size="small" type="primary">点击上传</el-button>
|
|
|
- </el-upload>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="dialogVisiblebalance = false">取消</el-button>
|
|
|
- <el-button type="primary" size="small" @click="balanceSumbit">确实</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
+ </templateTable>
|
|
|
+ <el-dialog
|
|
|
+ title="详情"
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ width="80%"
|
|
|
+ :before-close="handleClose"
|
|
|
+ >
|
|
|
+ <templateTable
|
|
|
+ ref="templateTable"
|
|
|
+ :formList="formList1"
|
|
|
+ @handleSearchList="handleSearchList1"
|
|
|
+ :tableConfig="tableConfigDetail"
|
|
|
+ :data="formTableData"
|
|
|
+ @findPage="findPageDetail"
|
|
|
+ >
|
|
|
+ <template slot="开票方式" slot-scope="scope">
|
|
|
+ <span>{{
|
|
|
+ scope.row.invoicingMethod == 0
|
|
|
+ ? "保司开票"
|
|
|
+ : scope.row.invoicingMethod == 1
|
|
|
+ ? "掌柜开票"
|
|
|
+ : scope.row.invoicingMethod
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ <template slot="结算状态" slot-scope="scope">
|
|
|
+ <span>{{
|
|
|
+ scope.row.completionStatus == 0
|
|
|
+ ? "开票未结算"
|
|
|
+ : scope.row.completionStatus == 1
|
|
|
+ ? "开票已结算"
|
|
|
+ : scope.row.completionStatus == 2
|
|
|
+ ? "开票结算清"
|
|
|
+ : scope.row.completionStatus
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </templateTable>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogVisible = false">取消</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog
|
|
|
+ title="记录"
|
|
|
+ :visible.sync="dialogVisiblerecord"
|
|
|
+ width="30%"
|
|
|
+ :before-close="handleCloserecord"
|
|
|
+ >
|
|
|
+ <templateTable
|
|
|
+ ref="templateTable1"
|
|
|
+ :pagination="pageDatarecord"
|
|
|
+ @getList="getListrecord"
|
|
|
+ :tableConfig="tableConfigDetailrecord"
|
|
|
+ :data="formTableDatarecord"
|
|
|
+ @findPage="findPageDetailrecord"
|
|
|
+ >
|
|
|
+ <template slot="imageUrl" slot-scope="scope">
|
|
|
+ <img
|
|
|
+ v-if="scope.row.imageUrl"
|
|
|
+ :src="scope.row.imageUrl"
|
|
|
+ class="imageclass"
|
|
|
+ @click.stop="
|
|
|
+ showViewer = true;
|
|
|
+ ProViewImg = scope.row.imageUrl;
|
|
|
+ "
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </templateTable>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogVisiblerecord = false"
|
|
|
+ >取消</el-button
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog
|
|
|
+ title="明细"
|
|
|
+ :visible.sync="dialogVisiblerecordDetail"
|
|
|
+ width="50%"
|
|
|
+ :before-close="handleCloserecorddetail"
|
|
|
+ >
|
|
|
+ <templateTable
|
|
|
+ ref="templateTable1"
|
|
|
+ :pagination="pageDatarecorddetail"
|
|
|
+ @getList="getListrecorddetail"
|
|
|
+ :tableConfig="tableConfigDetailrecorddetail"
|
|
|
+ :data="recordDetailData"
|
|
|
+ @findPage="findPageDetailrecorddatail"
|
|
|
+ >
|
|
|
+ </templateTable>
|
|
|
|
|
|
- <el-image-viewer v-if="showViewer" :on-close="closeViewer" :z-index="9999" :url-list="[ProViewImg]" />
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogVisiblerecordDetail = false"
|
|
|
+ >取消</el-button
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog
|
|
|
+ title="结算"
|
|
|
+ :visible.sync="dialogVisiblebalance"
|
|
|
+ width="20%"
|
|
|
+ :before-close="handleClosebalance"
|
|
|
+ >
|
|
|
+ <el-form ref="form" :model="form" label-width="85px">
|
|
|
+ <el-form-item label="进账金额:">
|
|
|
+ <el-input
|
|
|
+ v-model="form.settlementAmount"
|
|
|
+ style="width: 220px"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="进账日期:">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.settlementTime"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="上传凭证:">
|
|
|
+ <el-upload
|
|
|
+ action="#"
|
|
|
+ class="upload-demo"
|
|
|
+ :limit="1"
|
|
|
+ :auto-upload="false"
|
|
|
+ :on-change="drivingupload"
|
|
|
+ ref="upload3"
|
|
|
+ accept=".png, .jpg, .jpeg"
|
|
|
+ :file-list="fileList"
|
|
|
+ >
|
|
|
+ <el-button size="small" type="primary">点击上传</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogVisiblebalance = false"
|
|
|
+ >取消</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" size="small" @click="balanceSumbit"
|
|
|
+ >确实</el-button
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
|
|
|
- </div>
|
|
|
+ <el-image-viewer
|
|
|
+ v-if="showViewer"
|
|
|
+ :on-close="closeViewer"
|
|
|
+ :z-index="9999"
|
|
|
+ :url-list="[ProViewImg]"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import KtCommonTable from "@/views/Core/KtCommonTable.vue";//表格组件
|
|
|
-import templateTable from '@/components/TemplateTable/index.vue'
|
|
|
-import { mapState } from 'vuex'
|
|
|
-import yearMonthYay from '../../PlatformSettlement/yearMonthYay.vue'
|
|
|
+import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
|
|
|
+import templateTable from "@/components/TemplateTable/index.vue";
|
|
|
+import { mapState } from "vuex";
|
|
|
+import yearMonthYay from "../../PlatformSettlement/yearMonthYay.vue";
|
|
|
|
|
|
export default {
|
|
|
- name: "baosi",
|
|
|
- components: { KtCommonTable, templateTable, yearMonthYay,
|
|
|
- "el-image-viewer": () =>
|
|
|
- import("element-ui/packages/image/src/image-viewer") },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- process: process.env.BASE_URL,
|
|
|
- batchData:{},
|
|
|
- fileList:[],
|
|
|
- dialogVisiblebalance:false,
|
|
|
- ztreeNodes:[],
|
|
|
- showViewer:false,
|
|
|
- dialogVisiblerecordDetail:false,
|
|
|
- recordDetailData:[],
|
|
|
- ProViewImg:[],
|
|
|
- searchData: {},
|
|
|
- formList: [
|
|
|
- {
|
|
|
- label: "保险公司",
|
|
|
- prop: "companyName",
|
|
|
- type: "company",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "保司机构",
|
|
|
- name: "保司机构",
|
|
|
- type: "slot",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "年月日",
|
|
|
- name: "data",
|
|
|
- type: "slot",
|
|
|
- },
|
|
|
- ],
|
|
|
- tableConfig: {
|
|
|
- columns: [
|
|
|
- {
|
|
|
- prop: "companyName",
|
|
|
- label: "保险公司名称",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "partnerCompaniesName",
|
|
|
- label: "合作公司名称",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "commissionFeevalue",
|
|
|
- label: "总金额",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "allInvoicCommissionFeevalue",
|
|
|
- label: "已开票金额",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "readyCommissionFeevalue",
|
|
|
- label: "已开票已结算",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "invoicCommissionFeevalue",
|
|
|
- label: "已开票未结算",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "noInvoicCommissionFeevalue",
|
|
|
- label: "未开票",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "unSettledAmount",
|
|
|
- label: "未结算金额",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- ],
|
|
|
- loading: true,
|
|
|
- isPaginationShow: true,
|
|
|
- showSummary: true,
|
|
|
- isShowIndex: true,
|
|
|
- tableHeight: 'none',
|
|
|
- // optBtns: [
|
|
|
- // {
|
|
|
- // type: 'primary',
|
|
|
- // label: '结算',
|
|
|
- // click: (row, index) => { return this.balanceFun(row) },
|
|
|
- // }
|
|
|
- // ]
|
|
|
- optBtns: [
|
|
|
- {
|
|
|
- type: 'primary',
|
|
|
- label: '详情',
|
|
|
- click: (row, index) => { return this.haldDetail(row) },
|
|
|
- }
|
|
|
- ]
|
|
|
+ name: "baosi",
|
|
|
+ components: {
|
|
|
+ KtCommonTable,
|
|
|
+ templateTable,
|
|
|
+ yearMonthYay,
|
|
|
+ "el-image-viewer": () =>
|
|
|
+ import("element-ui/packages/image/src/image-viewer"),
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ process: process.env.BASE_URL,
|
|
|
+ batchData: {},
|
|
|
+ fileList: [],
|
|
|
+ dialogVisiblebalance: false,
|
|
|
+ ztreeNodes: [],
|
|
|
+ showViewer: false,
|
|
|
+ dialogVisiblerecordDetail: false,
|
|
|
+ recordDetailData: [],
|
|
|
+ ProViewImg: [],
|
|
|
+ searchData: {},
|
|
|
+ formList: [
|
|
|
+ {
|
|
|
+ label: "保险公司",
|
|
|
+ prop: "companyName",
|
|
|
+ type: "company",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "保司机构",
|
|
|
+ name: "保司机构",
|
|
|
+ type: "slot",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "年月日",
|
|
|
+ name: "data",
|
|
|
+ type: "slot",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "结清状态",
|
|
|
+ prop: "status",
|
|
|
+ type: "select",
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ label: "开票未结清",
|
|
|
+ value: "0",
|
|
|
},
|
|
|
- tableData: [],
|
|
|
- formList1: [
|
|
|
- {
|
|
|
- label: "结算状态",
|
|
|
- prop: "settlementStatus",
|
|
|
- type: "select",
|
|
|
- options: [
|
|
|
- {
|
|
|
- label: '开票未结算',
|
|
|
- value: '0'
|
|
|
- },
|
|
|
- {
|
|
|
- label: '开票已结算',
|
|
|
- value: '1'
|
|
|
- },
|
|
|
- {
|
|
|
- label: '开票结算清',
|
|
|
- value: '2'
|
|
|
- },
|
|
|
- ]
|
|
|
- },
|
|
|
-
|
|
|
- ],
|
|
|
- tableConfigDetailrecord: {
|
|
|
- columns: [
|
|
|
- {
|
|
|
- prop: "settlementTime",
|
|
|
- label: "进账日期",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "settlementAmount",
|
|
|
- label: "进帐金额",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "imageUrl",
|
|
|
- label: "凭证",
|
|
|
- type: "slot"
|
|
|
- },
|
|
|
-
|
|
|
- ],
|
|
|
- loading: true,
|
|
|
- isPaginationShow:true
|
|
|
+ {
|
|
|
+ label: "开票已结清",
|
|
|
+ value: "1",
|
|
|
},
|
|
|
- tableConfigDetail: {
|
|
|
- columns: [
|
|
|
- {
|
|
|
- prop: "invoicId",
|
|
|
- label: "开票号",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "invoicingMethod",
|
|
|
- label: "开票方式",
|
|
|
- // type: "text"
|
|
|
- name: '开票方式',
|
|
|
- type: 'slot'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "invoicCommissionFeevalue",
|
|
|
- label: "开票金额",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "invoicedSettledAmount",
|
|
|
- label: "已开票已结算金额",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "invoicedNotSettledAmount",
|
|
|
- label: "已开票未结算金额",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "completionStatus",
|
|
|
- label: "结算状态",
|
|
|
- name: "结算状态",
|
|
|
- type: "slot"
|
|
|
- },
|
|
|
- // {
|
|
|
- // prop: "invoicTime",
|
|
|
- // label: "开票时间",
|
|
|
- // type: "text"
|
|
|
- // },
|
|
|
-
|
|
|
- ],
|
|
|
- loading: true,
|
|
|
- isShowIndex: true,
|
|
|
- operationWidth: 150,
|
|
|
- optBtns:[
|
|
|
- {
|
|
|
- type:'primary',
|
|
|
- label:'结算',
|
|
|
- hide: (row) => {
|
|
|
- return row.completionStatus != '2'
|
|
|
- },
|
|
|
- click:(row, index) => {return this.balanceFun(row)},
|
|
|
- },
|
|
|
- {
|
|
|
- type:'primary',
|
|
|
- label:'作废',
|
|
|
- hide: (row) => {
|
|
|
- return row.completionStatus == '0'
|
|
|
- },
|
|
|
- click:(row, index) => {return this.handVoid(row)},
|
|
|
- },
|
|
|
- {
|
|
|
- type:'primary',
|
|
|
- label:'记录',
|
|
|
- hide: (row) => {
|
|
|
- return row.completionStatus != '0'
|
|
|
- },
|
|
|
- click:(row, index) => {return this.haldRecord(row)},
|
|
|
- },
|
|
|
- {
|
|
|
- type:'primary',
|
|
|
- label:'明细',
|
|
|
- hide: (row) => {
|
|
|
- return row.completionStatus != '0'
|
|
|
- },
|
|
|
- click:(row, index) => {return this.haldRecordDetail(row)},
|
|
|
- },
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ tableConfig: {
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ prop: "companyName",
|
|
|
+ label: "保险公司名称",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "partnerCompaniesName",
|
|
|
+ label: "合作公司名称",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "commissionFeevalue",
|
|
|
+ label: "总金额",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "allInvoicCommissionFeevalue",
|
|
|
+ label: "已开票金额",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "readyCommissionFeevalue",
|
|
|
+ label: "已开票已结算",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "invoicCommissionFeevalue",
|
|
|
+ label: "已开票未结算",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "noInvoicCommissionFeevalue",
|
|
|
+ label: "未开票",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "unSettledAmount",
|
|
|
+ label: "未结算金额",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow: true,
|
|
|
+ showSummary: true,
|
|
|
+ isShowIndex: true,
|
|
|
+ tableHeight: "none",
|
|
|
+ // optBtns: [
|
|
|
+ // {
|
|
|
+ // type: 'primary',
|
|
|
+ // label: '结算',
|
|
|
+ // click: (row, index) => { return this.balanceFun(row) },
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ optBtns: [
|
|
|
+ {
|
|
|
+ type: "primary",
|
|
|
+ label: "详情",
|
|
|
+ click: (row, index) => {
|
|
|
+ return this.haldDetail(row);
|
|
|
},
|
|
|
- dialogVisible: false,
|
|
|
- dialogVisiblerecord: false,
|
|
|
- pageData: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- agreementType: '2',
|
|
|
- isNotCar: '1',
|
|
|
- isNotDocumentary: '0',
|
|
|
- handlingFeesStatus: '0'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ formList1: [
|
|
|
+ {
|
|
|
+ label: "结算状态",
|
|
|
+ prop: "settlementStatus",
|
|
|
+ type: "select",
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ label: "开票未结算",
|
|
|
+ value: "0",
|
|
|
},
|
|
|
- pageDatarecord: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- totalSize:0
|
|
|
+ {
|
|
|
+ label: "开票已结算",
|
|
|
+ value: "1",
|
|
|
},
|
|
|
- pageDatarecorddetail: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- totalSize:0
|
|
|
+ {
|
|
|
+ label: "开票结算清",
|
|
|
+ value: "2",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ tableConfigDetailrecord: {
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ prop: "settlementTime",
|
|
|
+ label: "进账日期",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "settlementAmount",
|
|
|
+ label: "进帐金额",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "imageUrl",
|
|
|
+ label: "凭证",
|
|
|
+ type: "slot",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow: true,
|
|
|
+ },
|
|
|
+ tableConfigDetail: {
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ prop: "invoicId",
|
|
|
+ label: "开票号",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "invoicingMethod",
|
|
|
+ label: "开票方式",
|
|
|
+ // type: "text"
|
|
|
+ name: "开票方式",
|
|
|
+ type: "slot",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "invoicCommissionFeevalue",
|
|
|
+ label: "开票金额",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "invoicedSettledAmount",
|
|
|
+ label: "已开票已结算金额",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "invoicedNotSettledAmount",
|
|
|
+ label: "已开票未结算金额",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "completionStatus",
|
|
|
+ label: "结算状态",
|
|
|
+ name: "结算状态",
|
|
|
+ type: "slot",
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // prop: "invoicTime",
|
|
|
+ // label: "开票时间",
|
|
|
+ // type: "text"
|
|
|
+ // },
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ isShowIndex: true,
|
|
|
+ operationWidth: 150,
|
|
|
+ optBtns: [
|
|
|
+ {
|
|
|
+ type: "primary",
|
|
|
+ label: "结算",
|
|
|
+ hide: (row) => {
|
|
|
+ return row.completionStatus != "2";
|
|
|
},
|
|
|
- formData: {},
|
|
|
- formDetail: {},
|
|
|
- formTableData: [],
|
|
|
- formTableDatarecord:[],
|
|
|
- recorddetailid:'',
|
|
|
- tableConfigDetailrecorddetail: {
|
|
|
- columns: [
|
|
|
- {
|
|
|
- prop: "licenseno",
|
|
|
- label: "车牌号",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "noPolicyno",
|
|
|
- label: "非车保单号",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "insuredName",
|
|
|
- label: "被保人",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "noPremium",
|
|
|
- label: "非车保费",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "noSuperviseCostsProportion",
|
|
|
- label: "非车手续费比例",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "noSuperviseCostsPremiums",
|
|
|
- label: "非车手续费金额",
|
|
|
- type: "text"
|
|
|
- },
|
|
|
- ],
|
|
|
- loading: true,
|
|
|
- isPaginationShow:true,
|
|
|
+ click: (row, index) => {
|
|
|
+ return this.balanceFun(row);
|
|
|
},
|
|
|
- form:{},
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "primary",
|
|
|
+ label: "作废",
|
|
|
+ hide: (row) => {
|
|
|
+ return row.completionStatus == "0";
|
|
|
+ },
|
|
|
+ click: (row, index) => {
|
|
|
+ return this.handVoid(row);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "primary",
|
|
|
+ label: "记录",
|
|
|
+ hide: (row) => {
|
|
|
+ return row.completionStatus != "0";
|
|
|
+ },
|
|
|
+ click: (row, index) => {
|
|
|
+ return this.haldRecord(row);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "primary",
|
|
|
+ label: "明细",
|
|
|
+ hide: (row) => {
|
|
|
+ return row.completionStatus != "0";
|
|
|
+ },
|
|
|
+ click: (row, index) => {
|
|
|
+ return this.haldRecordDetail(row);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ dialogVisible: false,
|
|
|
+ dialogVisiblerecord: false,
|
|
|
+ pageData: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ agreementType: "2",
|
|
|
+ isNotCar: "1",
|
|
|
+ isNotDocumentary: "0",
|
|
|
+ handlingFeesStatus: "0",
|
|
|
+ },
|
|
|
+ pageDatarecord: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0,
|
|
|
+ },
|
|
|
+ pageDatarecorddetail: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0,
|
|
|
+ },
|
|
|
+ formData: {},
|
|
|
+ formDetail: {},
|
|
|
+ formTableData: [],
|
|
|
+ formTableDatarecord: [],
|
|
|
+ recorddetailid: "",
|
|
|
+ tableConfigDetailrecorddetail: {
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ prop: "licenseno",
|
|
|
+ label: "车牌号",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "noPolicyno",
|
|
|
+ label: "非车保单号",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "insuredName",
|
|
|
+ label: "被保人",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "noPremium",
|
|
|
+ label: "非车保费",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "noSuperviseCostsProportion",
|
|
|
+ label: "非车手续费比例",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "noSuperviseCostsPremiums",
|
|
|
+ label: "非车手续费金额",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow: true,
|
|
|
+ },
|
|
|
+ form: {},
|
|
|
};
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.$api.insCompany.findLeftInsTree( {
|
|
|
- classname: "",
|
|
|
- type: '1',
|
|
|
- }).then((res) => {
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.$api.insCompany
|
|
|
+ .findLeftInsTree({
|
|
|
+ classname: "",
|
|
|
+ type: "1",
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
this.ztreeNodes = res.data;
|
|
|
+ });
|
|
|
+ this.findPage();
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState({
|
|
|
+ perms: (state) => state.user.perms,
|
|
|
+ }),
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handVoid(row) {
|
|
|
+ this.$api.task.yaidlnvoicing({ id: row.id }).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ this.$message({
|
|
|
+ message: res.msg || "操作成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ balanceSumbit() {
|
|
|
+ if (!this.form.settlementAmount || this.form.settlementAmount <= 0) {
|
|
|
+ this.$message.error("请输入金额");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$api.task
|
|
|
+ .batchBxBalance({
|
|
|
+ ...this.openBalanceDetail,
|
|
|
+ otherFeevalue: this.formDetail.otherFeevalue,
|
|
|
+ partnerCompaniesId: this.formDetail.partnerCompaniesId,
|
|
|
+ companyId: this.formDetail.companyId,
|
|
|
+ isNotCar: "0",
|
|
|
+ handlingFeesStatus: "1",
|
|
|
+ settlementImageId: this.batchData.id,
|
|
|
+ ...this.form,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.haldDetail(this.formDetail);
|
|
|
+ this.dialogVisiblebalance = false;
|
|
|
+ this.$message({
|
|
|
+ message: res.msg || "操作成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- this.findPage();
|
|
|
},
|
|
|
- computed: {
|
|
|
- ...mapState({
|
|
|
- perms: state => state.user.perms
|
|
|
+ // 结算
|
|
|
+ balanceFun(row) {
|
|
|
+ this.openBalanceDetail = row;
|
|
|
+ this.fileList = [];
|
|
|
+ this.dialogVisiblebalance = true;
|
|
|
+ },
|
|
|
+ drivingupload(file, fileList) {
|
|
|
+ this.fileList = [];
|
|
|
+ const params = new FormData(); // 声明formData数据类型
|
|
|
+ params.append("multipartFile", file.raw);
|
|
|
+ params.append("type", "image");
|
|
|
+ // params.append("isNotCar", "0");
|
|
|
+ this.$api.letter.uploadFile(params).then((res) => {
|
|
|
+ if (res.code == "200") {
|
|
|
+ this.batchData = res.data;
|
|
|
+ this.fileList = fileList;
|
|
|
+ } else {
|
|
|
+ this.fileList = [];
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleClosebalance() {
|
|
|
+ this.dialogVisiblebalance = false;
|
|
|
+ },
|
|
|
+ closeViewer() {
|
|
|
+ this.showViewer = false;
|
|
|
+ },
|
|
|
+ handleCloserecorddetail() {
|
|
|
+ this.dialogVisiblerecordDetail = false;
|
|
|
+ },
|
|
|
+ getYearData(val) {
|
|
|
+ this.formData.year = val;
|
|
|
+ },
|
|
|
+ getMonthData(val) {
|
|
|
+ this.formData.month = val;
|
|
|
+ },
|
|
|
+ getDayData(val) {
|
|
|
+ this.formData.day = val;
|
|
|
+ },
|
|
|
+ // 查询
|
|
|
+ handleSearchList(data) {
|
|
|
+ this.findPage(data);
|
|
|
+ },
|
|
|
+ resetForm() {
|
|
|
+ this.formData = {};
|
|
|
+ this.pageData.partnerCompaniesIdList = [];
|
|
|
+ this.$refs.yearMonthYay.clear();
|
|
|
+ },
|
|
|
+ //列表数据
|
|
|
+ findPage(data) {
|
|
|
+ // if (data) {
|
|
|
+ // this.pageData.pageNum = data.pageNum;
|
|
|
+ // this.pageData.pageSize = data.pageSize;
|
|
|
+ // }
|
|
|
+ this.tableConfig.loading = true;
|
|
|
+ this.$api.task
|
|
|
+ .totalBxAmount({ ...this.pageData, ...this.formData, ...data })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.tableData = res.data ? 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 {
|
|
|
+ this.tableConfig.loading = false;
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getList(data) {
|
|
|
+ this.findPage(data);
|
|
|
+ },
|
|
|
+ handleSearchList1(data) {
|
|
|
+ this.findPageDetail({ ...this.formDetail, ...data });
|
|
|
+ },
|
|
|
+ haldDetail(row) {
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.formDetail = row;
|
|
|
+ this.findPageDetail(row);
|
|
|
+ },
|
|
|
+ findPageDetail(data) {
|
|
|
+ this.tableConfigDetail.loading = true;
|
|
|
+ this.$api.task
|
|
|
+ .invicdetai({
|
|
|
+ partnerCompaniesId: data.partnerCompaniesId,
|
|
|
+ agreementType: "2",
|
|
|
+ isNotCar: "1",
|
|
|
+ isNotDocumentary: "0",
|
|
|
+ handlingFeesStatus: "0",
|
|
|
+ isSettlement: "1",
|
|
|
+ completionStatus: data.settlementStatus || "2",
|
|
|
+ settlementStatus: "1",
|
|
|
})
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.formTableData = res.data;
|
|
|
+ this.tableConfigDetail.loading = false;
|
|
|
+ } else {
|
|
|
+ this.tableConfigDetail.loading = false;
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
- methods: {
|
|
|
- handVoid(row){
|
|
|
- this.$api.task
|
|
|
- .yaidlnvoicing({id:row.id})
|
|
|
- .then(res => {
|
|
|
- if (res.code==200) {
|
|
|
- this.dialogVisible=false
|
|
|
- this.$message({
|
|
|
- message: res.msg ||'操作成功',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- }
|
|
|
- else{
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- balanceSumbit() {
|
|
|
- if (!this.form.settlementAmount || this.form.settlementAmount <= 0) {
|
|
|
- this.$message.error('请输入金额')
|
|
|
- return
|
|
|
- }
|
|
|
- this.$api.task
|
|
|
- .batchBxBalance({...this.openBalanceDetail,
|
|
|
- otherFeevalue:this.formDetail.otherFeevalue,
|
|
|
- partnerCompaniesId:this.formDetail.partnerCompaniesId,
|
|
|
- companyId:this.formDetail.companyId,
|
|
|
- isNotCar:'0',
|
|
|
- handlingFeesStatus:'1',
|
|
|
- settlementImageId:this.batchData.id,
|
|
|
- ...this.form})
|
|
|
- .then(res => {
|
|
|
- if (res.code==200) {
|
|
|
- this.haldDetail(this.formDetail)
|
|
|
- this.dialogVisiblebalance=false
|
|
|
- this.$message({
|
|
|
- message: res.msg ||'操作成功',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- }
|
|
|
- else{
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 结算
|
|
|
- balanceFun(row) {
|
|
|
- this.openBalanceDetail=row
|
|
|
- this.fileList=[]
|
|
|
- this.dialogVisiblebalance=true
|
|
|
- },
|
|
|
- drivingupload(file, fileList){
|
|
|
- this.fileList=[]
|
|
|
- const params = new FormData(); // 声明formData数据类型
|
|
|
- params.append("multipartFile", file.raw);
|
|
|
- params.append("type", "image");
|
|
|
- // params.append("isNotCar", "0");
|
|
|
- this.$api.letter.uploadFile(params).then(res => {
|
|
|
- if (res.code == "200") {
|
|
|
- this.batchData =res.data
|
|
|
- this.fileList = fileList
|
|
|
- }
|
|
|
- else{
|
|
|
- this.fileList=[]
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
+ haldRecordDetail(row) {
|
|
|
+ this.recorddetailid = row.id;
|
|
|
+ this.dialogVisiblerecordDetail = true;
|
|
|
+ this.getListrecorddetail();
|
|
|
+ },
|
|
|
+ getListrecorddetail(data) {
|
|
|
+ this.findPageDetailrecorddatail(data);
|
|
|
+ },
|
|
|
+ findPageDetailrecorddatail(data) {
|
|
|
+ this.tableConfigDetailrecorddetail.loading = true;
|
|
|
+ this.$api.task
|
|
|
+ .fncplyFeeQuery({
|
|
|
+ partnerCompaniesId: this.formDetail.partnerCompaniesId,
|
|
|
+ agreementType: "2",
|
|
|
+ isNotCar: "1",
|
|
|
+ handlingFeesStatus: "0",
|
|
|
+ id: this.recorddetailid,
|
|
|
+ ...this.pageDatarecorddetail,
|
|
|
+ ...data,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.tableConfigDetailrecorddetail.loading = false;
|
|
|
+ this.recordDetailData = res.data.content ? res.data.content : [];
|
|
|
+ this.pageDatarecorddetail = {
|
|
|
+ pageNum: res.data.pageNum,
|
|
|
+ pageSize: res.data.pageSize,
|
|
|
+ totalSize: res.data.totalSize,
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ this.tableConfigDetailrecorddetail.loading = false;
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ findPageDetailrecord(data) {
|
|
|
+ this.tableConfigDetailrecord.loading = true;
|
|
|
+ this.$api.task
|
|
|
+ .settlementFeesGetRecord(this.recorddetailid)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ res.data.forEach((ele) => {
|
|
|
+ if (ele.imageUrl) {
|
|
|
+ ele.imageUrl = process.env.BASE_URL + ele.imageUrl;
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- handleClosebalance() {
|
|
|
- this.dialogVisiblebalance = false;
|
|
|
- },
|
|
|
- closeViewer() {
|
|
|
- this.showViewer = false;
|
|
|
- },
|
|
|
- handleCloserecorddetail() {
|
|
|
- this.dialogVisiblerecordDetail = false
|
|
|
- },
|
|
|
- getYearData(val) {
|
|
|
- this.formData.year = val
|
|
|
- },
|
|
|
- getMonthData(val) {
|
|
|
- this.formData.month = val
|
|
|
- },
|
|
|
- getDayData(val) {
|
|
|
- this.formData.day = val
|
|
|
- },
|
|
|
- // 查询
|
|
|
- handleSearchList(data) {
|
|
|
- this.findPage(data);
|
|
|
- },
|
|
|
- resetForm() {
|
|
|
- this.formData={}
|
|
|
- this.pageData.partnerCompaniesIdList=[]
|
|
|
- this.$refs.yearMonthYay.clear()
|
|
|
- },
|
|
|
- //列表数据
|
|
|
- findPage(data) {
|
|
|
- // if (data) {
|
|
|
- // this.pageData.pageNum = data.pageNum;
|
|
|
- // this.pageData.pageSize = data.pageSize;
|
|
|
- // }
|
|
|
- this.tableConfig.loading = true;
|
|
|
- this.$api.task
|
|
|
- .totalBxAmount({ ...this.pageData, ...this.formData,...data })
|
|
|
- .then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.tableData = res.data ? 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 {
|
|
|
- this.tableConfig.loading = false;
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- getList(data) {
|
|
|
- this.findPage(data)
|
|
|
- },
|
|
|
- handleSearchList1(data) {
|
|
|
- this.findPageDetail({ ...this.formDetail, ...data })
|
|
|
- },
|
|
|
- haldDetail(row) {
|
|
|
- this.dialogVisible = true
|
|
|
- this.formDetail = row
|
|
|
- this.findPageDetail(row)
|
|
|
- },
|
|
|
- findPageDetail(data) {
|
|
|
- this.tableConfigDetail.loading = true
|
|
|
- this.$api.task
|
|
|
- .invicdetai({
|
|
|
- partnerCompaniesId: data.partnerCompaniesId,
|
|
|
- agreementType: '2',
|
|
|
- isNotCar: '1',
|
|
|
- isNotDocumentary: '0',
|
|
|
- handlingFeesStatus: '0',
|
|
|
- isSettlement: '1',
|
|
|
- completionStatus:data.settlementStatus || '2',
|
|
|
- settlementStatus: '1'
|
|
|
- })
|
|
|
- .then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.formTableData = res.data;
|
|
|
- this.tableConfigDetail.loading = false;
|
|
|
- }
|
|
|
- else {
|
|
|
- this.tableConfigDetail.loading = false;
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- haldRecordDetail(row) {
|
|
|
- this.recorddetailid = row.id
|
|
|
- this.dialogVisiblerecordDetail = true
|
|
|
- this.getListrecorddetail()
|
|
|
-
|
|
|
- },
|
|
|
- getListrecorddetail(data) {
|
|
|
- this.findPageDetailrecorddatail(data)
|
|
|
- },
|
|
|
- findPageDetailrecorddatail(data) {
|
|
|
- this.tableConfigDetailrecorddetail.loading = true;
|
|
|
- this.$api.task
|
|
|
- .fncplyFeeQuery({
|
|
|
- partnerCompaniesId: this.formDetail.partnerCompaniesId,
|
|
|
- agreementType: '2',
|
|
|
- isNotCar: '1',
|
|
|
- handlingFeesStatus: '0',
|
|
|
- id:this.recorddetailid,
|
|
|
- ...this.pageDatarecorddetail,
|
|
|
- ...data})
|
|
|
- .then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.tableConfigDetailrecorddetail.loading = false;
|
|
|
- this.recordDetailData = res.data.content ? res.data.content : []
|
|
|
- this.pageDatarecorddetail = {
|
|
|
- pageNum: res.data.pageNum,
|
|
|
- pageSize: res.data.pageSize,
|
|
|
- totalSize: res.data.totalSize
|
|
|
- }
|
|
|
- }
|
|
|
- else {
|
|
|
- this.tableConfigDetailrecorddetail.loading = false;
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- findPageDetailrecord(data) {
|
|
|
- this.tableConfigDetailrecord.loading = true
|
|
|
- this.$api.task
|
|
|
- .settlementFeesGetRecord(this.recorddetailid)
|
|
|
- .then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- res.data.forEach(ele => {
|
|
|
- if (ele.imageUrl) {
|
|
|
- ele.imageUrl= process.env.BASE_URL+ele.imageUrl
|
|
|
- }
|
|
|
- });
|
|
|
- this.formTableDatarecord = res.data
|
|
|
- this.tableConfigDetailrecord.loading = false;
|
|
|
- }
|
|
|
- else {
|
|
|
- this.tableConfigDetail.loading = false;
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- getListrecord(data) {
|
|
|
- this.findPageDetailrecord(data)
|
|
|
- },
|
|
|
- handleClose() {
|
|
|
- this.dialogVisible = false
|
|
|
- },
|
|
|
- handleCloserecord() {
|
|
|
- this.dialogVisiblerecord = false
|
|
|
- },
|
|
|
- tablePageChange(val) {
|
|
|
- this.pageData.pageSize = val;
|
|
|
- this.findPage();
|
|
|
- },
|
|
|
- tableCurrentChange(val) {
|
|
|
- this.pageData.pageNum = val;
|
|
|
- this.findPage();
|
|
|
- },
|
|
|
- haldRecord(row) {
|
|
|
- this.recorddetailid = row.id
|
|
|
- this.findPageDetailrecord()
|
|
|
- this.dialogVisiblerecord = true
|
|
|
- }
|
|
|
- }
|
|
|
+ this.formTableDatarecord = res.data;
|
|
|
+ this.tableConfigDetailrecord.loading = false;
|
|
|
+ } else {
|
|
|
+ this.tableConfigDetail.loading = false;
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getListrecord(data) {
|
|
|
+ this.findPageDetailrecord(data);
|
|
|
+ },
|
|
|
+ handleClose() {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ },
|
|
|
+ handleCloserecord() {
|
|
|
+ this.dialogVisiblerecord = false;
|
|
|
+ },
|
|
|
+ tablePageChange(val) {
|
|
|
+ this.pageData.pageSize = val;
|
|
|
+ this.findPage();
|
|
|
+ },
|
|
|
+ tableCurrentChange(val) {
|
|
|
+ this.pageData.pageNum = val;
|
|
|
+ this.findPage();
|
|
|
+ },
|
|
|
+ haldRecord(row) {
|
|
|
+ this.recorddetailid = row.id;
|
|
|
+ this.findPageDetailrecord();
|
|
|
+ this.dialogVisiblerecord = true;
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-.invoiceAnd>>>.el-table__body-wrapper {
|
|
|
- overflow-y: auto !important;
|
|
|
- height: auto !important;
|
|
|
+.invoiceAnd >>> .el-table__body-wrapper {
|
|
|
+ overflow-y: auto !important;
|
|
|
+ height: auto !important;
|
|
|
}
|
|
|
.imageclass {
|
|
|
width: 200px;
|