演示界面修改

演示数据2.0
yewj 9 months ago
parent e19ee3ea0a
commit ef63b22b18

@ -5,7 +5,7 @@ VUE_APP_TITLE = 演示系统
ENV = 'development' ENV = 'development'
# 开发环境 # 开发环境
VUE_APP_BASE_API = 'http://192.168.0.166: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"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 332 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

@ -205,11 +205,11 @@ aside {
//} //}
.el-card { .el-card {
/* 你的样式定义 */ /* 你的样式定义 */
background-color: #fff1e8; background-color: #e8fff2;
} }
/* 如果你想要更具体的选择器,可以进一步细化,比如: */ /* 如果你想要更具体的选择器,可以进一步细化,比如: */
.el-button--primary { .el-button--primary {
background-color: #689c69; /* 绿色背景 */ background-color: #11A983; /* 绿色背景 */
border-color: #689c69; /* 深绿色边框 */ border-color: #11A983; /* 深绿色边框 */
} }

@ -1,211 +1,211 @@
<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>
<!-- 分割线 --> <!-- &lt;!&ndash; 分割线 &ndash;&gt;-->
<div class="mt10 grid-container grid-container3" style="height: 15%"> <!-- <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-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="productSvg"> <!-- :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"> <!-- <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:'#394047'}"> <!-- <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}">-->
{{ productCount }} <!-- {{ productCount }}-->
</span> <!-- </span>-->
</div> <!-- </div>-->
</el-row> <!-- </el-row>-->
</el-card> <!-- </el-card>-->
<el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:invWarn']"> <!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:invWarn']">-->
<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="invSvg"> <!-- :src="invSvg">-->
<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/invRemindMsg')"> <!-- <div class="height-full fr center mr20" @click="linkPage('/remind/invRemindMsg')">-->
<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:'#FF0000'}">-->
{{ invMsgCount }} <!-- {{ invMsgCount }}-->
</span> <!-- </span>-->
</div> <!-- </div>-->
</el-row> <!-- </el-row>-->
</el-card> <!-- </el-card>-->
<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:certWarn']">-->
<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="certSvg">-->
<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" @click="linkPage('/remind/supCertRemindMsg')">-->
<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:'#FF0000'}"-->
> <!-- >-->
{{ certMsgCount }} <!-- {{ certMsgCount }}-->
</span> <!-- </span>-->
</div> <!-- </div>-->
</el-row> <!-- </el-row>-->
</el-card> <!-- </el-card>-->
</div> <!-- </div>-->
<!-- 分割线 --> <!-- &lt;!&ndash; 分割线 &ndash;&gt;-->
<div class="m0 grid-container grid-container2" style="height: calc(40%);margin-top: 10px"> <!-- <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']"> <!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:todo']">-->
<div slot="header" class="header"> <!-- <div slot="header" class="header">-->
<el-icon class="el-icon-s-management"/> <!-- <el-icon class="el-icon-s-management"/>-->
待办事项{{ `(${todoCount}条)` }} <!-- 待办事项{{ `(${todoCount}条)` }}-->
<div class="fr"> <!-- <div class="fr">-->
<el-button type="text" style="font-size: 15px;color: unset" @click="getSysMsgTodoList"> <!-- <el-button type="text" style="font-size: 15px;color: unset" @click="getSysMsgTodoList">-->
<el-icon class="el-icon-refresh"/> <!-- <el-icon class="el-icon-refresh"/>-->
重新加载 <!-- 重新加载-->
</el-button> <!-- </el-button>-->
<el-button type="text" style="font-size: 15px;color: unset" <!-- <el-button type="text" style="font-size: 15px;color: unset"-->
@click.stop=""> <!-- @click.stop="">-->
更多 <!-- 更多-->
<el-icon class="el-icon-d-arrow-right"/> <!-- <el-icon class="el-icon-d-arrow-right"/>-->
</el-button> <!-- </el-button>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<el-table <!-- <el-table-->
v-loading="msgLoading" <!-- v-loading="msgLoading"-->
:data="msgList" <!-- :data="msgList"-->
height="calc(90%)" <!-- height="calc(90%)"-->
stripe <!-- stripe-->
style=""> <!-- style="">-->
<el-table-column <!-- <el-table-column-->
type="index" <!-- type="index"-->
label="序号" <!-- label="序号"-->
width="50"/> <!-- width="50"/>-->
<el-table-column <!-- <el-table-column-->
label="消息编码" <!-- label="消息编码"-->
prop="code" <!-- prop="code"-->
width="120"/> <!-- width="120"/>-->
<el-table-column <!-- <el-table-column-->
label="消息类型" <!-- label="消息类型"-->
prop="msgTypeName" <!-- prop="msgTypeName"-->
width="120"/> <!-- width="120"/>-->
<el-table-column <!-- <el-table-column-->
label="消息内容" <!-- label="消息内容"-->
prop="msgContent" <!-- prop="msgContent"-->
width="280"/> <!-- width="280"/>-->
<el-table-column <!-- <el-table-column-->
label="处理状态" <!-- label="处理状态"-->
prop="dealStatusName" <!-- prop="dealStatusName"-->
width="120"/> <!-- width="120"/>-->
<el-table-column <!-- <el-table-column-->
label="推送状态" <!-- label="推送状态"-->
prop="pushStatusName" <!-- prop="pushStatusName"-->
width="120"/> <!-- width="120"/>-->
<el-table-column <!-- <el-table-column-->
label="仓库" <!-- label="仓库"-->
prop="invName" <!-- prop="invName"-->
width="120"/> <!-- width="120"/>-->
<el-table-column <!-- <el-table-column-->
label="部门" <!-- label="部门"-->
prop="deptName" <!-- prop="deptName"-->
width="120"/> <!-- width="120"/>-->
<el-table-column <!-- <el-table-column-->
label="创建时间" <!-- label="创建时间"-->
prop="createTime" <!-- prop="createTime"-->
width="140"/> <!-- width="140"/>-->
<el-table-column label="操作" width="80" fixed="right"> <!-- <el-table-column label="操作" width="80" fixed="right">-->
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<el-button <!-- <el-button-->
type="text" <!-- type="text"-->
@click="linkPage('/system/msg/sysMsgTodo')" <!-- @click="linkPage('/system/msg/sysMsgTodo')"-->
>处理 <!-- >处理-->
</el-button> <!-- </el-button>-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
</el-table> <!-- </el-table>-->
</el-card> <!-- </el-card>-->
<el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:ioAudit']"> <!-- <el-card class="grid-item" body-style="padding:0px;height:100%" v-hasPermi="['home:index:ioAudit']">-->
<div slot="header" class="header"> <!-- <div slot="header" class="header">-->
<el-icon class="el-icon-s-platform"/> <!-- <el-icon class="el-icon-s-platform"/>-->
审核送货单{{ `(${orderTotal}条)` }} <!-- 审核送货单{{ `(${orderTotal}条)` }}-->
<div class="fr"> <!-- <div class="fr">-->
<el-button type="text" style="font-size: 15px;color: unset" @click="getOrderList"> <!-- <el-button type="text" style="font-size: 15px;color: unset" @click="getOrderList">-->
<el-icon class="el-icon-refresh"/> <!-- <el-icon class="el-icon-refresh"/>-->
重新加载 <!-- 重新加载-->
</el-button> <!-- </el-button>-->
<el-button type="text" style="font-size: 15px;color: unset" <!-- <el-button type="text" style="font-size: 15px;color: unset"-->
@click="linkPage('/order/checked')">更多 <!-- @click="linkPage('/order/checked')">更多-->
<el-icon class="el-icon-d-arrow-right"/> <!-- <el-icon class="el-icon-d-arrow-right"/>-->
</el-button> <!-- </el-button>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<el-table <!-- <el-table-->
v-loading="orderLoading" <!-- v-loading="orderLoading"-->
:data="orderList" <!-- :data="orderList"-->
height="calc(90%)" <!-- height="calc(90%)"-->
stripe> <!-- stripe>-->
<el-table-column <!-- <el-table-column-->
type="index" <!-- type="index"-->
label="序号" <!-- label="序号"-->
width="50"/> <!-- width="50"/>-->
<el-table-column label="送货单号" prop="billNo" width="180"/> <!-- <el-table-column label="送货单号" prop="billNo" width="180"/>-->
<el-table-column label="单据类型" prop="billTypeName" width="150"/> <!-- <el-table-column label="单据类型" prop="billTypeName" width="150"/>-->
<el-table-column label="送货单位" prop="fromName" width="220"/> <!-- <el-table-column label="送货单位" prop="fromName" width="220"/>-->
<el-table-column label="创建时间" prop="createTime" width="150"/> <!-- <el-table-column label="创建时间" prop="createTime" width="150"/>-->
<el-table-column label="核对时间" prop="checkTime" width="150"/> <!-- <el-table-column label="核对时间" prop="checkTime" width="150"/>-->
<el-table-column label="采购部门" prop="deptName" width="120"> <!-- <el-table-column label="采购部门" prop="deptName" width="120">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="收货仓库" prop="invName" width="120"> <!-- <el-table-column label="收货仓库" prop="invName" width="120">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="核对人" prop="checkUserName" width="120"> <!-- <el-table-column label="核对人" prop="checkUserName" width="120">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="来源单号" prop="corpOrderId" width="180"/> <!-- <el-table-column label="来源单号" prop="corpOrderId" width="180"/>-->
<!-- <el-table-column label="来源" prop="fromType" width="120">--> <!-- &lt;!&ndash; <el-table-column label="来源" prop="fromType" width="120">&ndash;&gt;-->
<!-- <template slot-scope="scope">--> <!-- &lt;!&ndash; <template slot-scope="scope">&ndash;&gt;-->
<!-- <span>{{ fromTypeMap[scope.row.fromType] }}</span>--> <!-- &lt;!&ndash; <span>{{ fromTypeMap[scope.row.fromType] }}</span>&ndash;&gt;-->
<!-- </template>--> <!-- &lt;!&ndash; </template>&ndash;&gt;-->
<!-- </el-table-column>--> <!-- &lt;!&ndash; </el-table-column>&ndash;&gt;-->
<!-- <el-table-column label="审核状态" prop="status" width="100">--> <!-- &lt;!&ndash; <el-table-column label="审核状态" prop="status" width="100">&ndash;&gt;-->
<!-- <template slot-scope="scope">--> <!-- &lt;!&ndash; <template slot-scope="scope">&ndash;&gt;-->
<!-- <el-tag :type="statusFilterType(scope.row.status)">{{--> <!-- &lt;!&ndash; <el-tag :type="statusFilterType(scope.row.status)">{{&ndash;&gt;-->
<!-- checkStatus[scope.row.status]--> <!-- &lt;!&ndash; checkStatus[scope.row.status]&ndash;&gt;-->
<!-- }}--> <!-- &lt;!&ndash; }}&ndash;&gt;-->
<!-- </el-tag>--> <!-- &lt;!&ndash; </el-tag>&ndash;&gt;-->
<!-- </template>--> <!-- &lt;!&ndash; </template>&ndash;&gt;-->
<!-- </el-table-column>--> <!-- &lt;!&ndash; </el-table-column>&ndash;&gt;-->
<el-table-column label="备注" prop="remark" width="180"/> <!-- <el-table-column label="备注" prop="remark" width="180"/>-->
<el-table-column label="操作" width="80" fixed="right"> <!-- <el-table-column label="操作" width="80" fixed="right">-->
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<el-button <!-- <el-button-->
type="text" <!-- type="text"-->
@click="linkPage('/order/checked')" <!-- @click="linkPage('/order/checked')"-->
>处理 <!-- >处理-->
</el-button> <!-- </el-button>-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
</el-table> <!-- </el-table>-->
</el-card> <!-- </el-card>-->
</div> <!-- </div>-->
</div> </div>
</template> </template>

@ -1,9 +1,9 @@
<template> <template>
<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>-->
</div> </div>
<el-form <el-form
class="card-box login-form" class="card-box login-form"
@ -15,11 +15,11 @@
@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: 180px">用户登录</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="账号"
name="username" name="username"

Loading…
Cancel
Save