You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1692 lines
54 KiB
1692 lines
54 KiB
<template> |
|
<basic-container> |
|
<avue-crud |
|
ref="crud" |
|
:data="data" |
|
id="avue-id" |
|
:option="option" |
|
:page.sync="listPage" |
|
:row-key="getRowKeys" |
|
:table-loading="loading" |
|
@row-del="rowDel" |
|
@row-save="rowSave" |
|
@search-reset="reset" |
|
@row-update="rowUpdate" |
|
@refresh-change="refresh" |
|
@search-change="searchChangeScope" |
|
@selection-change="selectionChange" |
|
@size-change="sizeChange" |
|
@current-change="currentChange" |
|
> |
|
<template slot="menuLeft"> |
|
<el-form |
|
ref="searchForm" |
|
:model="searchForm" |
|
label-width="120px" |
|
style="border: 0px solid red; margin-bottom: 8px" |
|
> |
|
<el-row> |
|
<el-col :span="2.5"> |
|
<el-select |
|
v-model="searchForm.handStatus" |
|
class="search-select" |
|
placeholder="请选择办理状态" |
|
> |
|
<el-option label="已完成" :value="0"></el-option> |
|
<el-option label="草稿" :value="1"></el-option> |
|
<el-option label="拒绝" :value="2"></el-option> |
|
<el-option label="审批中" :value="3"></el-option> |
|
<el-option label="取消" :value="4"></el-option> |
|
</el-select> |
|
</el-col> |
|
<el-col :span="2.5"> |
|
<el-select |
|
v-model="searchForm.status" |
|
class="search-select" |
|
placeholder="请选择计划状态" |
|
> |
|
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value"></el-option> |
|
</el-select> |
|
</el-col> |
|
<el-col :span="2.5"> |
|
<el-input |
|
class="search-input" |
|
v-model="searchForm.name" |
|
placeholder="请输入计划名称" |
|
></el-input> |
|
</el-col> |
|
<el-col :span="2.5"> |
|
<el-input |
|
class="search-input" |
|
v-model="searchForm.planCode" |
|
placeholder="请输入计划单据" |
|
></el-input> |
|
</el-col> |
|
<el-col style="margin-left: 18px" :span="3.5"> |
|
<el-button class="search" @click="searchHandle(0)" |
|
>查询</el-button |
|
> |
|
<el-button class="reset" @click="searchHandle(1)">重置</el-button> |
|
</el-col> |
|
</el-row> |
|
</el-form> |
|
</template> |
|
<template slot-scope="{ type }" slot="menuForm"> |
|
<el-button |
|
class="buttonOne" |
|
size="small" |
|
@click="$refs.crud.closeDialog()" |
|
>取 消</el-button |
|
> |
|
<el-button |
|
v-if="type == 'add'" |
|
class="buttonOne" |
|
size="small" |
|
@click="$refs.crud.rowSave()" |
|
>确 定</el-button |
|
> |
|
<el-button |
|
v-if="type == 'edit'" |
|
class="buttonOne" |
|
size="small" |
|
@click="$refs.crud.rowUpdate()" |
|
>修 改</el-button |
|
> |
|
</template> |
|
<template slot="menuRight"> |
|
<el-button class="search" style="width: 120px" @click="handleAdd" |
|
>新建</el-button |
|
> |
|
</template> |
|
<template slot-scope="{ row }" slot="status"> |
|
<span v-if="row.status == 0" style="color: #e56926">停用</span> |
|
<span v-if="row.status == 1" style="color: #34c447">运行中</span> |
|
<span v-if="row.status == 2" style="color: #34c447">已过期</span> |
|
</template> |
|
<template slot-scope="{ row }" slot="type"> |
|
<span v-if="row.type === 1">类型1</span> |
|
<span v-if="row.type === 2">类型2</span> |
|
</template> |
|
<template slot-scope="{ row }" slot="groupId"> |
|
<span>{{row.groupId | groupName}}</span> |
|
</template> |
|
<template slot-scope="{ row, index }" slot="menu"> |
|
<el-button @click="handleView(row, index)" class="look">查看</el-button> |
|
<el-button @click="handleEdit(row, index)" class="look">编辑</el-button> |
|
<el-button @click="handleDelete(row, index)" class="look">删除</el-button> |
|
<el-button v-show="row.status == 1" @click="handleStop(row, index)" class="look">停用</el-button> |
|
<el-button v-show="row.status == 0" @click="handleStart(row, index)" class="look">启用</el-button> |
|
</template> |
|
</avue-crud> |
|
<!-- 新增 弹窗 --> |
|
<el-dialog |
|
:before-close="handleClose" |
|
:cell-style="tableCellStyle" |
|
:visible.sync="showAddDialog" |
|
:title="title" |
|
width="70%" |
|
:append-to-body="true" |
|
:close-on-click-modal="false" |
|
:close-on-press-escape="false" |
|
custom-class="planAdd_form" |
|
> |
|
<div style="height: 550px; overflow-y: auto; overflow-x: hidden"> |
|
<el-form :model="addForm" :rules="addRules" ref="addForm"> |
|
<div class="add_all"> |
|
<h1 |
|
style=" |
|
font-size: 16px; |
|
font-weight: 500; |
|
color: rgba(0, 0, 0, 0.85); |
|
line-height: 20px; |
|
" |
|
> |
|
<span |
|
style=" |
|
border-left: 4px solid blue; |
|
margin-top: -20px; |
|
height: 15px; |
|
display: inline-block; |
|
transform: translateY(2px); |
|
" |
|
> |
|
</span |
|
> <b>基本信息</b> |
|
</h1> |
|
</div> |
|
<el-row :gutter="20"> |
|
<el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="计划名称" prop="name"> |
|
<el-input |
|
style="width: 98%" |
|
v-model="addForm.name" |
|
placeholder="请输入计划名称" |
|
></el-input> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="开始日期" prop="startDate"> |
|
<el-date-picker |
|
v-model="addForm.startDate" |
|
type="date" |
|
placeholder="请选择开始日期" |
|
format="yyyy-MM-dd" |
|
value-format="yyyy-MM-dd" |
|
style="width: 98%" |
|
> |
|
</el-date-picker> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="截止日期" prop="endDate"> |
|
<el-date-picker |
|
v-model="addForm.endDate" |
|
type="date" |
|
placeholder="请选择截止日期" |
|
format="yyyy-MM-dd" |
|
value-format="yyyy-MM-dd" |
|
style="width: 98%" |
|
> |
|
</el-date-picker> |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
<el-row :gutter="20"> |
|
<el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="计划状态" prop="status"> |
|
<el-select |
|
v-model="addForm.status" |
|
placeholder="请选择计划状态" |
|
style="width: 98%" |
|
> |
|
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
<!-- <el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="计划类型" prop="planType"> |
|
<el-select |
|
v-model="addForm.planType" |
|
placeholder="请选择计划类型" |
|
style="width: 98%" |
|
> |
|
<el-option v-for="item in planTypeGroup" :key="item.value" :label="item.label" :value="item.value"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> --> |
|
<el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="巡检顺序" prop="inspectionMethod"> |
|
<el-select |
|
v-model="addForm.inspectionMethod" |
|
placeholder="请选择巡检顺序" |
|
style="width: 98%" |
|
> |
|
<el-option label="顺序" :value="'1'"></el-option> |
|
<el-option label="随机" :value="'2'"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="巡检班组" prop="groupId"> |
|
<el-select |
|
v-model="addForm.groupId" |
|
placeholder="请选择巡检班组" |
|
style="width: 98%" |
|
> |
|
<el-option v-for="item in groupList" :key="item.id" :label="item.fullName" :value="item.id"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
<el-row :gutter="20"> |
|
|
|
<!-- <el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="预计用时(时)" prop="totalCost"> |
|
<el-input-number style="width: 98%" controls-position="right" v-model="addForm.totalCost" :min="0" :precision="1" :step="1"></el-input-number> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="超时处理" prop="assetId"> |
|
<el-select |
|
v-model="addForm.assetId" |
|
placeholder="请选择超时处理" |
|
style="width: 98%" |
|
> |
|
<el-option label="不处理" :value="0"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> --> |
|
</el-row> |
|
<el-row :gutter="20"> |
|
<el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="位置范围" prop="posDetail"> |
|
<el-input |
|
v-model="addForm.posDetail" |
|
placeholder="请输入位置范围" |
|
style="width: 98%" |
|
> |
|
</el-input> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" style="width: 31%; margin-left: 1%"> |
|
<el-form-item label="计划周期" prop="actionCycleType"> |
|
<el-select |
|
v-model="addForm.actionCycleType" |
|
placeholder="请选择计划周期" |
|
style="width: 98%" |
|
> |
|
<el-option v-for="item in cycleList" :key="item.value" :label="item.label" :value="item.value"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
<el-col |
|
:span="6" |
|
style="width: 31%; margin-left: 1%" |
|
v-if="addForm.actionCycleType == 1" |
|
> |
|
<el-form-item label="计划间隔" prop="actionCycleTime"> |
|
<el-date-picker |
|
popper-class="picker-dateNoneYear" |
|
v-model="addForm.actionCycleTime" |
|
type="date" |
|
placeholder="请选择计划间隔" |
|
format="MM-dd" |
|
value-format="MM-dd" |
|
style="width: 98%" |
|
> |
|
</el-date-picker> |
|
</el-form-item> |
|
</el-col> |
|
<el-col |
|
:span="6" |
|
style="width: 31%; margin-left: 1%" |
|
v-if="addForm.actionCycleType == 2" |
|
> |
|
<el-form-item label="计划间隔" prop="actionCycleTime"> |
|
<!-- <el-input-number |
|
v-model="addForm.actionCycleTime" |
|
type="date" |
|
placeholder="请选择计划间隔" |
|
style="width: 98%" |
|
controls-position="right" |
|
:min="1" |
|
:max="31" |
|
> |
|
</el-input-number> --> |
|
<el-select |
|
v-model="addForm.actionCycleTime" |
|
placeholder="请选择计划间隔" |
|
style="width: 98%" |
|
> |
|
<el-option v-for="item in monthData" :key="item.value" :label="item.label" :value="item.value"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
<el-col |
|
:span="6" |
|
style="width: 31%; margin-left: 1%" |
|
v-show="addForm.actionCycleType == 3" |
|
> |
|
<el-form-item label="计划间隔" prop="actionCycleTime"> |
|
<el-input-number |
|
v-model="addForm.actionCycleTime" |
|
type="date" |
|
placeholder="请选择计划间隔" |
|
style="width: 98%" |
|
controls-position="right" |
|
:min="1" |
|
> |
|
</el-input-number> |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
<el-row :gutter="20"> |
|
<el-col style="width: 90%; margin-left: 1%"> |
|
<el-form-item label="备注" prop="notes"> |
|
<el-input |
|
style="width: 100%" |
|
type="textarea" |
|
v-model="addForm.notes" |
|
placeholder="请输入备注" |
|
></el-input> |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
</el-form> |
|
<div class="add_all"> |
|
<h1 |
|
style=" |
|
font-size: 16px; |
|
font-weight: 500; |
|
color: rgba(0, 0, 0, 0.85); |
|
line-height: 20px; |
|
" |
|
> |
|
<span |
|
style=" |
|
border-left: 4px solid blue; |
|
margin-top: -20px; |
|
height: 15px; |
|
display: inline-block; |
|
transform: translateY(2px); |
|
" |
|
> |
|
</span |
|
> <b>巡检点</b> |
|
</h1> |
|
</div> |
|
<el-row :gutter="20"> |
|
<el-table |
|
:data="addForm.orderList" |
|
:key="index" |
|
border |
|
style=" |
|
margin-bottom: 30px; |
|
width: 92%; |
|
margin-left: 4%; |
|
border-radius: 4px; |
|
" |
|
header-cell-style="background-color:#fafafa;font-size:12px;color:black" |
|
> |
|
<el-table-column width="57px"> |
|
<template slot="header"> |
|
<el-button |
|
circle |
|
size="small" |
|
type="primary" |
|
icon="el-icon-plus" |
|
@click="addSpecimen()" |
|
/> |
|
</template> |
|
<template slot-scope="scope"> |
|
<el-button |
|
circle |
|
size="small" |
|
type="danger" |
|
icon="el-icon-delete" |
|
@click="removeSpecimen(scope.$index, scope.row)" |
|
/> |
|
</template> |
|
</el-table-column> |
|
<el-table-column |
|
prop="code" |
|
label="点位编码" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<el-table-column |
|
prop="name" |
|
label="点位名称" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<el-table-column |
|
prop="status" |
|
label="启用状态" |
|
show-overflow-tooltip |
|
> |
|
<template slot-scope="scope"> |
|
<div v-if="scope.row.status == 1">禁用</div> |
|
<div v-if="scope.row.status == 0">启用</div> |
|
</template> |
|
</el-table-column> |
|
<el-table-column |
|
prop="routeName" |
|
label="巡检路线" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<el-table-column |
|
prop="posHierarchy" |
|
label="点位位置" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<el-table-column |
|
prop="pos" |
|
label="位置详情" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<el-table-column |
|
prop="itemSize" |
|
label="检查项数" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<!-- <el-table-column |
|
prop="itemDisableCount" |
|
label="检查项数(未启用)" |
|
show-overflow-tooltip |
|
></el-table-column> --> |
|
<el-table-column |
|
fixed="right" |
|
align="left" |
|
header-align="left" |
|
label="操作" |
|
width="100px" |
|
> |
|
<template slot-scope="scope"> |
|
<el-button |
|
class="look" |
|
size="mini" |
|
@click="handleViewPoints(scope.row)" |
|
>查看</el-button |
|
> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
</el-row> |
|
</div> |
|
<span slot="footer" class="dialog-footer"> |
|
<el-button @click="showAddDialog = false">取 消</el-button> |
|
<el-button @click="handleSubmit()">提 交</el-button> |
|
</span> |
|
</el-dialog> |
|
<!-- 选择巡检点位 弹窗 --> |
|
<el-dialog |
|
:before-close="handleClose" |
|
:cell-style="tableCellStyle" |
|
:visible.sync="showProjectDialog" |
|
height="160vh" |
|
max-height="480" |
|
title="选择巡检点位" |
|
width="65%" |
|
:append-to-body="true" |
|
:close-on-click-modal="false" |
|
:close-on-press-escape="false" |
|
> |
|
<div style="height: 550px; overflow-y: auto; overflow-x: hidden"> |
|
<!-- 查询区 --> |
|
<el-form |
|
ref="proForm" |
|
:model="proForm" |
|
label-width="120px" |
|
style="border: 0px solid red; margin-bottom: 8px" |
|
> |
|
<el-row> |
|
<el-col :span="2.5"> |
|
<el-select |
|
v-model="proForm.status" |
|
class="search_select" |
|
placeholder="请选择状态" |
|
clearable |
|
> |
|
<el-option label="启用" :value="0"></el-option> |
|
<el-option label="禁用" :value="1"></el-option> |
|
</el-select> |
|
</el-col> |
|
<el-col :span="2.5"> |
|
<el-input |
|
class="search-input" |
|
v-model="proForm.code" |
|
placeholder="请输入点位编码" |
|
clearable |
|
></el-input> |
|
</el-col> |
|
<el-col :span="2.5"> |
|
<el-input |
|
class="search-input" |
|
clearable |
|
v-model="proForm.name" |
|
placeholder="请输入点位名称" |
|
></el-input> |
|
</el-col> |
|
<el-col style="margin-left: 18px" :span="3.5"> |
|
<el-button class="search" @click="searchProject()">查询</el-button> |
|
<!-- <el-button class="reset" @click="searchHandle(1)">重置</el-button> --> |
|
<el-button class="search" @click="addProject">选择</el-button> |
|
</el-col> |
|
</el-row> |
|
</el-form> |
|
<!-- 表格区 --> |
|
<el-table |
|
ref="maintainTable" |
|
:data="tableData" |
|
:row-style="{ height: '66px' }" |
|
:header-cell-style="{ |
|
background: '#f6f8fa', |
|
color: '#999999', |
|
fontWeight: '400', |
|
height: '66px', |
|
}" |
|
:row-key="getRowKey" |
|
tooltip-effect="dark" |
|
style="width: 100%; color: #333333" |
|
v-loading="loading" |
|
@selection-change="handleSelectionChange" |
|
> |
|
<el-table-column fixed type="selection" :reserve-selection="true" width="50"></el-table-column> |
|
<el-table-column |
|
align="left" |
|
prop="code" |
|
label="点位编码" |
|
show-overflow-tooltip |
|
width="170" |
|
/> |
|
<el-table-column |
|
align="left" |
|
prop="name" |
|
label="点位名称" |
|
show-overflow-tooltip |
|
width="170" |
|
/> |
|
<!-- applyStatus:0-暂存 1-提交 2-审批通过 3-审批驳回 4-完成 --> |
|
<el-table-column align="left" prop="status" width="120" label="启用状态"> |
|
<template slot-scope="scope"> |
|
<span v-if="scope.row.status === 1" style="color: #e56926">停用</span> |
|
<span v-if="scope.row.status === 0" style="color: #34c447">启用</span> |
|
</template> |
|
</el-table-column> |
|
<el-table-column |
|
align="left" |
|
prop="content" |
|
label="巡检内容" |
|
show-overflow-tooltip |
|
width="170" |
|
/> |
|
<el-table-column |
|
align="left" |
|
prop="routeName" |
|
label="巡检路线" |
|
show-overflow-tooltip |
|
width="170" |
|
> |
|
</el-table-column> |
|
<el-table-column |
|
align="left" |
|
prop="posHierarchy" |
|
label="点位位置" |
|
show-overflow-tooltip |
|
width="170" |
|
> |
|
</el-table-column> |
|
<el-table-column |
|
align="left" |
|
prop="pos" |
|
label="位置详情" |
|
show-overflow-tooltip |
|
width="170" |
|
/> |
|
<el-table-column |
|
align="left" |
|
prop="itemSize" |
|
label="检查项数" |
|
show-overflow-tooltip |
|
width="170" |
|
/> |
|
<!-- <el-table-column |
|
align="left" |
|
prop="itemDisableCount" |
|
label="检查项数(未启用)" |
|
show-overflow-tooltip |
|
width="170" |
|
/> --> |
|
<el-table-column |
|
fixed="right" |
|
align="left" |
|
header-align="left" |
|
label="操作" |
|
width="260px" |
|
> |
|
<template slot-scope="scope"> |
|
<el-button |
|
class="look" |
|
size="mini" |
|
@click="handleViewPoints(scope.row)" |
|
>查看</el-button |
|
> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
<!-- 分页器 --> |
|
<el-row |
|
:gutter="20" |
|
id="avue-id" |
|
style="margin-top: 40px; margin-bottom: 20px" |
|
> |
|
<el-col :span="12" :offset="8" |
|
><div class="grid-content bg-purple"> |
|
<div class="block"> |
|
<el-pagination |
|
:current-page="page[0].current" |
|
:page-sizes="[10, 20, 30, 50, 100]" |
|
:page-size="10" |
|
layout="total, sizes, prev, pager, next, jumper" |
|
:total="this.total" |
|
@size-change="handleSizeChange" |
|
@current-change="handleCurrentChange" |
|
/> |
|
</div> |
|
</div> |
|
</el-col> |
|
</el-row> |
|
</div> |
|
</el-dialog> |
|
<!-- 查看巡检计划详情 弹窗 --> |
|
<el-dialog |
|
:before-close="handleClose" |
|
:cell-style="tableCellStyle" |
|
:visible.sync="showPlanDialog" |
|
title="查看巡检计划详情" |
|
width="70%" |
|
:append-to-body="true" |
|
:close-on-click-modal="false" |
|
:close-on-press-escape="false" |
|
> |
|
<div style="height: 550px; overflow-y: auto; overflow-x: hidden"> |
|
<div class="add_all"> |
|
<h1 |
|
style=" |
|
font-size: 16px; |
|
font-weight: 500; |
|
color: rgba(0, 0, 0, 0.85); |
|
line-height: 20px; |
|
" |
|
> |
|
<span |
|
style=" |
|
border-left: 4px solid blue; |
|
margin-top: -20px; |
|
height: 15px; |
|
display: inline-block; |
|
transform: translateY(2px); |
|
" |
|
> |
|
</span |
|
> <b>基本信息</b> |
|
</h1> |
|
</div> |
|
<el-descriptions :column="3" border direction="vertical"> |
|
<el-descriptions-item span="1" label="计划名称">{{ |
|
planForm.name |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="1" label="开始日期">{{ |
|
planForm.startDate |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="1" label="截止日期">{{ |
|
planForm.endDate |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="1" label="计划状态"> |
|
{{planForm.status == 0 ? '停用' : planForm.status == 1 ? '运行中' : planForm.status == 3 ? '已过期' : ''}} |
|
</el-descriptions-item> |
|
<!-- <el-descriptions-item span="1" label="计划类型"> |
|
{{planForm.planType}} |
|
</el-descriptions-item> --> |
|
<el-descriptions-item span="1" label="巡检顺序">{{ |
|
planForm.inspectionMethod == 1 ? '顺序' : planForm.inspectionMethod == 2 ? '随机' : '' |
|
}}</el-descriptions-item> |
|
<!-- <el-descriptions-item span="1" label="预计用时(时)"> |
|
{{planForm.totalCost}} |
|
</el-descriptions-item> --> |
|
<el-descriptions-item span="1" label="巡检班组"> |
|
{{planForm.groupId | groupName}} |
|
</el-descriptions-item> |
|
<el-descriptions-item span="1" label="位置范围"> |
|
{{planForm.posDetail}} |
|
</el-descriptions-item> |
|
<el-descriptions-item span="1" label="计划周期"> |
|
{{planForm.actionCycleType == 1 ? '年' : planForm.actionCycleType == 2 ? '月' : planForm.actionCycleType == 3 ? '间隔' : ''}} |
|
</el-descriptions-item> |
|
<el-descriptions-item span="1" label="计划间隔"> |
|
{{planForm.actionCycleTime}} |
|
</el-descriptions-item> |
|
<el-descriptions-item span="3" label="备注">{{ |
|
planForm.notes |
|
}}</el-descriptions-item> |
|
</el-descriptions> |
|
<div class="add_all"> |
|
<h1 |
|
style=" |
|
font-size: 16px; |
|
font-weight: 500; |
|
color: rgba(0, 0, 0, 0.85); |
|
line-height: 20px; |
|
" |
|
> |
|
<span |
|
style=" |
|
border-left: 4px solid blue; |
|
margin-top: -20px; |
|
height: 15px; |
|
display: inline-block; |
|
transform: translateY(2px); |
|
" |
|
> |
|
</span |
|
> <b>巡检点</b> |
|
</h1> |
|
</div> |
|
<el-row :gutter="20"> |
|
<el-table |
|
:data="planForm.orderList" |
|
:key="index" |
|
border |
|
style=" |
|
margin-bottom: 30px; |
|
width: 92%; |
|
margin-left: 4%; |
|
border-radius: 4px; |
|
" |
|
header-cell-style="background-color:#fafafa;font-size:12px;color:black" |
|
> |
|
<el-table-column |
|
prop="code" |
|
label="点位编码" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<el-table-column |
|
prop="name" |
|
label="点位名称" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<el-table-column |
|
prop="status" |
|
label="启用状态" |
|
show-overflow-tooltip |
|
> |
|
<template slot-scope="scope"> |
|
<div v-if="scope.row.status == 1">停用</div> |
|
<div v-if="scope.row.status == 0">启用</div> |
|
</template> |
|
</el-table-column> |
|
<el-table-column |
|
prop="routeName" |
|
label="巡检路线" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<el-table-column |
|
prop="pos" |
|
label="位置详情" |
|
show-overflow-tooltip |
|
> |
|
</el-table-column> |
|
<el-table-column |
|
prop="itemSize" |
|
label="检查项数" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<!-- <el-table-column |
|
prop="itemDisableCount" |
|
label="检查项数(未启用)" |
|
show-overflow-tooltip |
|
></el-table-column> --> |
|
<el-table-column |
|
fixed="right" |
|
align="left" |
|
header-align="left" |
|
label="操作" |
|
width="100px" |
|
> |
|
<template slot-scope="scope"> |
|
<el-button |
|
class="look" |
|
size="mini" |
|
@click="handleViewPoints(scope.row)" |
|
>查看</el-button |
|
> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
</el-row> |
|
</div> |
|
</el-dialog> |
|
<!-- 查看巡检点详情 弹窗 --> |
|
<el-dialog |
|
:before-close="handleClose" |
|
:cell-style="tableCellStyle" |
|
:visible.sync="showPointDialog" |
|
title="查看巡检点位详情" |
|
width="60%" |
|
:append-to-body="true" |
|
:close-on-click-modal="false" |
|
:close-on-press-escape="false" |
|
> |
|
<div style="height: 550px; overflow-y: auto; overflow-x: hidden"> |
|
<div class="add_all"> |
|
<h1 |
|
style=" |
|
font-size: 16px; |
|
font-weight: 500; |
|
color: rgba(0, 0, 0, 0.85); |
|
line-height: 20px; |
|
" |
|
> |
|
<span |
|
style=" |
|
border-left: 4px solid blue; |
|
margin-top: -20px; |
|
height: 15px; |
|
display: inline-block; |
|
transform: translateY(2px); |
|
" |
|
> |
|
</span |
|
> <b>基本信息</b> |
|
</h1> |
|
</div> |
|
<el-descriptions :column="3" border direction="vertical"> |
|
<el-descriptions-item span="1" label="点位编码"> |
|
{{pointsForm.code}} |
|
</el-descriptions-item> |
|
<el-descriptions-item span="1" label="点位名称">{{ |
|
pointsForm.name |
|
}}</el-descriptions-item> |
|
<!-- <el-descriptions-item span="1" label="RFID"> |
|
{{pointsForm.rfid}} |
|
</el-descriptions-item> --> |
|
<el-descriptions-item span="1" label="巡检路线">{{ |
|
pointsForm.routeName |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="1" label="位置经度"> |
|
{{pointsForm.posLongitude}} |
|
</el-descriptions-item> |
|
<el-descriptions-item span="1" label="点位位置">{{ |
|
pointsForm.posHierarchy |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="1" label="启用状态">{{ |
|
pointsForm.status == 0 ? '启用' : pointsForm.status == 1 ? '禁用' : '' |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="1" label="位置纬度">{{ |
|
pointsForm.posLatitude |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="1" label="位置详情">{{ |
|
pointsForm.pos |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="3" label="关联设备">{{ |
|
pointsForm.assetName |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="3" label="巡检内容">{{ |
|
pointsForm.content |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="3" label="备注">{{ |
|
pointsForm.notes |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="3" label="图片"> |
|
<img v-if="pointsForm.picture" style="width:200px;height:200px;" :src="pointsForm.picture" alt=""> |
|
</el-descriptions-item> |
|
</el-descriptions> |
|
<div class="add_all"> |
|
<h1 |
|
style=" |
|
font-size: 16px; |
|
font-weight: 500; |
|
color: rgba(0, 0, 0, 0.85); |
|
line-height: 20px; |
|
" |
|
> |
|
<span |
|
style=" |
|
border-left: 4px solid blue; |
|
margin-top: -20px; |
|
height: 15px; |
|
display: inline-block; |
|
transform: translateY(2px); |
|
" |
|
> |
|
</span |
|
> <b>巡检项</b> |
|
</h1> |
|
</div> |
|
<el-row :gutter="20"> |
|
<el-table |
|
:data="pointsForm.orderList" |
|
:key="index" |
|
border |
|
style=" |
|
margin-bottom: 30px; |
|
width: 92%; |
|
margin-left: 4%; |
|
border-radius: 4px; |
|
" |
|
header-cell-style="background-color:#fafafa;font-size:12px;color:black" |
|
> |
|
<el-table-column |
|
prop="code" |
|
label="编码" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<el-table-column |
|
prop="status" |
|
label="状态" |
|
show-overflow-tooltip |
|
> |
|
<template slot-scope="scope"> |
|
<div v-if="scope.row.status == 1">停用</div> |
|
<div v-if="scope.row.status == 0">启用</div> |
|
</template> |
|
</el-table-column> |
|
<el-table-column |
|
prop="name" |
|
label="名称" |
|
show-overflow-tooltip |
|
></el-table-column> |
|
<el-table-column |
|
prop="defValue" |
|
label="默认内容" |
|
show-overflow-tooltip |
|
> |
|
</el-table-column> |
|
<el-table-column |
|
fixed="right" |
|
align="left" |
|
header-align="left" |
|
label="操作" |
|
width="100px" |
|
> |
|
<template slot-scope="scope"> |
|
<el-button |
|
class="look" |
|
size="mini" |
|
@click="handleViewCheck(scope.row)" |
|
>查看</el-button |
|
> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
</el-row> |
|
</div> |
|
</el-dialog> |
|
<!-- 查看巡检项详情 弹框 --> |
|
<el-dialog |
|
:before-close="handleClose" |
|
:cell-style="tableCellStyle" |
|
:visible.sync="showCheckDialog" |
|
height="160vh" |
|
max-height="480" |
|
title="查看巡检项详情" |
|
width="55%" |
|
:append-to-body="true" |
|
:close-on-click-modal="false" |
|
:close-on-press-escape="false" |
|
> |
|
<el-descriptions :column="2" border direction="vertical"> |
|
<el-descriptions-item span="1" label="编码">{{ |
|
checkForm.code |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="1" label="名称">{{ |
|
checkForm.name |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="1" label="状态"> |
|
<span v-if="checkForm.status === 1" style="color: #e56926">停用</span> |
|
<span v-if="checkForm.status === 0" style="color: #34c447">启用</span> |
|
</el-descriptions-item> |
|
<el-descriptions-item span="1" label="默认内容">{{ |
|
checkForm.defValue |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="2" label="描述">{{ |
|
checkForm.checkDesc |
|
}}</el-descriptions-item> |
|
<el-descriptions-item span="2" label="备注">{{ |
|
checkForm.notes |
|
}}</el-descriptions-item> |
|
</el-descriptions> |
|
</el-dialog> |
|
</basic-container> |
|
</template> |
|
|
|
<script> |
|
import {getPlanList,getGroup,savePlan,getPlanDetail,deletePlan,switchPlan} from "@/api/inspection/plan" |
|
import {getPointList,getPointDetail} from "@/api/inspection/setting/point" |
|
import {getDeviceList,changePlanStatus,createTask} from "@/api/oiling/plan" |
|
import {getProList,getTypeList} from "@/api/oiling/project" |
|
let that; |
|
export default { |
|
data() { |
|
return { |
|
showAddDialog: false, |
|
showProjectDialog: false, |
|
showPlanDialog: false, |
|
proForm:{}, |
|
addForm: { |
|
orderList: [], |
|
}, |
|
showCheckDialog:false, |
|
checkForm:{}, |
|
periodForm: {}, |
|
planForm: {}, |
|
pointsForm:{}, |
|
searchForm: { |
|
name: null, |
|
status: null, |
|
type: null, |
|
code: null, |
|
}, |
|
projectForm: {}, |
|
option: { |
|
searchMenuSpan: 8, |
|
selection: true, |
|
index: true, |
|
delBtn: false, |
|
editBtn: false, |
|
labelSuffix: " ", //控制标题后缀 |
|
labelWidth: 120, |
|
gutter: 20, //设置input的大小 |
|
expandLevel: 3, |
|
headerAlign: "left", |
|
menuWidth: 450, |
|
align: "left", |
|
menuPosition: "left", |
|
tree: true, |
|
menuBtn: false, |
|
submitBtn: true, |
|
emptyBtn: false, |
|
addBtn: false, |
|
searchBtn: false, |
|
columnBtn: false, |
|
refreshBtn: false, |
|
tip: false, |
|
border: false, |
|
saveBtn: false, |
|
cancelBtn: false, |
|
dialogWidth: 920, |
|
updateBtn: false, |
|
labelPosition: "top", |
|
dialogCustomClass: "custom", |
|
indexLabel: "序号", |
|
column: [ |
|
{ |
|
label: "计划单据", |
|
prop: "planCode", |
|
overHidden: true, |
|
align: "left", |
|
width:"200" |
|
}, |
|
{ |
|
label: "计划名称", |
|
prop: "name", |
|
overHidden: true, |
|
align: "left", |
|
width:"200" |
|
}, |
|
{ |
|
label: "计划状态", |
|
prop: "status", |
|
slot: true, |
|
align: "left", |
|
width:"200", |
|
overHidden: true, |
|
}, |
|
{ |
|
label: "巡检班组", |
|
prop: "groupId", |
|
align: "left", |
|
width:"200", |
|
slot:true, |
|
overHidden: true, |
|
}, |
|
{ |
|
overHidden: true, |
|
label: "位置范围", |
|
prop: "posDetail", |
|
align: "left", |
|
width:"200", |
|
}, |
|
{ |
|
label: "开始日期", |
|
prop: "startDate", |
|
overHidden: true, |
|
align: "left", |
|
width:"200" |
|
}, |
|
{ |
|
label: "截止日期", |
|
prop: "endDate", |
|
overHidden: true, |
|
align: "left", |
|
width:"200" |
|
}, |
|
// { |
|
// label: "预计用时(时)", |
|
// overHidden: true, |
|
// prop: "totalCost", |
|
// align: "left", |
|
// width:"120" |
|
// }, |
|
{ |
|
label: "上次执行", |
|
overHidden: true, |
|
prop: "lastTime", |
|
align: "left", |
|
}, |
|
{ |
|
label: "下次执行", |
|
overHidden: true, |
|
width:"200", |
|
prop: "nextTime", |
|
width:"200", |
|
align: "left", |
|
}, |
|
{ |
|
label: "巡检点数", |
|
overHidden: true, |
|
prop: "pointCount", |
|
width:"200", |
|
width:"200", |
|
align: "left", |
|
}, |
|
// { |
|
// label: "巡检点数(未启用)", |
|
// overHidden: true, |
|
// prop: "notInsPoints", |
|
// width:"200", |
|
// align: "left", |
|
// }, |
|
], |
|
}, |
|
data: [], |
|
isShowNum: "", |
|
tableData: [], |
|
page: [ |
|
{ |
|
size: 10, |
|
current: 1, |
|
total: 2, |
|
}, |
|
], |
|
listPage:{ |
|
current: 1, //当前第几页 |
|
total: 0, //总页数 |
|
size: 10, //每一页加载多少数据 |
|
}, |
|
total: '', |
|
selectionList: [], |
|
deviceList:[], |
|
loading:false, |
|
typeList:[], |
|
addRules:{ |
|
name:[{required:true,message:'请输入计划名称',trigger:'blur'}], |
|
status:[{required:true,message:'请选择计划状态',trigger:'blur'}], |
|
inspectionMethod:[{required:true,message:'请选择巡检顺序',trigger:'blur'}], |
|
groupId:[{required:true,message:'请选择保养班组',trigger:'blur'}], |
|
assetId:[{required:true,message:'请选择保养设备',trigger:'blur'}], |
|
cycleMethod:[{required:true,message:'请选择循环方式',trigger:'blur'}], |
|
startDate:[{required:true,message:'请选择开始日期',trigger:'blur'}], |
|
endDate:[{required:true,message:'请选择截止日期',trigger:'blur'}], |
|
actionCycleType:[{required:true,message:'请选择计划周期',trigger:'blur'}] |
|
}, |
|
groupList:[], |
|
methodList:[ |
|
{label:'单次',value:'1'},{label:'周期性',value:'2'} |
|
], |
|
cycleList:[ |
|
{label:'年',value:'1'},{label:'月',value:'2'},{label:'间隔',value:'3'} |
|
], |
|
title:'', |
|
statusList:[ |
|
{label:'停用',value:0}, |
|
{label:'运行中',value:1}, |
|
{label:'已过期',value:2}, |
|
], |
|
planTypeGroup:[ |
|
{label:'类型一',value:1}, |
|
{label:'类型二',value:2}, |
|
], |
|
showPointDialog:false, |
|
monthData:[ |
|
{value:1,label:'1日'},{value:2,label:'2日'},{value:3,label:'3日'},{value:4,label:'4日'}, |
|
{value:5,label:'5日'},{value:6,label:'6日'},{value:7,label:'7日'},{value:8,label:'8日'}, |
|
{value:9,label:'9日'},{value:10,label:'10日'},{value:11,label:'11日'},{value:12,label:'12日'}, |
|
{value:13,label:'13日'},{value:14,label:'14日'},{value:15,label:'15日'},{value:16,label:'16日'}, |
|
{value:17,label:'17日'},{value:18,label:'18日'},{value:19,label:'19日'},{value:20,label:'20日'}, |
|
{value:21,label:'21日'},{value:22,label:'22日'},{value:23,label:'23日'},{value:24,label:'24日'}, |
|
{value:25,label:'25日'},{value:26,label:'26日'},{value:27,label:'27日'},{value:28,label:'28日'}, |
|
{value:29,label:'29日'},{value:30,label:'30日'},{value:31,label:'31日'} |
|
] |
|
}; |
|
}, |
|
beforeCreate() { |
|
that = this |
|
}, |
|
created() { |
|
// let data = {"code":"200","describe":"获取成功！","data":[{"planId":"1","planName":"ceshi001","planNumber":"001","planPasswd":"123456","planType":"2","planAddr":"","planAlloc":"","planLevel":"1","execute":"0","planInstIds":"1","planEmployeeIds":"3000"},{"planId":"2","planName":"ceshi002","planNumber":"002","planPasswd":"123456","planType":"3","planAddr":"","planAlloc":"","planLevel":"2","execute":"0","planInstIds":"2","planEmployeeIds":"3001"}]} |
|
// console.log('data ========>',data.data) |
|
// let arr = [] |
|
// data.data.map(item =>{ |
|
// arr.push({ |
|
// value:item.planId, |
|
// text:item.planName |
|
// }) |
|
// }) |
|
// console.log('arr ====>',arr) |
|
getTypeList().then(res =>{ |
|
this.typeList = res.data.data |
|
}) |
|
getGroup().then(res =>{ |
|
this.groupList = res.data.data |
|
}) |
|
getDeviceList({current:1,size:500}).then(res =>{ |
|
this.deviceList = res.data.data.records |
|
}) |
|
this.onLoad(); |
|
}, |
|
filters: { |
|
deviceName: (data) => { |
|
for (const i in that.deviceList) { |
|
const element = that.deviceList[i]; |
|
if (data == element.id) { |
|
return element.name; |
|
} |
|
} |
|
}, |
|
maintainTypeName: (data) => { |
|
for (const i in that.typeList) { |
|
const element = that.typeList[i]; |
|
if (data == element.dictKey) { |
|
return element.dictValue; |
|
} |
|
} |
|
}, |
|
groupName:(data) => { |
|
for (const i in that.groupList) { |
|
const element = that.groupList[i]; |
|
if (data == element.id) { |
|
return element.fullName; |
|
} |
|
} |
|
} |
|
}, |
|
methods: { |
|
// 切换周期 |
|
changePeriod(val) { |
|
this.isShowNum = val; |
|
}, |
|
getRowKey(row) { |
|
return row.id; |
|
}, |
|
// 查询 0搜索 1重置 |
|
searchHandle(val) { |
|
if (val == 0) { |
|
this.onLoad(); |
|
} else { |
|
this.searchForm = { |
|
status: null, |
|
name: null, |
|
code: null, |
|
type: null, |
|
}; |
|
this.onLoad() |
|
} |
|
}, |
|
// 查询保养项目 |
|
searchProject(){ |
|
getPointList({current:this.page[0].current,size:this.page[0].size,...this.proForm}).then(res =>{ |
|
this.tableData = res.data.data.records |
|
this.total = res.data.data.total |
|
this.$nextTick(() =>{ |
|
if(this.addForm.orderList.length !== 0){ |
|
this.addForm.orderList.forEach(row => { |
|
this.tableData.map((item,index) =>{ |
|
if(item.id == row.id){ |
|
this.$refs.maintainTable.toggleRowSelection(this.tableData[index],true); |
|
} |
|
}) |
|
}); |
|
|
|
} |
|
}) |
|
}) |
|
// this.tableData = [ |
|
// {code:'001',name:'点位一',status:1,routeId:0,posId:0,pos:'位置详情',itemCount:8,itemDisableCount:2} |
|
// ] |
|
}, |
|
// 查看巡检点详情 |
|
handleViewPoints(row){ |
|
// this.pointsForm = row |
|
// this.pointsForm.orderList = [ |
|
// {code:'001',status:0,name:'巡检项一',content:'巡检内容'} |
|
// ] |
|
// this.showPointDialog = true |
|
getPointDetail(row.id).then(res =>{ |
|
console.log('res ============>',res) |
|
this.pointsForm = res.data.data; |
|
this.pointsForm.orderList = this.pointsForm.checkItemList |
|
this.showPointDialog = true; |
|
}) |
|
}, |
|
// 查看巡检项详情 |
|
// handleViewProject(row){ |
|
|
|
// }, |
|
handleViewCheck(row){ |
|
this.showCheckDialog = true |
|
this.checkForm = row |
|
}, |
|
// 按照条数查询保养项目 |
|
handleSizeChange(val){ |
|
this.page[0].size = val |
|
this.searchProject() |
|
}, |
|
// 分页查询保养项目 |
|
handleCurrentChange(val){ |
|
this.page[0].current = val; |
|
this.searchProject() |
|
}, |
|
// 停用计划 |
|
handleStop(row,index){ |
|
this.$confirm("确定停用此巡检计划吗?", "提示", { |
|
confirmButtonText: "确定", |
|
cancelButtonText: "取消", |
|
type: "warning", |
|
}).then(() => { |
|
switchPlan({id:row.id,status:0}).then(res =>{ |
|
if(res.data.code == 200){ |
|
this.$message.success('停用成功') |
|
this.onLoad() |
|
} |
|
}) |
|
}) |
|
}, |
|
// 启用计划 |
|
handleStart(row,index){ |
|
this.$confirm("确定启用此巡检计划吗?", "提示", { |
|
confirmButtonText: "确定", |
|
cancelButtonText: "取消", |
|
type: "warning", |
|
}).then(() => { |
|
switchPlan({id:row.id,status:1}).then(res =>{ |
|
if(res.data.code == 200){ |
|
this.$message.success('启用成功') |
|
this.onLoad() |
|
} |
|
}) |
|
}) |
|
}, |
|
// 添加保养项目弹窗 |
|
addSpecimen() { |
|
this.showProjectDialog = true; |
|
this.page[0].current = 1 |
|
this.searchProject() |
|
this.$refs.maintainTable.clearSelection(); |
|
}, |
|
// 删除保养项目 |
|
removeSpecimen(index, row){ |
|
if (index > 0 || this.addForm.orderList.length > 1) { |
|
this.addForm.orderList.splice(index, 1); |
|
} else { |
|
this.$message({ |
|
message: "至少要填写一行", |
|
type: "warning", |
|
}); |
|
} |
|
}, |
|
// 添加保养项目 |
|
addProject() { |
|
console.log("123123"); |
|
if (this.selectionList.length == 0) { |
|
this.$message.warning("请至少选择一个保养项目"); |
|
}else { |
|
let tmp = this.selectionList.find(item => item.status == 1) |
|
if(tmp){ |
|
this.$message.warning("不可选择已经停用的项目"); |
|
return |
|
} |
|
this.addForm.orderList = this.selectionList |
|
this.showProjectDialog = false; |
|
} |
|
}, |
|
// 保养项目多选 |
|
handleSelectionChange(val) { |
|
this.selectionList = val; |
|
}, |
|
// 查询数据 |
|
onLoad() { |
|
this.loading = true |
|
getPlanList({current:this.listPage.current,size:this.listPage.size,...this.searchForm}).then(res =>{ |
|
this.data = res.data.data.records |
|
this.listPage.total = res.data.data.total |
|
this.loading = false |
|
}) |
|
// this.data = [ |
|
// {code:'BYJH2023120602451390ef2',name:'计划一',status:0,group:'班组一',position:'位置一',startTime:"2023-11-01",endTime:'2023-11-05',totalCost:'2.2',lastExecution:'',nextExecution:'',insPoints:'10',notInsPoints:'8'}, |
|
// {code:'BYJH2023120602451390ef2',name:'计划一',status:0,group:'班组一',position:'位置一',startTime:"2023-11-01",endTime:'2023-11-05',totalCost:'2.2',lastExecution:'',nextExecution:'',insPoints:'10',notInsPoints:'8'} |
|
// ] |
|
// this.listPage.total = this.data.length |
|
// this.loading = false |
|
}, |
|
// 查看 |
|
handleView(row, index) { |
|
getPlanDetail(row.id).then(res =>{ |
|
this.planForm = res.data.data; |
|
this.planForm.orderList = this.planForm.pointList |
|
this.showPlanDialog = true; |
|
}) |
|
}, |
|
// 打开新增弹窗 |
|
handleAdd() { |
|
this.showAddDialog = true; |
|
this.$nextTick(() =>{ |
|
this.addForm = { |
|
orderList:[] |
|
} |
|
this.selectionList = [] |
|
this.title = '新建巡检计划' |
|
this.$refs.addForm.clearValidate() |
|
this.$refs.maintainTable.clearSelection(); |
|
}) |
|
}, |
|
// 新增保存 |
|
handleSubmit() { |
|
this.$refs['addForm'].validate((valid) => { |
|
if(valid){ |
|
console.log("row ========>", this.addForm); |
|
console.log('type ====>',this.addForm.actionCycleType) |
|
if(this.addForm.actionCycleType){ |
|
if(!this.addForm.actionCycleTime){ |
|
this.$message.warning('计划间隔不可为空') |
|
return |
|
} |
|
} |
|
if(this.addForm.orderList.length == 0){ |
|
this.$message.warning('至少选择一条巡检点') |
|
}else{ |
|
let arr = [] |
|
if(this.addForm.orderList.length !== 0){ |
|
this.addForm.orderList.map(item =>{ |
|
arr.push({id:item.id}) |
|
}) |
|
} |
|
this.addForm.pointList = arr |
|
savePlan(this.addForm).then(res =>{ |
|
if(res.data.code == 200){ |
|
this.$message.success('提交成功') |
|
this.showAddDialog = false |
|
this.listPage.current = 1 |
|
this.onLoad() |
|
} |
|
}) |
|
} |
|
|
|
} |
|
}) |
|
}, |
|
// 分页 |
|
currentChange(currentPage) { |
|
this.listPage.current = currentPage; |
|
this.onLoad(); |
|
}, |
|
sizeChange(pageSize) { |
|
this.listPage.size = pageSize; |
|
this.onLoad(); |
|
}, |
|
// 打开编辑弹窗 |
|
handleEdit(row, index) { |
|
getPlanDetail(row.id).then(res =>{ |
|
this.addForm = res.data.data; |
|
this.title = '编辑巡检计划' |
|
this.addForm.orderList = this.addForm.pointList |
|
this.showAddDialog = true |
|
}) |
|
}, |
|
// 删除计划 |
|
handleDelete(row,index){ |
|
this.$confirm("确定删除此巡检计划吗?", "提示", { |
|
confirmButtonText: "确定", |
|
cancelButtonText: "取消", |
|
type: "warning", |
|
}).then(() => { |
|
deletePlan(row.id).then(res =>{ |
|
if(res.data.code == 200){ |
|
this.$message.success('删除成功') |
|
this.onLoad() |
|
} |
|
}) |
|
}) |
|
}, |
|
// 创建任务 |
|
handleCreatTask(row,index){ |
|
this.$confirm("确定创建任务吗?", "提示", { |
|
confirmButtonText: "确定", |
|
cancelButtonText: "取消", |
|
type: "warning", |
|
}).then(() => { |
|
createTask(row.id).then(res =>{ |
|
if(res.data.code == 200){ |
|
this.$message.success('任务创建成功') |
|
this.onLoad() |
|
} |
|
}) |
|
}) |
|
} |
|
}, |
|
}; |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
::v-deep .el-table td.el-table__cell, |
|
.el-table th.el-table__cell.is-leaf { |
|
border-bottom: 1px solid #f0f3f7; |
|
} |
|
::v-deep .el-table .el-table__cell.is-center { |
|
text-align: left; |
|
} |
|
::v-deep .avue-crud .el-table th { |
|
color: #999999; |
|
font-weight: 400; |
|
background: #f6f8fa; |
|
height: 66px; |
|
} |
|
::v-deep .avue-crud .el-table td { |
|
height: 66px; |
|
color: #333333; |
|
} |
|
::v-deep .el-table .el-table__cell.is-center { |
|
text-align: left; |
|
} |
|
::v-deep .el-table__row .el-button--default, |
|
.el-table__row .el-button--text { |
|
background-color: #fff !important; |
|
} |
|
// 按钮样式 |
|
::v-deep .el-table__row .el-button--default, |
|
.el-table__row .el-button--text { |
|
background-color: #fff !important; |
|
width: 70px; |
|
height: 36px; |
|
border-radius: 0; |
|
padding: 10px; |
|
border-color: #e4e7ec; |
|
color: #333333; |
|
} |
|
// /deep/ .avue-crud__pagination { |
|
// height: 30px; |
|
// padding-top: 30px; |
|
// padding-bottom: 30px; |
|
// } |
|
/deep/ .avue-crud__pagination { |
|
height: 20px; |
|
padding: 10px; |
|
// padding-top: 30px; |
|
// padding-bottom: 30px; |
|
} |
|
.search-input { |
|
width: 255px; |
|
height: 46px; |
|
margin-left: 10px; |
|
/deep/ .el-input__inner { |
|
width: 255px; |
|
height: 46px; |
|
} |
|
} |
|
.search { |
|
color: #fff; |
|
background-color: #1e60f5; |
|
border-color: #1e60f5; |
|
height: 46px; |
|
width: 100px; |
|
border-radius: 0px; |
|
// margin-left:18px!important; |
|
margin-right: 0 !important; |
|
} |
|
// 重置按钮 |
|
.reset { |
|
color: #999999; |
|
background-color: #fff; |
|
border-color: #e4e7ec; |
|
height: 46px; |
|
width: 100px; |
|
margin-left: 18px !important; |
|
border-radius: 0px; |
|
} |
|
.search-picker { |
|
width: 240px; |
|
height: 46px; |
|
border-radius: 0; |
|
margin-left: 10px; |
|
} |
|
.search-select { |
|
width: 240px !important; |
|
height: 46px; |
|
border-radius: 0; |
|
margin-left: 10px; |
|
/deep/ .el-input__inner { |
|
width: 240px; |
|
height: 46px; |
|
} |
|
} |
|
.search_select { |
|
width: 150px !important; |
|
height: 46px; |
|
border-radius: 0; |
|
margin-left: 10px; |
|
/deep/ .el-input__inner { |
|
width: 150px; |
|
height: 46px; |
|
} |
|
} |
|
// 新增取消确定 |
|
.buttonOne { |
|
color: #999999; |
|
background-color: #fff; |
|
border-color: #e4e7ec; |
|
height: 46px; |
|
width: 100px; |
|
border-radius: 0px; |
|
margin-left: 20px; |
|
} |
|
.buttonOne:hover { |
|
color: #fff; |
|
background-color: #1e60f5; |
|
border-color: #1e60f5; |
|
height: 46px; |
|
width: 100px; |
|
border-radius: 0px; |
|
margin-left: 20px; |
|
} |
|
// 分页 |
|
::v-deep .el-pagination .el-select .el-input .el-input__inner { |
|
height: 20px; |
|
} |
|
|
|
|
|
</style> |
|
<style lang="scss"> |
|
/*选择日期，年份的隐藏 */ |
|
.picker-dateNoneYear { |
|
.el-date-picker__header { |
|
span:nth-child(3) { /*第三个标签是span的标签，把它隐藏*/ |
|
display: none; |
|
} |
|
button:nth-child(1) { |
|
display: none; |
|
} |
|
button:nth-child(5) { |
|
display: none; |
|
} |
|
} |
|
} |
|
</style>
|
|
|