Files
PropertyDeployment/resources/Web/MicroCommunityWeb/html/pages/inspection/inspectionPlan/inspectionPlan.html
Anfioo be079067e6 version9
4
2026-01-14 11:39:11 +08:00

169 lines
9.3 KiB
HTML

<div class=" animated fadeInRight ecommerce">
<div class="ibox ">
<div class="ibox-title">
<h5>
<vc:i18n name="查询条件" namespace="inspectionPlan"></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('请输入计划ID','inspectionPlan')"
v-model="inspectionPlanInfo.conditions.inspectionPlanId" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入计划名称','inspectionPlan')"
v-model="inspectionPlanInfo.conditions.inspectionPlanName" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入巡检人','inspectionPlan')"
v-model="inspectionPlanInfo.conditions.staffNameLike" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<select class="custom-select" v-model="inspectionPlanInfo.conditions.state">
<option selected value="">{{vc.i18n('请选择状态','inspectionPlan')}}</option>
<option v-for="(item,index) in inspectionPlanInfo.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()">
<vc:i18n name="查询" namespace="inspectionPlan"></vc:i18n>
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetInspectionPlanMethod()">
<vc:i18n name="重置" namespace="inspectionPlan"></vc:i18n>
</button>
</div>
</div>
</div>
</div>
<div class="ibox">
<div class="ibox-title">
<h5>
<vc:i18n name="巡检计划(凌晨2点更新)" namespace="inspectionPlan"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddInspectionPlanModal()">
<vc:i18n name="添加" namespace="inspectionPlan"></vc:i18n>
</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">
<span><vc:i18n name="计划ID" namespace="inspectionPlan"></vc:i18n></span>
</th> -->
<th class="text-center">
<vc:i18n name="计划名称" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="计划路线" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="计划周期" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="签到方式" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="日期范围" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="时间范围" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="任务提前(分钟)" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="制定人" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="制定时间" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="状态" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="巡检人员" namespace="inspectionPlan"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="操作" namespace="inspectionPlan"></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="inspectionPlan in inspectionPlanInfo.inspectionPlans">
<!-- <td class="text-center">{{inspectionPlan.inspectionPlanId}}</td> -->
<td class="text-center">{{inspectionPlan.inspectionPlanName}}</td>
<td class="text-center">{{inspectionPlan.inspectionRouteName}}</td>
<td class="text-center">{{inspectionPlan.inspectionPlanPeriodName}}</td>
<td class="text-center">{{inspectionPlan.signTypeName}}</td>
<td class="text-center">{{inspectionPlan.startDate}}~{{inspectionPlan.endDate}}</td>
<td class="text-center">{{inspectionPlan.startTime}}~{{inspectionPlan.endTime}}</td>
<td class="text-center">{{inspectionPlan.beforeTime}}</td>
<td class="text-center">{{inspectionPlan.createUserName}}</td>
<td class="text-center">{{inspectionPlan.createTime}}</td>
<td class="text-center">{{inspectionPlan.stateName}}</td>
<td class="text-center" :title="inspectionPlan.staffs.map(staff => staff.staffName).join(', ')">
<div v-if="inspectionPlan.staffs && inspectionPlan.staffs.length > 0">
<span v-for="(staff, i) in inspectionPlan.staffs.slice(0, 2)" :key="i">
{{staff.staffName}}<span v-if="i < inspectionPlan.staffs.slice(0, 2).length - 1">, </span>
</span>
<span v-if="inspectionPlan.staffs.length > 2">...</span>
</div>
</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openEditInspectionPlanModel(inspectionPlan)">
<vc:i18n name="修改" namespace="inspectionPlan"></vc:i18n>
</button>
<button class="btn-white btn btn-xs"
v-on:click="_openDeleteInspectionPlanModel(inspectionPlan)">
<vc:i18n name="删除" namespace="inspectionPlan"></vc:i18n>
</button>
<button class="btn-white btn btn-xs" v-if="inspectionPlan.state == '2020025'"
v-on:click="_openDisabledInspectionPlanModel(inspectionPlan)">
<vc:i18n name="停用" namespace="inspectionPlan"></vc:i18n>
</button>
<button class="btn-white btn btn-xs" v-else
v-on:click="_openEnabledInspectionPlanModel(inspectionPlan)">
<vc:i18n name="启用" namespace="inspectionPlan"></vc:i18n>
</button>
<button class="btn-white btn btn-xs"
v-on:click="_toInspectionPlanDetail(inspectionPlan)">
<vc:i18n name="详情" namespace="inspectionPlan"></vc:i18n>
</button>
</div>
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<div class="row margin-top-xs">
<div class="col-sm-9">
<div>
<vc:i18n name="请确保计划开始时间和计划结束时间是有效时间范围,并且设置了巡检人,不然无法生成巡检任务" namespace="inspectionPlan"></vc:i18n>
</div>
</div>
<div class="col-sm-3 float-right">
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
<vc:create path="property/editInspectionPlan"></vc:create>
<vc:create path="property/deleteInspectionPlan"></vc:create>
<vc:create path="property/inspectionPlanState"></vc:create>
</div>