From 22328a67e985f79c374869c8f1b2a75df7a148c7 Mon Sep 17 00:00:00 2001
From: HeHaonan <1822907900@qq.com>
Date: Thu, 1 Aug 2024 18:22:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/portraitModel.js                      |  33 ++
 src/assets/images/u5626.png                   | Bin 0 -> 9956 bytes
 src/assets/images/u5627.png                   | Bin 0 -> 4657 bytes
 src/assets/images/分析.png                  | Bin 0 -> 2276 bytes
 src/utils/request.js                          |   3 +-
 .../components/viscosityAnalysis.vue          | 500 +++++++++++++-----
 src/views/portraitModel/index.vue             |  78 ++-
 7 files changed, 452 insertions(+), 162 deletions(-)
 create mode 100644 src/api/portraitModel.js
 create mode 100644 src/assets/images/u5626.png
 create mode 100644 src/assets/images/u5627.png
 create mode 100644 src/assets/images/分析.png

diff --git a/src/api/portraitModel.js b/src/api/portraitModel.js
new file mode 100644
index 0000000..185454c
--- /dev/null
+++ b/src/api/portraitModel.js
@@ -0,0 +1,33 @@
+import request from "@/utils/request";
+//条件查询用户表信息
+export function getUserTableData(data) {
+  return request({
+    url: "/api/userprofile/getBaseInfoBySelect",
+    method: "get",
+    params: data,
+  });
+}
+//数据下载-RFM分析
+export function downloadDataByRFM(data) {
+  return request({
+    url: "/api/downDataByUserPortrait/analysisByRfmDown",
+    method: "get",
+    params: data,
+  });
+}
+//数据下载-ABC分析
+export function downloadDataByABC(data) {
+  return request({
+    url: "/api/downDataByUserPortrait/analysisByPareto",
+    method: "get",
+    params: data,
+  });
+}
+//数据下载-波士顿矩阵分析
+export function downloadDataByBoston(data) {
+    return request({
+      url: "/api/downDataByUserPortrait/bostonMatrixAnalysisData",
+      method: "get",
+      params: data,
+    });
+  }
diff --git a/src/assets/images/u5626.png b/src/assets/images/u5626.png
new file mode 100644
index 0000000000000000000000000000000000000000..de9f2979c9bd98f9a3a52689fa7b7bc2b2ec1874
GIT binary patch
literal 9956
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/u5627.png b/src/assets/images/u5627.png
new file mode 100644
index 0000000000000000000000000000000000000000..a136a7ed980ae6f17afcd6884e88b8529109da37
GIT binary patch
literal 4657
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/分析.png b/src/assets/images/分析.png
new file mode 100644
index 0000000000000000000000000000000000000000..46375e0ffc3e7b0f116a4c570b905939ef93fa9d
GIT binary patch
literal 2276
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

literal 0
HcmV?d00001

diff --git a/src/utils/request.js b/src/utils/request.js
index adc7491..8b7c051 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -15,7 +15,8 @@ axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 // 创建axios实例
 const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
-  baseURL: import.meta.env.VITE_APP_BASE_API,
+  // baseURL: import.meta.env.VITE_APP_BASE_API,
+  baseURL:'http://192.168.2.6:9868/',
   // 超时
   timeout: 10000
 })
diff --git a/src/views/portraitModel/components/viscosityAnalysis.vue b/src/views/portraitModel/components/viscosityAnalysis.vue
index 53cc516..609d522 100644
--- a/src/views/portraitModel/components/viscosityAnalysis.vue
+++ b/src/views/portraitModel/components/viscosityAnalysis.vue
@@ -6,10 +6,12 @@
     </div>
     <div v-if="knowledgeFlag">
       <a
-        href="https://zhuanlan.zhihu.com/p/400319684"
+        href="
+https://blog.csdn.net/kevin1993best/article/details/106329573"
         target="_blank"
         rel="noopener noreferrer"
-        >https://zhuanlan.zhihu.com/p/400319684</a
+      >
+        https://blog.csdn.net/kevin1993best/article/details/106329573</a
       >
       <br />
     </div>
@@ -64,9 +66,10 @@
           <span>第一步，日活跃用户分析</span>
         </div>
         <span style="line-height: 25px; font-size: 14px">
