From 1ca46431ab9faea036ec8b2ae54b20b720f7bad6 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期一, 25 七月 2022 18:29:48 +0800
Subject: [PATCH] 添加修改页面
---
src/views/IntelligentXjSys/inspectionTaskManagement/index.vue | 96 +++++++++++++++++++++++++++++++++++------------
1 files changed, 71 insertions(+), 25 deletions(-)
diff --git a/src/views/IntelligentXjSys/inspectionTaskManagement/inspectionTask/index.vue b/src/views/IntelligentXjSys/inspectionTaskManagement/index.vue
similarity index 92%
rename from src/views/IntelligentXjSys/inspectionTaskManagement/inspectionTask/index.vue
rename to src/views/IntelligentXjSys/inspectionTaskManagement/index.vue
index fe2c82e..e2cd7d9 100644
--- a/src/views/IntelligentXjSys/inspectionTaskManagement/inspectionTask/index.vue
+++ b/src/views/IntelligentXjSys/inspectionTaskManagement/index.vue
@@ -110,30 +110,40 @@
</el-scrollbar>
<el-dialog v-model="dialogDetails" title="巡检任务">
<el-form :model="details" label-width="120px">
+ <el-row>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="任务名称">
<el-input
v-model="details.name"
readonly
/>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="任务类型">
<el-input
v-model="details.type"
readonly
/>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="执行巡检人员">
<el-input
v-model="details.inspector"
readonly
/>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="检查频次">
<el-input
v-model="details.inspector"
readonly
/>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="检查频次" prop="frequency">
<el-input
v-model="details.frequency"
@@ -147,32 +157,41 @@
</template>
</el-input>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="周期开始时间">
<el-input
v-model="details.startTime"
readonly
/>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="周期有效时间">
<el-input
v-model="details.validTime"
readonly
/>
</el-form-item>
+ </el-col>
+ <el-col :span="24" style="margin-bottom: 20px">
<el-form-item label="巡检链">
<div style="width: 100%;margin-left: -30px">
<div v-for="(item,index) in details.shiftSteps" class="stepItem">
<div class="stepNum">{{index+1}}</div>
<div class="stepCard">
- <el-card class="box-card" shadow="hover">
+ <el-card class="box-card">
<template #header>
<div class="card-header">
<div>{{item.name}}</div>
</div>
</template>
- <div>
- <el-table :data="item.inspectorData" style="width: 100%" :default-sort="{ prop: 'sort', order: 'ascending'}" :header-cell-style="{background: '#fafafa',padding: '5px'}">
- <el-table-column property="sort" sortable label="排序"/>
+ <div class="inspect-chain">
+ <el-table :data="item.inspectorData" style="width: 100%"
+ :default-sort="{ prop: 'sort', order: 'ascending'}"
+ :header-cell-style="{background: '#fafafa',padding: '5px'}"
+ >
+ <el-table-column property="sort" label="排序"/>
<el-table-column property="name" label="巡检点名称"/>
<el-table-column property="section" label="所属设备区域"/>
<el-table-column property="rfid" label="关联RFID"/>
@@ -185,45 +204,57 @@
</div>
</div>
</el-form-item>
+ </el-col>
<el-form-item>
<el-button type="primary" @click="dialogDetails = false" size="default">确认</el-button>
</el-form-item>
+ </el-row>
</el-form>
</el-dialog>
<el-dialog v-model="dialogAddRecord" title="巡检任务编辑" @close="closeAdd" @open="openAdd">
<el-form :model="addRecord" label-width="120px" ref="addRef" :rules="addRules">
+ <el-row>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="任务名称" prop="name">
<el-input
v-model="addRecord.name"
>
</el-input>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="任务类型" prop="type">
<el-select v-model="addRecord.type">
<el-option label="日常检查" value="日常检查" />
<el-option label="周期检查" value="周期检查" />
</el-select>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="执行巡检人员" prop="inspector">
- <el-select v-model="addRecord.inspector">
- <el-option label="张三" value="张三" />
- <el-option label="李四" value="李四" />
- </el-select>
+ <el-select v-model="addRecord.inspector">
+ <el-option label="张三" value="张三" />
+ <el-option label="李四" value="李四" />
+ </el-select>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="检查频次" prop="frequency">
- <el-input
- v-model="addRecord.frequency"
- placeholder="请输入检查频次"
- >
- <template #append>
- <el-select v-model="addRecord.unit" placeholder="选择单位">
- <el-option label="分钟" value="分钟" />
- <el-option label="小时" value="小时" />
- <el-option label="天" value="天" />
- </el-select>
- </template>
- </el-input>
+ <el-input
+ v-model="addRecord.frequency"
+ placeholder="请输入检查频次"
+ >
+ <template #append>
+ <el-select v-model="addRecord.unit" placeholder="选择单位">
+ <el-option label="分钟" value="分钟" />
+ <el-option label="小时" value="小时" />
+ <el-option label="天" value="天" />
+ </el-select>
+ </template>
+ </el-input>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="周期开始时间" prop="startTime">
<el-date-picker
v-model="addRecord.startTime"
@@ -231,6 +262,8 @@
format="YYYY/MM/DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
/>
</el-form-item>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 20px">
<el-form-item label="周期有效时间" prop="validTime">
<el-select v-model="addRecord.validTime" placeholder="选择时间">
<el-option label="15分钟" value="15分钟" />
@@ -241,6 +274,8 @@
<el-option label="90分钟" value="90分钟" />
</el-select>
</el-form-item>
+ </el-col>
+ <el-col :span="24">
<el-form-item label="创建巡检链">
<div style="width: 100%;margin-bottom: 20px">
<el-button type="primary" :icon="Plus" size="default" @click="dialogAddShift = true">新增巡检设备区域</el-button>
@@ -249,7 +284,7 @@
<div v-for="(item,index) in addRecord.shiftSteps" class="stepItem">
<div class="stepNum">{{index+1}}</div>
<div class="stepCard">
- <el-card class="box-card" shadow="hover">
+ <el-card class="box-card">
<template #header>
<div class="card-header">
<div>{{item.name}}</div>
@@ -259,15 +294,15 @@
</div>
</div>
</template>
- <div>
- <el-button type="primary" size="default" :icon="Plus" plain @click="addSysInspection(index)" style="margin-bottom: 10px">新增系统巡检点</el-button>
+ <div class="inspect-chain" style="display: flex;flex-direction: column;align-items: center">
+ <el-button type="primary" size="default" :icon="Plus" plain @click="addSysInspection(index)" style="margin-bottom: 10px">添加巡检点</el-button>
<el-table
:data="item.inspectorData"
style="width: 100%"
:default-sort="{ prop: 'sort', order: 'ascending' }"
:header-cell-style="{background: '#fafafa',padding: '5px'}"
>
- <el-table-column property="sort" sortable label="排序"/>
+ <el-table-column property="sort" label="排序"/>
<el-table-column property="name" label="巡检点名称"/>
<el-table-column property="section" label="所属设备区域"/>
<el-table-column property="rfid" label="关联RFID"/>
@@ -286,6 +321,8 @@
</div>
</div>
</el-form-item>
+ </el-col>
+ </el-row>
<el-form-item>
<el-button type="warning" @click="dialogAddRecord = false" size="default" plain>取消</el-button>
<el-button type="primary" @click="confirmAddRecord(addRef)" size="default">确认</el-button>
@@ -663,8 +700,8 @@
chosenShiftIndex.value = -1
}
const editRecord =(index, row)=>{
- dialogAddRecord.value = true
chosenIndex.value = index
+ dialogAddRecord.value = true
addRecord.value = JSON.parse(JSON.stringify(row))
}
@@ -901,4 +938,13 @@
.el-select{
width: 100%;
}
+
+ .inspect-chain :deep(.el-table__row){
+ background: #fff;
+
+ }
+
+ .inspect-chain :deep(.el-table__cell){
+ background: #fff;
+ }
</style>
--
Gitblit v1.9.2