optimize repair

This commit is contained in:
java110 2023-05-15 08:52:13 +08:00
parent 567429b7e4
commit 568d9ab762
2 changed files with 35 additions and 53 deletions

View File

@ -13,9 +13,8 @@
<span><vc:i18n name="报修范围" namespace="addOwnerRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<select class="custom-select" v-model="addOwnerRepairInfo.repairObjType"
@change="_changeRepairObjType()">
<option selected disabled value="">{{vc.i18n('必填','addOwnerRepair')}},请选择报修范围
<select class="custom-select" v-model="addOwnerRepairInfo.repairObjType" @change="_changeRepairObjType()">
<option selected disabled value="">{{vc.i18n('必填,请选择报修范围','addOwnerRepair')}}
</option>
<option value="001">{{vc.i18n('小区','addOwnerRepair')}}</option>
<option value="002">{{vc.i18n('楼栋','addOwnerRepair')}}</option>
@ -24,26 +23,21 @@
</select>
</div>
</div>
<div class="form-group row"
v-show="addOwnerRepairInfo.repairObjType != '001' && addOwnerRepairInfo.repairObjType != ''">
<div class="form-group row" v-show="addOwnerRepairInfo.repairObjType != '001' && addOwnerRepairInfo.repairObjType != ''">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="归属楼栋" namespace="addOwnerRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<vc:create path="property/floorSelect2" parentModal="addOwnerRepairModel"
namespace="addOwnerRepair">
<vc:create path="property/floorSelect2" parentModal="addOwnerRepairModel" namespace="addOwnerRepair">
</vc:create>
</div>
</div>
<div class="form-group row"
v-show="addOwnerRepairInfo.repairObjType == '003' || addOwnerRepairInfo.repairObjType == '004'">
<div class="form-group row" v-show="addOwnerRepairInfo.repairObjType == '003' || addOwnerRepairInfo.repairObjType == '004'">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="归属单元" namespace="addOwnerRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<vc:create path="property/unitSelect2" parentModal="addOwnerRepairModel"
callBackListener="addOwnerRepair" callBackFunction="notify2"
namespace="addOwnerRepair">
<vc:create path="property/unitSelect2" parentModal="addOwnerRepairModel" callBackListener="addOwnerRepair" callBackFunction="notify2" namespace="addOwnerRepair">
</vc:create>
</div>
</div>
@ -52,9 +46,7 @@
<span><vc:i18n name="归属房屋" namespace="addOwnerRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<vc:create path="property/roomSelect2" parentModal="addOwnerRepairModel"
callBackListener="addOwnerRepair" callBackFunction="notify"
namespace="addOwnerRepair">
<vc:create path="property/roomSelect2" parentModal="addOwnerRepairModel" callBackListener="addOwnerRepair" callBackFunction="notify" namespace="addOwnerRepair">
</vc:create>
</div>
</div>
@ -78,9 +70,7 @@
<span><vc:i18n name="报修人" namespace="addOwnerRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<input v-model="addOwnerRepairInfo.repairName" type="text"
:placeholder="vc.i18n('必填,请填写报修人','addOwnerRepair')"
class="form-control">
<input v-model="addOwnerRepairInfo.repairName" type="text" :placeholder="vc.i18n('必填,请填写报修人','addOwnerRepair')" class="form-control">
</div>
</div>
<div class="form-group row">
@ -88,9 +78,7 @@
<span><vc:i18n name="联系方式" namespace="addOwnerRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<input v-model="addOwnerRepairInfo.tel" type="number"
:placeholder="vc.i18n('必填,请填写联系方式','addOwnerRepair')"
class="form-control">
<input v-model="addOwnerRepairInfo.tel" type="number" :placeholder="vc.i18n('必填,请填写联系方式','addOwnerRepair')" class="form-control">
</div>
</div>
<div class="form-group row">
@ -98,9 +86,7 @@
<span><vc:i18n name="预约时间" namespace="addOwnerRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<input v-model="addOwnerRepairInfo.appointmentTime" type="text"
:placeholder="vc.i18n('必填,请填写预约时间','addOwnerRepair')"
class="form-control addAppointmentTime">
<input v-model="addOwnerRepairInfo.appointmentTime" type="text" :placeholder="vc.i18n('必填,请填写预约时间','addOwnerRepair')" class="form-control addAppointmentTime">
</div>
</div>
<div class="form-group row">
@ -108,18 +94,15 @@
<span><vc:i18n name="报修内容" namespace="addOwnerRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<textarea :placeholder="vc.i18n('必填,请填写报修内容','addOwnerRepair')" cols="15"
class="form-control" v-model="addOwnerRepairInfo.context">
<textarea :placeholder="vc.i18n('必填,请填写报修内容','addOwnerRepair')" cols="15" class="form-control" v-model="addOwnerRepairInfo.context">
</textarea>
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button"
v-on:click="saveOwnerRepairInfo()">
<button class="btn btn-primary float-right" type="button" v-on:click="saveOwnerRepairInfo()">
<i class="fa fa-check"></i>&nbsp;提交
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
data-dismiss="modal">
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;" data-dismiss="modal">
<i class="fa fa-times"></i>&nbsp;取消
</button>
</div>

