kz-ui-base 1.0.2 → 1.0.4

package/common/src/views/tenantLogin.vue

@@ -1,331 +0,0 @@
-<template>
-  <div class="login">
-    <el-carousel
-      height="100%"
-      style="height: 100%; width: 100%; position: absolute"
-      indicator-position="none"
-      arrow="never"
-      :interval="3500"
-    >
-      <el-carousel-item
-        v-for="(image, index) in imgs"
-        :key="index"
-        style="height: 100%; width: 100%"
-      >
-        <div
-          :style="[
-            { background: 'url( ' + image + ') no-repeat' },
-            { backgroundSize: 'cover' },
-          ]"
-          style="height: 100%; width: 100%"
-        ></div>
-      </el-carousel-item>
-    </el-carousel>
-    <el-form
-      ref="loginForm"
-      :model="loginForm"
-      :rules="loginRules"
-      class="login-form"
-    >
-      <h3 class="title">
-        {{ loginForm.title ? loginForm.title : "后台管理系统" }}
-      </h3>
-      <el-form-item prop="enterpriseName">
-        <el-input
-          v-model="loginForm.enterpriseName"
-          type="text"
-          auto-complete="off"
-          placeholder="企业账号"
-        >
-          <svg-icon
-            slot="prefix"
-            icon-class="user"
-            class="el-input__icon input-icon"
-          />
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="userName">
-        <el-input
-          v-model="loginForm.userName"
-          type="text"
-          auto-complete="off"
-          placeholder="员工账号"
-        >
-          <svg-icon
-            slot="prefix"
-            icon-class="user"
-            class="el-input__icon input-icon"
-          />
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="password">
-        <el-input
-          v-model="loginForm.password"
-          type="password"
-          auto-complete="off"
-          placeholder="密码"
-          @keyup.enter.native="handleLogin"
-        >
-          <svg-icon
-            slot="prefix"
-            icon-class="password"
-            class="el-input__icon input-icon"
-          />
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="code" v-if="captchaOnOff">
-        <el-input
-          v-model="loginForm.code"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: 63%"
-          @keyup.enter.native="handleLogin"
-        >
-          <svg-icon
-            slot="prefix"
-            icon-class="validCode"
-            class="el-input__icon input-icon"
-          />
-        </el-input>
-        <div class="login-code">
-          <img :src="codeUrl" @click="getCode" class="login-code-img" />
-        </div>
-      </el-form-item>
-      <el-checkbox
-        v-model="loginForm.rememberMe"
-        style="margin: 0px 0px 25px 0px"
-        >记住密码</el-checkbox
-      >
-      <div style="float: right" v-if="register">
-        <router-link class="link-type" :to="'/register'">立即注册</router-link>
-      </div>
-      <el-form-item style="width: 100%">
-        <el-button
-          :loading="loading"
-          size="medium"
-          type="primary"
-          style="width: 100%"
-          @click.native.prevent="handleLogin"
-        >
-          <span v-if="!loading">登 录</span>
-          <span v-else>登 录 中...</span>
-        </el-button>
-      </el-form-item>
-    </el-form>
-    <!--  底部  -->
-    <div class="el-login-footer">
-      <span>Copyright © 2021-2022 kezhitt.cn All Rights Reserved.</span>
-    </div>
-  </div>
-</template>
-
-<script>
-import { getCodeImg } from "../api/login";
-import Cookies from "~../../js-cookie";
-import { encrypt, decrypt } from "../utils/jsencrypt";
-
-export default {
-  name: "Login",
-  data() {
-    return {
-      codeUrl: "",
-      cookiePassword: "",
-      loginForm: {
-        enterpriseName: "",
-        userName: "",
-        password: "",
-        rememberMe: false,
-        code: "",
-        uuid: "",
-        title: "",
-      },
-      loginRules: {
-        enterpriseName: [
-          { required: true, trigger: "blur", message: "请输入您的企业账号" },
-        ],
-        userName: [
-          { required: true, trigger: "blur", message: "请输入您的员工账号" },
-        ],
-        password: [
-          { required: true, trigger: "blur", message: "请输入您的密码" },
-        ],
-        code: [{ required: true, trigger: "change", message: "请输入验证码" }],
-      },
-      loading: false,
-      // 验证码开关
-      captchaOnOff: true,
-      // 注册开关
-      register: false,
-      redirect: undefined,
-
-      imgs: [],
-    };
-  },
-  watch: {
-    $route: {
-      handler: function (route) {
-        this.redirect = route.query && route.query.redirect;
-      },
-      immediate: true,
-    },
-  },
-  created() {
-    localStorage.clear();
-    this.axios.get("/config.json").then((res) => {
-      // if (res.data.tenantName) {
-      //   this.loginForm.enterpriseName = res.data.tenantName;
-      // } else {
-      //   this.loginForm.enterpriseName = "administrator";
-      // }
-      if (res.data.bgImages) {
-        this.imgs = res.data.bgImages;
-      }
-      if (res.data.tenantSystemName) {
-        this.loginForm.title = res.data.tenantSystemName;
-      }
-    });
-    this.getCode();
-    this.getCookie();
-  },
-  methods: {
-    getCode() {
-      getCodeImg().then((res) => {
-        this.captchaOnOff =
-          res.captchaOnOff === undefined ? true : res.captchaOnOff;
-        if (this.captchaOnOff) {
-          this.codeUrl = "data:image/gif;base64," + res.img;
-          this.loginForm.uuid = res.uuid;
-        }
-      });
-    },
-    getCookie() {
-      let enterpriseName = Cookies.get("enterpriseName");
-      //   let enterpriseName = "administrator";
-      const userName = Cookies.get("userName");
-      const password = Cookies.get("password");
-      const rememberMe = Cookies.get("rememberMe");
-      this.loginForm = {
-        enterpriseName:
-          enterpriseName == undefined
-            ? this.loginForm.enterpriseName
-            : enterpriseName,
-        userName: userName === undefined ? this.loginForm.userName : userName,
-        password:
-          password === undefined ? this.loginForm.password : decrypt(password),
-        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
-      };
-    },
-    handleLogin() {
-      this.$refs.loginForm.validate((valid) => {
-        if (valid) {
-          this.loading = true;
-          localStorage.setItem("systemId", 0);
-          if (this.loginForm.rememberMe) {
-            Cookies.set("enterpriseName", this.loginForm.enterpriseName, {
-              expires: 30,
-            });
-            Cookies.set("userName", this.loginForm.userName, { expires: 30 });
-            Cookies.set("password", encrypt(this.loginForm.password), {
-              expires: 30,
-            });
-            Cookies.set("rememberMe", this.loginForm.rememberMe, {
-              expires: 30,
-            });
-          } else {
-            // Cookies.remove("enterpriseName");
-            Cookies.remove("userName");
-            Cookies.remove("password");
-            Cookies.remove("rememberMe");
-          }
-          this.$store
-            .dispatch("Login", this.loginForm)
-            .then(() => {
-              this.$router.push({ path: this.redirect || "/" }).catch(() => {});
-            })
-            .catch(() => {
-              this.loading = false;
-              if (this.captchaOnOff) {
-                this.getCode();
-              }
-            });
-        }
-      });
-    },
-  },
-};
-</script>
-
-<style rel="stylesheet/scss" lang="scss">
-.login {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  // background-image: url("~../assets/images/login-background.jpg");
-  background-color: #4682b4;
-  background-size: cover;
-}
-
-.title {
-  margin: 0 auto 30px auto;
-  text-align: center;
-  color: #707070;
-}
-
-.login-form {
-  z-index: 999;
-  border-radius: 6px;
-  background: #ffffff;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
-
-  .el-input {
-    height: 38px;
-
-    input {
-      height: 38px;
-    }
-  }
-
-  .input-icon {
-    height: 39px;
-    width: 14px;
-    margin-left: 2px;
-  }
-}
-
-.login-tip {
-  font-size: 13px;
-  text-align: center;
-  color: #bfbfbf;
-}
-
-.login-code {
-  width: 33%;
-  height: 38px;
-  float: right;
-
-  img {
-    cursor: pointer;
-    vertical-align: middle;
-  }
-}
-
-.el-login-footer {
-  z-index: 999;
-  height: 40px;
-  line-height: 40px;
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  text-align: center;
-  color: #fff;
-  font-family: Arial, serif;
-  font-size: 12px;
-  letter-spacing: 1px;
-}
-
-.login-code-img {
-  height: 38px;
-}
-</style>