-          日活跃用户（DAU）：每天使用产品或服务的独立用户数量。这个指标可以反映产品的日常使用情况。分析近一个月日活跃用户变动情况，包括变动率。这个时候统计活跃用户需要进行去重，一天活跃多次的只保留一条记录。<br>
-          日活跃率 = 去重后的日活跃用户数量 / 历史累计去重后的用户数量*100% <br>
-          日活跃平均时长=登录时长/活跃用户数，计算结果保留小数点后两位 <br>
+          日活跃用户（DAU）：每天使用产品或服务的独立用户数量。这个指标可以反映产品的日常使用情况。分析近一个月日活跃用户变动情况，包括变动率。这个时候统计活跃用户需要进行去重，一天活跃多次的只保留一条记录。<br />
+          日活跃率 = 去重后的日活跃用户数量 / 历史累计去重后的用户数量*100%
+          <br />
+          日活跃平均时长=登录时长/活跃用户数，计算结果保留小数点后两位 <br />
         </span>
         <div style="margin-top: 10px; display: flex">
           <el-table
@@ -81,8 +84,12 @@
           >
             <el-table-column label="登录时间" align="center" prop="date">
             </el-table-column>
-            <el-table-column label="日活跃用户（个）" align="center" prop="addNum">
-                 <template #default="scope">
+            <el-table-column
+              label="日活跃用户（个）"
+              align="center"
+              prop="addNum"
+            >
+              <template #default="scope">
                 <el-input
                   v-model="scope.row.params1"
                   placeholder="请输入"
@@ -98,38 +105,59 @@
                   v-model="scope.row.params2"
                   placeholder="请输入"
                   style="width: 90px"
-                   size="small"
+                  size="small"
                 >
-                </el-input>
+                </el-input
+                >%
               </template>
             </el-table-column>
-            <el-table-column label="日活跃平均时长（分钟）" align="center" prop="day3">
+            <el-table-column
+              label="日活跃平均时长（分钟）"
+              align="center"
+              prop="day3"
+            >
               <template #default="scope">
                 <el-input
                   v-model="scope.row.params3"
                   placeholder="请输入"
                   style="width: 90px"
-                   size="small"
+                  size="small"
                 >
                 </el-input>
               </template>
             </el-table-column>
-
-    
           </el-table>
-          <div class="submit">提交</div>
+          <div>
+            <div
+              class="draw"
+              style="padding-left: 15px; margin-left: 20px"
+              @click="drawEcharts"
+            >
+              绘制图表
+            </div>
+            <div id="echartsDom" style="width: 750px; height: 500px"></div>
+            <div class="analysisConclusion">分析结论</div>
+            <el-input
+              v-model="analysisConclusion"
+              style="margin-left: 20px; margin-top: 20px; margin-bottom: 20px"
+              :rows="12"
+              type="textarea"
+              placeholder="请输入"
+            />
+            <div class="submit">提交</div>
+          </div>
         </div>
       </div>
       <div class="line"></div>
       <div class="caseBack">
         <div class="title">
           <img src="@/assets/images/步骤.png" alt="" />
-          <span>第二步，留存分析常用口径计算</span>
+          <span>第二步，周活跃用户分析</span>
         </div>
         <span style="line-height: 25px; font-size: 14px">
-          从时间维度划分，常见的的有：次日留存、3日留存、7日留存、14日留存、30日留存、60日留存。<br />
-          从用户维度划分，常见的的有：新用户留存、活跃留存。<br />
-          请按照第一步计算的表格数据，计算次日留存、3日留存、7日留存、14日留存的平均数，计算结果保留小数点后0位。
+          周活跃用户（WAU）：每周使用产品或服务的独立用户数量。这个指标可以反映产品的周活跃情况。<br />
+
+          周活跃率 = 去重后的周活跃用户数量 / 历史累计去重后的用户数量*100%
         </span>
         <div style="margin-top: 10px; display: flex">
           <el-table
@@ -142,113 +170,154 @@
               backgroundColor: '#6A7DE9!important',
             }"
           >
-            <el-table-column label="" align="center" prop="name">
+            <el-table-column label="周数" align="center" prop="week">
+            </el-table-column>
+            <el-table-column label="日期间隔" align="center" prop="interval">
             </el-table-column>
-            <el-table-column label="次日" align="center" prop="description">
+            <el-table-column
+              label="周活跃用户（个）"
+              align="center"
+              prop="description"
+            >
               <template #default="scope">
                 <el-input
                   v-model="scope.row.params1"
                   placeholder="请输入"
