npm - system-clients - Versions diffs - 3.2.19 → 3.2.22 - Mend

system-clients 3.2.19 → 3.2.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/SystemClient.iml +8 -8
package/examples/LoginPage/App.vue +21 -0
package/examples/LoginPage/index.html +11 -0
package/examples/LoginPage/main.js +15 -0
package/package.json +2 -1
package/src/App.vue +24 -24
package/src/components/server/LoginPage.vue +235 -0
package/src/components/server/LoginView.vue +128 -0
package/src/filiale/dongguan/Login.vue +900 -897
package/src/filiale/dongguan/Main.vue +715 -715
package/src/filiale/dongguan/system.js +6 -6
package/src/styles/fonts/glyphicons-halflings-regular.eot +0 -0
package/src/styles/fonts/glyphicons-halflings-regular.svg +288 -0
package/src/styles/fonts/glyphicons-halflings-regular.ttf +0 -0
package/src/styles/fonts/glyphicons-halflings-regular.woff +0 -0
package/src/styles/fonts/glyphicons-halflings-regular.woff2 +0 -0
package/src/styles/less/bootstrap.less +66 -66
package/src/styles/less/fonts-list.less +25 -25
package/src/styles/less/glyphicons.less +6 -6
package/src/styles/less/stand.less +207 -207
package/src/system.js +4 -0
package/static/guangxi/backgroundImage.png +0 -0
package/static/guangxi/ename.png +0 -0
package/static/guangxi/enameCopy.png +0 -0
package/static/guangxi/gasAnalysis.png +0 -0
package/static/guangxi/gasAnalysis1.png +0 -0
package/static/guangxi/gasCustomerService.png +0 -0
package/static/guangxi/gasCustomerService1.png +0 -0
package/static/guangxi/gasLargeScreen.png +0 -0
package/static/guangxi/gasLargeScreen1.png +0 -0
package/static/guangxi/gasProduction.png +0 -0
package/static/guangxi/gasProduction1.png +0 -0
package/static/guangxi/gasSupervise.png +0 -0
package/static/guangxi/gasSupervise1.png +0 -0
package/static/guangxi/password.png +0 -0
package/static/guangxi/passwordCopy.png +0 -0
package/static/guangxi/verificationCode.png +0 -0
package/static/guangxi/verificationCodeCopy.png +0 -0

package/SystemClient.iml CHANGED Viewed

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module external.linked.project.id="SystemClient" external.linked.project.path="$MODULE_DIR$" external.root.project.path="$MODULE_DIR$" external.system.id="GRADLE" type="JAVA_MODULE" version="4">
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
+<?xml version="1.0" encoding="UTF-8"?>
+<module external.linked.project.id="SystemClient" external.linked.project.path="$MODULE_DIR$" external.root.project.path="$MODULE_DIR$" external.system.id="GRADLE" type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
 </module>

package/examples/LoginPage/App.vue ADDED Viewed

@@ -0,0 +1,21 @@
+<template>
+  <app-base class="bg">
+    <div class='flex'>
+      <article>
+        <route :comp="{name: 'login-page'}"></route>
+        <login-view></login-view>
+      </article>
+    </div>
+  </app-base>
+</template>
+<script>
+export default {
+  data () {
+    return {
+    }
+  },
+}
+</script>

package/examples/LoginPage/index.html ADDED Viewed

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>LoginPage</title>
+  </head>
+  <body>
+    <app></app>
+    <script src="./LoginPageApp.js"></script>
+  </body>
+</html>

package/examples/LoginPage/main.js ADDED Viewed

