up

src/pages/activity/ActivityManager.vue

@@ -5,7 +5,7 @@
         <Card>
           <div class="operateAndThemeItem">
             <div class="ThemeItem">
-              <img class="img" :src="item.img">
+              <img class="img" :src="'/kiisoo-ic' + item.logo">
               <div class="tipItem">
                 <span>{{item.name}}</span>
                 <span>{{item.description}}</span>
@@ -33,7 +33,6 @@
 </template>
 
 <script>
-  import Img from '../../assets/logo.png'
   import useTable from './useTable'
   import addActivity from './addActivity'
   import ActivityManager from "../../services/ActivityManager/ActivityManager"
@@ -168,6 +167,7 @@
     border: 1px dashed;
     text-align: center;
     line-height: 300px;
+    cursor: pointer;
   }
 </style>
 

src/pages/activity/ActivityPlan.vue

@@ -44,16 +44,21 @@
                       placement="top" @on-change="handlePage" class-name="ks-page"></Page>
             </Row>
         </Form>
+<!--      <useTable @dispalyuseModal="dispalyuseModal" :useModal="useModal" :id="id"></useTable>-->
     </div>
 </template>
 
 <script>
     import ActivityManager from "../../services/ActivityManager/ActivityManager";
+    import useTable from './useTable'
     import http from '../../services/CommonHttp'
 
     export default {
         name: "ActivityPlan",
         inject: ['setMenuName'],
+        components: {
+            useTable,
+        },
         data() {
             return {
                 totalSize: 0,

src/pages/activity/useActivityStepOne.vue

@@ -27,8 +27,9 @@
   </div>
 </template>
 <script>
-import store from "../../store/index"
-export default {
+    import store from "../../store/index"
+
+    export default {
         name: "useActivityStepOne",
         data() {
             return {
@@ -41,16 +42,16 @@ export default {
                 flag: store.getters.useModal,
                 ruleValidate: {
                     activityName: [
-          { required: true, message: '活动名称不能为空', trigger: 'blur' }
+                        {required: true, message: '活动名称不能为空', trigger: 'blur'}
                     ],
                     activityStartDate: [
-          { required: true, type: 'date', message: '开始时间不能为空', trigger: 'change' }
+                        {required: true, type: 'date', message: '开始时间不能为空', trigger: 'change'}
                     ],
                     activityEndDate: [
-          { required: true, type: 'date', message: '结束时间不能为空', trigger: 'change' }
+                        {required: true, type: 'date', message: '结束时间不能为空', trigger: 'change'}
                     ],
                     activityStyle: [
-          { required: true, message: '', trigger: 'blur' }
+                        {required: true, message: '', trigger: 'blur'}
                     ],
                 }
             }
@@ -76,18 +77,20 @@ export default {
                 store.getters.useData.activityEndDate = date
             }
         }
-}
+    }
 </script>
 
 <style scoped>
-.dateClass {
+  .dateClass {
     display: flex;
-}
-.text {
+  }
+
+  .text {
     position: relative;
     left: 100px;
-}
-.inputClass{
+  }
+
+  .inputClass {
     width: 1000px;
-}
+  }
 </style>

src/pages/activity/useActivityStepThree.vue

@@ -118,6 +118,7 @@ export default {
   color: #657180!important;
   background: #fff;
   padding: 0 12px;
+  cursor: pointer;
 }
 .tagColorClass {
   background: #6ac1d1;

src/pages/activity/useActivityStepTwo.vue

@@ -118,6 +118,7 @@ export default {
   color: #657180!important;
   background: #fff;
   padding: 0 12px;
+  cursor: pointer;
 }
 .tagColorClass {
   background: #6ac1d1;

src/pages/activity/useTable.vue

@@ -46,7 +46,6 @@ export default {
   watch: {
     useModal(val) {
       this.displayUseModal = val
-      this.id = this.id
     }
   },
 	mounted() {
@@ -58,6 +57,33 @@ export default {
       this.currentStep = 0
     },
     next() {
+        const data = store.getters.useData;
+        if (this.currentStep === 0) {
+            if (!data.activityStartDate) {
+                this.$Message.error('请填写活动开始时间');
+                return;
+            }
+            if (!data.activityEndDate) {
+                this.$Message.error('请填写活动结束时间');
+                return;
+            }
+            if (data.activityStartDate > data.activityEndDate) {
+                this.$Message.error('开始时间不能晚于结束时间');
+                return;
+            }
+        }
+        if (this.currentStep === 1) {
+            if (!data.selectCompanyValue || data.selectCompanyValue.length === 0) {
+                this.$Message.error('请至少选择1家公司');
+                return;
+            }
+        }
+        if (this.currentStep === 2) {
+            if (!data.selectShopValue || data.selectShopValue.length === 0) {
+                this.$Message.error('请至少选择1家店铺');
+                return;
+            }
+        }
       this.currentStep = this.currentStep + 1
     },
     back() {

src/store/modules/activity.js

@@ -3,7 +3,9 @@ const activity = {
   state: {
     useData: {},
     useModal: false,
-    id: ''
+    id: '',
+    store: [],
+    company: [],
   },
   mutations: {
     [types.SET_useData](state, useData) {