-                  style="width: 70px"
+                  style="width: 90px"
                 >
                 </el-input>
               </template>
             </el-table-column>
-            <el-table-column label="3日" align="center" prop="description">
+            <el-table-column
+              label="周活跃率（%）"
+              align="center"
+              prop="description"
+            >
               <template #default="scope">
                 <el-input
                   v-model="scope.row.params2"
                   placeholder="请输入"
-                  style="width: 70px"
+                  style="width: 90px"
                 >
-                </el-input>
+                </el-input
+                >%
               </template>
             </el-table-column>
-            <el-table-column label="7日" align="center" prop="description">
+          </el-table>
+          <div style="width: 650px">
+            <div class="analysisConclusion">分析结论</div>
+            <el-input
+              v-model="analysisConclusion"
+              style="margin-left: 20px; margin-top: 20px; margin-bottom: 20px"
+              :rows="8"
+              type="textarea"
+              placeholder="请输入"
+            />
+            <div class="submit">提交</div>
+          </div>
+        </div>
+      </div>
+      <div class="line"></div>
+      <div class="caseBack">
+        <div class="title">
+          <img src="@/assets/images/步骤.png" alt="" />
+          <span>第三步，月活跃用户分析</span>
+        </div>
+        <span style="line-height: 25px; font-size: 14px">
+          月活跃用户（MAU）：每月使用产品或服务的独立用户数量。这个指标可以反映产品的长期使用情况。
+        </span>
+        <div style="margin-top: 10px; display: flex">
+          <el-table
+            :data="step3Data"
+            style="width: 650px"
+            border
+            :header-cell-style="{
+              color: '#fff',
+              fontSize: '14px',
+              backgroundColor: '#6A7DE9!important',
+            }"
+          >
+            <el-table-column label="月份" align="center" prop="month">
+            </el-table-column>
+            <el-table-column
+              label="月活跃用户（个）"
+              align="center"
+              prop="description"
+            >
               <template #default="scope">
                 <el-input
-                  v-model="scope.row.params3"
+                  v-model="scope.row.params1"
                   placeholder="请输入"
-                  style="width: 70px"
+                  style="width: 90px"
                 >
                 </el-input>
               </template>
             </el-table-column>
-            <el-table-column label="14日" align="center" prop="amount">
+            <el-table-column
+              label="月活跃率（%）"
+              align="center"
+              prop="description"
+            >
               <template #default="scope">
                 <el-input
-                  v-model="scope.row.params4"
+                  v-model="scope.row.params2"
                   placeholder="请输入"
-                  style="width: 70px"
+                  style="width: 90px"
                 >
-                </el-input>
+                </el-input
+                >%
               </template>
             </el-table-column>
           </el-table>
-          <div class="submit">提交</div>
+          <div style="width: 650px">
+            <div class="analysisConclusion">分析结论</div>
+            <el-input
+              v-model="analysisConclusion"
+              style="margin-left: 20px; margin-top: 20px; margin-bottom: 20px"
+              :rows="8"
+              type="textarea"
+              placeholder="请输入"
+            />
+            <div class="submit">提交</div>
+          </div>
         </div>
       </div>
       <div class="line"></div>
       <div class="caseBack">
         <div class="title">
           <img src="@/assets/images/步骤.png" alt="" />
-          <span>第三步，留存率可视化分析</span>
+          <span>第四步，用户活跃综合分析</span>
         </div>
-        <span style="line-height: 25px; font-size: 14px">
-          以2021/8/1注册的新增的用户数据为例，绘制之后14日的留存率折线图：
-        </span>
-        <div class="draw" @click="draw">绘制</div>
-        <div style="margin-top: 10px; display: flex">
-          <div id="echarts" style="width: 400px; height: 300px"></div>
-          <div style="margin-left: 50px">
-            <p>通过图表分析，新增用户在哪天之后趋向于平稳</p>
-            <el-select
-              v-model="dayValue"
-              placeholder="请选择"
-              style="width: 120px"
-              size="default"
-              @change="handleChangeDay"
-            >
-              <el-option
-                v-for="item in dayOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-            <div class="analysis">
-              <div class="conclusion">分析结论：</div>
-              <span>
-                1、7日留存率，只有27%，流失率达到了73%，相对比较低，需要提供用户粘性；<br />
-                2、平缓之后，能够留存下来的客户，是公司的忠诚用户；<br />
-                3、14日的留存率，每天一直下降，需要找出原因。
-              </span>
-            </div>
+        <div style="font-size: 14px">
+          <div style="margin-bottom: 10px">用户粘性的比率指标</div>
+          <div>比率指标1- DAU/MAU</div>
+          <div style="display: flex; align-items: center">
+            <span>通过用户粘性指标定义为过去一天的比过去30天的</span>
+            <img
+              src="@/assets/images/u5627.png"
+              alt=""
+              style="margin-left: 10px"
+            />
           </div>
         </div>
