feat：运维到期预警

龚焕茏

2024-08-02 742a8fb0d0abcd84a2a42fbb7cb6d05b3cb8278d

feat：运维到期预警

 src/api/platform/home.js

@@ -24,4 +24,20 @@
    method: 'get',
    params: data
  })
}

// 运维到期预警
export function ywPoint() {
  return request({
    url: '/home/ywPoint',
    method: 'get'
  })
}

// 运维单位超期责任数排名
export function ywUnitCount() {
  return request({
    url: '/home/ywUnitCount',
    method: 'get'
  })
}

 src/views/home/data-rank/index.vue

@@ -5,13 +5,13 @@
      <div class="card-content">
        <div class="title-container">
          <h1>运维单位超期责任数排名</h1>
          <div class="more-button">
          <div class="more-button" @click="$router.push({ path: '/contract/score' })">
            <span>更多</span>
            <i class="el-icon-arrow-right"></i>
          </div>
        </div>
        <el-table :data="tableData" style="width: 100%" height="350">
          <el-table-column prop="name" label="单位" align="center">
          <el-table-column prop="name" label="单位" align="center" show-overflow-tooltip>
          </el-table-column>
          <el-table-column prop="num" label="超期数" align="center">
          </el-table-column>
@@ -22,74 +22,19 @@
</template>

<script>
import { ywUnitCount } from "@/api/platform/home";
export default {
  name: 'DataRank',

  data() {
    return {
      tableData: [
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
      ]
      tableData: []
    }
  },
  mounted() {
    ywUnitCount().then(res => {
      this.tableData = res.data;
    })
  }
}
</script>

 src/views/home/data-table/index.vue

@@ -5,23 +5,22 @@
      <div class="card-content">
        <div class="title-container">
          <h1>运维到期预警</h1>
          <div class="more-button">
          <div class="more-button" @click="$router.push({ path: '/point-manage/point' })">
            <span>更多</span>
            <i class="el-icon-arrow-right"></i>
          </div>
        </div>

        <el-table :data="tableData" height="400">
          <el-table-column prop="date" label="警报时间" align="center">
          <el-table-column prop="pointName" label="点位信息" align="center" show-overflow-tooltip>
          </el-table-column>
          <el-table-column prop="name" label="点位信息" align="center">
          <el-table-column prop="startTime" label="运维开始时间" align="center">
          </el-table-column>
          <el-table-column prop="date" label="运维截止时间" align="center">
          <el-table-column prop="endTime" label="运维截止时间" align="center">
          </el-table-column>
          <el-table-column prop="date" label="状态" align="center">
          <el-table-column prop="status" label="状态" align="center">
            <template slot-scope="scope">
              <el-tag type="warning"
                disable-transitions>临期</el-tag>
              <el-tag type="warning" disable-transitions v-if="scope.row.status">{{ scope.row.status }}</el-tag>
            </template>
          </el-table-column>
          <el-table-column label="操作" align="center">
@@ -36,73 +35,19 @@
</template>

<script>

import { ywPoint } from "@/api/platform/home";
export default {
  name: 'DataTable',
  data() {
    return {
      tableData: [
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
        {
          date: '2024.02.28 15:14:01',
          name: '运维公司名称1',
          address: '上海市普陀区金沙江路 1518 弄',
          num: 111,
        },
      ]
      tableData: []
    }
  },
  mounted() {
    ywPoint().then(res => {
      this.tableData = res.data;
    })
  }
}
</script>

 src/views/home/examine/index.vue

@@ -5,7 +5,7 @@
      <div class="card-content">
        <div class="title-container">
          <h1>考核预警</h1>
          <div class="more-button">
          <div class="more-button" @click="$router.push({ path: '/contract/score' })">
            <span>更多</span>
            <i class="el-icon-arrow-right"></i>
          </div>