UDI
/
udiwms-vue-frame
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

演示界面修改

Browse Source
yanshishuju
yewj 9 months ago
parent 0b19b7f8c9
commit 8646f719eb
7 changed files with 250 additions and 246 deletions
Show Stats Download Patch File Download Diff File

4
.env.development
Unescape Escape View File

@ -6,7 +6,9 @@ ENV = 'development'
# 开发环境 # 开发环境
# VUE_APP_BASE_API = 'https://mudi.dsxyy.org/UDI_WMS_MC/' # VUE_APP_BASE_API = 'https://mudi.dsxyy.org/UDI_WMS_MC/'
VUE_APP_BASE_API = 'http://127.0.0.1:9991' # VUE_APP_BASE_API = 'http://127.0.0.1:9991'
VUE_APP_BASE_API = 'http://27.156.44.222:9150/UDI_WMS_MC/'
VUE_APP_SYNC_API ="http://127.0.0.1:10001" VUE_APP_SYNC_API ="http://127.0.0.1:10001"
# VUE_APP_BASE_API = 'http://dm.xmglxp.com:81/UDI_WMS_MC/' # VUE_APP_BASE_API = 'http://dm.xmglxp.com:81/UDI_WMS_MC/'
# 应用访问路径 例如使用前缀 /admin/ # 应用访问路径 例如使用前缀 /admin/

3
.env.production
Unescape Escape View File

@ -70,6 +70,9 @@ VUE_APP_BASE_API = 'http://dm.xmglxp.com:81/UDI_WMS_MC/'
# VUE_APP_BASE_API = 'http://192.168.20.128:9150/UDI_WMS_MC/' # VUE_APP_BASE_API = 'http://192.168.20.128:9150/UDI_WMS_MC/'
# VUE_APP_BASE_API = 'http://192.168.0.132:9150/UDI_WMS_MC/' # VUE_APP_BASE_API = 'http://192.168.0.132:9150/UDI_WMS_MC/'
# 陪标演示
VUE_APP_BASE_API = 'http://27.156.44.222:9150/UDI_WMS_MC/'
# 应用访问路径 例如使用前缀 /admin/ # 应用访问路径 例如使用前缀 /admin/
VUE_APP_CONTEXT_PATH = '/UDI_WMS_NEW/' VUE_APP_CONTEXT_PATH = '/UDI_WMS_NEW/'

2
public/index.html
Unescape Escape View File

@ -121,7 +121,7 @@
top: 0; top: 0;
width: 51%; width: 51%;
height: 100%; height: 100%;
background: #7171C6; background: #71c6ab;
z-index: 1000; z-index: 1000;
-webkit-transform: translateX(0); -webkit-transform: translateX(0);
-ms-transform: translateX(0); -ms-transform: translateX(0);

BIN
src/assets/login.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 332 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

28
src/layout/components/Navbar.vue
Unescape Escape View File

@ -8,19 +8,19 @@
<div class="right-menu"> <div class="right-menu">
<template v-if="device!=='mobile'"> <template v-if="device!=='mobile'">
<div class="inv-hos-title"> <!-- <div class="inv-hos-title">-->
<span <!-- <span-->
style="margin: 10px;color: #2d8cf0;font-size: 14px;">部门&nbsp:&nbsp{{ deptName }}</span> <!-- style="margin: 10px;color: #2d8cf0;font-size: 14px;">部门&nbsp:&nbsp{{ deptName }}</span>-->
<span <!-- <span-->
style="margin-right: 18px;margin-left:8px;color: #2d8cf0;font-size: 14px;">仓库&nbsp:&nbsp{{ inv }}</span> <!-- style="margin-right: 18px;margin-left:8px;color: #2d8cf0;font-size: 14px;">仓库&nbsp:&nbsp{{ inv }}</span>-->
<span style="font-weight: 500;color:rgb(51 48 48); font-size: 14px;">用户&nbsp:&nbsp{{ <!-- <span style="font-weight: 500;color:rgb(51 48 48); font-size: 14px;">用户&nbsp:&nbsp{{-->
this.companyName <!-- this.companyName-->
}}</span> <!-- }}</span>-->
<span <!-- <span-->
style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 20px">({{ <!-- style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 20px">({{-->
this.userName <!-- this.userName-->
}})</span> <!-- }})</span>-->
</div> <!-- </div>-->
<search id="header-search" class="right-menu-item"/> <search id="header-search" class="right-menu-item"/>
<screenfull id="screenfull" class="right-menu-item hover-effect"/> <screenfull id="screenfull" class="right-menu-item hover-effect"/>
<el-tooltip content="布局大小" effect="dark" placement="bottom"> <el-tooltip content="布局大小" effect="dark" placement="bottom">
@ -29,7 +29,7 @@
</template> </template>
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click"> <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<img :src="avatar" class="user-avatar"> <!-- <img :src="avatar" class="user-avatar">-->
<i class="el-icon-caret-bottom"/> <i class="el-icon-caret-bottom"/>
</div> </div>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">

