'tj'

src/views/digitalMarketingAlgorithms/components/descriptiveStatistics.vue

@@ -10,7 +10,8 @@
     </div>
     <div class="app-main">
       <div class="main-left">
-        <div class="left-top">
+        <div>
+            <div class="left-top">
           <span>一、选择指标</span>
         </div>
         <div class="metrics">
@@ -63,10 +64,14 @@
             </el-table>
             <el-button>计算</el-button>
         </div>
-        <div class="startOver">
+        </div>
+<div style="margin-top: auto;">
+    <div class="startOver">
             <img src="../../../assets/images/重新开始.png" alt="">
             <span>重新开始</span>
         </div>
+</div>
+       
       </div>
       <div class="main-right">
         <div>
@@ -91,7 +96,7 @@
   <el-dialog
     v-model="dialogVisible"
     title="实训任务提交"
-    width="545"
+    width="565"
     custom-class="dialogClass"
     :show-close="false"
   >
@@ -102,13 +107,51 @@
       </div>
       <img class="xtImg" src="../../../assets/images/线条.png" alt="">
     </template>
-    This is dialog content.
-    <span>This is a message</span>
+    <div class="from-item">
+        <el-form :inline="true" label-position="right" label-width="84px" :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-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-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-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-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-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>
+    </div>
     <template #footer>
       <div class="dialog-footer">
-        <el-button @click="dialogVisible = false">Cancel</el-button>
+        <el-button @click="dialogVisible = false">确定</el-button>
         <el-button type="primary" @click="dialogVisible = false">
-          Confirm
+          返回
         </el-button>
       </div>
     </template>
@@ -131,6 +174,10 @@ const tableLabel=reactive([
     {prop:'name',label:'注册时间'},
     {prop:'name',label:'所在地'}
 ])
+const formInline=reactive({
+    user:'',
+    region:''
+})
 const input=ref()
 const options = [
   {
@@ -173,8 +220,8 @@ const tableData = [
     name: 'Tom',
     address: 'No. 189, Grove St, Los Angeles',
   },
-  {
-    date: '2016-05-01',
+{
+    date: '2016-05-04',
     name: 'Tom',
     address: 'No. 189, Grove St, Los Angeles',
   },
@@ -216,12 +263,16 @@ margin: 20px 20px 0;
 }
 .app-main {
   //   background-color: #f5f5f5;
+  min-height: 965px;
   margin: 5px 20px 0;
-  height: calc(117vh - 150px);
+  height: 100%;
   display: flex;
   overflow: auto;
   .main-left {
     //水平居中
+    flex-direction: column;
+    min-height: 965px;
+    display: flex;
     width: 205px;
     height: 100%;
     background: #041c49;
@@ -246,7 +297,6 @@ margin: 20px 20px 0;
       }
     }
     .startOver{
-        margin-top: 70px;
         margin-left: -10px;
         width: 205px;
         height: 55px;
@@ -317,14 +367,28 @@ margin: 20px 20px 0;
         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;
+}
 </style>
 <style lang="scss">
 .el-dialog{
     background:url('../../../assets/images/弹框.png') !important;
+    background-size: 100% 100% !important;
     .el-dialog__header{
         padding: 5px 0px;
-        margin-right: -4px !important;
+        margin-right: 5px !important;
         .gbImg{
             cursor: pointer;
             width: 51px;
@@ -332,6 +396,10 @@ margin: 20px 20px 0;
             background-size: 100% 100%;
         }
     }
+    .xtImg{
+    margin-left: 18px;
+    width: 530px;
+  }
 }
 .my-header {
   display: flex;
@@ -343,8 +411,5 @@ margin: 20px 20px 0;
     color: #FFFFFF;
     padding: 38px 20px 0;
   }
-  .xtImg{
-    
-  }
 }
 </style>