package/common/vue.config.js

@@ -1,130 +0,0 @@
-'use strict'
-const path = require('path')
-
-function join(dir) {
-  return path.join(__dirname, dir)
-}
-
-function resolve(dir) {
-  return path.resolve(__dirname, dir)
-}
-
-const name = process.env.VUE_APP_TITLE || '初始化模板' // 网页标题
-
-const port = process.env.port || process.env.npm_config_port || 79 // 端口
-
-// vue.config.js 配置说明
-//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
-// 这里只列一部分，具体配置参考文档
-module.exports = {
-  // 部署生产环境和开发环境下的URL。
-  // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
-  // 例如 https://kezhitt.cn/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://kezhitt.cn/admin/，则设置 baseUrl 为 /admin/。
-  publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
-  // publicPath: process.env.NODE_ENV === "production" ? "/initialized/" : "/initialized/",
-  // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
-  outputDir: 'dist',
-  // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
-  assetsDir: 'static',
-  // 是否开启eslint保存检测，有效值：ture | false | 'error'
-  lintOnSave: process.env.NODE_ENV === 'development',
-  // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
-  productionSourceMap: false,
-  // webpack-dev-server 相关配置
-  devServer: {
-    host: '0.0.0.0',
-    port: port,
-    open: true,
-    proxy: {
-      // detail: https://cli.vuejs.org/config/#devserver-proxy
-      [process.env.VUE_APP_BASE_API]: {
-        target: `http://localhost:8080`,
-        changeOrigin: true,
-        pathRewrite: {
-          ['^' + process.env.VUE_APP_BASE_API]: ''
-        }
-      }
-    },
-    disableHostCheck: true
-  },
-  configureWebpack: {
-    name: name,
-    resolve: {
-      alias: {
-        '@': join('src'),
-        '@api': resolve('node_modules/common/src/api'),
-        '@views': resolve('node_modules/common/src/views'),
-        '@utils': resolve('node_modules/common/src/utils'),
-        '@assets': resolve('node_modules/common/src/assets'),
-        '@components': resolve('node_modules/common/src/components'),
-        '@basicsComponents': resolve('node_modules/common/src/components/basics'),
-        '@customComponents': resolve('node_modules/common/src/components/custom')
-      }
-    },
-  },
-  chainWebpack(config) {
-    config.plugins.delete('preload') // TODO: need test
-    config.plugins.delete('prefetch') // TODO: need test
-
-    // alert(path)
-    // set svg-sprite-loader
-    config.module
-      .rule('svg')
-      .exclude.add(resolve('node_modules/common/src/assets/icons'))
-      .end()
-    config.module
-      .rule('icons')
-      .test(/\.svg$/)
-      .include.add(resolve('node_modules/common/src/assets/icons'))
-      .end()
-      .use('svg-sprite-loader')
-      .loader('svg-sprite-loader')
-      .options({
-        symbolId: 'icon-[name]'
-      })
-      .end()
-
-    config
-      .when(process.env.NODE_ENV !== 'development',
-        config => {
-          config
-            .plugin('ScriptExtHtmlWebpackPlugin')
-            .after('html')
-            .use('script-ext-html-webpack-plugin', [{
-              // `runtime` must same as runtimeChunk name. default is `runtime`
-              inline: /runtime\..*\.js$/
-            }])
-            .end()
-          config
-            .optimization.splitChunks({
-            chunks: 'all',
-            cacheGroups: {
-              libs: {
-                name: 'chunk-libs',
-                test: /[\\/]node_modules[\\/]/,
-                priority: 10,
-                chunks: 'initial' // only package third parties that are initially dependent
-              },
-              elementUI: {
-                name: 'chunk-elementUI', // split elementUI into a single package
-                priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
-                test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
-              },
-              commons: {
-                name: 'chunk-commons',
-                test: resolve('node_modules/common/src/components'), // can customize your rules
-                minChunks: 3, //  minimum common number
-                priority: 5,
-                reuseExistingChunk: true
-              }
-            }
-          })
-          config.optimization.runtimeChunk('single'),
-            {
-              from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
-              to: './', //到根目录下
-            }
-        }
-      )
-  }
-}