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 = [{ ...@@ -699,22 +699,22 @@ export const constantRoutes = [{
component: () => import('@/views/error/401'), component: () => import('@/views/error/401'),
hidden: true hidden: true
}, },
{ // {
path: '', // path: '',
component: Layout, // component: Layout,
redirect: 'index', // redirect: 'index',
hidden: true, // hidden: true,
children: [{ // children: [{
path: 'index', // path: 'index',
component: () => import('@/views/index'), // component: () => import('@/views/index'),
name: 'Index', // name: 'Index',
meta: { // meta: {
title: '首页', // title: '首页',
icon: 'dashboard', // icon: 'dashboard',
affix: true // affix: true
} // }
}] // }]
}, // },
{ {
path: '/user', path: '/user',
component: Layout, 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 @@ ...@@ -22,7 +22,14 @@
</editTableForEdit> </editTableForEdit>
</div> </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"> <el-col class="center" :span="12">
创建人:{{ 创建人:{{
form.cjr||localUser form.cjr||localUser
...@@ -33,7 +40,7 @@ ...@@ -33,7 +40,7 @@
$moment(form.cjsj).format('YYYY-MM-DD HH:mm:ss')||$moment().format('YYYY-MM-DD HH:mm:ss') $moment(form.cjsj).format('YYYY-MM-DD HH:mm:ss')||$moment().format('YYYY-MM-DD HH:mm:ss')
}} }}
</el-col> </el-col>
</el-row> </el-row> -->
</el-form> </el-form>
<!-- editTab数据 --> <!-- editTab数据 -->
...@@ -72,11 +79,47 @@ ...@@ -72,11 +79,47 @@
} }
}, },
mounted() { mounted() {
this.form.rkrName=this.username this.$nextTick(()=>{
this.form.rkrid=this.userid this.form.whr=this.username
this.form.rkr=this.username
})
}, },
data() { data() {
return { 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数据 */ /* 常规edit数据 */
editColItemList: [{ editColItemList: [{
label: '入库单号', label: '入库单号',
...@@ -139,17 +182,9 @@ ...@@ -139,17 +182,9 @@
}, },
{ {
label: '入库人', label: '入库人',
prop: 'rkrid', prop: 'rkr',
span: 8, span: 8,
type: 'AuxInput', type: 'input',
typeConfig: {
code: 'USER',
label: 'rkrName',
transform: {
value: 'id',
label: 'username'
}
},
"required": true, "required": true,
}, },
{ {
...@@ -173,7 +208,7 @@ ...@@ -173,7 +208,7 @@
{ {
title: "物料编号", title: "物料编号",
field: "code", field: "code",
width: 240, width: 180,
type: 'AuxInput', type: 'AuxInput',
typeConfig: { typeConfig: {
"code": "MATERIAL", "code": "MATERIAL",
...@@ -209,13 +244,7 @@ ...@@ -209,13 +244,7 @@
// }, // },
/* 不可编辑*/ /* 不可编辑*/
{
title: "制令号",
field: "zlh",
type: 'inputText',
width: 100,
allowEdit: true
},
{ {
title: "物料批号", title: "物料批号",
...@@ -225,17 +254,24 @@ ...@@ -225,17 +254,24 @@
// show: JSON.parse(localStorage.getItem('isPhgl')) // show: JSON.parse(localStorage.getItem('isPhgl'))
}, },
{ {
title: "应收数量", title: "制令号",
field: "zlh",
type: 'inputText',
width: 180,
allowEdit: true
},
{
title: "数量",
field: "yssl", field: "yssl",
allowEdit: true, allowEdit: true,
type: 'inputNumber', type: 'inputNumber',
width: 200,
blur: toFixed(null), blur: toFixed(null),
}, },
{ {
title: "入库数量", title: "已入库数量",
field: "rksl", field: "rksl",
width: 200,
}, },
// { // {
......
src/views/ccgl/rkgl/rkd/top/index.vue
View file @ 505a3a30
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
}, },
{ {
title: "入库人", title: "入库人",
field: "rkrName", field: "rkr",
width: 140 width: 140
}, },
{ {
......
src/views/login.vue
View file @ 505a3a30
...@@ -19,14 +19,18 @@ ...@@ -19,14 +19,18 @@
clickMode="push" clickMode="push"
> >
</vue-particles> </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" > <ul class="bg-bubbles" >
<li v-for="i in 10" :key="i"></li> <li v-for="i in 10" :key="i"></li>
</ul> </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-form-item prop="username">
<el-input <el-input
v-model="loginForm.username" v-model="loginForm.username"
...@@ -63,13 +67,13 @@ ...@@ -63,13 +67,13 @@
</div> </div>
</el-form-item> </el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox> <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 <el-button
class="btn btn-primary btn-ghost btn-shine" class="btn btn-primary btn-ghost btn-shine"
:loading="loading" :loading="loading"
size="medium" size="medium"
type="primary" type="primary"
style="width:100%;" style="width:100%;background-color:#3A8FFA;color: #fff;"
@click.native.prevent="handleLogin" @click.native.prevent="handleLogin"
> >
<span v-if="!loading">登 录</span> <span v-if="!loading">登 录</span>
...@@ -93,11 +97,13 @@ import Cookies from "js-cookie"; ...@@ -93,11 +97,13 @@ import Cookies from "js-cookie";
import { encrypt, decrypt } from '@/utils/jsencrypt' import { encrypt, decrypt } from '@/utils/jsencrypt'
import md5 from '@/utils/md5.js' import md5 from '@/utils/md5.js'
import {systeminfo} from "@/api/common/common.js" import {systeminfo} from "@/api/common/common.js"
import logo from '@/assets/images/favicon.png'
export default { export default {
name: "Login", name: "Login",
data() { data() {
return { return {
logo:logo,
appName:'', appName:'',
codeUrl: "", codeUrl: "",
loginForm: { loginForm: {
...@@ -133,7 +139,7 @@ export default { ...@@ -133,7 +139,7 @@ export default {
} }
}, },
created() { created() {
// this.getCode(); // this.getCode();
this.getCookie(); this.getCookie();
...@@ -234,31 +240,31 @@ export default { ...@@ -234,31 +240,31 @@ export default {
&-shine { &-shine {
color: white; color: white;
&::before { // &::before {
position: absolute; // position: absolute;
content: ""; // content: "";
top: 0; // top: 0;
left: 0; // left: 0;
width: 100%; // width: 100%;
height: 100%; // height: 100%;
background: linear-gradient( // background: linear-gradient(
120deg, // 120deg,
transparent, // transparent,
hsla(var(--hue), 100%, 41%, 0.5), // hsla(var(--hue), 100%, 41%, 0.5),
transparent // transparent
); // );
transform: translateX(-100%); // transform: translateX(-100%);
transition: 0.6s; // transition: 0.6s;
} // }
&:hover { // &:hover {
background: transparent; // background: transparent;
box-shadow: 0 0 20px 10px hsla(var(--hue), 100%, 41%, 0.5); // box-shadow: 0 0 20px 10px hsla(var(--hue), 100%, 41%, 0.5);
} // }
&:hover::before { // &:hover::before {
transform: translateX(100%); // transform: translateX(100%);
} // }
} }
} }
::v-deep .el-input__inner{ ::v-deep .el-input__inner{
...@@ -266,7 +272,7 @@ export default { ...@@ -266,7 +272,7 @@ export default {
border: #014dff 1px solid; border: #014dff 1px solid;
} }
border: #0389ff 1px solid; border: #0389ff 1px solid;
color: #fff; color: #000;
background-color:rgba(0, 0, 0, 0.039) ; background-color:rgba(0, 0, 0, 0.039) ;
} }
.buttonClass { .buttonClass {
...@@ -281,9 +287,9 @@ export default { ...@@ -281,9 +287,9 @@ export default {
border-top-right-radius:3px; border-top-right-radius:3px;
border-bottom-left-radius:3px; border-bottom-left-radius:3px;
border-bottom-right-radius:3px; border-bottom-right-radius:3px;
box-shadow:inset 0px 1px 0px 0px #54a3f7; // box-shadow:inset 0px 1px 0px 0px #54a3f7;
text-shadow:inset 0px 1px 0px #154682; // text-shadow:inset 0px 1px 0px #154682;
background:linear-gradient(#0389ff, #00aaff); // background:linear-gradient(#0389ff, #00aaff);
} }
.buttonClass:hover { .buttonClass:hover {
...@@ -307,14 +313,22 @@ export default { ...@@ -307,14 +313,22 @@ export default {
justify-content: right; justify-content: right;
align-items: center; align-items: center;
height: 100%; height: 100%;
background-image: url("../assets/images/login-rj.jpg"); background-image: url("../assets/images/login_iot.png");
background-size: cover; background-size: 100% 100%;
} }
.title { .iot_title {
font-family: Georgia, 'Times New Roman', Times, serif; color: #666;
margin: 0px auto 30px auto; margin-top: 30px;
text-align: center; text-align: center;
color: #ffffff; 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 { .login-form {
......
vue.config.js
View file @ 505a3a30
...@@ -39,7 +39,8 @@ module.exports = { ...@@ -39,7 +39,8 @@ module.exports = {
[process.env.VUE_APP_BASE_API]: { [process.env.VUE_APP_BASE_API]: {
// target: `http://192.168.30.254:18080/dmg`, // target: `http://192.168.30.254:18080/dmg`,
// target: `http://192.168.30.254:28084/erp`, // 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', // target:'http://192.168.30.105:9081/erp',
changeOrigin: true, changeOrigin: true,
pathRewrite: { 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