From 5f69d18c67be1c94b3c6311ddb1262da959501b7 Mon Sep 17 00:00:00 2001
From: qinzhenpen <qzp1807@126.com>
Date: Fri, 22 Nov 2024 16:51:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E5=AD=97=E8=90=A5=E9=94=80=E7=AE=97?=
 =?UTF-8?q?=E6=B3=95=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |  2 +
 src/router/index.js                           | 30 ++++++-------
 src/store/modules/algorithm.js                |  2 +-
 .../digitalMarketingAlgorithms/index.vue      | 45 ++++++++++++++-----
 4 files changed, 52 insertions(+), 27 deletions(-)

diff --git a/package.json b/package.json
index 0482887..79fb35f 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
   "dependencies": {
     "@antv/g2": "^5.2.3",
     "@element-plus/icons-vue": "2.0.10",
+    "@videojs-player/vue": "^1.0.0",
     "@vueup/vue-quill": "1.1.0",
     "@vueuse/core": "9.5.0",
     "axios": "0.27.2",
@@ -35,6 +36,7 @@
     "md-editor-v3": "^4.18.1",
     "nprogress": "0.2.0",
     "pinia": "2.0.22",
+    "video.js": "^8.17.3",
     "vue": "^3.2.47",
     "vue-cropper": "1.0.3",
     "vue-router": "4.1.4",
diff --git a/src/router/index.js b/src/router/index.js
index 77d9377..9544963 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -320,21 +320,21 @@ export const dynamicRoutes = [
       },
     ],
   },
-  // 资源视频
-  {
-    path: "",
-    // component: Layout,
-    hidden: true,
-    redirect: "/video",
-    children: [
-      {
-        path: "/video",
-        component: () => import("@/components/video/index.vue"),
-        name: "video",
-        meta: { title: "视频中心", icon: "视频中心", affix: true },
-      },
-    ],
-  },
+    // 资源视频
+    {
+      path: "",
+      // component: Layout,
+      hidden: true,
+      redirect: "/video",
+      children: [
+        {
+          path: "/video",
+          component: () => import("@/components/video/index.vue"),
+          name: "video",
+          meta: { title: "视频中心", icon: "视频中心", affix: true },
+        },
+      ],
+    },
 ];
 
 const router = createRouter({
diff --git a/src/store/modules/algorithm.js b/src/store/modules/algorithm.js
index 6056052..aa5d814 100644
--- a/src/store/modules/algorithm.js
+++ b/src/store/modules/algorithm.js
@@ -15,7 +15,7 @@ const useAlgorithmStore = defineStore("algorithm", {
     userDatabase: [],
     tableData: [],
     tableKey:[],
-    userDataLabel:["用户属性表", "用户登录活跃表", "用户消费能力表", "用户行为表", "用户评论表"], //用户数据标签
+    userDataLabel:[], //用户数据标签
     userDataLabel2:["用户商品评论数据"],
     indexLibrary: [],
     analysisData: [],
diff --git a/src/views/digitalMarketingAlgorithms/index.vue b/src/views/digitalMarketingAlgorithms/index.vue
index 6c96b40..e53779c 100644
--- a/src/views/digitalMarketingAlgorithms/index.vue
+++ b/src/views/digitalMarketingAlgorithms/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="rgzn_top app-container2">
+  <div class="rgzn_top app-container2" v-loading="loading" element-loading-text="Loading..." :element-loading-spinner="svg" element-loading-svg-view-box="-10, -10, 50, 50" element-loading-background="rgba(122, 122, 122, 0.8)">
     <div class="top_item">
       <el-button :class="{ active: isActive === 1 }" @click="activeIndex(1)">用户数据库</el-button>
       <el-button :class="{ active: isActive === 2 }" @click="activeIndex(2)">描述性统计</el-button>
@@ -14,26 +14,48 @@
   </div>
 </template>
 <script setup>
+import * as portraitModel from "@/api/portraitModel";
+import useAlgorithmStore from "@/store/modules/algorithm.js";
+import { getUserInfo } from "@/utils/auth";
+const algorithmStore = useAlgorithmStore();
+const userInfo = JSON.parse(getUserInfo());
 const route = useRoute();
 const pageData = [defineAsyncComponent(() => import("./components/bigData.vue")), defineAsyncComponent(() => import("./components/descriptiveStatistics.vue")), defineAsyncComponent(() => import("./components/clusterAnalysis.vue")), defineAsyncComponent(() => import("./components/associationRuleMining.vue")), defineAsyncComponent(() => import("./components/regressionAnalysis.vue")), defineAsyncComponent(() => import("./components/emotion-analysis.vue"))];
 const component = ref(pageData[0]);
 const isActive = ref(1);
+const loading = ref(false);
 const activeIndex = (index) => {
   isActive.value = index;
   component.value = pageData[index - 1];
 };
 const map = {
-  '用户数据库': 1,
-  '描述性统计': 2,
-  '关联规则挖掘': 3,
-  '聚类分析': 4,
-  '回归分析': 5,
-  '情感分析': 6,
+  用户数据库: 1,
+  描述性统计: 2,
+  关联规则挖掘: 3,
+  聚类分析: 4,
+  回归分析: 5,
+  情感分析: 6,
 };
-onMounted(()=>{
-  isActive.value= map[route.meta.title];
-  component.value= pageData[map[route.meta.title]-1];
-})
+const selectZJ = (item) => {
+  loading.value = true;
+  portraitModel.getUserTableInfo({ userId: userInfo.userId }).then((res) => {
+    algorithmStore.userDataLabel = [...res?.data.tableNames, ...res.data.selfBuiltTable].filter((item) => item !== "用户评论表");
+    if (algorithmStore.userDataLabel.length > 0) {
+      setTimeout(() => {
+        loading.value = false;
+      }, 500);
+    } else {
+      setTimeout(() => {
+        loading.value = false;
+      }, 1000);
+    }
+  });
+};
+onMounted(() => {
+  isActive.value = map[route.meta.title];
+  component.value = pageData[map[route.meta.title] - 1];
+  selectZJ();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -42,6 +64,7 @@ onMounted(()=>{
 }
 .rgzn_top {
   margin-top: 20px;
+  height: calc(100vh - 100px);
   .top_item {
     img {
       margin-right: 5px;