index block images - using ali-oss

src/views/accurateTeaching/main.vue

@@ -16,7 +16,7 @@ export default {
   data() {
     return {
       bannerStyle: {
-        backgroundImage: `url(${require('@/assets/images/index/banner/library-banner.png')})`,
+        backgroundImage: `url(${this.$imgBase}2023/index/banner/library-banner.png)`,
         height: '300px'
       }
     }

src/views/career/index.vue

@@ -19,7 +19,7 @@ export default {
   data() {
     return {
       bannerStyle: {
-        backgroundImage: `url(${require('@/assets/images/index/banner/voluntary-banner.png')})`,
+        backgroundImage: `url(${this.$imgBase}2023/index/banner/voluntary-banner.png)`,
         height: '300px'
       },
       singleAttr: {

src/views/career/main.vue

@@ -40,7 +40,7 @@ export default {
   data() {
     return {
       bannerStyle: {
-        backgroundImage: `url(${require('@/assets/images/index/banner/assistant-banner.png')})`,
+        backgroundImage: `url(${this.$imgBase}2023/index/banner/assistant-banner.png)`,
         height: '300px'
       },
       nounList: [

src/views/career/zhiyuan/cards/index-card-voluntary-entry.vue

@@ -1,6 +1,6 @@
 <template>
   <index-card title="模拟志愿">
-    <el-image :src="require('@/assets/images/index/voluntary/voluntary-simulate.png')"/>
+    <el-image :src="`${$imgBase}2023/index/voluntary/voluntary-simulate.png`"/>
     <div class="fx-row fx-cen-cen">
       <div class="mt15">
         <el-button type="primary" size="large" @click="$router.push({name: 'SimulatedVolunteer'})">进入填报</el-button>

src/views/career/zhiyuan/cards/index-card-voluntary-f6.vue

@@ -30,37 +30,37 @@ export default {
         {
           ...commonStyle,
           title: '批次控制线',
-          src: require('@/assets/images/index/voluntary/voluntary-batch.png'),
+          src: `${this.$imgBase}2023/index/voluntary/voluntary-batch.png`,
           path: {name: 'BatchLine'}
         },
         {
           ...commonStyle,
           title: '投档线',
-          src: require('@/assets/images/index/voluntary/voluntary-shift.png'),
+          src: `${this.$imgBase}2023/index/voluntary/voluntary-shift.png`,
           path: {name: 'ShiftLine'}
         },
         {
           ...commonStyle,
           title: '一分一段',
-          src: require('@/assets/images/index/voluntary/voluntary-segment.png'),
+          src: `${this.$imgBase}2023/index/voluntary/voluntary-segment.png`,
           path: {name: 'ScoreSegment'}
         },
         {
           ...commonStyle,
           title: '招生计划',
-          src: require('@/assets/images/index/voluntary/voluntary-plan.png'),
+          src: `${this.$imgBase}2023/index/voluntary/voluntary-plan.png`,
           path: {name: 'EnrollPlan'}
         },
         {
           ...commonStyle,
           title: '高考政策',
-          src: require('@/assets/images/index/voluntary/voluntary-policy.png'),
+          src: `${this.$imgBase}2023/index/voluntary/voluntary-policy.png`,
           path: {name: 'NewsAll'}
         },
         {
           ...commonStyle,
           title: '院校查询',
-          src: require('@/assets/images/index/voluntary/voluntary-college.png'),
+          src: `${this.$imgBase}2023/index/voluntary/voluntary-college.png`,
           path: {name: 'LibraryCollege'}
         }
       ]

src/views/elective/main.vue

@@ -6,7 +6,6 @@
       <index-card-test4 class="mt20 index-block" />
       <index-card-career class="mt20 index-block"/>
       <index-card-college class="mt20 index-block" />
-      <index-card-news-single class="mt20 index-block" type="高考政策" :morePath="{name: 'NewsAll'}"  />
       <index-card-elective class="mt20 index-block" />
     </div>
   </div>
@@ -38,7 +37,7 @@ export default {
   data() {
     return {
       bannerStyle: {
-        backgroundImage: `url(${require('@/assets/images/index/banner/elective-banner.png')})`,
+        backgroundImage: `url(${this.$imgBase}2023/index/banner/elective-banner.png)`,
         height: '300px'
       }
     }

src/views/evaluating/main.vue

@@ -87,7 +87,7 @@ export default {
   data() {
     return {
       bannerStyle: {
-        backgroundImage: `url(${require('@/assets/images/index/banner/study-banner.png')})`,
+        backgroundImage: `url(${this.$imgBase}2023/index/banner/study-banner.png)`,
         height: '300px'
       },
       role: checkRole(['frontStudent']),

src/views/index/components/index-card-college.vue

@@ -2,7 +2,8 @@
   <index-card simple title="院校排名" more-text="查看全部" @more="handleMore">
     <el-row :gutter="12">
       <el-col :span="8">
-        <div class="width100 college-rank-a rd8">
+        <div class="width100 college-rank-bg rd8"
+             :style="{backgroundImage: `url(${$imgBase}2023/index/login/college-rank-a.png)`}">
           <div class="f-333 f18 bold" style="letter-spacing: 2px">校友会排行榜</div>
           <index-card-content :list="listA" :gutter="0" :line-size="1">
             <template #default="{item, index}">
@@ -12,7 +13,8 @@
         </div>
       </el-col>
       <el-col :span="8">
-        <div class="width100 college-rank-b rd8">
+        <div class="width100 college-rank-bg rd8"
+             :style="{backgroundImage: `url(${$imgBase}2023/index/login/college-rank-b.png)`}">
           <div class="f-333 f18 bold" style="letter-spacing: 2px">软科排行榜</div>
           <index-card-content :list="listB" :gutter="0" :line-size="1">
             <template #default="{item, index}">
@@ -22,7 +24,8 @@
         </div>
       </el-col>
       <el-col :span="8">
-        <div class="width100 college-rank-c rd8">
+        <div class="width100 college-rank-bg rd8"
+             :style="{backgroundImage: `url(${$imgBase}2023/index/login/college-rank-c.png)`}">
           <div class="f-333 f18 bold" style="letter-spacing: 2px">QS排行榜</div>
           <index-card-content :list="listC" :gutter="0" :line-size="1">
             <template #default="{item, index}">
@@ -101,20 +104,8 @@ export default {
 </script>
 
 <style scoped>
-.college-rank-a {
-  background: url('~@/assets/images/index/login/college-rank-a.png') no-repeat;
-  background-size: cover;
-  padding: 12px 20px;
-}
-
-.college-rank-b {
-  background: url('~@/assets/images/index/login/college-rank-b.png') no-repeat;
-  background-size: cover;
-  padding: 12px 20px;
-}
-
-.college-rank-c {
-  background: url('~@/assets/images/index/login/college-rank-c.png') no-repeat;
+.college-rank-bg {
+  background-repeat: no-repeat;
   background-size: cover;
   padding: 12px 20px;
 }

src/views/index/components/index-card-elective.vue

@@ -27,7 +27,7 @@ export default {
       const routes = this.electiveParentRoute.children || []
       return routes.map(r => ({
         imgClasses: 'scale-item rd8',
-        src: require('@/assets/images/index/elective/' + r.meta.blockIcon),
+        src: `${this.$imgBase}2023/index/elective/${r.meta.blockIcon}`,
         path: r.path
       }))
     }

src/views/index/components/index-card-res-library.vue

@@ -29,7 +29,7 @@ export default {
       return this.middlebarRouters
         .filter(r => this.libraries.includes(r.meta.title))
         .map(r => ({
-          src: require('@/assets/images/index/lib/' + r.meta.imgName + '.png'),
+          src: `${this.$imgBase}2023/index/lib/${r.meta.imgName}.png`,
           imgClasses: 'rd8',
           path: r.children.first().path // TODO: should copy logic from voluntary-ui `AccessDeepMenu`
         }))

src/views/index/components/index-card-simulate-f4.vue

@@ -2,18 +2,18 @@
  <index-card simple title="高考志愿">
    <el-row :gutter="20">
      <el-col :span="14" class="pointer" @click.native="goSimulate">
-       <el-image :src="require('@/assets/images/index/login/pref-simulate.png')" class="rd8 simulate-full" />
+       <el-image :src="`${$imgBase}2023/index/login/pref-simulate.png`" class="rd8 simulate-full" />
      </el-col>
      <el-col :span="5">
-       <el-image :src="require('@/assets/images/index/login/pref-batch-line.png')"
+       <el-image :src="`${$imgBase}2023/index/login/pref-batch-line.png`"
                  class="rd8 pointer" @click="goBatchLine" />
-       <el-image :src="require('@/assets/images/index/login/pref-shift-line.png')"
+       <el-image :src="`${$imgBase}2023/index/login/pref-shift-line.png`"
                  class="rd8 pointer mt20" @click="goShiftLine" />
      </el-col>
      <el-col :span="5">
-       <el-image :src="require('@/assets/images/index/login/pref-score-segment.png')"
+       <el-image :src="`${$imgBase}2023/index/login/pref-score-segment.png`"
                  class="rd8 pointer" @click="goScoreSegment" />
-       <el-image :src="require('@/assets/images/index/login/pref-plan.png')"
+       <el-image :src="`${$imgBase}2023/index/login/pref-plan.png`"
                  class="rd8 pointer mt20" @click="goPlan" />
      </el-col>
    </el-row>

src/views/index/components/index-card-smart.vue

@@ -22,13 +22,13 @@ export default {
     return {
       list: [{
         title: '同步练习',
-        src: require('@/assets/images/index/qc/qc-sync.png'),
+        src: `${this.$imgBase}2023/index/qc/qc-sync.png`,
         path: '/question-center/smartExercise?tabActive=0',
         titleClasses: 'abs f-333',
         titleStyle: {bottom: '60px', left: '65px'}
       }, {
         title: '知识点练习',
-        src: require('@/assets/images/index/qc/qc-knowledge.png'),
+        src: `${this.$imgBase}2023/index/qc/qc-knowledge.png`,
         path: '/question-center/smartExercise?tabActive=1',
         titleClasses: 'abs f-333',
         titleStyle: {bottom: '60px', left: '65px'}

src/views/index/components/index-card-task.vue

@@ -30,8 +30,8 @@ export default {
           path: item.path,
           title: item.meta.title,
           style: {
-            '--bg-img': `url(${require('@/assets/images/index/lib/' + item.meta.imgName + '.png')})`,
-            '--bg-img-selected': `url(${require('@/assets/images/index/lib/' + item.meta.imgName + '-selected.png')})`
+            '--bg-img': `url(${this.$imgBase}2023/index/lib/${item.meta.imgName}.png)`,
+            '--bg-img-selected': `url(${this.$imgBase}2023/index/lib/${item.meta.imgName}-selected.png)`
           }
         }
       })

src/views/index/components/index-card-test-news.vue

@@ -4,13 +4,13 @@
       <index-card simple title="我的测评">
         <el-row :gutter="12">
           <el-col :span="12" @click.native="goCareerTest">
-            <el-image :src="require('@/assets/images/index/login/career-test-bg.png')" class="pointer rd8"/>
+            <el-image :src="`${$imgBase}2023/index/login/career-test-bg.png`" class="pointer rd8"/>
           </el-col>
           <el-col :span="12" @click.native="goElectiveTest">
-            <el-image :src="require('@/assets/images/index/login/elective-test-bg.png')" class="pointer rd8"/>
+            <el-image :src="`${$imgBase}2023/index/login/elective-test-bg.png`" class="pointer rd8"/>
           </el-col>
           <el-col :span="24" class="mt12" @click.native="goElectiveQuery">
-            <el-image :src="require('@/assets/images/index/login/elective-query-bg.png')" class="pointer rd8"/>
+            <el-image :src="`${$imgBase}2023/index/login/elective-query-bg.png`" class="pointer rd8"/>
           </el-col>
         </el-row>
       </index-card>

src/views/index/components/index-card-test4.vue

@@ -2,16 +2,16 @@
   <index-card simple title="我的测评">
     <el-row :gutter="12">
       <el-col :span="6" @click.native="goTestElective">
-        <el-image :src="require('@/assets/images/index/elective/test-elective.png')" class="rd8 pointer"/>
+        <el-image :src="`${$imgBase}2023/index/elective/test-elective.png`" class="rd8 pointer"/>
       </el-col>
       <el-col :span="6" @click.native="goTestCareer">
-        <el-image :src="require('@/assets/images/index/elective/test-career.png')" class="rd8 pointer"/>
+        <el-image :src="`${$imgBase}2023/index/elective/test-career.png`" class="rd8 pointer"/>
       </el-col>
       <el-col v-if="!isHiddenV2" :span="6" @click.native="goTestMentalHealth">
-        <el-image :src="require('@/assets/images/index/elective/test-mental-health.png')" class="rd8 pointer"/>
+        <el-image :src="`${$imgBase}2023/index/elective/test-mental-health.png`" class="rd8 pointer"/>
       </el-col>
       <el-col v-if="!isHiddenV2" :span="6" @click.native="goTestMultiway">
-        <el-image :src="require('@/assets/images/index/elective/test-multiway.png')" class="rd8 pointer"/>
+        <el-image :src="`${$imgBase}2023/index/elective/test-multiway.png`" class="rd8 pointer"/>
       </el-col>
     </el-row>
   </index-card>

src/views/index/components/index-card-three-subject-query.vue

@@ -2,16 +2,16 @@
   <index-card simple title="三大库">
     <el-row :gutter="20">
       <el-col :span="8" @click.native="goUniversity">
-        <el-image :src="require('@/assets/images/index/elective/three-university.png')" class="rd8 pointer" />
+        <el-image :src="`${$imgBase}2023/index/elective/three-university.png`" class="rd8 pointer" />
       </el-col>
       <el-col :span="8" @click.native="goProfession">
-        <el-image :src="require('@/assets/images/index/elective/three-profession.png')" class="rd8 pointer" />
+        <el-image :src="`${$imgBase}2023/index/elective/three-profession.png`" class="rd8 pointer" />
       </el-col>
       <el-col :span="8" @click.native="goVocation">
-        <el-image :src="require('@/assets/images/index/elective/three-vocation.png')" class="rd8 pointer" />
+        <el-image :src="`${$imgBase}2023/index/elective/three-vocation.png`" class="rd8 pointer" />
       </el-col>
       <el-col :span="24" class="mt12" @click.native="goSubjectQuery">
-        <el-image :src="require('@/assets/images/index/elective/three-subject-query.png')" class="rd8 pointer" />
+        <el-image :src="`${$imgBase}2023/index/elective/three-subject-query.png`" class="rd8 pointer" />
       </el-col>
     </el-row>
   </index-card>

src/views/index/components/login-form-banner.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="fx-row fx-end-cen login-form-container" style="padding: 40px 0;"
-       :style="{backgroundImage: `url(${require('@/assets/images/index/login/banner.png')})`} ">
+       :style="{backgroundImage: `url(${$imgBase}2023/index/login/banner.png)`} ">
     <div class="bg-white rd8 login-form-block">
       <img style="width: 56%;margin-left:19.5%;" src="@/assets/images/login_logo.png"/>
       <div class="f-primary text-center mt15 mb20 bold f18" style="letter-spacing: 10px;">

src/views/questioncenter/main.vue

@@ -40,27 +40,9 @@ export default {
   data() {
     return {
       bannerStyle: {
-        backgroundImage: `url(${require('@/assets/images/index/banner/question-center-banner.png')})`,
+        backgroundImage: `url(${this.$imgBase}2023/index/banner/question-center-banner.png)`,
         height: '300px'
       },
-      // 智能练习
-      zujuan: [
-        {
-          title: '智能组卷',
-          img: `${this.$imgBase}index/question-center/smart_volume.png`,
-          path: '/question-center/generatingPaperCenter?tabActive=0'
-        },
-        {
-          title: '手动组卷',
-          img: `${this.$imgBase}index/question-center/manually.png`,
-          path: '/question-center/generatingPaperCenter?tabActive=1'
-        },
-        {
-          title: '组卷记录',
-          img: `${this.$imgBase}index/question-center/smart_record.png`,
-          path: '/question-center/generatingPaperCenter?tabActive=2'
-        }
-      ],
       pageForm: {
         pageNum: 1,
         pageSize: 30