下载地址

pages/download/main.js

@@ -1,12 +0,0 @@
-import Vue from "vue";
-import App from "./App.vue";
-import "@/plugins/element.js";
-
-import "./assets/styles/base.scss";
-import "./assets/styles/icons.scss";
-
-Vue.config.productionTip = false;
-
-new Vue({
-  render: (h) => h(App),
-}).$mount("#app");

pages/download/App.vue → src/features/download/Download.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app download">
+  <div class="download">
     <div class="download-header">
       <div class="download-header-body">
         <img class="download-logo" :src="info.logo" :alt="info.name" />
@@ -218,7 +218,7 @@ function getDomain() {
 }
 
 export default {
-  name: "app",
+  name: "Download",
   data() {
     return {
       info: {

pages/download/api.js → src/features/download/api.js

@@ -1,4 +1,4 @@
-import { httpNoAuth } from "../../src/plugins/axiosNoAuth";
+import { httpNoAuth } from "@/plugins/axiosNoAuth";
 
 export function getSchoolInfo(schoolCode) {
   return httpNoAuth.post(

pages/download/assets/styles/base.scss → src/features/download/assets/styles/base.scss

@@ -1,128 +1,3 @@
-$--font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
-  "Microsoft YaHei", Arial, sans-serif;
-$--color-text-gray-4: #ccc !default;
-$--color-text-gray-3: #aaa !default;
-
-/* reset */
-body,
-div,
-ul,
-ol,
-li,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-input,
-p,
-tr,
-th,
-td,
-span,
-a,
-header,
-footer,
-i {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-}
-li {
-  list-style: none;
-}
-em,
-i,
-u {
-  font-style: normal;
-}
-input {
-  outline: none;
-  border: none;
-  background: rgba(245, 245, 245, 1);
-  font-family: $--font-family;
-}
-input::-webkit-input-placeholder,
-input::-moz-placeholder,
-input:-ms-input-placeholder,
-input:-moz-placeholder {
-  font-size: 12px;
-  font-weight: bold;
-  color: $--color-text-gray-4;
-}
-button,
-textarea {
-  font-family: $--font-family;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: 100%;
-}
-fieldset,
-img {
-  border: 0;
-}
-abbr {
-  border: 0;
-  font-variant: normal;
-}
-a {
-  text-decoration: none;
-  color: inherit;
-}
-img {
-  vertical-align: middle;
-}
-
-/* common-style */
-input:-webkit-autofill {
-  box-shadow: 0 0 0 1000px white inset;
-}
-input[type="text"]:focus,
-input[type="password"]:focus,
-input[type="number"]:focus,
-textarea:focus {
-  box-shadow: 0 0 0 1000px white inset;
-}
-
-/* browse style */
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-  background: transparent;
-}
-::-webkit-scrollbar-button {
-  display: none;
-}
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-::-webkit-scrollbar-thumb {
-  border-radius: 8px;
-  background: #666;
-}
-::-webkit-scrollbar-corner {
-  background: transparent;
-}
-::-webkit-scrollbar-resizer {
-  background: transparent;
-}
-
-body {
-  font-family: $--font-family;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-size: 14px;
-  color: #202b4b;
-  background-color: #f0f4f9;
-}
-
 // page
 .download {
   background: #f0f4f9;
@@ -224,6 +99,7 @@ body {
       left: 0;
       right: 0;
       bottom: -25px;
+      margin: 0;
     }
   }
   &-qa {

src/features/download/assets/styles/index.scss

@@ -0,0 +1,2 @@
+@import url(./icons.scss);
+@import url(./base.scss);

src/features/system/OrgManagement/OrgManagement.vue

@@ -43,7 +43,7 @@
       <el-table-column width="200" label="机构名称">
         <span slot-scope="scope">{{ scope.row.name }}</span>
       </el-table-column>
-      <el-table-column width="100" label="机构代码">
+      <el-table-column width="150" label="机构代码">
         <span slot-scope="scope">{{ scope.row.code }}</span>
       </el-table-column>
       <el-table-column label="状态">
@@ -65,10 +65,10 @@
           scope.row.updateTime | datetimeFilter
         }}</span>
       </el-table-column>
-      <el-table-column :context="_self" label="操作" width="210" fixed="right">
+      <el-table-column :context="_self" label="操作" width="220" fixed="right">
         <div slot-scope="scope">
           <el-button size="mini" type="primary" plain @click="edit(scope.row)">
-            <i class="el-icon-edit"></i> 编辑
+            编辑
           </el-button>
           <el-button
             size="mini"
@@ -78,6 +78,13 @@
           >
             {{ !scope.row.enable | booleanEnableDisableFilter }}
           </el-button>
+          <el-button
+            type="primary"
+            plain
+            size="mini"
+            @click="toDownload(scope.row)"
+            >下载</el-button
+          >
         </div>
       </el-table-column>
     </el-table>
@@ -170,6 +177,22 @@ export default {
       await syncOrg();
       this.$message.success("操作成功！");
     },
+    toDownload(row) {
+      if (process.env.NODE_ENV === "development") {
+        const { href } = this.$router.resolve({
+          name: "Download",
+          query: { code: row.code },
+        });
+        window.open(href);
+        return;
+      }
+      const urlDomain = window.location.hostname.split(".")[0];
+      const origin = window.location.origin.replace(urlDomain, row.code);
+      const { href } = this.$router.resolve({
+        name: "Download",
+      });
+      window.open(origin + href);
+    },
   },
 };
 </script>

src/main.js

@@ -25,6 +25,7 @@ import "./styles/global.css";
 import "./styles/icons.scss";
 import "./styles/base.scss";
 import "./styles/element-ui-custom.scss";
+import "./features/download/assets/styles/index.scss";
 // styles end
 // import "tcplayer.js/dist/tcplayer.min.css";
 

src/router/index.js

@@ -254,6 +254,14 @@ const routes = [
     component: Layout,
     children: [...invigilation],
   },
+  {
+    path: "/download",
+    name: "Download",
+    component: () =>
+      import(
+        /* webpackChunkName: "download" */ "../features/download/Download.vue"
+      ),
+  },
   {
     path: "/login",
     name: "Login",

vue.config.js

@@ -15,18 +15,6 @@ module.exports = {
   devServer: {
     proxy: defProxy,
   },
-  pages: {
-    index: {
-      entry: "src/main.js",
-      template: "public/index.html",
-      filename: "index.html",
-    },
-    download: {
-      entry: "pages/download/main.js",
-      template: "public/download.html",
-      filename: "download.html",
-    },
-  },
   configureWebpack: {
     devtool: "source-map",
     plugins: [