zx-营销对比

src/views/MarketingComparison/index.vue

@@ -8,8 +8,8 @@
 -->
 <template>
     <div class="d-container">
-       <marketingComparison v-if="hasData == true"></marketingComparison>
+       <mcBeginCompare v-if="!hasData"></mcBeginCompare>
-       <mcBeginCompare v-else></mcBeginCompare>
+       <marketing-comparison v-else></marketing-comparison>
     </div>
 </template>
 

src/views/MarketingComparison/mcBeginCompare.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-03 17:12:47
- * @LastEditTime: 2021-12-14 18:14:20
+ * @LastEditTime: 2021-11-05 18:29:12
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Editiv
  * @FilePath: /data-show/src/views/MarketingComparison/mcBeginCompare.vue
@@ -14,7 +14,7 @@
         <v-label-div title="车型推荐">
           <v-btn @click="handlerSubmit">开始对比</v-btn>
         </v-label-div>
-        <div class="mbc-dd">
+        <div class="mbc-dd"  v-loading="load">
           <ul class="mb-ul">
             <li
               class="mbc-d-item"
@@ -45,6 +45,7 @@ export default {
   inject: ["reload"],
   data() {
     return {
+      load: false,
       form: {
         token: "",
         sType: 'series'
@@ -80,10 +81,11 @@ export default {
     // 获取推荐车型
     getData() {
       let obj = Object.assign({}, this.form);
+      this.load = true;
       getRecommendSeries(obj).then((res) => {
         let data = res.data || [];
         this.models = data;
-        console.log(data);
+        this.load = false;  
       });
     },
     // 删除
@@ -123,7 +125,7 @@ export default {
 }
 .mbc-inner {
   width: 100%;
-  height: 488px;
+  height: 400px;
   border: 2px solid #0f2a4d;
   margin-top: 16px;
   .mbc-dd {

src/views/MarketingComparison/mcChooseModel/index.vue

@@ -9,6 +9,7 @@
 <template>
   <div class="mccm-outter">
     <v-label-div title="切换车型">
+      <v-btn @click="refresh">返回选择页面</v-btn>
       <v-btn @click="goback">返回营销分析</v-btn>
     </v-label-div>
     <div class="mccm-inner">
@@ -33,7 +34,7 @@
                     placeholder="开始时间"
                     valueFormat="YYYY-MM-DD HH:mm:ss"
                     style="width: 82%; margin-left:18px"
-                    @change="handlerTime(item)"
+                    @ok="handlerTime(item)"
                   ></a-date-picker>
                 </a-form-model-item>
                 <a-form-model-item label="结束时间">
@@ -44,7 +45,7 @@
                     placeholder="结束时间"
                     valueFormat="YYYY-MM-DD HH:mm:ss"
                     style="width: 82%; margin-left:18px"
-                    @change="handlerTime(item)"
+                    @ok="handlerTime(item)"
                   ></a-date-picker>
                 </a-form-model-item>
               </a-form-model>
@@ -161,9 +162,6 @@ export default {
   },
   created() {
     this.brand = this.getBrand.brandname || "奥迪";
-    if(this.getSComparison == []) {
-      this.setMcStatus();
-    }
     if (this.getChangeSTime) {
       const arr = [];
       this.list.forEach((e) => {
@@ -181,6 +179,12 @@ export default {
     goback() {
       this.$router.go(-1);
     },
+    //删除已选择页面
+    refresh() {
+      for(let i=0;i<this.list.length;i++){
+        this.handlerDel(i);
+      };
+    },
     // 获取车型
     modelData() {
       let model = this.getModel.name || "";