提交

src/views/portraitModel/components/abcAnalysis.vue

@@ -224,7 +224,7 @@
         </div>
         <div class="chartXData" v-if="step3AnswerFlag">
           <div style="display: flex; align-items: center; justify-content: center">
-            <el-select v-model="chartParam1" placeholder="请选择" style="width: 85px" class="XdataItem" size="small" @change="selectData($event, 4)">
+            <el-select v-model="chartParam1" placeholder="请选择" style="width: 85px" class="XdataItem" size="small" @change="selectData($event, 0)">
               <el-option :label="'男士配饰'" :value="'男士配饰'" />
               <el-option :label="'床上用品'" :value="'床上用品'" />
               <el-option :label="'婴儿用品'" :value="'婴儿用品'" />
@@ -236,7 +236,7 @@
             </div>
           </div>
           <div style="display: flex; align-items: center; justify-content: center">
-            <el-select v-model="chartParam2" placeholder="请选择" style="width: 85px" class="XdataItem" size="small" @change="selectData($event, 4)">
+            <el-select v-model="chartParam2" placeholder="请选择" style="width: 85px" class="XdataItem" size="small" @change="selectData($event, 1)">
               <el-option :label="'男士配饰'" :value="'男士配饰'" />
               <el-option :label="'床上用品'" :value="'床上用品'" />
               <el-option :label="'婴儿用品'" :value="'婴儿用品'" />
@@ -248,7 +248,7 @@
             </div>
           </div>
           <div style="display: flex; align-items: center; justify-content: center">
-            <el-select v-model="chartParam3" placeholder="请选择" style="width: 85px" class="XdataItem" size="small" @change="selectData($event, 4)">
+            <el-select v-model="chartParam3" placeholder="请选择" style="width: 85px" class="XdataItem" size="small" @change="selectData($event, 2)">
               <el-option :label="'男士配饰'" :value="'男士配饰'" />
               <el-option :label="'床上用品'" :value="'床上用品'" />
               <el-option :label="'婴儿用品'" :value="'婴儿用品'" />
@@ -260,7 +260,7 @@
             </div>
           </div>
           <div style="display: flex; align-items: center; justify-content: center">
-            <el-select v-model="chartParam4" placeholder="请选择" style="width: 85px" class="XdataItem" size="small" @change="selectData($event, 4)">
+            <el-select v-model="chartParam4" placeholder="请选择" style="width: 85px" class="XdataItem" size="small" @change="selectData($event, 3)">
               <el-option :label="'男士配饰'" :value="'男士配饰'" />
               <el-option :label="'床上用品'" :value="'床上用品'" />
               <el-option :label="'婴儿用品'" :value="'婴儿用品'" />
@@ -328,6 +328,8 @@ import * as portraitModel from "@/api/portraitModel";
 import { downBlobFile } from "@/utils/index.js";
 const { proxy } = getCurrentInstance();
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
+const barData = ref(["", "", "", ""]);
+const lineData = ref(["", "", "", ""]);
 const showAnswerFlag = ref(false);
 const dialogVisible = ref(false);
 const knowledgeFlag = ref(false);
@@ -639,7 +641,8 @@ const initCharts = () => {
           },
         },
         // data: [5900, 2400, 1100, 600],
-        data: [step3Data.value[0].data2, step3Data.value[1].data2, step3Data.value[2].data2, step3Data.value[3].data2],
+        // data: [step3Data.value[0].data2, step3Data.value[1].data2, step3Data.value[2].data2, step3Data.value[3].data2],
+        data: barData.value,
       },
 
       {
@@ -652,7 +655,8 @@ const initCharts = () => {
           },
         },
         // data: [59, 83, 94, 100],
-        data: [step3Data.value[0].params2, step3Data.value[1].params2, step3Data.value[2].params2, step3Data.value[3].params2],
+        // data: [step3Data.value[0].params2, step3Data.value[1].params2, step3Data.value[2].params2, step3Data.value[3].params2],
+        data: lineData.value,
       },
     ],
   };
