TrmedStatement.vue
5.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<template>
<div class="container resource close-left-menu contaNEW">
<div class="pop-banner clearfix">
<h3 class="current-module">医院对账单</h3>
</div>
<div class="pd-form fast-search-form">
<div class="group-row">
<div class="form-group">
<!-- <label for="cn1" class="label">商品</label> -->
<div class="control">
<input type="text" v-model="search.medname" title='医疗机构' placeholder="医疗机构" maxlength="50">
</div>
</div>
<div class="form-group">
<label for="cn3" class="label"><!-- 出库日期 --></label>
<div class="control control-date" style="height:34px;overflow: inherit;">
<div style="width:100%;height:32px;">
<datepicker :target.sync="search.accountperiod" :readonly="readonlyFlag" title='账期'
placeholder='账期'
styleobj="width:100% !important;border-radius:8px 8px 8px 8px !important;"></datepicker>
</div>
</div>
</div>
</div>
<div class="group-row t-right">
<button v-on:click="getSearchData()"
class="fast-search-form-btn btn-d btn-d-lg btn-d-activate btn-d-circle">查 询
</button>
</div>
</div>
<div class="search-result">
<div class="statistics" style='margin-top:5px;'>
您当前共有 <em class="fW">{{ search.total }}</em> 项对账信息
</div>
</div>
<section class="ctable ct-parent mt-20">
<div class="ct-head">
<span class="ct-col w40">序号</span>
<span class="ct-col w90">医疗机构</span>
<span class="ct-col w80">账期</span>
<span class="ct-col w90">结算方式</span>
<span class="ct-col w90">业务开始日期</span>
<span class="ct-col w90">业务结束日期</span>
<span class="ct-col w90">期初金额合计</span>
<span class="ct-col w90">入库金额合计</span>
<span class="ct-col w90">消耗金额合计</span>
<span class="ct-col w90">期末金额合计</span>
<span class="ct-col w90">对账状态</span>
<span class="ct-col w60">操作</span>
</div>
<div class="ct-row">
<div class="row-line" v-for="sup in mxList">
<span class="ct-col w40">{{ $index + 1 }}</span>
<span class="ct-col w90">{{ sup.medname }}</span>
<span class="ct-col w80">{{ sup.accountperiod }}</span>
<span class="ct-col w90">{{ (sup.settlemethod == 1) ? "消耗后结算" : (sup.settlemethod == 2) ? "到货结算" :
(sup.settlemethod == 3) ? "出库结算" : "未知结算方式" }}</span>
<span class="ct-col w90">{{ sup.dzbegindate }}</span>
<span class="ct-col w90">{{ sup.dzenddate }}</span>
<span class="ct-col w90">0.000</span>
<span class="ct-col w90">{{ sup.geamount }}</span>
<span class="ct-col w90">0000</span>
<span class="ct-col w90">{{ sup.balanceamount }}</span>
<span class="ct-col w90">已确认</span>
<span class="ct-col w70 pt9">
<a v-link="{ path: '/TrmedStatementdetail/' + sup.guid }" class="button-green btn">明细</a>
</span>
</div>
</div>
</section>
<!--翻页-->
<div class="pagination m-20-0">
<pagination @page-change="getData()" :page-no.sync="search.page" :total-pages.sync="search.totalPages">
</pagination>
</div>
</div>
</template>
<script>
export default {
data() {
return {
mxList: [],
search: {
page: 1,
pageSize: 10,
zdyf: '',
pageNo: 0,
totalPages: 0,
total: 0,
medname:'',
accountperiod:''
},
}
},
methods: {
getData: async function () {
var self = this;
self.$set('mxList', []);
try {
var self = this
var response = await Ajax.post('/statement/listTrMedStatements', self.search);
var data = response.data.data;
// console.log(data);
if (data.list) {
self.$set('mxList', data.list);
}
self.search.pageNo = data.pageNo;
self.search.totalPages = data.totalPages;
self.search.total = data.total;
// console.log(self.mxList);
} catch (error) {
console.error(error);
// 处理错误情况
}
},
getSearchData: function () {
var self = this;
self.search.pageNo = 1;
self.getData();
},
},
route: {
activate: function () {
this.getData();
}
}
}
</script>