zhouwx
2024-09-06 d098e2e3a16837ad0a61c1a2df93b27c7d16bfd2
src/views/hazardousChemicals/overdueWarning/index.vue
@@ -39,11 +39,15 @@
    <!-- 表格数据 -->
    <el-table v-loading="loading" :data="dataList" :border="true">
      <el-table-column label="序号" type="index" align="center" width="80" />
      <el-table-column label="生成时间" prop="creditCode" align="center"  />
      <el-table-column label="领用人" prop="name" align="center" />
      <el-table-column label="领用时间" prop="name" align="center" />
      <el-table-column label="最后流转时间" prop="name" align="center" />
      <el-table-column label="处理时间" prop="name" align="center" />
      <el-table-column label="生成时间" prop="createTime" align="center"  />
      <el-table-column label="领用人" prop="createName" align="center" />
      <el-table-column label="领用时间" prop="useTime" align="center" />
<!--      <el-table-column label="最后流转时间" prop="updateTime" align="center" />-->
      <el-table-column label="处理时间" prop="updateTime" align="center" >
        <template #default="scope">
          <span>{{scope.row.state === 1 ? scope.row.updateTime :'--'}}</span>
        </template>
      </el-table-column>
      <el-table-column label="状态" prop="name" align="center" >
        <template #default="scope">
          <span>{{scope.row.state === 0 ? '未处理':'已处理'}}</span>
@@ -51,7 +55,7 @@
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" >
        <template #default="scope">
          <el-button link type="primary" v-if="scope.row.state === 0">标记处理</el-button>
          <el-button link type="primary" v-if="scope.row.state === 0" @click="markWarn(scope.row)">标记处理</el-button>
          <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
        </template>
      </el-table-column>
@@ -71,7 +75,8 @@
<script setup>
import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue";
import {ElMessage, ElMessageBox} from "element-plus";
import {delWarning, getWarning} from "@/api/hazardousChemicals/warning";
import {delWarning, getWarning, handleWarning} from "@/api/hazardousChemicals/warning";
import {unWarningCount} from "@/api/hazardousChemicals/count";
const { proxy } = getCurrentInstance();
const loading = ref(false);
const dialogRef = ref();
@@ -90,6 +95,7 @@
const classHourRef = ref();
onMounted(()=>{
  getList()
  getUnCount()
})
onUnmounted(()=>{
@@ -97,15 +103,25 @@
})
const getList = async () => {
  // loading.value = true
  // const res = await getWarning(data.queryParams)
  // if(res.code == 200){
  //   data.dataList = res.data.list
  //   data.total = res.data.total
  // }else{
  //   ElMessage.warning(res.message)
  // }
  // loading.value = false
  loading.value = true
  const res = await getWarning(data.queryParams)
  if(res.code == 200){
    data.dataList = res.data.list
    data.total = res.data.total
  }else{
    ElMessage.warning(res.message)
  }
  loading.value = false
}
const getUnCount = async () => {
  const res = await unWarningCount()
  if(res.code == 200){
    data.untreatedTotal = res.data
  }else{
    ElMessage.warning(res.message)
  }
}
const openDialog = (type, value) => {
@@ -120,6 +136,7 @@
    state: null
  }
  getList()
  getUnCount()
}
const handleDelete = (val) => {
  ElMessageBox.confirm(
@@ -135,11 +152,42 @@
        if(res.code == 200){
          ElMessage.success('数据删除成功')
          await getList()
          await getUnCount()
        }else{
          ElMessage.warning(res.message)
        }
      })
}
const markWarn = (val) => {
  ElMessageBox.confirm(
      '确定处理此条标签?',
      '提示',
      {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
      .then( async() => {
        console.log("val",val)
        const param = {
          id: val.id,
          state: 1,
          companyId: val.companyId,
        }
        const res = await handleWarning(param)
        if(res.code == 200){
          ElMessage.success('处理成功')
          await getList()
          await getUnCount()
        }else{
          ElMessage.warning(res.message)
        }
      })
}
const toDetail = () => {
  data.queryParams.state = 0;
  getList()