@@ -900,14 +904,14 @@ const saveData = () => {
     stepNineB: chartParam2.value,
     stepNineC: chartParam3.value,
     stepNineD: chartParam4.value,
-    // stepTenA: step4Data.value[1].params2,
+    stepTenA: barData.value[0],
-    // stepTenB: step4Data.value[1].params3,
+    stepTenB: barData.value[1],
-    // stepTenC: step4Data.value[2].params1,
+    stepTenC: barData.value[2],
-    // stepTenD: step4Data.value[2].params2,
+    stepTenD: barData.value[3],
-    // stepElevenA: step4Data.value[2].params3,
+    stepElevenA: lineData.value[0],
-    // stepOneA: step5Data.value[0].params1,
+    stepOneA: lineData.value[1],
-    // stepOneB: step5Data.value[0].params2,
+    stepOneB: lineData.value[2],
-    // stepOneC: step5Data.value[0].params3,
+    stepOneC: lineData.value[3],
     // stepOneD: step6Data.value[0].params1,
     // stepTwoA: step6Data.value[0].params2,
     // stepTwoB: step6Data.value[0].params3,
@@ -1026,16 +1030,21 @@ const getData = () => {
         step4Data.value[3].data3 = step3Data.value[3].params2;
         step2AnswerFlag.value = true;
         step3AnswerFlag.value = true;
+        // initCharts();
+      }
+      barData.value[0] = res.data.stepTenA;
+      barData.value[1] = res.data.stepTenB;
+      barData.value[2] = res.data.stepTenC;
+      barData.value[3] = res.data.stepTenD;
+      lineData.value[0] = res.data.stepElevenA;
+      lineData.value[1] = res.data.stepOneA;
+      lineData.value[2] = res.data.stepOneB;
+      lineData.value[3] = res.data.stepOneC;
+      if (res.data.stepTenA || res.data.stepTenB || res.data.stepTenC || res.data.stepTenD || res.data.stepElevenA || res.data.stepOneA || res.data.stepOneB || res.data.stepOneC) {
         initCharts();
+        step2AnswerFlag.value = true;
+        step3AnswerFlag.value = true;
       }
-      // step4Data.value[1].params2 = res.data.stepTenA;
-      // step4Data.value[1].params3 = res.data.stepTenB;
-      // step4Data.value[2].params1 = res.data.stepTenC;
-      // step4Data.value[2].params2 = res.data.stepTenD;
-      // step4Data.value[2].params3 = res.data.stepElevenA;
-      // step5Data.value[0].params1 = res.data.stepOneA;
-      // step5Data.value[0].params2 = res.data.stepOneB;
-      // step5Data.value[0].params3 = res.data.stepOneC;
       // step6Data.value[0].params1 = res.data.stepOneD;
       // step6Data.value[0].params2 = res.data.stepTwoA;
       // step6Data.value[0].params3 = res.data.stepTwoB;
@@ -1140,6 +1149,23 @@ const getData = () => {
 const selectData = (item, index) => {
   console.log(index);
   // initCharts();
+  if (item == "男士配饰") {
+    barData.value[index] = 5900;
+    lineData.value[index] = 59;
+  }
+  if (item == "床上用品") {
+    barData.value[index] = 2400;
+    lineData.value[index] = 83;
+  }
+  if (item == "婴儿用品") {
+    barData.value[index] = 1100;
+    lineData.value[index] = 94;
+  }
+  if (item == "儿童服装") {
+    barData.value[index] = 600;
+    lineData.value[index] = 100;
+  }
+  initCharts();
 };
 const submitData = () => {
   console.log("tj");
@@ -1191,6 +1217,9 @@ const retrain = () => {
   chartParam2.value = "";
   chartParam3.value = "";
   chartParam4.value = "";
+  barData.value = ["", "", "", "", ""];
+  lineData.value = ["", "", "", "", ""];
+   initCharts();
   // })
   // .catch((error) => {});
 };