From 70e7ca033df3b9226976de49beeddc6777484c5c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=96=B9=E4=BD=B3=20=E5=8D=9A?=
 <12742597+fang-jiabo@user.noreply.gitee.com>
Date: Mon, 19 Aug 2024 09:09:51 +0800
Subject: [PATCH] 'tj'

---
 src/api/AI.js                                 |   8 +
 .../components/associationRuleMining.vue      |  39 +-
 .../components/regressionAnalysis.vue         | 538 ++++++++++++++++++
 .../digitalMarketingAlgorithms/index.vue      |   3 +-
 4 files changed, 558 insertions(+), 30 deletions(-)
 create mode 100644 src/views/digitalMarketingAlgorithms/components/regressionAnalysis.vue

diff --git a/src/api/AI.js b/src/api/AI.js
index 612d6c4..45ffb26 100644
--- a/src/api/AI.js
+++ b/src/api/AI.js
@@ -64,4 +64,12 @@ export function associationRuleMining(data) {
     method: 'post',
     data:data,
   })
+}
+//回归分析--线性回归
+export function linearRegression(data) {
+  return request({
+    url: '/api/model/regressionAnalysis',
+    method: 'post',
+    data:data,
+  })
 }
\ No newline at end of file
diff --git a/src/views/digitalMarketingAlgorithms/components/associationRuleMining.vue b/src/views/digitalMarketingAlgorithms/components/associationRuleMining.vue
index 69ed7b8..6f489d8 100644
--- a/src/views/digitalMarketingAlgorithms/components/associationRuleMining.vue
+++ b/src/views/digitalMarketingAlgorithms/components/associationRuleMining.vue
@@ -119,7 +119,7 @@
             <span style="font-weight: bold;font-size: 18px;color: #3596EB;display: block;">分析结果：</span>
             <el-button>下载</el-button>
             <el-table :data="tableData3" row-key="TSuid" style="width: 94%;margin-top:10px" :header-cell-style="headerCellStyle" height="350">
-                <el-table-column v-for="column in tableLabel" :key="column.prop" :prop="column.prop" :label="column.label" align="center"/>
+                <el-table-column v-for="column in tableLabel2" :key="column.prop" :prop="column.prop" :label="column.label" align="center"/>
             </el-table>
             <el-pagination style="margin-top:10px" background layout="prev, pager, next" :total="1000" />
         </div>
@@ -188,6 +188,9 @@ const dialogVisible=ref(false)
 const tableLabel=reactive([
     {prop:'date',label:''},
 ])
