From 3c9304b7a8f4b581f516679a17d75e4947c23a32 Mon Sep 17 00:00:00 2001
From: HeHaonan <1822907900@qq.com>
Date: Fri, 9 Aug 2024 18:02:31 +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

---
 .../components/basketAnalysis.vue             | 386 +++++++++++++-
 .../components/repurchaseAnalysis.vue         | 484 +++++++++++++++---
 2 files changed, 784 insertions(+), 86 deletions(-)

diff --git a/src/views/portraitModel/components/basketAnalysis.vue b/src/views/portraitModel/components/basketAnalysis.vue
index d5ad855..026bd78 100644
--- a/src/views/portraitModel/components/basketAnalysis.vue
+++ b/src/views/portraitModel/components/basketAnalysis.vue
@@ -4,9 +4,7 @@
       <img src="@/assets/images/导入.png" alt="" />
       <span>任务知识导入</span>
     </div>
-    <div v-if="knowledgeFlag" v-html="knowledgeHtml">
-      
-    </div>
+    <div v-if="knowledgeFlag" v-html="knowledgeHtml"></div>
     <div v-if="!knowledgeFlag">
       <div class="caseBack">
         <div class="title">
@@ -100,7 +98,7 @@
             </div>
           </div>
 
-          <div class="submit">提交</div>
+          <div class="submit" @click="step1Submit">提交</div>
         </div>
       </div>
       <div class="line"></div>
@@ -137,7 +135,7 @@
               </template>
             </el-table-column>
           </el-table>
-          <div class="submit">提交</div>
+          <div class="submit" @click="step2Submit">提交</div>
         </div>
       </div>
       <div class="line"></div>
@@ -197,7 +195,7 @@
               </template>
             </el-table-column>
           </el-table>
-          <div class="submit">提交</div>
+          <div class="submit" @click="step3Submit">提交</div>
         </div>
       </div>
       <div class="line"></div>
@@ -244,7 +242,7 @@
               </template>
             </el-table-column>
           </el-table>
-          <div class="submit">提交</div>
+          <div class="submit" @click="step4Submit">提交</div>
         </div>
         <p style="line-height: 25px; font-size: 14px">
           进一步的分析，可以分析支持度最高top10的商品组合、置信度最高top10的商品组合、提升度最高top10的商品组合。
@@ -283,12 +281,19 @@
 </template>
 
 <script setup>
+import * as portraitModel from "@/api/portraitModel";
+import * as echarts from "echarts";
+import { downBlobFile } from "@/utils/index.js";
+import { onBeforeUnmount, onMounted } from "vue";
 const { proxy } = getCurrentInstance();
