200 lines
7.6 KiB
Vue
200 lines
7.6 KiB
Vue
<template>
|
|
<div>
|
|
<el-table v-loading="loading"
|
|
border
|
|
size="mini"
|
|
storageName="emisSettlePayRecordList_pay_dtl_s"
|
|
:data="emisSettlePayRecordList"
|
|
:showSearch.sync="showSearch"
|
|
:queryParams="queryParams"
|
|
:total="total"
|
|
>
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column :label="$t('序号')" align="center" type="index" width="50" />
|
|
<el-table-column :label="$t('运单号')" align="center" prop="emisWaybill.billCode" min-width="170" />
|
|
<el-table-column :label="$t('运费')" align="center" prop="emisWaybill.freight" min-width="80"
|
|
:show-overflow-tooltip="true" >
|
|
<template slot-scope="scope">
|
|
{{scope.row.emisWaybill.freight}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column :label="$t('已收金额')" align="center" prop="emisSettleSubBill.recedMoney" min-width="100">
|
|
</el-table-column>
|
|
<el-table-column :label="$t('本次销账金额')" align="center" prop="applyMoney" min-width="140">
|
|
</el-table-column>
|
|
<el-table-column :label="$t('未收金额 ')" align="center" prop="" min-width="100" >
|
|
<template slot-scope="scope">
|
|
{{scope.row.emisWaybill.freight - scope.row.emisSettleSubBill.recedMoney - scope.row.applyMoney}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column :label="$t('寄件日期')" align="center" prop="emisWaybill.sendDate" min-width="170"
|
|
:show-overflow-tooltip="true" />
|
|
<el-table-column :label="$t('快件类型')" align="center" prop="expressType" min-width="200" />
|
|
<el-table-column :label="$t('发件人')" align="center" prop="emisWaybill.sendName" min-width="100" />
|
|
<el-table-column :label="$t('寄件公司')" align="center" prop="emisWaybill.sendCompany" min-width="170"></el-table-column>
|
|
<el-table-column :label="$t('支付方式')" align="center" prop="emisWaybill.paymentType" min-width="140">
|
|
<template slot-scope="scope">
|
|
<dict-tag :options="dict.type.emis_payment_type" :value="scope.row.emisWaybill.paymentType"/>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column :label="$t('产品类型')" align="center" prop="emisWaybill.productTypeName" min-width="100"></el-table-column>
|
|
<el-table-column :label="$t('件数')" align="center" prop="emisWaybill.parcelQty" min-width="100"> </el-table-column>
|
|
<el-table-column :label="$t('结算重量 ')" align="center" prop="emisWaybill.settlementWeight" min-width="100" />
|
|
<el-table-column :label="$t('收款状态 ')" align="center" prop="emisSettleBill.paymentStatus" min-width="100">
|
|
<template slot-scope="scope">
|
|
<!-- 收款状态 展示不同颜色的标签 -->
|
|
<el-tag v-if="scope.row.emisSettleBill.paymentStatus=='0'" type="error">未收款</el-tag>
|
|
<el-tag v-if="scope.row.emisSettleBill.paymentStatus=='1'" type="success">已收款</el-tag>
|
|
<el-tag v-if="scope.row.emisSettleBill.paymentStatus=='2'" type="warning">部分收款</el-tag>
|
|
<!-- <dict-tag :options="dict.type.emis_settlebill_pay_status" :value="scope.row.emisSettleBill.paymentStatus"/> -->
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column :label="$t('开票状态 ')" align="center" prop="emisSettleBill.chargeStatus" min-width="100">
|
|
<template slot-scope="scope">
|
|
<el-tag v-if="scope.row.emisSettleBill.openBillStatus=='0'" type="error">未开票</el-tag>
|
|
<el-tag v-if="scope.row.emisSettleBill.openBillStatus=='1'" type="success">已开票</el-tag>
|
|
<el-tag v-if="scope.row.emisSettleBill.openBillStatus=='2'" type="warning">部分开票</el-tag>
|
|
<el-tag v-if="scope.row.emisSettleBill.openBillStatus=='3'" type="warning">不开票</el-tag>
|
|
<el-tag v-if="scope.row.emisSettleBill.openBillStatus=='4'" type="success">已完成</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { getEmisSettlePayRecord, delEmisSettlePayRecord, addEmisSettlePayRecord, updateEmisSettlePayRecord,payRecordReturn } from "@/api/emis/emisSettlePayRecord";
|
|
import elDateSimplePicker from '@/components/DatePickerAdv/elDateSimplePicker';
|
|
import PayRecordSubBillRelList from '@/views/emis/emisSettlePayRecord/panel/PayRecordSubBillRelList.vue';
|
|
|
|
|
|
export default {
|
|
name: "PayRecordList",
|
|
props:{
|
|
settleBillNo:{
|
|
type:String
|
|
},
|
|
emisSettlePayRecordList:{
|
|
type:Array,
|
|
default:()=>[]
|
|
}
|
|
},
|
|
components: { elDateSimplePicker,PayRecordSubBillRelList },
|
|
dicts: ['emis_settlebill_pay_type','emis_payment_type','emis_settlebill_pay_status',],
|
|
data() {
|
|
return {
|
|
// 遮罩层
|
|
loading: false,
|
|
// 选中数组
|
|
ids: [],
|
|
// 非单个禁用
|
|
single: true,
|
|
// 非多个禁用
|
|
multiple: true,
|
|
// 显示搜索条件
|
|
showSearch: true,
|
|
// 创建时间搜索
|
|
dateTimeRange:[],
|
|
// 总条数
|
|
total: 0,
|
|
// 账单收退款记录表格数据
|
|
|
|
currentId:null,
|
|
openForm: false,
|
|
titleForm: "",
|
|
|
|
// 弹出展示层
|
|
id:null,
|
|
titleView:"",
|
|
openView: false,
|
|
// 更新站点时间范围
|
|
daterangeAuditDate: [],
|
|
// 更新站点时间范围
|
|
daterangeRefundDate: [],
|
|
// 更新站点时间范围
|
|
daterangeTradeDate: [],
|
|
// 更新站点时间范围
|
|
daterangeCreateTime: [],
|
|
// 更新站点时间范围
|
|
daterangeUpdateTime: [],
|
|
// 查询参数
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageSize: 100,
|
|
payType: null,
|
|
recType: null,
|
|
payMan: null,
|
|
payManCode: null,
|
|
settleBillNo: null,
|
|
blAudit: null,
|
|
auditDate: null,
|
|
auditManCode: null,
|
|
auditSiteCode: null,
|
|
customerCode: null,
|
|
customerName: null,
|
|
payMoney: null,
|
|
payStatus: null,
|
|
payStatusDesc: null,
|
|
breakType: null,
|
|
breakReason: null,
|
|
breakEmpCode: null,
|
|
recManCode: null,
|
|
settleType: null,
|
|
refundDate: null,
|
|
refundManCode: null,
|
|
refundSeq: null,
|
|
refundMode: null,
|
|
refundMoney: null,
|
|
refundReason: null,
|
|
refundRemark: null,
|
|
refundOpManCode: null,
|
|
refundRegisterSiteCode: null,
|
|
refundRegisterManCode: null,
|
|
satisfyMoney: null,
|
|
satisfyReason: null,
|
|
allowanceMoney: null,
|
|
allowanceReason: null,
|
|
deductionMoney: null,
|
|
deductionReason: null,
|
|
otherMoney: null,
|
|
otherReason: null,
|
|
tradeDate: null,
|
|
remark: null,
|
|
},
|
|
};
|
|
},
|
|
watch: {
|
|
settleBillNo(newVal){
|
|
this.queryParams.settleBillNo=this.settleBillNo;
|
|
}
|
|
},
|
|
created() {
|
|
this.queryParams.settleBillNo=this.settleBillNo;
|
|
},
|
|
methods: {
|
|
/** 列索引函数 */
|
|
getIndex($index) {
|
|
return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + $index + 1
|
|
},
|
|
/** 时间搜索响应函数 */
|
|
dateTimeChange(value){
|
|
this.dateTimeRange=value;
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.el-divider{
|
|
margin-top: 0px;
|
|
background: 0 0;
|
|
border-top: 1px solid #E6EBF5;
|
|
}
|
|
.el-divider__text {
|
|
color: #0955ee;
|
|
cursor: pointer;
|
|
}
|
|
</style>
|