|  | @@ -1,332 +1,19 @@
 | 
											
												
													
														|  | -<template>
 |  | 
 | 
											
												
													
														|  | -  <div
 |  | 
 | 
											
												
													
														|  | -    id="simulate"
 |  | 
 | 
											
												
													
														|  | -    ref="simulate"
 |  | 
 | 
											
												
													
														|  | -    style="padding: 24px 8%; background-color: #f7f7f7"
 |  | 
 | 
											
												
													
														|  | -  >
 |  | 
 | 
											
												
													
														|  | -    <div>
 |  | 
 | 
											
												
													
														|  | -      <el-image
 |  | 
 | 
											
												
													
														|  | -        style="width: 100%; height: 100%"
 |  | 
 | 
											
												
													
														|  | -        :src="require('@/assets/images/career/img_banner02.png')"
 |  | 
 | 
											
												
													
														|  | -      ></el-image>
 |  | 
 | 
											
												
													
														|  | -    </div>
 |  | 
 | 
											
												
													
														|  | -    <!--  内容区域-->
 |  | 
 | 
											
												
													
														|  | -    <div style="background-color: #ffffff; padding: 20px 0">
 |  | 
 | 
											
												
													
														|  | -      <!--  步骤条-->
 |  | 
 | 
											
												
													
														|  | -      <div class="step-list line" style="margin:20px 20%">
 |  | 
 | 
											
												
													
														|  | -        <div
 |  | 
 | 
											
												
													
														|  | -          class="step-item right"
 |  | 
 | 
											
												
													
														|  | -          v-for="(item, index) in topStep"
 |  | 
 | 
											
												
													
														|  | -          :key="index"
 |  | 
 | 
											
												
													
														|  | -        >
 |  | 
 | 
											
												
													
														|  | -          <div
 |  | 
 | 
											
												
													
														|  | -            class="step-number"
 |  | 
 | 
											
												
													
														|  | -            :class="active == item.index ? 'curindex' : ''"
 |  | 
 | 
											
												
													
														|  | -            v-if="active <= item.index"
 |  | 
 | 
											
												
													
														|  | -          >
 |  | 
 | 
											
												
													
														|  | -            {{ item.index }}
 |  | 
 | 
											
												
													
														|  | -          </div>
 |  | 
 | 
											
												
													
														|  | -          <i v-else class="el-icon-check"></i>
 |  | 
 | 
											
												
													
														|  | -          <div class="step-label">{{ item.label }}</div>
 |  | 
 | 
											
												
													
														|  | -        </div>
 |  | 
 | 
											
												
													
														|  | -      </div>
 |  | 
 | 
											
												
													
														|  | -      <!--      内容展示-->
 |  | 
 | 
											
												
													
														|  | -      <div
 |  | 
 | 
											
												
													
														|  | -        style="
 |  | 
 | 
											
												
													
														|  | -          min-height: 400px;
 |  | 
 | 
											
												
													
														|  | -          font-family: PingFangSC-Regular, PingFang SC, Helvetica, serif;
 |  | 
 | 
											
												
													
														|  | -        "
 |  | 
 | 
											
												
													
														|  | -      >
 |  | 
 | 
											
												
													
														|  | -        <!-- <component :is="isComponent"></component> -->
 |  | 
 | 
											
												
													
														|  | -        <div class="list-page">
 |  | 
 | 
											
												
													
														|  | -          <simulate-notice v-if="active == 1" style="padding:0 20%;"></simulate-notice>
 |  | 
 | 
											
												
													
														|  | -          <new-fill-score
 |  | 
 | 
											
												
													
														|  | -            style="padding:0 20%;"
 |  | 
 | 
											
												
													
														|  | -            ref="score"
 |  | 
 | 
											
												
													
														|  | -            :isDisIndex="isDisIndex"
 |  | 
 | 
											
												
													
														|  | -            v-if="active == 2"
 |  | 
 | 
											
												
													
														|  | -          ></new-fill-score>
 |  | 
 | 
											
												
													
														|  | -          <fill-batch
 |  | 
 | 
											
												
													
														|  | -          style="padding:0 20%;"
 |  | 
 | 
											
												
													
														|  | -            @onFillIn="onFillIn"
 |  | 
 | 
											
												
													
														|  | -            ref="batch"
 |  | 
 | 
											
												
													
														|  | -            :zytbBatchesList="zytbBatchesList"
 |  | 
 | 
											
												
													
														|  | -            :subject="curSubject"
 |  | 
 | 
											
												
													
														|  | -            :score="curScore"
 |  | 
 | 
											
												
													
														|  | -            v-if="active == 3"
 |  | 
 | 
											
												
													
														|  | -          ></fill-batch>
 |  | 
 | 
											
												
													
														|  | -          <new-fill-major
 |  | 
 | 
											
												
													
														|  | -            ref="major"
 |  | 
 | 
											
												
													
														|  | -            :subject="curSubject"
 |  | 
 | 
											
												
													
														|  | -            :score="curScore"
 |  | 
 | 
											
												
													
														|  | -            :firstSubject="firstSubject"
 |  | 
 | 
											
												
													
														|  | -            :lastSubject="lastSubject"
 |  | 
 | 
											
												
													
														|  | -            v-if="active == 4"
 |  | 
 | 
											
												
													
														|  | -          ></new-fill-major>
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -          <div class="success-complete" v-if="active == 5">
 |  | 
 | 
											
												
													
														|  | -            <div class="text">填报完成</div>
 |  | 
 | 
											
												
													
														|  | -            <img src="@/assets/images/career/icon_data.png" alt="" />
 |  | 
 | 
											
												
													
														|  | -            <div style="margin-top: 20px">
 |  | 
 | 
											
												
													
														|  | -              <el-button type="primary" @click="goVolunteerList"
 |  | 
 | 
											
												
													
														|  | -                >查看报告</el-button
 |  | 
 | 
											
												
													
														|  | -              >
 |  | 
 | 
											
												
													
														|  | -            </div>
 |  | 
 | 
											
												
													
														|  | -          </div>
 |  | 
 | 
											
												
													
														|  | -        </div>
 |  | 
 | 
											
												
													
														|  | -      </div>
 |  | 
 | 
											
												
													
														|  | -      <el-divider></el-divider>
 |  | 
 | 
											
												
													
														|  | -      <!--      底部按钮-->
 |  | 
 | 
											
												
													
														|  | -      <div style="text-align: center; margin-top: 30px" v-if="active != 5">
 |  | 
 | 
											
												
													
														|  | -        <el-button @click="goVolunteerList">查看记录</el-button>
 |  | 
 | 
											
												
													
														|  | -        <el-button type="primary" @click="toBackPage" :disabled="active == 1"
 |  | 
 | 
											
												
													
														|  | -          >上一步</el-button
 |  | 
 | 
											
												
													
														|  | -        >
 |  | 
 | 
											
												
													
														|  | -        <el-button
 |  | 
 | 
											
												
													
														|  | -          type="primary"
 |  | 
 | 
											
												
													
														|  | -          v-if="active < 3"
 |  | 
 | 
											
												
													
														|  | -          :disabled="active == 5"
 |  | 
 | 
											
												
													
														|  | -          @click="nextStep"
 |  | 
 | 
											
												
													
														|  | -          >下一步</el-button
 |  | 
 | 
											
												
													
														|  | -        >
 |  | 
 | 
											
												
													
														|  | -        <el-button type="primary" v-if="active >= 3" @click="saveData()"
 |  | 
 | 
											
												
													
														|  | -          >保存志愿</el-button
 |  | 
 | 
											
												
													
														|  | -        >
 |  | 
 | 
											
												
													
														|  | -      </div>
 |  | 
 | 
											
												
													
														|  | -    </div>
 |  | 
 | 
											
												
													
														|  | -  </div>
 |  | 
 | 
											
												
													
														|  | -</template>
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -<script>
 |  | 
 | 
											
												
													
														|  | -import { zytbBatches, zytbSave } from "@/api/webApi/webQue";
 |  | 
 | 
											
												
													
														|  | -import { mapState } from "vuex";
 |  | 
 | 
											
												
													
														|  | -import SimulateNotice from "../components/SimulateNotice.vue";
 |  | 
 | 
											
												
													
														|  | -import NewFillScore from "../components/NewFillScore.vue";
 |  | 
 | 
											
												
													
														|  | -import FillBatch from "../components/FillBatch.vue";
 |  | 
 | 
											
												
													
														|  | -import NewFillMajor from "../components/NewFillMajor.vue";
 |  | 
 | 
											
												
													
														|  | -export default {
 |  | 
 | 
											
												
													
														|  | -  name: "SimulatedVolunteer",
 |  | 
 | 
											
												
													
														|  | -  components: { SimulateNotice, NewFillScore, FillBatch, NewFillMajor },
 |  | 
 | 
											
												
													
														|  | -  data() {
 |  | 
 | 
											
												
													
														|  | -    return {
 |  | 
 | 
											
												
													
														|  | -      curScore: 0,
 |  | 
 | 
											
												
													
														|  | -      curIndex: 0,
 |  | 
 | 
											
												
													
														|  | -      curSubject: "",
 |  | 
 | 
											
												
													
														|  | -      curBatch: 0,
 |  | 
 | 
											
												
													
														|  | -      firstSubject: "",
 |  | 
 | 
											
												
													
														|  | -      lastSubject: [],
 |  | 
 | 
											
												
													
														|  | -      isDisIndex: true,
 |  | 
 | 
											
												
													
														|  | -      active: 1,
 |  | 
 | 
											
												
													
														|  | -      zytbBatchesList: [],
 |  | 
 | 
											
												
													
														|  | -      topStep: [
 |  | 
 | 
											
												
													
														|  | -        { index: 1, label: "填报须知" },
 |  | 
 | 
											
												
													
														|  | -        { index: 2, label: "高考分数" },
 |  | 
 | 
											
												
													
														|  | -        { index: 3, label: "填报批次" },
 |  | 
 | 
											
												
													
														|  | -        { index: 4, label: "院校专业" },
 |  | 
 | 
											
												
													
														|  | -        { index: 5, label: "保存志愿" },
 |  | 
 | 
											
												
													
														|  | -      ],
 |  | 
 | 
											
												
													
														|  | -    };
 |  | 
 | 
											
												
													
														|  | -  },
 |  | 
 | 
											
												
													
														|  | -  computed: {
 |  | 
 | 
											
												
													
														|  | -    ...mapState({ theme: (state) => state.settings.theme }),
 |  | 
 | 
											
												
													
														|  | -  },
 |  | 
 | 
											
												
													
														|  | -  watch: {
 |  | 
 | 
											
												
													
														|  | -    theme: {
 |  | 
 | 
											
												
													
														|  | -      immediate: true,
 |  | 
 | 
											
												
													
														|  | -      handler(val) {
 |  | 
 | 
											
												
													
														|  | -        this.$nextTick(() => {
 |  | 
 | 
											
												
													
														|  | -          this.$refs.simulate.style.setProperty("--themeColor", val);
 |  | 
 | 
											
												
													
														|  | -        });
 |  | 
 | 
											
												
													
														|  | -      },
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -  },
 |  | 
 | 
											
												
													
														|  | -  methods: {
 |  | 
 | 
											
												
													
														|  | -    goVolunteerList() {
 |  | 
 | 
											
												
													
														|  | -      this.$router.push({ name: "VolunteerList" });
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    onFillIn(item) {
 |  | 
 | 
											
												
													
														|  | -      this.curBatch = item.batch;
 |  | 
 | 
											
												
													
														|  | -      this.curBatchInfo = item;
 |  | 
 | 
											
												
													
														|  | -      this.active = 4;
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    onChangeInputScore(e) {
 |  | 
 | 
											
												
													
														|  | -      console.log(e);
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    toBackPage() {
 |  | 
 | 
											
												
													
														|  | -      if (this.active <= 1) {
 |  | 
 | 
											
												
													
														|  | -        return;
 |  | 
 | 
											
												
													
														|  | -      }
 |  | 
 | 
											
												
													
														|  | -      this.active--;
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    saveData() {
 |  | 
 | 
											
												
													
														|  | -      if (this.curBatch == 0) {
 |  | 
 | 
											
												
													
														|  | -        this.$message.error("请点击批次按钮进行填写!");
 |  | 
 | 
											
												
													
														|  | -        return;
 |  | 
 | 
											
												
													
														|  | -      }
 |  | 
 | 
											
												
													
														|  | -      let detail = {
 |  | 
 | 
											
												
													
														|  | -        batch: {
 |  | 
 | 
											
												
													
														|  | -          batch: this.curBatchInfo.batch,
 |  | 
 | 
											
												
													
														|  | -          name: this.curBatchInfo.name,
 |  | 
 | 
											
												
													
														|  | -          recommand: this.curBatchInfo.recommand,
 |  | 
 | 
											
												
													
														|  | -          scores: [
 |  | 
 | 
											
												
													
														|  | -            this.curBatchInfo.year + "年投档分",
 |  | 
 | 
											
												
													
														|  | -            "文科:" + this.curBatchInfo.score1,
 |  | 
 | 
											
												
													
														|  | -            "理科:" + this.curBatchInfo.score2,
 |  | 
 | 
											
												
													
														|  | -          ],
 |  | 
 | 
											
												
													
														|  | -          wishes: [],
 |  | 
 | 
											
												
													
														|  | -        },
 |  | 
 | 
											
												
													
														|  | -        mode: this.curSubject,
 |  | 
 | 
											
												
													
														|  | -        score: this.curScore,
 |  | 
 | 
											
												
													
														|  | -      };
 |  | 
 | 
											
												
													
														|  | -      if (this.active == 4) {
 |  | 
 | 
											
												
													
														|  | -        let wishe = [];
 |  | 
 | 
											
												
													
														|  | -        let dataList = this.$refs.major.dataList;
 |  | 
 | 
											
												
													
														|  | -        let len = dataList.length;
 |  | 
 | 
											
												
													
														|  | -        for (let i = 0; i < len; i++) {
 |  | 
 | 
											
												
													
														|  | -          let listData = dataList[i];
 |  | 
 | 
											
												
													
														|  | -          if (listData["marjors"] && listData["marjors"].length > 0) {
 |  | 
 | 
											
												
													
														|  | -            wishe.push({
 |  | 
 | 
											
												
													
														|  | -              code: listData["schoolInfo"]["code"],
 |  | 
 | 
											
												
													
														|  | -              marjors: listData["marjors"],
 |  | 
 | 
											
												
													
														|  | -              name: listData["schoolInfo"]["name"],
 |  | 
 | 
											
												
													
														|  | -              submitId: listData["schoolInfo"]["submitId"],
 |  | 
 | 
											
												
													
														|  | -              universityId: listData["schoolInfo"]["universityId"],
 |  | 
 | 
											
												
													
														|  | -            });
 |  | 
 | 
											
												
													
														|  | -          }
 |  | 
 | 
											
												
													
														|  | -        }
 |  | 
 | 
											
												
													
														|  | -        detail.batch.wishes = wishe;
 |  | 
 | 
											
												
													
														|  | -      }
 |  | 
 | 
											
												
													
														|  | -      if (detail.batch.wishes.length == 0) {
 |  | 
 | 
											
												
													
														|  | -        this.$message.error("请最少填写一个专业");
 |  | 
 | 
											
												
													
														|  | -        return;
 |  | 
 | 
											
												
													
														|  | -      }
 |  | 
 | 
											
												
													
														|  | -      let req = {
 |  | 
 | 
											
												
													
														|  | -        batch: this.curBatch,
 |  | 
 | 
											
												
													
														|  | -        detail: detail,
 |  | 
 | 
											
												
													
														|  | -        name: this.getName(),
 |  | 
 | 
											
												
													
														|  | -      };
 |  | 
 | 
											
												
													
														|  | -      this.httpSave(req);
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    getName() {
 |  | 
 | 
											
												
													
														|  | -      var date = new Date();
 |  | 
 | 
											
												
													
														|  | -      let month = date.getMonth() + 1;
 |  | 
 | 
											
												
													
														|  | -      let day = date.getDate();
 |  | 
 | 
											
												
													
														|  | -      return month + "月" + day + "日模拟志愿表";
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    httpSave(req) {
 |  | 
 | 
											
												
													
														|  | -      zytbSave(req).then((res) => {
 |  | 
 | 
											
												
													
														|  | -        this.active = 5;
 |  | 
 | 
											
												
													
														|  | -      });
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    nextStep() {
 |  | 
 | 
											
												
													
														|  | -      let self = this;
 |  | 
 | 
											
												
													
														|  | -      if (this.active >= 5) {
 |  | 
 | 
											
												
													
														|  | -        return;
 |  | 
 | 
											
												
													
														|  | -      }
 |  | 
 | 
											
												
													
														|  | -      switch (this.active) {
 |  | 
 | 
											
												
													
														|  | -        case 1:
 |  | 
 | 
											
												
													
														|  | -          self.active = 2;
 |  | 
 | 
											
												
													
														|  | -          break;
 |  | 
 | 
											
												
													
														|  | -        case 2:
 |  | 
 | 
											
												
													
														|  | -          let score = self.$refs.score;
 |  | 
 | 
											
												
													
														|  | -          if (score.hasOwnProperty("firstSubject")) {
 |  | 
 | 
											
												
													
														|  | -            if (score.firstSubject != "" && score.lastSubject.length == 2) {
 |  | 
 | 
											
												
													
														|  | -              this.firstSubject = score.firstSubject;
 |  | 
 | 
											
												
													
														|  | -              this.lastSubject = score.lastSubject;
 |  | 
 | 
											
												
													
														|  | -            } else {
 |  | 
 | 
											
												
													
														|  | -               this.$message.error("请选择科类");
 |  | 
 | 
											
												
													
														|  | -               return
 |  | 
 | 
											
												
													
														|  | -            }
 |  | 
 | 
											
												
													
														|  | -          }
 |  | 
 | 
											
												
													
														|  | -          if (score.hasOwnProperty("inputScore")) {
 |  | 
 | 
											
												
													
														|  | -            this.curScore = score.inputScore;
 |  | 
 | 
											
												
													
														|  | -          }
 |  | 
 | 
											
												
													
														|  | -          if (score.hasOwnProperty("inputIndex")) {
 |  | 
 | 
											
												
													
														|  | -            this.curIndex = score.inputIndex;
 |  | 
 | 
											
												
													
														|  | -          }
 |  | 
 | 
											
												
													
														|  | -          if (this.curScore == 0) {
 |  | 
 | 
											
												
													
														|  | -            this.$message.error("请输入总分!");
 |  | 
 | 
											
												
													
														|  | -            return;
 |  | 
 | 
											
												
													
														|  | -          }
 |  | 
 | 
											
												
													
														|  | -          this.httpzytbBatches(() => {
 |  | 
 | 
											
												
													
														|  | -            self.active = 3;
 |  | 
 | 
											
												
													
														|  | -          });
 |  | 
 | 
											
												
													
														|  | -          break;
 |  | 
 | 
											
												
													
														|  | -      }
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    httpzytbBatches(cb) {
 |  | 
 | 
											
												
													
														|  | -      zytbBatches({
 |  | 
 | 
											
												
													
														|  | -        score: this.curScore,
 |  | 
 | 
											
												
													
														|  | -        mode: this.curSubject,
 |  | 
 | 
											
												
													
														|  | -      }).then((res) => {
 |  | 
 | 
											
												
													
														|  | -        this.zytbBatchesList = res.rows;
 |  | 
 | 
											
												
													
														|  | -        cb && cb();
 |  | 
 | 
											
												
													
														|  | -      });
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -  },
 |  | 
 | 
											
												
													
														|  | -};
 |  | 
 | 
											
												
													
														|  | -</script>
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -<style scoped>
 |  | 
 | 
											
												
													
														|  | -.step-list {
 |  | 
 | 
											
												
													
														|  | -  display: flex;
 |  | 
 | 
											
												
													
														|  | -  justify-content: space-between;
 |  | 
 | 
											
												
													
														|  | -  position: relative;
 |  | 
 | 
											
												
													
														|  | -  margin-bottom: 50px;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.step-list.line::before {
 |  | 
 | 
											
												
													
														|  | -  position: absolute;
 |  | 
 | 
											
												
													
														|  | -  content: "";
 |  | 
 | 
											
												
													
														|  | -  width: 100%;
 |  | 
 | 
											
												
													
														|  | -  height: 2px;
 |  | 
 | 
											
												
													
														|  | -  top: 50%;
 |  | 
 | 
											
												
													
														|  | -  background: #6cd1b5;
 |  | 
 | 
											
												
													
														|  | -  z-index: 0;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.step-item {
 |  | 
 | 
											
												
													
														|  | -  position: relative;
 |  | 
 | 
											
												
													
														|  | -  background: #fff;
 |  | 
 | 
											
												
													
														|  | -  z-index: 2;
 |  | 
 | 
											
												
													
														|  | -  border: 1px solid #6cd1b5;
 |  | 
 | 
											
												
													
														|  | -  border-radius: 50%;
 |  | 
 | 
											
												
													
														|  | -  color: #6cd1b5;
 |  | 
 | 
											
												
													
														|  | -  width: 48px;
 |  | 
 | 
											
												
													
														|  | -  height: 48px;
 |  | 
 | 
											
												
													
														|  | -  line-height: 46px;
 |  | 
 | 
											
												
													
														|  | -  display: flex;
 |  | 
 | 
											
												
													
														|  | -  align-items: center;
 |  | 
 | 
											
												
													
														|  | -  justify-content: center;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.step-label {
 |  | 
 | 
											
												
													
														|  | -  font-weight: bolder;
 |  | 
 | 
											
												
													
														|  | -  color: #555555;
 |  | 
 | 
											
												
													
														|  | -  width: 100px;
 |  | 
 | 
											
												
													
														|  | -  text-align: center;
 |  | 
 | 
											
												
													
														|  | -  font-size: 14px;
 |  | 
 | 
											
												
													
														|  | -  position: absolute;
 |  | 
 | 
											
												
													
														|  | -  bottom: -40px;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.step-number {
 |  | 
 | 
											
												
													
														|  | -  line-height: 48px;
 |  | 
 | 
											
												
													
														|  | -  text-align: center;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.step-number.curindex {
 |  | 
 | 
											
												
													
														|  | -  width: 100%;
 |  | 
 | 
											
												
													
														|  | -  height: 100%;
 |  | 
 | 
											
												
													
														|  | -  background: #6cd1b5;
 |  | 
 | 
											
												
													
														|  | -  border-radius: 50%;
 |  | 
 | 
											
												
													
														|  | -  color: #fff;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.success-complete {
 |  | 
 | 
											
												
													
														|  | -  font-size: 18px;
 |  | 
 | 
											
												
													
														|  | -  color: #6cd1b5;
 |  | 
 | 
											
												
													
														|  | -  padding: 50px 0;
 |  | 
 | 
											
												
													
														|  | -  display: flex;
 |  | 
 | 
											
												
													
														|  | -  flex-direction: column;
 |  | 
 | 
											
												
													
														|  | -  align-items: center;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.success-complete .text {
 |  | 
 | 
											
												
													
														|  | -  margin-bottom: 50px;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -</style>
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | 
 |  | +<template>
 | 
											
												
													
														|  | 
 |  | +  <div>
 | 
											
												
													
														|  | 
 |  | +    <div>定位、导航</div>
 | 
											
												
													
														|  | 
 |  | +    <router-view></router-view>
 | 
											
												
													
														|  | 
 |  | +  </div>
 | 
											
												
													
														|  | 
 |  | +</template>
 | 
											
												
													
														|  | 
 |  | +<script>
 | 
											
												
													
														|  | 
 |  | +export default {
 | 
											
												
													
														|  | 
 |  | +  data() {
 | 
											
												
													
														|  | 
 |  | +    return {
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +    }
 | 
											
												
													
														|  | 
 |  | +  }
 | 
											
												
													
														|  | 
 |  | +}
 | 
											
												
													
														|  | 
 |  | +</script>
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +<style scoped>
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +</style>
 |