|
|
@@ -7,77 +7,62 @@
|
|
|
返回
|
|
|
</el-button>
|
|
|
<div class="amount-money">
|
|
|
- <span v-if="amountType==2">收入：￥{{ pageResult.sumAmountSR || 0 }}</span>
|
|
|
- <span v-if="amountType==2">支出：￥{{ pageResult.sumAmountZC || 0 }}</span>
|
|
|
- <span v-if="amountType==1">预收：￥{{ pageResult.sumAmountYS || 0 }}</span>
|
|
|
+ <span v-if="amountType == 2">收入：￥{{ pageResult.sumAmountSR || 0 }}</span>
|
|
|
+ <span v-if="amountType == 2">支出：￥{{ pageResult.sumAmountZC || 0 }}</span>
|
|
|
+ <span v-if="amountType == 1">预收：￥{{ pageResult.sumAmountYS || 0 }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
<el-form :inline="true" :model="formQuery" class="demo-form-inline" size="small" style="margin: 15px 0;">
|
|
|
<el-row>
|
|
|
- <el-col :span="6" v-if="amountType==2">
|
|
|
+ <el-col :span="6" v-if="amountType == 2">
|
|
|
<el-form-item label="收支状态:">
|
|
|
<el-radio-group v-model="formQuery.incomeAndExpensesType" @input="getMoneyAttrType">
|
|
|
- <el-radio v-for="val in incomeAndExpensesTypeoptions" :key="val.dictValue" :label="val.dictValue">{{ val.dictTag
|
|
|
+ <el-radio v-for="val in incomeAndExpensesTypeoptions" :key="val.dictValue" :label="val.dictValue">{{
|
|
|
+ val.dictTag
|
|
|
}}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6" >
|
|
|
+ <el-col :span="6">
|
|
|
<el-form-item label="业务板块:">
|
|
|
- <el-radio-group v-model="formQuery.businessSegmentsType" >
|
|
|
- <el-radio v-for="val in businessSegmentsTypeoptions" :key="val.dictValue" :label="val.dictValue">{{ val.dictTag
|
|
|
- }}</el-radio>
|
|
|
+ <el-radio-group v-model="formQuery.businessSegmentsType" @input="getbusinessSegmentsTypeType">
|
|
|
+ <el-radio v-for="val in amountType == 1 ? businessSegmentsTypeoptions : businessSegmentsSZTypeoptions"
|
|
|
+ :key="val.dictValue" :label="val.dictValue">{{ val.dictTag
|
|
|
+ }}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6" v-if="amountType==1">
|
|
|
- <el-form-item label="交易类型:" >
|
|
|
- <el-select v-model="formQuery.transactionType" size="small" clearable placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in transactionTypeoptions"
|
|
|
- :key="item.dictValue"
|
|
|
- :label="item.dictTag"
|
|
|
+ <el-col :span="6" v-if="amountType == 1">
|
|
|
+ <el-form-item label="交易类型:">
|
|
|
+ <el-select v-model="formQuery.transactionType" size="small" clearable placeholder="请选择">
|
|
|
+ <el-option v-for="item in transactionTypeoptions" :key="item.dictValue" :label="item.dictTag"
|
|
|
:value="item.dictValue">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6" v-if="amountType==2">
|
|
|
- <el-form-item label="交易类型:" >
|
|
|
- <el-select v-model="formQuery.transactionType" size="small" clearable placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in moneyAttrTypeoptions"
|
|
|
- :key="item.dictValue"
|
|
|
- :disabled="item.disabled"
|
|
|
- :label="item.dictTag"
|
|
|
- :value="item.dictValue">
|
|
|
+ <el-col :span="6" v-if="amountType == 2">
|
|
|
+ <el-form-item label="交易类型:">
|
|
|
+ <el-select v-model="formQuery.transactionType" size="small" clearable placeholder="请选择">
|
|
|
+ <el-option v-for="item in moneyAttrTypeoptions" :key="item.dictValue" :disabled="item.disabled"
|
|
|
+ :label="item.dictTag" :value="item.dictValue">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6" >
|
|
|
+ <el-col :span="6">
|
|
|
<el-form-item label="时间筛选类型:">
|
|
|
- <el-select v-model="formQuery.dateQueryType" clearable size="small" placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in Timefilteringtype"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
+ <el-select v-model="formQuery.dateQueryType" clearable size="small" placeholder="请选择">
|
|
|
+ <el-option v-for="item in Timefilteringtype" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
- </el-select>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="筛选日期:">
|
|
|
- <el-date-picker
|
|
|
- v-model="formQuery.datetime"
|
|
|
- type="datetimerange"
|
|
|
- range-separator="至"
|
|
|
- style="width:230px"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期">
|
|
|
+ <el-date-picker v-model="formQuery.datetime" type="datetimerange" range-separator="至" style="width:230px"
|
|
|
+ value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
@@ -86,100 +71,124 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
- <el-table size="small" :data="pageResult.data.content"
|
|
|
- height="500" border highlight-current-row stripe :header-cell-style="{
|
|
|
+ <el-table size="small" :data="pageResult.data.content" height="500" border highlight-current-row stripe
|
|
|
+ :header-cell-style="{
|
|
|
background: '#F2F7FC',
|
|
|
fontWeight: '700',
|
|
|
color: '#606266',
|
|
|
}">
|
|
|
- <template >
|
|
|
+ <template>
|
|
|
<el-table-column prop="subOrderNo" label="订单编号" align="center"></el-table-column>
|
|
|
<el-table-column prop="createTime" label="交易时间" align="center"></el-table-column>
|
|
|
<el-table-column prop="licenseNo" label="车牌号" align="center"></el-table-column>
|
|
|
<el-table-column prop="businessSegmentsType" label="业务板块" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ screenType('businessSegmentsType',scope.row.businessSegmentsType) }}</span>
|
|
|
+ <span>{{ screenType('businessSegmentsType', scope.row.businessSegmentsType) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="transactionType" label="交易类型" align="center" >
|
|
|
+ <el-table-column prop="transactionType" label="交易类型" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ screenType('moneyAttrType',scope.row.transactionType) }}</span>
|
|
|
+ <span>{{ screenType('moneyAttrType', scope.row.transactionType) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="incomeAndExpensesType" label="收支类型" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ screenType('incomeAndExpensesType',scope.row.incomeAndExpensesType) }}</span>
|
|
|
+ <span>{{ screenType('incomeAndExpensesType', scope.row.incomeAndExpensesType) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="amount" label="交易金额" align="center"></el-table-column>
|
|
|
</template>
|
|
|
<el-table-column label="操作" align="center" width="200" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button v-if="amountType==1 || scope.row.transactionType=='1'" size="small" type="primary" @click="OrderDetails(scope.$index, scope.row)">详情</el-button>
|
|
|
+ <el-button v-if="amountType == 1 || scope.row.transactionType == '1'" size="small" type="primary"
|
|
|
+ @click="OrderDetails(scope.$index, scope.row)">详情</el-button>
|
|
|
<el-button v-else size="small" type="primary" @click="regularDetails(scope.$index, scope.row)">详情</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <el-pagination
|
|
|
- @size-change="handleSizeChange"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
- @current-change="refreshPageRequest"
|
|
|
- :current-page="formQuery.pageNum"
|
|
|
- :page-size="formQuery.pageSize"
|
|
|
- :page-sizes="[10, 20, 50, 100, 200, 300, 400, 500]"
|
|
|
- :total="formQuery.totalSize"
|
|
|
- >
|
|
|
+ <el-pagination @size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ @current-change="refreshPageRequest" :current-page="formQuery.pageNum" :page-size="formQuery.pageSize"
|
|
|
+ :page-sizes="[10, 20, 50, 100, 200, 300, 400, 500]" :total="formQuery.totalSize">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
<!-- 车辆报价新页面 -->
|
|
|
<detailsDialog ref="detailsDialog" :orderInfo.sync="orderInfo" :Feepermissions="false"></detailsDialog>
|
|
|
<el-dialog title="账单详情" :visible.sync="detailsVisible" width="25%">
|
|
|
<div class="flex f-c j-s">
|
|
|
- <template v-if="orderDetail.transactionType==3">
|
|
|
+ <template v-if="orderDetail.transactionType == '3'">
|
|
|
<div class="dialogCentent flex f-c">
|
|
|
- <h2 >业务收入提现到银行卡</h2>
|
|
|
+ <h2>业务收入提现到银行卡</h2>
|
|
|
<p class="withdraw-alAmount">￥{{ tixianDetails.withdrawalAmount }}</p>
|
|
|
- <div style="height: 170px;">
|
|
|
- <el-steps direction="vertical" :active="tixianDetails.active" class="tixianDetails-steps">
|
|
|
- <el-step :icon="val.processingStatus=='3'?'el-icon-error': 'el-icon-success'" :description="val.processingDate" :title="val.processingStatusName" v-for="val in tixianDetails.record" :key="val.processingStatus"></el-step>
|
|
|
- </el-steps>
|
|
|
- </div>
|
|
|
+ <div style="height: 170px;" v-if="tixianDetails.record && tixianDetails.record.length > 0">
|
|
|
+ <el-steps direction="vertical" :active="tixianDetails.active" class="tixianDetails-steps">
|
|
|
+ <el-step :icon="val.processingStatus == '3' ? 'el-icon-error' : 'el-icon-success'"
|
|
|
+ :description="val.processingDate" :title="val.processingStatusName" v-for="val in tixianDetails.record"
|
|
|
+ :key="val.processingStatus"></el-step>
|
|
|
+ </el-steps>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="dialogCentent flex f-c" style="margin-top:10px">
|
|
|
- <span v-if="tixianDetails.transactionNumber">交易编号： <span style="color: #333;">{{ tixianDetails.transactionNumber }}</span> </span>
|
|
|
- <span v-if="tixianDetails.applicationDate">申请时间： <span style="color: #333;">{{ tixianDetails.applicationDate }}</span> </span>
|
|
|
- <span v-if=" tixianDetails.paymentDate">到账时间： <span style="color: #333;">{{tixianDetails.paymentDate }}</span> </span>
|
|
|
- <span v-if="tixianDetails.bankNumber">提现账户： <span style="color: #333;">{{ tixianDetails.bankNumber }}</span> </span>
|
|
|
+ <span v-if="tixianDetails.transactionNumber">交易编号： <span style="color: #333;">{{
|
|
|
+ tixianDetails.transactionNumber }}</span> </span>
|
|
|
+ <span v-if="tixianDetails.applicationDate">申请时间： <span style="color: #333;">{{ tixianDetails.applicationDate
|
|
|
+ }}</span> </span>
|
|
|
+ <span v-if="tixianDetails.paymentDate">到账时间： <span style="color: #333;">{{ tixianDetails.paymentDate }}</span>
|
|
|
+ </span>
|
|
|
+ <span v-if="tixianDetails.bankNumber">提现账户： <span style="color: #333;">{{ tixianDetails.bankNumber }}</span>
|
|
|
+ </span>
|
|
|
<span v-if="tixianDetails.bankAccount">提现银行 <span style="color: #333;">{{ tixianDetails.bankAccount }}</span>
|
|
|
</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <template v-if="orderDetail.transactionType==2">
|
|
|
- <div >
|
|
|
+ <template v-if="orderDetail.transactionType == '2'">
|
|
|
+ <div>
|
|
|
<div class="dialogCentent flex f-c totalsum">
|
|
|
<span>推广费</span>
|
|
|
- <span>{{ tuiguangDetails.amount }}</span>
|
|
|
+ <span>{{ tuiguangDetails.amount }}</span>
|
|
|
</div>
|
|
|
- <div class=" flex f-c dialogCentent" >
|
|
|
- <span v-if="tuiguangDetails.subOrderId">订单编号： <span style="color: #333;">{{ tuiguangDetails.subOrderId }}</span>
|
|
|
+ <div class=" flex f-c dialogCentent" style="margin-top:10px">
|
|
|
+ <span v-if="tuiguangDetails.subOrderId">订单编号： <span style="color: #333;">{{ tuiguangDetails.subOrderId
|
|
|
+ }}</span>
|
|
|
</span>
|
|
|
<span v-if="tuiguangDetails.signingTime">承保时间： <span style="color: #333;">{{ tuiguangDetails.signingTime
|
|
|
}}</span> </span>
|
|
|
- <span v-if="tuiguangDetails.licenseNo">车牌号： <span style="color: #333;">{{ tuiguangDetails.licenseNo }}</span>
|
|
|
+ <span v-if="tuiguangDetails.licenseNo">车牌号： <span style="color: #333;">{{ tuiguangDetails.licenseNo
|
|
|
+ }}</span>
|
|
|
</span>
|
|
|
- <span v-if="tuiguangDetails.jypremium">驾意险： <span style="color: #333;">￥{{ tuiguangDetails.jypremium }}</span>
|
|
|
+ <span v-if="tuiguangDetails.jypremium">驾意险： <span style="color: #333;">￥{{ tuiguangDetails.jypremium
|
|
|
+ }}</span>
|
|
|
</span>
|
|
|
- <span v-if="tuiguangDetails.jqpremium">交强险： <span style="color: #333;">￥{{ tuiguangDetails.jqpremium }}</span>
|
|
|
+ <span v-if="tuiguangDetails.jqpremium">交强险： <span style="color: #333;">￥{{ tuiguangDetails.jqpremium
|
|
|
+ }}</span>
|
|
|
</span>
|
|
|
- <span v-if="tuiguangDetails.sypremium">商业险： <span style="color: #333;">￥{{ tuiguangDetails.sypremium }}</span>
|
|
|
+ <span v-if="tuiguangDetails.sypremium">商业险： <span style="color: #333;">￥{{ tuiguangDetails.sypremium
|
|
|
+ }}</span>
|
|
|
</span>
|
|
|
- <span v-if="tuiguangDetails.agentName">代理人姓名： <span style="color: #333;">{{ tuiguangDetails.agentName }}</span>
|
|
|
+ <span v-if="tuiguangDetails.agentName">代理人姓名： <span style="color: #333;">{{ tuiguangDetails.agentName
|
|
|
+ }}</span>
|
|
|
</span>
|
|
|
<span v-if="tuiguangDetails.agentLevel">代理人级别： <span style="color: #333;">{{ tuiguangDetails.agentLevel
|
|
|
}}</span> </span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
+ <template v-if="orderDetail.transactionType == '4'">
|
|
|
+ <div>
|
|
|
+ <div class="dialogCentent flex f-c totalsum">
|
|
|
+ <span>退款</span>
|
|
|
+ <span>{{ tuikuanDetails.refundAmount }}</span>
|
|
|
+ </div>
|
|
|
+ <div class=" flex f-c dialogCentent" style="margin-top:10px">
|
|
|
+ <span v-if="tuikuanDetails.transactionNumber">订单编号： <span style="color: #333;">{{
|
|
|
+ tuikuanDetails.transactionNumber
|
|
|
+ }}</span>
|
|
|
+ </span>
|
|
|
+ <span v-if="tuikuanDetails.refundTime">退款时间： <span style="color: #333;">{{ tuikuanDetails.refundTime
|
|
|
+ }}</span> </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button size="small" @click="detailsVisible = false">取 消</el-button>
|
|
|
@@ -220,16 +229,16 @@ export default {
|
|
|
orderDetail: {},//提现详情
|
|
|
tuiguangDetails: {},//推广预收/实收详情
|
|
|
tixianDetails: {},//提现详情
|
|
|
+ tuikuanDetails: {},
|
|
|
formQuery: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 20,
|
|
|
- totalSize:0,
|
|
|
- incomeAndExpensesType:'1',
|
|
|
- transactionType:''
|
|
|
+ totalSize: 0,
|
|
|
+ transactionType: ''
|
|
|
},
|
|
|
searchType: "",
|
|
|
amountType: "1",
|
|
|
- userId :Cookies.get("user"),
|
|
|
+ userId: Cookies.get("user"),
|
|
|
orderInfo: {
|
|
|
//选中的订单
|
|
|
ownerinfo: {},
|
|
|
@@ -242,26 +251,27 @@ export default {
|
|
|
orderCommissionVo: {},
|
|
|
extendInfo: {}
|
|
|
},
|
|
|
- businessSegmentsTypeoptions:[],
|
|
|
- transactionTypeoptions:[],
|
|
|
- incomeAndExpensesTypeoptions:[],
|
|
|
- moneyAttrTypeoptions:[],
|
|
|
- Timefilteringtype:[
|
|
|
+ businessSegmentsTypeoptions: [],
|
|
|
+ transactionTypeoptions: [],
|
|
|
+ incomeAndExpensesTypeoptions: [],
|
|
|
+ businessSegmentsSZTypeoptions: [],
|
|
|
+ moneyAttrTypeoptions: [],
|
|
|
+ Timefilteringtype: [
|
|
|
{
|
|
|
- value:'0',
|
|
|
- label:'全部'
|
|
|
- },{
|
|
|
- value:'1',
|
|
|
- label:'一周内'
|
|
|
- },{
|
|
|
- value:'2',
|
|
|
- label:'一月内'
|
|
|
- },{
|
|
|
- value:'3',
|
|
|
- label:'三月内'
|
|
|
- },{
|
|
|
- value:'4',
|
|
|
- label:'六月内'
|
|
|
+ value: '0',
|
|
|
+ label: '全部'
|
|
|
+ }, {
|
|
|
+ value: '1',
|
|
|
+ label: '一周内'
|
|
|
+ }, {
|
|
|
+ value: '2',
|
|
|
+ label: '一月内'
|
|
|
+ }, {
|
|
|
+ value: '3',
|
|
|
+ label: '三月内'
|
|
|
+ }, {
|
|
|
+ value: '4',
|
|
|
+ label: '六月内'
|
|
|
},
|
|
|
]
|
|
|
}
|
|
|
@@ -275,10 +285,19 @@ export default {
|
|
|
this.getDicType("transactionType"); //预收收入类型
|
|
|
this.getDicType("incomeAndExpensesType"); //收支类型
|
|
|
this.getDicType("moneyAttrType"); //交易类型
|
|
|
+ this.getDicType("businessSegmentsSZType"); // 收支业务板块
|
|
|
+ if (this.amountType == 2) {
|
|
|
+ this.formQuery = {
|
|
|
+ businessSegmentsType: '0',
|
|
|
+ incomeAndExpensesType: '0',
|
|
|
+ transactionType: '0'
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
// 方法函数
|
|
|
methods: {
|
|
|
-
|
|
|
+
|
|
|
OrderDetails(index, row) {
|
|
|
for (let i = 0; i < this.global.insureList.length; i++) {
|
|
|
this.global.insureList[i].coveragePremium = "";
|
|
|
@@ -349,37 +368,57 @@ export default {
|
|
|
},
|
|
|
getDicType(type) {
|
|
|
this.$api.insCompany.dicType(type).then((res) => {
|
|
|
- if (res.code == 200) {
|
|
|
+ if (res.code == 200 && res.data) {
|
|
|
this[type + "options"] = res.data.ddList;
|
|
|
- if(type=='moneyAttrType'){
|
|
|
- this.getMoneyAttrType('1')
|
|
|
+ if (type == 'moneyAttrType') {
|
|
|
+ this.getMoneyAttrType('0')
|
|
|
}
|
|
|
}
|
|
|
+ else {
|
|
|
+ this[type + "options"] = []
|
|
|
+ }
|
|
|
});
|
|
|
},
|
|
|
getMoneyAttrType(e) {
|
|
|
- this.formQuery.transactionType=''
|
|
|
- if(e==1){
|
|
|
- this.moneyAttrTypeoptions[0].disabled=false
|
|
|
- this.moneyAttrTypeoptions[1].disabled=false
|
|
|
- this.moneyAttrTypeoptions[2].disabled=true
|
|
|
-
|
|
|
+ this.formQuery.transactionType = ''
|
|
|
+ if (e == 0) {
|
|
|
+ this.moneyAttrTypeoptions.map(val => val.disabled = false)
|
|
|
+ }
|
|
|
+ if (e == 1) {
|
|
|
+ this.moneyAttrTypeoptions.map(val => {
|
|
|
+ if (val.dictValue == '0' || val.dictValue == '3') {
|
|
|
+ val.disabled = true
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ val.disabled = false
|
|
|
}
|
|
|
- if(e==2){
|
|
|
- this.moneyAttrTypeoptions[0].disabled=true
|
|
|
- this.moneyAttrTypeoptions[1].disabled=true
|
|
|
- this.moneyAttrTypeoptions[2].disabled=false
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if (e == 2) {
|
|
|
+ this.moneyAttrTypeoptions.map(val => {
|
|
|
+ if (val.dictValue == '3') {
|
|
|
+ val.disabled = false
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ val.disabled = true
|
|
|
}
|
|
|
-
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getbusinessSegmentsTypeType(val) {
|
|
|
+ if (this.amountType == 2 && val == 2) {
|
|
|
+ this.formQuery.transactionType = '4'
|
|
|
+ this.formQuery.incomeAndExpensesType = '1'
|
|
|
+ }
|
|
|
},
|
|
|
regularDetails(index, row) {
|
|
|
let obj = Object.assign({}, row);
|
|
|
- this.orderDetail = obj;
|
|
|
- if (row.transactionType == "2" ) {
|
|
|
+ this.orderDetail = obj;
|
|
|
+ if (row.transactionType == "2") {
|
|
|
this.$api.letter.getSubOrderDetails(row.subOrderNo).then((res) => {
|
|
|
if (res.code == '200') {
|
|
|
this.tuiguangDetails = res.data;
|
|
|
- this.tuiguangDetails.amount =row.amount;
|
|
|
+ this.tuiguangDetails.amount = row.amount;
|
|
|
this.detailsVisible = true;
|
|
|
} else {
|
|
|
this.$message({
|
|
|
@@ -388,16 +427,16 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
- }
|
|
|
- if (row.transactionType == "3" ) {
|
|
|
+ }
|
|
|
+ if (row.transactionType == "3") {
|
|
|
this.$api.letter.findDetailById(row.id).then((res) => {
|
|
|
if (res.code == '200') {
|
|
|
- res.data.record.forEach((val,index)=>{
|
|
|
- if(!val.processingStatusFlag){
|
|
|
- res.data.active=index
|
|
|
+ res.data.record.forEach((val, index) => {
|
|
|
+ if (!val.processingStatusFlag) {
|
|
|
+ res.data.active = index
|
|
|
}
|
|
|
- else{
|
|
|
- res.data.active= res.data.record.length
|
|
|
+ else {
|
|
|
+ res.data.active = res.data.record.length
|
|
|
}
|
|
|
})
|
|
|
this.tixianDetails = res.data;
|
|
|
@@ -410,12 +449,25 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
+ if (row.transactionType == "4") {
|
|
|
+ this.$api.letter.findRefundDetailById('1804066012385239042').then((res) => {
|
|
|
+ if (res.code == '200') {
|
|
|
+ this.tuikuanDetails = res.data;
|
|
|
+ this.detailsVisible = true;
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: res.msg,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
},
|
|
|
|
|
|
onSubmit() {
|
|
|
if (
|
|
|
- this.formQuery.datetime== undefined ||
|
|
|
- this.formQuery.datetime== null ||
|
|
|
+ this.formQuery.datetime == undefined ||
|
|
|
+ this.formQuery.datetime == null ||
|
|
|
this.formQuery.datetime == ""
|
|
|
) {
|
|
|
(this.formQuery.startDate = ""),
|
|
|
@@ -426,57 +478,56 @@ export default {
|
|
|
}
|
|
|
this.FindPage()
|
|
|
},
|
|
|
-
|
|
|
- screenType(option,val){
|
|
|
- if(val){
|
|
|
- return this[option + "options"].find(item => {
|
|
|
+
|
|
|
+ screenType(option, val) {
|
|
|
+ if (val) {
|
|
|
+ return this[option + "options"].find(item => {
|
|
|
return item.dictValue === val;
|
|
|
}).dictTag;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
//产品分页json
|
|
|
FindPage() {
|
|
|
const loading = this.$loading({
|
|
|
- lock: true,
|
|
|
- text: 'Loading',
|
|
|
- spinner: 'el-icon-loading',
|
|
|
- background: 'rgba(0, 0, 0, 0.7)'
|
|
|
- });
|
|
|
- if(this.amountType==1){
|
|
|
- this.formQuery.incomeAndExpensesType=''
|
|
|
- this.$api.letter.findMyCollectInAdvanceByUserId({ ...this.formQuery,userId:this.userId }).then((res) => {
|
|
|
- if (res.code == '200') {
|
|
|
- this.pageResult = res.data;
|
|
|
- this.formQuery.pageNum=res.data.data.pageNum,
|
|
|
- this.formQuery.pageSize=res.data.data.pageSize,
|
|
|
- this.formQuery.totalSize=res.data.data.totalSize,
|
|
|
- loading.close();
|
|
|
- } else {
|
|
|
- loading.close();
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: res.msg,
|
|
|
- });
|
|
|
- }
|
|
|
+ lock: true,
|
|
|
+ text: 'Loading',
|
|
|
+ spinner: 'el-icon-loading',
|
|
|
+ background: 'rgba(0, 0, 0, 0.7)'
|
|
|
});
|
|
|
+ if (this.amountType == 1) {
|
|
|
+ this.$api.letter.findMyCollectInAdvanceByUserId({ ...this.formQuery, userId: this.userId }).then((res) => {
|
|
|
+ if (res.code == '200') {
|
|
|
+ this.pageResult = res.data;
|
|
|
+ this.formQuery.pageNum = res.data.data.pageNum,
|
|
|
+ this.formQuery.pageSize = res.data.data.pageSize,
|
|
|
+ this.formQuery.totalSize = res.data.data.totalSize,
|
|
|
+ loading.close();
|
|
|
+ } else {
|
|
|
+ loading.close();
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: res.msg,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
- else{
|
|
|
- this.$api.letter.findMyIncomeAndExpensesByUserId({ ...this.formQuery,userId:this.userId }).then((res) => {
|
|
|
- if (res.code == '200') {
|
|
|
- this.pageResult = res.data;
|
|
|
- this.formQuery.pageNum=res.data.data.pageNum,
|
|
|
- this.formQuery.pageSize=res.data.data.pageSize,
|
|
|
- this.formQuery.totalSize=res.data.data.totalSize,
|
|
|
- loading.close();
|
|
|
- } else {
|
|
|
- loading.close();
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: res.msg,
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
+ else {
|
|
|
+ this.$api.letter.findMyIncomeAndExpensesByUserId({ ...this.formQuery, userId: this.userId }).then((res) => {
|
|
|
+ if (res.code == '200') {
|
|
|
+ this.pageResult = res.data;
|
|
|
+ this.formQuery.pageNum = res.data.data.pageNum,
|
|
|
+ this.formQuery.pageSize = res.data.data.pageSize,
|
|
|
+ this.formQuery.totalSize = res.data.data.totalSize,
|
|
|
+ loading.close();
|
|
|
+ } else {
|
|
|
+ loading.close();
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: res.msg,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
|
|
|
},
|
|
|
@@ -501,11 +552,11 @@ export default {
|
|
|
var datastr = strYear + "-" + strMonth + "-" + strDay;
|
|
|
return datastr;
|
|
|
},
|
|
|
- refreshPageRequest(val){
|
|
|
- this.formQuery.pageNum=val
|
|
|
+ refreshPageRequest(val) {
|
|
|
+ this.formQuery.pageNum = val
|
|
|
},
|
|
|
- handleSizeChange(val){
|
|
|
- this.formQuery.pageSize=val
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.formQuery.pageSize = val
|
|
|
},
|
|
|
},
|
|
|
// 计算属性
|
|
|
@@ -523,29 +574,37 @@ export default {
|
|
|
.el-dialog__footer {
|
|
|
padding: 10px;
|
|
|
}
|
|
|
- .tixianDetails-steps{
|
|
|
- .el-step__head.is-finish{
|
|
|
+
|
|
|
+ .tixianDetails-steps {
|
|
|
+ .el-step__head.is-finish {
|
|
|
color: #229805;
|
|
|
- border-color: #ccc;
|
|
|
- .el-step__icon> .el-icon-error{
|
|
|
- color:red
|
|
|
- }
|
|
|
+ border-color: #ccc;
|
|
|
+
|
|
|
+ .el-step__icon>.el-icon-error {
|
|
|
+ color: red
|
|
|
+ }
|
|
|
}
|
|
|
- .el-step__title.is-finish,.el-step__description.is-finish{
|
|
|
- color:#333;
|
|
|
+
|
|
|
+ .el-step__title.is-finish,
|
|
|
+ .el-step__description.is-finish {
|
|
|
+ color: #333;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.withdrawalinput {
|
|
|
border: none;
|
|
|
}
|
|
|
+
|
|
|
#body {
|
|
|
padding: 0 24px;
|
|
|
}
|
|
|
+
|
|
|
.content {
|
|
|
padding: 5px 24px 20px 24px;
|
|
|
+
|
|
|
.header {
|
|
|
width: 100%;
|
|
|
height: 108px;
|
|
|
@@ -553,19 +612,23 @@ export default {
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
padding: 15px 40px;
|
|
|
box-sizing: border-box;
|
|
|
+
|
|
|
>div {
|
|
|
width: 25%;
|
|
|
height: 100%;
|
|
|
+
|
|
|
span:nth-child(2) {
|
|
|
font-family: DIN, DIN;
|
|
|
font-size: 28px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.sum {
|
|
|
border-right: 1px solid #D7DBE7;
|
|
|
box-sizing: border-box;
|
|
|
padding-right: 80px;
|
|
|
+
|
|
|
span:nth-child(1) {
|
|
|
font-family: DIN, DIN;
|
|
|
font-size: 20px;
|
|
|
@@ -574,12 +637,14 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.dialogCentent,
|
|
|
.dialoglist,
|
|
|
-.dialoginput{
|
|
|
+.dialoginput {
|
|
|
background: #FFFFFF;
|
|
|
border-radius: 4px 4px 4px 4px;
|
|
|
padding: 10px;
|
|
|
+
|
|
|
>span {
|
|
|
font-family: PingFang SC, PingFang SC;
|
|
|
font-weight: 500;
|
|
|
@@ -588,32 +653,38 @@ export default {
|
|
|
color: rgba(51, 51, 51, 0.8);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.totalsum {
|
|
|
margin-bottom: 15px;
|
|
|
- span{
|
|
|
- font-weight: bold;
|
|
|
-font-size: 16px;
|
|
|
-color: #333333;
|
|
|
- }
|
|
|
- span:nth-child(2) {
|
|
|
- font-size: 30px;
|
|
|
- color: #FF5600;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
+
|
|
|
+ >span {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
- .amount-money{
|
|
|
- padding: 5px 0 5px 15px;
|
|
|
- font-size: 14px;
|
|
|
- background: #F2F5FD;
|
|
|
- span{
|
|
|
- margin-right: 15px;
|
|
|
|
|
|
- }
|
|
|
+ >span:nth-child(2) {
|
|
|
+ font-size: 30px;
|
|
|
+ color: #FF5600;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
- .withdraw-alAmount{
|
|
|
- font-weight: 700;
|
|
|
-font-size: 28px;
|
|
|
-color: #229805;
|
|
|
-margin:0 0 30px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.amount-money {
|
|
|
+ padding: 5px 0 5px 15px;
|
|
|
+ font-size: 14px;
|
|
|
+ background: #F2F5FD;
|
|
|
+
|
|
|
+ span {
|
|
|
+ margin-right: 15px;
|
|
|
+
|
|
|
}
|
|
|
+}
|
|
|
+
|
|
|
+.withdraw-alAmount {
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 28px;
|
|
|
+ color: #229805;
|
|
|
+ margin: 0 0 30px 0;
|
|
|
+}
|
|
|
</style>
|
lihongxiao