View File

@ -1,4 +1,4 @@
(function (vc) {
(function(vc) {
vc.extends({
propTypes: {
parentModal: vc.propTypes.string,
@ -21,7 +21,7 @@
watch: {
roomSelect2Info: {
deep: true,
handler: function () {
handler: function() {
let _name = '';
if (this.roomSelect2Info.floorNum != '') {
_name = this.roomSelect2Info.floorNum;
@ -39,26 +39,26 @@
}
}
},
_initMethod: function () {
_initMethod: function() {
this._initRoomSelect2();
},
_initEvent: function () {
_initEvent: function() {
//监听 modal 打开
/* $('#'+$props.parentModal).on('show.bs.modal', function () {
this._initUnitSelect2();
})*/
vc.on('roomSelect2', "transferRoom", function (_param) {
vc.on('roomSelect2', "transferRoom", function(_param) {
vc.copyObject(_param, this.roomSelect2Info);
this._initRoomSelect2();
});
vc.on('roomSelect2', 'setRoom', function (_param) {
vc.on('roomSelect2', 'setRoom', function(_param) {
vc.copyObject(_param, this.roomSelect2Info);
/*$("#roomSelector").val(_param.roomId).select2();*/
var option = new Option(_param.roomNum, _param.roomId, true, true);
this.roomSelect2Info.roomSelector.append(option);
});
vc.on('roomSelect2', 'clearRoom', function (_param) {
vc.on('roomSelect2', 'clearRoom', function(_param) {
$('#roomSelector').val('').select2();
this.roomSelect2Info = {
units: [],
@ -74,28 +74,27 @@
});
},
methods: {
_initRoomSelect2: function () {
_initRoomSelect2: function() {
console.log("调用_initRoomSelect2 方法");
$.fn.modal.Constructor.prototype.enforceFocus = function () {
};
$.fn.modal.Constructor.prototype.enforceFocus = function() {};
$.fn.select2.defaults.set('width', '100%');
this.roomSelect2Info.roomSelector = $('#roomSelector').select2({
placeholder: '必填,请选择房屋',
allowClear: true,//允许清空
escapeMarkup: function (markup) {
allowClear: true, //允许清空
escapeMarkup: function(markup) {
return markup;
}, // 自定义格式化防止xss注入
ajax: {
url: "/app/room.queryRooms",
dataType: 'json',
delay: 250,
headers:{
headers: {
'APP-ID': '8000418004',
'TRANSACTION-ID' : vc.uuid(),
'TRANSACTION-ID': vc.uuid(),
'REQ-TIME': vc.getDateYYYYMMDDHHMISS(),
'SIGN' : ''
'SIGN': ''
},
data: function (params) {
data: function(params) {
console.log("param", params);
var _term = "";
if (params.hasOwnProperty("term")) {
@ -104,12 +103,12 @@
return {
roomNum: _term,
page: 1,
row: 100,
row: 200,
unitId: this.roomSelect2Info.unitId,
communityId: vc.getCurrentCommunity().communityId
};
},
processResults: function (data) {
processResults: function(data) {
console.log(data, this._filterRoomData(data.rooms));
return {
results: this._filterRoomData(data.rooms)
@ -118,7 +117,7 @@
cache: true
}
});
$('#roomSelector').on("select2:select", function (evt) {
$('#roomSelector').on("select2:select", function(evt) {
//这里是选中触发的事件
//evt.params.data 是选中项的信息
console.log('select', evt);
@ -126,7 +125,7 @@
this.roomSelect2Info.roomNum = evt.params.data.text;
});
$('#roomSelector').on("select2:unselect", function (evt) {
$('#roomSelector').on("select2:unselect", function(evt) {
//这里是取消选中触发的事件
//如配置allowClear: true后触发
console.log('unselect', evt);
@ -136,7 +135,7 @@
});
},
_filterRoomData: function (_rooms) {
_filterRoomData: function(_rooms) {
var _tmpRooms = [];
for (var i = 0; i < _rooms.length; i++) {
var _tmpRoom = {