apply-clients 3.2.30-14 → 3.2.30-15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/src/apply.js
CHANGED
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
import Vue from 'vue'
|
|
2
|
-
Vue.config.silent = true
|
|
3
|
-
import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
|
|
4
|
-
import ApplyLoadParams from './stores/ApplyLoadParams'
|
|
5
|
-
/** ****************服务插件*********************/
|
|
6
|
-
|
|
7
|
-
export default function (filiale) {
|
|
8
|
-
Vue.use(ApplyGetSaleParam)
|
|
9
|
-
Vue.use(ApplyLoadParams)
|
|
10
|
-
/** ***************************报建模块*********************************/
|
|
11
|
-
/** 报建流程业务 **/
|
|
12
|
-
// 报建流程业务总入口
|
|
13
|
-
Vue.component('exploration-user', (resolve) => { require(['./components/product/Process/ExplorationUser'], resolve) })
|
|
14
|
-
// 报建流程业务总入口页面list布局
|
|
15
|
-
Vue.component('exploration-select', (resolve) => { require(['./components/product/Process/ExplorationSelect'], resolve) })
|
|
16
|
-
// 业务tab(control层)页
|
|
17
|
-
Vue.component('service-control', (resolve) => { require(['./components/product/Process/Service/ServiceControl'], resolve) })
|
|
18
|
-
// 公共业务显示(view层)页
|
|
19
|
-
Vue.component('service-view', (resolve) => { require(['./components/product/ServiceView'], resolve) })
|
|
20
|
-
Vue.component('onetomany', (resolve) => { require(['./components/product/Onetomany'], resolve) })
|
|
21
|
-
// 显示退回理由tab页
|
|
22
|
-
Vue.component('show-back-reason', (resolve) => { require(['./components/product/Process/Service/ShowBackReason'], resolve) })
|
|
23
|
-
|
|
24
|
-
/** 报建监控业务 **/
|
|
25
|
-
// 流程监控入口页
|
|
26
|
-
Vue.component('supervisory-control', (resolve) => { require(['./components/product/Supervisory/SupervisoryControl'], resolve) })
|
|
27
|
-
// 流程监控列表页
|
|
28
|
-
Vue.component('supervisory-list', (resolve) => { require(['./components/product/Supervisory/SupervisoryList'], resolve) })
|
|
29
|
-
// 业务tab(control层)页
|
|
30
|
-
Vue.component('supervisory-service-control', (resolve) => { require(['./components/product/Supervisory/Service/SupervisoryServiceControl'], resolve) })
|
|
31
|
-
// 流程列表页
|
|
32
|
-
Vue.component('supervisory-chart', (resolve) => { require(['./components/product/Supervisory/SupervisoryhCart'], resolve) })
|
|
33
|
-
|
|
34
|
-
/** 报建功能业务 **/
|
|
35
|
-
// 报建功能业务总入口
|
|
36
|
-
Vue.component('install-function', (resolve) => { require(['./components/product/Function/InstallFunction'], resolve) })
|
|
37
|
-
// 报建功能工程列表
|
|
38
|
-
Vue.component('installinfoselect', (resolve) => { require(['./components/product/Function/InstallInfoSelect'], resolve) })
|
|
39
|
-
// 报建菜单页面控制层
|
|
40
|
-
Vue.component('function-service-control', (resolve) => { require(['./components/product/Function/Service/FunctionServiceControl'], resolve) })
|
|
41
|
-
|
|
42
|
-
/** 预约报建 **/
|
|
43
|
-
Vue.component('order-apply', (resolve) => { require(['./components/product/Order/OrderApply'], resolve) })
|
|
44
|
-
Vue.component('order-apply-list', (resolve) => { require(['./components/product/Order/OrderApplyList'], resolve) })
|
|
45
|
-
Vue.component('order-message', (resolve) => { require(['./components/product/Order/OrderMessage'], resolve) })
|
|
46
|
-
|
|
47
|
-
// 终止报建页面入口
|
|
48
|
-
Vue.component('stop-apply', (resolve) => { require(['./components/product/Stop/StopApply'], resolve) })
|
|
49
|
-
Vue.component('stop-apply-list', (resolve) => { require(['./components/product/Stop/StopApplyList'], resolve) })
|
|
50
|
-
|
|
51
|
-
/** 报建收费记录 **/
|
|
52
|
-
Vue.component('apply-charge-search', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeSearch'], resolve) })
|
|
53
|
-
Vue.component('apply-charge-list', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeList'], resolve) })
|
|
54
|
-
|
|
55
|
-
// 地址管理
|
|
56
|
-
Vue.component('apply-address-userinfo-management', (resolve) => { require(['./components/product/Process/Processes/addressAndUserinfoManagement'], resolve) })
|
|
57
|
-
// 施工安装明细
|
|
58
|
-
Vue.component('installation-details', (resolve) => { require(['./components/product/Process/Processes/InstallationDetails'], resolve) })
|
|
59
|
-
// 收费管理
|
|
60
|
-
Vue.component('apply-charge-management', (resolve) => { require(['./components/product/Process/Processes/chargeManagement'], resolve) })
|
|
61
|
-
|
|
62
|
-
// 补充协议
|
|
63
|
-
Vue.component('supplemental-agreement', (resolve) => { require(['./components/product/Process/Processes/supplementalAgreement'], resolve) })
|
|
64
|
-
// 选择用户信息
|
|
65
|
-
Vue.component('select-userinfo', (resolve) => { require(['./components/product/Process/Processes/selectUserinfo'], resolve) })
|
|
66
|
-
// 选择报建项目
|
|
67
|
-
Vue.component('select-apply', (resolve) => { require(['./components/product/Process/Processes/selectApply'], resolve) })
|
|
68
|
-
// 设备管理
|
|
69
|
-
Vue.component('apply-devices-management', (resolve) => { require(['./components/product/Process/Processes/devicesManagement'], resolve) })
|
|
70
|
-
|
|
71
|
-
/** VueUtils **/
|
|
72
|
-
Vue.component('apply-upload', (resolve) => { require(['./components/product/VueUtils/ApplyUpload'], resolve) })
|
|
73
|
-
Vue.component('apply-high-meter', (resolve) => { require(['./components/product/VueUtils/HighMeter'], resolve) })
|
|
74
|
-
|
|
75
|
-
if (filiale) {
|
|
76
|
-
let filialeComp = require(`./filiale/${filiale}/pc`).specialComp
|
|
77
|
-
for (let key in filialeComp) {
|
|
78
|
-
Vue.component(key, filialeComp[key])
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}
|
|
1
|
+
import Vue from 'vue'
|
|
2
|
+
Vue.config.silent = true
|
|
3
|
+
import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
|
|
4
|
+
import ApplyLoadParams from './stores/ApplyLoadParams'
|
|
5
|
+
/** ****************服务插件*********************/
|
|
6
|
+
|
|
7
|
+
export default function (filiale) {
|
|
8
|
+
Vue.use(ApplyGetSaleParam)
|
|
9
|
+
Vue.use(ApplyLoadParams)
|
|
10
|
+
/** ***************************报建模块*********************************/
|
|
11
|
+
/** 报建流程业务 **/
|
|
12
|
+
// 报建流程业务总入口
|
|
13
|
+
Vue.component('exploration-user', (resolve) => { require(['./components/product/Process/ExplorationUser'], resolve) })
|
|
14
|
+
// 报建流程业务总入口页面list布局
|
|
15
|
+
Vue.component('exploration-select', (resolve) => { require(['./components/product/Process/ExplorationSelect'], resolve) })
|
|
16
|
+
// 业务tab(control层)页
|
|
17
|
+
Vue.component('service-control', (resolve) => { require(['./components/product/Process/Service/ServiceControl'], resolve) })
|
|
18
|
+
// 公共业务显示(view层)页
|
|
19
|
+
Vue.component('service-view', (resolve) => { require(['./components/product/ServiceView'], resolve) })
|
|
20
|
+
Vue.component('onetomany', (resolve) => { require(['./components/product/Onetomany'], resolve) })
|
|
21
|
+
// 显示退回理由tab页
|
|
22
|
+
Vue.component('show-back-reason', (resolve) => { require(['./components/product/Process/Service/ShowBackReason'], resolve) })
|
|
23
|
+
|
|
24
|
+
/** 报建监控业务 **/
|
|
25
|
+
// 流程监控入口页
|
|
26
|
+
Vue.component('supervisory-control', (resolve) => { require(['./components/product/Supervisory/SupervisoryControl'], resolve) })
|
|
27
|
+
// 流程监控列表页
|
|
28
|
+
Vue.component('supervisory-list', (resolve) => { require(['./components/product/Supervisory/SupervisoryList'], resolve) })
|
|
29
|
+
// 业务tab(control层)页
|
|
30
|
+
Vue.component('supervisory-service-control', (resolve) => { require(['./components/product/Supervisory/Service/SupervisoryServiceControl'], resolve) })
|
|
31
|
+
// 流程列表页
|
|
32
|
+
Vue.component('supervisory-chart', (resolve) => { require(['./components/product/Supervisory/SupervisoryhCart'], resolve) })
|
|
33
|
+
|
|
34
|
+
/** 报建功能业务 **/
|
|
35
|
+
// 报建功能业务总入口
|
|
36
|
+
Vue.component('install-function', (resolve) => { require(['./components/product/Function/InstallFunction'], resolve) })
|
|
37
|
+
// 报建功能工程列表
|
|
38
|
+
Vue.component('installinfoselect', (resolve) => { require(['./components/product/Function/InstallInfoSelect'], resolve) })
|
|
39
|
+
// 报建菜单页面控制层
|
|
40
|
+
Vue.component('function-service-control', (resolve) => { require(['./components/product/Function/Service/FunctionServiceControl'], resolve) })
|
|
41
|
+
|
|
42
|
+
/** 预约报建 **/
|
|
43
|
+
Vue.component('order-apply', (resolve) => { require(['./components/product/Order/OrderApply'], resolve) })
|
|
44
|
+
Vue.component('order-apply-list', (resolve) => { require(['./components/product/Order/OrderApplyList'], resolve) })
|
|
45
|
+
Vue.component('order-message', (resolve) => { require(['./components/product/Order/OrderMessage'], resolve) })
|
|
46
|
+
|
|
47
|
+
// 终止报建页面入口
|
|
48
|
+
Vue.component('stop-apply', (resolve) => { require(['./components/product/Stop/StopApply'], resolve) })
|
|
49
|
+
Vue.component('stop-apply-list', (resolve) => { require(['./components/product/Stop/StopApplyList'], resolve) })
|
|
50
|
+
|
|
51
|
+
/** 报建收费记录 **/
|
|
52
|
+
Vue.component('apply-charge-search', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeSearch'], resolve) })
|
|
53
|
+
Vue.component('apply-charge-list', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeList'], resolve) })
|
|
54
|
+
|
|
55
|
+
// 地址管理
|
|
56
|
+
Vue.component('apply-address-userinfo-management', (resolve) => { require(['./components/product/Process/Processes/addressAndUserinfoManagement'], resolve) })
|
|
57
|
+
// 施工安装明细
|
|
58
|
+
Vue.component('installation-details', (resolve) => { require(['./components/product/Process/Processes/InstallationDetails'], resolve) })
|
|
59
|
+
// 收费管理
|
|
60
|
+
Vue.component('apply-charge-management', (resolve) => { require(['./components/product/Process/Processes/chargeManagement'], resolve) })
|
|
61
|
+
|
|
62
|
+
// 补充协议
|
|
63
|
+
Vue.component('supplemental-agreement', (resolve) => { require(['./components/product/Process/Processes/supplementalAgreement'], resolve) })
|
|
64
|
+
// 选择用户信息
|
|
65
|
+
Vue.component('select-userinfo', (resolve) => { require(['./components/product/Process/Processes/selectUserinfo'], resolve) })
|
|
66
|
+
// 选择报建项目
|
|
67
|
+
Vue.component('select-apply', (resolve) => { require(['./components/product/Process/Processes/selectApply'], resolve) })
|
|
68
|
+
// 设备管理
|
|
69
|
+
Vue.component('apply-devices-management', (resolve) => { require(['./components/product/Process/Processes/devicesManagement'], resolve) })
|
|
70
|
+
|
|
71
|
+
/** VueUtils **/
|
|
72
|
+
Vue.component('apply-upload', (resolve) => { require(['./components/product/VueUtils/ApplyUpload'], resolve) })
|
|
73
|
+
Vue.component('apply-high-meter', (resolve) => { require(['./components/product/VueUtils/HighMeter'], resolve) })
|
|
74
|
+
|
|
75
|
+
if (filiale) {
|
|
76
|
+
let filialeComp = require(`./filiale/${filiale}/pc`).specialComp
|
|
77
|
+
for (let key in filialeComp) {
|
|
78
|
+
Vue.component(key, filialeComp[key])
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -1,208 +1,208 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<criteria-paged :model="model" v-ref:cp>
|
|
3
|
-
<criteria partial='criteria' @condition-changed='search' v-ref:cri>
|
|
4
|
-
<div class="form-horizontal select-overspread container-fluid auto" partial>
|
|
5
|
-
<div class="row">
|
|
6
|
-
<div class="form-group col-sm-3">
|
|
7
|
-
<label class="font_normal_body">缴费人：</label>
|
|
8
|
-
<input type="text" class="input_search" style="width: 60%" v-model="model.f_charge_user"
|
|
9
|
-
v-on:keyup.enter="$parent.$parent.search()" condition="a.f_charge_user like '%{}%'" placeholder='项目名'>
|
|
10
|
-
</div>
|
|
11
|
-
<div class="form-group col-sm-3">
|
|
12
|
-
<label for="startDate" class="font_normal_body">开始时间：</label>
|
|
13
|
-
<datepicker id="startDate" placeholder="开始日期"
|
|
14
|
-
style="width: 60%!important;"
|
|
15
|
-
v-model="model.startDate"
|
|
16
|
-
:value.sync="model.startDate"
|
|
17
|
-
:format="'yyyy-MM-dd HH:mm:ss'"
|
|
18
|
-
:show-reset-button="true"
|
|
19
|
-
condition="cr.f_charge_date >= '{}'">
|
|
20
|
-
</datepicker>
|
|
21
|
-
</div>
|
|
22
|
-
<div class="form-group col-sm-3">
|
|
23
|
-
<label for="endDate" class="font_normal_body">结束时间：</label>
|
|
24
|
-
<datepicker id="endDate" placeholder="结束日期"
|
|
25
|
-
style="width: 60%!important;"
|
|
26
|
-
v-model="model.endDate"
|
|
27
|
-
:value.sync="model.endDate"
|
|
28
|
-
:format="'yyyy-MM-dd HH:mm:ss'"
|
|
29
|
-
:show-reset-button="true"
|
|
30
|
-
condition="cr.f_charge_date <= '{}'">
|
|
31
|
-
</datepicker>
|
|
32
|
-
</div>
|
|
33
|
-
<div class="form-group col-sm-3 button-range">
|
|
34
|
-
<button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
|
|
35
|
-
<button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
|
|
36
|
-
<!-- <export-excel :data="$parent.$parent.getCondition"-->
|
|
37
|
-
<!-- :field="$parent.$parent.getfield"-->
|
|
38
|
-
<!-- sqlurl="rs/logic/applyExportfile"-->
|
|
39
|
-
<!-- sql-name="getApplyCharge"-->
|
|
40
|
-
<!-- template-name='收费记录信息导出'-->
|
|
41
|
-
<!-- :choose-col="true"></export-excel>-->
|
|
42
|
-
<div
|
|
43
|
-
:class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
|
|
44
|
-
@click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
|
|
45
|
-
class="button_spacing"
|
|
46
|
-
style="float: right">
|
|
47
|
-
</div>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
<div class="row" v-show="$parent.$parent.criteriaShow">
|
|
51
|
-
<div class="form-group col-sm-3">
|
|
52
|
-
<label class="font_normal_body">收费人员：</label>
|
|
53
|
-
<input type="text" class="input_search" style="width: 60%" placeholder='收费人员' v-model="model.f_charge_collectors"
|
|
54
|
-
v-on:keyup.enter="$parent.$parent.search()"
|
|
55
|
-
condition="cr.f_charge_collectors like '%{}%'">
|
|
56
|
-
</div>
|
|
57
|
-
<div class="form-group col-sm-3">
|
|
58
|
-
<label class="font_normal_body">付款方式：</label>
|
|
59
|
-
<v-select
|
|
60
|
-
v-model="model.f_payment_method"
|
|
61
|
-
placeholder='请选择'
|
|
62
|
-
condition="cr.f_payment_method = '{}'"
|
|
63
|
-
:value.sync="model.f_payment_method"
|
|
64
|
-
:options='$parent.$parent.paymentMethod'
|
|
65
|
-
class="select select_list"
|
|
66
|
-
:value-single="true"
|
|
67
|
-
close-on-select ></v-select>
|
|
68
|
-
</div>
|
|
69
|
-
<div class="form-group col-sm-3">
|
|
70
|
-
<label class="font_normal_body">缴费状态：</label>
|
|
71
|
-
<v-select
|
|
72
|
-
v-model="model.f_charging_status"
|
|
73
|
-
placeholder='请选择'
|
|
74
|
-
condition="cr.f_charging_status = '{}'"
|
|
75
|
-
:value.sync="model.f_charging_status"
|
|
76
|
-
:options='$parent.$parent.chargingStatus'
|
|
77
|
-
class="select select_list"
|
|
78
|
-
:value-single="true"
|
|
79
|
-
close-on-select ></v-select>
|
|
80
|
-
</div>
|
|
81
|
-
</div>
|
|
82
|
-
</div>
|
|
83
|
-
</criteria>
|
|
84
|
-
<data-grid :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
|
|
85
|
-
<template partial='head'>
|
|
86
|
-
<tr>
|
|
87
|
-
<th>序号</th>
|
|
88
|
-
<th>缴费人</th>
|
|
89
|
-
<th>缴费编码</th>
|
|
90
|
-
<th>收费金额</th>
|
|
91
|
-
<th>付款方式</th>
|
|
92
|
-
<th>收费人员</th>
|
|
93
|
-
<th>收费日期</th>
|
|
94
|
-
<th>状态</th>
|
|
95
|
-
</tr>
|
|
96
|
-
</template>
|
|
97
|
-
<template partial='body'>
|
|
98
|
-
<tr >
|
|
99
|
-
<td style="text-align: center;">
|
|
100
|
-
<nobr><font>{{$index+1}}</font></nobr>
|
|
101
|
-
</td>
|
|
102
|
-
<td style="text-align: center;">
|
|
103
|
-
<nobr><font>{{row.f_charge_user}}</font></nobr>
|
|
104
|
-
</td>
|
|
105
|
-
<td style="text-align: center;">
|
|
106
|
-
<nobr><font>{{row.f_charge_number}}</font></nobr>
|
|
107
|
-
</td>
|
|
108
|
-
<td style="text-align: center;">
|
|
109
|
-
<nobr><font>{{row.f_charge_money}}</font></nobr>
|
|
110
|
-
</td>
|
|
111
|
-
<td style="text-align: center;">
|
|
112
|
-
<nobr><font>{{row.f_payment_method}}</font></nobr>
|
|
113
|
-
</td>
|
|
114
|
-
<td style="text-align: center;">
|
|
115
|
-
<nobr><font>{{row.f_charge_collectors}}</font></nobr>
|
|
116
|
-
</td>
|
|
117
|
-
<td style="text-align: center;">
|
|
118
|
-
<nobr><font>{{row.f_charge_date}}</font></nobr>
|
|
119
|
-
</td>
|
|
120
|
-
<td style="text-align: center;">
|
|
121
|
-
<nobr><font>{{row.f_charging_status}}</font></nobr>
|
|
122
|
-
</td>
|
|
123
|
-
</tr>
|
|
124
|
-
</template>
|
|
125
|
-
</data-grid>
|
|
126
|
-
</criteria-paged>
|
|
127
|
-
</template>
|
|
128
|
-
|
|
129
|
-
<script>
|
|
130
|
-
import {PagedList} from 'vue-client'
|
|
131
|
-
import {HttpResetClass} from 'vue-client'
|
|
132
|
-
export default {
|
|
133
|
-
title: '报建收费列表',
|
|
134
|
-
data () {
|
|
135
|
-
return {
|
|
136
|
-
model: new PagedList('rs/sql/getApplyCharge', 30, {
|
|
137
|
-
data: {
|
|
138
|
-
f_orgid: this.$login.f.orgid
|
|
139
|
-
}
|
|
140
|
-
}, {
|
|
141
|
-
f_charge_money: 0
|
|
142
|
-
}),
|
|
143
|
-
applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')],
|
|
144
|
-
paymentMethod: [{label: '全部', value: ''}, ...this.$appdata.getParam('付款方式')],
|
|
145
|
-
chargingStatus: [
|
|
146
|
-
{label: '全部', value: ''},
|
|
147
|
-
{label: '有效', value: '有效'},
|
|
148
|
-
{label: '作废', value: '作废'}
|
|
149
|
-
],
|
|
150
|
-
criteriaShow: false,
|
|
151
|
-
chargeAll: {
|
|
152
|
-
count: 0,
|
|
153
|
-
sum: 0
|
|
154
|
-
},
|
|
155
|
-
getfield: {
|
|
156
|
-
'f_charge_user': '缴费人',
|
|
157
|
-
'f_charge_number': '缴费编码',
|
|
158
|
-
'f_charge_money': '收费金额',
|
|
159
|
-
'f_payment_method': '付款方式',
|
|
160
|
-
'f_charge_collectors': '收费人员',
|
|
161
|
-
'f_charge_date': '收费日期',
|
|
162
|
-
'f_charging_status': '状态',
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
},
|
|
166
|
-
ready () {
|
|
167
|
-
// 调用查询
|
|
168
|
-
this.search()
|
|
169
|
-
},
|
|
170
|
-
methods: {
|
|
171
|
-
clear () {
|
|
172
|
-
Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
|
|
173
|
-
this.$refs.cp.$refs.cri.model[key] = []
|
|
174
|
-
})
|
|
175
|
-
},
|
|
176
|
-
// 查询
|
|
177
|
-
search () {
|
|
178
|
-
this.$refs.cp.$refs.cri.search()
|
|
179
|
-
this.getChargeAll()
|
|
180
|
-
},
|
|
181
|
-
async getChargeAll () {
|
|
182
|
-
let http = new HttpResetClass()
|
|
183
|
-
let data = {
|
|
184
|
-
condition: this.model.condition,
|
|
185
|
-
data: {
|
|
186
|
-
f_orgid: this.$login.f.orgid
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
let res = await http.load('POST', 'rs/sql/getChargeAll', {data: data}, {resolveMsg: null, rejectMsg: null})
|
|
190
|
-
|
|
191
|
-
this.chargeAll = res.data[0]
|
|
192
|
-
}
|
|
193
|
-
},
|
|
194
|
-
computed: {
|
|
195
|
-
getCondition () {
|
|
196
|
-
return {
|
|
197
|
-
condition: this.$refs.cp.$refs.cri.condition,
|
|
198
|
-
data: {
|
|
199
|
-
orgid: this.$login.f.orgid
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
</script>
|
|
206
|
-
|
|
207
|
-
<style scoped>
|
|
208
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<criteria-paged :model="model" v-ref:cp>
|
|
3
|
+
<criteria partial='criteria' @condition-changed='search' v-ref:cri>
|
|
4
|
+
<div class="form-horizontal select-overspread container-fluid auto" partial>
|
|
5
|
+
<div class="row">
|
|
6
|
+
<div class="form-group col-sm-3">
|
|
7
|
+
<label class="font_normal_body">缴费人：</label>
|
|
8
|
+
<input type="text" class="input_search" style="width: 60%" v-model="model.f_charge_user"
|
|
9
|
+
v-on:keyup.enter="$parent.$parent.search()" condition="a.f_charge_user like '%{}%'" placeholder='项目名'>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="form-group col-sm-3">
|
|
12
|
+
<label for="startDate" class="font_normal_body">开始时间：</label>
|
|
13
|
+
<datepicker id="startDate" placeholder="开始日期"
|
|
14
|
+
style="width: 60%!important;"
|
|
15
|
+
v-model="model.startDate"
|
|
16
|
+
:value.sync="model.startDate"
|
|
17
|
+
:format="'yyyy-MM-dd HH:mm:ss'"
|
|
18
|
+
:show-reset-button="true"
|
|
19
|
+
condition="cr.f_charge_date >= '{}'">
|
|
20
|
+
</datepicker>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="form-group col-sm-3">
|
|
23
|
+
<label for="endDate" class="font_normal_body">结束时间：</label>
|
|
24
|
+
<datepicker id="endDate" placeholder="结束日期"
|
|
25
|
+
style="width: 60%!important;"
|
|
26
|
+
v-model="model.endDate"
|
|
27
|
+
:value.sync="model.endDate"
|
|
28
|
+
:format="'yyyy-MM-dd HH:mm:ss'"
|
|
29
|
+
:show-reset-button="true"
|
|
30
|
+
condition="cr.f_charge_date <= '{}'">
|
|
31
|
+
</datepicker>
|
|
32
|
+
</div>
|
|
33
|
+
<div class="form-group col-sm-3 button-range">
|
|
34
|
+
<button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
|
|
35
|
+
<button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
|
|
36
|
+
<!-- <export-excel :data="$parent.$parent.getCondition"-->
|
|
37
|
+
<!-- :field="$parent.$parent.getfield"-->
|
|
38
|
+
<!-- sqlurl="rs/logic/applyExportfile"-->
|
|
39
|
+
<!-- sql-name="getApplyCharge"-->
|
|
40
|
+
<!-- template-name='收费记录信息导出'-->
|
|
41
|
+
<!-- :choose-col="true"></export-excel>-->
|
|
42
|
+
<div
|
|
43
|
+
:class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
|
|
44
|
+
@click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
|
|
45
|
+
class="button_spacing"
|
|
46
|
+
style="float: right">
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="row" v-show="$parent.$parent.criteriaShow">
|
|
51
|
+
<div class="form-group col-sm-3">
|
|
52
|
+
<label class="font_normal_body">收费人员：</label>
|
|
53
|
+
<input type="text" class="input_search" style="width: 60%" placeholder='收费人员' v-model="model.f_charge_collectors"
|
|
54
|
+
v-on:keyup.enter="$parent.$parent.search()"
|
|
55
|
+
condition="cr.f_charge_collectors like '%{}%'">
|
|
56
|
+
</div>
|
|
57
|
+
<div class="form-group col-sm-3">
|
|
58
|
+
<label class="font_normal_body">付款方式：</label>
|
|
59
|
+
<v-select
|
|
60
|
+
v-model="model.f_payment_method"
|
|
61
|
+
placeholder='请选择'
|
|
62
|
+
condition="cr.f_payment_method = '{}'"
|
|
63
|
+
:value.sync="model.f_payment_method"
|
|
64
|
+
:options='$parent.$parent.paymentMethod'
|
|
65
|
+
class="select select_list"
|
|
66
|
+
:value-single="true"
|
|
67
|
+
close-on-select ></v-select>
|
|
68
|
+
</div>
|
|
69
|
+
<div class="form-group col-sm-3">
|
|
70
|
+
<label class="font_normal_body">缴费状态：</label>
|
|
71
|
+
<v-select
|
|
72
|
+
v-model="model.f_charging_status"
|
|
73
|
+
placeholder='请选择'
|
|
74
|
+
condition="cr.f_charging_status = '{}'"
|
|
75
|
+
:value.sync="model.f_charging_status"
|
|
76
|
+
:options='$parent.$parent.chargingStatus'
|
|
77
|
+
class="select select_list"
|
|
78
|
+
:value-single="true"
|
|
79
|
+
close-on-select ></v-select>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</criteria>
|
|
84
|
+
<data-grid :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
|
|
85
|
+
<template partial='head'>
|
|
86
|
+
<tr>
|
|
87
|
+
<th>序号</th>
|
|
88
|
+
<th>缴费人</th>
|
|
89
|
+
<th>缴费编码</th>
|
|
90
|
+
<th>收费金额</th>
|
|
91
|
+
<th>付款方式</th>
|
|
92
|
+
<th>收费人员</th>
|
|
93
|
+
<th>收费日期</th>
|
|
94
|
+
<th>状态</th>
|
|
95
|
+
</tr>
|
|
96
|
+
</template>
|
|
97
|
+
<template partial='body'>
|
|
98
|
+
<tr >
|
|
99
|
+
<td style="text-align: center;">
|
|
100
|
+
<nobr><font>{{$index+1}}</font></nobr>
|
|
101
|
+
</td>
|
|
102
|
+
<td style="text-align: center;">
|
|
103
|
+
<nobr><font>{{row.f_charge_user}}</font></nobr>
|
|
104
|
+
</td>
|
|
105
|
+
<td style="text-align: center;">
|
|
106
|
+
<nobr><font>{{row.f_charge_number}}</font></nobr>
|
|
107
|
+
</td>
|
|
108
|
+
<td style="text-align: center;">
|
|
109
|
+
<nobr><font>{{row.f_charge_money}}</font></nobr>
|
|
110
|
+
</td>
|
|
111
|
+
<td style="text-align: center;">
|
|
112
|
+
<nobr><font>{{row.f_payment_method}}</font></nobr>
|
|
113
|
+
</td>
|
|
114
|
+
<td style="text-align: center;">
|
|
115
|
+
<nobr><font>{{row.f_charge_collectors}}</font></nobr>
|
|
116
|
+
</td>
|
|
117
|
+
<td style="text-align: center;">
|
|
118
|
+
<nobr><font>{{row.f_charge_date}}</font></nobr>
|
|
119
|
+
</td>
|
|
120
|
+
<td style="text-align: center;">
|
|
121
|
+
<nobr><font>{{row.f_charging_status}}</font></nobr>
|
|
122
|
+
</td>
|
|
123
|
+
</tr>
|
|
124
|
+
</template>
|
|
125
|
+
</data-grid>
|
|
126
|
+
</criteria-paged>
|
|
127
|
+
</template>
|
|
128
|
+
|
|
129
|
+
<script>
|
|
130
|
+
import {PagedList} from 'vue-client'
|
|
131
|
+
import {HttpResetClass} from 'vue-client'
|
|
132
|
+
export default {
|
|
133
|
+
title: '报建收费列表',
|
|
134
|
+
data () {
|
|
135
|
+
return {
|
|
136
|
+
model: new PagedList('rs/sql/getApplyCharge', 30, {
|
|
137
|
+
data: {
|
|
138
|
+
f_orgid: this.$login.f.orgid
|
|
139
|
+
}
|
|
140
|
+
}, {
|
|
141
|
+
f_charge_money: 0
|
|
142
|
+
}),
|
|
143
|
+
applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')],
|
|
144
|
+
paymentMethod: [{label: '全部', value: ''}, ...this.$appdata.getParam('付款方式')],
|
|
145
|
+
chargingStatus: [
|
|
146
|
+
{label: '全部', value: ''},
|
|
147
|
+
{label: '有效', value: '有效'},
|
|
148
|
+
{label: '作废', value: '作废'}
|
|
149
|
+
],
|
|
150
|
+
criteriaShow: false,
|
|
151
|
+
chargeAll: {
|
|
152
|
+
count: 0,
|
|
153
|
+
sum: 0
|
|
154
|
+
},
|
|
155
|
+
getfield: {
|
|
156
|
+
'f_charge_user': '缴费人',
|
|
157
|
+
'f_charge_number': '缴费编码',
|
|
158
|
+
'f_charge_money': '收费金额',
|
|
159
|
+
'f_payment_method': '付款方式',
|
|
160
|
+
'f_charge_collectors': '收费人员',
|
|
161
|
+
'f_charge_date': '收费日期',
|
|
162
|
+
'f_charging_status': '状态',
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
ready () {
|
|
167
|
+
// 调用查询
|
|
168
|
+
this.search()
|
|
169
|
+
},
|
|
170
|
+
methods: {
|
|
171
|
+
clear () {
|
|
172
|
+
Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
|
|
173
|
+
this.$refs.cp.$refs.cri.model[key] = []
|
|
174
|
+
})
|
|
175
|
+
},
|
|
176
|
+
// 查询
|
|
177
|
+
search () {
|
|
178
|
+
this.$refs.cp.$refs.cri.search()
|
|
179
|
+
this.getChargeAll()
|
|
180
|
+
},
|
|
181
|
+
async getChargeAll () {
|
|
182
|
+
let http = new HttpResetClass()
|
|
183
|
+
let data = {
|
|
184
|
+
condition: this.model.condition,
|
|
185
|
+
data: {
|
|
186
|
+
f_orgid: this.$login.f.orgid
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
let res = await http.load('POST', 'rs/sql/getChargeAll', {data: data}, {resolveMsg: null, rejectMsg: null})
|
|
190
|
+
|
|
191
|
+
this.chargeAll = res.data[0]
|
|
192
|
+
}
|
|
193
|
+
},
|
|
194
|
+
computed: {
|
|
195
|
+
getCondition () {
|
|
196
|
+
return {
|
|
197
|
+
condition: this.$refs.cp.$refs.cri.condition,
|
|
198
|
+
data: {
|
|
199
|
+
orgid: this.$login.f.orgid
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
</script>
|
|
206
|
+
|
|
207
|
+
<style scoped>
|
|
208
|
+
</style>
|
|
@@ -1,161 +1,161 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="form-horizontal select-overspread container-fluid row" style="overflow: scroll">
|
|
3
|
-
<validator name='v'>
|
|
4
|
-
<!-- 预约单信息 -->
|
|
5
|
-
<div class="auto">
|
|
6
|
-
<div class="col-sm-12 text-center bg-info pt-8">{{selectdata.f_ordertype}}</div>
|
|
7
|
-
<div class="col-sm-6 form-group ">
|
|
8
|
-
<label class="font_normal_body">预约来源</label>
|
|
9
|
-
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_order_source" readonly />
|
|
10
|
-
</div>
|
|
11
|
-
<div class="col-sm-6 form-group ">
|
|
12
|
-
<label class="font_normal_body">处理状态</label>
|
|
13
|
-
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_orderstate" readonly />
|
|
14
|
-
</div>
|
|
15
|
-
<div class="col-sm-6 form-group ">
|
|
16
|
-
<label class="font_normal_body">用户编号</label>
|
|
17
|
-
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_userinfo_code" readonly />
|
|
18
|
-
</div>
|
|
19
|
-
<div class="col-sm-6 form-group ">
|
|
20
|
-
<label class="font_normal_body">用户姓名</label>
|
|
21
|
-
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_user_name" readonly />
|
|
22
|
-
</div>
|
|
23
|
-
<div class="col-sm-6 form-group ">
|
|
24
|
-
<label class="font_normal_body">联系电话</label>
|
|
25
|
-
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_phone" readonly />
|
|
26
|
-
</div>
|
|
27
|
-
<div class="col-sm-6 form-group ">
|
|
28
|
-
<label class="font_normal_body">预约时间</label>
|
|
29
|
-
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_orderdate" readonly />
|
|
30
|
-
</div>
|
|
31
|
-
<div class="col-sm-12 form-group ">
|
|
32
|
-
<label class="font_normal_body">预约地址</label>
|
|
33
|
-
<input type="text" class="input_search" style="width: 80%" v-model="selectdata.f_address" readonly />
|
|
34
|
-
</div>
|
|
35
|
-
<div class="col-sm-12 form-group ">
|
|
36
|
-
<label class="font_normal_body">预约备注</label>
|
|
37
|
-
<textarea
|
|
38
|
-
readonly rows="2" style="width: 80%;"
|
|
39
|
-
v-model="selectdata.f_orderremark"
|
|
40
|
-
></textarea>
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
43
|
-
<!-- 审核信息 -->
|
|
44
|
-
<div class="auto" v-if="type === 'check' || selectdata.f_orderstate !== '待审核'">
|
|
45
|
-
<div class="col-sm-12 text-center bg-info pt-8">审核信息</div>
|
|
46
|
-
<div class="col-sm-6 form-group" :class="[$v.check.required ? 'has-error' : '']">
|
|
47
|
-
<label class="font_normal_body">是否合格</label>
|
|
48
|
-
<input type="text" v-show="false" v-validate:check = "['required']" v-model="check">
|
|
49
|
-
<v-select
|
|
50
|
-
v-model="check"
|
|
51
|
-
:value.sync="check"
|
|
52
|
-
:options='checkOptions'
|
|
53
|
-
:value-single="true"
|
|
54
|
-
class="select select_list"
|
|
55
|
-
:search="false"
|
|
56
|
-
width="60%" :disabled="type === 'process' && selectdata.f_orderstate !== '待审核'"
|
|
57
|
-
close-on-select ></v-select>
|
|
58
|
-
</div>
|
|
59
|
-
<div class="col-sm-12 form-group ">
|
|
60
|
-
<label class="font_normal_body">审核备注</label>
|
|
61
|
-
<textarea
|
|
62
|
-
rows="2" style="width: 80%;" :readonly="type === 'process' || selectdata.f_orderstate !== '待审核'"
|
|
63
|
-
v-model="selectdata.f_check_remark"
|
|
64
|
-
:value="selectdata.f_check_remark"
|
|
65
|
-
></textarea>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
<!-- 缴费信息 -->
|
|
69
|
-
<div class="auto" v-if="selectdata.
|
|
70
|
-
<div class="col-sm-12 text-center bg-info pt-8">缴费信息</div>
|
|
71
|
-
<div class="col-sm-6 form-group" :class="[$v.f_money.required ? 'has-error' : '']">
|
|
72
|
-
<label class="font_normal_body">应缴费金额</label>
|
|
73
|
-
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_money" :readonly="selectdata.f_orderstate === '预约成功'" />
|
|
74
|
-
</div>
|
|
75
|
-
<div class="col-sm-6 form-group" v-if="type === 'process' || selectdata.f_orderstate !== '待审核'">
|
|
76
|
-
<label class="font_normal_body">审 核 人</label>
|
|
77
|
-
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_check_user" readonly />
|
|
78
|
-
</div>
|
|
79
|
-
<div class="col-sm-6 form-group" v-if="type === 'process' || selectdata.f_orderstate !== '待审核'">
|
|
80
|
-
<label class="font_normal_body">审核时间</label>
|
|
81
|
-
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_check_date" readonly />
|
|
82
|
-
</div>
|
|
83
|
-
</div>
|
|
84
|
-
|
|
85
|
-
<div class="col-sm-12 text-right button-range auto" style="margin-top: 10px">
|
|
86
|
-
<button class="button_search button_spacing" :disabled='!$v.valid'
|
|
87
|
-
v-if="type !== 'view' && selectdata.f_orderstate === '待审核'"
|
|
88
|
-
@click="checkOrder()">保存</button>
|
|
89
|
-
</div>
|
|
90
|
-
</validator>
|
|
91
|
-
</div>
|
|
92
|
-
</template>
|
|
93
|
-
<script>
|
|
94
|
-
import Vue from 'vue'
|
|
95
|
-
import {HttpResetClass} from 'vue-client'
|
|
96
|
-
export default {
|
|
97
|
-
title: '预约详情',
|
|
98
|
-
props: ['selectdata', 'type'],
|
|
99
|
-
data () {
|
|
100
|
-
return {
|
|
101
|
-
showRight: false,
|
|
102
|
-
selectdata: null,
|
|
103
|
-
checkOptions: [
|
|
104
|
-
{
|
|
105
|
-
label: '是',
|
|
106
|
-
value: '是'
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
label: '否',
|
|
110
|
-
value: '否'
|
|
111
|
-
}
|
|
112
|
-
],
|
|
113
|
-
check: null,
|
|
114
|
-
apply: {}
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
async ready () {
|
|
118
|
-
if (this.selectdata.f_orderstate === '待缴费' || this.selectdata.f_orderstate === '预约成功') {
|
|
119
|
-
this.check = '是'
|
|
120
|
-
}
|
|
121
|
-
if (this.selectdata.f_orderstate === '预约失败') {
|
|
122
|
-
this.check = '否'
|
|
123
|
-
}
|
|
124
|
-
},
|
|
125
|
-
methods: {
|
|
126
|
-
async checkOrder () {
|
|
127
|
-
let data = {
|
|
128
|
-
selectdata: this.selectdata,
|
|
129
|
-
check: this.check,
|
|
130
|
-
user: this.$login.f
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
let res = await this.$resetpost(
|
|
134
|
-
`rs/logic/checkorder`,
|
|
135
|
-
data,
|
|
136
|
-
{resolveMsg: null,rejectMsg: '预约单审核处理失败！！！'}
|
|
137
|
-
)
|
|
138
|
-
|
|
139
|
-
this.cancel()
|
|
140
|
-
},
|
|
141
|
-
cancel () {
|
|
142
|
-
this.$dispatch('search')
|
|
143
|
-
}
|
|
144
|
-
},
|
|
145
|
-
events: {
|
|
146
|
-
},
|
|
147
|
-
computed: {
|
|
148
|
-
},
|
|
149
|
-
watch: {
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
</script>
|
|
153
|
-
<style scoped>
|
|
154
|
-
input[readonly],textarea[readonly] {
|
|
155
|
-
border: 1px solid #DDD!important;
|
|
156
|
-
color:#ACA899!important;
|
|
157
|
-
}
|
|
158
|
-
textarea {
|
|
159
|
-
padding: 2px;
|
|
160
|
-
}
|
|
161
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="form-horizontal select-overspread container-fluid row" style="overflow: scroll">
|
|
3
|
+
<validator name='v'>
|
|
4
|
+
<!-- 预约单信息 -->
|
|
5
|
+
<div class="auto">
|
|
6
|
+
<div class="col-sm-12 text-center bg-info pt-8">{{selectdata.f_ordertype}}</div>
|
|
7
|
+
<div class="col-sm-6 form-group ">
|
|
8
|
+
<label class="font_normal_body">预约来源</label>
|
|
9
|
+
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_order_source" readonly />
|
|
10
|
+
</div>
|
|
11
|
+
<div class="col-sm-6 form-group ">
|
|
12
|
+
<label class="font_normal_body">处理状态</label>
|
|
13
|
+
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_orderstate" readonly />
|
|
14
|
+
</div>
|
|
15
|
+
<div class="col-sm-6 form-group ">
|
|
16
|
+
<label class="font_normal_body">用户编号</label>
|
|
17
|
+
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_userinfo_code" readonly />
|
|
18
|
+
</div>
|
|
19
|
+
<div class="col-sm-6 form-group ">
|
|
20
|
+
<label class="font_normal_body">用户姓名</label>
|
|
21
|
+
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_user_name" readonly />
|
|
22
|
+
</div>
|
|
23
|
+
<div class="col-sm-6 form-group ">
|
|
24
|
+
<label class="font_normal_body">联系电话</label>
|
|
25
|
+
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_phone" readonly />
|
|
26
|
+
</div>
|
|
27
|
+
<div class="col-sm-6 form-group ">
|
|
28
|
+
<label class="font_normal_body">预约时间</label>
|
|
29
|
+
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_orderdate" readonly />
|
|
30
|
+
</div>
|
|
31
|
+
<div class="col-sm-12 form-group ">
|
|
32
|
+
<label class="font_normal_body">预约地址</label>
|
|
33
|
+
<input type="text" class="input_search" style="width: 80%" v-model="selectdata.f_address" readonly />
|
|
34
|
+
</div>
|
|
35
|
+
<div class="col-sm-12 form-group ">
|
|
36
|
+
<label class="font_normal_body">预约备注</label>
|
|
37
|
+
<textarea
|
|
38
|
+
readonly rows="2" style="width: 80%;"
|
|
39
|
+
v-model="selectdata.f_orderremark"
|
|
40
|
+
></textarea>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
<!-- 审核信息 -->
|
|
44
|
+
<div class="auto" v-if="type === 'check' || selectdata.f_orderstate !== '待审核'">
|
|
45
|
+
<div class="col-sm-12 text-center bg-info pt-8">审核信息</div>
|
|
46
|
+
<div class="col-sm-6 form-group" :class="[$v.check.required ? 'has-error' : '']">
|
|
47
|
+
<label class="font_normal_body">是否合格</label>
|
|
48
|
+
<input type="text" v-show="false" v-validate:check = "['required']" v-model="check">
|
|
49
|
+
<v-select
|
|
50
|
+
v-model="check"
|
|
51
|
+
:value.sync="check"
|
|
52
|
+
:options='checkOptions'
|
|
53
|
+
:value-single="true"
|
|
54
|
+
class="select select_list"
|
|
55
|
+
:search="false"
|
|
56
|
+
width="60%" :disabled="type === 'process' && selectdata.f_orderstate !== '待审核'"
|
|
57
|
+
close-on-select ></v-select>
|
|
58
|
+
</div>
|
|
59
|
+
<div class="col-sm-12 form-group ">
|
|
60
|
+
<label class="font_normal_body">审核备注</label>
|
|
61
|
+
<textarea
|
|
62
|
+
rows="2" style="width: 80%;" :readonly="type === 'process' || selectdata.f_orderstate !== '待审核'"
|
|
63
|
+
v-model="selectdata.f_check_remark"
|
|
64
|
+
:value="selectdata.f_check_remark"
|
|
65
|
+
></textarea>
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
<!-- 缴费信息 -->
|
|
69
|
+
<div class="auto" v-if="selectdata.f_apply_type === '民用'">
|
|
70
|
+
<div class="col-sm-12 text-center bg-info pt-8">缴费信息</div>
|
|
71
|
+
<div class="col-sm-6 form-group" :class="[$v.f_money.required ? 'has-error' : '']">
|
|
72
|
+
<label class="font_normal_body">应缴费金额</label>
|
|
73
|
+
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_money" :readonly="selectdata.f_orderstate === '预约成功'" />
|
|
74
|
+
</div>
|
|
75
|
+
<div class="col-sm-6 form-group" v-if="type === 'process' || selectdata.f_orderstate !== '待审核'">
|
|
76
|
+
<label class="font_normal_body">审 核 人</label>
|
|
77
|
+
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_check_user" readonly />
|
|
78
|
+
</div>
|
|
79
|
+
<div class="col-sm-6 form-group" v-if="type === 'process' || selectdata.f_orderstate !== '待审核'">
|
|
80
|
+
<label class="font_normal_body">审核时间</label>
|
|
81
|
+
<input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_check_date" readonly />
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
|
|
85
|
+
<div class="col-sm-12 text-right button-range auto" style="margin-top: 10px">
|
|
86
|
+
<button class="button_search button_spacing" :disabled='!$v.valid'
|
|
87
|
+
v-if="type !== 'view' && selectdata.f_orderstate === '待审核'"
|
|
88
|
+
@click="checkOrder()">保存</button>
|
|
89
|
+
</div>
|
|
90
|
+
</validator>
|
|
91
|
+
</div>
|
|
92
|
+
</template>
|
|
93
|
+
<script>
|
|
94
|
+
import Vue from 'vue'
|
|
95
|
+
import {HttpResetClass} from 'vue-client'
|
|
96
|
+
export default {
|
|
97
|
+
title: '预约详情',
|
|
98
|
+
props: ['selectdata', 'type'],
|
|
99
|
+
data () {
|
|
100
|
+
return {
|
|
101
|
+
showRight: false,
|
|
102
|
+
selectdata: null,
|
|
103
|
+
checkOptions: [
|
|
104
|
+
{
|
|
105
|
+
label: '是',
|
|
106
|
+
value: '是'
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
label: '否',
|
|
110
|
+
value: '否'
|
|
111
|
+
}
|
|
112
|
+
],
|
|
113
|
+
check: null,
|
|
114
|
+
apply: {}
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
async ready () {
|
|
118
|
+
if (this.selectdata.f_orderstate === '待缴费' || this.selectdata.f_orderstate === '预约成功') {
|
|
119
|
+
this.check = '是'
|
|
120
|
+
}
|
|
121
|
+
if (this.selectdata.f_orderstate === '预约失败') {
|
|
122
|
+
this.check = '否'
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
methods: {
|
|
126
|
+
async checkOrder () {
|
|
127
|
+
let data = {
|
|
128
|
+
selectdata: this.selectdata,
|
|
129
|
+
check: this.check,
|
|
130
|
+
user: this.$login.f
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
let res = await this.$resetpost(
|
|
134
|
+
`rs/logic/checkorder`,
|
|
135
|
+
data,
|
|
136
|
+
{resolveMsg: null,rejectMsg: '预约单审核处理失败！！！'}
|
|
137
|
+
)
|
|
138
|
+
|
|
139
|
+
this.cancel()
|
|
140
|
+
},
|
|
141
|
+
cancel () {
|
|
142
|
+
this.$dispatch('search')
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
events: {
|
|
146
|
+
},
|
|
147
|
+
computed: {
|
|
148
|
+
},
|
|
149
|
+
watch: {
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
</script>
|
|
153
|
+
<style scoped>
|
|
154
|
+
input[readonly],textarea[readonly] {
|
|
155
|
+
border: 1px solid #DDD!important;
|
|
156
|
+
color:#ACA899!important;
|
|
157
|
+
}
|
|
158
|
+
textarea {
|
|
159
|
+
padding: 2px;
|
|
160
|
+
}
|
|
161
|
+
</style>
|