pay page for online-payment

src/views/career/information/careerInfo.vue

@@ -0,0 +1,68 @@
+<template>
+  <div class="info-container">
+    <el-container>
+      <el-main>
+        <info-list
+          class="mt10"
+          :type="type"
+          v-show="!detailMode"
+          @click="detailList"
+        ></info-list>
+        <info-detail
+          class="mt10"
+          v-if="detailMode"
+          :type="type"
+          :title="detailTitle"
+          :id="detailId"
+          @close="detailClose"
+        />
+      </el-main>
+<!--      <el-aside width="400px" style="background-color: #ffffff">-->
+<!--        <el-card class="mt20" v-for="opt in typeOptions" :key="opt.value">-->
+<!--          <info-sample-->
+<!--            :type="opt.label"-->
+<!--            :title="opt.label"-->
+<!--            @click="detailSample"-->
+<!--          /></el-card>-->
+<!--      </el-aside>-->
+    </el-container>
+  </div>
+</template>
+<script>
+import InfoDetail from "../components/infoDetail.vue";
+import infoList from "../components/infoList.vue";
+import InfoSample from "../components/infoSample.vue";
+import * as career from "@/api/webApi/career-news";
+
+export default {
+  components: { infoList, InfoSample, InfoDetail },
+  data() {
+    return {
+      detailMode: false,
+      detailTitle: "",
+      detailId: 0,
+      type: "",
+    };
+  },
+  mounted() {
+    this.type = '生涯资讯'
+  },
+  methods: {
+    detailList(item) {
+      this.detailTitle = item.title;
+      this.detailId = item.id;
+      this.detailMode = true;
+    },
+    detailSample(item) {
+      this.detailTitle = item.title;
+      this.detailId = item.id;
+      this.detailMode = true;
+    },
+    detailClose() {
+      this.detailMode = false;
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+</style>

src/views/career/newGaokao/video.vue

@@ -36,6 +36,7 @@ export default {
     };
   },
   mounted() {
+    console.log(this.$route.query.type)
     this.type = '高考视频'
     this.getList()
   },

src/views/questioncenter/generating.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="generating_container">
+  <div class="generating_container app-container">
     <el-card>
       <div class="header_top">
         <div class="pointer" :class="tabActive == 0 ? 'active ' : ''" @click="switchTab(0)">
@@ -917,10 +917,6 @@ export default {
 };
 </script>
 <style scoped>
-.generating_container {
-  padding: 20px;
-  background: #f7f7f7;
-}
 
 .active {
   color: #47c6a2;