经过了几周的努力,前端的页面设计(由我负责的部分)已经基本完成,按照之前的规划,分为首页,订单管理,库存管理,入库管理,出库管理,退货管理,移库管理,报表管理,资质管理,系统管理10个部分,每部分都有专门的页面和操作。
在此贴一个移库管理中的页面代码,为了开发方便,我们在开发过程中各部分页面代码之间极为类似,减少了很多的工作量并且易于纠错。
<template>
<div class="app-container">
<el-card class="filter-container" shadow="never">
<div>
<i class="el-icon-tickets"></i>
<span>移库列表</span>
</div>
<el-button size="small" style="float:right;margin-right: 15px"
type="primary" :loading="loading"
@click.native.prevent="handleSearchList">
查询搜索
</el-button>
<el-button
style="float:right;margin-right: 10px"
@click="handleResetSearch()"
size="small">
重置
</el-button>
<div style="float:right">
<el-form :inline="true" :model="listQuery" size="small" label-width="140px">
<el-form-item>
<el-input v-model="listQuery.keyword" class=