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

演示界面修改

Browse Source
yanshishuju
yewj 6 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 = '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_BASE_API = 'http://dm.xmglxp.com:81/UDI_WMS_MC/'
# 应用访问路径 例如使用前缀 /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.0.132:9150/UDI_WMS_MC/'
# 陪标演示
VUE_APP_BASE_API = 'http://27.156.44.222:9150/UDI_WMS_MC/'
# 应用访问路径 例如使用前缀 /admin/
VUE_APP_CONTEXT_PATH = '/UDI_WMS_NEW/'

2
public/index.html
Unescape Escape View File

@ -121,7 +121,7 @@
top: 0;
width: 51%;
height: 100%;
background: #7171C6;
background: #71c6ab;
z-index: 1000;
-webkit-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">
<template v-if="device!=='mobile'">
<div class="inv-hos-title">
<span
style="margin: 10px;color: #2d8cf0;font-size: 14px;">部门&nbsp:&nbsp{{ deptName }}</span>
<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{{
this.companyName
}}</span>
<span
style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 20px">({{
this.userName
}})</span>
</div>
<!-- <div class="inv-hos-title">-->
<!-- <span-->
<!-- style="margin: 10px;color: #2d8cf0;font-size: 14px;">部门&nbsp:&nbsp{{ deptName }}</span>-->
<!-- <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{{-->
<!-- this.companyName-->
<!-- }}</span>-->
<!-- <span-->
<!-- style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 20px">({{-->
<!-- this.userName-->
<!-- }})</span>-->
<!-- </div>-->
<search id="header-search" class="right-menu-item"/>
<screenfull id="screenfull" class="right-menu-item hover-effect"/>
<el-tooltip content="布局大小" effect="dark" placement="bottom">
@ -29,7 +29,7 @@
</template>
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
<div class="avatar-wrapper">
<img :src="avatar" class="user-avatar">
<!-- <img :src="avatar" class="user-avatar">-->
<i class="el-icon-caret-bottom"/>
</div>
<el-dropdown-menu slot="dropdown">

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

