Skip to content

L
lxyl-vue
Commit 505a3a30 authored by 李苏's avatar 李苏 💬
Browse files
Options

首页和登录页调整

parent 4db5fb9f
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 315 additions and 182 deletions
src/assets/images/login_iot.png 0 → 100644
View file @ 505a3a30
This diff is collapsed.
src/router/index.js
View file @ 505a3a30
......@@ -699,22 +699,22 @@ export const constantRoutes = [{
component: () => import('@/views/error/401'),
hidden: true
},
{
path: '',
component: Layout,
redirect: 'index',
hidden: true,
children: [{
path: 'index',
component: () => import('@/views/index'),
name: 'Index',
meta: {
title: '首页',
icon: 'dashboard',
affix: true
}
}]
},
// {
// path: '',
// component: Layout,
// redirect: 'index',
// hidden: true,
// children: [{
// path: 'index',
// component: () => import('@/views/index'),
// name: 'Index',
// meta: {
// title: '首页',
// icon: 'dashboard',
// affix: true
// }
// }]
// },
{
path: '/user',
component: Layout,
......
src/store/modules/permission.js
View file @ 505a3a30
This diff is collapsed.
src/views/ccgl/rkgl/rkd/top/edit.vue
View file @ 505a3a30
......@@ -22,7 +22,14 @@
</editTableForEdit>
</div>
<el-row class="bottomInfo" :gutter="20">
<el-row :gutter="20" :app="this" class="editRow bottomInfo">
<EditColItem :required="item.required||false" :readonly="item.readonly?true:false "
v-for="(item,index) in editColItemList2 " :value="item.value" :span="item.span" :label="item.label"
:prop='item.prop' :key="item.prop" :type="item.type" :typeConfig='item.typeConfig'
:rule="item.rule" />
<!-- 额外数据 -->
</el-row>
<!-- <el-row class="bottomInfo" :gutter="20">
<el-col class="center" :span="12">
创建人:{{
form.cjr||localUser
......@@ -33,7 +40,7 @@
$moment(form.cjsj).format('YYYY-MM-DD HH:mm:ss')||$moment().format('YYYY-MM-DD HH:mm:ss')
}}
</el-col>
</el-row>
</el-row> -->
</el-form>
<!-- editTab数据 -->
......@@ -72,11 +79,47 @@
}
},
mounted() {
this.form.rkrName=this.username
this.form.rkrid=this.userid
this.$nextTick(()=>{
this.form.whr=this.username
this.form.rkr=this.username
})
},
data() {
return {
editColItemList2:[
{
"label": "状态",
"prop": "zt",
"span": 8,
"type": "RelSelect",
"value": "",
readonly:true,
"typeConfig": {
"src": "wms/rkgl/rktz/init/zt",
"match": {
"value": "id",
"label": "name"
}
}
},
{
label: '维护人',
prop: 'whr',
type: 'input',
span: 8,
readonly:true,
},
{
label: '维护时间',
prop: 'whsj',
span: 8,
type: 'datetime',
readonly:true,
value:new Date().getTime()
}
],
/* 常规edit数据 */
editColItemList: [{
label: '入库单号',
......@@ -139,17 +182,9 @@
},
{
label: '入库人',
prop: 'rkrid',
prop: 'rkr',
span: 8,
type: 'AuxInput',
typeConfig: {
code: 'USER',
label: 'rkrName',
transform: {
value: 'id',
label: 'username'
}
},
type: 'input',
"required": true,
},
{
......@@ -173,7 +208,7 @@
{
title: "物料编号",
field: "code",
width: 240,
width: 180,
type: 'AuxInput',
typeConfig: {
"code": "MATERIAL",
......@@ -209,13 +244,7 @@
// },
/* 不可编辑*/
{
title: "制令号",
field: "zlh",
type: 'inputText',
width: 100,
allowEdit: true
},
{
title: "物料批号",
......@@ -225,17 +254,24 @@
// show: JSON.parse(localStorage.getItem('isPhgl'))
},
{
title: "应收数量",
title: "制令号",
field: "zlh",
type: 'inputText',
width: 180,
allowEdit: true
},
{
title: "数量",
field: "yssl",
allowEdit: true,
type: 'inputNumber',
width: 200,
blur: toFixed(null),
},
{
title: "入库数量",
title: "已入库数量",
field: "rksl",
width: 200,
},
// {
......
src/views/ccgl/rkgl/rkd/top/index.vue
View file @ 505a3a30
......@@ -46,7 +46,7 @@
},
{
title: "入库人",
field: "rkrName",
field: "rkr",
width: 140
},
{
......
src/views/login.vue
View file @ 505a3a30
......@@ -19,14 +19,18 @@
clickMode="push"
>
</vue-particles>
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" style="position: absolute;right: 5px;background-color:rgba(0, 0, 0, 0.4) ;">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" style="position: absolute;right: 5px ;">
<ul class="bg-bubbles" >
<li v-for="i in 10" :key="i"></li>
</ul>
<!-- -->
<!-- -->
<h3 class="title">{{appName}}</h3>
<!-- <h3 class="title">{{appName}}</h3> -->
<div class="iot_title">
<img :src="logo" style="height:40px;width:40px;margin-top:1;"><span style="margin-left: 10px;" > {{appName}}</span>
<!-- <p class="title"></p> -->
</div>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
......@@ -63,13 +67,13 @@
</div>
</el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
<el-form-item style="width:100%;">
<el-form-item style="width:100%;margin-bottom: 50px;">
<el-button
class="btn btn-primary btn-ghost btn-shine"
:loading="loading"
size="medium"
type="primary"
style="width:100%;"
style="width:100%;background-color:#3A8FFA;color: #fff;"
@click.native.prevent="handleLogin"
>
<span v-if="!loading">登 录</span>
......@@ -93,11 +97,13 @@ import Cookies from "js-cookie";
import { encrypt, decrypt } from '@/utils/jsencrypt'
import md5 from '@/utils/md5.js'
import {systeminfo} from "@/api/common/common.js"
import logo from '@/assets/images/favicon.png'
export default {
name: "Login",
data() {
return {
logo:logo,
appName:'',
codeUrl: "",
loginForm: {
......@@ -133,7 +139,7 @@ export default {
}
},
created() {
// this.getCode();
this.getCookie();
......@@ -234,31 +240,31 @@ export default {
&-shine {
color: white;
&::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
120deg,
transparent,
hsla(var(--hue), 100%, 41%, 0.5),
transparent
);
transform: translateX(-100%);
transition: 0.6s;
}
// &::before {
// position: absolute;
// content: "";
// top: 0;
// left: 0;
// width: 100%;
// height: 100%;
// background: linear-gradient(
// 120deg,
// transparent,
// hsla(var(--hue), 100%, 41%, 0.5),
// transparent
// );
// transform: translateX(-100%);
// transition: 0.6s;
// }
&:hover {
background: transparent;
box-shadow: 0 0 20px 10px hsla(var(--hue), 100%, 41%, 0.5);
}
// &:hover {
// background: transparent;
// box-shadow: 0 0 20px 10px hsla(var(--hue), 100%, 41%, 0.5);
// }
&:hover::before {
transform: translateX(100%);
}
// &:hover::before {
// transform: translateX(100%);
// }
}
}
::v-deep .el-input__inner{
......@@ -266,7 +272,7 @@ export default {
border: #014dff 1px solid;
}
border: #0389ff 1px solid;
color: #fff;
color: #000;
background-color:rgba(0, 0, 0, 0.039) ;
}
.buttonClass {
......@@ -281,9 +287,9 @@ export default {
border-top-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
box-shadow:inset 0px 1px 0px 0px #54a3f7;
text-shadow:inset 0px 1px 0px #154682;
background:linear-gradient(#0389ff, #00aaff);
// box-shadow:inset 0px 1px 0px 0px #54a3f7;
// text-shadow:inset 0px 1px 0px #154682;
// background:linear-gradient(#0389ff, #00aaff);
}
.buttonClass:hover {
......@@ -307,14 +313,22 @@ export default {
justify-content: right;
align-items: center;
height: 100%;
background-image: url("../assets/images/login-rj.jpg");
background-size: cover;
background-image: url("../assets/images/login_iot.png");
background-size: 100% 100%;
}
.title {
font-family: Georgia, 'Times New Roman', Times, serif;
margin: 0px auto 30px auto;
text-align: center;
color: #ffffff;
.iot_title {
color: #666;
margin-top: 30px;
text-align: center;
font-size: 20px;
font-family: SimHei;
line-height: 40px;
height: 40px;
display: flex;
justify-content: center;
transform: translateY(-20px);
font-weight: 600;
letter-spacing: 1.3px;
}
.login-form {
......
vue.config.js
View file @ 505a3a30
......@@ -39,7 +39,8 @@ module.exports = {
[process.env.VUE_APP_BASE_API]: {
// target: `http://192.168.30.254:18080/dmg`,
// target: `http://192.168.30.254:28084/erp`,
target: `http://192.168.30.103:9080/lxyl`,
// target: `http://192.168.30.103:9080/lxyl`,
target: `http://localhost:9080/lxyl`,
// target:'http://192.168.30.105:9081/erp',
changeOrigin: true,
pathRewrite: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment