添加修改页面

Admin

2022-07-25 1ca46431ab9faea036ec8b2ae54b20b720f7bad6

 src/views/IntelligentXjSys/inspectionTaskManagement/index.vue

文件名从 src/views/IntelligentXjSys/inspectionTaskManagement/inspectionTask/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,31 +204,41 @@
                  </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-form-item>
            </el-col>
            <el-col :span="12" style="margin-bottom: 20px">
            <el-form-item label="检查频次" prop="frequency">
               <el-input
                  v-model="addRecord.frequency"
@@ -224,6 +253,8 @@
                  </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>