|
|
|
@ -99,7 +99,7 @@ |
|
|
|
plain |
|
|
|
icon="el-icon-delete" |
|
|
|
size="mini" |
|
|
|
@click="handleDelete" |
|
|
|
@click="handleDeleteAll" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
</el-col> |
|
|
|
@ -128,7 +128,7 @@ |
|
|
|
<el-table-column label="状态" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-switch |
|
|
|
v-model="scope.row.status" |
|
|
|
v-model="scope.row.isenable" |
|
|
|
active-value="0" |
|
|
|
inactive-value="1" |
|
|
|
@change="handleStatusChange(scope.row)" |
|
|
|
@ -187,202 +187,255 @@ |
|
|
|
</el-steps> |
|
|
|
|
|
|
|
<el-form |
|
|
|
ref="form" |
|
|
|
ref="ruleForm" |
|
|
|
:model="dialogForm" |
|
|
|
label-width="100px" |
|
|
|
v-if="dialogTableVisibleStep == 0" |
|
|
|
label-width="110px" |
|
|
|
:rules="rules" |
|
|
|
> |
|
|
|
<el-form-item label="名称"> |
|
|
|
<el-input v-model="dialogForm.name"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="优先级"> |
|
|
|
<el-select v-model="dialogForm.region" placeholder="请选择活动区域"> |
|
|
|
<el-option label="区域一" value="shanghai"></el-option> |
|
|
|
<el-option label="区域二" value="beijing"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="任务类型"> |
|
|
|
<el-select v-model="dialogForm.region" placeholder="请选择活动区域"> |
|
|
|
<el-option label="区域一" value="shanghai"></el-option> |
|
|
|
<el-option label="区域二" value="beijing"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="任务执行方式"> |
|
|
|
<el-checkbox v-model="dialogForm.checked">现在执行</el-checkbox> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="巡检区域"> |
|
|
|
<el-tree |
|
|
|
:data="treeData" |
|
|
|
show-checkbox |
|
|
|
node-key="id" |
|
|
|
ref="tree" |
|
|
|
highlight-current |
|
|
|
:props="defaultProps" |
|
|
|
@check="handleCheckChange" |
|
|
|
> |
|
|
|
</el-tree> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="执行周期"> |
|
|
|
<el-radio-group v-model="dialogForm.cycle"> |
|
|
|
<el-radio :label="0" :value="0">定时执行</el-radio> |
|
|
|
<el-radio :label="1" :value="1">周期执行</el-radio> |
|
|
|
<el-radio :label="2" :value="2">间隔执行</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="执行日期" v-if="dialogForm.cycle == 0"> |
|
|
|
<el-date-picker |
|
|
|
v-model="dialogForm.value1" |
|
|
|
type="datetime" |
|
|
|
placeholder="选择日期时间" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<div v-if="dialogForm.cycle == 1" style="margin-bottom: 20px"> |
|
|
|
<div class="cycle2">时间设置</div> |
|
|
|
<el-form-item label="计划有效期"> |
|
|
|
<el-date-picker |
|
|
|
v-model="dialogForm.value1" |
|
|
|
type="datetimerange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
<div v-if="dialogTableVisibleStep == 0"> |
|
|
|
<el-form-item label="名称" prop="taskName"> |
|
|
|
<el-input v-model="dialogForm.taskName"></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="任务执行周期"> |
|
|
|
<el-select v-model="dialogForm.region" placeholder="请选择活动区域"> |
|
|
|
<el-option label="按周选择" value="shanghai"></el-option> |
|
|
|
<el-option label="按月选择" value="beijing"></el-option> |
|
|
|
<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-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="任务执行时间"> |
|
|
|
<el-button type="primary" @click="executionTimeBtn" |
|
|
|
>添加{{ executionTimeButton }}/7</el-button |
|
|
|
<el-form-item label="任务类型" prop="type"> |
|
|
|
<el-select v-model="dialogForm.type" placeholder="请选择任务类型"> |
|
|
|
<el-option |
|
|
|
:label="item.patrolTypeName" |
|
|
|
:value="item.patrolTypeId" |
|
|
|
v-for="item in patroltype" |
|
|
|
:key="item.patrolTypeId" |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="任务执行方式" prop="executionMode"> |
|
|
|
<el-checkbox-group v-model="dialogForm.executionMode"> |
|
|
|
<el-checkbox label="0" name="type">现场巡视</el-checkbox> |
|
|
|
<!-- <el-checkbox label="现场巡视1" name="type"></el-checkbox> --> |
|
|
|
</el-checkbox-group> |
|
|
|
</el-form-item> |
|
|
|
<!-- areaIdS --> |
|
|
|
<el-form-item label="巡检区域" prop="areaIdS"> |
|
|
|
<!-- :default-checked-keys="dialogForm.areaIdS" --> |
|
|
|
<el-tree |
|
|
|
:data="treeData" |
|
|
|
show-checkbox |
|
|
|
node-key="areaId" |
|
|
|
ref="tree" |
|
|
|
highlight-current |
|
|
|
:props="defaultProps" |
|
|
|
@check="setUpHandleCheckChange" |
|
|
|
> |
|
|
|
</el-tree> |
|
|
|
</el-form-item> |
|
|
|
<el-table |
|
|
|
:data="executionTimeData" |
|
|
|
style="width: 80%; margin-left: 10%" |
|
|
|
<el-form-item label="执行周期"> |
|
|
|
<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-group> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="执行日期" |
|
|
|
v-if="dialogForm.executionStatus == 1" |
|
|
|
prop="fixedStartTime" |
|
|
|
> |
|
|
|
<el-table-column label="日期" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-select v-model="scope.row.day" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
:label="item.name" |
|
|
|
:value="item.name" |
|
|
|
v-for="(item, index) in weekData" |
|
|
|
:key="item.id" |
|
|
|
>{{ item.name }}</el-option |
|
|
|
> |
|
|
|
</el-select> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="时间" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-time-picker |
|
|
|
v-model="scope.row.time" |
|
|
|
placeholder="任意时间点" |
|
|
|
> |
|
|
|
</el-time-picker> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="address" label="操作" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
icon="el-icon-delete" |
|
|
|
@click="executionTimeDelet(scope.row)" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div v-if="dialogForm.cycle == 2" style="margin-bottom: 20px"> |
|
|
|
<!-- <div class="cycle2">时间设置</div> --> |
|
|
|
<el-form-item label="间隔"> |
|
|
|
<el-date-picker |
|
|
|
v-model="dialogForm.value1" |
|
|
|
type="datetimerange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
v-model="dialogForm.fixedStartTime" |
|
|
|
type="datetime" |
|
|
|
placeholder="选择日期时间" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<div |
|
|
|
v-if="dialogForm.executionStatus == 2" |
|
|
|
style="margin-bottom: 20px" |
|
|
|
> |
|
|
|
<div class="cycle2">时间设置</div> |
|
|
|
<el-form-item label="计划有效期"> |
|
|
|
<el-date-picker |
|
|
|
v-model="dialogForm.value1" |
|
|
|
type="datetimerange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="任务执行周期"> |
|
|
|
<el-select |
|
|
|
v-model="dialogForm.region" |
|
|
|
placeholder="请选择活动区域" |
|
|
|
> |
|
|
|
<el-option label="按周选择" value="shanghai"></el-option> |
|
|
|
<el-option label="按月选择" value="beijing"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="执行时间"> |
|
|
|
<el-time-picker |
|
|
|
v-model="dialogForm.value1" |
|
|
|
placeholder="任意时间点" |
|
|
|
<el-form-item label="任务执行时间"> |
|
|
|
<el-button type="primary" @click="executionTimeBtn" |
|
|
|
>添加{{ executionTimeButton }}/7</el-button |
|
|
|
> |
|
|
|
</el-form-item> |
|
|
|
<el-table |
|
|
|
:data="executionTimeData" |
|
|
|
style="width: 80%; margin-left: 10%" |
|
|
|
> |
|
|
|
</el-time-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-table-column label="日期" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-select v-model="scope.row.day" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
:label="item.name" |
|
|
|
:value="item.name" |
|
|
|
v-for="(item, index) in weekData" |
|
|
|
:key="item.id" |
|
|
|
>{{ item.name }}</el-option |
|
|
|
> |
|
|
|
</el-select> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="时间" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-time-picker |
|
|
|
v-model="scope.row.time" |
|
|
|
placeholder="任意时间点" |
|
|
|
> |
|
|
|
</el-time-picker> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="address" label="操作" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
icon="el-icon-delete" |
|
|
|
@click="executionTimeDelet(scope.row)" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
v-if="dialogForm.executionStatus == 4" |
|
|
|
style="margin-bottom: 20px" |
|
|
|
> |
|
|
|
<!-- <div class="cycle2">时间设置</div> --> |
|
|
|
<el-form-item label="间隔"> |
|
|
|
<el-date-picker |
|
|
|
v-model="dialogForm.value1" |
|
|
|
type="datetimerange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="间隔类型"> |
|
|
|
<el-select v-model="dialogForm.region" placeholder="请选择间隔类型"> |
|
|
|
<el-option label="小时" value="小时"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="间隔数量"> |
|
|
|
<el-input-number |
|
|
|
v-model="dialogForm.num" |
|
|
|
:min="1" |
|
|
|
></el-input-number> |
|
|
|
<el-form-item label="执行时间"> |
|
|
|
<el-time-picker |
|
|
|
v-model="dialogForm.value1" |
|
|
|
placeholder="任意时间点" |
|
|
|
> |
|
|
|
</el-time-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="间隔类型"> |
|
|
|
<el-select |
|
|
|
v-model="dialogForm.region" |
|
|
|
placeholder="请选择间隔类型" |
|
|
|
> |
|
|
|
<el-option label="小时" value="小时"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="间隔数量"> |
|
|
|
<el-input-number |
|
|
|
v-model="dialogForm.num" |
|
|
|
:min="1" |
|
|
|
></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<el-form-item> |
|
|
|
<el-button @click="resetForm('ruleForm')">取消</el-button> |
|
|
|
<el-button type="primary" @click="submitForm(0)">下一步</el-button> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<el-form-item> |
|
|
|
<el-button @click="resetForm('ruleForm')">取消</el-button> |
|
|
|
<el-button type="primary" @click="submitForm('ruleForm')" |
|
|
|
>下一步</el-button |
|
|
|
> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div v-if="dialogTableVisibleStep == 1"> |
|
|
|
<div class="dialogTableVisibleStep1"> |
|
|
|
<div class="dialogTableVisibleStep1-content"> |
|
|
|
<div class="leftTotle">区域</div> |
|
|
|
<div |
|
|
|
class="dialogTableVisibleStepQurey" |
|
|
|
style="margin-bottom: 10px" |
|
|
|
> |
|
|
|
<el-input placeholder="请输入内容" v-model="input3"> </el-input> |
|
|
|
<el-button |
|
|
|
slot="append" |
|
|
|
icon="el-icon-search" |
|
|
|
type="primary" |
|
|
|
></el-button> |
|
|
|
|
|
|
|
<div v-if="dialogTableVisibleStep == 1"> |
|
|
|
<div class="dialogTableVisibleStep1"> |
|
|
|
<div class="dialogTableVisibleStep1-content"> |
|
|
|
<div class="leftTotle">区域</div> |
|
|
|
<div |
|
|
|
class="dialogTableVisibleStepQurey" |
|
|
|
style="margin-bottom: 10px" |
|
|
|
> |
|
|
|
<el-input placeholder="请输入内容" 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 |
|
|
|
node-key="areaId" |
|
|
|
ref="selectTree" |
|
|
|
highlight-current |
|
|
|
:props="defaultProps" |
|
|
|
@check="selectTreeHandleCheckChange" |
|
|
|
:check-strictly="true" |
|
|
|
> |
|
|
|
</el-tree> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-transfer |
|
|
|
v-model="transferValue" |
|
|
|
:data="transferData" |
|
|
|
:props="{ key: 'deviceId', label: 'deviceName' }" |
|
|
|
:titles="['待添加', '已添加']" |
|
|
|
></el-transfer> |
|
|
|
</div> |
|
|
|
<el-tree |
|
|
|
:data="treeData" |
|
|
|
show-checkbox |
|
|
|
node-key="id" |
|
|
|
ref="tree" |
|
|
|
highlight-current |
|
|
|
:props="defaultProps" |
|
|
|
@check="handleCheckChange" |
|
|
|
> |
|
|
|
</el-tree> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-transfer |
|
|
|
v-model="transferValue" |
|
|
|
:data="transferData" |
|
|
|
:titles="['待添加', '已添加']" |
|
|
|
></el-transfer> |
|
|
|
<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> |
|
|
|
</div> |
|
|
|
<div style="margin-left: 80%; margin-top: 20px"> |
|
|
|
<el-button @click="cancel">上一步</el-button> |
|
|
|
<el-button type="primary" @click="submitForm">下一步</el-button> |
|
|
|
<div v-if="dialogTableVisibleStep == 2"> |
|
|
|
<el-tree |
|
|
|
:data="pointSettingsTreeData" |
|
|
|
show-checkbox |
|
|
|
node-key="areaId" |
|
|
|
ref="pointSettingsTree" |
|
|
|
highlight-current |
|
|
|
:props="pointSettingsDefaultProps" |
|
|
|
@check="pointSettingsTreeDataHandleCheckChange" |
|
|
|
> |
|
|
|
</el-tree> |
|
|
|
<el-form-item label="是否开启" prop="isenable"> |
|
|
|
<el-radio-group v-model="dialogForm.isenable"> |
|
|
|
<el-radio :label="0">是</el-radio> |
|
|
|
<el-radio :label="1">否</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-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- <span slot="footer" class="dialog-footer"> |
|
|
|
<!-- <span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="cancel">取 消</el-button> |
|
|
|
<el-button type="primary" @click="submitForm">下一步</el-button> |
|
|
|
</span> --> |
|
|
|
</el-form> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!-- 复制弹框 --> |
|
|
|
@ -403,7 +456,15 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { getList } from "@/api/administration"; |
|
|
|
import { |
|
|
|
getList, |
|
|
|
getChangeStatus, |
|
|
|
postRemove, |
|
|
|
getPatroltypeList, |
|
|
|
getAreaList, |
|
|
|
getProDeviceTreeSelect, |
|
|
|
getTreeProMainDevicePatrolEquSelect, |
|
|
|
} from "@/api/administration"; |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -426,37 +487,26 @@ export default { |
|
|
|
title: "新增", |
|
|
|
dialogTableVisible: false, |
|
|
|
active: 0, |
|
|
|
patroltype: [], |
|
|
|
dialogForm: { |
|
|
|
checked: true, |
|
|
|
cycle: 0, |
|
|
|
num: 0, |
|
|
|
areaIdS: [], |
|
|
|
executionMode: [], |
|
|
|
executionStatus: 1, |
|
|
|
}, |
|
|
|
treeData: [ |
|
|
|
{ |
|
|
|
id: 1, |
|
|
|
label: "一级 1", |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
id: 4, |
|
|
|
label: "二级 1-1", |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
id: 9, |
|
|
|
label: "三级 1-1-1", |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 10, |
|
|
|
label: "三级 1-1-2", |
|
|
|
}, |
|
|
|
], |
|
|
|
}, |
|
|
|
], |
|
|
|
}, |
|
|
|
], |
|
|
|
defaultProps: { |
|
|
|
areaIdS: [], |
|
|
|
treeData: [], |
|
|
|
setUpAreaIds: [], |
|
|
|
selectTreeData: [], |
|
|
|
selectTreeIds: [], |
|
|
|
pointSettingsTreeData: [], |
|
|
|
pointSettingsDefaultProps: { |
|
|
|
children: "children", |
|
|
|
label: "label", |
|
|
|
}, |
|
|
|
defaultProps: { |
|
|
|
children: "children", |
|
|
|
label: "areaName", |
|
|
|
}, |
|
|
|
rules: {}, |
|
|
|
executionTimeButton: 1, |
|
|
|
executionTimeData: [{ day: "", time: "", id: Date.now() }], |
|
|
|
@ -470,16 +520,39 @@ export default { |
|
|
|
{ name: "周日", id: "6" }, |
|
|
|
], |
|
|
|
dialogTableVisibleStep: 0, |
|
|
|
transferData: [ |
|
|
|
{ |
|
|
|
key: 1, |
|
|
|
label: "北京", |
|
|
|
comment: 123, |
|
|
|
tabname: 12222, |
|
|
|
}, |
|
|
|
], |
|
|
|
transferData: [], |
|
|
|
transferValue: [], |
|
|
|
copyDialogVisible: false, |
|
|
|
rules: { |
|
|
|
taskName: [{ required: true, message: "请输入名称", trigger: "blur" }], |
|
|
|
priority: [ |
|
|
|
{ required: true, message: "请选择优先级", trigger: "blur" }, |
|
|
|
], |
|
|
|
type: [{ required: true, message: "请选择任务类型", trigger: "blur" }], |
|
|
|
executionMode: [ |
|
|
|
{ |
|
|
|
type: "array", |
|
|
|
required: true, |
|
|
|
message: "请选择任务执行方式", |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
areaIdS: [ |
|
|
|
{ |
|
|
|
type: "array", |
|
|
|
required: true, |
|
|
|
message: "请选择巡检区域", |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
fixedStartTime: [ |
|
|
|
{ required: true, message: "请选择时间", trigger: "change" }, |
|
|
|
], |
|
|
|
proDeviceTreeSelect: [], |
|
|
|
isenable:[ |
|
|
|
{ required: true, message: "请选择启用状态", trigger: "change" }, |
|
|
|
] |
|
|
|
}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
@ -508,9 +581,52 @@ export default { |
|
|
|
}; |
|
|
|
this.init(); |
|
|
|
}, |
|
|
|
handleStatusChange(row) { |
|
|
|
let data = { |
|
|
|
taskId: row.taskId, |
|
|
|
isenable: row.isenable, |
|
|
|
}; |
|
|
|
getChangeStatus(data).then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.init(); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 新增 |
|
|
|
handleAdd() { |
|
|
|
this.dialogTableVisible = true; |
|
|
|
getPatroltypeList().then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.patroltype = res.rows; |
|
|
|
} |
|
|
|
}); |
|
|
|
getAreaList().then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
let tree = this.dialogTree(res.data); |
|
|
|
this.treeData = tree; |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 弹框tree扁平转树结构 |
|
|
|
dialogTree(list) { |
|
|
|
var map = {}, |
|
|
|
node, |
|
|
|
tree = []; |
|
|
|
for (let i = 0; i < list.length; i++) { |
|
|
|
map[list[i].areaId] = list[i]; |
|
|
|
list[i].children = []; |
|
|
|
} |
|
|
|
for (let i = 0; i < list.length; i += 1) { |
|
|
|
list[i]; |
|
|
|
if (list[i].parentId !== 0) { |
|
|
|
// 不是根节点 |
|
|
|
map[list[i].parentId].children.push(list[i]); // 放到父节点的children里 |
|
|
|
} else { |
|
|
|
// 是根节点 |
|
|
|
tree.push(list[i]); // 根节点计入结果数组 |
|
|
|
} |
|
|
|
} |
|
|
|
return tree; |
|
|
|
}, |
|
|
|
// 多选删除 |
|
|
|
handleDeleteAll() { |
|
|
|
@ -520,32 +636,114 @@ export default { |
|
|
|
type: "warning", |
|
|
|
}); |
|
|
|
return; |
|
|
|
}else{ |
|
|
|
console.log(this.ids) |
|
|
|
} else { |
|
|
|
console.log(this.ids); |
|
|
|
} |
|
|
|
}, |
|
|
|
// 多选框选中数据 |
|
|
|
handleSelectionChange(selection) { |
|
|
|
this.ids = selection.map((item) => item.taskId); |
|
|
|
}, |
|
|
|
handleDelete(taskId){ |
|
|
|
console.log(taskId) |
|
|
|
handleDelete(taskId) { |
|
|
|
postRemove(taskId).then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.init(); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
cancel() { |
|
|
|
this.dialogTableVisible = false; |
|
|
|
this.dialogForm = {}; |
|
|
|
}, |
|
|
|
|
|
|
|
// 弹框tree树选择 |
|
|
|
handleCheckChange(data) { |
|
|
|
console.log(data.id); |
|
|
|
let idArr = []; |
|
|
|
if (idArr.indexOf(data.areaId) > -1) { |
|
|
|
idArr.splice(idArr.indexOf(data.areaId), 1); |
|
|
|
} else { |
|
|
|
idArr.push(data.areaId); |
|
|
|
} |
|
|
|
return idArr; |
|
|
|
}, |
|
|
|
// 设置计划对象弹框选择 |
|
|
|
setUpHandleCheckChange(data) { |
|
|
|
var parentIds = this.$refs.tree.getHalfCheckedKeys(); |
|
|
|
var childsIds = this.$refs.tree.getCheckedKeys(); |
|
|
|
let treeIds = parentIds.concat(childsIds); |
|
|
|
this.dialogForm.areaIdS = treeIds; |
|
|
|
|
|
|
|
return; |
|
|
|
this.dialogForm.areaIdS = this.handleCheckChange(treeIds); |
|
|
|
console.log(this.dialogForm.areaIdS); |
|
|
|
}, |
|
|
|
// 弹框选择巡检对象 tree树选择 |
|
|
|
selectTreeHandleCheckChange(data) { |
|
|
|
// this.selectTreeIds = this.handleCheckChange(data); |
|
|
|
let res = this.$refs.selectTree.getCheckedNodes(); |
|
|
|
let arrDeptId = []; |
|
|
|
res.forEach((item) => { |
|
|
|
arrDeptId.push(item.areaId); |
|
|
|
}); |
|
|
|
this.transferData = this.proDeviceTreeSelect.filter((item) => |
|
|
|
arrDeptId.some((ele) => ele === item.areaId) |
|
|
|
); |
|
|
|
}, |
|
|
|
// 点位设置数 |
|
|
|
pointSettingsTreeDataHandleCheckChange() { |
|
|
|
let res = this.$refs.pointSettingsTree.getCheckedNodes(); |
|
|
|
console.log(res); |
|
|
|
}, |
|
|
|
// 弹框下一步 |
|
|
|
submitForm() { |
|
|
|
// ... |
|
|
|
this.active = 1; |
|
|
|
this.dialogTableVisibleStep = 1; |
|
|
|
submitForm(type) { |
|
|
|
this.$refs["ruleForm"].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
console.log(this.dialogForm); |
|
|
|
// this.dialogForm.executionMode = 0; |
|
|
|
if (type == 0) { |
|
|
|
this.active = 1; |
|
|
|
this.dialogTableVisibleStep = 1; |
|
|
|
let areaIdS = JSON.parse(JSON.stringify(this.dialogForm.areaIdS)); |
|
|
|
// areaIdS.push(1); |
|
|
|
getAreaList(areaIdS.join(","), 1).then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
let tree = this.dialogTree(res.data); |
|
|
|
this.selectTreeData = tree; |
|
|
|
} |
|
|
|
}); |
|
|
|
getProDeviceTreeSelect(areaIdS.join(",")).then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.proDeviceTreeSelect = res.data; |
|
|
|
console.log(this.proDeviceTreeSelect); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
if (type == 1 && this.transferValue) { |
|
|
|
this.active = 2; |
|
|
|
this.dialogTableVisibleStep = 2; |
|
|
|
getTreeProMainDevicePatrolEquSelect( |
|
|
|
this.transferValue.join(",") |
|
|
|
).then((res) => { |
|
|
|
console.log(res, 11111); |
|
|
|
this.pointSettingsTreeData = res.data; |
|
|
|
}); |
|
|
|
} |
|
|
|
if(type==2){ |
|
|
|
console.log(this.dialogForm) |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 弹框上一步 |
|
|
|
returnCancel(type) { |
|
|
|
this.active = type; |
|
|
|
this.dialogTableVisibleStep = type; |
|
|
|
}, |
|
|
|
resetForm(formName) { |
|
|
|
this.dialogForm = {}; |
|
|
|
this.$refs[formName].resetFields(); |
|
|
|
this.dialogTableVisible = false; |
|
|
|
}, |
|
|
|
resetForm() {}, |
|
|
|
// 添加任务执行时间输入框 |
|
|
|
executionTimeBtn() { |
|
|
|
if (this.executionTimeData.length <= 6) { |
|
|
|
@ -568,6 +766,7 @@ export default { |
|
|
|
handleUpdate(row) { |
|
|
|
this.dialogTableVisible = true; |
|
|
|
}, |
|
|
|
handleClose() {}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|