-const knowledgeHtml = ref(`<p style="text-align: left;">一、理解购物篮分析</p><p style="text-align: left;"><span style="font-family: 微软雅黑;">购物篮分析是指通过分析消费者在电商平台上的购物数据，了解他们购买商品之间的关联性，从而发现潜在的消费行为和需求，为电商平台提供决策支持。通过购物篮分析，电商平台可以更好地理解用户的购物习惯和偏好，从而为用户提供更加精准的推荐和产品布局。</span></p><p>购物篮分析的关键衡量指标有三个：支持度、置信度、提升度</p><p>为了更好地解释这三个指标，这里我先跟大家举个例子，后续就用这个例子说明。</p><p>某超市30天订单数一共10000单，其中包含A商品的订单有600单，包含B商品的订单有400单，同时包含A和B两种商品的订单有300单。</p><p>购买A商品的概率 P(A)=(600/10000)*100%=6%</p><p>购买B商品的概率 P(B)=(400/10000)*100%=4%</p><p>同时购买A商品和B商品的概率 P(A∩B)=(300/10000)*100%=3%</p><p style="text-align: left;">1.支持度</p><p style="text-align: left;">支持度是指A和B两个商品同时被购买的概率，代表了这个组合的可靠程度。</p><p style="text-align: left;">AB组合的支持度=同时包含A和B商品的订单数/总订单数*100%</p><p style="text-align: left;">在本例中,AB组合的支持度=P(A∩B)=(300/10000) *100%=3%</p><p style="text-align: left;">2.置信度</p><p style="text-align: left;">置信度是指购买A之后又购买了B的条件概率,是买了A和B的订单占所有买了A的订单里的占比。代表买了A的用户有多大概率会再买B，既买A产品对B产品产生了多大的影响。</p><p style="text-align: left;">A对B的置信度=同时包含A和B商品的订单数/包含A商品的订单数*100%</p><p style="text-align: left;">在本例中，A对B的置信度=P(A∩B)/P(A)=(300/600)*100%=50%</p><p style="text-align: left;">3.提升度</p><p style="text-align: left;">A对B提升度=A对B的置信度/P(B)，是指在购买A产品这个条件下购买B产品的可能性与没有这个条件下购买B 产品的可能性之比。</p><p style="text-align: left;">它的计算方法是：A对B的置信度/P(B)。提升度和置信度一样，也是一个条件概率。</p><p style="text-align: left;"> &nbsp; &nbsp; 当置信度&gt;P(B)时,A对B的提升度&gt;1，则表示买A再买B的概率大于本身买B的概率,就表示买A对买B带来了提升效果。</p><p style="text-align: left;"> &nbsp; &nbsp; 当置信度＜P(B)时,A对B的提升度&lt;1，则表示买A再买B的概率小于本身买B的概率,就表示买A对买B带来了负向效果。</p><p style="text-align: left;"> &nbsp; &nbsp; 当置信度等于P(B)时,A对B的提升度=1，则代表买A对买B没有影响。</p><p style="text-align: left;">在本例中，A对B的提升度=A对B的置信度/P(B)=50%/4%=12.5，表示商品A对商品B有较大的提升，有较大的搭配价值，建议搭配。</p><p style="text-align: left;">二、利用购物篮分析优化产品推荐</p><p style="text-align: left;"><span style="font-family: 微软雅黑;">1. 推荐算法优化：根据用户的历史购物数据，结合用户画像和行为数据，制定更加精准的推荐算法。通过分析用户的购买行为，了解他们的购物习惯和偏好，为不同的用户提供个性化的推荐。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">2. 动态推荐：根据用户在购物过程中的实时行为，实时调整推荐结果，确保推荐内容与用户需求高度匹配。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">3. 推荐内容丰富度：除了商品推荐外，还可以考虑推荐相关服务、优惠券、套餐等，增加用户购物的丰富度和满意度。</span></p><p style="text-align: left;">三、利用购物篮分析优化产品布局</p><p style="text-align: left;"><span style="font-family: 微软雅黑;">1. 商品分类优化：根据用户的购物习惯和偏好，对商品进行分类和布局，提高用户在搜索和浏览过程中的便利性。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">2. 突出热销商品：通过分析用户的购买数据，了解哪些商品最受用户欢迎，将热销商品放在更加显眼的位置，提高用户的点击率和购买率。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">3. 季节性商品布局：根据季节变化，提前布局相关季节性商品，提高用户在特定季节的购买欲望。</span></p><p style="text-align: left;">四、利用购物篮分析提升客户服务体验</p><p style="text-align: left;"><span style="font-family: 微软雅黑;">1. 客户反馈处理：通过购物篮分析，了解用户对哪些商品、服务和功能存在不满，及时调整和优化，提高用户满意度。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">2. 售后服务优化：针对购买后可能出现的问题和售后需求，提前做好应对措施和解决方案，提高用户的售后服务体验。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">3. 个性化客服：针对不同用户的购物习惯和偏好，提供个性化的客服服务，提高用户对电商平台的信任度和忠诚度。</span></p><p style="text-align: left;">五、利用购物篮分析进行数据驱动的营销策略</p><p style="text-align: left;"><span style="font-family: 微软雅黑;">1. 优惠券策略：根据用户的购物数据和习惯，制定个性化的优惠券策略，提高用户的购买意愿和转化率。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">2. 组合营销：针对用户的购买行为和需求，制定有针对性的组合营销策略，提高用户的购买量和忠诚度。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">3. 社交媒体推广：通过社交媒体平台，利用购物篮分析结果进行精准推广，提高品牌知名度和用户参与度。</span></p><p style="text-align: left;"><br></p>`)
+const knowledgeHtml = ref(
+  `<p style="text-align: left;">一、理解购物篮分析</p><p style="text-align: left;"><span style="font-family: 微软雅黑;">购物篮分析是指通过分析消费者在电商平台上的购物数据，了解他们购买商品之间的关联性，从而发现潜在的消费行为和需求，为电商平台提供决策支持。通过购物篮分析，电商平台可以更好地理解用户的购物习惯和偏好，从而为用户提供更加精准的推荐和产品布局。</span></p><p>购物篮分析的关键衡量指标有三个：支持度、置信度、提升度</p><p>为了更好地解释这三个指标，这里我先跟大家举个例子，后续就用这个例子说明。</p><p>某超市30天订单数一共10000单，其中包含A商品的订单有600单，包含B商品的订单有400单，同时包含A和B两种商品的订单有300单。</p><p>购买A商品的概率 P(A)=(600/10000)*100%=6%</p><p>购买B商品的概率 P(B)=(400/10000)*100%=4%</p><p>同时购买A商品和B商品的概率 P(A∩B)=(300/10000)*100%=3%</p><p style="text-align: left;">1.支持度</p><p style="text-align: left;">支持度是指A和B两个商品同时被购买的概率，代表了这个组合的可靠程度。</p><p style="text-align: left;">AB组合的支持度=同时包含A和B商品的订单数/总订单数*100%</p><p style="text-align: left;">在本例中,AB组合的支持度=P(A∩B)=(300/10000) *100%=3%</p><p style="text-align: left;">2.置信度</p><p style="text-align: left;">置信度是指购买A之后又购买了B的条件概率,是买了A和B的订单占所有买了A的订单里的占比。代表买了A的用户有多大概率会再买B，既买A产品对B产品产生了多大的影响。</p><p style="text-align: left;">A对B的置信度=同时包含A和B商品的订单数/包含A商品的订单数*100%</p><p style="text-align: left;">在本例中，A对B的置信度=P(A∩B)/P(A)=(300/600)*100%=50%</p><p style="text-align: left;">3.提升度</p><p style="text-align: left;">A对B提升度=A对B的置信度/P(B)，是指在购买A产品这个条件下购买B产品的可能性与没有这个条件下购买B 产品的可能性之比。</p><p style="text-align: left;">它的计算方法是：A对B的置信度/P(B)。提升度和置信度一样，也是一个条件概率。</p><p style="text-align: left;"> &nbsp; &nbsp; 当置信度&gt;P(B)时,A对B的提升度&gt;1，则表示买A再买B的概率大于本身买B的概率,就表示买A对买B带来了提升效果。</p><p style="text-align: left;"> &nbsp; &nbsp; 当置信度＜P(B)时,A对B的提升度&lt;1，则表示买A再买B的概率小于本身买B的概率,就表示买A对买B带来了负向效果。</p><p style="text-align: left;"> &nbsp; &nbsp; 当置信度等于P(B)时,A对B的提升度=1，则代表买A对买B没有影响。</p><p style="text-align: left;">在本例中，A对B的提升度=A对B的置信度/P(B)=50%/4%=12.5，表示商品A对商品B有较大的提升，有较大的搭配价值，建议搭配。</p><p style="text-align: left;">二、利用购物篮分析优化产品推荐</p><p style="text-align: left;"><span style="font-family: 微软雅黑;">1. 推荐算法优化：根据用户的历史购物数据，结合用户画像和行为数据，制定更加精准的推荐算法。通过分析用户的购买行为，了解他们的购物习惯和偏好，为不同的用户提供个性化的推荐。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">2. 动态推荐：根据用户在购物过程中的实时行为，实时调整推荐结果，确保推荐内容与用户需求高度匹配。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">3. 推荐内容丰富度：除了商品推荐外，还可以考虑推荐相关服务、优惠券、套餐等，增加用户购物的丰富度和满意度。</span></p><p style="text-align: left;">三、利用购物篮分析优化产品布局</p><p style="text-align: left;"><span style="font-family: 微软雅黑;">1. 商品分类优化：根据用户的购物习惯和偏好，对商品进行分类和布局，提高用户在搜索和浏览过程中的便利性。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">2. 突出热销商品：通过分析用户的购买数据，了解哪些商品最受用户欢迎，将热销商品放在更加显眼的位置，提高用户的点击率和购买率。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">3. 季节性商品布局：根据季节变化，提前布局相关季节性商品，提高用户在特定季节的购买欲望。</span></p><p style="text-align: left;">四、利用购物篮分析提升客户服务体验</p><p style="text-align: left;"><span style="font-family: 微软雅黑;">1. 客户反馈处理：通过购物篮分析，了解用户对哪些商品、服务和功能存在不满，及时调整和优化，提高用户满意度。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">2. 售后服务优化：针对购买后可能出现的问题和售后需求，提前做好应对措施和解决方案，提高用户的售后服务体验。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">3. 个性化客服：针对不同用户的购物习惯和偏好，提供个性化的客服服务，提高用户对电商平台的信任度和忠诚度。</span></p><p style="text-align: left;">五、利用购物篮分析进行数据驱动的营销策略</p><p style="text-align: left;"><span style="font-family: 微软雅黑;">1. 优惠券策略：根据用户的购物数据和习惯，制定个性化的优惠券策略，提高用户的购买意愿和转化率。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">2. 组合营销：针对用户的购买行为和需求，制定有针对性的组合营销策略，提高用户的购买量和忠诚度。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑;">3. 社交媒体推广：通过社交媒体平台，利用购物篮分析结果进行精准推广，提高品牌知名度和用户参与度。</span></p><p style="text-align: left;"><br></p>`
+);
 const list = ref(["-"]);
 const combinationValue1 = ref("");
 const combinationValue2 = ref("");
 const knowledgeFlag = ref(false);
