添加考生App下载

src/components/MainLayout/MainLayout.vue

@@ -1,12 +1,24 @@
 <template>
   <div class="main-layout">
     <header class="header qm-primary-text">
-      <Poptip v-if="ifShowQr" trigger="hover" width="240">
+      <Poptip v-if="ifShowQr" trigger="hover" width="280">
         <span class="name-arrow">手机端登录(Android)</span>
         <div slot="content">
-          <div class="qm-primary-text">
-            <qrcode :value="qrValue" :options="{ width: 200 }"></qrcode>
-          </div>
+          <Tabs type="card">
+            <TabPane label="下载安卓apk">
+              <div class="qm-primary-text flex-center">
+                <qrcode
+                  :value="qrValue"
+                  :options="{ width: 200 }"
+                ></qrcode></div
+            ></TabPane>
+            <TabPane label="绑定用户">
+              <div class="qm-primary-text flex-center">
+                <qrcode :value="qrValue" :options="{ width: 200 }"></qrcode>
+                <div>请使用“云考”App扫描</div>
+              </div></TabPane
+            >
+          </Tabs>
         </div>
       </Poptip>
       <span v-if="ifShowQr" style="margin: auto 20px">|</span>
@@ -107,15 +119,23 @@ import SiteMessagePopup from "./SiteMessagePopup.vue";
 export default {
   name: "MainLayout",
   data() {
-    return {};
+    return {
+      appDownloadUrl: "fetching...",
+    };
   },
   methods: {
     goChangePwd() {
       this.$router.push("/password");
     },
   },
+  async created() {
+    const r = await this.$http.get(
+      "/api/ecs_core/systemProperty/APP_DOWNLOAD_URL"
+    );
+    this.appDownloadUrl = r.data;
+  },
   computed: {
-    ...mapState(["user", "siteMessages"]),
+    ...mapState(["user", "siteMessages", "QECSConfig"]),
     messageUnread() {
       return this.siteMessages.filter(v => v.hasRead === false).length;
     },
@@ -216,6 +236,12 @@ export default {
   margin: 30px auto;
 }
 
+.flex-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
 .link {
   background-image: url(./link.png);
   background-repeat: no-repeat;

src/features/Login/Login.vue

@@ -268,7 +268,7 @@ export default {
     clearInterval(this.checkNewVersionInterval);
   },
   methods: {
-    ...mapMutations(["updateUser", "updateTimeDifference"]),
+    ...mapMutations(["updateUser", "updateTimeDifference", "updateQECSConfig"]),
     async login() {
       if (this.disableLoginBtn) {
         return;
@@ -424,6 +424,7 @@ export default {
         if (res.ok) {
           const json = await res.json();
           this.QECSConfig = json;
+          this.updateQECSConfig(json);
         } else {
           this.$Message.error({
             content: "获取远程配置文件出错，请重新刷新网页！",

src/plugins/iview.js

@@ -21,6 +21,8 @@ import {
   Alert,
   Table,
   Badge,
+  Tabs,
+  TabPane,
 } from "iview";
 Vue.component("Button", Button);
 Vue.component("Form", Form);
@@ -41,6 +43,8 @@ Vue.component("Progress", Progress);
 Vue.component("Alert", Alert);
 Vue.component("Table", Table);
 Vue.component("Badge", Badge);
+Vue.component("Tabs", Tabs);
+Vue.component("TabPane", TabPane);
 
 Vue.prototype.$Message = Message;
 Vue.prototype.$Modal = Modal;

src/store.js

@@ -200,6 +200,7 @@ export default new Vuex.Store({
     timeDifference: 0,
     siteMessages: [],
     siteMessagesTimeStamp: Date.now(),
+    QECSConfig: {},
   },
   mutations: {
     updateUser(state, payload) {
@@ -214,6 +215,9 @@ export default new Vuex.Store({
     updateSiteMessagesTimeStamp(state, payload) {
       state = Object.assign(state, { siteMessagesTimeStamp: payload });
     },
+    updateQECSConfig(state, payload) {
+      state = Object.assign(state, { QECSConfig: payload });
+    },
   },
   actions: {},
   modules: {