|
|
@@ -7,56 +7,78 @@
|
|
|
<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>
|
|
|
- </template>
|
|
|
+ <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>
|
|
|
+ </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" >
|
|
|
- </templateTable>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="dialogVisible = 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>
|
|
|
+ <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>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -76,6 +98,97 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ // 记录 明细
|
|
|
+ dialogVisiblerecord: false,
|
|
|
+ dialogVisiblerecordDetail: false,
|
|
|
+ formTableDatarecord:[],
|
|
|
+ recordDetailData:[],
|
|
|
+ pageDatarecord: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize:0
|
|
|
+ },
|
|
|
+ pageDatarecorddetail: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize:0
|
|
|
+ },
|
|
|
+ tableConfigDetailrecord: {
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ prop: "settlementTime",
|
|
|
+ label: "进账日期",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "settlementAmount",
|
|
|
+ label: "进帐金额",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "imageUrl",
|
|
|
+ label: "凭证",
|
|
|
+ type: "slot"
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow:true
|
|
|
+ },
|
|
|
+ tableConfigDetailrecorddetail: {
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ prop: "syPolicyno",
|
|
|
+ label: "商业保单号",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "policyno",
|
|
|
+ label: "交强保单号",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "licenseno",
|
|
|
+ label: "车牌号",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "insuredName",
|
|
|
+ label: "被保人",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "jqPremium",
|
|
|
+ label: "交强保费",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "syPremium",
|
|
|
+ label: "商业保费",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "jqSuperviseCostsProportion",
|
|
|
+ label: "交强手续费比例",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "jqSuperviseCostsPremiums",
|
|
|
+ label: "交强手续费金额",
|
|
|
+ type: "text"
|
|
|
+ }, {
|
|
|
+ prop: "sySuperviseCostsProportion",
|
|
|
+ label: "商业手续费比例",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "sySuperviseCostsPremiums",
|
|
|
+ label: "商业手续费金额",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow:true
|
|
|
+ },
|
|
|
ztreeNodes:[],
|
|
|
fileList:[],
|
|
|
dialogVisiblebalance:false,
|
|
|
@@ -88,33 +201,77 @@ export default {
|
|
|
label: "开票号",
|
|
|
type: "text"
|
|
|
},
|
|
|
+ {
|
|
|
+ prop: "invoicingMethod",
|
|
|
+ label: "开票方式",
|
|
|
+ // type: "text"
|
|
|
+ name: '开票方式',
|
|
|
+ type: 'slot'
|
|
|
+ },
|
|
|
{
|
|
|
prop: "invoicCommissionFeevalue",
|
|
|
label: "开票金额",
|
|
|
type: "text"
|
|
|
},
|
|
|
{
|
|
|
- prop: "invoicTime",
|
|
|
- label: "开票时间",
|
|
|
+ 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.readyCommissionFeevalue ? true : false
|
|
|
+ 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)},
|
|
|
+ },
|
|
|
]
|
|
|
},
|
|
|
searchData: {},
|
|
|
@@ -141,13 +298,18 @@ export default {
|
|
|
prop: "settlementStatus",
|
|
|
type: "select",
|
|
|
options: [
|
|
|
- {
|
|
|
- label: '开票已结算',
|
|
|
- value: '2'
|
|
|
- }, {
|
|
|
- label: '开票未结算',
|
|
|
- value: '1'
|
|
|
- },
|
|
|
+ {
|
|
|
+ label: '开票未结算',
|
|
|
+ value: '0'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '开票已结算',
|
|
|
+ value: '1'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '开票结算清',
|
|
|
+ value: '2'
|
|
|
+ },
|
|
|
]
|
|
|
},
|
|
|
|
|
|
@@ -221,30 +383,110 @@ export default {
|
|
|
this.findPage();
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 记录
|
|
|
+ findPageDetailrecord(data) {
|
|
|
+ this.tableConfigDetailrecord.loading = true
|
|
|
+ this.$api.task
|
|
|
+ // .settlementFeesQuery({
|
|
|
+ // partnerCompaniesId: this.formDetail.partnerCompaniesId,
|
|
|
+ // agreementType: '2',
|
|
|
+ // isNotCar: '0',
|
|
|
+ // handlingFeesStatus: '0',
|
|
|
+ // settlementStatus:'2',
|
|
|
+ // id:this.recorddetailid,
|
|
|
+ // ...data
|
|
|
+ // })
|
|
|
+ .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.content;
|
|
|
+ // this.pageDatarecord={
|
|
|
+ // pageNum:res.data.pageNum,
|
|
|
+ // pageSize:res.data.pageSize,
|
|
|
+ // totalSize:res.data.totalSize,
|
|
|
+ // }
|
|
|
+ this.formTableDatarecord = res.data
|
|
|
+ this.tableConfigDetailrecord.loading = false;
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.tableConfigDetail.loading = false;
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getListrecord(data) {
|
|
|
+ this.findPageDetailrecord(data)
|
|
|
+ },
|
|
|
+ haldRecord(row) {
|
|
|
+ this.dialogVisiblerecord = true
|
|
|
+ this.recorddetailid = row.id
|
|
|
+ this.findPageDetailrecord()
|
|
|
+ },
|
|
|
+
|
|
|
+ haldRecordDetail(row) {
|
|
|
+ this.dialogVisiblerecordDetail = true
|
|
|
+ this.recorddetailid = row.id
|
|
|
+ this.getListrecorddetail()
|
|
|
+ },
|
|
|
+ getListrecorddetail(data) {
|
|
|
+ this.findPageDetailrecorddatail(data)
|
|
|
+ },
|
|
|
+ findPageDetailrecorddatail(data) {
|
|
|
+ this.tableConfigDetailrecorddetail.loading = true;
|
|
|
+ this.$api.task
|
|
|
+ .fncplyFeeQuery({
|
|
|
+ partnerCompaniesId: this.formDetail.partnerCompaniesId,
|
|
|
+ agreementType: '2',
|
|
|
+ isNotCar: '0',
|
|
|
+ handlingFeesStatus: '0',
|
|
|
+ id:this.recorddetailid,
|
|
|
+ ...data})
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.tableConfigDetailrecorddetail.loading = false;
|
|
|
+ this.recordDetailData = res.data.content ? res.data.content : []
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.tableConfigDetailrecorddetail.loading = false;
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleCloserecord() {
|
|
|
+ this.dialogVisiblerecord = false
|
|
|
+ },
|
|
|
+ handleCloserecorddetail() {
|
|
|
+ this.dialogVisiblerecordDetail = false
|
|
|
+ },
|
|
|
resetForm() {
|
|
|
this.formData={}
|
|
|
this.$refs.yearMonthYay.clear()
|
|
|
},
|
|
|
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)
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- getYearData(val){
|
|
|
- this.formData.year=val
|
|
|
- },
|
|
|
+ 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)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getYearData(val){
|
|
|
+ this.formData.year=val
|
|
|
+ },
|
|
|
getMonthData(val){
|
|
|
this.formData.month=val
|
|
|
},
|
|
|
@@ -252,8 +494,8 @@ export default {
|
|
|
this.formData.day=val
|
|
|
},
|
|
|
// 查询
|
|
|
- handleSearchList() {
|
|
|
- this.findPage();
|
|
|
+ handleSearchList(data) {
|
|
|
+ this.findPage(data);
|
|
|
},
|
|
|
handleSearchList1(data){
|
|
|
this.findPageDetail({...this.formDetail,...data})
|
|
|
@@ -272,7 +514,9 @@ export default {
|
|
|
isNotCar: '0',
|
|
|
isNotDocumentary : '0',
|
|
|
handlingFeesStatus:'0',
|
|
|
- settlementStatus:data.settlementStatus,
|
|
|
+ // settlementStatus:data.settlementStatus,
|
|
|
+ completionStatus:data.settlementStatus || '0',
|
|
|
+ settlementStatus: '1'
|
|
|
|
|
|
})
|
|
|
.then(res => {
|
|
|
@@ -289,13 +533,13 @@ export default {
|
|
|
|
|
|
//列表数据
|
|
|
findPage(data) {
|
|
|
- if (data) {
|
|
|
- this.pageData.pageNum = data.pageNum;
|
|
|
- this.pageData.pageSize = data.pageSize;
|
|
|
- }
|
|
|
+ // if (data) {
|
|
|
+ // this.pageData.pageNum = data.pageNum;
|
|
|
+ // this.pageData.pageSize = data.pageSize;
|
|
|
+ // }
|
|
|
this.tableConfig.loading = true;
|
|
|
this.$api.task
|
|
|
- .totalBxAmount({...this.pageData,...this.formData})
|
|
|
+ .totalBxAmount({...this.pageData,...this.formData, ...data})
|
|
|
.then(res => {
|
|
|
if (res.code==200) {
|
|
|
this.tableData = res.data? res.data:[]
|
|
|
@@ -383,5 +627,10 @@ export default {
|
|
|
overflow-y: auto !important;
|
|
|
height: auto !important;
|
|
|
}
|
|
|
+.imageclass {
|
|
|
+ width: 200px;
|
|
|
+ height: 100px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
</style>
|
|
|
|