-      </div>
-      <div class="line"></div>
-      <div class="caseBack">
-        <div class="title">
-          <img src="@/assets/images/步骤.png" alt="" />
-          <span>第四步，平均留存分析</span>
+        <div style="font-size: 14px">
+          <div>比率指标2 - 月平均活跃天数</div>
+          <div style="display: flex; align-items: center">
+            <span
+              >分子可理解为过去30天用户的总活跃天数，分母为过去30天活跃用户数
+              ，分子/分母 即为 过去30天的人均活跃天数</span
+            >
+            <img
+              src="@/assets/images/u5626.png"
+              alt=""
+              style="margin-left: 10px"
+            />
+          </div>
         </div>
-        <span style="line-height: 25px; font-size: 14px">
-          留存分析的适用场景：<br />
-          日留存率: <br />
-          快速判断产品是否迎合市场需求，比如新手对产品的UI设计、功能设置、新手引导等的体验是否满意，是否需做调整。<br />
-          快速判断用户粘性，比如用户是否更易受促销活动的影响等等。<br />
-          周留存率: <br />
-          判断用户忠诚度，用户此时对产品基本已有完整的体验。一整套流程体验下来，继续访问的用户可判断为潜在忠诚用户。<br />
-          分析用户再次访问的原因，找出产品最能巩固用户的点，且参考此点以一贯之，拓展应用到更多的用户身上，促使更多的用户留下来。<br />
-          月留存率：<br />
-          评估迭代与优化的效果。砍掉留存率低的产品功能，进行迭代优化。<br />
-          平均留存率的分析，需要结合公司不同时期，与行业平均水平进行对比，找出差距，分析相关原因，从而制定营销策略。
-        </span>
         <div style="margin-top: 10px; display: flex">
           <el-table
             :data="step4Data"
-            style="width: 650px"
+            style="width: 300px"
             border
             :header-cell-style="{
               color: '#fff',
@@ -256,42 +325,53 @@
               backgroundColor: '#6A7DE9!important',
             }"
           >
-            <el-table-column label="" align="center" prop="name">
-            </el-table-column>
-            <el-table-column label="次日" align="center" prop="data1">
+            <el-table-column label="用户ID" align="center" prop="id">
             </el-table-column>
-            <el-table-column label="3日" align="center" prop="data2">
+            <el-table-column label="活跃天数" align="center" prop="data1">
+              <template #default="scope">
+                <el-input
+                  v-model="scope.row.params1"
+                  placeholder="请输入"
+                  style="width: 90px"
+                >
+                </el-input>
+              </template>
             </el-table-column>
-            <el-table-column label="7日" align="center" prop="data3">
+          </el-table>
+          <el-table
+            :data="step4DataTable2"
+            style="width: 400px; margin-left: 20px"
+            border
+            :header-cell-style="{
+              color: '#fff',
+              fontSize: '14px',
+              backgroundColor: '#6A7DE9!important',
+            }"
+          >
+            <el-table-column label="比率指标" align="center" prop="id">
             </el-table-column>
-            <el-table-column label="14日" align="center" prop="data4">
+            <el-table-column label="数值" align="center" prop="data1">
+              <template #default="scope">
+                <el-input
+                  v-model="scope.row.params1"
+                  placeholder="请输入"
+                  style="width: 90px"
+                >
+                </el-input>
+              </template>
             </el-table-column>
           </el-table>
