diff --git a/src/mixins/index.js b/src/mixins/index.js
index 4edc3d3..3302ec8 100644
--- a/src/mixins/index.js
+++ b/src/mixins/index.js
@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-10-12 13:56:13
- * @LastEditTime: 2021-11-02 16:17:56
+ * @LastEditTime: 2021-11-03 17:03:23
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/mixins/index.js
@@ -87,10 +87,10 @@ export default {
                 }
             },
             computed: {
-                ...mapGetters(['getZoom', 'getToken', 'getUser', 'getAccount', 'getCommTime', 'getCtime', 'getCtime2', 'getHeaderType', 'getBrand', 'getModel'])
+                ...mapGetters(['getZoom', 'getToken', 'getUser', 'getAccount', 'getCommTime', 'getCtime', 'getCtime2', 'getHeaderType', 'getBrand', 'getModel','getSComparison'])
             },
             methods: {
-                ...mapActions(["setZoom", 'setToken', 'setUser', 'setAccount', 'setCommTime', 'setCtime', 'setCtime2', 'setHeaderType', 'setBrand', 'setModel']),
+                ...mapActions(["setZoom", 'setToken', 'setUser', 'setAccount', 'setCommTime', 'setCtime', 'setCtime2', 'setHeaderType', 'setBrand', 'setModel', 'setSComparison']),
                 // 获取当前日期时间
                 getDatetime() {
                     let now = new Date();
diff --git a/src/router/index.js b/src/router/index.js
index b887f5d..a6f11c5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-10-08 09:26:29
- * @LastEditTime: 2021-11-03 11:48:10
+ * @LastEditTime: 2021-11-03 17:08:47
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/router/index.js
@@ -31,7 +31,7 @@ import Login from "@/views/Login"
 import EventDEC from "@/views/EventDEC"
 import MarketingAnalysis from "@/views/MarketingAnalysis"
 import ModelInsight from "@/views/ModelInsight"
-import MarketingComparison from "@/views/MarketingComparison"
+import mcIndex from "@/views/MarketingComparison"
 const router = [
     {
         path: '/login',
@@ -129,10 +129,10 @@ const router = [
                 component: ModelInsight
             },
             {
-                path: '/marketingComparison',
-                name: "marketingComparison",
+                path: '/mcIndex',
+                name: "mcIndex",
                 desc: "营销对比",
-                component: MarketingComparison
+                component: mcIndex
             },
         ]
     },
diff --git a/src/store/actions.js b/src/store/actions.js
index fed6820..19493e5 100644
--- a/src/store/actions.js
+++ b/src/store/actions.js
@@ -36,6 +36,9 @@ const actions = {
     },
     setModel: ({commit}, log) => {
         commit('setModel', log) 
-    }
+    },
+    setSComparison: ({commit}, log) => {
+        commit('setSComparison', log) 
+    },
 }
 export default actions
diff --git a/src/store/getters.js b/src/store/getters.js
index 8f85ef8..98e0c1f 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-10-12 13:37:06
- * @LastEditTime: 2021-10-28 19:36:01
+ * @LastEditTime: 2021-11-03 17:00:15
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/store/getters.js
@@ -36,6 +36,9 @@ const getters = {
     },
     getModel(state) {
         return state.model 
+    },
+    getSComparison(state) {
+        return state.sComparison 
     }
 }
 export default getters
diff --git a/src/store/mutations.js b/src/store/mutations.js
index ddcbdfc..0319867 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-10-12 13:37:35
- * @LastEditTime: 2021-10-28 19:35:17
+ * @LastEditTime: 2021-11-03 16:59:16
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/store/mutations.js
@@ -58,6 +58,11 @@ const mutations = {
         let str = JSON.stringify(obj);
         sessionStorage.setItem('model', str);
     },
+    setSComparison: (state, log) => {
+        state.sComparison = log;
+        let str = JSON.stringify(log);
+        sessionStorage.setItem('sComparison', str);
+    },
     
 }
 
diff --git a/src/store/state.js b/src/store/state.js
index 10abc8f..3dffcc2 100644
--- a/src/store/state.js
+++ b/src/store/state.js
@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-10-12 13:37:50
- * @LastEditTime: 2021-10-29 12:56:22
+ * @LastEditTime: 2021-11-03 16:56:14
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/store/state.js
@@ -18,5 +18,6 @@ const state = {
     headerType: sessionStorage.getItem('headerType') || 1,
     brand: JSON.parse(sessionStorage.getItem('brand')) || {},
     model: JSON.parse(sessionStorage.getItem('model')) || {},
+    sComparison: JSON.parse(sessionStorage.getItem('sComparison')) || [],
 }
 export default state;
