|
|
@@ -3,10 +3,12 @@
|
|
|
:visible.sync="showDialog"
|
|
|
:title="title"
|
|
|
width="70%"
|
|
|
- :modal-append-to-body="false"
|
|
|
+ :modal-append-to-body="true"
|
|
|
style="text-align:left;"
|
|
|
@close="closeDialog"
|
|
|
:close-on-click-modal="false"
|
|
|
+ append-to-body
|
|
|
+
|
|
|
>
|
|
|
<div class="user-panel" v-loading="loading">
|
|
|
<el-form ref="form" :model="formModel" label-width="150">
|
|
|
@@ -62,7 +64,8 @@
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<span class="fontText">支付方式</span>
|
|
|
- <span class="data">{{formModel.payName}}</span>
|
|
|
+ <el-link class="data" type="primary" v-if="formModel.payStatus=='10'" @click="handlePayTime">{{formModel.payName}}</el-link>
|
|
|
+ <span class="data" v-else>{{formModel.payName}}</span>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row :gutter="20" >
|
|
|
@@ -104,7 +107,7 @@
|
|
|
>修改账单</el-button
|
|
|
>
|
|
|
</el-row>
|
|
|
- <el-table :data="tableData" v-loading="loading" stripe>
|
|
|
+ <el-table :data="tableData" v-loading="loading" stripe show-summary :summary-method="getSummaries">
|
|
|
<el-table-column type="index" label="序号" width="80"></el-table-column>
|
|
|
<el-table-column prop="goodsName" label="收费项目"></el-table-column>
|
|
|
<el-table-column prop="beginEndTime" label="起止时间" width="300"></el-table-column>
|
|
|
@@ -126,6 +129,12 @@
|
|
|
:title="modalTitle"
|
|
|
@close="onDetailModalClose"
|
|
|
></billPush-detail>
|
|
|
+ <billPush-order-payTime
|
|
|
+ v-if="showModal2"
|
|
|
+ :businessKey="businessKey"
|
|
|
+ :title="modalTitle2"
|
|
|
+ @close="onDetailModalClose2"
|
|
|
+ ></billPush-order-payTime>
|
|
|
|
|
|
</el-dialog>
|
|
|
</template>
|
|
|
@@ -134,11 +143,13 @@ import Constant from "@/constant";
|
|
|
import billPushApi from "@/api/business/billPush";
|
|
|
import billPushPersonApi from "@/api/business/billPushPerson";
|
|
|
import billPushDetail from "./billPush-detail";
|
|
|
+import billPushOrderPayTime from "./billPush-order-payTime";
|
|
|
export default {
|
|
|
props: ["businessKey", "title"],
|
|
|
data() {
|
|
|
return{
|
|
|
formModel:{
|
|
|
+
|
|
|
},
|
|
|
queryModel: {
|
|
|
name: "",
|
|
|
@@ -147,6 +158,13 @@ export default {
|
|
|
companyId:"",
|
|
|
payService:"",
|
|
|
},
|
|
|
+ formModel2:{
|
|
|
+ id:"",
|
|
|
+ payName:"",
|
|
|
+ payTime:"",
|
|
|
+ },
|
|
|
+ payModal:true,
|
|
|
+ payTime:"",
|
|
|
tableData:[],
|
|
|
pageIndex: 1,
|
|
|
pageSize: 10,
|
|
|
@@ -158,6 +176,8 @@ export default {
|
|
|
showDialog: true,
|
|
|
loading: false,
|
|
|
showModal: false,
|
|
|
+ showModal2:false,
|
|
|
+ submitting: false,
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
@@ -241,14 +261,79 @@ export default {
|
|
|
onDetailModalClose(retObj) {
|
|
|
//保存成功后回调
|
|
|
this.showModal = false;
|
|
|
- this.$emit("close", false);
|
|
|
+ //this.closeDialog();
|
|
|
+ this.changePage(1,false);
|
|
|
},
|
|
|
exportXls() {
|
|
|
this.changePage(1,true);
|
|
|
+ },
|
|
|
+ getSummaries(param) {
|
|
|
+ const { columns, data } = param;
|
|
|
+ const sums = [];
|
|
|
+ columns.forEach((column, index) => {
|
|
|
+ if (index === 0) {
|
|
|
+ sums[index] = '合计';
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const values = data.map(item => Number(item[column.property]));
|
|
|
+ if (!values.every(value => isNaN(value))) {
|
|
|
+ sums[5] = values.reduce((prev, curr) => {
|
|
|
+ const value = Number(curr);
|
|
|
+ if (!isNaN(value)) {
|
|
|
+ return prev + curr;
|
|
|
+ } else {
|
|
|
+ return prev;
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
+ sums[5] ;
|
|
|
+ } else {
|
|
|
+ sums[index] = '';
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return sums;
|
|
|
+ },
|
|
|
+ onDetailModalClose2(){
|
|
|
+ //保存成功后回调
|
|
|
+ this.showModal2 = false;
|
|
|
+ var self = this;
|
|
|
+
|
|
|
+ (function() {
|
|
|
+ if (self.businessKey.length == 0) {
|
|
|
+ return billPushApi.createGoods();
|
|
|
+ } else {
|
|
|
+ return billPushApi.detail(self.businessKey);
|
|
|
+ }
|
|
|
+ })()
|
|
|
+ .then(response => {
|
|
|
+ var jsonData = response.data;
|
|
|
+ self.loading = false;
|
|
|
+
|
|
|
+ if (jsonData.result) {
|
|
|
+ self.formModel = jsonData.data;
|
|
|
+ } else {
|
|
|
+ self.$message.error(jsonData.message + "");
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(error => {
|
|
|
+ self.$message.error(error + "");
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ handlePayTime(){
|
|
|
+ var self = this;
|
|
|
+
|
|
|
+ var billPushId = self.businessKey;
|
|
|
+
|
|
|
+ this.modalTitle2 = "账单推送详情";
|
|
|
+ this.operation = "detail";
|
|
|
+ this.businessKey = billPushId;
|
|
|
+ this.showModal2 = true;
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
|
- "billPush-detail": billPushDetail
|
|
|
+ "billPush-detail": billPushDetail,
|
|
|
+ "billPush-order-payTime":billPushOrderPayTime
|
|
|
},
|
|
|
mounted: function() {
|
|
|
var self = this;
|