+const tableLabel2=reactive([
+    {prop:'date',label:''},
+])
 const getList=()=>{
   API.selectionMetrics({userId:JSON.parse(getUserInfo()).userId}).then((res)=>{
       res.data.forEach(element => {
@@ -312,39 +315,17 @@ const optionData2=()=>{
 const computation=()=>{
   if(input5.value&&input6.value&&input4.value){
       const sendData={
-          k:input5.value,
-          t:input6.value,
+        confidence:parseFloat(input5.value)/100,
+        support:parseFloat(input6.value)/100,
           userId:JSON.parse(getUserInfo()).userId,
           deduplicatedDataList:resTable2.value
       }
-      API.clusterAnalysisPlot(sendData).then((res)=>{
-        showChart.value=true
-          let sex=1
+      API.associationRuleMining(sendData).then((res)=>{
           tableData3.value=[]
-          res.data.forEach((item,index)=>{
-            const newItem = {};
-            tableLabel.forEach((label,index) => {
-              if(index===0){
-                newItem[label.prop] = '簇'+sex; // 动态设置字段名
-              }else{
-                newItem[label.prop] =''
-              }
-            });
-            newItem['TSuid']=sex
-            sex++
-            tableData3.value.push(newItem);
-            tableData3.value[index].children=[]
-            const children=ref([])
-            item.forEach((item2,sexx)=>{
-              const newItem2 = {};
-              tableLabel.forEach((label,index2) => {
-                  newItem2[label.prop] = item2[index2]; // 动态设置字段名
-              });
-              newItem2['TSuid']=''+sex+sexx
-              children.value.push(newItem2)
+          res.data.forEach(element=>{
+            tableData3.value.push({
+              date:element
             })
-            tableData3.value[index].children=children.value
-            console.log(tableData3.value);
           })
       })
   }
diff --git a/src/views/digitalMarketingAlgorithms/components/regressionAnalysis.vue b/src/views/digitalMarketingAlgorithms/components/regressionAnalysis.vue
new file mode 100644
index 0000000..0bd9253
--- /dev/null
+++ b/src/views/digitalMarketingAlgorithms/components/regressionAnalysis.vue
@@ -0,0 +1,538 @@
+<template>
+    <el-scrollbar ref="scrollbar" height="800px">
+      <div class="main-top">
+          <span style="font-weight: bold;font-size: 18px;color: #3596EB;">任务描述</span>
+          <p style="font-weight: 400;font-size: 12px;color: #E6E6E6;">（给出任务清单参考，做哪些数据的统计分析）Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
+      </div>
+      <div class="main-but">
+          <el-upload
+           ref="uploadRef"
+           class="upload-demo"
+           :file-list="fileList"
+           :auto-upload="false"
+           :on-change="handleChange"
+           :show-file-list="false"
+           multiple="multiple"
+         >
+           <template #trigger>
+            <el-button><img src="../../../assets/images/导入.png" alt="">算法知识导入</el-button>
+           </template>
+           <!-- <div class="reportPromptFile" v-html="item[`${index}`].path"></div> -->
+         </el-upload>
+          <el-button  @click="taskSubmit"><img src="../../../assets/images/提交.png" alt="">实训任务提交</el-button>
+      </div>
+      <div class="app-main">
+        <div class="main-left">
+          <div>
+              <div class="left-top">
+            <span>一、选择指标</span>
+          </div>
+          <div class="metrics">
+              <el-select v-model="input" placeholder="请选择" style="width: 180px" @change="optionData">
+                  <el-option
+                      v-for="item in options"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                  />
+              </el-select>
+          </div>
+          <div class="metrics-table" style="margin-top: 10px">
+              <el-table border :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" @selection-change="handleSelectionChange" >
+                  <el-table-column type="selection" label="Date" align="center"  :selectable="flag"/>
+                  <el-table-column prop="text" label="指标"  align="center"/>
+              </el-table>
+              <el-button @click="taskZB">确定</el-button>
+          </div>
+          <div class="left-top" style="margin-top:50px">
+            <span>二、数据预处理</span>
+          </div>
+          <div class="metrics">
+              <el-select v-model="input2" @change="optionData2" placeholder="请选择" style="width: 180px">
+                  <el-option
+                      v-for="item in options2"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                  />
+              </el-select>
+          </div>
+          <div class="metrics" style="margin-top:15px">
+              <el-select v-model="input3" @change="optionData2" placeholder="请选择" style="width: 180px">
+                  <el-option
+                      v-for="item in options3"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                  />
+              </el-select>
+          </div>
+          <div class="left-top" style="margin-top: 50px">
+            <span>三、模型参数设置</span>
+          </div>
+          <div class="metrics-table" style="margin-top: 10px">
+              <span style="font-weight: 400;font-size: 12px;color: #FFFFFF;">
+                聚类方法：
+              </span>
+              <div class="metrics" style="margin-top:10px">
+                    <el-select v-model="input4" placeholder="请选择" style="width: 180px">
+                        <el-option
+                            v-for="item in options4"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                        />
+                    </el-select>
+                </div>
+                <div style="margin-top:10px;">
+                    <span style="font-weight: 400;font-size: 12px;color: #FFFFFF;">
+                        Y变量选择：
+                    </span>
+                    <el-input v-model="input5" style="width: 160px;margin-top:5px"/>
+                </div>
+                <div style="margin-top:10px;">
+                    <span style="font-weight: 400;font-size: 12px;color: #FFFFFF;">
+                        X变量选择:
+                    </span>
+                    <el-input v-model="input6" style="width: 160px;margin-top:5px"/>
+                </div>
+              <el-button @click="computation">计算</el-button>
+          </div>
+          </div>
+  <div style="margin-top: auto;">
+      <div class="startOver" @click="startOver()">
+              <img src="../../../assets/images/重新开始.png" alt="">
+              <span>重新开始</span>
+          </div>
+  </div>
+         
+        </div>
+        <div class="main-right">
+          <div>
+              <span style="font-weight: bold;font-size: 18px;color: #3596EB;">分析数据：</span>
+              <el-table :data="tableData2"  style="width: 94%;margin-top:10px" :header-cell-style="headerCellStyle" height="350">
+                  <el-table-column v-for="column in tableLabel" :key="column.prop" :prop="column.prop" :label="column.label" align="center"/>
+              </el-table>
+              <el-pagination style="margin-top:10px" background layout="prev, pager, next" :total="1000" />
+          </div>
+          <div class="analysisResults" style="margin-top: 20px">
+              <span style="font-weight: bold;font-size: 18px;color: #3596EB;display: block;">分析结果：</span>
+              <el-button>下载</el-button>
+              <el-table :data="tableData3" row-key="TSuid" style="width: 94%;margin-top:10px" :header-cell-style="headerCellStyle" height="350">
+                  <el-table-column v-for="column in tableLabel2" :key="column.prop" :prop="column.prop" :label="column.label" align="center"/>
+              </el-table>
+              <el-pagination style="margin-top:10px" background layout="prev, pager, next" :total="1000" />
+          </div>
+        </div>
+      </div>
+    </el-scrollbar>
+  
+    <el-dialog
+      v-model="dialogVisible"
+      title="实训任务提交"
+      width="600"
+      custom-class="dialogClass"
+      :show-close="false"
+    >
+    <template #header="{ close, titleId, titleClass }">
+        <div class="my-header">
+          <span :id="titleId" :class="titleClass">实训任务提交</span>
+         <img class="gbImg" src="../../../assets/images/关闭.png" @click="close" alt="">
+        </div>
+        <img class="xtImg" src="../../../assets/images/线条.png" alt="">
+      </template>
+      <div class="from-item">
+          <el-form :inline="true" label-position="right" label-width="115px" :model="form" class="demo-form-inline">
+              <el-form-item label="聚类个数：">
+                  <el-input style="width: 120px;" v-model="formInline.user" clearable />
+              </el-form-item>
+              <el-form-item label="最大迭代次数：">
+                  <el-input style="width: 120px;" v-model="formInline.user" clearable />
+              </el-form-item>
+            </el-form>
+              <span style="color:#FFFFFF;font-weight: 700;">各簇类特征描述：</span>
+            <el-form :inline="true" label-position="right" style="margin:15px 0" label-width="115px" :model="form" class="demo-form-inline">
+              <el-form-item label="簇类1:">
+                  <el-input style="width: 240px;" v-model="formInline.user" clearable />
+              </el-form-item>
+              <el-form-item label="簇类2:">
+                  <el-input style="width: 240px;" v-model="formInline.user" clearable />
+              </el-form-item>
+              <el-form-item label="簇类3:">
+                  <el-input style="width: 240px;" v-model="formInline.user" clearable />
+              </el-form-item>
+              <el-form-item label="簇类4:">
+                  <el-input style="width: 240px;" v-model="formInline.user" clearable />
+              </el-form-item>
+              </el-form>
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="dialogVisible = false">确定</el-button>
+          <el-button type="primary" @click="dialogVisible = false">
+            返回
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </template>
+  
+  <script setup>
+  import * as echarts from 'echarts';
+  import ecStat from 'echarts-stat';
+  import * as API from '@/api/AI.js'
+  import { getUserInfo } from "@/utils/auth";
+  import { onMounted } from 'vue';
+  const { proxy } = getCurrentInstance()
+  const dialogVisible=ref(false)
+  const tableLabel=reactive([
+      {prop:'date',label:''},
+  ])
+  const tableLabel2=reactive([
+      {prop:'date',label:''},
+  ])
+  const getList=()=>{
+    API.selectionMetrics({userId:JSON.parse(getUserInfo()).userId}).then((res)=>{
+        res.data.forEach(element => {
+            options.value.push({
+                value:element,
+                label:element
+            })
+        })
+    })
+  }
+  const showChart=ref(false)
+  const fileList=ref([])
+  const handleChange=(info)=>{
+    fileList.value.push(info);
+  }
+  const flag=ref(false)
+  
+  onMounted(()=>{
+    getList()
+  })
+  
+  const optionData=()=>{
+    API.viewingMetrics({userId:JSON.parse(getUserInfo()).userId,tableName:input.value,algorithmName:'回归分析'}).then((res)=>{
+        tableData.value=[]
+        res.data.forEach(element => {
+            tableData.value.push({
+                text:element
+            })
+        })
+    })
+  }
+  const selectedRows = ref([]);
+  const handleSelectionChange = (selection) => {
+    selectedRows.value = selection;
+    };
+  const tableData2=ref([])
+  const tableData3=ref([])
+  const resTable2=ref()
+    const taskZB=()=>{
+        flag.value=true
+        if(selectedRows.value.length===0){
+            return
+        }
+        const sendData={
+            tableName:input.value,
+            userId:JSON.parse(getUserInfo()).userId,
+            fieldList:selectedRows.value.map(item=>item.text)
+        }
+        API.analysisDataDisplay(sendData).then((res)=>{
+            tableLabel.length=0
+                for (const key in res.data[0]) {
+                    tableLabel.push({
+                        label:key,
+                        prop:key
+                    })
+                }
+                tableData2.value=res.data
+            flag.value=true
+        })
+    }
+  const formInline=reactive({
+      user:'',
+      region:''
+  })
+  const input=ref()
+  const options = ref([])
+  const input2=ref()
+  const options2=ref([
+    {
+        value:'数据区重',
+        label:'数据去重'
+    }
+  ])
+  const input3=ref()
+  const options3=ref([
+    {
+        value:'缺失值处理--剔除数据',
+        label:'缺失值处理--剔除数据'
+    },{
+        value:'缺失值处理--均值替换',
+        label:'缺失值处理--均值替换'
+    },
+  ])
+  const input4=ref()
+  const options4=ref([
+    {
+        value:'线性回归',
+        label:'线性回归'
+    },{
+        value:'Logistic逻辑回归',
+        label:'Logistic逻辑回归'
+    },
+  ])
+  const input5=ref()
+  const input6=ref()
+  const taskSubmit=()=>{
+      dialogVisible.value=true
+  }
+  const tableData = ref([
+    
+  ])
+  const headerCellStyle=()=>{
+       return {
+      backgroundColor: "#1882DE !important", // 设置表头背景颜色
+      color: "#ffffff !important",
+    };
+  }
+  const optionData2=()=>{
+    if(input2.value&&input3.value){
+        const sendData=ref({
+            mapList:tableData2.value,
+            method:input3.value,
+            userId:JSON.parse(getUserInfo()).userId
+        })
+        API.dataPreprocessing(sendData.value).then((res)=>{
+            resTable2.value=res.data
+            tableData2.value=[]
+            tableData2.value=res.data
+            proxy.$modal.msgSuccess("预处理成功！");
+        })
+    }
+  }
+  
+  //生产表格
+  const computation=()=>{
+    if(input5.value&&input6.value&&input4.value){
+        const sendData={
+          confidence:parseFloat(input5.value)/100,
+          support:parseFloat(input6.value)/100,
+            userId:JSON.parse(getUserInfo()).userId,
+            deduplicatedDataList:resTable2.value
+        }
+        API.associationRuleMining(sendData).then((res)=>{
+            tableData3.value=[]
+            res.data.forEach(element=>{
+              tableData3.value.push({
+                date:element
+              })
+            })
+        })
+    }
+  }
+  const startOver=()=>{
+    input.value=''
+    tableData.value=[]
+    tableData2.value=[]
+    tableData3.value=[]
+    input2.value=''
+    input3.value=''
+    input4.value=''
+    input5.value=''
+    input6.value=''
+  }
+  </script>
+  
+  <style lang="scss" scoped>
+  .main-top {
+  margin: 20px 20px 0;
+    margin-top: 10px;
+    height: 85px;
+    background: #001d40;
+    border: 1px solid #0452c6;
+    padding: 5px 20px;
+  }
+  .main-but{
+      margin: 5px 20px 0;
+      display: flex;
+      .el-button:nth-child(1) {
+          width: 180px;
+          height: 56px;
+          background: url('../../../assets/images/011.png');
+          color:#FFFFFF;
+          border-color:#FFFFFF00;
+        }
+        .el-button:nth-child(2) {
+          width: 180px;
+          height: 56px;
+          background: url('../../../assets/images/022.png');
+          color:#FFFFFF;
+          border-color:#FFFFFF00;
+        }
+  }
+  .app-main {
+    //   background-color: #f5f5f5;
+    min-height: 965px;
+    margin: 5px 20px 0;
+    height: 100%;
+    display: flex;
+    overflow: auto;
+    .main-left {
+      //水平居中
+      flex-direction: column;
+      min-height: 965px;
+      display: flex;
+      width: 205px;
+    //   height: 100%;
+      background: #041c49;
+      padding: 0px 10px;
+      .left-top {
+        padding: 10px;
+        span {
+          font-weight: bold;
+          font-size: 18px;
+          color: #3596eb;
+        }
+      }
+      .metrics-table{
+          .el-button {
+          width: 149px;
+          height: 48px;
+          background: url('../../../assets/images/确定.png');
+          color:#FFFFFF;
+          border-color:#FFFFFF00;
+          background-size: 100% 100%;
+          margin: 15px;
+        }
+        .el-input{
+            --el-input-text-color:#FFFFFF;
+          --el-input-bg-color:#002651;
+          --el-input-border-color:#67B3D6;
+        }
+      }
+      .startOver{
+          margin-left: -10px;
+          width: 205px;
+          height: 55px;
+          background: #00F4FF;
+          //水平居中
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+      }
+      :deep(.el-table) {
+      --el-table-row-hover-bg-color:#002651 !important;
+      --el-table-border-color: #7AC1FF;
+    .el-table__row{
+      background-color: #002652 !important;
+      color: #E6E6E6;
+    }
+  }
+    }
+    .main-right {
+      width: 1639px;
+    //   height: 100%;
+      padding: 20px;
+      border: 1px solid #0452c6;
+      :deep(.el-table__header){
+      .el-table__cell{
+              background:linear-gradient(0deg, #5304BE 0%, #9126FE 100%) !important;
+          }
+      }
+      :deep(.el-table) {
+          --el-table-row-hover-bg-color:#002651 !important;
+          --el-table-border-color: #002651;
+          --el-table-bg-color:#FFFFFF00;
+      .el-table__row{
+          background-color: #002652 !important;
+          color: #E6E6E6;
+      }
+      }
+    }
+    .metrics{
+          :deep(.el-input){
+              .el-input__wrapper{
+                  background-color:#FFFFFF00;
+                  background-image:url('../../../assets/images/下拉框.png');
+                  background-size: 100% 100%;
+              }
+              --el-input-text-color:#FFFFFF;
+              --el-input-border-color:#FFFFFF00;
+              --el-input-hover-border-color:#FFFFFF00;
+              --el-input-hover-border:#FFFFFF00;
+              --el-select-border-color-hover:#FFFFFF00;
+              --el-select-input-focus-border-color:#FFFFFF00;
+              --el-input-placeholder-color:#FFFFFF;
+              .el-input__inner{
+                  color:#FFFFFF;
+              }
+          }
+      }
+  }
+  .analysisResults{
+      .el-button {
+          width: 89px;
+          height: 31px;
+          background: url('../../../assets/images/下载.png');
+          color:black;
+          border-color:#FFFFFF00;
+          // background-size: 100% 100%;
+          margin: 15px 0px 5px;
+        }
+  }
+  :deep(.el-form-item__label){
+      color: #FFFFFF;;
+  }
+  .from-item{
+      padding: 20px;
+      .el-input{
+          --el-input-text-color:#FFFFFF;
+          --el-input-bg-color:#002651;
+          --el-input-border-color:#67B3D6;
+      }
+  }
+  .dialog-footer{
+      margin-bottom: 20px;
+  }
+  :deep(.el-table__expand-icon){
+    color: #9126FE;
+    .el-icon{
+      font-size: 16px;
+    }
+  }
+  </style>
+  <style lang="scss">
+  .dialogClass{
+      background:url('../../../assets/images/弹框.png') !important;
+      background-size: 100% 100% !important;
+      .el-dialog__header{
+          padding: 5px 0px;
+          margin-right: 5px !important;
+          .gbImg{
+              cursor: pointer;
+              width: 51px;
+              height: 31px;
+              background-size: 100% 100%;
+          }
+      }
+      .xtImg{
+      margin-left: 18px;
+      width: 530px;
+    }
+  }
+  .my-header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    gap: 16px;
+    text-align: center;
+    span{
+      color: #FFFFFF;
+      padding: 38px 20px 0;
+    }
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/digitalMarketingAlgorithms/index.vue b/src/views/digitalMarketingAlgorithms/index.vue
index 5bb3a9d..233e6c3 100644
--- a/src/views/digitalMarketingAlgorithms/index.vue
+++ b/src/views/digitalMarketingAlgorithms/index.vue
@@ -21,8 +21,9 @@
   import descriptiveStatistics from './components/descriptiveStatistics.vue'
   import clusterAnalysis from './components/clusterAnalysis.vue'
   import associationRuleMining from './components/associationRuleMining.vue'
+  import regressionAnalysis from './components/regressionAnalysis.vue'
   const component=ref(big)
-  const pageData=[big,descriptiveStatistics,clusterAnalysis,associationRuleMining]
+  const pageData=[big,descriptiveStatistics,clusterAnalysis,associationRuleMining,regressionAnalysis]
   const isActive=ref(1)
   const activeIndex=(index)=>{
     isActive.value=index