433
src/views/index.vue
Unescape Escape View File

@ -1,225 +1,225 @@
<template> <template>
<div class="app-container home"> <div class="app-container home">
<div> <div>
<h2>欢迎使用UDI管理平台</h2> <h2>欢迎使用</h2>
<el-divider/> <el-divider/>
</div> </div>
<!-- 分割线 --> <!-- 分割线 -->
<!-- <div class="m0 grid-container grid-container1" style="height: 100%; display: flex; flex-wrap: wrap;">--> <!-- <div class="m0 grid-container grid-container1" style="height: 100%; display: flex; flex-wrap: wrap;">-->
<!-- <el-card--> <!-- <el-card-->
<!-- @click.native="handleClick(index)"--> <!-- @click.native="handleClick(index)"-->
<!-- v-for="(card, index) in stationList"--> <!-- v-for="(card, index) in stationList"-->
<!-- :key="index"--> <!-- :key="index"-->
<!-- class="grid-itemCard"--> <!-- class="grid-itemCard"-->
<!-- :body-style="{ padding: '0px', height: '100px', width: '100px', display: 'flex', justifyContent: 'center', alignItems: 'center' }"--> <!-- :body-style="{ padding: '0px', height: '100px', width: '100px', display: 'flex', justifyContent: 'center', alignItems: 'center' }"-->
<!-- >--> <!-- >-->
<!-- {{ card.workplaceName }}--> <!-- {{ card.workplaceName }}-->
<!-- </el-card>-->
<!-- </div>-->
<!-- <div class="mt10 grid-container grid-container3" style="height: 15%">-->
<!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:product']">-->
<!-- <el-row>-->
<!-- <div class="height-full fl center ml20" style="width: 30%">-->
<!-- <el-image style="border-radius: 4%;width: 80%;height: 80%"-->
<!-- :src="productSvg">-->
<!-- <div slot="placeholder" class="image-slot">-->
<!-- 加载中<span class="dot">...</span>-->
<!-- </div>-->
<!-- </el-image>-->
<!-- </div>-->
<!-- <div class="height-full fr center mr20">-->
<!-- <span class="header d-block">-->
<!-- 已对照产品-->
<!-- </span>-->
<!-- <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}">-->
<!-- {{ productCount }}-->
<!-- </span>-->
<!-- </div>-->
<!-- </el-row>-->
<!-- </el-card>--> <!-- </el-card>-->
<!-- </div>--> <!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:invWarn']">-->
<!-- <el-row>-->
<!-- <div class="height-full fl center ml20" style="width: 30%">-->
<!-- <el-image style="border-radius: 4%;width: 80%;height: 80%"-->
<!-- :src="invSvg">-->
<!-- <div slot="placeholder" class="image-slot">-->
<!-- 加载中<span class="dot">...</span>-->
<!-- </div>-->
<!-- </el-image>-->
<!-- </div>-->
<!-- <div class="height-full fr center mr20" @click="linkPage('/remind/invRemindMsg')">-->
<!-- <span class="header d-block">-->
<!-- 库存预警-->
<!-- </span>-->
<!-- <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#FF0000'}">-->
<!-- {{ invMsgCount }}-->
<!-- </span>-->
<!-- </div>-->
<!-- </el-row>-->
<!-- </el-card>-->
<div class="mt10 grid-container grid-container3" style="height: 15%"> <!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:certWarn']">-->
<el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:product']"> <!-- <el-row>-->
<el-row> <!-- <div class="height-full fl center ml20" style="width: 30%">-->
<div class="height-full fl center ml20" style="width: 30%"> <!-- <el-image style="border-radius: 4%;width: 80%;height: 80%"-->
<el-image style="border-radius: 4%;width: 80%;height: 80%" <!-- :src="certSvg">-->
:src="productSvg"> <!-- <div slot="placeholder" class="image-slot">-->
<div slot="placeholder" class="image-slot"> <!-- 加载中<span class="dot">...</span>-->
加载中<span class="dot">...</span> <!-- </div>-->
</div> <!-- </el-image>-->
</el-image> <!-- </div>-->
</div> <!-- <div class="height-full fr center mr20" @click="linkPage('/remind/supCertRemindMsg')">-->
<div class="height-full fr center mr20"> <!-- <span class="header d-block">-->
<span class="header d-block"> <!-- 资质预警-->
已对照产品 <!-- </span>-->
</span> <!-- <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#FF0000'}"-->
<span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}"> <!-- >-->
{{ productCount }} <!-- {{ certMsgCount }}-->
</span> <!-- </span>-->
</div> <!-- </div>-->
</el-row> <!-- </el-row>-->
</el-card> <!-- </el-card>-->
<!-- </div>-->
<el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:invWarn']"> <!-- &lt;!&ndash; 分割线 &ndash;&gt;-->
<el-row> <!-- <div class="m0 grid-container grid-container2" style="height: calc(40%);margin-top: 10px">-->
<div class="height-full fl center ml20" style="width: 30%"> <!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:todo']">-->
<el-image style="border-radius: 4%;width: 80%;height: 80%" <!-- <div slot="header" class="header">-->
:src="invSvg"> <!-- <el-icon class="el-icon-s-management"/>-->
<div slot="placeholder" class="image-slot"> <!-- 待办事项{{ `(${todoCount}条)` }}-->
加载中<span class="dot">...</span> <!-- <div class="fr">-->
</div> <!-- <el-button type="text" style="font-size: 15px;color: unset" @click="getSysMsgTodoList">-->
</el-image> <!-- <el-icon class="el-icon-refresh"/>-->
</div> <!-- 重新加载-->
<div class="height-full fr center mr20" @click="linkPage('/remind/invRemindMsg')"> <!-- </el-button>-->
<span class="header d-block"> <!-- <el-button type="text" style="font-size: 15px;color: unset"-->
库存预警 <!-- @click.stop="">-->
</span> <!-- 更多-->
<span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#FF0000'}"> <!-- <el-icon class="el-icon-d-arrow-right"/>-->
{{ invMsgCount }} <!-- </el-button>-->
</span> <!-- </div>-->
</div> <!-- </div>-->
</el-row> <!-- <el-table-->
</el-card> <!-- v-loading="msgLoading"-->
<!-- :data="msgList"-->
<el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:certWarn']"> <!-- height="calc(90%)"-->
<el-row> <!-- stripe-->
<div class="height-full fl center ml20" style="width: 30%"> <!-- style="">-->
<el-image style="border-radius: 4%;width: 80%;height: 80%" <!-- <el-table-column-->
:src="certSvg"> <!-- type="index"-->
<div slot="placeholder" class="image-slot"> <!-- label="序号"-->
加载中<span class="dot">...</span> <!-- width="50"/>-->
</div> <!-- <el-table-column-->
</el-image> <!-- label="消息编码"-->
</div> <!-- prop="code"-->
<div class="height-full fr center mr20" @click="linkPage('/remind/supCertRemindMsg')"> <!-- width="120"/>-->
<span class="header d-block"> <!-- <el-table-column-->
资质预警 <!-- label="消息类型"-->
</span> <!-- prop="msgTypeName"-->
<span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#FF0000'}" <!-- width="120"/>-->
> <!-- <el-table-column-->
{{ certMsgCount }} <!-- label="消息内容"-->
</span> <!-- prop="msgContent"-->
</div> <!-- width="280"/>-->
</el-row> <!-- <el-table-column-->
</el-card> <!-- label="处理状态"-->
</div> <!-- prop="dealStatusName"-->
<!-- 分割线 --> <!-- width="120"/>-->
<div class="m0 grid-container grid-container2" style="height: calc(40%);margin-top: 10px"> <!-- <el-table-column-->
<el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:todo']"> <!-- label="推送状态"-->
<div slot="header" class="header"> <!-- prop="pushStatusName"-->
<el-icon class="el-icon-s-management"/> <!-- width="120"/>-->
待办事项{{ `(${todoCount}条)` }} <!-- <el-table-column-->
<div class="fr"> <!-- label="仓库"-->
<el-button type="text" style="font-size: 15px;color: unset" @click="getSysMsgTodoList"> <!-- prop="invName"-->
<el-icon class="el-icon-refresh"/> <!-- width="120"/>-->
重新加载 <!-- <el-table-column-->
</el-button> <!-- label="部门"-->
<el-button type="text" style="font-size: 15px;color: unset" <!-- prop="deptName"-->
@click.stop=""> <!-- width="120"/>-->
更多 <!-- <el-table-column-->
<el-icon class="el-icon-d-arrow-right"/> <!-- label="创建时间"-->
</el-button> <!-- prop="createTime"-->
</div> <!-- width="140"/>-->
</div> <!-- <el-table-column label="操作" width="80" fixed="right">-->
<el-table <!-- <template slot-scope="scope">-->
v-loading="msgLoading" <!-- <el-button-->
:data="msgList" <!-- type="text"-->
height="calc(90%)" <!-- @click="linkPage('/system/msg/sysMsgTodo')"-->
stripe <!-- >处理-->
style=""> <!-- </el-button>-->
<el-table-column <!-- </template>-->
type="index" <!-- </el-table-column>-->
label="序号" <!-- </el-table>-->
width="50"/> <!-- </el-card>-->
<el-table-column <!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:ioAudit']">-->
label="消息编码" <!-- <div slot="header" class="header">-->
prop="code" <!-- <el-icon class="el-icon-s-platform"/>-->
width="120"/> <!-- 审核送货单{{ `(${orderTotal}条)` }}-->
<el-table-column <!-- <div class="fr">-->
label="消息类型" <!-- <el-button type="text" style="font-size: 15px;color: unset" @click="getOrderList">-->
prop="msgTypeName" <!-- <el-icon class="el-icon-refresh"/>-->
width="120"/> <!-- 重新加载-->
<el-table-column <!-- </el-button>-->
label="消息内容" <!-- <el-button type="text" style="font-size: 15px;color: unset"-->
prop="msgContent" <!-- @click="linkPage('/order/checked')">更多-->
width="280"/> <!-- <el-icon class="el-icon-d-arrow-right"/>-->
<el-table-column <!-- </el-button>-->
label="处理状态" <!-- </div>-->
prop="dealStatusName" <!-- </div>-->
width="120"/> <!-- <el-table-->
<el-table-column <!-- v-loading="orderLoading"-->
label="推送状态" <!-- :data="orderList"-->
prop="pushStatusName" <!-- height="calc(90%)"-->
width="120"/> <!-- stripe>-->
<el-table-column <!-- <el-table-column-->
label="仓库" <!-- type="index"-->
prop="invName" <!-- label="序号"-->
width="120"/> <!-- width="50"/>-->
<el-table-column <!-- <el-table-column label="送货单号" prop="billNo" width="180"/>-->
label="部门" <!-- <el-table-column label="单据类型" prop="billTypeName" width="150"/>-->
prop="deptName" <!-- <el-table-column label="送货单位" prop="fromName" width="220"/>-->
width="120"/> <!-- <el-table-column label="创建时间" prop="createTime" width="150"/>-->
<el-table-column <!-- <el-table-column label="核对时间" prop="checkTime" width="150"/>-->
label="创建时间"
prop="createTime" <!-- <el-table-column label="采购部门" prop="deptName" width="120">-->
width="140"/> <!-- </el-table-column>-->
<el-table-column label="操作" width="80" fixed="right"> <!-- <el-table-column label="收货仓库" prop="invName" width="120">-->
<template slot-scope="scope"> <!-- </el-table-column>-->
<el-button <!-- <el-table-column label="核对人" prop="checkUserName" width="120">-->
type="text" <!-- </el-table-column>-->
@click="linkPage('/system/msg/sysMsgTodo')" <!-- <el-table-column label="来源单号" prop="corpOrderId" width="180"/>-->
>处理 <!-- &lt;!&ndash; <el-table-column label="来源" prop="fromType" width="120">&ndash;&gt;-->
</el-button> <!-- &lt;!&ndash; <template slot-scope="scope">&ndash;&gt;-->
</template> <!-- &lt;!&ndash; <span>{{ fromTypeMap[scope.row.fromType] }}</span>&ndash;&gt;-->
</el-table-column> <!-- &lt;!&ndash; </template>&ndash;&gt;-->
</el-table> <!-- &lt;!&ndash; </el-table-column>&ndash;&gt;-->
</el-card>
<el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:ioAudit']">
<div slot="header" class="header"> <!-- &lt;!&ndash; <el-table-column label="审核状态" prop="status" width="100">&ndash;&gt;-->
<el-icon class="el-icon-s-platform"/> <!-- &lt;!&ndash; <template slot-scope="scope">&ndash;&gt;-->
审核送货单{{ `(${orderTotal}条)` }} <!-- &lt;!&ndash; <el-tag :type="statusFilterType(scope.row.status)">{{&ndash;&gt;-->
<div class="fr"> <!-- &lt;!&ndash; checkStatus[scope.row.status]&ndash;&gt;-->
<el-button type="text" style="font-size: 15px;color: unset" @click="getOrderList"> <!-- &lt;!&ndash; }}&ndash;&gt;-->
<el-icon class="el-icon-refresh"/> <!-- &lt;!&ndash; </el-tag>&ndash;&gt;-->
重新加载 <!-- &lt;!&ndash; </template>&ndash;&gt;-->
</el-button> <!-- &lt;!&ndash; </el-table-column>&ndash;&gt;-->
<el-button type="text" style="font-size: 15px;color: unset" <!-- <el-table-column label="备注" prop="remark" width="180"/>-->
@click="linkPage('/order/checked')">更多 <!-- <el-table-column label="操作" width="80" fixed="right">-->
<el-icon class="el-icon-d-arrow-right"/> <!-- <template slot-scope="scope">-->
</el-button> <!-- <el-button-->
</div> <!-- type="text"-->
</div> <!-- @click="linkPage('/order/checked')"-->
<el-table <!-- >处理-->
v-loading="orderLoading" <!-- </el-button>-->
:data="orderList" <!-- </template>-->
height="calc(90%)" <!-- </el-table-column>-->
stripe> <!-- </el-table>-->
<el-table-column <!-- </el-card>-->
type="index" <!-- </div>-->
label="序号"
width="50"/>
<el-table-column label="送货单号" prop="billNo" width="180"/>
<el-table-column label="单据类型" prop="billTypeName" width="150"/>
<el-table-column label="送货单位" prop="fromName" width="220"/>
<el-table-column label="创建时间" prop="createTime" width="150"/>
<el-table-column label="核对时间" prop="checkTime" width="150"/>
<el-table-column label="采购部门" prop="deptName" width="120">
</el-table-column>
<el-table-column label="收货仓库" prop="invName" width="120">
</el-table-column>
<el-table-column label="核对人" prop="checkUserName" width="120">
</el-table-column>
<el-table-column label="来源单号" prop="corpOrderId" width="180"/>
<!-- <el-table-column label="来源" prop="fromType" width="120">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ fromTypeMap[scope.row.fromType] }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="审核状态" prop="status" width="100">-->
<!-- <template slot-scope="scope">-->
<!-- <el-tag :type="statusFilterType(scope.row.status)">{{-->
<!-- checkStatus[scope.row.status]-->
<!-- }}-->
<!-- </el-tag>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="备注" prop="remark" width="180"/>
<el-table-column label="操作" width="80" fixed="right">
<template slot-scope="scope">
<el-button
type="text"
@click="linkPage('/order/checked')"
>处理
</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
</div>
</div> </div>
</template> </template>
@ -255,9 +255,7 @@ export default {
orderList: [], orderList: [],
// ======================================================================= // =======================================================================
// 假设这是你的卡片数据 // 假设这是你的卡片数据
stationList: [ stationList: [],
],
baseUrl: process.env.VUE_APP_BASE_API, baseUrl: process.env.VUE_APP_BASE_API,
}; };
}, },
@ -393,7 +391,7 @@ export default {
/* 确保卡片是正方形，并且有一定的间距 */ /* 确保卡片是正方形，并且有一定的间距 */
margin: 10px; margin: 10px;
background-color: #f9f9f9; background-color: #f9f9f9;
box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
} }
.grid-item { .grid-item {
@ -432,7 +430,6 @@ export default {
} }
.grid-container2 { .grid-container2 {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);

26
src/views/myLogin.vue
Unescape Escape View File

@ -2,8 +2,10 @@
<div class="login-container"> <div class="login-container">
<div class="textTitle"> <div class="textTitle">
<!-- <h3 class="toptitle">平潭协和医院</h3>--> <!-- <h3 class="toptitle">平潭协和医院</h3>-->
<h3 class="toptitle">{{ title }}</h3> <!-- <h3 class="toptitle">{{ title }}</h3>-->
<h3 class="topSubtitle">{{ subTitle }}</h3> <!-- <h3 class="topSubtitle">{{ subTitle }}</h3>-->
<!-- <h3 class="topSubtitle">欢迎使用UDI管理系统</h3>-->
</div> </div>
<el-form <el-form
class="card-box login-form" class="card-box login-form"
@ -15,10 +17,10 @@
@submit.native.prevent @submit.native.prevent
> >
<el-card class="box-card"> <el-card class="box-card">
<div style="text-align: center; margin-top: 10px"> <!-- <div style="text-align: center; margin-top: 10px">-->
<img alt="element-logo" src="@/assets/logo/logo.png"/> <!-- <img alt="element-logo" src="@/assets/logo/logo.png"/>-->
</div> <!-- </div>-->
<h3 class="title">用户登录</h3> <h3 class="title" style="margin-top: 133px">系统登录</h3>
<el-form-item prop="username" class="item" style="margin-top: -20px"> <el-form-item prop="username" class="item" style="margin-top: -20px">
<el-input <el-input
placeholder="账号" placeholder="账号"
@ -51,8 +53,8 @@
style="margin-top: 10px; margin-right: 10px; font-size: 18px" style="margin-top: 10px; margin-right: 10px; font-size: 18px"
@click="hidePassword" @click="hidePassword"
> >
<svg-icon icon-class="eye-open" v-if="this.isShowPassword" /> <svg-icon icon-class="eye-open" v-if="this.isShowPassword"/>
<svg-icon icon-class="eye" v-else /> <svg-icon icon-class="eye" v-else/>
</i> </i>
</el-input> </el-input>
@ -94,7 +96,7 @@
<div style="text-align: center; margin-top: 15px"> <div style="text-align: center; margin-top: 15px">
<el-button <el-button
type="primary" type="primary"
style="width: 60%; margin-bottom: 30px" style="width: 60%; margin-bottom: 30px;background-color: #1ab394"
:loading="loading" :loading="loading"
@click.native="handleLogin()" @click.native="handleLogin()"
>登录 >登录
@ -135,7 +137,7 @@
color: white; color: white;
" "
> >
开发单位：厦门高立新鹏软件科技有限公司 技术支持：13459286066 <!-- 开发单位：厦门高立新鹏软件科技有限公司 技术支持：13459286066-->
</div> </div>
</div> </div>
</template> </template>
@ -520,7 +522,7 @@ $light_gray: #eee;
} }
.textTitle { .textTitle {
width: 50%; width: 100%;
font-size: 45px; font-size: 45px;
} }
@ -539,7 +541,7 @@ $light_gray: #eee;
.login-form { .login-form {
//@include fxied-center; //@include fxied-center;
margin: 0px 100px auto auto; margin: 0px 100px auto auto;
width: 50em; width: 200em;
/*background-color: silver;*/ /*background-color: silver;*/
/*background: #fff;*/ /*background: #fff;*/
padding: 10em 10em 15em 10em; padding: 10em 10em 15em 10em;

Write Preview
Loading…
Cancel
Save