You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

541 lines
20 KiB
Vue

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small"
:inline="true" v-show="showSearch" label-width="96px">
<el-form-item label="计划编号" prop="planInspectCode">
<el-input
v-model="queryParams.planInspectCode"
placeholder="请输入计划编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="计划名称" prop="planInspectName">
<el-input
v-model="queryParams.planInspectName"
placeholder="请输入计划名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="检查类型" prop="inspectType">
<el-select
v-model="queryParams.inspectType"
placeholder="检查类型"
clearable
style="width: 240px"
>
<el-option
v-for="dict in dict.type.dms_inspect_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="巡检线路ID关联dm_base_inspect_route的inspect_route_id" prop="inspectRouteId">-->
<!-- <el-input-->
<!-- v-model="queryParams.inspectRouteId"-->
<!-- placeholder="请输入巡检线路ID关联dm_base_inspect_route的inspect_route_id"-->
<!-- clearable-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="设备总数" prop="deviceAmount">-->
<!-- <el-input-->
<!-- v-model="queryParams.deviceAmount"-->
<!-- placeholder="请输入设备总数"-->
<!-- clearable-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<el-form-item label="计划巡检时间" prop="planTime">
<el-date-picker clearable
v-model="queryParams.planTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择计划巡检时间">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="循环周期" prop="cyclePeriod">-->
<!-- <el-input-->
<!-- v-model="queryParams.cyclePeriod"-->
<!-- placeholder="请输入循环周期"-->
<!-- clearable-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="执行人员" prop="performer">-->
<!-- <el-input-->
<!-- v-model="queryParams.performer"-->
<!-- placeholder="请输入执行人员"-->
<!-- clearable-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="是否标识1-是0-否" prop="isFlag">-->
<!-- <el-input-->
<!-- v-model="queryParams.isFlag"-->
<!-- placeholder="请输入是否标识1-是0-否"-->
<!-- clearable-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </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>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['dms:dmsPlanInspect:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['dms:dmsPlanInspect:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['dms:dmsPlanInspect:remove']"
>删除</el-button>
</el-col>
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="warning"-->
<!-- plain-->
<!-- icon="el-icon-download"-->
<!-- size="mini"-->
<!-- @click="handleExport"-->
<!-- v-hasPermi="['dms:dmsPlanInspect:export']"-->
<!-- >导出</el-button>-->
<!-- </el-col>-->
</el-row>
<el-table v-loading="loading" :data="dmsPlanInspectList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键标识" align="center" prop="planInspectId" />-->
<el-table-column label="计划编号" align="center" prop="planInspectCode" />
<el-table-column label="计划名称" align="center" prop="planInspectName" />
<!-- <el-table-column label="检查类型(1巡检,2点检)" align="center" prop="inspectType" />-->
<el-table-column label="巡检类型" align="center" prop="inspectType">
<template slot-scope="scope">
<dict-tag :options="dict.type.dms_inspect_type" :value="scope.row.inspectType"/>
</template>
</el-table-column>
<!-- <el-table-column label="巡检线路ID关联dm_base_inspect_route的inspect_route_id" align="center" prop="inspectRouteId" />-->
<el-table-column label="巡检线路" align="center" prop="routeName" >
<!-- <template slot-scope="scope">-->
<!-- <span-->
<!-- v-for="(item, index) in dmsBaseInspectRouteList"-->
<!-- :key="index"-->
<!-- :value="item.dmsBaseInspectRouteList"-->
<!-- v-if="scope.row.inspectRouteId == item.routeCode"-->
<!-- >-->
<!-- {{ item.routeName }}-->
<!-- </span>-->
<!-- </template>-->
</el-table-column>
<el-table-column label="设备总数" align="center" prop="deviceAmount" />
<el-table-column label="计划巡检时间" align="center" prop="planTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.planTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="时限" align="center" prop="timeLimit" >
<template slot-scope="scope">
<span v-show="scope.row.timeLimitDays!=0&&scope.row.timeLimitDays!=null">{{scope.row.timeLimitDays}}天</span>
<span v-show="scope.row.timeLimitHours!=0&&scope.row.timeLimitHours!=null">{{scope.row.timeLimitHours}}小时</span>
</template>
</el-table-column>
<!-- <el-table-column label="循环周期" align="center" prop="cyclePeriod" />-->
<!-- <el-table-column label="循环周期" align="center" prop="cyclePeriod">-->
<!-- <template slot-scope="scope">-->
<!-- <dict-tag :options="dict.type.dms_cycle_period" :value="scope.row.inspectType"/>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="执行人员" align="center" prop="performer" />
<!-- <el-table-column label="是否标识1-是0-否" align="center" prop="isFlag" />-->
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['dms:dmsPlanInspect:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['dms:dmsPlanInspect:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改巡检计划信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="计划编号" prop="planInspectCode">
<el-input v-model="form.planInspectCode" placeholder="请输入计划编号,如a001" />
</el-form-item>
<el-form-item label="计划名称" prop="planInspectName">
<el-input v-model="form.planInspectName" placeholder="请输入计划名称,如二楼巡检计划" />
</el-form-item>
<!-- <el-form-item label="巡检线路ID关联dm_base_inspect_route的inspect_route_id" prop="inspectRouteId">-->
<!-- <el-input v-model="form.inspectRouteId" placeholder="请输入巡检线路ID关联dm_base_inspect_route的inspect_route_id" />-->
<!-- </el-form-item>-->
<el-form-item label="巡检线路" prop="inspectRouteId" >
<el-select v-model="form.inspectRouteId" placeholder="请选择巡检线路">
<el-option
v-for="item in dmsBaseInspectRouteList"
:key="item.inspectRouteId"
:label="item.routeName"
:value="item.inspectRouteId">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="巡检类型" prop="checkState">
<el-radio-group v-model="form.inspectType">
<el-radio
v-for="dict in dict.type.dms_inspect_type"
:key="dict.value"
:label="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="设备总数" prop="deviceAmount" >
<el-input v-model="form.deviceAmount" placeholder="请输入设备总数" :disabled=true >
</el-input>
</el-form-item>
<el-form-item label="时间" prop="week">
<!-- <el-input-number v-model="form.hour" placeholder="请输入几点" :precision="0" :min="0" :max="23"/>月-->
<!-- <el-input-number v-model="form.timeLimitHours" placeholder="请输入几日" :precision="0" :min="0" :max="31"/>日-->
<el-input-number v-model="form.week" placeholder="请输入周几" :precision="0" :min="0" :max="7"/>周
</el-form-item>
<el-form-item label="时间" prop="hour">
<el-input-number v-model="form.hour" placeholder="请输入几点" :precision="0" :min="0" :max="23"/>时
<!-- <el-input-number v-model="form.timeLimitHours" placeholder="请输入几日" :precision="0" :min="0" :max="31"/>日-->
<!-- <el-input-number v-model="form.week" placeholder="请输入周几" :precision="0" :min="0" :max="7"/>周-->
</el-form-item>
<el-row>
<el-col :span="12">
<el-form-item label="时限" prop="timeLimitDays">
<el-input-number v-model="form.timeLimitDays" placeholder="请输入天数" :precision="0" :min="0" :max="10000"/>天
<el-input-number v-model="form.timeLimitHours" placeholder="请输入小时" :precision="0" :min="0" :max="23"/>小时
</el-form-item>
</el-col>
</el-row>
<!-- <el-form-item label="计划巡检时间" prop="planTime">-->
<!-- <el-date-picker clearable-->
<!-- v-model="form.planTime"-->
<!-- type="date"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- placeholder="请选择计划巡检时间">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="循环周期" prop="cyclePeriod">-->
<!-- <el-input v-model="form.cyclePeriod" placeholder="请输入循环周期" />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="循环周期" prop="cyclePeriod">-->
<!-- <el-radio-group v-model="form.cyclePeriod">-->
<!-- <el-radio-->
<!-- v-for="dict in dict.type.dms_cycle_period"-->
<!-- :key="dict.value"-->
<!-- :label="dict.value"-->
<!-- >{{dict.label}}</el-radio>-->
<!-- </el-radio-group>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="cron表达式" prop="cronExpression">
<el-input v-model="form.cronExpression" placeholder="请输入cron执行表达式">
<template slot="append">
<el-button type="primary" @click="handleShowCron">
生成表达式
<i class="el-icon-time el-icon&#45;&#45;right"></i>
</el-button>
</template>
</el-input>
</el-form-item>-->
<!-- <el-form-item label="定时计划" prop="cronExpression">-->
<!-- <el-input-->
<!-- :value="form.cronExpression"-->
<!-- readonly-->
<!-- placeholder="只能点击右侧生成器">-->
<!-- <template slot="append">-->
<!-- <el-button type="primary" @click="handleShowCron">-->
<!-- 生成计划表达式-->
<!-- <i class="el-icon-time el-icon&#45;&#45;right"></i>-->
<!-- </el-button>-->
<!-- </template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="执行人员" prop="performer">-->
<!-- <el-input v-model="form.performer" placeholder="请输入执行人员" />-->
<!-- </el-form-item>-->
<el-form-item label="执行人员" prop="performer" >
<el-select v-model="form.performer" placeholder="请选择执行人">
<el-option
v-for="item in userList"
:key="item.userId.toString()"
:label="item.nickName"
:value="item.nickName">
</el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="是否标识1-是0-否" prop="isFlag">-->
<!-- <el-input v-model="form.isFlag" placeholder="请输入是否标识1-是0-否" />-->
<!-- </el-form-item>-->
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-dialog title="Cron表达式生成器" :visible.sync="openCron" append-to-body destroy-on-close class="scrollbar">
<crontab @hide="openCron=false" @fill="crontabFill" :expression="expression"></crontab>
</el-dialog>
</div>
</template>
<script>
import { listDmsPlanInspect, getDmsPlanInspect, delDmsPlanInspect, addDmsPlanInspect, updateDmsPlanInspect } from "@/api/dms/dmsPlanInspect";
import {getdmsBaseInspectRouteList} from '@/api/dms/dmsBaseInspectRoute'
import Crontab from '@/components/Crontab/index'
import {findUserList} from "@/api/system/user";
export default {
components: { Crontab },
name: "DmsPlanInspect",
dicts:['dms_inspect_type','dms_cycle_period'],
data() {
return {
// 是否显示Cron表达式弹出层
openCron: false,
// 传入的表达式
expression: "",
dmsBaseInspectRouteList:[],
// 遮罩层
loading: true,
// 选中数组
ids: [],
userList: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 巡检计划信息表格数据
dmsPlanInspectList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
planInspectCode: null,
planInspectName: null,
inspectType: null,
inspectRouteId: null,
deviceAmount: null,
planTime: null,
cyclePeriod: null,
performer: null,
isFlag: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
planInspectName: [
{ required: true, message: "计划名称不能为空", trigger: "blur" }
],
// cronExpression: [
// { required: true, message: "表达式不能为空", trigger: "blur" }
// ],
week: [
{ required: true, message: "定时计划周不能为空", trigger: "blur" }
],
hour: [
{ required: true, message: "定时计划时不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
this.getRoute();
this.getUser();
},
methods: {
getUser() {
findUserList(null).then(response => {
this.userList = response.data;
console.log(this.userList)
});
},
/** cron表达式按钮操作 */
handleShowCron() {
this.expression = this.form.cronExpression;
this.openCron = true;
},
/** 确定后回传值 */
crontabFill(value) {
// this.form.cronExpression = value;
this.$set(this.form,'cronExpression',value)
},
/** 查询巡检线路信息列表 */
getRoute() {
getdmsBaseInspectRouteList({}).then(response => {
this.dmsBaseInspectRouteList = response.data;
});
},
/** 查询巡检计划信息列表 */
getList() {
this.loading = true;
listDmsPlanInspect(this.queryParams).then(response => {
this.dmsPlanInspectList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
planInspectId: null,
planInspectCode: null,
planInspectName: null,
inspectType: null,
inspectRouteId: null,
deviceAmount: null,
planTime: null,
cyclePeriod: null,
performer: null,
isFlag: null,
remark: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.planInspectId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加巡检计划信息";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const planInspectId = row.planInspectId || this.ids
getDmsPlanInspect(planInspectId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改巡检计划信息";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.planInspectId != null) {
updateDmsPlanInspect(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addDmsPlanInspect(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const planInspectIds = row.planInspectId || this.ids;
const planInspectCode = row.planInspectCode || this.ids;
this.$modal.confirm('是否确认删除巡检计划信息编号为"' + planInspectCode + '"的数据项?').then(function() {
return delDmsPlanInspect(planInspectIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('dms/dmsPlanInspect/export', {
...this.queryParams
}, `dmsPlanInspect_${new Date().getTime()}.xlsx`)
}
}
};
</script>