|
@@ -0,0 +1,90 @@
|
|
|
|
|
+<script setup lang="ts">
|
|
|
|
|
+import moment from "moment"
|
|
|
|
|
+import { ref, computed, onMounted } from "vue"
|
|
|
|
|
+import { useRoute } from "vue-router"
|
|
|
|
|
+import configs from "@/core/config/Index"
|
|
|
|
|
+const route = useRoute()
|
|
|
|
|
+const cols = ref([
|
|
|
|
|
+ {
|
|
|
|
|
+ name: "序号",
|
|
|
|
|
+ width: 60,
|
|
|
|
|
+ field: configs.TABLE_INDEX_FIELD,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: "净化器名称",
|
|
|
|
|
+ field: "monitor_name",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: "净化效能",
|
|
|
|
|
+ field: "clean_name",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: "天数",
|
|
|
|
|
+ field: "day_condition",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: "开机小时",
|
|
|
|
|
+ field: "hour_condition",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: "最后清洗时间",
|
|
|
|
|
+ field: "last_clean_time",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: "经过天数",
|
|
|
|
|
+ field: "run_day",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: "开机小时数",
|
|
|
|
|
+ field: "run_hour",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: "剩余天数",
|
|
|
|
|
+ field: "surplus_day",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: "剩余小时数",
|
|
|
|
|
+ field: "surplus_hour",
|
|
|
|
|
+ },
|
|
|
|
|
+])
|
|
|
|
|
+const queryParams = ref({
|
|
|
|
|
+ company_id: route.query.company_id,
|
|
|
|
|
+})
|
|
|
|
|
+</script>
|
|
|
|
|
+
|
|
|
|
|
+<template>
|
|
|
|
|
+ <VbDataTable
|
|
|
|
|
+ url="sys/purifierCondition/getPurifierList"
|
|
|
|
|
+ :header="cols"
|
|
|
|
|
+ :query-params="queryParams"
|
|
|
|
|
+ method="post"
|
|
|
|
|
+ :has-checkbox="false"
|
|
|
|
|
+ :pagination="false"
|
|
|
|
|
+ >
|
|
|
|
|
+ <template #tableHeader>
|
|
|
|
|
+ <thead>
|
|
|
|
|
+ <tr class="text-center">
|
|
|
|
|
+ <th class="bg-light-primary" rowspan="2" style="vertical-align: middle">序号</th>
|
|
|
|
|
+ <th class="bg-light-primary" rowspan="2" style="vertical-align: middle">净化器名称</th>
|
|
|
|
|
+ <th class="bg-light-primary" rowspan="2" style="vertical-align: middle">净化效能</th>
|
|
|
|
|
+ <th class="bg-light-primary" colspan="2">清洗周期</th>
|
|
|
|
|
+ <th class="bg-light-primary" rowspan="2" style="vertical-align: middle">最后清洗时间</th>
|
|
|
|
|
+ <th class="bg-light-primary" colspan="2">上次清洗至今</th>
|
|
|
|
|
+ <th class="bg-light-primary" colspan="2">距下次清洗</th>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr class="text-center">
|
|
|
|
|
+ <th class="bg-light-primary">天数</th>
|
|
|
|
|
+ <th class="bg-light-primary">开机小时</th>
|
|
|
|
|
+ <th class="bg-light-primary">经过天数</th>
|
|
|
|
|
+ <th class="bg-light-primary">开机小时数</th>
|
|
|
|
|
+ <th class="bg-light-primary">剩余天数</th>
|
|
|
|
|
+ <th class="bg-light-primary">剩余小时数</th>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </thead>
|
|
|
|
|
+ </template>
|
|
|
|
|
+
|
|
|
|
|
+ <template #last_clean_time="{ row }">
|
|
|
|
|
+ {{ moment(row.last_clean_time, "YYYYMMDDHHmmss").format("YYYY-MM-DD") }}
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </VbDataTable>
|
|
|
|
|
+</template>
|