286 lines
12 KiB
JavaScript
286 lines
12 KiB
JavaScript
(function(vc) {
|
||
vc.extends({
|
||
propTypes: {
|
||
callBackListener: vc.propTypes.string, //父组件名称
|
||
callBackFunction: vc.propTypes.string //父组件监听方法
|
||
},
|
||
data: {
|
||
addProxyFeeInfo: {
|
||
remark: '',
|
||
roomId: '',
|
||
objId: '',
|
||
objName: '',
|
||
feeTypeCd: '',
|
||
feeConfigs: [],
|
||
amount: '',
|
||
consumption: '',
|
||
configId: '',
|
||
ownerName: '',
|
||
objType: '3333',
|
||
startTime: (new Date()),
|
||
endTime: vc.addPersonMonth(new Date(), 1)
|
||
}
|
||
},
|
||
_initMethod: function() {
|
||
$that._initAddProxyFeeDateInfo();
|
||
},
|
||
_initEvent: function() {
|
||
vc.on('addProxyFee', 'openAddProxyFeeModal', function(_param) {
|
||
$that.clearAddProxyFeeInfo();
|
||
if (_param.hasOwnProperty("objType")) {
|
||
$that.addProxyFeeInfo.objType = _param.objType;
|
||
}
|
||
$that.addProxyFeeInfo.roomId = _param.roomId;
|
||
$that.addProxyFeeInfo.objId = _param.roomId;
|
||
$that.addProxyFeeInfo.objName = _param.roomName;
|
||
$that.addProxyFeeInfo.ownerName = _param.roomName + '(' + _param.ownerName + ')';
|
||
$('#addProxyFeeModel').modal('show');
|
||
});
|
||
},
|
||
methods: {
|
||
_initAddProxyFeeDateInfo: function() {
|
||
$('.proxyFeeStartTime').datetimepicker({
|
||
language: 'zh-CN',
|
||
fontAwesome: 'fa',
|
||
format: 'yyyy-mm-dd',
|
||
minView: "month",
|
||
initTime: true,
|
||
initialDate: new Date(),
|
||
autoClose: 1,
|
||
todayBtn: true
|
||
});
|
||
$('.proxyFeeStartTime').datetimepicker()
|
||
.on('changeDate', function(ev) {
|
||
var value = $(".proxyFeeStartTime").val();
|
||
var start = Date.parse(new Date(value));
|
||
var end = Date.parse(new Date($that.addProxyFeeInfo.endTime));
|
||
if (start - end >= 0) {
|
||
vc.toast("开始时间必须小于结束时间");
|
||
$(".proxyFeeStartTime").val('');
|
||
$that.addProxyFeeInfo.startTime = "";
|
||
} else {
|
||
$that.addProxyFeeInfo.startTime = value;
|
||
}
|
||
});
|
||
$('.proxyFeeEndTime').datetimepicker({
|
||
language: 'zh-CN',
|
||
fontAwesome: 'fa',
|
||
format: 'yyyy-mm-dd',
|
||
minView: "month",
|
||
initTime: true,
|
||
initialDate: new Date(),
|
||
autoClose: 1,
|
||
todayBtn: true
|
||
});
|
||
$('.proxyFeeEndTime').datetimepicker()
|
||
.on('changeDate', function(ev) {
|
||
var value = $(".proxyFeeEndTime").val();
|
||
var start = Date.parse(new Date($that.addProxyFeeInfo.startTime));
|
||
var end = Date.parse(new Date(value));
|
||
if (start - end >= 0) {
|
||
vc.toast("结束时间必须大于开始时间");
|
||
$(".proxyFeeEndTime").val('');
|
||
$that.addProxyFeeInfo.endTime = "";
|
||
} else {
|
||
$that.addProxyFeeInfo.endTime = value;
|
||
}
|
||
});
|
||
//防止多次点击时间插件失去焦点
|
||
document.getElementsByClassName('form-control proxyFeeStartTime')[0].addEventListener('click', myfunc)
|
||
|
||
function myfunc(e) {
|
||
e.currentTarget.blur();
|
||
}
|
||
|
||
document.getElementsByClassName("form-control proxyFeeEndTime")[0].addEventListener('click', myfunc)
|
||
|
||
function myfunc(e) {
|
||
e.currentTarget.blur();
|
||
}
|
||
},
|
||
addProxyFeeValidate() {
|
||
return vc.validate.validate({
|
||
addProxyFeeInfo: $that.addProxyFeeInfo
|
||
}, {
|
||
'addProxyFeeInfo.amount': [{
|
||
limit: "required",
|
||
param: "",
|
||
errInfo: "金额不能为空"
|
||
},
|
||
{
|
||
limit: "money",
|
||
param: "",
|
||
errInfo: "金额格式错误，如3.00"
|
||
}
|
||
],
|
||
'addProxyFeeInfo.consumption': [{
|
||
limit: "required",
|
||
param: "",
|
||
errInfo: "用量不能为空"
|
||
},
|
||
{
|
||
limit: "money",
|
||
param: "",
|
||
errInfo: "用量格式错误，如3.00"
|
||
}
|
||
],
|
||
'addProxyFeeInfo.objId': [{
|
||
limit: "required",
|
||
param: "",
|
||
errInfo: "房屋必填"
|
||
}],
|
||
'addProxyFeeInfo.configId': [{
|
||
limit: "required",
|
||
param: "",
|
||
errInfo: "费用必填"
|
||
}],
|
||
'addProxyFeeInfo.startTime': [{
|
||
limit: "required",
|
||
param: "",
|
||
errInfo: "开始时间不能为空"
|
||
},
|
||
{
|
||
limit: "date",
|
||
param: "",
|
||
errInfo: "开始时间格式错误"
|
||
}
|
||
],
|
||
'addProxyFeeInfo.endTime': [{
|
||
limit: "required",
|
||
param: "",
|
||
errInfo: "结束时间不能为空"
|
||
},
|
||
{
|
||
limit: "date",
|
||
param: "",
|
||
errInfo: "结束时间格式错误"
|
||
}
|
||
]
|
||
});
|
||
},
|
||
saveProxyInfo: function() {
|
||
if (!$that.addProxyFeeValidate()) {
|
||
vc.toast(vc.validate.errInfo);
|
||
return;
|
||
}
|
||
$that.addProxyFeeInfo.communityId = vc.getCurrentCommunity().communityId;
|
||
//不提交数据将数据 回调给侦听处理
|
||
if (vc.notNull($props.callBackListener)) {
|
||
vc.emit($props.callBackListener, $props.callBackFunction, $that.addProxyFeeInfo);
|
||
$('#addProxyFeeModel').modal('hide');
|
||
return;
|
||
}
|
||
vc.http.apiPost(
|
||
'meterWater.saveProxyFee',
|
||
JSON.stringify($that.addProxyFeeInfo), {
|
||
emulateJSON: true
|
||
},
|
||
function(json, res) {
|
||
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
|
||
let _json = JSON.parse(json);
|
||
if (_json.code == 0) {
|
||
//关闭model
|
||
$('#addProxyFeeModel').modal('hide');
|
||
$that.clearAddProxyFeeInfo();
|
||
vc.emit('roomCreateFee', 'notify', {});
|
||
vc.emit('listParkingSpaceFee', 'notify', {});
|
||
vc.emit('simplifyRoomFee', 'notify', {});
|
||
vc.toast("保存成功");
|
||
return;
|
||
} else {
|
||
vc.toast(_json.msg);
|
||
}
|
||
},
|
||
function(errInfo, error) {
|
||
console.log('请求失败处理');
|
||
vc.message(errInfo);
|
||
});
|
||
},
|
||
_changeProxyFeeConfig: function() {
|
||
$that.addProxyFeeInfo.amount = '';
|
||
$that.addProxyFeeInfo.consumption = '';
|
||
},
|
||
_changeProxyFeeTypeCd: function(_feeTypeCd) {
|
||
$that.addProxyFeeInfo.amount = '';
|
||
$that.addProxyFeeInfo.consumption = '';
|
||
var param = {
|
||
params: {
|
||
page: 1,
|
||
row: 20,
|
||
communityId: vc.getCurrentCommunity().communityId,
|
||
feeTypeCd: _feeTypeCd,
|
||
isDefault: 'F',
|
||
computingFormula: '6006',
|
||
valid: '1'
|
||
}
|
||
};
|
||
//发送get请求
|
||
vc.http.apiGet('/feeConfig.listFeeConfigs', param,
|
||
function(json, res) {
|
||
var _feeConfigManageInfo = JSON.parse(json);
|
||
$that.addProxyFeeInfo.feeConfigs = _feeConfigManageInfo.feeConfigs;
|
||
},
|
||
function(errInfo, error) {
|
||
console.log('请求失败处理');
|
||
});
|
||
},
|
||
clearAddProxyFeeInfo: function() {
|
||
$that.addProxyFeeInfo = {
|
||
amount: '',
|
||
consumption: '',
|
||
remark: '',
|
||
roomId: '',
|
||
objId: '',
|
||
objName: '',
|
||
feeTypeCd: '',
|
||
feeConfigs: [],
|
||
configId: '',
|
||
ownerName: '',
|
||
objType: '3333',
|
||
startTime: vc.dateFormat(new Date()),
|
||
endTime: vc.addPersonMonth(new Date(), 1)
|
||
};
|
||
},
|
||
_getConfig: function() {
|
||
let _feeConfigs = $that.addProxyFeeInfo.feeConfigs;
|
||
let _config = null;
|
||
_feeConfigs.forEach(item => {
|
||
if ($that.addProxyFeeInfo.configId == item.configId && item.computingFormula == '6006') {
|
||
_config = item;
|
||
}
|
||
});
|
||
return _config;
|
||
},
|
||
_changeAmount: function() {
|
||
let _config = $that._getConfig();
|
||
let _amount = $that.addProxyFeeInfo.amount;
|
||
if (_config == null) {
|
||
vc.toast('未选择收费项目或者收费项目公式错误(用量*单价+附加费)');
|
||
$that.addProxyFeeInfo.amount = '';
|
||
$that.addProxyFeeInfo.consumption = '';
|
||
return;
|
||
}
|
||
if (_amount < _config.additionalAmount) {
|
||
vc.toast('输入金额太小');
|
||
$that.addProxyFeeInfo.amount = '';
|
||
$that.addProxyFeeInfo.consumption = '';
|
||
return;
|
||
}
|
||
let _consumption = (_amount - _config.additionalAmount) / _config.squarePrice;
|
||
$that.addProxyFeeInfo.consumption = _consumption.toFixed(2);
|
||
},
|
||
_changeConsumption: function() {
|
||
let _config = $that._getConfig();
|
||
let _consumption = $that.addProxyFeeInfo.consumption;
|
||
if (_config == null) {
|
||
vc.toast('未选择收费项目或者收费项目公式错误(用量*单价+附加费)');
|
||
$that.addProxyFeeInfo.amount = '';
|
||
$that.addProxyFeeInfo.consumption = '';
|
||
return;
|
||
}
|
||
let _amount = _config.squarePrice * _consumption + parseFloat(_config.additionalAmount);
|
||
$that.addProxyFeeInfo.amount = _amount.toFixed(2);
|
||
}
|
||
}
|
||
});
|
||
})(window.vc); |