Files
PropertyDeployment/resources/Web/MicroCommunityWeb/html/pages/property/inspectionItemManage/inspectionItemManage.html
2026-03-13 15:54:02 +08:00

186 lines
9.9 KiB
HTML

<div>
<div class="ibox ">
<div class="ibox-title">
<h5>
<vc:i18n name="查询条件" namespace="inspectionItemManage"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;"></div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入项目编号','inspectionItemManage')"
v-model="inspectionItemManageInfo.conditions.itemId" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入巡检项目','inspectionItemManage')"
v-model="inspectionItemManageInfo.conditions.itemName" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryInspectionItemMethod()">
<i class="fa fa-search"></i>
<span>
<vc:i18n name="查询" namespace="inspectionItemManage"></vc:i18n>
</span>
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetInspectionItemMethod()">
<i class="fa fa-repeat"></i>
<span>
<vc:i18n name="重置" namespace="inspectionItemManage"></vc:i18n>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="ibox">
<div class="ibox-title">
<h5>
<vc:i18n name="巡检项目" namespace="inspectionItemManage"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="vc.showMarkdown('/pages/property/inspectionItemManage')">
<i class="fa fa-file"></i>
<span>
<vc:i18n name="文档" namespace="inspectionItemManage"></vc:i18n>
</span>
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddInspectionItemModal()">
<i class="fa fa-plus"></i> {{vc.i18n('添加','inspectionItemManage')}}
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openImportInspectionItemModal()">
<i class="fa fa-upload"></i>
{{vc.i18n('导入','inspectionItemManage')}}
</button>
</div>
</div>
<div class="ibox-content ibox-content-auto-height">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<vc:i18n name="编号" namespace="inspectionItemManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="巡检项目" namespace="inspectionItemManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="创建时间" namespace="inspectionItemManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="备注" namespace="inspectionItemManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="操作" namespace="inspectionItemManage"></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="inspectionItem in inspectionItemManageInfo.inspectionItems">
<td class="text-center">{{inspectionItem.itemId}}</td>
<td class="text-center">{{inspectionItem.itemName}}</td>
<td class="text-center">{{inspectionItem.createTime}}</td>
<td class="text-center">{{inspectionItem.remark}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openEditInspectionItemModel(inspectionItem)">
<vc:i18n name="修改" namespace="inspectionItemManage"></vc:i18n>
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openDeleteInspectionItemModel(inspectionItem)">
<vc:i18n name="删除" namespace="inspectionItemManage"></vc:i18n>
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_toTitle(inspectionItem)">
<vc:i18n name="巡检问题" namespace="inspectionItemManage"></vc:i18n>
</button>
</div>
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
<vc:create path="property/addInspectionItem" callBackListener="" callBackFunction=""></vc:create>
<vc:create path="property/editInspectionItem"></vc:create>
<vc:create path="property/deleteInspectionItem"></vc:create>
<!-- 导入模态框 -->
<div id="importInspectionItemModel" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<h3 class="m-t-none m-b">
<vc:i18n name="导入巡检项目" namespace="inspectionItemManage"></vc:i18n>
</h3>
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">
<vc:i18n name="选择文件" namespace="inspectionItemManage"></vc:i18n>
</label>
<div class="col-sm-10">
<div class="custom-file">
<input id="importFile" type="file" class="custom-file-input form-control"
@change="_onFileChange" accept=".xlsx,.xls"/>
<label for="importFile" class="custom-file-label">
<vc:i18n name="必填,请选择数据文件"
namespace="inspectionItemManage"></vc:i18n>
</label>
</div>
</div>
<label class="col-sm-2 col-form-label">
<vc:i18n name="下载模板" namespace="inspectionItemManage"></vc:i18n>
</label>
<div class="col-sm-10">
<vc:i18n name="请先下载" namespace="inspectionItemManage"></vc:i18n>
<a href="/import/PatrolInspectionItems.xlsx" target="_blank">
<span>
<vc:i18n name="巡检项目模板" namespace="inspectionItemManage">
</vc:i18n>
</span>
</a>
<span
><vc:i18n
name="准备数据后,上传导入"
namespace="inspectionItemManage"
></vc:i18n
></span>
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button"
@click="_importInspectionItem()">
<i class="fa fa-check"></i>&nbsp;<vc:i18n name="导入"
namespace="inspectionItemManage"></vc:i18n>
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right: 20px"
data-dismiss="modal">
<i class="fa fa-close"></i>&nbsp;<vc:i18n name="取消"
namespace="inspectionItemManage"></vc:i18n>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>