From 4aa86b1ec441c4e358e1cc488d8f021fb80f1355 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 17 九月 2025 17:34:35 +0800
Subject: [PATCH] 2025.9.17 数据产品（待完成）
---
src/views/fysp/data-product/base-data-product/ProdSceneInfo.vue | 83 +++++++++++++++++++++++++++++++++++------
1 files changed, 71 insertions(+), 12 deletions(-)
diff --git a/src/views/fysp/data-product/base-data-product/ProdSceneInfo.vue b/src/views/fysp/data-product/base-data-product/ProdSceneInfo.vue
index 7412ddf..0f817a5 100644
--- a/src/views/fysp/data-product/base-data-product/ProdSceneInfo.vue
+++ b/src/views/fysp/data-product/base-data-product/ProdSceneInfo.vue
@@ -1,31 +1,90 @@
<template>
- <BaseProdProcess :active="active">
- <template #step1>
+ <BaseProdProcess
+ v-model:active="active"
+ @onStep1="onStep1"
+ :loading="loading"
+ >
+ <!-- <template #step1>
<ProdQueryOpt :loading="loading" @submit="onSearch"> </ProdQueryOpt>
+ </template> -->
+ <template #step2="{ contentHeight }">
+ <el-table
+ :data="tableData"
+ v-loading="loading"
+ :height="viewHeight"
+ table-layout="fixed"
+ :show-overflow-tooltip="true"
+ size="small"
+ border
+ >
+ <el-table-column fixed="left" prop="index" label="缂栧彿" width="40">
+ </el-table-column>
+ <el-table-column
+ fixed="left"
+ prop="name"
+ label="鍚嶇О"
+ :show-overflow-tooltip="true"
+ min-width="200"
+ >
+ </el-table-column>
+ <el-table-column prop="type" label="绫诲瀷" width="50" />
+ <el-table-column prop="status" label="鐘舵��" width="60" />
+ <el-table-column prop="stage" label="闃舵" width="90" />
+ <!-- <el-table-column prop="provincename" label="鐪�" width="90" />
+ <el-table-column prop="cityname" label="甯�" width="90" />
+ <el-table-column prop="districtname" label="鍖哄幙" width="90" /> -->
+ <el-table-column prop="townname" label="琛楅亾" width="110" />
+ <el-table-column prop="location" label="鍦板潃" width="200" />
+ <!-- <el-table-column prop="longitude" label="缁忓害" width="110" />
+ <el-table-column prop="latitude" label="绾害" width="110" /> -->
+ <!-- <el-table-column
+ prop="updatedate"
+ label="鏇存柊鏃堕棿"
+ width="140"
+ :formatter="timeFormat"
+ /> -->
+ </el-table>
</template>
- <template #step2></template>
- <template #step3></template>
+ <!-- <template #step3></template> -->
</BaseProdProcess>
</template>
<script setup>
-import { ref } from 'vue';
+import { ref, inject } from 'vue';
+import dayjs from 'dayjs';
import BaseProdProcess from '@/views/fysp/data-product/base-data-product/components/BaseProdProcess.vue';
import ProdQueryOpt from '@/views/fysp/data-product/base-data-product/components/ProdQueryOpt.vue';
+import dataprodbaseApi from '@/api/fysp/dataprodbaseApi.js';
const active = ref(1);
-const loading = ref(false)
+const loading = ref(false);
+const tableData = ref([]);
+const viewHeight = inject('viewHeight');
function changeActive() {
active.value++;
active.value = active.value > 3 ? 1 : active.value;
}
-function onSearch(opt) {
- console.log(opt);
+function onStep1(opt) {
loading.value = true;
- setTimeout(() => {
- changeActive()
- loading.value = false;
- }, 1000);
+ dataprodbaseApi
+ .fetchProdSceneInfo(opt)
+ .then((res) => {
+ if (res.success) {
+ tableData.value = res.data.map((item) => ({
+ status: item.status,
+ stage: item.stage,
+ ...item.scene
+ }));
+ }
+ changeActive();
+ })
+ .finally(() => {
+ loading.value = false;
+ });
+}
+
+function timeFormat(row, column, cellValue, index) {
+ return dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss');
}
</script>
--
Gitblit v1.9.3