@ -1,225 +1,225 @@
<template>
<div class="app-container home">
<div>
<h2>欢迎使用UDI管理平台</h2>
<h2>欢迎使用</h2>
<el-divider/>
</div>
<!-- 分割线 -->
<!-- <div class="m0 grid-container grid-container1" style="height: 100%; display: flex; flex-wrap: wrap;">-->
<!-- <el-card-->
<!-- @click.native="handleClick(index)"-->
<!-- v-for="(card, index) in stationList"-->
<!-- :key="index"-->
<!-- class="grid-itemCard"-->
<!-- :body-style="{ padding: '0px', height: '100px', width: '100px', display: 'flex', justifyContent: 'center', alignItems: 'center' }"-->
<!-- >-->
<!-- {{ card.workplaceName }}-->
<!-- <div class="m0 grid-container grid-container1" style="height: 100%; display: flex; flex-wrap: wrap;">-->
<!-- <el-card-->
<!-- @click.native="handleClick(index)"-->
<!-- v-for="(card, index) in stationList"-->
<!-- :key="index"-->
<!-- class="grid-itemCard"-->
<!-- :body-style="{ padding: '0px', height: '100px', width: '100px', display: 'flex', justifyContent: 'center', alignItems: 'center' }"-->
<!-- >-->
<!-- {{ 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>-->
<!-- </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: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 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>
<el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:certWarn']">
<el-row>
<div class="height-full fl center ml20" style="width: 30%">
<el-image style="border-radius: 4%;width: 80%;height: 80%"
:src="certSvg">
<div slot="placeholder" class="image-slot">
加载中<span class="dot">...</span>
</div>
</el-image>
</div>
<div class="height-full fr center mr20" @click="linkPage('/remind/supCertRemindMsg')">
<span class="header d-block">
资质预警
</span>
<span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#FF0000'}"
>
{{ certMsgCount }}
</span>
</div>
</el-row>
</el-card>
</div>
<!-- 分割线 -->
<div class="m0 grid-container grid-container2" style="height: calc(40%);margin-top: 10px">
<el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:todo']">
<div slot="header" class="header">
<el-icon class="el-icon-s-management"/>
待办事项{{ `(${todoCount}条)` }}
<div class="fr">
<el-button type="text" style="font-size: 15px;color: unset" @click="getSysMsgTodoList">
<el-icon class="el-icon-refresh"/>
重新加载
</el-button>
<el-button type="text" style="font-size: 15px;color: unset"
@click.stop="">
更多
<el-icon class="el-icon-d-arrow-right"/>
</el-button>
</div>
</div>
<el-table
v-loading="msgLoading"
:data="msgList"
height="calc(90%)"
stripe
style="">
<el-table-column
type="index"
label="序号"
width="50"/>
<el-table-column
label="消息编码"
prop="code"
width="120"/>
<el-table-column
label="消息类型"
prop="msgTypeName"
width="120"/>
<el-table-column
label="消息内容"
prop="msgContent"
width="280"/>
<el-table-column
label="处理状态"
prop="dealStatusName"
width="120"/>
<el-table-column
label="推送状态"
prop="pushStatusName"
width="120"/>
<el-table-column
label="仓库"
prop="invName"
width="120"/>
<el-table-column
label="部门"
prop="deptName"
width="120"/>
<el-table-column
label="创建时间"
prop="createTime"
width="140"/>
<el-table-column label="操作" width="80" fixed="right">
<template slot-scope="scope">
<el-button
type="text"
@click="linkPage('/system/msg/sysMsgTodo')"
>处理
</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
<el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:ioAudit']">
<div slot="header" class="header">
<el-icon class="el-icon-s-platform"/>
审核送货单{{ `(${orderTotal}条)` }}
<div class="fr">
<el-button type="text" style="font-size: 15px;color: unset" @click="getOrderList">
<el-icon class="el-icon-refresh"/>
重新加载
</el-button>
<el-button type="text" style="font-size: 15px;color: unset"
@click="linkPage('/order/checked')">更多
<el-icon class="el-icon-d-arrow-right"/>
</el-button>
</div>
</div>
<el-table
v-loading="orderLoading"
:data="orderList"
height="calc(90%)"
stripe>
<el-table-column
type="index"
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>
<!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:certWarn']">-->
<!-- <el-row>-->
<!-- <div class="height-full fl center ml20" style="width: 30%">-->
<!-- <el-image style="border-radius: 4%;width: 80%;height: 80%"-->
<!-- :src="certSvg">-->
<!-- <div slot="placeholder" class="image-slot">-->
<!-- 加载中<span class="dot">...</span>-->
<!-- </div>-->
<!-- </el-image>-->
<!-- </div>-->
<!-- <div class="height-full fr center mr20" @click="linkPage('/remind/supCertRemindMsg')">-->
<!-- <span class="header d-block">-->
<!-- 资质预警-->
<!-- </span>-->
<!-- <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#FF0000'}"-->
<!-- >-->
<!-- {{ certMsgCount }}-->
<!-- </span>-->
<!-- </div>-->
<!-- </el-row>-->
<!-- </el-card>-->
<!-- </div>-->
<!-- &lt;!&ndash; 分割线 &ndash;&gt;-->
<!-- <div class="m0 grid-container grid-container2" style="height: calc(40%);margin-top: 10px">-->
<!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:todo']">-->
<!-- <div slot="header" class="header">-->
<!-- <el-icon class="el-icon-s-management"/>-->
<!-- 待办事项{{ `(${todoCount}条)` }}-->
<!-- <div class="fr">-->
<!-- <el-button type="text" style="font-size: 15px;color: unset" @click="getSysMsgTodoList">-->
<!-- <el-icon class="el-icon-refresh"/>-->
<!-- 重新加载-->
<!-- </el-button>-->
<!-- <el-button type="text" style="font-size: 15px;color: unset"-->
<!-- @click.stop="">-->
<!-- 更多-->
<!-- <el-icon class="el-icon-d-arrow-right"/>-->
<!-- </el-button>-->
<!-- </div>-->
<!-- </div>-->
<!-- <el-table-->
<!-- v-loading="msgLoading"-->
<!-- :data="msgList"-->
<!-- height="calc(90%)"-->
<!-- stripe-->
<!-- style="">-->
<!-- <el-table-column-->
<!-- type="index"-->
<!-- label="序号"-->
<!-- width="50"/>-->
<!-- <el-table-column-->
<!-- label="消息编码"-->
<!-- prop="code"-->
<!-- width="120"/>-->
<!-- <el-table-column-->
<!-- label="消息类型"-->
<!-- prop="msgTypeName"-->
<!-- width="120"/>-->
<!-- <el-table-column-->
<!-- label="消息内容"-->
<!-- prop="msgContent"-->
<!-- width="280"/>-->
<!-- <el-table-column-->
<!-- label="处理状态"-->
<!-- prop="dealStatusName"-->
<!-- width="120"/>-->
<!-- <el-table-column-->
<!-- label="推送状态"-->
<!-- prop="pushStatusName"-->
<!-- width="120"/>-->
<!-- <el-table-column-->
<!-- label="仓库"-->
<!-- prop="invName"-->
<!-- width="120"/>-->
<!-- <el-table-column-->
<!-- label="部门"-->
<!-- prop="deptName"-->
<!-- width="120"/>-->
<!-- <el-table-column-->
<!-- label="创建时间"-->
<!-- prop="createTime"-->
<!-- width="140"/>-->
<!-- <el-table-column label="操作" width="80" fixed="right">-->
<!-- <template slot-scope="scope">-->
<!-- <el-button-->
<!-- type="text"-->
<!-- @click="linkPage('/system/msg/sysMsgTodo')"-->
<!-- >处理-->
<!-- </el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
<!-- </el-card>-->
<!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:ioAudit']">-->
<!-- <div slot="header" class="header">-->
<!-- <el-icon class="el-icon-s-platform"/>-->
<!-- 审核送货单{{ `(${orderTotal}条)` }}-->
<!-- <div class="fr">-->
<!-- <el-button type="text" style="font-size: 15px;color: unset" @click="getOrderList">-->
<!-- <el-icon class="el-icon-refresh"/>-->
<!-- 重新加载-->
<!-- </el-button>-->
<!-- <el-button type="text" style="font-size: 15px;color: unset"-->
<!-- @click="linkPage('/order/checked')">更多-->
<!-- <el-icon class="el-icon-d-arrow-right"/>-->
<!-- </el-button>-->
<!-- </div>-->
<!-- </div>-->
<!-- <el-table-->
<!-- v-loading="orderLoading"-->
<!-- :data="orderList"-->
<!-- height="calc(90%)"-->
<!-- stripe>-->
<!-- <el-table-column-->
<!-- type="index"-->
<!-- 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"/>-->
<!-- &lt;!&ndash; <el-table-column label="来源" prop="fromType" width="120">&ndash;&gt;-->
<!-- &lt;!&ndash; <template slot-scope="scope">&ndash;&gt;-->
<!-- &lt;!&ndash; <span>{{ fromTypeMap[scope.row.fromType] }}</span>&ndash;&gt;-->
<!-- &lt;!&ndash; </template>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-table-column>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-table-column label="审核状态" prop="status" width="100">&ndash;&gt;-->
<!-- &lt;!&ndash; <template slot-scope="scope">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-tag :type="statusFilterType(scope.row.status)">{{&ndash;&gt;-->
<!-- &lt;!&ndash; checkStatus[scope.row.status]&ndash;&gt;-->
<!-- &lt;!&ndash; }}&ndash;&gt;-->
<!-- &lt;!&ndash; </el-tag>&ndash;&gt;-->
<!-- &lt;!&ndash; </template>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-table-column>&ndash;&gt;-->
<!-- <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>
</template>
@ -255,9 +255,7 @@ export default {
orderList: [],
// =======================================================================
// 假设这是你的卡片数据
stationList: [
],
stationList: [],
baseUrl: process.env.VUE_APP_BASE_API,
};
},
@ -393,7 +391,7 @@ export default {
/* 确保卡片是正方形，并且有一定的间距 */
margin: 10px;
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 {
@ -432,7 +430,6 @@ export default {
}
.grid-container2 {
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="textTitle">
<!-- <h3 class="toptitle">平潭协和医院</h3>-->
<h3 class="toptitle">{{ title }}</h3>
<h3 class="topSubtitle">{{ subTitle }}</h3>
<!-- <h3 class="toptitle">{{ title }}</h3>-->
<!-- <h3 class="topSubtitle">{{ subTitle }}</h3>-->
<!-- <h3 class="topSubtitle">欢迎使用UDI管理系统</h3>-->
</div>
<el-form
class="card-box login-form"
@ -15,10 +17,10 @@
@submit.native.prevent
>
<el-card class="box-card">
<div style="text-align: center; margin-top: 10px">
<img alt="element-logo" src="@/assets/logo/logo.png"/>
</div>
<h3 class="title">用户登录</h3>
<!-- <div style="text-align: center; margin-top: 10px">-->
<!-- <img alt="element-logo" src="@/assets/logo/logo.png"/>-->
<!-- </div>-->
<h3 class="title" style="margin-top: 133px">系统登录</h3>
<el-form-item prop="username" class="item" style="margin-top: -20px">
<el-input
placeholder="账号"
@ -51,8 +53,8 @@
style="margin-top: 10px; margin-right: 10px; font-size: 18px"
@click="hidePassword"
>
<svg-icon icon-class="eye-open" v-if="this.isShowPassword" />
<svg-icon icon-class="eye" v-else />
<svg-icon icon-class="eye-open" v-if="this.isShowPassword"/>
<svg-icon icon-class="eye" v-else/>
</i>
</el-input>
@ -94,7 +96,7 @@
<div style="text-align: center; margin-top: 15px">
<el-button
type="primary"
style="width: 60%; margin-bottom: 30px"
style="width: 60%; margin-bottom: 30px;background-color: #1ab394"
:loading="loading"
@click.native="handleLogin()"
>登录
@ -135,7 +137,7 @@
color: white;
"
>
开发单位：厦门高立新鹏软件科技有限公司 技术支持：13459286066
<!-- 开发单位：厦门高立新鹏软件科技有限公司 技术支持：13459286066-->
</div>
</div>
</template>
@ -520,7 +522,7 @@ $light_gray: #eee;
}
.textTitle {
width: 50%;
width: 100%;
font-size: 45px;
}
@ -539,7 +541,7 @@ $light_gray: #eee;
.login-form {
//@include fxied-center;
margin: 0px 100px auto auto;
width: 50em;
width: 200em;
/*background-color: silver;*/
/*background: #fff;*/
padding: 10em 10em 15em 10em;

Write Preview
Loading…
Cancel
Save