+const combinationRight = ref(["A—B", "A—C", "A—D", "B—C", "B—D", "C—D"]);
 const step1Data = ref([
   {
     name: "A",
@@ -309,34 +314,34 @@ const step1Data = ref([
 ]);
 const fileTable1 = ref([
   {
-    id: "A",
-    goods1: "200",
-    goods2: "2023.02.01",
-    goods3: "3",
+    id: "1",
+    goods1: "A",
+    goods2: "B",
+    goods3: "C",
   },
   {
-    id: "B",
-    goods1: "300",
-    goods2: "2023.02.02",
-    goods3: "3",
+    id: "2",
+    goods1: "A",
+    goods2: "C",
+    goods3: "D",
   },
   {
-    id: "A",
-    goods1: "2023.02.03",
-    goods2: "200",
-    goods3: "3",
+    id: "3",
+    goods1: "B",
+    goods2: "C",
+    goods3: "",
   },
   {
-    id: "D",
-    goods1: "2023.02.04",
-    goods2: "150",
-    goods3: "3",
+    id: "4",
+    goods1: "A",
+    goods2: "B",
+    goods3: "D",
   },
   {
-    id: "C",
-    goods1: "2023.02.05",
-    goods2: "100",
-    goods3: "3",
+    id: "5",
+    goods1: "C",
+    goods2: "D",
+    goods3: "",
   },
 ]);
 const step2Data = ref([
@@ -493,6 +498,21 @@ const typeData = ref([
     data2: "占总销售额的10%，给予一般关注",
   },
 ]);
+const step1Error = ref(0);
+const step2Error = ref(0);
+const step3Error = ref(0);
+const step4Error = ref(0);
+const step1AnswerFlag = ref(false);
+const step2AnswerFlag = ref(false);
+const step3AnswerFlag = ref(false);
+const step4AnswerFlag = ref(false);
+const errorNum = ref(0);
+onMounted(() => {
+  getData();
+});
+onBeforeUnmount(() => {
+  saveData();
+});
 const moveUp = (index, row) => {
   console.log("上移", index, row);
   if (index > 0) {
@@ -524,6 +544,316 @@ const addCombination = () => {
   }
   list.value.push(combinationValue1.value + "—" + combinationValue2.value);
 };
+const step1Submit = () => {
+  step1Error.value = 0;
+  // console.log(isArrayContained(list.value, combinationRight.value)); // 输出：true
+  if (!isArrayContained(list.value, combinationRight.value)) {
+    step1Error.value = 1;
+  }
+  console.log("错误数", step1Error.value);
+  proxy.$modal.msgSuccess("提交成功");
+  step1AnswerFlag.value = true;
+};
+function isArrayContained(arr1, arr2) {
+  return arr2.every((element) => arr1.includes(element));
+}
+const step2Submit = () => {
+  // console.log(0);
+  step2Error.value = 0;
+  for (let i in step2Data.value) {
+    // console.log(fileTable1.value[i]);
+    if (!step2Data.value[i].params) {
+      proxy.$modal.msgError("请先完成所有填空");
+      return;
+    }
+  }
+  if (step2Data.value[0].params && step2Data.value[0].params !== "60") {
+    step2Error.value++;
+  }
+  if (step2Data.value[1].params && step2Data.value[1].params !== "60") {
+    step2Error.value++;
+  }
+  if (step2Data.value[2].params && step2Data.value[2].params !== "80") {
+    step2Error.value++;
+  }
+  if (step2Data.value[3].params && step2Data.value[3].params !== "60") {
+    step2Error.value++;
+  }
+  console.log(step2Error.value, "错误数");
+  proxy.$modal.msgSuccess("提交成功");
+  step2AnswerFlag.value = true;
+};
+const step3Submit = () => {
+  step3Error.value = 0;
+  for (let i in step3Data.value) {
+    // console.log(fileTable1.value[i]);
+    if (
+      !step3Data.value[i].params1 ||
+      !step3Data.value[i].params2 ||
+      !step3Data.value[i].params3
+    ) {
+      proxy.$modal.msgError("请先完成所有填空");
+      return;
+    }
+  }
+  if (
+    step3Data.value[0].params1 &&
+    step3Data.value[0].params1 !== "40" &&
+    step3Data.value[0].params1 !== "40.00"
+  ) {
+    step3Error.value++;
+  }
+  if (step3Data.value[0].params2 && step3Data.value[0].params2 !== "66.67") {
+    step3Error.value++;
+  }
+  if (step3Data.value[0].params3 && step3Data.value[0].params3 !== "111.11") {
+    step3Error.value++;
+  }
+  if (
+    step3Data.value[1].params1 &&
+    step3Data.value[1].params1 !== "20" &&
+    step3Data.value[1].params1 !== "20.00"
+  ) {
+    step3Error.value++;
+  }
+  if (step3Data.value[1].params2 && step3Data.value[1].params2 !== "33.33") {
+    step3Error.value++;
+  }
+  if (step3Data.value[1].params3 && step3Data.value[1].params3 !== "41.67") {
+    step3Error.value++;
+  }
+  if (
+    step3Data.value[2].params1 &&
+    step3Data.value[2].params1 !== "40" &&
+    step3Data.value[2].params1 !== "40.00"
+  ) {
+    step3Error.value++;
+  }
+  if (
+    step3Data.value[2].params2 &&
+    step3Data.value[2].params2 !== "60.00" &&
+    step3Data.value[2].params2 !== "60"
+  ) {
+    step3Error.value++;
+  }
+  if (
+    step3Data.value[2].params3 &&
+    step3Data.value[2].params3 !== "100.00" &&
+    step3Data.value[2].params3 !== "100"
+  ) {
+    step3Error.value++;
+  }
+  if (
+    step3Data.value[3].params1 &&
+    step3Data.value[3].params1 !== "20" &&
+    step3Data.value[3].params1 !== "20.00"
+  ) {
+    step3Error.value++;
+  }
+  if (step3Data.value[3].params2 && step3Data.value[3].params2 !== "33.33") {
+    step3Error.value++;
+  }
+  if (step3Data.value[3].params3 && step3Data.value[3].params3 !== "41.67") {
+    step3Error.value++;
+  }
+  if (
+    step3Data.value[4].params1 &&
+    step3Data.value[4].params1 !== "20" &&
+    step3Data.value[4].params1 !== "20.00"
+  ) {
+    step3Error.value++;
+  }
+  if (step3Data.value[4].params2 && step3Data.value[4].params2 !== "33.33") {
+    step3Error.value++;
+  }
+  if (step3Data.value[4].params3 && step3Data.value[4].params3 !== "55.56") {
+    step3Error.value++;
+  }
+  if (
+    step3Data.value[5].params1 &&
+    step3Data.value[5].params1 !== "40" &&
+    step3Data.value[5].params1 !== "40.00"
+  ) {
+    step3Error.value++;
+  }
+  if (
+    step3Data.value[5].params2 &&
+    step3Data.value[5].params2 !== "50.00" &&
+    step3Data.value[5].params2 !== "50"
+  ) {
+    step3Error.value++;
+  }
+  if (step3Data.value[5].params3 && step3Data.value[5].params3 !== "83.33") {
+    step3Error.value++;
+  }
+  console.log(step3Error.value, "错误数");
+  proxy.$modal.msgSuccess("提交成功");
+  step3AnswerFlag.value = true;
+  // console.log(999);
+};
+const step4Submit = () => {
+  step4Error.value = 0;
+  for (let i in step4Data.value) {
+    // console.log(fileTable1.value[i]);
+    if (!step4Data.value[i].params) {
+      proxy.$modal.msgError("请先完成所有填空");
+      return;
+    }
+  }
+  if (step4Data.value[0].params && step4Data.value[0].params !== "提升效果") {
+    step4Error.value++;
+  }
+  if (step4Data.value[1].params && step4Data.value[1].params !== "负向效果") {
+    step4Error.value++;
+  }
+  if (step4Data.value[2].params && step4Data.value[2].params !== "没有影响") {
+    step4Error.value++;
+  }
+  if (step4Data.value[3].params && step4Data.value[3].params !== "负向效果") {
+    step4Error.value++;
+  }
+  if (step4Data.value[4].params && step4Data.value[4].params !== "负向效果") {
+    step4Error.value++;
+  }
+  if (step4Data.value[5].params && step4Data.value[5].params !== "负向效果") {
+    step4Error.value++;
+  }
+  // console.log(666);
+  console.log(step4Error.value, "错误数");
+  proxy.$modal.msgSuccess("提交成功");
+  step4AnswerFlag.value = true;
+};
+const saveData = () => {
+  const params = {
+    stepFiveA: list.value.join(","),
+    stepFiveB: step2Data.value[0].params,
+    stepFiveC: step2Data.value[1].params,
+    stepFiveD: step2Data.value[2].params,
+    stepSixA: step2Data.value[3].params,
+    stepSixB: step3Data.value[0].params1,
+    stepSixC: step3Data.value[0].params2,
+    stepSixD: step3Data.value[0].params3,
+    stepSevenA: step3Data.value[1].params1,
+    stepSevenB: step3Data.value[1].params2,
+    stepSevenC: step3Data.value[1].params3,
+    stepSevenD: step3Data.value[2].params1,
+    stepEightA: step3Data.value[2].params2,
+    stepEightB: step3Data.value[2].params3,
+    stepEightC: step3Data.value[3].params1,
+    stepEightD: step3Data.value[3].params2,
+    stepNineA: step3Data.value[3].params3,
+    stepNineB: step3Data.value[4].params1,
+    stepNineC: step3Data.value[4].params2,
+    stepNineD: step3Data.value[4].params3,
+    stepTenA: step3Data.value[5].params1,
+    stepTenB: step3Data.value[5].params2,
+    stepTenC: step3Data.value[5].params3,
+    stepTenD: step4Data.value[0].params,
+    stepElevenA: step4Data.value[1].params,
+    stepOneA: step4Data.value[2].params,
+    stepOneB: step4Data.value[3].params,
+    stepOneC: step4Data.value[4].params,
+    stepOneD: step4Data.value[5].params,
+    // stepTwoA: step6Data.value[0].params2,
+    // stepTwoB: step6Data.value[0].params3,
+    // stepTwoC: step6Data.value[1].params1,
+    // stepThreeA: step6Data.value[1].params2,
+    // stepThreeB: step6Data.value[1].params3,
+    // stepThreeC: step6Data.value[2].params1,
+    // stepThreeD: step6Data.value[2].params2,
+    // stepFourA: step6Data.value[2].params3,
+    // stepFourB: step7Data.value[0].params,
+    // stepFourC: step7Data.value[1].params,
+    // stepFourD: step7Data.value[2].params,
+  };
+  portraitModel
+    .saveData({
+      userId: 492,
+      module: "购物篮分析",
+      ...params,
+    })
+    .then((res) => {})
+    .catch((error) => {});
+};
+const getData = () => {
+  portraitModel
+    .getData({
+      userId: 492,
+      module: "购物篮分析",
+    })
+    .then((res) => {
+      list.value = res.data.stepFiveA.split(",");
+      step2Data.value[0].params = res.data.stepFiveB;
+      step2Data.value[1].params = res.data.stepFiveC;
+      step2Data.value[2].params = res.data.stepFiveD;
+      step2Data.value[3].params = res.data.stepSixA;
+      step3Data.value[0].params1 = res.data.stepSixB;
+      step3Data.value[0].params2 = res.data.stepSixC;
+      step3Data.value[0].params3 = res.data.stepSixD;
+      step3Data.value[1].params1 = res.data.stepSevenA;
+      step3Data.value[1].params2 = res.data.stepSevenB;
+      step3Data.value[1].params3 = res.data.stepSevenC;
+      step3Data.value[2].params1 = res.data.stepSevenD;
+      step3Data.value[2].params2 = res.data.stepEightA;
+      step3Data.value[2].params3 = res.data.stepEightB;
+      step3Data.value[3].params1 = res.data.stepEightC;
+      step3Data.value[3].params2 = res.data.stepEightD;
+      step3Data.value[3].params3 = res.data.stepNineA;
+      step3Data.value[4].params1 = res.data.stepNineB;
+      step3Data.value[4].params2 = res.data.stepNineC;
+      step3Data.value[4].params3 = res.data.stepNineD;
+      step3Data.value[5].params1 = res.data.stepTenA;
+      step3Data.value[5].params2 = res.data.stepTenB;
+      step3Data.value[5].params3 = res.data.stepTenC;
+      step4Data.value[0].params = res.data.stepTenD;
+      step4Data.value[1].params = res.data.stepElevenA;
+      step4Data.value[2].params = res.data.stepOneA;
+      step4Data.value[3].params = res.data.stepOneB;
+      step4Data.value[4].params = res.data.stepOneC;
+      step4Data.value[5].params = res.data.stepOneD;
+      // step6Data.value[0].params2 = res.data.stepTwoA;
+      // step6Data.value[0].params3 = res.data.stepTwoB;
+      // step6Data.value[1].params1 = res.data.stepTwoC;
+      // step6Data.value[1].params2 = res.data.stepThreeA;
+      // step6Data.value[1].params3 = res.data.stepThreeB;
+      // step6Data.value[2].params1 = res.data.stepThreeC;
+      // step6Data.value[2].params2 = res.data.stepThreeD;
+      // step6Data.value[2].params3 = res.data.stepFourA;
+      // step7Data.value[0].params = res.data.stepFourB;
+      // step7Data.value[1].params = res.data.stepFourC;
+      // step7Data.value[2].params = res.data.stepFourD;
+    })
+    .catch((error) => {});
+};
+const submitData = () => {
+  // console.log("asdasdasdsdsds");
+  if (
+    !step1AnswerFlag.value ||
+    !step2AnswerFlag.value ||
+    !step3AnswerFlag.value ||
+    !step4AnswerFlag.value
+  ) {
+    proxy.$modal.msgError("请先完成所有步骤！");
+    return;
+  }
+  errorNum.value =
+    step1Error.value + step2Error.value + step3Error.value + step4Error.value;
+  console.log(errorNum.value, "总错误次数");
+  portraitModel
+    .submit({
+      userId: 492,
+      taskName: "购物篮分析",
+      numberOfErrors: errorNum.value,
+    })
+    .then((res) => {
+      proxy.$modal.msgSuccess("提交成功");
+    })
+    .catch((error) => {});
+};
+defineExpose({
+  submitData,
+  // practicalTraining,
+});
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/portraitModel/components/repurchaseAnalysis.vue b/src/views/portraitModel/components/repurchaseAnalysis.vue
index ff24e7c..f4633df 100644
--- a/src/views/portraitModel/components/repurchaseAnalysis.vue
+++ b/src/views/portraitModel/components/repurchaseAnalysis.vue
@@ -12,7 +12,7 @@
         >https://zhuanlan.zhihu.com/p/649393225</a
       >
       <br />
-      
+
       <a
         href="https://baijiahao.baidu.com/s?id=1777456500129450397&wfr=spider&for=pc"
         target="_blank"
@@ -33,9 +33,7 @@
         rel="noopener noreferrer"
         >https://www.woshipm.com/data-analysis/5236102.html</a
       >
-      <div v-html="knowledgeHtml">
-
-      </div>
+      <div v-html="knowledgeHtml"></div>
     </div>
     <div v-if="!knowledgeFlag">
       <div class="caseBack">
@@ -59,13 +57,13 @@
           >
             <el-table-column label="订单ID" align="center" prop="id">
             </el-table-column>
-            <el-table-column label="客户ID" align="center" prop="goods1">
+            <el-table-column label="客户ID" align="center" prop="cid">
             </el-table-column>
-            <el-table-column label="购买金额" align="center" prop="goods2">
+            <el-table-column label="购买金额" align="center" prop="amount">
             </el-table-column>
-            <el-table-column label="购买商品" align="center" prop="goods3">
+            <el-table-column label="购买商品" align="center" prop="goods">
             </el-table-column>
-            <el-table-column label="订单日期" align="center" prop="goods3">
+            <el-table-column label="订单日期" align="center" prop="date">
             </el-table-column>
           </el-table>
           <div class="download">下载数据</div>
@@ -95,20 +93,20 @@
               backgroundColor: '#6A7DE9!important',
             }"
           >
-            <el-table-column label="订单ID" align="center" prop="name">
+            <el-table-column label="订单ID" align="center" prop="id">
             </el-table-column>
             <el-table-column
               label="客户ID"
               align="center"
-              prop="name"
+              prop="cid"
               width="100"
             >
             </el-table-column>
-            <el-table-column label="购买金额" align="center" prop="name">
+            <el-table-column label="购买金额" align="center" prop="amount">
             </el-table-column>
-            <el-table-column label="购买商品" align="center" prop="name">
+            <el-table-column label="购买商品" align="center" prop="goods">
             </el-table-column>
-            <el-table-column label="订单日期" align="center" prop="name">
+            <el-table-column label="订单日期" align="center" prop="date">
             </el-table-column>
             <el-table-column
               label="首购订单&复购订单"
@@ -136,7 +134,7 @@
             </el-table-column>
           </el-table>
 
-          <div class="submit">提交</div>
+          <div class="submit" @click="step1Submit">提交</div>
         </div>
       </div>
       <div class="line"></div>
@@ -346,7 +344,7 @@
               <span>商品复购排行</span>
             </div>
             <el-table
-              :data="step1Data"
+              :data="step5DataTable2"
               style="width: 270px"
               border
               :header-cell-style="{
@@ -371,10 +369,10 @@
                     size="small"
                   >
                     <el-option
-                      :label="item"
-                      :value="item"
-                      v-for="item in 10"
-                      :key="item"
+                      :label="item.label"
+                      :value="item.value"
+                      v-for="item in productList"
+                      :key="item.value"
                     />
                     <!-- <el-option :label="item" :value="item" />
                 <el-option label="C" value="C" />
@@ -390,7 +388,7 @@
               <span>每种商品复购的用户情况（用户习惯）</span>
             </div>
             <el-table
-              :data="step1Data"
+              :data="step5DataTable3"
               style="width: 370px"
               border
               :header-cell-style="{
@@ -410,22 +408,20 @@
                 label="复购率最高的用户"
                 align="center"
                 prop="name"
-                width="100"
+                width="130"
               >
-              </el-table-column>
-              <el-table-column label="复购次数" align="center" prop="amount">
                 <template #default="scope">
                   <el-select
-                    v-model="scope.row.params"
+                    v-model="scope.row.params1"
                     placeholder="请选择"
                     style="width: 95px"
                     size="small"
                   >
                     <el-option
-                      :label="item"
-                      :value="item"
-                      v-for="item in 10"
-                      :key="item"
+                      :label="item.label"
+                      :value="item.value"
+                      v-for="item in idList"
+                      :key="item.value"
                     />
                     <!-- <el-option :label="item" :value="item" />
                 <el-option label="C" value="C" />
@@ -433,6 +429,17 @@
                   </el-select>
                 </template>
               </el-table-column>
+              <el-table-column label="复购次数" align="center" prop="amount">
+                <template #default="scope">
+                  <el-input
+                    v-model="scope.row.params2"
+                    placeholder="请输入"
+                    style="width: 55px"
+                    size="small"
+                  ></el-input
+                  ><span>次</span>
+                </template>
+              </el-table-column>
             </el-table>
           </div>
           <div class="submit">提交</div>
@@ -542,6 +549,8 @@ const knowledgeHtml = ref(
   `<p style="text-align: left;">复购率分析是评估消费者对某一品牌或产品忠诚度的重要指标，它反映了消费者满意度和重复购买的行为。通过复购率分析，企业可以更好地了解消费者的购买行为和需求，从而制定更精准的营销策略和产品优化方向。</p><p style="text-align: left;">复购率的计算有两种主要方法：</p><p style="text-align: left;">按客户计算：一定时间内再次购买的客户的人数除以购买的总人数。这种方法不考虑客户购买的次数，只关注是否有重复购买行为。</p><p style="text-align: left;">按订单计算：一定时间内再次购买的客户的订单数除以购买的总订单数。这种方法会统计多次购买的客户订单，区分每次购买的订单。</p><p style="text-align: left;">推荐企业采取按客户计算的复购率算法，因为它更能反映消费者的忠诚度。然而，按订单计算的复购率可能会因为多次购买的客户产生的订单数较多而显得更高。</p><p style="text-align: left;">复购率分析的重要性体现在以下几个方面：</p><p style="text-align: left;">反映客户忠诚度：高复购率意味着消费者对产品的认可度高，愿意再次购买，从而反映出较高的客户忠诚度。</p><p style="text-align: left;">预测销售趋势：通过分析复购率的变化趋势，企业可以预测产品的未来表现，做出更明智的选品决策。</p><p style="text-align: left;">指导选品策略：结合其他指标如销售额、转化率等，对复购率进行综合分析，可以帮助企业筛选出具有潜力的爆款产品。</p><p style="text-align: left;">为了进行复购率分析，企业可以采用以下步骤：</p><p style="text-align: left;">1.收集数据：收集包括订单ID、订单日期、客户名称等指标的数据。</p><p style="text-align: left;">2.计算复购率：根据收集的数据计算一个月内每个用户的购买次数、统计一个月内的购买人数、统计每个月内多次购买的人数并计算月复购率。</p><p style="text-align: left;">3.可视化展示：通过可视化图表的形式展示复购率数据，发现数据规律和问题，如复购时间间隔分析、商品复购分析等。</p><p style="text-align: left;">4.结论分析：根据复购率和用户总数的变化趋势，分析用户黏性的健康度，制定相应的运营策略。</p><p style="text-align: left;">通过复购率分析，企业不仅可以评估现有客户的忠诚度和满意度，还可以预测未来的销售趋势，为产品优化和营销策略提供有力支持。</p>`
 );
 const list = ref(["-"]);
+const step1Error = ref(0);
+const step2Error = ref(0);
 const combinationValue1 = ref("");
 const combinationValue2 = ref("");
 const knowledgeFlag = ref(false);
@@ -555,52 +564,286 @@ const thirtyNumIn = ref(0);
 const thirtyNumOut = ref(0);
 const step1Data = ref([
   {
-    name: "A",
-    amount: "2300",
+    id: "dd001",
+    cid: "A",
+    amount: "189",
+    goods: "衬衫",
+    date: "2024-02-02",
+  },
+  {
+    id: "dd017",
+    cid: "A",
+    amount: "39",
+    goods: "睡衣",
+    date: "2024-02-24",
+  },
+  {
+    id: "dd003",
+    cid: "B",
+    amount: "99",
+    goods: "裤子",
+    date: "2024-02-04",
+  },
+  {
+    id: "dd008",
+    cid: "B",
+    amount: "143",
+    goods: "外套",
+    date: "2024-02-14",
+  },
+  {
+    id: "dd013",
+    cid: "B",
+    amount: "59",
+    goods: "衬衫",
+    date: "2024-02-22",
+  },
+  {
+    id: "dd006",
+    cid: "C",
+    amount: "141",
+    goods: "皮鞋",
+    date: "2024-02-12",
+  },
+  {
+    id: "dd011",
+    cid: "C",
+    amount: "191",
+    goods: "外套",
+    date: "2024-02-16",
+  },
+  {
+    id: "dd015",
+    cid: "C",
+    amount: "94",
+    goods: "睡衣",
+    date: "2024-02-23",
+  },
+  {
+    id: "dd019",
+    cid: "C",
+    amount: "186",
+    goods: "睡衣",
+    date: "2024-02-28",
+  },
+  {
+    id: "dd007",
+    cid: "D",
+    amount: "138",
+    goods: "裤子",
+    date: "2024-02-14",
+  },
+  {
+    id: "dd010",
+    cid: "D",
+    amount: "150",
+    goods: "裤子",
+    date: "2024-02-16",
+  },
+  {
+    id: "dd012",
+    cid: "D",
+    amount: "137",
+    goods: "裤子",
+    date: "2024-02-20",
   },
   {
-    name: "B",
-    amount: "2300",
+    id: "dd014",
+    cid: "D",
+    amount: "173",
+    goods: "衬衫",
+    date: "2024-02-22",
   },
   {
-    name: "C",
-    amount: "2300",
+    id: "dd018",
+    cid: "D",
+    amount: "99",
+    goods: "外套",
+    date: "2024-02-26",
   },
   {
-    name: "D",
-    amount: "2300",
+    id: "dd002",
+    cid: "E",
+    amount: "101",
+    goods: "短袖",
+    date: "2024-02-02",
+  },
+  {
+    id: "dd005",
+    cid: "F",
+    amount: "111",
+    goods: "外套",
+    date: "2024-02-10",
+  },
+  {
+    id: "dd009",
+    cid: "G",
+    amount: "171",
+    goods: "帽子",
+    date: "2024-02-15",
+  },
+  {
+    id: "dd004",
+    cid: "H",
+    amount: "176",
+    goods: "内衣",
+    date: "2024-02-07",
+  },
+  {
+    id: "dd020",
+    cid: "J",
+    amount: "52",
+    goods: "短袖",
+    date: "2024-02-28",
+  },
+  {
+    id: "dd016",
+    cid: "K",
+    amount: "82",
+    goods: "短袖",
+    date: "2024-02-24",
   },
 ]);
 const fileTable1 = ref([
   {
-    id: "A",
-    goods1: "200",
-    goods2: "2023.02.01",
-    goods3: "3",
+    id: "dd001",
+    cid: "A",
+    amount: "189",
+    goods: "衬衫",
+    date: "2024-02-02",
+  },
+  {
+    id: "dd002",
+    cid: "E",
+    amount: "101",
+    goods: "短袖",
+    date: "2024-02-02",
+  },
+  {
+    id: "dd003",
+    cid: "B",
+    amount: "99",
+    goods: "裤子",
+    date: "2024-02-04",
+  },
+  {
+    id: "dd004",
+    cid: "H",
+    amount: "176",
+    goods: "内衣",
+    date: "2024-02-07",
+  },
+  {
+    id: "dd005",
+    cid: "F",
+    amount: "111",
+    goods: "外套",
+    date: "2024-02-10",
+  },
+  {
+    id: "dd006",
+    cid: "C",
+    amount: "141",
+    goods: "皮鞋",
+    date: "2024-02-12",
+  },
+  {
+    id: "dd007",
+    cid: "D",
+    amount: "138",
+    goods: "裤子",
+    date: "2024-02-14",
+  },
+  {
+    id: "dd008",
+    cid: "B",
+    amount: "143",
+    goods: "外套",
+    date: "2024-02-14",
+  },
+  {
+    id: "dd009",
+    cid: "G",
+    amount: "171",
+    goods: "帽子",
+    date: "2024-02-15",
+  },
+  {
+    id: "dd010",
+    cid: "D",
+    amount: "150",
+    goods: "裤子",
+    date: "2024-02-16",
+  },
+  {
+    id: "dd011",
+    cid: "C",
+    amount: "191",
+    goods: "外套",
+    date: "2024-02-16",
+  },
+  {
+    id: "dd012",
+    cid: "D",
+    amount: "137",
+    goods: "裤子",
+    date: "2024-02-20",
+  },
+  {
+    id: "dd013",
+    cid: "B",
+    amount: "59",
+    goods: "衬衫",
+    date: "2024-02-22",
+  },
+  {
+    id: "dd014",
+    cid: "D",
+    amount: "173",
+    goods: "衬衫",
+    date: "2024-02-22",
   },
   {
-    id: "B",
-    goods1: "300",
-    goods2: "2023.02.02",
-    goods3: "3",
+    id: "dd015",
+    cid: "C",
+    amount: "94",
+    goods: "睡衣",
+    date: "2024-02-23",
   },
   {
-    id: "A",
-    goods1: "2023.02.03",
-    goods2: "200",
-    goods3: "3",
+    id: "dd016",
+    cid: "K",
+    amount: "82",
+    goods: "短袖",
+    date: "2024-02-24",
   },
   {
-    id: "D",
-    goods1: "2023.02.04",
-    goods2: "150",
-    goods3: "3",
+    id: "dd017",
+    cid: "A",
+    amount: "39",
+    goods: "睡衣",
+    date: "2024-02-24",
   },
   {
-    id: "C",
-    goods1: "2023.02.05",
-    goods2: "100",
-    goods3: "3",
+    id: "dd018",
+    cid: "D",
+    amount: "99",
+    goods: "外套",
+    date: "2024-02-26",
+  },
+  {
+    id: "dd019",
+    cid: "C",
+    amount: "186",
+    goods: "睡衣",
+    date: "2024-02-28",
+  },
+  {
+    id: "dd020",
+    cid: "J",
+    amount: "52",
+    goods: "短袖",
+    date: "2024-02-28",
   },
 ]);
 const step2Data = ref([
@@ -944,6 +1187,120 @@ const rulesTable = ref([
     data4: "低",
   },
 ]);
+const step5DataTable2 = ref([
+  {
+    name: "1",
+  },
+  {
+    name: "2",
+  },
+  {
+    name: "3",
+  },
+  {
+    name: "4",
+  },
+  {
+    name: "5",
+  },
+]);
+const productList = ref([
+  {
+    value: "短袖",
+    label: "短袖",
+  },
+  {
+    value: "衬衫",
+    label: "衬衫",
+  },
+  {
+    value: "外套",
+    label: "外套",
+  },
+  {
+    value: "睡衣",
+    label: "睡衣",
+  },
+  {
+    value: "裤子",
+    label: "裤子",
+  },
+  {
+    value: "帽子",
+    label: "帽子",
+  },
+  {
+    value: "皮鞋",
+    label: "皮鞋",
+  },
+  {
+    value: "内衣",
+    label: "内衣",
+  },
+]);
+const step5DataTable3 = ref([
+  {
+    name: "短袖",
+  },
+  {
+    name: "衬衫",
+  },
+  {
+    name: "外套",
+  },
+  {
+    name: "睡衣",
+  },
+  {
+    name: "裤子",
+  },
+]);
+const idList = ref([
+  {
+    value: "无",
+    label: "无",
+  },
+  {
+    value: "A",
+    label: "A",
+  },
+  {
+    value: "B",
+    label: "B",
+  },
+  {
+    value: "C",
+    label: "C",
+  },
+  {
+    value: "D",
+    label: "D",
+  },
+  {
+    value: "E",
+    label: "E",
+  },
+  {
+    value: "F",
+    label: "F",
+  },
+  {
+    value: "G",
+    label: "G",
+  },
+  {
+    value: "J",
+    label: "J",
+  },
+  {
+    value: "K",
+    label: "K",
+  },
+  {
+    value: "H",
+    label: "H",
+  },
+]);
 const typeData = ref([
   {
     data1: "A类商品",
@@ -1113,6 +1470,17 @@ const draw = () => {
 
   option && myChart.setOption(option);
 };
+const step1Submit = () => {
+  step1Error.value = 0;
+  for (let i in step1Data.value) {
+    // console.log(fileTable1.value[i]);
+    if (!step1Data.value[i].params) {
+      proxy.$modal.msgError("请先完成所有填空");
+      return;
+    }
+  }
+  console.log(1);
+};
 </script>
 
 <style scoped lang="scss">
@@ -1122,9 +1490,9 @@ const draw = () => {
   border: 1px solid #0452c6;
   padding: 10px;
   //   opacity: 0.5;
-a:hover{
+  a:hover {
     text-decoration: underline;
-}
+  }
   .import {
     display: flex;
     font-size: 15px;