|
@@ -35,11 +35,10 @@
|
|
|
</div>
|
|
|
<n-modal
|
|
|
v-model:show="showModal"
|
|
|
- :mask-closable="false"
|
|
|
:show-icon="false"
|
|
|
+ :mask-closable="false"
|
|
|
:closable="false"
|
|
|
preset="dialog"
|
|
|
- title="自定义时间"
|
|
|
>
|
|
|
<n-form
|
|
|
label-width="auto"
|
|
@@ -65,20 +64,22 @@
|
|
|
class="w-full"
|
|
|
/>
|
|
|
</n-form-item>
|
|
|
- <n-form-item>
|
|
|
- <n-button type="primary" block @click="handleSearch">搜索</n-button>
|
|
|
- </n-form-item>
|
|
|
+ <n-button type="primary" block @click="handleSearch">搜索</n-button>
|
|
|
</n-form>
|
|
|
</n-modal>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import { NSpace } from "naive-ui";
|
|
|
+import { NSpace, NButton } from "naive-ui";
|
|
|
import { extractTaskData, getTaskDataList } from "@/api";
|
|
|
-import { message } from "@/plugin/naive-ui";
|
|
|
+import { useNow, useDateFormat } from "@vueuse/core";
|
|
|
+
|
|
|
+const formatted = useDateFormat(useNow(), "YYYY-MM-DD HH:mm:ss");
|
|
|
|
|
|
const dialog = useDialog();
|
|
|
|
|
|
+const notification = useNotification();
|
|
|
+
|
|
|
const task = window.sessionStorage.getItem("task")
|
|
|
? JSON.parse(window.sessionStorage.getItem("task"))
|
|
|
: {};
|
|
@@ -91,7 +92,7 @@ const queryData = reactive({
|
|
|
Time_start: null,
|
|
|
Time_end: null,
|
|
|
page: 1,
|
|
|
- page_z: 10,
|
|
|
+ page_z: 20,
|
|
|
});
|
|
|
|
|
|
// 列表
|
|
@@ -129,14 +130,14 @@ const pagination = reactive({
|
|
|
},
|
|
|
});
|
|
|
|
|
|
-// modal数据源
|
|
|
+//
|
|
|
const showModal = ref(false);
|
|
|
|
|
|
//
|
|
|
const handleSearch = () => {
|
|
|
- showModal.value = false;
|
|
|
queryData.T_id = "";
|
|
|
queryData.T_sn = "";
|
|
|
+ showModal.value = false;
|
|
|
extractTask();
|
|
|
};
|
|
|
|
|
@@ -148,7 +149,7 @@ const handleReset = () => {
|
|
|
positiveText: "确认",
|
|
|
negativeText: "取消",
|
|
|
onPositiveClick: () => {
|
|
|
- extractTask();
|
|
|
+ showModal.value = true;
|
|
|
},
|
|
|
});
|
|
|
};
|
|
@@ -162,7 +163,13 @@ const extractTask = async () => {
|
|
|
Time_end: queryData.Time_end !== null ? queryData.Time_end : "",
|
|
|
});
|
|
|
if (res.Code === 200) {
|
|
|
- message.success(res.Msg);
|
|
|
+ notification.info({
|
|
|
+ title: "数据采集完成",
|
|
|
+ description: `${queryData.Time_start} 至 ${queryData.Time_end}`,
|
|
|
+ meta: `当前时间:${formatted.value}`,
|
|
|
+ duration: 2500,
|
|
|
+ keepAliveOnHover: true,
|
|
|
+ });
|
|
|
getDataList();
|
|
|
}
|
|
|
} catch (e) {
|
|
@@ -180,11 +187,16 @@ const getDataList = async () => {
|
|
|
});
|
|
|
pagination.itemCount = res.Data.Num;
|
|
|
if (!res.Data.List) {
|
|
|
- message.info("数据为空");
|
|
|
- queryData.Time_start = null;
|
|
|
- queryData.Time_end = null;
|
|
|
showModal.value = true;
|
|
|
+ notification.info({
|
|
|
+ title: "数据为空!",
|
|
|
+ description: `${queryData.Time_start} 至 ${queryData.Time_end}`,
|
|
|
+ meta: `当前时间:${formatted.value}`,
|
|
|
+ duration: 2500,
|
|
|
+ keepAliveOnHover: true,
|
|
|
+ });
|
|
|
} else {
|
|
|
+ showModal.value = false;
|
|
|
taskList.value = res.Data.List;
|
|
|
}
|
|
|
} catch (e) {
|
|
@@ -192,6 +204,14 @@ const getDataList = async () => {
|
|
|
}
|
|
|
};
|
|
|
|
|
|
+let timer = setInterval(() => {
|
|
|
+ getDataList();
|
|
|
+}, 10000);
|
|
|
+
|
|
|
+onBeforeUnmount(() => {
|
|
|
+ clearInterval(timer);
|
|
|
+});
|
|
|
+
|
|
|
getDataList();
|
|
|
</script>
|
|
|
|