@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import App from './App'
+import all from 'vue-client/src/all'
+all()
+require('../../src/styles/less/bootstrap.less');
+Vue.component('login-page', (resolve) => { require(['../../src/components/server/LoginPage'], resolve) })
+Vue.component('login-view', (resolve) => { require(['../../src/components/server/LoginView'], resolve) })
+/* eslint-disable no-new */
+new Vue({
+  el: 'body',
+  components: { App }
+})

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "system-clients",
-  "version": "3.2.19",
+  "version": "3.2.22",
   "description": "系统基础框架",
   "main": "src/index.js",
   "directories": {
@@ -15,6 +15,7 @@
     "build": "rimraf dist && mkdirp dist && ncp static dist/static && cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.prod.conf.js",
     "e2e": "node test/e2e/runner.js",
     "unit": "karma start test/unit/karma.conf.js",
+    "makeall": "rimraf dist && mkdirp dist && ncp static dist/static && cross-env NODE_OPTIONS=--max_old_space_size=4096 NODE_ENV=production webpack --progress --hide-modules --config build/webpack.example.conf.js",
     "release": "npm set registry http://registry.npmjs.org && npm publish && npm set registry http://registry.npm.taobao.org"
   },
   "dependencies": {

package/src/App.vue CHANGED Viewed

@@ -1,24 +1,24 @@
-<template>
-  <app-base class="bg">
-    <div class='flex'>
-      <article>
-        <!--<route :comp="{name: 'check-model'}"></route>-->
-        <!--<route :comp="{name: 'vender-management'}"></route>-->
-        <route :comp="{name: 'login'}"></route>
-        <!-- <route :comp="{name: 'load-data'}"></route> -->
-        <!-- <route  :comp="{name: 'load-params', props: {componentName: 'login'}}"></route> -->
-        <!-- <route :comp="{name: 'load-params', props: {dataUrl: ['rs/sql/getMeterBrand','rs/sql/getPriceType','rs/sql/getMeterStyle'], componentName: 'login'}}"></route> -->
-      </article>
-    </div>
-  </app-base>
-</template>
-<script>
-// import cardListen from './plugins/CardListen'
-export default {
-  // ready () {
-  //   cardListen.startListen()
-  // }
-}
-</script>
+<template>
+  <app-base class="bg">
+    <div class='flex'>
+      <article>
+        <!--<route :comp="{name: 'check-model'}"></route>-->
+        <!--<route :comp="{name: 'vender-management'}"></route>-->
+        <route :comp="{name: 'login'}"></route>
+        <!-- <route :comp="{name: 'load-data'}"></route> -->
+        <!-- <route  :comp="{name: 'load-params', props: {componentName: 'login'}}"></route> -->
+        <!-- <route :comp="{name: 'load-params', props: {dataUrl: ['rs/sql/getMeterBrand','rs/sql/getPriceType','rs/sql/getMeterStyle'], componentName: 'login'}}"></route> -->
+      </article>
+    </div>
+  </app-base>
+</template>
+<script>
+// import cardListen from './plugins/CardListen'
+export default {
+  // ready () {
+  //   cardListen.startListen()
+  // }
+}
+</script>

package/src/components/server/LoginPage.vue ADDED Viewed

@@ -0,0 +1,235 @@
+<template>
+  <div class="login-box">
+    <div class="login-title" style="height: 100vh;">
+      <div class="row auto">
+        <div style="margin-top: 6vh;float: right;padding-right: 20vh">
+          <span style="font-size: 1.2rem;color: white;"><b>关于我们</b></span>
+        </div>
+      </div>
+      <div class="row auto">
+        <div style="width: 60vh;float: right;margin-top: 18vh;margin-right: 18vh;">
+          <div style="color: white;font-size: 2.5rem;text-align: center;">
+            <span>智 慧 燃 气 SaaS 云 平 台</span>
+          </div>
+          <div class="pt-1" style="color: white;font-size: 1.2rem;text-align: center;">
+            <span>燃气行业数字化解决方案</span>
+          </div>
+          <div style="margin-top: 2.7rem;padding-left: 7rem;">
+            <div class="pt-1" style="width: 82%;">
+              <div class="login_input">
+                <div @mouseenter="changeImageSrc(1, 'hover')"
+                     @mouseleave="changeImageSrc(1, '')">
+                  <img :src="enameImg">
+                  <span :class="enameShow ? 'color2' : 'color1'">|</span>
+                  <input type="text" placeholder=" 请输入登录账号" v-model="model.ename"/>
+                </div>
+              </div>
+            </div>
+            <div class="pt-1" style="width: 82%;">
+              <div class="login_input">
+                <div @mouseenter="changeImageSrc(2, 'hover')"
+                     @mouseleave="changeImageSrc(2, '')">
+                  <img :src="passwordImg">
+                  <span :class="passwordShow ? 'color2' : 'color1'">|</span>
+                  <input type="text" placeholder=" 请输入登录密码" v-model="model.password"/>
+                </div>
+              </div>
+            </div>
+            <div class="pt-1" style="width: 82%;">
+              <div class="login_input">
+                <div @mouseenter="changeImageSrc(3, 'hover')"
+                     @mouseleave="changeImageSrc(3, '')">
+                  <img :src="verificationCodeImg">
+                  <span :class="verificationCodeShow ? 'color2' : 'color1'">|</span>
+                  <input type="text" placeholder=" 请输入验证码" v-model="model.verificationCode"/>
+                  <span class="color2" style="float: right;padding-right: 2rem;" @click.native="createCode()">{{checkCode}}</span>
+                </div>
+              </div>
+            </div>
+            <div class="pt-1" style="width: 82%;padding-left: .667rem;color: white;font-size: 1rem">
+              <input type="checkbox" name="type" value="true" v-model="isRememberPassword" id="cb"/>&nbsp;记住密码
+            </div>
+          </div>
+          <div class="pt-1" style="color: white;font-size: 1.2rem;text-align: center;">
+            <button class="btn_login" style="width: 20rem;" @click.native="confirm()">立即登录</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  title: '登录',
+  data () {
+    return {
+      enameImg: require('../../../static/guangxi/ename.png'),
+      passwordImg: require('../../../static/guangxi/password.png'),
+      verificationCodeImg: require('../../../static/guangxi/verificationCode.png'),
+      enameShow: false,
+      passwordShow: false,
+      verificationCodeShow: false,
+      notice: '',
+      model: {
+        ename: '',
+        password: '',
+        verificationCode: ''
+      },
+      isRememberPassword: false,
+      checkCode: ''
+    }
+  },
+  created () {
+    this.createCode()
+    let storage = window.localStorage
+    this.model.ename = storage.getItem('ename')
+    this.model.password = storage.getItem('password')
+    this.isRememberPassword = storage.getItem('isRememberPassword')
+  },
+  methods: {
+    changeImageSrc (key, way) {
+      switch (key) {
+        case 1:
+          if (way) {
+            this.enameShow = true
+            this.enameImg = require(`../../../static/guangxi/enameCopy.png`)
+          } else if (!this.model.ename){
+            this.enameShow = false
+            this.enameImg = require(`../../../static/guangxi/ename.png`)
+          }
+          break
+        case 2:
+          if (way) {
+            this.passwordShow = true
+            this.passwordImg = require(`../../../static/guangxi/passwordCopy.png`)
+          } else if (!this.model.password){
+            this.passwordShow = false
+            this.passwordImg = require(`../../../static/guangxi/password.png`)
+          }
+          break
+        case 3:
+          if (way) {
+            this.verificationCodeShow = true
+            this.verificationCodeImg = require(`../../../static/guangxi/verificationCodeCopy.png`)
+          } else if (!this.model.verificationCode){
+            this.verificationCodeShow = false
+            this.verificationCodeImg = require(`../../../static/guangxi/verificationCode.png`)
+          }
+          break
+      }
+    },
+    createCode(){
+      let code = "";
+      //验证码的长度
+      let codeLength = 4;
+      //随机数
+      let random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',
+        'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
+      //循环操作
+      for (let i = 0; i < codeLength; i++) {
+        //取得随机数的索引（0~35）
+        let index = Math.floor(Math.random() * 36);
+        //根据索引取得随机数加到code上
+        code += random[index];
+      }
+      //把code值赋给验证码
+      this.checkCode = code;
+    },
+    confirm () {
+      console.log('点击登录' + JSON.stringify(this.model))
+      if (!this.model.ename) {
+        this.$showMessage("请输入登录账号!")
+        return
+      }
+      if (!this.model.password) {
+        this.$showMessage("请输入登录密码!")
+        return
+      }
+      if (!this.model.verificationCode) {
+        this.$showMessage("请输入验证码!")
+        return
+      }
+      if (this.model.verificationCode.toUpperCase() !== this.checkCode) {
+        this.$showMessage("输入的验证码有误！")
+        this.createCode()
+        return
+      }
+      if (this.model.ename === '黄群' && this.model.password === '000000') {
+        let storage = window.localStorage
+        if (this.isRememberPassword) {
+          storage.setItem('ename', this.model.ename)
+          storage.setItem('password', this.model.password)
+          storage.setItem('isRememberPassword', this.isRememberPassword)
+        } else {
+          storage.removeItem('ename')
+          storage.removeItem('password')
+          storage.removeItem('isRememberPassword')
+        }
+        console.log('555555555555')
+        this.$goto('login-view')
+      } else{
+        this.$showMessage("登录失败，输入的账号或密码有误！")
+      }
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.login-box{
+  overflow: hidden;
+  background-image: url("../../../static/guangxi/backgroundImage.png");
+  background-size:100% 100%;
+  background-repeat:no-repeat;
+  font-family: PINGFANG-MEDIUM;
+}
+.pt-1 {
+  padding-top: 1rem;
+}
+.color1 {
+  color: #c9c9c9;
+}
+.color2 {
+  color: #4190f6;
+}
+#cb{
+  accent-color: #4190f6;
+}
+.btn_login {
+  width: 100%;
+  height: 40px;
+  background-color: #4292f7;
+  border-radius: 3rem;
+  border:none;
+  font-family: PingFang,serif;
+  font-size: 16px;
+  color: #ffffff;
+}
+.btn_login:hover{background-color: #3171f4;}
+.login_input {
+  line-height: 4.3rem;
+  box-sizing: border-box;
+  border-radius: 0.8rem;
+  background: #fff;
+  input{
+    border: none;
+    outline: none;
+  }
+  input::-webkit-input-placeholder {
+    color: #c9c9c9;
+  }
+}
+</style>

package/src/components/server/LoginView.vue ADDED Viewed

@@ -0,0 +1,128 @@
+<template>
+  <div class="login-box">
+    <div class="login-title" style="height: 100vh;">
+      <div class="row auto">
+        <div style="margin-top: 6vh;float: right;padding-right: 20vh">
+          <span style="font-size: 1.2rem;color: white;"><b>关于我们</b></span>
+        </div>
+      </div>
+      <div class="row auto">
+        <div style="margin-top: 8vh;text-align: center">
+          <div style="color: white;font-size: 2.5rem;">
+            <span>智 慧 燃 气 SaaS 云 平 台</span>
+          </div>
+          <div class="pt-1" style="color: white;font-size: 1.2rem;">
+            <span>燃气行业数字化解决方案</span>
+          </div>
+          <div style="margin-top: 3rem;">
+            <span @mouseenter="changeImageSrc(1, 'hover')"
+                  @mouseleave="changeImageSrc(1, '')"
+                  @click.native="confirm('1')">
+              <img :src="gasImg1" width="200">
+            </span>
+            <span @mouseenter="changeImageSrc(2, 'hover')"
+                  @mouseleave="changeImageSrc(2, '')"
+                  @click.native="confirm('2')">
+              <img :src="gasImg2" width="200">
+            </span>
+            <span @mouseenter="changeImageSrc(3, 'hover')"
+                  @mouseleave="changeImageSrc(3, '')"
+                  @click.native="confirm('3')">
+              <img :src="gasImg3" width="200">
+            </span>
+            <span @mouseenter="changeImageSrc(4, 'hover')"
+                  @mouseleave="changeImageSrc(4, '')">
+              <img :src="gasImg4" width="200">
+            </span>
+            <span @mouseenter="changeImageSrc(5, 'hover')"
+                  @mouseleave="changeImageSrc(5, '')">
+              <img :src="gasImg5" width="200">
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  title: '登录',
+  data () {
+    return {
+      gasImg1: require('../../../static/guangxi/gasProduction.png'),
+      gasImg2: require('../../../static/guangxi/gasCustomerService.png'),
+      gasImg3: require('../../../static/guangxi/gasLargeScreen.png'),
+      gasImg4: require('../../../static/guangxi/gasSupervise.png'),
+      gasImg5: require('../../../static/guangxi/gasAnalysis.png')
+    }
+  },
+  methods: {
+    changeImageSrc (key, way) {
+      switch (key) {
+        case 1:
+          if (way) {
+            this.gasImg1 = require(`../../../static/guangxi/gasProduction1.png`)
+          } else {
+            this.gasImg1 = require(`../../../static/guangxi/gasProduction.png`)
+          }
+          break
+        case 2:
+          if (way) {
+            this.gasImg2 = require(`../../../static/guangxi/gasCustomerService1.png`)
+          } else {
+            this.gasImg2 = require(`../../../static/guangxi/gasCustomerService.png`)
+          }
+          break
+        case 3:
+          if (way) {
+            this.gasImg3 = require(`../../../static/guangxi/gasLargeScreen1.png`)
+          } else {
+            this.gasImg3 = require(`../../../static/guangxi/gasLargeScreen.png`)
+          }
+          break
+        case 4:
+          if (way) {
+            this.gasImg4 = require(`../../../static/guangxi/gasSupervise1.png`)
+          } else {
+            this.gasImg4 = require(`../../../static/guangxi/gasSupervise.png`)
+          }
+          break
+        case 5:
+          if (way) {
+            this.gasImg5 = require(`../../../static/guangxi/gasAnalysis1.png`)
+          } else {
+            this.gasImg5 = require(`../../../static/guangxi/gasAnalysis.png`)
+          }
+          break
+      }
+    },
+    confirm(val) {
+      let url
+      if (val === '1') {
+        url = 'http://117.34.122.185:9001/login.jsp'
+      } else if (val === '2') {
+        url = 'http://117.33.181.102:8400/'
+      } else if (val === '3') {
+        url = 'http://117.34.122.185:8300/#/home'
+      }
+      window.location.replace(url)
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.login-box{
+  overflow: hidden;
+  background-image: url("../../../static/guangxi/backgroundImage.png");
+  background-size:100% 100%;
+  background-repeat:no-repeat;
+}
+</style>