From 8692fe61d8d4af99e847471cabb9bb1fd40c30ce Mon Sep 17 00:00:00 2001
From: zhangyanpeng <bob.zhang@highdatas.com>
Date: 星期日, 19 一月 2020 13:11:29 +0800
Subject: [PATCH] 新增
---
src/views/login.vue | 109 +++++++++++++++++++++++++++
vue.config.js | 14 +++
src/views/Overview.vue | 87 +++++++++++++++++++++
src/views/calendarTask.vue | 12 +++
4 files changed, 222 insertions(+), 0 deletions(-)
diff --git a/src/views/Overview.vue b/src/views/Overview.vue
new file mode 100644
index 0000000..9a2e724
--- /dev/null
+++ b/src/views/Overview.vue
@@ -0,0 +1,87 @@
+<template>
+ <div class="class_overview">
+ <div style="float: left; width: 100%; height: 50px;">
+ <span>璇烽�夋嫨椤圭洰锛�</span>
+ <el-select v-model="value" placeholder="璇烽�夋嫨" size="small">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+
+ <el-button type="primary" style="float: right;" @click="addProject">鏂板缓椤圭洰</el-button>
+
+ </div>
+ <div style="float: left; margin-left: 1%; width: 69%; height: 80vh; ">
+ <div style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #42B983;"></div>
+ <div style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #42B983;"></div>
+ <div style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #42B983;"></div>
+ <div style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #42B983;"></div>
+ </div>
+ <div style="float: right; margin-right: 1%; width: 28%; height: 80vh; border: 1px solid #42B983;"></div>
+
+
+ <el-dialog @close="Cancel" width="70%" top="50px" :visible.sync="dialog_1" append-to-body>
+ <newProject @closeNewProject="closeNewProject"></newProject>
+ </el-dialog>
+
+ </div>
+</template>
+
+<script>
+ import newProject from '../components/popup/newProject.vue'
+
+ export default {
+ components: {
+ newProject
+ },
+ data() {
+ return {
+ options: [
+ {
+ value: '閫夐」1',
+ label: '榛勯噾绯�'
+ }, {
+ value: '閫夐」2',
+ label: '鍙岀毊濂�'
+ }, {
+ value: '閫夐」3',
+ label: '铓典粩鐓�'
+ }, {
+ value: '閫夐」4',
+ label: '榫欓』闈�'
+ }, {
+ value: '閫夐」5',
+ label: '鍖椾含鐑ら腑'
+ }
+ ],
+ value: '',
+ dialog_1: false,
+
+ }
+ },
+ methods: {
+ addProject() {
+ this.dialog_1 = true;
+
+ },
+ Cancel() {
+
+ },
+ closeNewProject() {
+ this.dialog_1 = false
+ },
+ }
+
+ }
+</script>
+
+<style>
+ .class_overview {
+ text-align: left;
+ background-color: #dee0e2;
+ }
+
+</style>
diff --git a/src/views/calendarTask.vue b/src/views/calendarTask.vue
new file mode 100644
index 0000000..e17c74a
--- /dev/null
+++ b/src/views/calendarTask.vue
@@ -0,0 +1,12 @@
+<template>
+ <div>鏃ュ巻浠诲姟鍒楄〃</div>
+</template>
+
+<script>
+ export default {
+
+ };
+</script>
+
+<style>
+</style>
diff --git a/src/views/login.vue b/src/views/login.vue
new file mode 100644
index 0000000..194a614
--- /dev/null
+++ b/src/views/login.vue
@@ -0,0 +1,109 @@
+<template>
+ <div class="login">
+ <div class="img-container">
+ <img :src="loginImg" alt="">
+ </div>
+ <el-form ref="loginForm" :model="loginForm" class="login-form" auto-complete="on" label-position="left">
+ <el-form-item prop="username">
+ <el-input
+ v-model="loginForm.username"
+ placeholder="杈撳叆鐢ㄦ埛鍚�"
+ name="username"
+ type="text"
+ auto-complete="on"
+ >
+ <span v-show="isClearIconShow" slot="suffix" class="suffix-icon" @click="clearUsername">
+ <svg-icon icon-class="close-circle" />
+ </span>
+ </el-input>
+ </el-form-item>
+ <el-form-item prop="password">
+ <el-input
+ :type="passwordType"
+ v-model="loginForm.password"
+ placeholder="杈撳叆瀵嗙爜"
+ name="password"
+ auto-complete="on"
+ @keyup.enter.native="handleLogin"
+ >
+ <span slot="suffix" class="suffix-icon" :class="{eyeOpen: isOpen}" @click="showPwd">
+ <svg-icon :icon-class="eyeIconClass" />
+ </span>
+ </el-input>
+ </el-form-item>
+ <div class="user-action">
+ <a @click="handleForgetPassword">
+ <span>蹇樿瀵嗙爜</span>
+ </a>
+ </div>
+ <el-button :loading="loading" class="loginButton" type="primary" @click.native.prevent="handleLogin">鐧诲綍</el-button>
+ </el-form>
+ </div>
+</template>
+
+<script>
+/**
+ * 鐧诲綍缁勪欢
+ * @author Sky
+ */
+export default {
+ name: 'Login',
+ data () {
+ return {
+ // path: '/' + process.env.VUE_APP_FACTORY_KEY + '/user/confirm-password',
+ // loginImg: require('@/assets/img/login-logo.png'),
+ loginForm: { // 琛ㄥ崟鏁版嵁
+ username: process.env.VUE_APP_BUILD_MODE === 'production' ? '' : 'bayer_admin',
+ password: process.env.VUE_APP_BUILD_MODE === 'production' ? '' : '123456'
+ },
+ passwordType: 'password', // 杈撳叆妗嗙被鍨�
+ loading: false, // 鍔犺浇涓�
+ eyeIconClass: 'eye-off', // 瀵嗙爜鍥炬爣鏄剧ず
+ isOpen: false // 鏍规嵁鐘舵�佹樉绀轰笉鍚屾牱寮忕被鍚�
+ }
+ },
+ computed: {
+ isClearIconShow () {
+ return this.loginForm.username.length
+ }
+ },
+ methods: {
+ // 蹇樿瀵嗙爜鍥炶皟
+ handleForgetPassword () {
+ this.$alert('', '璇疯仈绯诲叕鍙哥鐞嗗憳淇敼瀵嗙爜', {
+ confirmButtonText: '鐭ラ亾浜�',
+ center: true,
+ showClose: true
+ })
+ },
+ // 娓呴櫎鐢ㄦ埛鍚�
+ clearUsername () {
+ if (this.loginForm.username) {
+ this.loginForm.username = ''
+ }
+ },
+ // 瀵嗙爜鏄剧ず鍒囨崲
+ showPwd () {
+ if (this.passwordType === 'password') {
+ this.passwordType = ''
+ this.eyeIconClass = 'eye'
+ this.isOpen = true
+ } else {
+ this.passwordType = 'password'
+ this.eyeIconClass = 'eye-off'
+ this.isOpen = false
+ }
+ },
+
+ // 鐧诲綍
+ handleLogin () {
+ localStorage.setItem('userId','user001');
+ this.$router.push('/');
+ },
+ }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+
+</style>
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..f6fa46d
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,14 @@
+module.exports = {
+ publicPath: '/',
+ devServer: {
+ proxy: {
+ '/api/api': {
+ target: 'http://192.168.31.233:8090',
+ changeOrigin: true,
+ pathRewrite: {
+ '^/api/api': ''
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
--
Gitblit v1.8.0