portal 提交

nuxt.config.js

@@ -89,7 +89,7 @@ export default {
    */
   axios: {},
   server: {
-    port: 3006, // default: 3000
+    port: 3005, // default: 3000
     // host: '0.0.0.0' // default: localhost,
   },
   /*

package-lock.json

@@ -13132,6 +13132,11 @@
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
       "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ=="
     },
+    "particles.js": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/particles.js/-/particles.js-2.0.0.tgz",
+      "integrity": "sha1-IThsQyjWx/lngKIB6W7t/AnHNvY="
+    },
     "pascalcase": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
@@ -18210,6 +18215,15 @@
       "resolved": "https://registry.npmjs.org/vue-no-ssr/-/vue-no-ssr-1.1.1.tgz",
       "integrity": "sha512-ZMjqRpWabMPqPc7gIrG0Nw6vRf1+itwf0Itft7LbMXs2g3Zs/NFmevjZGN1x7K3Q95GmIjWbQZTVerxiBxI+0g=="
     },
+    "vue-particles": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/vue-particles/-/vue-particles-1.0.9.tgz",
+      "integrity": "sha1-KdnMK+AVffHAqH7DuWyW8zJ5Um4=",
+      "requires": {
+        "particles.js": "^2.0.0",
+        "vue": "^2.2.6"
+      }
+    },
     "vue-quill-editor": {
       "version": "3.0.6",
       "resolved": "https://registry.npmjs.org/vue-quill-editor/-/vue-quill-editor-3.0.6.tgz",

package.json

@@ -12,19 +12,23 @@
   },
   "dependencies": {
     "@nuxtjs/axios": "^5.3.6",
+    "@svgdotjs/svg.draggable.js": "^3.0.2",
+    "@svgdotjs/svg.js": "^3.0.16",
+    "area-data": "^5.0.6",
     "awe-dnd": "^0.3.4",
     "better-scroll": "^1.12.1",
     "cross-env": "^5.2.0",
     "dayjs": "^1.8.22",
     "echarts": "^4.7.0",
     "echarts-liquidfill": "^2.0.5",
+    "gojs": "^2.1.10",
     "iview-loader": "^1.3.0",
     "iview-pro": "file:./iview-pro",
     "js-cookie": "^2.2.1",
     "less": "^3.10.3",
     "less-loader": "^5.0.0",
-    "lodash.chunk": "^4.2.0",
     "lodash": "^4.17.15",
+    "lodash.chunk": "^4.2.0",
     "lowdb": "^1.0.0",
     "marked": "^0.3.9",
     "mockjs": "^1.0.1-beta3",
@@ -32,22 +36,19 @@
     "nuxt": "^2.10.2",
     "oidc-client": "^1.9.1",
     "qs": "^6.6.0",
-    "gojs": "^2.1.10",
     "screenfull": "^5.0.2",
-    "area-data": "^5.0.6",
-    "xlsx": "^0.15.1",
-    "@svgdotjs/svg.draggable.js": "^3.0.2",
-    "@svgdotjs/svg.js": "^3.0.16",
     "ua-parser-js": "^0.7.18",
     "view-design": "^4.1.3",
     "vue-echarts": "^4.0.3",
     "vue-i18n": "^8.15.5",
     "vue-json-viewer": "^2.2.8",
+    "vue-particles": "^1.0.9",
     "vue-quill-editor": "^3.0.6",
     "vue-ueditor-wrap": "^2.4.1",
     "vue2-editor": "^2.10.2",
     "vuedraggable": "^2.23.0",
-    "vuex-along": "^1.2.10"
+    "vuex-along": "^1.2.10",
+    "xlsx": "^0.15.1"
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "^7.2.0",

pages/account/login/index.vue

 <template>
   <div class="account">
-    <Carousel v-model="value1" autoplay :autoplay-speed="5000" loop class="zmd">
-      <CarouselItem>
-        <div class="bg bg0">1</div>
-      </CarouselItem>
-      <CarouselItem>
-        <div class="bg bg1">1</div>
-      </CarouselItem>
-      <CarouselItem>
-        <div class="bg bg2">1</div>
-      </CarouselItem>
-      <CarouselItem>
-        <div class="bg bg3">1</div>
-      </CarouselItem>
-    </Carousel>
-    <div v-if="showI18n" class="page-account-header">
-      <i-header-i18n />
-    </div>
-    <div class="main">
-      <div class="ad">
-        <img src="@/assets/images/login/ad.png" />
-      </div>
-      <div class="login">
-        <div class="page-account-top">
-          <div class="page-account-top-logo tc">
-            <img src="@/assets/images/logo.png" alt="logo" />
-          </div>
-          <!-- <div class="page-account-top-desc tc">SaaS MES 制造执行系统</div> -->
+    <vue-particles color="#dedede"></vue-particles>
+    <div class="login">
+      <div class="page-account-top">
+        <div class="page-account-top-logo tc">
+          <img src="@/assets/images/logo.png" alt="logo" />
         </div>
-        <h3 class="mb20">用户登陆</h3>
-        <Login @on-submit="handleSubmit">
-          <UserName name="username" value="13211111111" />
-          <Password name="password" value="1" enter-to-submit />
-          <div class="page-account-auto-login mb20">
-            <Checkbox v-model="autoLogin">{{ $t('page.login.remember') }}</Checkbox>
-            <a href>{{ $t('page.login.forgot') }}</a>
-          </div>
-          <div class="mt20">
-            <Submit class="shadown">{{ $t('page.login.submit') }}</Submit>
-          </div>
-        </Login>
+        <div class="tc">SaaS MES 制造执行---系统管理</div>
       </div>
+      <h3 class="mb20">用户登陆</h3>
+      <Login @on-submit="handleSubmit">
+        <UserName name="username" value="13211111111" />
+        <Password name="password" value="1" enter-to-submit />
+        <div class="page-account-auto-login mb20">
+          <Checkbox v-model="autoLogin">{{ $t('page.login.remember') }}</Checkbox>
+          <a href>{{ $t('page.login.forgot') }}</a>
+        </div>
+        <div class="mt20">
+          <Submit class="shadown">{{ $t('page.login.submit') }}</Submit>
+        </div>
+      </Login>
     </div>
   </div>
 </template>
@@ -61,6 +40,16 @@ export default {
       autoLogin: true
     };
   },
+  head(){
+    return {
+      title: 'SaaS MES 制造执行---系统管理',
+      meta: [{
+        hid: "description",
+        name: "description",
+        content: "funny jokes page"
+      }]
+    }
+  },
   created() {
     // this.oidc();
   },
@@ -102,13 +91,13 @@ export default {
           let info = res.result;
           info.auth = ["admin"];
           info.avatar = info.avatarUrl;
-          info.userId=info.id;
-          info.name=info.userName;
+          info.userId = info.id;
+          info.name = info.userName;
           this.$store.dispatch("admin/user/set", info, {
             root: true
           });
           // setUserInfo
-          this.$store.commit("setUserInfo",info)
+          this.$store.commit("setUserInfo", info);
           this.$router.replace(this.$route.query.redirect || "/");
         } else {
           this.$Message.error("用户信息22查询失败!");
@@ -125,64 +114,34 @@ export default {
   width: 100%;
   top: 0;
   bottom: 0;
-  .zmd {
-    z-index: 1;
+  background-image: url("../../../assets/images/login/login_bg.jpg");
+  background-size: cover;
+  #particles-js{
+    z-index: 2;
     position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 100%;
-  }
-  .bg {
     width: 100%;
     height: 100vh;
-    background-size: 100% auto;
   }
-  .bg0 {
-    background-image: url("../../../assets/images/login/bg0.png");
-  }
-  .bg1 {
-    background-image: url("../../../assets/images/login/bg1.jpg");
-  }
-  .bg2 {
-    background-image: url("../../../assets/images/login/bg2.jpg");
-  }
-  .bg3 {
-    background-image: url("../../../assets/images/login/bg3.jpg");
-  }
-  .main {
+  .login {
     position: absolute;
-    z-index: 55;
-    top: @jianju;
-    left: @jianju;
-    right: @jianju;
-    bottom: @jianju;
-    background: rgba(38, 128, 235, 0.3);
-    display: flex;
-    .ad {
-      flex: 1;
-      text-align: center;
-      img {
-        margin-top: 400px;
+    z-index: 99;
+    background-color: #214f5f;
+    width: 500px;
+    height: 540px;
+    padding: 20px 50px;
+    margin: 200px auto auto;
+    border-radius: 10px;
+    left: 50%;
+    margin-left: -250px;;
+    color: #ddd;
+    box-shadow: 1px 15px 35px #022d36;
+    .mt20 {
+      margin-top: 50px;
+      .shadown {
+        box-shadow: 1px -5px -15px #2680eb;
       }
-    }
-    .login {
-      background-color: white;
-      width: 600px;
-      padding: 150px 90px;
-      //  background-image: url("../../../assets/images/login/33.png");
-      //  background-repeat: no-repeat;
-      //  background-position-y: 525px;
-      .ivu-input-wrapper {
-        margin-bottom: 5px;
-      }
-      .mt20 {
-        margin-top: 50px;
-        .shadown {
-          box-shadow: 1px 5px 15px #2680eb;
-        }
-        .ivu-btn-large {
-          height: 50px !important;
-        }
+      .ivu-btn-large {
+        height: 50px !important;
       }
     }
   }

pages/index.vue

@@ -4,7 +4,6 @@
 
   </div>
 </template>
-
 <script>
 import iview from './crm/statistical/index.vue'
 export default {

plugins/iview.js

@@ -2,6 +2,8 @@ import Vue from 'vue'
 import ViewUI from 'view-design'
 import VueI18n from 'vue-i18n';
 import Languages from '@/i18n/locale';
+
+import VueParticles from 'vue-particles'
 // 插件
 import util from '@/libs/util';
 import { includeArray } from '@/libs/system';
@@ -92,7 +94,7 @@ Vue.component("DepartmentSelect", DepartmentSelect)
 Vue.component("ProductNumberSelect", ProductNumberSelect)
 Vue.component("DTSpan", DTSpan)
 Vue.component("DTSearch", DTSearch)
-
+Vue.use(VueParticles)
 //注入mock
 // require("../mock")
 Vue.prototype.$api=request;

setting.js

@@ -42,7 +42,7 @@ const Setting = {
         // 侧边栏风格，可选值为 dark 或 light
         siderTheme: 'dark',
         // 顶栏风格，可选值为 light、dark 或 primary
-        headerTheme: 'light',
+        headerTheme: 'dark',
         // 顶栏是否置顶，开启后会覆盖侧边栏，需开启 headerFix
         headerStick: false,
         // 是否开启多 Tabs 页签