forked from drone/command-center-dashboard

shuishen
2025-04-15 01b792fb98a3f7f468018fffa64f2c48cda3f91f
src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceEvent.vue
@@ -6,7 +6,7 @@
            >件
         </p>
      </div>
      <div class="deviceevent-table ztzf-table">
      <div class="deviceevent-table ztzf-table" >
         <el-table :data="list" :row-class-name="tableRowClassName"
         style="width: 100%;"
         :row-style="{ height: '38px', fontSize: '14px', 'text-align': 'center' }"
@@ -18,35 +18,29 @@
            </el-table-column>
         <el-table-column prop="id" label="事件编号" />
         <el-table-column prop="event_name" label="事件名称" />
         <el-table-column prop="event_name" label="所属单位 " />
         <el-table-column show-overflow-tooltip prop="media_type" label="事件内容" />
         <el-table-column prop="create_user" label="所属单位 " />
         <el-table-column show-overflow-tooltip prop="remark" label="事件内容" />
         <el-table-column show-overflow-tooltip prop="ai_types" label="关联算法" />
         <el-table-column prop="status" label="事件状态">
            <template #default="scope">
               <el-tag v-if="scope.row.status === 0" type="info">待处理</el-tag>
               <el-tag v-if="scope.row.status === 1" type="success">待分拨</el-tag>
               <el-tag v-if="scope.row.status === 2" type="warning">待处理</el-tag>
               <el-tag v-if="scope.row.status === 3" type="success">处理中</el-tag>
               <el-tag v-if="scope.row.status === 4" type="success">已完成</el-tag>
               <el-tag v-if="scope.row.status === 5" type="success">已完结</el-tag>
               <div class="pending" v-if="scope.row.status === 0">待处理</div>
               <div class="reviewed" v-if="scope.row.status === 2">待审核</div>
               <div class="processing" v-if="scope.row.status === 3">处理中</div>
               <div class="done" v-if="scope.row.status === 4">已完成</div>
               <div class="ended" v-if="scope.row.status === 5">已完结</div>
            </template>
         </el-table-column>
         <el-table-column label="操作" width="80">
            <template #default="scope">
            <div class="ztzf-view" @click="distribution(scope.row)">查看</div>
            </template>
            <!-- <template #default="scope" >
               <el-button type="success" link @click="examine(scope.row)">审核</el-button>
               <el-button type="primary" link @click="distribution(scope.row)">查看</el-button>
            </template> -->
         </el-table-column>
      </el-table>
      </div>
      <el-pagination
      class="ztzf-pagination"
         background
         :page-sizes="[10, 20, 30, 50]"
         v-model:current-page="sizeParams.current"
         v-model:page-size="sizeParams.size"
         layout="prev, pager, next, jumper"
@@ -85,6 +79,7 @@
      const resData = res?.data?.data || {}
      list.value = resData.records
      total.value = resData.total
   })
   
   
@@ -133,6 +128,7 @@
// 表格
.deviceevent-table {
padding: 0 17px;
}
// 分页
@@ -145,10 +141,24 @@
   background: center center no-repeat none !important;
   color: #8eb8ea !important;
}
:deep(.el-tag){
background: none !important;
border:none !important
// 待处理
.pending{
color: #FF7411;
}
// 待审核
.reviewed{
color: #8CFEA7;
}
// 处理中
.processing{
color: #FFC398;
}
// 已完成
.done{
color: #AFD9FB;
}
// 已完结
.ended{
color: #11C4FF;
}
</style>