diff --git a/src/views/MarketingAnalysis/brandVolumeTOP10/index.vue b/src/views/MarketingAnalysis/brandVolumeTOP10/index.vue
index f99864b..972b25d 100644
--- a/src/views/MarketingAnalysis/brandVolumeTOP10/index.vue
+++ b/src/views/MarketingAnalysis/brandVolumeTOP10/index.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-25 11:03:30
- * @LastEditTime: 2021-11-03 11:48:52
+ * @LastEditTime: 2021-11-03 17:09:42
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/MarketingAnalysis/brandVolumeTOP10/index.vue
@@ -55,7 +55,7 @@ export default {
             });
         },
         goPath() {
-            this.$router.push({path: "/marketingComparison"})
+            this.$router.push({path: "/mcIndex"})
         },
     },
 };
diff --git a/src/views/MarketingComparison/index.vue b/src/views/MarketingComparison/index.vue
index 0700260..16f7781 100644
--- a/src/views/MarketingComparison/index.vue
+++ b/src/views/MarketingComparison/index.vue
@@ -1,47 +1,34 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-03 11:45:09
- * @LastEditTime: 2021-11-03 16:00:45
+ * @LastEditTime: 2021-11-03 17:47:33
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/MarketingComparison/index.vue
 -->
 <template>
     <div class="d-container">
-       <div class="mc-outter">
-          <mcChooseModel></mcChooseModel>
-          <div class="mc-d1">
-              <mcOSVC></mcOSVC>
-              <mcIVC></mcIVC>
-          </div>
-          <mcTOPMedia></mcTOPMedia>
-          <mcChannelDistribution></mcChannelDistribution>
-          <div class="mc-d2">
-              <mcCTNF></mcCTNF>
-              <salesComparison></salesComparison>
-          </div>
-       </div>
+       <marketingComparison v-if="hasData"></marketingComparison>
+       <mcBeginCompare v-else></mcBeginCompare>
     </div>
 </template>
 
 <script>
-import mcChooseModel from "./mcChooseModel"
-import mcOSVC from "./mcOSVC"
-import mcIVC from "./mcIVC"
-import mcTOPMedia from "./mcTOPMedia"
-import mcChannelDistribution from "./mcChannelDistribution"
-import mcCTNF from "./mcCTNF"
-import salesComparison from "./salesComparison"
+import marketingComparison from "./marketingComparison.vue"
+import mcBeginCompare from "./mcBeginCompare.vue"
 export default {
-    name: "MarketingComparison",
+    name: "mcIndex",
     components: {
-        mcChooseModel, // 选择车型
-        mcOSVC, // 整体声量对比
-        mcIVC, // 互动量对比
-        mcTOPMedia, // 车型传播TOP媒体
-        mcChannelDistribution, // 渠道分布对比
-        mcCTNF, // 论坛总量对比
-        salesComparison // 销量对比
+        marketingComparison,
+        mcBeginCompare
+    },
+    data() {
+        return {
+            hasData: false
+        }
+    },
+    created() {
+        this.hasData = this.getSComparison.length > 0 ? true : false;
     }
 }
 </script>
