|
|
|
@ -1,40 +1,48 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> |
|
|
|
<el-form-item label="计划名称"> |
|
|
|
<!-- 计划名称 --> |
|
|
|
<el-form-item :label="$t('administration.ProjectName')"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.taskName" |
|
|
|
placeholder="请输入计划名称" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('administration.ProjectName') |
|
|
|
" |
|
|
|
clearable |
|
|
|
style="width: 240px" |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="区域名称"> |
|
|
|
<!-- 区域名称 --> |
|
|
|
<el-form-item :label="$t('administration.RegionName')"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.areaName" |
|
|
|
placeholder="请输入区域名称" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('administration.RegionName') |
|
|
|
" |
|
|
|
clearable |
|
|
|
style="width: 240px" |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="状态" prop="status"> |
|
|
|
<!-- 状态 --> |
|
|
|
<el-form-item :label="$t('share.status')" prop="status"> |
|
|
|
<el-select |
|
|
|
v-model="queryParams.isenable" |
|
|
|
placeholder="状态" |
|
|
|
:placeholder="$t('share.status')" |
|
|
|
clearable |
|
|
|
style="width: 240px" |
|
|
|
> |
|
|
|
<el-option label="开启" value="0"></el-option> |
|
|
|
<el-option label="不开启" value="1"></el-option> |
|
|
|
<el-option :label="$t('share.On')" value="0"></el-option> |
|
|
|
<el-option :label="$t('share.Off')" value="1"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="计划有效期"> |
|
|
|
<!-- 计划有效期 --> |
|
|
|
<el-form-item :label="$t('administration.PlanValidityPeriod')"> |
|
|
|
<el-date-picker |
|
|
|
v-model="queryParams.cycleStartTime" |
|
|
|
type="date" |
|
|
|
placeholder="计划有效期开始时间" |
|
|
|
:placeholder="$t('share.StartTime')" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
> |
|
|
|
@ -43,17 +51,18 @@ |
|
|
|
<el-date-picker |
|
|
|
v-model="queryParams.cycleEndTime" |
|
|
|
type="date" |
|
|
|
placeholder="计划有效期结束时间" |
|
|
|
:placeholder="$t('share.EndTime')" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="创建时间"> |
|
|
|
<!-- 创建时间 --> |
|
|
|
<el-form-item :label="$t('share.CreationTime')"> |
|
|
|
<el-date-picker |
|
|
|
v-model="queryParams.beginTime" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
:placeholder="$t('share.StartTime')" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
> |
|
|
|
@ -62,26 +71,28 @@ |
|
|
|
<el-date-picker |
|
|
|
v-model="queryParams.endTime" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
:placeholder="$t('share.EndTime')" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<!-- 按钮 --> |
|
|
|
<el-form-item> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
icon="el-icon-search" |
|
|
|
size="mini" |
|
|
|
@click="handleQuery" |
|
|
|
>搜索</el-button |
|
|
|
> |
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
|
|
|
>重置</el-button |
|
|
|
>{{ $t("share.search") }}</el-button |
|
|
|
> |
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ |
|
|
|
$t("share.reset") |
|
|
|
}}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
<!-- 新增 --> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
@ -89,10 +100,10 @@ |
|
|
|
icon="el-icon-plus" |
|
|
|
size="mini" |
|
|
|
@click="handleAdd" |
|
|
|
>新增</el-button |
|
|
|
>{{ $t("share.new") }}</el-button |
|
|
|
> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<!-- 删除 --> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="danger" |
|
|
|
@ -100,7 +111,7 @@ |
|
|
|
icon="el-icon-delete" |
|
|
|
size="mini" |
|
|
|
@click="handleDeleteAll" |
|
|
|
>删除</el-button |
|
|
|
>{{ $t("share.delete") }}</el-button |
|
|
|
> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
@ -110,22 +121,44 @@ |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
> |
|
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
|
<el-table-column label="计划名称" prop="taskName" /> |
|
|
|
<!-- 计划名称 --> |
|
|
|
<el-table-column |
|
|
|
:label="$t('administration.ProjectName')" |
|
|
|
prop="taskName" |
|
|
|
/> |
|
|
|
<!-- 计划有效期开始时间 --> |
|
|
|
<el-table-column |
|
|
|
label="计划有效期开始时间" |
|
|
|
:label="$t('administration.PlanValidityPeriod') + $t('share.StartTime')" |
|
|
|
prop="cycleStartTime" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
min-width="100px" |
|
|
|
/> |
|
|
|
<!-- 计划有效期结束时间 --> |
|
|
|
<el-table-column |
|
|
|
label="计划有效期结束时间" |
|
|
|
:label="$t('administration.PlanValidityPeriod') + $t('share.EndTime')" |
|
|
|
prop="cycleEndTime" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
min-width="100px" |
|
|
|
/> |
|
|
|
<el-table-column label="创建时间" prop="beginTime" /> |
|
|
|
<el-table-column label="区域名称" prop="areaName" /> |
|
|
|
<el-table-column label="任务策略" prop="roleSort" /> |
|
|
|
<el-table-column label="执行任务周期" prop="roleSort" /> |
|
|
|
<el-table-column label="状态" align="center"> |
|
|
|
<!-- 创建时间 --> |
|
|
|
<el-table-column :label="$t('share.CreationTime')" prop="beginTime" /> |
|
|
|
<!-- 区域时间 --> |
|
|
|
<el-table-column |
|
|
|
:label="$t('administration.RegionName')" |
|
|
|
prop="areaName" |
|
|
|
/> |
|
|
|
<!-- 任务策略 --> |
|
|
|
<el-table-column |
|
|
|
:label="$t('administration.TaskStrategy')" |
|
|
|
prop="roleSort" |
|
|
|
/> |
|
|
|
<!-- 执行任务周期 --> |
|
|
|
<el-table-column |
|
|
|
:label="$t('administration.ExecutionTaskCycle')" |
|
|
|
prop="roleSort" |
|
|
|
/> |
|
|
|
<!-- 状态 --> |
|
|
|
<el-table-column :label="$t('share.status')" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-switch |
|
|
|
v-model="scope.row.isenable" |
|
|
|
@ -135,40 +168,45 @@ |
|
|
|
></el-switch> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<!-- 操作 --> |
|
|
|
<el-table-column |
|
|
|
label="操作" |
|
|
|
:label="$t('share.operate')" |
|
|
|
align="center" |
|
|
|
class-name="small-padding fixed-width" |
|
|
|
width="200" |
|
|
|
> |
|
|
|
<template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
|
|
|
<el-button size="mini" type="text" icon="el-icon-edit" |
|
|
|
>立即执行</el-button |
|
|
|
> |
|
|
|
<el-button size="mini" type="text" icon="el-icon-edit" |
|
|
|
>下发</el-button |
|
|
|
> |
|
|
|
<!-- 立即执行 --> |
|
|
|
<el-button size="mini" type="text" icon="el-icon-edit">{{ |
|
|
|
$t("administration.ImmediateExecution") |
|
|
|
}}</el-button> |
|
|
|
<!-- 下发 --> |
|
|
|
<el-button size="mini" type="text" icon="el-icon-edit">{{ |
|
|
|
$t("administration.issue") |
|
|
|
}}</el-button> |
|
|
|
<!-- 复制任务 --> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-edit" |
|
|
|
@click="handleCopy(scope.row)" |
|
|
|
>复制任务</el-button |
|
|
|
>{{ $t("administration.ReplicationTask") }}</el-button |
|
|
|
> |
|
|
|
<!-- 编辑 --> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-edit" |
|
|
|
@click="handleUpdate(scope.row)" |
|
|
|
>编辑</el-button |
|
|
|
>{{ $t("share.edit") }}</el-button |
|
|
|
> |
|
|
|
<!-- 删除 --> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-delete" |
|
|
|
@click="handleDelete(scope.row.taskId)" |
|
|
|
>删除</el-button |
|
|
|
>{{ $t("share.delete") }}</el-button |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -181,9 +219,9 @@ |
|
|
|
/> |
|
|
|
<el-dialog :title="title" :visible.sync="dialogTableVisible"> |
|
|
|
<el-steps :active="active" style="margin-bottom: 20px"> |
|
|
|
<el-step title="设置计划对象"></el-step> |
|
|
|
<el-step title="选择巡检对象"></el-step> |
|
|
|
<el-step title="点位设置"></el-step> |
|
|
|
<el-step :title="$t('administration.SetPlanObject')"></el-step> |
|
|
|
<el-step :title="$t('administration.SelectInspectionObject')"></el-step> |
|
|
|
<el-step :title="$t('administration.PointSetting')"></el-step> |
|
|
|
</el-steps> |
|
|
|
|
|
|
|
<el-form |
|
|
|
@ -193,19 +231,43 @@ |
|
|
|
:rules="rules" |
|
|
|
> |
|
|
|
<div v-if="dialogTableVisibleStep == 0"> |
|
|
|
<el-form-item label="名称" prop="taskName"> |
|
|
|
<el-input v-model="dialogForm.taskName"></el-input> |
|
|
|
<!-- 名称 --> |
|
|
|
<el-form-item :label="$t('administration.name')" prop="taskName"> |
|
|
|
<el-input |
|
|
|
v-model="dialogForm.taskName" |
|
|
|
:placeholder="$t('share.PleaseEnter') + $t('administration.name')" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="优先级" prop="priority"> |
|
|
|
<el-select v-model="dialogForm.priority" placeholder="请选择优先级"> |
|
|
|
<el-option label="优先级1" value="1"></el-option> |
|
|
|
<el-option label="优先级2" value="2"></el-option> |
|
|
|
<el-option label="优先级3" value="3"></el-option> |
|
|
|
<el-option label="优先级4" value="4"></el-option> |
|
|
|
<!-- 优先级 --> |
|
|
|
<el-form-item :label="$t('administration.priority')" prop="priority"> |
|
|
|
<el-select |
|
|
|
v-model="dialogForm.priority" |
|
|
|
:placeholder="$t('administration.priority')" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
:label="$t('administration.priority') + 1" |
|
|
|
value="1" |
|
|
|
></el-option> |
|
|
|
<el-option |
|
|
|
:label="$t('administration.priority') + 2" |
|
|
|
value="2" |
|
|
|
></el-option> |
|
|
|
<el-option |
|
|
|
:label="$t('administration.priority') + 3" |
|
|
|
value="3" |
|
|
|
></el-option> |
|
|
|
<el-option |
|
|
|
:label="$t('administration.priority') + 4" |
|
|
|
value="4" |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="任务类型" prop="type"> |
|
|
|
<el-select v-model="dialogForm.type" placeholder="请选择任务类型"> |
|
|
|
<!-- 任务类型 --> |
|
|
|
<el-form-item :label="$t('administration.TaskType')" prop="type"> |
|
|
|
<el-select |
|
|
|
v-model="dialogForm.type" |
|
|
|
:placeholder="$t('administration.TaskType')" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
:label="item.patrolTypeName" |
|
|
|
:value="item.patrolTypeId" |
|
|
|
@ -214,14 +276,23 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="任务执行方式" prop="executionMode"> |
|
|
|
<!-- 任务执行方式 --> |
|
|
|
<el-form-item |
|
|
|
:label="$t('administration.TaskExecutionMethod')" |
|
|
|
prop="executionMode" |
|
|
|
> |
|
|
|
<el-checkbox-group v-model="dialogForm.executionMode"> |
|
|
|
<el-checkbox label="0" name="type">现场巡视</el-checkbox> |
|
|
|
<el-checkbox label="0" name="type">{{ |
|
|
|
$t("administration.WalkThrough") |
|
|
|
}}</el-checkbox> |
|
|
|
<!-- <el-checkbox label="现场巡视1" name="type"></el-checkbox> --> |
|
|
|
</el-checkbox-group> |
|
|
|
</el-form-item> |
|
|
|
<!-- areaIdS --> |
|
|
|
<el-form-item label="巡检区域" prop="areaIdS"> |
|
|
|
<!-- 巡检区域 --> |
|
|
|
<el-form-item |
|
|
|
:label="$t('administration.InspectionArea')" |
|
|
|
prop="areaIdS" |
|
|
|
> |
|
|
|
<!-- :default-checked-keys="dialogForm.areaIdS" --> |
|
|
|
<el-tree |
|
|
|
:data="treeData" |
|
|
|
@ -234,22 +305,30 @@ |
|
|
|
> |
|
|
|
</el-tree> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="执行周期"> |
|
|
|
<!-- 执行周期 --> |
|
|
|
<el-form-item :label="$t('administration.executeCycle')"> |
|
|
|
<el-radio-group v-model="dialogForm.executionStatus"> |
|
|
|
<el-radio :label="1" :value="1">定时执行</el-radio> |
|
|
|
<el-radio :label="2" :value="2">周期执行</el-radio> |
|
|
|
<el-radio :label="4" :value="4">间隔执行</el-radio> |
|
|
|
<el-radio :label="1" :value="1">{{ |
|
|
|
$t("administration.RegularExecution") |
|
|
|
}}</el-radio> |
|
|
|
<el-radio :label="2" :value="2">{{ |
|
|
|
$t("administration.PeriodicExecution") |
|
|
|
}}</el-radio> |
|
|
|
<el-radio :label="4" :value="4">{{ |
|
|
|
$t("administration.IntervalExecution") |
|
|
|
}}</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
<!-- 执行日期 --> |
|
|
|
<el-form-item |
|
|
|
label="执行日期" |
|
|
|
:label="$t('administration.ExecutionDate')" |
|
|
|
v-if="dialogForm.executionStatus == 1" |
|
|
|
prop="fixedStartTime" |
|
|
|
> |
|
|
|
<el-date-picker |
|
|
|
v-model="dialogForm.fixedStartTime" |
|
|
|
type="datetime" |
|
|
|
placeholder="选择日期时间" |
|
|
|
:placeholder="$t('administration.ExecutionDate')" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
@ -258,40 +337,68 @@ |
|
|
|
v-if="dialogForm.executionStatus == 2" |
|
|
|
style="margin-bottom: 20px" |
|
|
|
> |
|
|
|
<div class="cycle2">时间设置</div> |
|
|
|
<el-form-item label="计划有效期"> |
|
|
|
<div class="cycle2">{{ $t("administration.timeSetting") }}</div> |
|
|
|
<!-- 计划有效期 --> |
|
|
|
<el-form-item |
|
|
|
:label="$t('administration.PlanValidityPeriod')" |
|
|
|
prop="PlanValidityPeriod" |
|
|
|
> |
|
|
|
<el-date-picker |
|
|
|
v-model="dialogForm.value1" |
|
|
|
type="datetimerange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
range-separator="-" |
|
|
|
:start-placeholder="$t('share.StartTime')" |
|
|
|
:end-placeholder="$t('share.EndTime')" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="任务执行周期"> |
|
|
|
<!-- 执行任务周期 --> |
|
|
|
<el-form-item |
|
|
|
:label="$t('administration.ExecutionTaskCycle')" |
|
|
|
prop="ExecutionTaskCycle" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model="dialogForm.region" |
|
|
|
placeholder="请选择活动区域" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseChoose') + |
|
|
|
$t('administration.ExecutionTaskCycle') |
|
|
|
" |
|
|
|
> |
|
|
|
<el-option label="按周选择" value="shanghai"></el-option> |
|
|
|
<el-option label="按月选择" value="beijing"></el-option> |
|
|
|
<el-option |
|
|
|
:label="$t('administration.SelectByWeek')" |
|
|
|
value="shanghai" |
|
|
|
></el-option> |
|
|
|
<el-option |
|
|
|
:label="$t('administration.MonthlySelection')" |
|
|
|
value="beijing" |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="任务执行时间"> |
|
|
|
<!-- 执行日期添加 --> |
|
|
|
<el-form-item |
|
|
|
:label="$t('administration.ExecutionDate')" |
|
|
|
prop="ExecutionDate" |
|
|
|
> |
|
|
|
<el-button type="primary" @click="executionTimeBtn" |
|
|
|
>添加{{ executionTimeButton }}/7</el-button |
|
|
|
>{{ $t("share.addTo") }}{{ executionTimeButton }}/7</el-button |
|
|
|
> |
|
|
|
</el-form-item> |
|
|
|
<el-table |
|
|
|
:data="executionTimeData" |
|
|
|
style="width: 80%; margin-left: 10%" |
|
|
|
> |
|
|
|
<el-table-column label="日期" align="center"> |
|
|
|
<!-- 日期 --> |
|
|
|
<el-table-column |
|
|
|
:label="$t('administration.date')" |
|
|
|
align="center" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-select v-model="scope.row.day" placeholder="请选择"> |
|
|
|
<el-select |
|
|
|
v-model="scope.row.day" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseChoose') + $t('administration.date') |
|
|
|
" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
:label="item.name" |
|
|
|
:value="item.name" |
|
|
|
@ -302,16 +409,28 @@ |
|
|
|
</el-select> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="时间" align="center"> |
|
|
|
<!-- 时间 --> |
|
|
|
<el-table-column |
|
|
|
prop="name" |
|
|
|
:label="$t('administration.time')" |
|
|
|
align="center" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-time-picker |
|
|
|
v-model="scope.row.time" |
|
|
|
placeholder="任意时间点" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseChoose') + $t('administration.time') |
|
|
|
" |
|
|
|
> |
|
|
|
</el-time-picker> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="address" label="操作" align="center"> |
|
|
|
<!-- 操作 --> |
|
|
|
<el-table-column |
|
|
|
prop="address" |
|
|
|
:label="$t('share.delete')" |
|
|
|
align="center" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
@ -327,34 +446,52 @@ |
|
|
|
style="margin-bottom: 20px" |
|
|
|
> |
|
|
|
<!-- <div class="cycle2">时间设置</div> --> |
|
|
|
<el-form-item label="间隔"> |
|
|
|
<!-- 间隔 --> |
|
|
|
<el-form-item |
|
|
|
:label="$t('administration.interval')" |
|
|
|
prop="interval" |
|
|
|
> |
|
|
|
<el-date-picker |
|
|
|
v-model="dialogForm.value1" |
|
|
|
type="datetimerange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
range-separator="-" |
|
|
|
:start-placeholder="$t('share.StartTime')" |
|
|
|
:end-placeholder="$t('share.EndTime')" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="执行时间"> |
|
|
|
<!-- 执行时间 --> |
|
|
|
<el-form-item |
|
|
|
:label="$t('administration.executionTime')" |
|
|
|
prop="executionTime" |
|
|
|
> |
|
|
|
<el-time-picker |
|
|
|
v-model="dialogForm.value1" |
|
|
|
placeholder="任意时间点" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseChoose') + $t('administration.executionTime') |
|
|
|
" |
|
|
|
> |
|
|
|
</el-time-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="间隔类型"> |
|
|
|
<!-- 间隔类型 --> |
|
|
|
<el-form-item |
|
|
|
:label="$t('administration.intervalType')" |
|
|
|
prop="intervalType" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model="dialogForm.region" |
|
|
|
placeholder="请选择间隔类型" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseChoose') + $t('administration.intervalType') |
|
|
|
" |
|
|
|
> |
|
|
|
<el-option label="小时" value="小时"></el-option> |
|
|
|
<el-option :label="$t('share.hour')" value="小时"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="间隔数量"> |
|
|
|
<!-- 数量 --> |
|
|
|
<el-form-item |
|
|
|
:label="$t('administration.quantity')" |
|
|
|
prop="quantity" |
|
|
|
> |
|
|
|
<el-input-number |
|
|
|
v-model="dialogForm.num" |
|
|
|
:min="1" |
|
|
|
@ -362,27 +499,31 @@ |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<el-form-item> |
|
|
|
<el-button @click="resetForm('ruleForm')">取消</el-button> |
|
|
|
<el-button type="primary" @click="submitForm(0)">下一步</el-button> |
|
|
|
<el-button @click="resetForm('ruleForm')">{{ |
|
|
|
$t("share.cancel") |
|
|
|
}}</el-button> |
|
|
|
<el-button type="primary" @click="submitForm(0)">{{ |
|
|
|
$t("administration.nextStep") |
|
|
|
}}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 选择巡检对象 --> |
|
|
|
<div v-if="dialogTableVisibleStep == 1"> |
|
|
|
<div class="dialogTableVisibleStep1"> |
|
|
|
<div class="dialogTableVisibleStep1-content"> |
|
|
|
<div class="leftTotle">区域</div> |
|
|
|
<div class="leftTotle">{{ $t("administration.region") }}</div> |
|
|
|
<div |
|
|
|
class="dialogTableVisibleStepQurey" |
|
|
|
style="margin-bottom: 10px" |
|
|
|
> |
|
|
|
<el-input placeholder="请输入内容" v-model="input3"> </el-input> |
|
|
|
<el-input :placeholder="$t('share.content')" v-model="input3"> |
|
|
|
</el-input> |
|
|
|
<el-button |
|
|
|
slot="append" |
|
|
|
icon="el-icon-search" |
|
|
|
type="primary" |
|
|
|
></el-button> |
|
|
|
</div> |
|
|
|
<!-- \:default-checked-keys="selectTreeIds" --> |
|
|
|
<el-tree |
|
|
|
:data="selectTreeData" |
|
|
|
show-checkbox |
|
|
|
@ -400,15 +541,30 @@ |
|
|
|
v-model="transferValue" |
|
|
|
:data="transferData" |
|
|
|
:props="{ key: 'deviceId', label: 'deviceName' }" |
|
|
|
:titles="['待添加', '已添加']" |
|
|
|
:titles="[ |
|
|
|
$t('administration.ToBeAdded'), |
|
|
|
$t('administration.Added'), |
|
|
|
]" |
|
|
|
></el-transfer> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="margin-left: 80%; margin-top: 20px"> |
|
|
|
<el-button @click="returnCancel(0)">上一步</el-button> |
|
|
|
<el-button type="primary" @click="submitForm(1)">下一步</el-button> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
margin-left: 80%; |
|
|
|
margin-top: 20px; |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
" |
|
|
|
> |
|
|
|
<el-button @click="returnCancel(0)">{{ |
|
|
|
$t("administration.PreviousStep") |
|
|
|
}}</el-button> |
|
|
|
<el-button type="primary" @click="submitForm(1)">{{ |
|
|
|
$t("administration.nextStep") |
|
|
|
}}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 点位设置 --> |
|
|
|
<div v-if="dialogTableVisibleStep == 2"> |
|
|
|
<el-tree |
|
|
|
:data="pointSettingsTreeData" |
|
|
|
@ -420,15 +576,22 @@ |
|
|
|
@check="pointSettingsTreeDataHandleCheckChange" |
|
|
|
> |
|
|
|
</el-tree> |
|
|
|
<el-form-item label="是否开启" prop="isenable"> |
|
|
|
<el-form-item |
|
|
|
:label="$t('administration.IsItEnabled')" |
|
|
|
prop="isenable" |
|
|
|
> |
|
|
|
<el-radio-group v-model="dialogForm.isenable"> |
|
|
|
<el-radio :label="0">是</el-radio> |
|
|
|
<el-radio :label="1">否</el-radio> |
|
|
|
<el-radio :label="0">{{ $t("share.Yes") }}</el-radio> |
|
|
|
<el-radio :label="1">{{ $t("share.No") }}</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button @click="returnCancel(1)">上一步</el-button> |
|
|
|
<el-button type="primary" @click="submitForm(2)">确定</el-button> |
|
|
|
<el-button @click="returnCancel(1)">{{ |
|
|
|
$t("administration.PreviousStep") |
|
|
|
}}</el-button> |
|
|
|
<el-button type="primary" @click="submitForm(2)">{{ |
|
|
|
$t("share.confirm") |
|
|
|
}}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<!-- <span slot="footer" class="dialog-footer"> |
|
|
|
@ -440,15 +603,15 @@ |
|
|
|
|
|
|
|
<!-- 复制弹框 --> |
|
|
|
<el-dialog |
|
|
|
title="复制任务" |
|
|
|
:title="$t('administration.CopyTask')" |
|
|
|
:visible.sync="copyDialogVisible" |
|
|
|
width="30%" |
|
|
|
:before-close="handleClose" |
|
|
|
> |
|
|
|
<el-time-picker placeholder="任意时间点"> </el-time-picker> |
|
|
|
<el-time-picker :placeholder="$t('share.PleaseChoose')+$t('administration.time')"> </el-time-picker> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button type="primary" @click="copyDialogVisible = false" |
|
|
|
>复制</el-button |
|
|
|
>{{ $t('administration.Copy') }}</el-button |
|
|
|
> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
@ -524,16 +687,39 @@ export default { |
|
|
|
transferValue: [], |
|
|
|
copyDialogVisible: false, |
|
|
|
rules: { |
|
|
|
taskName: [{ required: true, message: "请输入名称", trigger: "blur" }], |
|
|
|
taskName: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseEnter") + this.$t("administration.name"), |
|
|
|
trigger: "blur", |
|
|
|
}, |
|
|
|
], |
|
|
|
priority: [ |
|
|
|
{ required: true, message: "请选择优先级", trigger: "blur" }, |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.priority"), |
|
|
|
trigger: "blur", |
|
|
|
}, |
|
|
|
], |
|
|
|
type: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.TaskType"), |
|
|
|
trigger: "blur", |
|
|
|
}, |
|
|
|
], |
|
|
|
type: [{ required: true, message: "请选择任务类型", trigger: "blur" }], |
|
|
|
executionMode: [ |
|
|
|
{ |
|
|
|
type: "array", |
|
|
|
required: true, |
|
|
|
message: "请选择任务执行方式", |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.TaskExecutionMethod"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
@ -541,17 +727,92 @@ export default { |
|
|
|
{ |
|
|
|
type: "array", |
|
|
|
required: true, |
|
|
|
message: "请选择巡检区域", |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.InspectionArea"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
fixedStartTime: [ |
|
|
|
{ required: true, message: "请选择时间", trigger: "change" }, |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.ExecutionDate"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
proDeviceTreeSelect: [], |
|
|
|
isenable:[ |
|
|
|
{ required: true, message: "请选择启用状态", trigger: "change" }, |
|
|
|
] |
|
|
|
isenable: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: this.$t("share.PleaseChoose") + this.$t("share.status"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
PlanValidityPeriod: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.PlanValidityPeriod"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
ExecutionTaskCycle: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.ExecutionTaskCycle"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
ExecutionDate: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.ExecutionDate"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
interval: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.interval"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
executionTime: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.executionTime"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
intervalType: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.intervalType"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
quantity: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
this.$t("administration.quantity"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
@ -728,8 +989,8 @@ export default { |
|
|
|
this.pointSettingsTreeData = res.data; |
|
|
|
}); |
|
|
|
} |
|
|
|
if(type==2){ |
|
|
|
console.log(this.dialogForm) |
|
|
|
if (type == 2) { |
|
|
|
console.log(this.dialogForm); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
@ -766,7 +1027,9 @@ export default { |
|
|
|
handleUpdate(row) { |
|
|
|
this.dialogTableVisible = true; |
|
|
|
}, |
|
|
|
handleClose() {}, |
|
|
|
handleClose() { |
|
|
|
this.copyDialogVisible = false; |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
wangxingyuan
10 months ago