加入设备保养计划

This commit is contained in:
wuxw 2022-11-07 02:41:02 +08:00
parent d4927b543e
commit c365fb0e5e
2 changed files with 289 additions and 0 deletions

View File

@ -0,0 +1,163 @@
<div class=" animated fadeInRight ecommerce">
<div class="row" v-if="maintainancePlanManageInfo.maintainancePlanStaffModel == false">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5>
<span><vc:i18n name="查询条件" namespace="maintainancePlanManage"></vc:i18n></span>
</h5>
<div class="ibox-tools" style="top:10px;"></div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入计划ID','maintainancePlanManage')"
v-model="maintainancePlanManageInfo.conditions.planId"
class=" form-control">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入计划名称','maintainancePlanManage')"
v-model="maintainancePlanManageInfo.conditions.maintainancePlanName"
class=" form-control">
</div>
</div>
<div class="col-sm-3">
<select class="custom-select" v-model="maintainancePlanManageInfo.conditions.state">
<option selected value="">{{vc.i18n('请选择状态','maintainancePlanManage')}}</option>
<option v-for="(item,index) in maintainancePlanManageInfo.states" :key="index"
v-bind:value="item.statusCd">{{item.name}}
</option>
</select>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_queryInspectionPlanMethod()">
<i class="fa fa-search"></i>
<span><vc:i18n name="查询" namespace="maintainancePlanManage"></vc:i18n></span>
</button>
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_resetInspectionPlanMethod()">
<i class="fa fa-repeat"></i>
<span><vc:i18n name="重置" namespace="maintainancePlanManage"></vc:i18n></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" >
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>
<span><vc:i18n name="保养计划(凌晨2点更新)" namespace="maintainancePlanManage"></vc:i18n></span>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddInspectionPlanModal()">
<i class="fa fa-plus"></i><span>
<vc:i18n name="添加" namespace="maintainancePlanManage"></vc:i18n></span>
</button>
</div>
</div>
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<!-- <th class="text-center">
<span><vc:i18n name="计划ID" namespace="maintainancePlanManage"></vc:i18n></span>
</th> -->
<th class="text-center">
<span><vc:i18n name="计划名称" namespace="maintainancePlanManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="保养标准" namespace="maintainancePlanManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="计划周期" namespace="maintainancePlanManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="日期范围" namespace="maintainancePlanManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="设备数" namespace="maintainancePlanManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="制定人" namespace="maintainancePlanManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="制定时间" namespace="maintainancePlanManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="状态" namespace="maintainancePlanManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="操作" namespace="maintainancePlanManage"></vc:i18n></span>
</th>
</tr>
</thead>
<tbody>
<tr v-for="maintainancePlan in maintainancePlanManageInfo.maintainancePlans">
<!-- <td class="text-center">{{maintainancePlan.planId}}</td> -->
<td class="text-center">{{maintainancePlan.PlanName}}</td>
<td class="text-center">{{maintainancePlan.standardName}}</td>
<td class="text-center">{{inspectionPlan.planPeriodName}}</td>
<td class="text-center">{{maintainancePlan.startDate}}~{{maintainancePlan.endDate}}</td>
<td class="text-center">{{maintainancePlan.machineCount}}
(<a href="javascript:void(0)" @click="_viewMachine">设备</a>)
</td>
<td class="text-center">{{maintainancePlan.createUserName}}</td>
<td class="text-center">{{maintainancePlan.createTime}}</td>
<td class="text-center">{{maintainancePlan.stateName}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openEditInspectionPlanModel(maintainancePlan)">
<vc:i18n name="修改" namespace="maintainancePlanManage"></vc:i18n>
</button>
<button class="btn-white btn btn-xs" v-on:click="_openDeleteInspectionPlanModel(maintainancePlan)">
<vc:i18n name="删除" namespace="maintainancePlanManage"></vc:i18n>
</button>
<button class="btn-white btn btn-xs" v-if="maintainancePlan.state == '2020025'" v-on:click="_openDisabledInspectionPlanModel(maintainancePlan)">
<vc:i18n name="停用" namespace="maintainancePlanManage"></vc:i18n>
</button>
<button class="btn-white btn btn-xs" v-else v-on:click="_openEnabledInspectionPlanModel(maintainancePlan)">
<vc:i18n name="启用" namespace="maintainancePlanManage"></vc:i18n>
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="11">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<div class="row margin-top-xs">
<div class="col-sm-9">
<div>
请确保计划开始时间和计划结束时间是有效时间范围,并且设置了保养人,不然无法生成保养任务
</div>
</div>
<div class="col-sm-3 float-right">
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <vc:create path="property/editInspectionPlan"></vc:create>
<vc:create path="property/deleteInspectionPlan"></vc:create>
<vc:create path="property/maintainancePlanState"></vc:create> -->
</div>

View File

@ -0,0 +1,126 @@
/**
入驻小区
**/
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data: {
maintainancePlanManageInfo: {
maintainancePlans: [],
total: 0,
records: 1,
moreCondition: false,
maintainancePlanName: '',
states: '',
maintainancePlanStaffModel: false,
conditions: {
maintainancePlanName: '',
staffName: '',
state: '',
maintainancePlanId: ''
}
}
},
_initMethod: function () {
vc.component._listMaintainancePlans(DEFAULT_PAGE, DEFAULT_ROWS);
vc.getDict('maintainance_plan', "state", function (_data) {
vc.component.maintainancePlanManageInfo.states = _data;
});
},
_initEvent: function () {
vc.on('maintainancePlanManage', 'listMaintainancePlan', function (_param) {
vc.component._listMaintainancePlans(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('maintainancePlanManage', 'reload', function (_param) {
location.reload();
});
vc.on('maintainancePlanManage', 'goBack', function (_param) {
vc.component.maintainancePlanManageInfo.maintainancePlanStaffModel = false;
});
vc.on('pagination', 'page_event', function (_currentPage) {
vc.component._listMaintainancePlans(_currentPage, DEFAULT_ROWS);
});
},
methods: {
_listMaintainancePlans: function (_page, _rows) {
vc.component.maintainancePlanManageInfo.conditions.page = _page;
vc.component.maintainancePlanManageInfo.conditions.row = _rows;
vc.component.maintainancePlanManageInfo.conditions.communityId = vc.getCurrentCommunity().communityId;
var param = {
params: vc.component.maintainancePlanManageInfo.conditions
};
param.params.maintainancePlanId = param.params.maintainancePlanId.trim();
param.params.maintainancePlanName = param.params.maintainancePlanName.trim();
param.params.state = param.params.state.trim();
//发送get请求
vc.http.apiGet('/maintainancePlan.listMaintainancePlans',
param,
function (json, res) {
var _maintainancePlanManageInfo = JSON.parse(json);
vc.component.maintainancePlanManageInfo.total = _maintainancePlanManageInfo.total;
vc.component.maintainancePlanManageInfo.records = _maintainancePlanManageInfo.records;
vc.component.maintainancePlanManageInfo.maintainancePlans = _maintainancePlanManageInfo.data;
vc.emit('pagination', 'init', {
total: vc.component.maintainancePlanManageInfo.records,
dataCount: vc.component.maintainancePlanManageInfo.total,
currentPage: _page
});
},
function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_openAddMaintainancePlanModal: function () {
//vc.emit('addMaintainancePlan', 'openAddMaintainancePlanModal', {});
vc.jumpToPage('/#/pages/property/addMaintainancePlan')
},
_openEditMaintainancePlanModel: function (_maintainancePlan) {
vc.emit('editMaintainancePlan', 'openEditMaintainancePlanModal', _maintainancePlan);
},
_openDeleteMaintainancePlanModel: function (_maintainancePlan) {
vc.emit('deleteMaintainancePlan', 'openDeleteMaintainancePlanModal', _maintainancePlan);
},
//查询
_queryMaintainancePlanMethod: function () {
vc.component._listMaintainancePlans(DEFAULT_PAGE, DEFAULT_ROWS);
},
//重置
_resetMaintainancePlanMethod: function () {
vc.component.maintainancePlanManageInfo.conditions.maintainancePlanName = "";
vc.component.maintainancePlanManageInfo.conditions.maintainancePlanId = "";
vc.component.maintainancePlanManageInfo.conditions.state = "";
vc.component._listMaintainancePlans(DEFAULT_PAGE, DEFAULT_ROWS);
},
//启用计划
_openEnabledMaintainancePlanModel: function (_maintainancePlan) {
vc.emit('maintainancePlanState', 'openMaintainancePlanStateModal', {
maintainancePlanId: _maintainancePlan.maintainancePlanId,
stateName: '启用',
state: '2020025'
});
},
//停用计划
_openDisabledMaintainancePlanModel: function (_maintainancePlan) {
vc.emit('maintainancePlanState', 'openMaintainancePlanStateModal', {
maintainancePlanId: _maintainancePlan.maintainancePlanId,
stateName: '停用',
state: '2020026'
});
},
_moreCondition: function () {
if (vc.component.maintainancePlanManageInfo.moreCondition) {
vc.component.maintainancePlanManageInfo.moreCondition = false;
} else {
vc.component.maintainancePlanManageInfo.moreCondition = true;
}
},
_openPlanStaff: function (_maintainancePlan) {
$that.maintainancePlanManageInfo.maintainancePlanStaffModel = true;
vc.emit('maintainancePlanStaffManage', 'listMaintainancePlanStaff', _maintainancePlan);
}
}
});
})(window.vc);