admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-23 21:36:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化代码

Browse Source
This commit is contained in:
java110 2022-03-21 10:21:51 +08:00
parent 887aed39e2
commit e981e0414f
5 changed files with 118 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
public/components/property/inspectionPointQrCode/inspectionPointQrCode.html Normal file
View File

@ -0,0 +1,29 @@
<div id="inspectionPointQrCodeModel" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-body">
<h3 class="m-t-none m-b ">巡检二维码</h3>
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<div class="col-sm-12" style="position: relative;">
<div id="qrcode" style="width:200px; height:200px; "></div>
</div>
<div class="col-sm-12 text-center margin-top ">
<span>{{inspectionPointQrCodeInfo.inspectionName}}</span>
</div>
<div class="col-sm-12 text-center margin-top ">
<span>请截图贴在巡检点的地方</span>
</div>
</div>
<div class="ibox-content">
<button type="button" class="btn btn-white float-right" style="margin-right:20px;" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

35
public/components/property/inspectionPointQrCode/inspectionPointQrCode.js Normal file
View File

@ -0,0 +1,35 @@
(function(vc) {
vc.extends({
data: {
inspectionPointQrCodeInfo: {
url: '',
inspectionName: '',
}
},
_initMethod: function() {},
_initEvent: function() {
vc.on('inspectionPointQrCode', 'openInspectionPointQrCodeModal', function(_param) {
vc.copyObject(_param, $that.inspectionPointQrCodeInfo);
$('#inspectionPointQrCodeModel').modal('show');
$that._viewQr($that.inspectionPointQrCodeInfo.url);
});
},
methods: {
// 两分钟后显示遮罩层
_viewQr: function(_url) {
document.getElementById("qrcode").innerHTML = "";
let qrcode = new QRCode(document.getElementById("qrcode"), {
text: "213", //你想要填写的文本
width: 200, //生成的二维码的宽度
height: 200, //生成的二维码的高度
colorDark: "#000000", // 生成的二维码的深色部分
colorLight: "#ffffff", //生成二维码的浅色部分
correctLevel: QRCode.CorrectLevel.L
});
qrcode.makeCode(_url);
}
}
});
})(window.vc);

58
public/components/property/simplifyMeterWaterLog/simplifyMeterWaterLog.html
View File