-        </div>
-      </div>
-      <div class="line"></div>
-      <div class="caseBack">
-        <div class="title">
-          <img src="@/assets/images/步骤.png" alt="" />
-          <span>第五步，留存分析应用场景</span>
-        </div>
-        <span style="line-height: 25px; font-size: 14px">
-          日常工作中，留存分析常用于下述场景：
-        </span>
-        <div style="font-size: 14px; margin-top: 10px">
-          1. 了解一个渠道的质量<br />
-          可以使用「日留存」来衡量各渠道用户的表现，并以此作为衡量渠道质量的标准之一。如对不同渠道来源的用户进行次日留存、7日留存的对比（不同行业可能选择不同周期），
-          以此衡量不同渠道的用户留存情况。一般来说，留存情况较好可以反应这个渠道质量较好。
-        </div>
-        <div style="font-size: 14px; margin-top: 10px">
-          2. 判断运营手段/某项功能改动是否奏效<br />
-          当我们期待某个运营手段/某项功能可以期提升留存时，可以对通过分析该运营手段/功能，「覆盖到的新用户」和「未覆盖到的新用户」的留存率，对两部分用户的留存进行对比，来验证手段/功能的有效性。
-          以贴吧为例，该贴吧想检验“看贴”功能是否对新用户的留存是有提升效果，于是对同样来自A渠道的新用户（一部分使用了看贴功能，一部分没有使用看贴功能）进行留存对比。通过比较发现，使用过看贴功能的新用户，
-          三日留存率比未使用过该功能的新用户，多了10%以上。这说明“看贴”功能对新用户留存有着正向促进作用。
-        </div>
-        <div style="font-size: 14px; margin-top: 10px">
-          3. 衡量一个产品是否健康<br />
-          可以使用「周留存」、「月留存」等指标观察用户在平台上的粘性，衡量产品的健康情况。
+          <div style="width: 650px">
+            <div class="analysisConclusion">分析结论</div>
+            <el-input
+              v-model="analysisConclusion"
+              style="margin-left: 20px; margin-top: 20px; margin-bottom: 20px"
+              :rows="8"
+              type="textarea"
+              placeholder="请输入"
+            />
+            <div class="submit">提交</div>
+          </div>
         </div>
       </div>
       <div class="line"></div>
@@ -309,6 +389,7 @@ const list = ref(["-"]);
 const dayValue = ref("");
 const combinationValue1 = ref("");
 const combinationValue2 = ref("");
+const analysisConclusion = ref("");
 const knowledgeFlag = ref(false);
 //时间间隔分组数-7天内
 const sevenNum = ref(0);