diff --git a/src/views/MarketingComparison/marketingComparison.vue b/src/views/MarketingComparison/marketingComparison.vue
new file mode 100644
index 0000000..4e7d8fa
--- /dev/null
+++ b/src/views/MarketingComparison/marketingComparison.vue
@@ -0,0 +1,63 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-11-03 11:45:09
+ * @LastEditTime: 2021-11-03 16:00:45
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: /data-show/src/views/MarketingComparison/index.vue
+-->
+<template>
+    <div class="d-container">
+       <div class="mc-outter">
+          <mcChooseModel></mcChooseModel>
+          <div class="mc-d1">
+              <mcOSVC></mcOSVC>
+              <mcIVC></mcIVC>
+          </div>
+          <mcTOPMedia></mcTOPMedia>
+          <mcChannelDistribution></mcChannelDistribution>
+          <div class="mc-d2">
+              <mcCTNF></mcCTNF>
+              <salesComparison></salesComparison>
+          </div>
+       </div>
+    </div>
+</template>
+
+<script>
+import mcChooseModel from "./mcChooseModel"
+import mcOSVC from "./mcOSVC"
+import mcIVC from "./mcIVC"
+import mcTOPMedia from "./mcTOPMedia"
+import mcChannelDistribution from "./mcChannelDistribution"
+import mcCTNF from "./mcCTNF"
+import salesComparison from "./salesComparison"
+export default {
+    name: "marketingComparison",
+    components: {
+        mcChooseModel, // 选择车型
+        mcOSVC, // 整体声量对比
+        mcIVC, // 互动量对比
+        mcTOPMedia, // 车型传播TOP媒体
+        mcChannelDistribution, // 渠道分布对比
+        mcCTNF, // 论坛总量对比
+        salesComparison // 销量对比
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.mc-outter {
+    padding: 0px 16px 16px 16px;
+}
+.mc-d1 {
+    display: flex;
+    justify-content: flex-start;
+    margin-top: 16px;
+}
+.mc-d2 {
+   display: flex;
+   justify-content: flex-start;
+   margin-top: 16px; 
+}
+</style>
diff --git a/src/views/MarketingComparison/mcBeginCompare.vue b/src/views/MarketingComparison/mcBeginCompare.vue
new file mode 100644
index 0000000..ce2dcdc
--- /dev/null
+++ b/src/views/MarketingComparison/mcBeginCompare.vue
@@ -0,0 +1,101 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-11-03 17:12:47
+ * @LastEditTime: 2021-11-03 18:11:43
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Editiv
+ * @FilePath: /data-show/src/views/MarketingComparison/mcBeginCompare.vue
+-->
+<template>
+    <div class="d-container">
+        <div class="mbc-outter">
+            <mcChooseModel></mcChooseModel>
+            <div class="mbc-inner">
+                <v-label-div title="车型推荐">
+                </v-label-div>
+                <div class="mbc-dd">
+                    <ul class="mb-ul">
+                         <li class="mbc-d-item" :class="chooseArr.includes(item) ? 'liActive': ''" v-for="(item,index) in models" :key="index" @click="handlerModel(item)">{{item}}</li>
+                    </ul>
+                    <div style="clear: both"></div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</template>
+
+<script>
+import mcChooseModel from "./mcChooseModel";
+export default {
+    name: "mcBeginCompare",
+    components: {
+        mcChooseModel,
+    },
+    data() {
+        return {
+            chooseArr: [],
+            models: ["奥迪A4", "奥迪A6", "奥迪S3", "奥迪S4", "奥迪RS3", "奥迪RS4", "宝马1系",
+            "宝马2系","宝马3系","宝马M5","宝马M4","宝马M3","本田凌派","本田雅阁","本田缤智","本田冠道",
+            "本田奥德赛", "本田艾力绅", "比亚迪宋PRO", "比亚迪唐","比亚迪汉EV", "比亚迪秦", "比亚迪元", "比亚迪宋Max"
+            ]
+        }
+    },
+    methods: {
+        handlerModel(ele) {
+            let n = this.chooseArr.findIndex(e => e === ele);
+            if(n === -1 && this.chooseArr.length < 6) {
+             this.chooseArr.push(ele)   
+            }
+        }
+    }
+};
+</script>
+
+<style lang="less" scoped>
+.mbc-outter {
+    width: 100%;
+    padding: 0px 16px 16px 16px;
+}
+.mbc-inner {
+    width: 100%;
+    height: 488px;
+    border: 2px solid #0f2a4d;
+    margin-top: 16px;
+    .mbc-dd {
+        width: 100%;
+        height: calc(100% - 48px);
+       .mb-ul {
+           width: 100%;
+           height: 100%;
+           margin: 0;
+           padding: 0;
+           list-style: none;
+           li {
+               float: left;
+               width: 295px;
+               height: 89px;
+               background-color: #0f2b47;
+               margin-left: 16px;
+               margin-top: 16px;
+               color: #fff;
+               text-align: center;
+               border-radius: 2px;
+               border: 1px solid transparent;
+               line-height: 89px;
+               font-size: 20px;
+               font-weight: 500;
+               cursor: pointer;
+               &:hover {
+                   border: 1px solid #0058e6;
+               }
+           }
+           .liActive {
+               color: #0058e6;
+               border: 1px solid #0058e6;
+           }
+       }
+       
+    }
+}
+</style>
\ No newline at end of file