chore: 移除无用的代码

package.json

@@ -16,12 +16,8 @@
     "lodash": "^4.17.20",
     "print-js": "^1.6.0",
     "qrcode.vue": "^1.7.0",
-    "swiper": "^6.3.5",
     "vue": "^2.7.16",
-    "vue-awesome-swiper": "3.1.3",
-    "vue-mobile-calendar": "^3.3.0",
-    "vue-router": "^3.6.5",
-    "vuex": "^3.6.2"
+    "vue-router": "^3.6.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue2": "^2.3.3",

src/main.js

@@ -4,17 +4,13 @@ import '@ezijing/vue-passport/dist/vue-passport.css'
 import ElementUI from 'element-ui'
 // import 'element-ui/lib/theme-chalk/index.css'
 import router from './router' // router定义
-import store from './store'
 import App from './app.vue'
-import Calendar from 'vue-mobile-calendar'
 import './style.scss'
 
-Vue.use(Calendar)
 Vue.use(ElementUI)
 Vue.use(VuePassport)
 
 new Vue({
-  store,
   router,
   render: (h) => h(App),
 }).$mount('#app')

src/pages/train/list.vue

@@ -7,19 +7,14 @@
       :data="screenTabsData"
       @tabChange="HandleTabChange"></screen-tabs>
     <div class="train-mian">
-      <ul>
-        <template v-for="(item, index) in tabsContentList">
+      <ul v-if="currentList.length">
+        <template v-for="(item, index) in currentList">
           <li :key="index" v-if="tabsIndex === 0 || tabsIndex === item.activeIndex">
             <listItem :data="item" />
           </li>
         </template>
       </ul>
-      <div class="calendar">
-        <inlineCalendar mode="during"></inlineCalendar>
-        <div class="btn-box">
-          <div class="btn">确定</div>
-        </div>
-      </div>
+      <noData v-else />
     </div>
   </div>
 </template>
@@ -33,14 +28,20 @@ export default {
   data() {
     return {
       tabsIndex: 1,
-      tabsContentList: datalist,
+      datalist,
       screenTabsData: {
         name: '筛选：',
         options: ['全部', '正在进行', '未开始', '已结束'],
       },
     }
   },
-
+  computed: {
+    currentList() {
+      return this.datalist.filter((item) => {
+        return this.tabsIndex === 0 || this.tabsIndex === item.activeIndex
+      })
+    },
+  },
   methods: {
     HandleTabChange(index) {
       this.tabsIndex = index
@@ -65,71 +66,6 @@ export default {
   padding: 24px 0;
   justify-content: left;
 }
-.train-mian {
-  display: flex;
-  ul {
-    width: 700px;
-  }
-  .calendar {
-    width: 336px;
-    height: 385px;
-    background: #ffffff;
-    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
-    margin-left: auto;
-    .btn-box {
-      width: 100%;
-      border-top: 1px solid #eee;
-      overflow: hidden;
-      .btn {
-        margin-top: 10px;
-        width: 62px;
-        height: 36px;
-        background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #c01540 100%);
-        border-radius: 4px;
-        text-align: center;
-        line-height: 36px;
-        color: #fff;
-        font-size: 14px;
-        float: right;
-        margin-right: 24px;
-        cursor: pointer;
-      }
-    }
-  }
-}
-::v-deep {
-  .m-row {
-    &::before {
-      background-color: #fff !important;
-    }
-  }
-  .m-week-header {
-    background: #fff;
-  }
-  .m-calendar {
-    .m-toolbar {
-      height: 58px;
-      background: #fff;
-      border-bottom: 1px solid #eee;
-      margin-bottom: 10px;
-    }
-  }
-  .m-during {
-    background: #c01540 !important;
-  }
-  .m-prev-btn {
-    width: 11px !important;
-    height: 18px !important;
-    background-image: url(https://zws-imgs-pub.ezijing.com/static/public/8cc2155bd9f98ae7e50d64bf4bad9e6a.png) !important;
-    background-size: 100% 100% !important;
-  }
-  .m-next-btn {
-    width: 11px !important;
-    height: 18px !important;
-    background-image: url(https://zws-imgs-pub.ezijing.com/static/public/ef4abd96b29419b0eb182c291f802488.png) !important;
-    background-size: 100% 100% !important;
-  }
-}
 .new-tits {
   text-align: center;
   font-size: 20px;

src/store/index.js

-import Vue from 'vue'
-import Vuex from 'vuex'
-import * as api from '@/api/article'
-
-Vue.use(Vuex)
-
-const store = new Vuex.Store({
-  state: {
-    classify: {},
-  },
-  getters: {},
-  mutations: {
-    setClassify(state, classify) {
-      state.classify = classify
-    },
-  },
-  actions: {
-    getClassify({ commit }) {
-      api.getAllClassify().then((response) => {
-        commit('setClassify', response.data)
-      })
-    },
-  },
-})
-export default store
-store.dispatch('getClassify')