mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 21:59:12 +08:00
加入 室内面积 租金等功能
This commit is contained in:
java110
parent
020ecc7c38
commit
4621fd7f22
@ -96,6 +96,7 @@
|
||||
v-show="addFeeConfigInfo.computingFormula != '2002'
|
||||
&& addFeeConfigInfo.computingFormula != '7007'
|
||||
&& addFeeConfigInfo.computingFormula != '8008'
|
||||
&& addFeeConfigInfo.computingFormula != '1101'
|
||||
&& addFeeConfigInfo.computingFormula != '4004'
|
||||
&& addFeeConfigInfo.computingFormula != '9009'">
|
||||
<label class="col-sm-2 col-form-label">计费单价</label>
|
||||
@ -107,6 +108,7 @@
|
||||
<div class="form-group row"
|
||||
v-show="addFeeConfigInfo.computingFormula != '7007'
|
||||
&& addFeeConfigInfo.computingFormula != '8008'
|
||||
&& addFeeConfigInfo.computingFormula != '1101'
|
||||
&& addFeeConfigInfo.computingFormula != '4004'
|
||||
&& addFeeConfigInfo.computingFormula != '9009'">
|
||||
<label class="col-sm-2 col-form-label">
|
||||
|
||||
@ -53,6 +53,24 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">房屋类型</label>
|
||||
<div class="col-sm-10">
|
||||
<select class="custom-select" v-model="addRoomViewInfo.roomSubType">
|
||||
<option selected disabled value="">必填，请选择房屋类型</option>
|
||||
<option value="110">住宅</option>
|
||||
<option value="120">办公</option>
|
||||
<option value="119">宿舍</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row" v-if="addRoomViewInfo.roomSubType != '110'">
|
||||
<label class="col-sm-2 col-form-label">租金</label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="addRoomViewInfo.roomRent" type="text" placeholder="必填，请填写租金"
|
||||
class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">建筑面积(平方)</label>
|
||||
<div class="col-sm-10">
|
||||
@ -60,6 +78,13 @@
|
||||
class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">室内面积(平方)</label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="addRoomViewInfo.roomArea" type="text" placeholder="必填，请填写室内面积! 平方"
|
||||
class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">算费系数</label>
|
||||
<div class="col-sm-10">
|
||||
|
||||
@ -19,8 +19,11 @@
|
||||
feeCoefficient: '1.00',
|
||||
state: '2002',
|
||||
remark: '',
|
||||
roomSubType: '110',
|
||||
roomArea: '',
|
||||
roomRent: '0',
|
||||
communityId: vc.getCurrentCommunity().communityId,
|
||||
attrs:[]
|
||||
attrs: []
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
@ -93,16 +96,27 @@
|
||||
errInfo: "建筑面积错误，如 300.00"
|
||||
},
|
||||
],
|
||||
'addRoomViewInfo.feeCoefficient':[
|
||||
'addRoomViewInfo.roomArea': [{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "室内面积不能为空"
|
||||
},
|
||||
{
|
||||
limit: "money",
|
||||
param: "",
|
||||
errInfo: "室内面积错误，如 300.00"
|
||||
},
|
||||
],
|
||||
'addRoomViewInfo.feeCoefficient': [
|
||||
{
|
||||
limit:"required",
|
||||
param:"",
|
||||
errInfo:"算费系数不能为空"
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "算费系数不能为空"
|
||||
},
|
||||
{
|
||||
limit:"money",
|
||||
param:"",
|
||||
errInfo:"算费系数错误，如 300.00"
|
||||
limit: "money",
|
||||
param: "",
|
||||
errInfo: "算费系数错误，如 300.00"
|
||||
}
|
||||
],
|
||||
'addRoomViewInfo.state': [{
|
||||
@ -116,6 +130,12 @@
|
||||
errInfo: "房屋状态 不能超过12位"
|
||||
},
|
||||
],
|
||||
'addRoomViewInfo.roomSubType': [{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "房屋类型不能为空"
|
||||
}
|
||||
],
|
||||
'addRoomViewInfo.remark': [{
|
||||
limit: "maxLength",
|
||||
param: "200",
|
||||
@ -130,19 +150,19 @@
|
||||
vc.getAttrSpec('building_room_attr', function (data) {
|
||||
data.forEach(item => {
|
||||
item.value = '';
|
||||
if(item.specShow == 'Y'){
|
||||
if (item.specShow == 'Y') {
|
||||
item.values = [];
|
||||
$that._loadAttrValue(item.specCd,item.values);
|
||||
$that._loadAttrValue(item.specCd, item.values);
|
||||
$that.addRoomViewInfo.attrs.push(item);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
},
|
||||
_loadAttrValue:function(_specCd,_values){
|
||||
_loadAttrValue: function (_specCd, _values) {
|
||||
vc.getAttrValue(_specCd, function (data) {
|
||||
data.forEach(item => {
|
||||
if(item.valueShow == 'Y'){
|
||||
if (item.valueShow == 'Y') {
|
||||
_values.push(item);
|
||||
}
|
||||
});
|
||||
|
||||
@ -99,6 +99,7 @@
|
||||
v-show="editFeeConfigInfo.computingFormula != '2002'
|
||||
&& editFeeConfigInfo.computingFormula != '7007'
|
||||
&& editFeeConfigInfo.computingFormula != '8008'
|
||||
&& editFeeConfigInfo.computingFormula != '1101'
|
||||
&& editFeeConfigInfo.computingFormula != '4004'
|
||||
&& editFeeConfigInfo.computingFormula != '9009'">
|
||||
<label class="col-sm-2 col-form-label">计费单价</label>
|
||||
@ -110,6 +111,7 @@
|
||||
<div class="form-group row"
|
||||
v-show="editFeeConfigInfo.computingFormula != '7007'
|
||||
&& editFeeConfigInfo.computingFormula != '8008'
|
||||
&& editFeeConfigInfo.computingFormula != '1101'
|
||||
&& editFeeConfigInfo.computingFormula != '4004'
|
||||
&& editFeeConfigInfo.computingFormula != '9009'">
|
||||
<label class="col-sm-2 col-form-label">{{editFeeConfigInfo.computingFormula
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<div id="editRoomModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
|
||||
aria-hidden="true">
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
@ -10,18 +10,18 @@
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">房屋ID</label>
|
||||
<div class="col-sm-10"><input v-model="editRoomInfo.roomId" disabled="disabled"
|
||||
type="text" placeholder="必填，请填写房屋编号" class="form-control">
|
||||
type="text" placeholder="必填，请填写房屋编号" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">房屋编号</label>
|
||||
<div class="col-sm-10"><input v-model="editRoomInfo.roomNum" type="text"
|
||||
placeholder="必填，请填写房屋编号" class="form-control"></div>
|
||||
placeholder="必填，请填写房屋编号" class="form-control"></div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">房屋楼层</label>
|
||||
<div class="col-sm-10"><input v-model="editRoomInfo.layer" type="number"
|
||||
placeholder="必填，请填写房屋楼层" class="form-control"></div>
|
||||
placeholder="必填，请填写房屋楼层" class="form-control"></div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">房屋单元</label>
|
||||
@ -29,7 +29,7 @@
|
||||
<select class="custom-select" v-model="editRoomInfo.unitId">
|
||||
<option selected disabled value="">必填，请选择单元</option>
|
||||
<option v-for="(unit,index) in editRoomUnits" :key="index"
|
||||
v-bind:value="unit.unitId">{{unit.unitNum}}单元
|
||||
v-bind:value="unit.unitId">{{unit.unitNum}}单元
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
@ -64,16 +64,41 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">房屋类型</label>
|
||||
<div class="col-sm-10">
|
||||
<select class="custom-select" v-model="editRoomInfo.roomSubType">
|
||||
<option selected disabled value="">必填，请选择房屋类型</option>
|
||||
<option value="110">住宅</option>
|
||||
<option value="120">办公</option>
|
||||
<option value="119">宿舍</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row" v-if="editRoomInfo.roomSubType != '110'">
|
||||
<label class="col-sm-2 col-form-label">租金</label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="editRoomInfo.roomRent" type="text" placeholder="必填，请填写租金"
|
||||
class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">建筑面积</label>
|
||||
<div class="col-sm-10"><input v-model="editRoomInfo.builtUpArea" type="number"
|
||||
placeholder="必填，请填写房屋建筑面积! 平方" class="form-control"></div>
|
||||
placeholder="必填，请填写房屋建筑面积! 平方" class="form-control"></div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">室内面积(平方)</label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="editRoomInfo.roomArea" type="text" placeholder="必填，请填写室内面积! 平方"
|
||||
class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">算费系数</label>
|
||||
<div class="col-sm-10"><input v-model="editRoomInfo.feeCoefficient" type="text"
|
||||
placeholder="请填写算费系数" class="form-control"></div>
|
||||
placeholder="请填写算费系数" class="form-control"></div>
|
||||
</div>
|
||||
<div class="form-group row" v-if="editRoomInfo.state != '2002'">
|
||||
<label class="col-sm-2 col-form-label">房屋状态</label>
|
||||
@ -95,7 +120,7 @@
|
||||
<label class="col-sm-2 col-form-label">{{item.specName}}</label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="item.value" type="text" :placeholder="item.specHoldplace"
|
||||
class="form-control">
|
||||
class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -105,7 +130,7 @@
|
||||
<select class="custom-select" v-model="item.value">
|
||||
<option selected disabled value="">{{item.specHoldplace}}</option>
|
||||
<option v-for="value in item.values" :label="value.valueName"
|
||||
:value="value.value">
|
||||
:value="value.value">
|
||||
{{item.valueName}}
|
||||
</option>
|
||||
|
||||
@ -116,14 +141,14 @@
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">备注</label>
|
||||
<div class="col-sm-10"><input v-model="editRoomInfo.remark" type="text"
|
||||
placeholder="请填写备注信息" class="form-control"></div>
|
||||
placeholder="请填写备注信息" class="form-control"></div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<button class="btn btn-primary float-right" type="button" v-on:click="editRoom()"><i
|
||||
class="fa fa-check"></i> 保存
|
||||
</button>
|
||||
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
|
||||
data-dismiss="modal">取消
|
||||
data-dismiss="modal">取消
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,43 +1,46 @@
|
||||
(function(vc,vm){
|
||||
(function (vc, vm) {
|
||||
|
||||
vc.extends({
|
||||
data:{
|
||||
editRoomUnits:[],
|
||||
editRoomInfo:{
|
||||
roomId:'',
|
||||
unitId:'',
|
||||
roomNum:'',
|
||||
layer:'',
|
||||
section:'0',
|
||||
apartment:'',
|
||||
apartment1:'',
|
||||
apartment2:'',
|
||||
builtUpArea:'',
|
||||
feeCoefficient:'1.00',
|
||||
state:'',
|
||||
remark:'',
|
||||
communityId:'',
|
||||
attrs:[]
|
||||
data: {
|
||||
editRoomUnits: [],
|
||||
editRoomInfo: {
|
||||
roomId: '',
|
||||
unitId: '',
|
||||
roomNum: '',
|
||||
layer: '',
|
||||
section: '0',
|
||||
apartment: '',
|
||||
apartment1: '',
|
||||
apartment2: '',
|
||||
builtUpArea: '',
|
||||
feeCoefficient: '1.00',
|
||||
state: '',
|
||||
remark: '',
|
||||
communityId: '',
|
||||
attrs: [],
|
||||
roomSubType: '110',
|
||||
roomArea: '',
|
||||
roomRent: '0',
|
||||
}
|
||||
},
|
||||
_initMethod:function(){
|
||||
_initMethod: function () {
|
||||
$that._loadRoomAttrSpec();
|
||||
},
|
||||
_initEvent:function(){
|
||||
vc.on('editRoom','openEditRoomModal',function(_room){
|
||||
},
|
||||
_initEvent: function () {
|
||||
vc.on('editRoom', 'openEditRoomModal', function (_room) {
|
||||
$that.refreshEditRoomInfo();
|
||||
vc.copyObject(_room,vc.component.editRoomInfo);
|
||||
vc.component.loadUnitsFromEditRoom(_room.floorId);
|
||||
$('#editRoomModel').modal('show');
|
||||
vc.copyObject(_room, vc.component.editRoomInfo);
|
||||
vc.component.loadUnitsFromEditRoom(_room.floorId);
|
||||
$('#editRoomModel').modal('show');
|
||||
|
||||
vc.component.editRoomInfo.floorId = _room.floorId;
|
||||
vc.component.editRoomInfo.communityId = vc.getCurrentCommunity().communityId;
|
||||
|
||||
if(_room.hasOwnProperty('roomAttrDto')){
|
||||
if (_room.hasOwnProperty('roomAttrDto')) {
|
||||
let _roomAttrDtos = _room.roomAttrDto;
|
||||
_roomAttrDtos.forEach(item => {
|
||||
$that.editRoomInfo.attrs.forEach(attrItem => {
|
||||
if(item.specCd == attrItem.specCd){
|
||||
if (item.specCd == attrItem.specCd) {
|
||||
attrItem.attrId = item.attrId;
|
||||
attrItem.value = item.value;
|
||||
}
|
||||
@ -45,50 +48,50 @@
|
||||
})
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
},
|
||||
methods:{
|
||||
methods: {
|
||||
/**
|
||||
根据楼ID加载房屋
|
||||
**/
|
||||
loadUnitsFromEditRoom:function(_floorId){
|
||||
loadUnitsFromEditRoom: function (_floorId) {
|
||||
vc.component.editRoomUnits = [];
|
||||
var param = {
|
||||
params:{
|
||||
floorId:_floorId,
|
||||
communityId:vc.getCurrentCommunity().communityId
|
||||
params: {
|
||||
floorId: _floorId,
|
||||
communityId: vc.getCurrentCommunity().communityId
|
||||
}
|
||||
}
|
||||
vc.http.get(
|
||||
'editRoom',
|
||||
'loadUnits',
|
||||
param,
|
||||
function(json,res){
|
||||
param,
|
||||
function (json, res) {
|
||||
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
|
||||
if(res.status == 200){
|
||||
if (res.status == 200) {
|
||||
var tmpUnits = JSON.parse(json);
|
||||
vc.component.editRoomUnits = tmpUnits;
|
||||
|
||||
// if('0.00' == vc.component.editRoomInfo.unitPrice){
|
||||
// vc.component.editRoomInfo.unitPrice='';
|
||||
// }
|
||||
vc.component.editRoomInfo.apartment1=vc.component.editRoomInfo.apartment.substr(0,2);
|
||||
vc.component.editRoomInfo.apartment2=vc.component.editRoomInfo.apartment.substr(2,5);
|
||||
vc.component.editRoomInfo.apartment1 = vc.component.editRoomInfo.apartment.substr(0, 2);
|
||||
vc.component.editRoomInfo.apartment2 = vc.component.editRoomInfo.apartment.substr(2, 5);
|
||||
/*if(tmpUnits == null || tmpUnits.length == 0){
|
||||
return ;
|
||||
}
|
||||
for(var unitIndex = 0; unitIndex < tmpUnits.length;unitIndex++){
|
||||
vc.component.editRoomInfo.units[unitIndex] = tmpUnits[unitIndex];
|
||||
}*/
|
||||
return ;
|
||||
return;
|
||||
}
|
||||
vc.toast(json);
|
||||
},
|
||||
function(errInfo,error){
|
||||
},
|
||||
function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
|
||||
vc.toast(errInfo);
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
_loadRoomAttrSpec: function () {
|
||||
@ -97,171 +100,191 @@
|
||||
data.forEach(item => {
|
||||
item.value = '';
|
||||
item.values = [];
|
||||
$that._loadAttrValue(item.specCd,item.values);
|
||||
if(item.specShow == 'Y'){
|
||||
$that._loadAttrValue(item.specCd, item.values);
|
||||
if (item.specShow == 'Y') {
|
||||
$that.editRoomInfo.attrs.push(item);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
},
|
||||
_loadAttrValue:function(_specCd,_values){
|
||||
_loadAttrValue: function (_specCd, _values) {
|
||||
vc.getAttrValue(_specCd, function (data) {
|
||||
data.forEach(item => {
|
||||
if(item.valueShow == 'Y'){
|
||||
if (item.valueShow == 'Y') {
|
||||
_values.push(item);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
},
|
||||
editRoomValidate:function(){
|
||||
return vc.validate.validate({
|
||||
editRoomInfo:vc.component.editRoomInfo
|
||||
},{
|
||||
'editRoomInfo.unitId':[
|
||||
{
|
||||
limit:"required",
|
||||
param:"",
|
||||
errInfo:"小区楼房屋不能为空"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.roomNum':[
|
||||
{
|
||||
limit:"required",
|
||||
param:"",
|
||||
errInfo:"房屋编号不能为空"
|
||||
},
|
||||
{
|
||||
limit:"maxLength",
|
||||
param:"12",
|
||||
errInfo:"房屋编号长度不能超过12位"
|
||||
},
|
||||
],
|
||||
'editRoomInfo.layer':[
|
||||
{
|
||||
limit:"required",
|
||||
param:"",
|
||||
errInfo:"房屋楼层高度不能为空"
|
||||
},
|
||||
{
|
||||
limit:"num",
|
||||
param:"",
|
||||
errInfo:"房屋楼层高度必须为数字"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.state':[
|
||||
{
|
||||
limit:"required",
|
||||
param:"",
|
||||
errInfo:"房间状态不能为空"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.apartment':[
|
||||
{
|
||||
limit:"required",
|
||||
param:"",
|
||||
errInfo:"户型不能为空"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.builtUpArea':[
|
||||
{
|
||||
limit:"required",
|
||||
param:"",
|
||||
errInfo:"建筑面积不能为空"
|
||||
},
|
||||
{
|
||||
limit:"money",
|
||||
param:"",
|
||||
errInfo:"建筑面积错误，如 300.00"
|
||||
},
|
||||
{
|
||||
limit:"maxLength",
|
||||
param:"12",
|
||||
errInfo:"建筑面积数字长度不能超过6位"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.feeCoefficient':[
|
||||
{
|
||||
limit:"required",
|
||||
param:"",
|
||||
errInfo:"算费系数不能为空"
|
||||
},
|
||||
{
|
||||
limit:"money",
|
||||
param:"",
|
||||
errInfo:"算费系数错误，如 300.00"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.remark':[
|
||||
{
|
||||
limit:"maxLength",
|
||||
param:"200",
|
||||
errInfo:"备注长度不能超过200位"
|
||||
},
|
||||
]
|
||||
editRoomValidate: function () {
|
||||
return vc.validate.validate({
|
||||
editRoomInfo: vc.component.editRoomInfo
|
||||
}, {
|
||||
'editRoomInfo.unitId': [
|
||||
{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "小区楼房屋不能为空"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.roomNum': [
|
||||
{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "房屋编号不能为空"
|
||||
},
|
||||
{
|
||||
limit: "maxLength",
|
||||
param: "12",
|
||||
errInfo: "房屋编号长度不能超过12位"
|
||||
},
|
||||
],
|
||||
'editRoomInfo.layer': [
|
||||
{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "房屋楼层高度不能为空"
|
||||
},
|
||||
{
|
||||
limit: "num",
|
||||
param: "",
|
||||
errInfo: "房屋楼层高度必须为数字"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.state': [
|
||||
{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "房间状态不能为空"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.apartment': [
|
||||
{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "户型不能为空"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.builtUpArea': [
|
||||
{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "建筑面积不能为空"
|
||||
},
|
||||
{
|
||||
limit: "money",
|
||||
param: "",
|
||||
errInfo: "建筑面积错误，如 300.00"
|
||||
},
|
||||
{
|
||||
limit: "maxLength",
|
||||
param: "12",
|
||||
errInfo: "建筑面积数字长度不能超过6位"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.roomArea': [{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "室内面积不能为空"
|
||||
},
|
||||
{
|
||||
limit: "money",
|
||||
param: "",
|
||||
errInfo: "室内面积错误，如 300.00"
|
||||
},
|
||||
],
|
||||
'editRoomInfo.feeCoefficient': [
|
||||
{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "算费系数不能为空"
|
||||
},
|
||||
{
|
||||
limit: "money",
|
||||
param: "",
|
||||
errInfo: "算费系数错误，如 300.00"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.roomSubType': [{
|
||||
limit: "required",
|
||||
param: "",
|
||||
errInfo: "房屋类型不能为空"
|
||||
}
|
||||
],
|
||||
'editRoomInfo.remark': [
|
||||
{
|
||||
limit: "maxLength",
|
||||
param: "200",
|
||||
errInfo: "备注长度不能超过200位"
|
||||
},
|
||||
]
|
||||
|
||||
});
|
||||
},
|
||||
editRoom:function(){
|
||||
if(!vc.component.editRoomValidate()){
|
||||
});
|
||||
},
|
||||
editRoom: function () {
|
||||
if (!vc.component.editRoomValidate()) {
|
||||
vc.toast(vc.validate.errInfo);
|
||||
return ;
|
||||
return;
|
||||
}
|
||||
vc.component.editRoomInfo.apartment=vc.component.editRoomInfo.apartment1+vc.component.editRoomInfo.apartment2;
|
||||
if ('' == vc.component.editRoomInfo.unitPrice || null == vc.component.editRoomInfo.unitPrice){
|
||||
vc.component.editRoomInfo.unitPrice='0';
|
||||
vc.component.editRoomInfo.apartment = vc.component.editRoomInfo.apartment1 + vc.component.editRoomInfo.apartment2;
|
||||
if ('' == vc.component.editRoomInfo.unitPrice || null == vc.component.editRoomInfo.unitPrice) {
|
||||
vc.component.editRoomInfo.unitPrice = '0';
|
||||
}
|
||||
vc.http.post(
|
||||
'editRoom',
|
||||
'update',
|
||||
JSON.stringify(vc.component.editRoomInfo),
|
||||
{
|
||||
emulateJSON:true
|
||||
},
|
||||
function(json,res){
|
||||
emulateJSON: true
|
||||
},
|
||||
function (json, res) {
|
||||
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
|
||||
let _json = JSON.parse(json);
|
||||
if(_json.code == 0){
|
||||
if (_json.code == 0) {
|
||||
//关闭model
|
||||
$('#editRoomModel').modal('hide');
|
||||
vc.emit('room','loadData',{
|
||||
floorId:vc.component.editRoomInfo.floorId
|
||||
vc.emit('room', 'loadData', {
|
||||
floorId: vc.component.editRoomInfo.floorId
|
||||
});
|
||||
return ;
|
||||
return;
|
||||
}
|
||||
vc.toast(_json.msg);
|
||||
},
|
||||
function(errInfo,error){
|
||||
},
|
||||
function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
|
||||
vc.toast(errInfo);
|
||||
});
|
||||
});
|
||||
},
|
||||
refreshEditRoomInfo:function(){
|
||||
refreshEditRoomInfo: function () {
|
||||
let _attrs = $that.editRoomInfo.attrs;
|
||||
_attrs.forEach(_item => {
|
||||
_item.attrId = '';
|
||||
_item.value = '';
|
||||
});
|
||||
vc.component.editRoomInfo= {
|
||||
roomId:'',
|
||||
unitId:'',
|
||||
roomNum:'',
|
||||
layer:'',
|
||||
section:'0',
|
||||
apartment:'',
|
||||
apartment1:'',
|
||||
apartment2:'',
|
||||
builtUpArea:'',
|
||||
feeCoefficient:'1.00',
|
||||
state:'',
|
||||
remark:'',
|
||||
communityId:'',
|
||||
attrs:_attrs
|
||||
vc.component.editRoomInfo = {
|
||||
roomId: '',
|
||||
unitId: '',
|
||||
roomNum: '',
|
||||
layer: '',
|
||||
section: '0',
|
||||
apartment: '',
|
||||
apartment1: '',
|
||||
apartment2: '',
|
||||
builtUpArea: '',
|
||||
feeCoefficient: '1.00',
|
||||
state: '',
|
||||
remark: '',
|
||||
communityId: '',
|
||||
attrs: _attrs,
|
||||
roomSubType: '110',
|
||||
roomArea: '',
|
||||
roomRent: '0',
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
})(window.vc,window.vc.component);
|
||||
})(window.vc, window.vc.component);
|
||||
Binary file not shown.
@ -13,15 +13,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group input-group">
|
||||
<input type="text" placeholder="请选择楼栋"
|
||||
v-model="roomInfo.conditions.floorName" class=" form-control">
|
||||
<input type="text" placeholder="请选择楼栋" v-model="roomInfo.conditions.floorName"
|
||||
class=" form-control">
|
||||
<div class="input-group-prepend">
|
||||
<button type="button" class="btn btn-primary btn-sm"
|
||||
v-on:click="_openChooseFloorMethod()">
|
||||
v-on:click="_openChooseFloorMethod()">
|
||||
<i class="fa fa-search"></i> 选择
|
||||
</button>
|
||||
</div>
|
||||
@ -30,7 +30,7 @@
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<select class="form-control-sm form-control input-s-sm inline"
|
||||
v-model="roomInfo.conditions.unitId">
|
||||
v-model="roomInfo.conditions.unitId">
|
||||
<option selected value="">请选择单元</option>
|
||||
<option v-for="(unit,index) in roomUnits" :key="index" v-bind:value="unit.unitId">
|
||||
{{unit.unitNum}}单元
|
||||
@ -41,7 +41,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="请填写房屋编号" class="form-control form-control-sm"
|
||||
v-model="roomInfo.conditions.roomNum">
|
||||
v-model="roomInfo.conditions.roomNum">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-1">
|
||||
@ -55,19 +55,27 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="请填写房屋编号 格式 楼栋-单元-房屋"
|
||||
class="form-control form-control-sm"
|
||||
v-model="roomInfo.conditions.roomId">
|
||||
class="form-control form-control-sm" v-model="roomInfo.conditions.roomId">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<select class="form-control-sm form-control input-s-sm inline"
|
||||
v-model="roomInfo.conditions.state">
|
||||
v-model="roomInfo.conditions.state">
|
||||
<option selected value="">请选择状态</option>
|
||||
<option v-for="(item,index) in roomInfo.states" :key="index"
|
||||
:value="item.statusCd">{{item.name}}
|
||||
<option v-for="(item,index) in roomInfo.states" :key="index" :value="item.statusCd">
|
||||
{{item.name}}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<select class="form-control-sm form-control input-s-sm inline"
|
||||
v-model="roomInfo.conditions.roomSubType">
|
||||
<option selected disabled value="">必填，请选择房屋类型</option>
|
||||
<option value="110">住宅</option>
|
||||
<option value="120">办公</option>
|
||||
<option value="119">宿舍</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -79,76 +87,84 @@
|
||||
<div class="ibox-title">
|
||||
<h5>房屋信息</h5>
|
||||
<div class="ibox-tools" style="top:10px;" v-if="vc.hasPrivilege('502020082453087940')">
|
||||
<button type="button" class="btn btn-primary btn-sm"
|
||||
style="margin-left:10px" v-on:click="_openAddRoom()">
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_openAddRoom()">
|
||||
<i class="fa fa-plus"></i> 添加房屋
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px"
|
||||
data-page-size="10">
|
||||
data-page-size="10">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th>房屋ID</th> -->
|
||||
<th data-hide="phone" class="text-center">房屋</th>
|
||||
<th data-hide="phone" class="text-center">楼层</th>
|
||||
<th data-hide="phone" class="text-center">业主</th>
|
||||
<th data-hide="phone" class="text-center">电话</th>
|
||||
<th data-hide="phone" class="text-center">建筑面积</th>
|
||||
<th data-hide="phone" class="text-center">算费系数</th>
|
||||
<th data-hide="phone" class="text-center">房屋状态</th>
|
||||
<th v-for="(item,index) in roomInfo.listColumns" class="text-center">{{item}}</th>
|
||||
<th class="text-center">操作</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<!-- <th>房屋ID</th> -->
|
||||
<th data-hide="phone" class="text-center">房屋</th>
|
||||
<th data-hide="phone" class="text-center">楼层</th>
|
||||
<th data-hide="phone" class="text-center">业主</th>
|
||||
<th data-hide="phone" class="text-center">电话</th>
|
||||
<th data-hide="phone" class="text-center">类型</th>
|
||||
<th data-hide="phone" class="text-center">建筑面积</th>
|
||||
<th data-hide="phone" class="text-center">室内面积</th>
|
||||
<th data-hide="phone" class="text-center">算费系数</th>
|
||||
<th data-hide="phone" class="text-center">房屋状态</th>
|
||||
<th v-for="(item,index) in roomInfo.listColumns" class="text-center">{{item}}</th>
|
||||
<th class="text-center">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="room in roomInfo.rooms">
|
||||
<!-- <td>
|
||||
<tr v-for="room in roomInfo.rooms">
|
||||
<!-- <td>
|
||||
{{room.roomId}}
|
||||
</td> -->
|
||||
<td class="text-center">
|
||||
{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.layer}}层
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.ownerName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.link}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.builtUpArea}}平方米
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.feeCoefficient}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.stateName}}
|
||||
</td>
|
||||
<td v-for="item in room.listValues" class="text-center">
|
||||
{{item}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group" v-if="vc.hasPrivilege('502020082493857941')">
|
||||
<button class="btn-white btn btn-xs" v-on:click="_openEditRoomModel(room)">修改
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group" v-if="vc.hasPrivilege('502020082417457942')">
|
||||
<button class="btn-white btn btn-xs" v-on:click="_openDelRoomModel(room)">删除
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<td class="text-center">
|
||||
{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.layer}}层
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.ownerName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.link}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.roomSubTypeName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.builtUpArea}}平方米
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.roomArea}}平方米
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.feeCoefficient}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.stateName}}
|
||||
</td>
|
||||
<td v-for="item in room.listValues" class="text-center">
|
||||
{{item}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group" v-if="vc.hasPrivilege('502020082493857941')">
|
||||
<button class="btn-white btn btn-xs" v-on:click="_openEditRoomModel(room)">修改
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group" v-if="vc.hasPrivilege('502020082417457942')">
|
||||
<button class="btn-white btn btn-xs" v-on:click="_openDelRoomModel(room)">删除
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="10">
|
||||
<ul class="pagination float-right"></ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="10">
|
||||
<ul class="pagination float-right"></ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
|
||||
@ -24,7 +24,8 @@
|
||||
roomId: '',
|
||||
state: '',
|
||||
section: '',
|
||||
roomType: '1010301'
|
||||
roomType: '1010301',
|
||||
roomSubType: ''
|
||||
},
|
||||
currentPage: DEFAULT_PAGE,
|
||||
listColumns: []
|
||||
|
||||
@ -102,8 +102,8 @@
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">算费系数：</label>
|
||||
<label class="">{{simplifyAcceptanceInfo.feeCoefficient}}</label>
|
||||
<label class="col-form-label">房屋类型：</label>
|
||||
<label class="">{{simplifyAcceptanceInfo.roomSubTypeName}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
@ -122,11 +122,17 @@
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">房屋ID：</label>
|
||||
<label class="">{{simplifyAcceptanceInfo.roomId}}</label>
|
||||
<label class="col-form-label">室内面积：</label>
|
||||
<label class="">{{simplifyAcceptanceInfo.roomArea}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="col-sm-3" v-if="simplifyAcceptanceInfo.roomSubType && simplifyAcceptanceInfo.roomSubType != '110'">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">押金：</label>
|
||||
<label class="">{{simplifyAcceptanceInfo.roomRent}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">房屋备注：</label>
|
||||
<label class="fix-width" :title="simplifyAcceptanceInfo.roomRemark">
|
||||
|
||||
@ -30,7 +30,11 @@
|
||||
stateName: '',
|
||||
roomName: '',
|
||||
roomType: '',
|
||||
sex: 0
|
||||
roomSubTypeName: '',
|
||||
roomSubType: '',
|
||||
roomArea:'',
|
||||
sex: 0,
|
||||
roomRent:''
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
@ -196,7 +200,11 @@
|
||||
sex: 0,
|
||||
ownerRemark: '',
|
||||
roomRemark: '',
|
||||
roomType: ''
|
||||
roomType: '',
|
||||
roomSubTypeName: '',
|
||||
roomSubType: '',
|
||||
roomArea:'',
|
||||
roomRent:''
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user