山东大学项目实训开发日志——基于vue+springboot的医院耗材管理系统(2)
发布时间
阅读量：
阅读量
因为我主要负责前端的内容，因此本专栏主要记录前端页面的一些设计。
首先是前端逻辑的整理，按照一般流程，耗材的管理系统应该有两级库，即中心库和各个科室库。角色应当有管理员，中心库库管，科室库库管，供货商等等。
中心库由中心库库管管理，应该拥有的功能有：申请下订单；查看中心库库存；申请退货；查看并回应下级库（科室库）的领用申请；库损登记；管理入库；移库和出库；填写上述操作报表等。
科室库由科室库库管管理，应该拥有的功能有：向上级库（中心库）申请领用耗材；管理入库；查看库存；库损记录移库和出库；填写上述操作报表等。
管理员将对系统进行管理，应该拥有的功能有：创建用户及其角色、信息；创建科室角色和管理其信息；创建和管理供货商信息；接受中心库的下订单和退货申请；向供货商下订单或退货；管理耗材的基础数据（增删改查）；管理设备；管理日志等。
供货商应该拥有的功能有：接受订单；上传公司及产品资质；
需要管理的物品应分为药品，耗材，办公用品三类，其中耗材又分为医用耗材和卫生耗材；除此之外其还应具有的属性有：ID，名称，单位，规格，单价，生产厂家，期限，是否启用二维码管理等。应该能够删除和修改。
以上是此系统逻辑上的部分分析，根据此分析的开发正在有序进行中。
登录页面的设计代码如下：
<template>
<div>
<el-card class="login-form-layout">
<el-form autoComplete="on"
:model="loginForm"
:rules="loginRules"
ref="loginForm"
label-position="left">
<div style="text-align: center">
<svg-icon icon-class="login-mall" style="width: 56px;height: 56px;color: #409EFF"></svg-icon>
</div>
<h2 class="login-title color-main">耗材精细化管理平台</h2>
<el-form-item prop="username">
<el-input name="username"
type="text"
v-model="loginForm.username"
autoComplete="on"
placeholder="请输入用户名">
<span slot="prefix">
<svg-icon icon-class="user" class="color-main"></svg-icon>
</span>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input name="password"
:type="pwdType"
@keyup.enter.native="handleLogin"
v-model="loginForm.password"
autoComplete="on"
placeholder="请输入密码">
<span slot="prefix">
<svg-icon icon-class="password" class="color-main"></svg-icon>
</span>
<span slot="suffix" @click="showPwd">
<svg-icon icon-class="eye" class="color-main"></svg-icon>
</span>
</el-input>
</el-form-item>
<el-form-item style="margin-bottom: 60px;text-align: center">
<el-button style="width: 45%" type="primary" :loading="loading" @click.native.prevent="handleLogin">
登录
</el-button>
</el-form-item>
</el-form>
</el-card>
<img :src="login_center_bg" class="login-center-layout">
</div>
</template>
效果图如下
全部评论 (0)
还没有任何评论哟~