@ -8,8 +8,7 @@
</select>
</div>
<div class="col-lg-10 text-right" v-if="simplifyMeterWaterFeeInfo.roomId">
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
v-on:click="_openAddMeterWaterModal()">
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_openAddMeterWaterModal()">
水电抄表
</button>
</div>
@ -17,37 +16,38 @@
<div class="margin-top">
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10">
<thead>
<tr>
<th class="text-center">表类型</th>
<th class="text-center">对象名称</th>
<th class="text-center">上期度数</th>
<th class="text-center">本期度数</th>
<th class="text-center">上期读表时间</th>
<th class="text-center">本期读表时间</th>
<th class="text-center">创建时间</th>
<th class="text-center">操作</th>
</tr>
<tr>
<th class="text-center">表类型</th>
<th class="text-center">对象名称</th>
<th class="text-center">上期度数</th>
<th class="text-center">本期度数</th>
<th class="text-center">上期读表时间</th>
<th class="text-center">本期读表时间</th>
<th class="text-center">创建时间</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="meterWater in simplifyMeterWaterFeeInfo.meterWaters">
<td class="text-center">{{_getMeteTypeName(meterWater.meterType)}}</td>
<td class="text-center">{{meterWater.objName}}</td>
<td class="text-center">{{meterWater.preDegrees}}</td>
<td class="text-center">{{meterWater.curDegrees}}</td>
<td class="text-center">{{meterWater.preReadingTime}}</td>
<td class="text-center">{{meterWater.curReadingTime}}</td>
<td class="text-center">{{meterWater.createTime}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openEditMeterWaterModel(meterWater)">修改
<tr v-for="meterWater in simplifyMeterWaterFeeInfo.meterWaters">
<!-- <td class="text-center">{{_getMeteTypeName(meterWater.meterType)}}</td> -->
<td class="text-center">{{meterWater.meterTypeName}}</td>
<td class="text-center">{{meterWater.objName}}</td>
<td class="text-center">{{meterWater.preDegrees}}</td>
<td class="text-center">{{meterWater.curDegrees}}</td>
<td class="text-center">{{meterWater.preReadingTime}}</td>
<td class="text-center">{{meterWater.curReadingTime}}</td>
<td class="text-center">{{meterWater.createTime}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openEditMeterWaterModel(meterWater)">修改
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openDeleteMeterWaterModel(meterWater)">删除
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openDeleteMeterWaterModel(meterWater)">删除
</button>
</div>
</td>
</tr>
</div>
</td>
</tr>
</tbody>
</table>
<div class="row">

5
public/pages/property/inspectionPointManage/inspectionPointManage.html
View File

@ -93,6 +93,10 @@
<button class="btn-white btn btn-xs" v-on:click="_openDeleteInspectionPointModel(inspectionPoint)">删除
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_pointQrCode(inspectionPoint)">二维码
</button>
</div>
</td>
</tr>
</tbody>
@ -113,4 +117,5 @@
<vc:create path="property/addInspectionPoint" callBackListener="" callBackFunction=""></vc:create>
<vc:create path="property/editInspectionPoint"></vc:create>
<vc:create path="property/deleteInspectionPoint"></vc:create>
<vc:create path="property/inspectionPointQrCode"></vc:create>
</div>

36
public/pages/property/inspectionPointManage/inspectionPointManage.js
View File

@ -1,7 +1,7 @@
/**
入驻小区
**/
(function (vc) {
(function(vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
@ -22,23 +22,23 @@
}
}
},
_initMethod: function () {
_initMethod: function() {
//与字典表关联
vc.getDict('inspection_point', "point_obj_type", function (_data) {
vc.getDict('inspection_point', "point_obj_type", function(_data) {
vc.component.inspectionPointManageInfo.pointObjTypes = _data;
});
vc.component._listInspectionPoints(DEFAULT_PAGE, DEFAULT_ROWS);
},
_initEvent: function () {
vc.on('inspectionPointManage', 'listInspectionPoint', function (_param) {
_initEvent: function() {
vc.on('inspectionPointManage', 'listInspectionPoint', function(_param) {
vc.component._listInspectionPoints(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('pagination', 'page_event', function (_currentPage) {
vc.on('pagination', 'page_event', function(_currentPage) {
vc.component._listInspectionPoints(_currentPage, DEFAULT_ROWS);
});
},
methods: {
_listInspectionPoints: function (_page, _rows) {
_listInspectionPoints: function(_page, _rows) {
vc.component.inspectionPointManageInfo.conditions.page = _page;
vc.component.inspectionPointManageInfo.conditions.row = _rows;
vc.component.inspectionPointManageInfo.conditions.communityId = vc.getCurrentCommunity().communityId;
@ -52,7 +52,7 @@
vc.http.get('inspectionPointManage',
'list',
param,
function (json, res) {
function(json, res) {
var _inspectionPointManageInfo = JSON.parse(json);
vc.component.inspectionPointManageInfo.total = _inspectionPointManageInfo.total;
vc.component.inspectionPointManageInfo.records = _inspectionPointManageInfo.records;
@ -62,39 +62,43 @@
dataCount: vc.component.inspectionPointManageInfo.total,
currentPage: _page
});
}, function (errInfo, error) {
},
function(errInfo, error) {
console.log('请求失败处理');
}
);
},
_openAddInspectionPointModal: function () {
_openAddInspectionPointModal: function() {
vc.emit('addInspectionPoint', 'openAddInspectionPointModal', {});
},
_openEditInspectionPointModel: function (_inspectionPoint) {
_openEditInspectionPointModel: function(_inspectionPoint) {
vc.emit('editInspectionPoint', 'openEditInspectionPointModal', _inspectionPoint);
},
_openDeleteInspectionPointModel: function (_inspectionPoint) {
_openDeleteInspectionPointModel: function(_inspectionPoint) {
vc.emit('deleteInspectionPoint', 'openDeleteInspectionPointModal', _inspectionPoint);
},
//查询
_queryInspectionPointMethod: function () {
_queryInspectionPointMethod: function() {
vc.component._listInspectionPoints(DEFAULT_PAGE, DEFAULT_ROWS);
},
//重置
_resetInspectionPointMethod: function () {
_resetInspectionPointMethod: function() {
vc.component.inspectionPointManageInfo.conditions.inspectionId = '';
vc.component.inspectionPointManageInfo.conditions.inspectionName = '';
vc.component.inspectionPointManageInfo.conditions.machineCode = '';
vc.component.inspectionPointManageInfo.conditions.pointObjType = '';
vc.component._listInspectionPoints(DEFAULT_PAGE, DEFAULT_ROWS);
},
_moreCondition: function () {
_moreCondition: function() {
if (vc.component.inspectionPointManageInfo.moreCondition) {
vc.component.inspectionPointManageInfo.moreCondition = false;
} else {
vc.component.inspectionPointManageInfo.moreCondition = true;
}
},
_pointQrCode: function(_inspectionPoint) {
vc.emit('inspectionPointQrCode', 'openInspectionPointQrCodeModal', _inspectionPoint);
}
}
});
})(window.vc);
})(window.vc);