327 lines
16 KiB
HTML
327 lines
16 KiB
HTML
<div>
|
||
<div class="row">
|
||
<div class="col-md-2 bg-white padding">
|
||
<div class="flex justify-start">
|
||
<div style="width: 60%">
|
||
<input
|
||
type="text"
|
||
:placeholder="vc.i18n('请输入巡检点名称','inspectionPoint')"
|
||
v-model="inspectionPointInfo.conditions.inspectionName"
|
||
class="form-control"
|
||
/>
|
||
</div>
|
||
<button
|
||
type="button"
|
||
class="btn btn-white btn-sm margin-left-xs"
|
||
v-on:click="_queryInspectionPointMethod()"
|
||
>
|
||
<vc:i18n name="查询" namespace="inspectionPoint"></vc:i18n>
|
||
</button>
|
||
<button
|
||
type="button"
|
||
class="btn btn-white btn-sm margin-left-xs"
|
||
v-on:click="_openAddInspectionPointModal()"
|
||
>
|
||
<vc:i18n name="添加" namespace="inspectionPoint"></vc:i18n>
|
||
</button>
|
||
<button
|
||
type="button"
|
||
class="btn btn-white btn-sm margin-left-xs"
|
||
v-on:click="_openImportInspectionPointModal()"
|
||
>
|
||
<vc:i18n name="导入" namespace="inspectionPoint"></vc:i18n>
|
||
</button>
|
||
</div>
|
||
<div class="margin-top-sm">
|
||
<button
|
||
type="button"
|
||
class="btn btn-primary btn-sm"
|
||
v-on:click="_openAddInspectionPointTypeModal()"
|
||
>
|
||
{{vc.i18n('添加菜单','inspectionPoint')}}
|
||
</button>
|
||
<button
|
||
type="button"
|
||
class="btn btn-primary btn-sm"
|
||
v-on:click="_openEditInspectionPointTypeModel()"
|
||
>
|
||
{{vc.i18n('修改菜单','inspectionPoint')}}
|
||
</button>
|
||
<button
|
||
type="button"
|
||
class="btn btn-primary btn-sm"
|
||
v-on:click="_openDeleteInspectionPointTypeModel()"
|
||
>
|
||
{{vc.i18n('删除菜单','inspectionPoint')}}
|
||
</button>
|
||
</div>
|
||
<div class="margin-top-sm">
|
||
<vc:create
|
||
path="inspection/inspectionPointTypeTree"
|
||
callBackListener="inspectionPoint"
|
||
></vc:create>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-10 margin-top-xs vc-org-page">
|
||
<div class="ibox">
|
||
<div class="ibox-title">
|
||
<h5>
|
||
<vc:i18n name="巡检点" namespace="inspectionPoint"></vc:i18n>
|
||
</h5>
|
||
<div class="ibox-tools">
|
||
<button
|
||
class="btn-white btn btn-xs"
|
||
v-on:click="_openEditInspectionPointModel(inspectionPointInfo.point)"
|
||
>
|
||
<vc:i18n name="修改" namespace="inspectionPoint"></vc:i18n>
|
||
</button>
|
||
<button
|
||
class="btn-white btn btn-xs"
|
||
v-on:click="_openDeleteInspectionPointModel(inspectionPointInfo.point)"
|
||
>
|
||
<vc:i18n name="删除" namespace="inspectionPoint"></vc:i18n>
|
||
</button>
|
||
<button
|
||
class="btn-white btn btn-xs"
|
||
v-on:click="_pointQrCode(inspectionPointInfo.point)"
|
||
>
|
||
<vc:i18n name="二维码" namespace="inspectionPoint"></vc:i18n>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<div class="row">
|
||
<div class="col-sm-2">
|
||
<div class="form-group">
|
||
<label class="col-form-label">
|
||
{{vc.i18n('巡检点：','inspectionPoint')}}
|
||
</label>
|
||
<label class=""
|
||
>{{inspectionPointInfo.point.inspectionName}}</label
|
||
>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<div class="form-group">
|
||
<label class="col-form-label">
|
||
{{vc.i18n('巡检类型：','inspectionPoint')}}
|
||
</label>
|
||
<label class=""
|
||
>{{inspectionPointInfo.point.pointTypeName}}</label
|
||
>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<div class="form-group">
|
||
<label class="col-form-label">
|
||
{{vc.i18n('巡检位置：','inspectionPoint')}}
|
||
</label>
|
||
<label class=""
|
||
>{{inspectionPointInfo.point.pointObjName}}</label
|
||
>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<div class="form-group">
|
||
<label class="col-form-label">
|
||
{{vc.i18n('巡检项目：','inspectionPoint')}}
|
||
</label>
|
||
<label class="">{{inspectionPointInfo.point.itemName}}</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<div class="form-group">
|
||
<label class="col-form-label"> nfc： </label>
|
||
<label class="">{{inspectionPointInfo.point.nfcCode}}</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ibox">
|
||
<div class="ibox-content">
|
||
<div class="margin-top-sm">
|
||
<ul class="nav nav-tabs">
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link"
|
||
v-bind:class="{active:inspectionPointInfo._currentTab == 'pointTaskDetail'}"
|
||
v-on:click="changeTab('pointTaskDetail')"
|
||
>
|
||
<vc:i18n
|
||
name="巡检明细"
|
||
namespace="inspectionPoint"
|
||
></vc:i18n>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link"
|
||
v-bind:class="{active:inspectionPointInfo._currentTab == 'pointRoute'}"
|
||
v-on:click="changeTab('pointRoute')"
|
||
>
|
||
<vc:i18n
|
||
name="巡检路线"
|
||
namespace="inspectionPoint"
|
||
></vc:i18n>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link"
|
||
v-bind:class="{active:inspectionPointInfo._currentTab == 'pointPlan'}"
|
||
v-on:click="changeTab('pointPlan')"
|
||
>
|
||
<vc:i18n
|
||
name="巡检计划"
|
||
namespace="inspectionPoint"
|
||
></vc:i18n>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link"
|
||
v-bind:class="{active:inspectionPointInfo._currentTab == 'pointTask'}"
|
||
v-on:click="changeTab('pointTask')"
|
||
>
|
||
<vc:i18n
|
||
name="巡检任务"
|
||
namespace="inspectionPoint"
|
||
></vc:i18n>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div v-if="inspectionPointInfo._currentTab == 'pointTaskDetail'">
|
||
<vc:create path="inspection/pointTaskDetail"></vc:create>
|
||
</div>
|
||
<div v-if="inspectionPointInfo._currentTab == 'pointRoute'">
|
||
<vc:create path="inspection/pointRoute"></vc:create>
|
||
</div>
|
||
<div v-if="inspectionPointInfo._currentTab == 'pointPlan'">
|
||
<vc:create path="inspection/pointPlan"></vc:create>
|
||
</div>
|
||
<div v-if="inspectionPointInfo._currentTab == 'pointTask'">
|
||
<vc:create path="inspection/pointTask"></vc:create>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 导入模态框 -->
|
||
<div
|
||
id="importInspectionPointModel"
|
||
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="inspectionPoint"></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="inspectionPoint"
|
||
></vc:i18n>
|
||
</label>
|
||
<div class="col-sm-10">
|
||
<div class="custom-file">
|
||
<input
|
||
id="excelTemplate"
|
||
type="file"
|
||
class="custom-file-input form-control"
|
||
name="excelTemplate"
|
||
v-on:change="getExcelTemplate($event)"
|
||
accept=".xls,.xlsx"
|
||
/>
|
||
<label for="excelTemplate" class="custom-file-label">
|
||
<vc:i18n
|
||
v-if="!fileSelected"
|
||
name="必填,请选择数据文件"
|
||
namespace="inspectionPoint"
|
||
></vc:i18n>
|
||
<span v-else
|
||
>{{
|
||
importInspectionPointInfo.excelTemplate.name}}</span
|
||
>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-sm-2 col-form-label">
|
||
<vc:i18n
|
||
name="下载模板"
|
||
namespace="inspectionPoint"
|
||
></vc:i18n>
|
||
</label>
|
||
<div class="col-sm-10">
|
||
<vc:i18n
|
||
name="请先下载"
|
||
namespace="inspectionPoint"
|
||
></vc:i18n>
|
||
<a href="/import/PatrolPoint.xlsx" target="_blank">
|
||
<span>
|
||
<vc:i18n name="巡检点模板" namespace="inspectionPoint">
|
||
</vc:i18n>
|
||
</span>
|
||
</a>
|
||
<span
|
||
><vc:i18n
|
||
name="准备数据后,上传导入"
|
||
namespace="inspectionPoint"
|
||
></vc:i18n
|
||
></span>
|
||
</div>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<button
|
||
class="btn btn-primary float-right"
|
||
type="button"
|
||
v-on:click="_importData()"
|
||
>
|
||
<i class="fa fa-check"></i> <vc:i18n
|
||
name="导入"
|
||
namespace="inspectionPoint"
|
||
></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> <vc:i18n
|
||
name="取消"
|
||
namespace="inspectionPoint"
|
||
></vc:i18n>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<vc:create path="inspection/addInspectionPoint" callBackListener="" callBackFunction=""></vc:create>
|
||
<vc:create path="inspection/editInspectionPoint"></vc:create>
|
||
<vc:create path="inspection/deleteInspectionPoint"></vc:create>
|
||
<vc:create path="inspection/inspectionPointQrCode"></vc:create>
|
||
<vc:create
|
||
path="inspection/addInspectionPointType"
|
||
callBackListener=""
|
||
callBackFunction=""
|
||
></vc:create>
|
||
<vc:create path="inspection/editInspectionPointType"></vc:create>
|
||
<vc:create path="inspection/deleteInspectionPointType"></vc:create>
|
||
</div>
|