@@ -409,7 +490,6 @@ const step1Data = ref([
   {
     date: "2024-03-30",
   },
-
 ]);
 const fileTable1 = ref([
   {
@@ -636,43 +716,66 @@ const fileTable1 = ref([
 ]);
 const step2Data = ref([
   {
-    name: "平均数",
+    week: "第一周",
+    interval: "2024/3/1-2024/3/7",
+  },
+  {
+    week: "第二周",
+    interval: "2024/3/8-2024/3/14",
+  },
+  {
+    week: "第三周",
+    interval: "2024/3/15-2024/3/21",
+  },
+  {
+    week: "第四周",
+    interval: "2024/3/22-2024/3/28",
   },
 ]);
 const step3Data = ref([
   {
-    data1: "A-B",
-    data2: "5900",
+    month: "2024年3月",
+  },
+]);
+const step4Data = ref([
+  {
+    id: "A",
   },
   {
-    data1: "A-C",
-    data2: "2400",
+    id: "B",
   },
   {
-    data1: "A-D",
-    data2: "1100",
+    id: "C",
+  },
+  {
+    id: "D",
   },
 
   {
-    data1: "B-C",
-    data2: "600",
+    id: "E",
+  },
+  {
+    id: "F",
   },
   {
-    data1: "B-D",
-    data2: "600",
+    id: "G",
   },
   {
-    data1: "C-D",
-    data2: "600",
+    id: "H",
+  },
+  {
+    id: "J",
+  },
+  {
+    id: "K",
   },
 ]);
-const step4Data = ref([
+const step4DataTable2 = ref([
   {
-    name: "平均数",
-    data1: "666",
-    data2: "A",
-    data3: "189",
-    data4: "衬衫",
+    id: "过去30天平均DAU/MAU",
+  },
+  {
+    id: "月平均活跃天数（天）",
   },
 ]);
 const step5Data = ref([
@@ -1109,6 +1212,120 @@ const draw = () => {
 
   option && myChart.setOption(option);
 };
+const drawEcharts = () => {
+  for (let i in step1Data.value) {
+    console.log(step1Data.value[i]);
+    if (
+      !step1Data.value[i].params1 ||
+      !step1Data.value[i].params2 ||
+      !step1Data.value[i].params3
+    ) {
+      proxy.$modal.msgError("请完成所有填空数据");
+      return;
+    }
+  }
+  const xAxisData = [];
+  const data1 = [];
+  const data2 = [];
+  for (let item in step1Data.value) {
+    // console.log(step1Data.value[item].date);
+    xAxisData.push(step1Data.value[item].date);
+    data1.push(step1Data.value[item].params2);
+    data2.push(step1Data.value[item].params3);
+  }
+  var chartDom = document.getElementById("echartsDom");
+  var myChart = echarts.init(chartDom, "dark");
+  var option;
+
+  option = {
+    title: {
+      text: "日活跃分析图",
+      left: "center",
+      top: "25",
+    },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "cross",
+        crossStyle: {
+          color: "#999",
+        },
+      },
+    },
+    legend: {
+      data: ["日活跃平均时长(分钟)", "日活跃率"],
+      top: 5,
+    },
+    xAxis: [
+      {
+        type: "category",
+        data: xAxisData,
+        // offset:'10',
+        axisLabel: {
+          interval: 0,
+          rotate: 90, //代表逆时针旋转45度
+          fontSize: "0.6rem",
+        },
+        axisPointer: {
+          type: "shadow",
+        },
+      },
+    ],
+    yAxis: [
+      {
+        type: "value",
+        name: "日活跃平均时长",
+        min: 0,
+        // max: 250,
+        interval: 10,
+        axisLabel: {
+          formatter: "{value}",
+        },
+      },
+      {
+        type: "value",
+        name: "日活跃率",
+        min: 0,
+        max: 100,
+        interval: 10,
+        axisLabel: {
+          formatter: "{value}%",
+        },
+      },
+    ],
+    series: [
+      {
+        name: "日活跃平均时长(分钟)",
+        type: "bar",
+        itemStyle: {
+          color: "#F4DAA6",
+        },
+        tooltip: {
+          valueFormatter: function (value) {
+            return value + "分钟";
+          },
+        },
+        data: data2,
+      },
+      {
+        name: "日活跃率",
+        type: "line",
+        itemStyle: {
+          color: "#D052E5",
+        },
+        yAxisIndex: 1,
+        tooltip: {
+          valueFormatter: function (value) {
+            return value + "%";
+          },
+        },
+        data: data1,
+      },
+    ],
+  };
+
+  option && myChart.setOption(option);
+};
 </script>
 
 <style scoped lang="scss">
@@ -1276,9 +1493,26 @@ const draw = () => {
     font-size: 14px;
     cursor: pointer;
   }
+  .analysisConclusion {
+    background: url("@/assets/images/分析.png");
+    width: 89px;
+    height: 31px;
+    text-align: center;
+    line-height: 31px;
+    color: #000;
+    font-size: 14px;
+    // cursor: pointer;
+    margin-left: 20px;
+    padding-left: 10px;
+  }
 }
 ::v-deep .el-table tr {
   background-color: #002652 !important;
   color: #fff;
 }
+::v-deep .el-textarea__inner {
+  background: #002652;
+  color: #fff;
+  // color: #5397C3;
+}
 </style>
diff --git a/src/views/portraitModel/index.vue b/src/views/portraitModel/index.vue
index 3e3443a..63b9ca7 100644
--- a/src/views/portraitModel/index.vue
+++ b/src/views/portraitModel/index.vue
@@ -57,29 +57,29 @@
             background: `linear-gradient(0deg, #002651 0%, #0087F9 100%)`,
           }"
         >
-          <el-table-column label="用户ID" align="center" prop="a1">
+          <el-table-column label="用户ID" align="center" prop="id">
           </el-table-column>
-          <el-table-column label="登录名" align="center" prop="a1">
+          <el-table-column label="登录名" align="center" prop="loginName">
           </el-table-column>
-          <el-table-column label="用户姓名" align="center" prop="a1">
+          <el-table-column label="用户姓名" align="center" prop="userName">
           </el-table-column>
-          <el-table-column label="学号" align="center" prop="a1">
+          <el-table-column label="学号" align="center" prop="studentId">
           </el-table-column>
-          <el-table-column label="班级" align="center" prop="a1">
+          <el-table-column label="班级" align="center" prop="stuClass">
           </el-table-column>
-          <el-table-column label="专业" align="center" prop="a1">
+          <el-table-column label="专业" align="center" prop="major">
           </el-table-column>
-          <el-table-column label="学校" align="center" prop="a1">
+          <el-table-column label="学校" align="center" prop="school">
           </el-table-column>
-          <el-table-column label="角色名称" align="center" prop="a1">
+          <el-table-column label="角色名称" align="center" prop="roleName">
           </el-table-column>
-          <el-table-column label="角色性别" align="center" prop="a1">
+          <el-table-column label="角色性别" align="center" prop="roleGender">
           </el-table-column>
-          <el-table-column label="角色年龄" align="center" prop="a1">
+          <el-table-column label="角色年龄" align="center" prop="roleAge">
           </el-table-column>
-          <el-table-column label="注册时间" align="center" prop="a1">
+          <el-table-column label="注册时间" align="center" prop="updateTime">
           </el-table-column>
-          <el-table-column label="所在地" align="center" prop="a1">
+          <el-table-column label="所在地" align="center" prop="location">
           </el-table-column>
         </el-table>
         <el-table
@@ -265,6 +265,7 @@
 </template>
 
 <script setup>
+import * as portraitModel from "@/api/portraitModel";
 import mainContent from "@/views/components/mainContent.vue";
 import rfmAnalysis from "./components/rfmAnalysis.vue";
 import abcAnalysis from "./components/abcAnalysis.vue";
@@ -272,19 +273,13 @@ import bostonAnalysis from "./components/bostonAnalysis.vue";
 import funnelAnalysis from "./components/funnelAnalysis.vue";
 import basketAnalysis from "./components/basketAnalysis.vue";
 import repurchaseAnalysis from "./components/repurchaseAnalysis.vue";
-import retainAnalysis from "./components/retainAnalysis.vue"
-import viscosityAnalysis from "./components/viscosityAnalysis.vue"
+import retainAnalysis from "./components/retainAnalysis.vue";
+import viscosityAnalysis from "./components/viscosityAnalysis.vue";
+import { onMounted } from "vue";
 const currentComponent = ref(null);
 const menuIndex = ref(1);
 const tabIndex = ref(0);
-const fileTable = ref([
-  {
-    a1: "666",
-  },
-  {
-    a1: "111",
-  },
-]);
+const fileTable = ref([]);
 const tabList = ref([
   {
     id: "1",
@@ -300,37 +295,37 @@ const tabList = ref([
   },
   {
     id: "3",
-    key:bostonAnalysis,
+    key: bostonAnalysis,
     title: "波士顿矩阵分析",
     backImg: "src/assets/images/icon3.png",
   },
   {
     id: "4",
-    key:funnelAnalysis,
+    key: funnelAnalysis,
     title: "转化分析-漏斗模型",
     backImg: "src/assets/images/icon4.png",
   },
   {
     id: "5",
-    key:basketAnalysis,
+    key: basketAnalysis,
     title: "购物篮分析",
     backImg: "src/assets/images/icon5.png",
   },
   {
     id: "6",
-    key:repurchaseAnalysis,
+    key: repurchaseAnalysis,
     title: "复购分析",
     backImg: "src/assets/images/icon6.png",
   },
   {
     id: "7",
-    key:retainAnalysis,
+    key: retainAnalysis,
     title: "留存分析",
     backImg: "src/assets/images/icon7.png",
   },
   {
     id: "8",
-    key:viscosityAnalysis,
+    key: viscosityAnalysis,
     title: "用户粘性分析",
     backImg: "src/assets/images/icon8.png",
   },
@@ -345,9 +340,36 @@ const tabList = ref([
     backImg: "src/assets/images/icon10.png",
   },
 ]);
+onMounted(() => {
+  getTableData("用户属性表");
+});
+const getTableData = (name) => {
+  fileTable.value = []
+  portraitModel
+    .getUserTableData({
+      userId: 492,
+      tableName: name,
+    })
+    .then((res) => {
+      fileTable.value.push(res.data);
+      // console.log(res,'--');
+    })
+    .catch((error) => {});
+};
 const handleChange = (index) => {
   console.log(index);
   menuIndex.value = index;
+  if (index == 1) {
+    getTableData("用户属性表");
+  } else if (index == 2) {
+    getTableData("用户登录活跃表");
+  } else if (index == 3) {
+    getTableData("用户消费能力表");
+  } else if (index == 4) {
+    getTableData("用户行为表");
+  } else {
+    getTableData("用户评论表");
+  }
 };
 const changeTab = (item) => {
   currentComponent.value = item.key;