Commit 1ac48582 authored by 黄媛媛's avatar 黄媛媛

111

parent f3db680f
...@@ -86,11 +86,21 @@ ...@@ -86,11 +86,21 @@
border-bottom: 4px solid #F8FAFB; border-bottom: 4px solid #F8FAFB;
cursor: pointer; cursor: pointer;
} }
.noHoverTable tr{
border-bottom:none!important;
}
.myTable .trNobottom{
border-top: 4px solid #F8FAFB!important;
border-bottom:none!important;
}
.myTable tbody tr:hover{ .myTable tbody tr:hover{
box-shadow:0px 0 20px 0px rgba(176,176,176,0.2); box-shadow:0px 0 20px 0px rgba(176,176,176,0.2);
transition: transform .5s ease; transition: transform .5s ease;
/* transform: scaleX(1.02); */ /* transform: scaleX(1.02); */
} }
.noHoverTable tbody tr:hover{
box-shadow:0 0 0 transparent!important;
}
.myTable tbody tr:hover .commonStyle{ .myTable tbody tr:hover .commonStyle{
display: block; display: block;
transition: transform .5s ease; transition: transform .5s ease;
...@@ -148,4 +158,7 @@ ...@@ -148,4 +158,7 @@
height: 0; height: 0;
overflow: hidden; overflow: hidden;
} }
.cred{
color:#FF2A3A;
}
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
} }
/* 分页 */ /* 分页 */
.el-pagination{ .el-pagination{
margin-top: 20px; margin-top: 10px;
text-align: right; text-align: right;
} }
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{ .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
...@@ -255,3 +255,17 @@ ...@@ -255,3 +255,17 @@
background: #28CACC!important; background: #28CACC!important;
border-color: #28CACC!important; border-color: #28CACC!important;
} }
/* 分页置地 */
/* .myPageBottom{
position: absolute;
bottom: 0px;
width: 100%;
background: #fff;
padding-top:15px;
} */
.overflowY{
overflow-y: scroll;
height: 100%;
box-sizing: border-box;
position: relative;
}
\ No newline at end of file
...@@ -243,41 +243,7 @@ export default { ...@@ -243,41 +243,7 @@ export default {
Name:'', Name:'',
Type:1, Type:1,
}, },
treedata: [{ treedata: [],
label: '一级 1',
children: [{
label: '二级 1-1',
children: [{
label: '三级 1-1-1'
}]
}]
}, {
label: '一级 2',
children: [{
label: '二级 2-1',
children: [{
label: '三级 2-1-1'
}]
}, {
label: '二级 2-2',
children: [{
label: '三级 2-2-1'
}]
}]
}, {
label: '一级 3',
children: [{
label: '二级 3-1',
children: [{
label: '三级 3-1-1'
}]
}, {
label: '二级 3-2',
children: [{
label: '三级 3-2-1'
}]
}]
}],
defaultProps: { defaultProps: {
// ChildList // ChildList
children: 'children', children: 'children',
...@@ -474,9 +440,6 @@ export default { ...@@ -474,9 +440,6 @@ export default {
.Archivesmaterials{ .Archivesmaterials{
background: #F8FAFB; background: #F8FAFB;
width: 100%; width: 100%;
min-height: 100%; height: 100%;
position: absolute;
padding: 20px 30px;
box-sizing: border-box;
} }
</style> </style>
...@@ -211,9 +211,6 @@ export default { ...@@ -211,9 +211,6 @@ export default {
.Materialwarehouse{ .Materialwarehouse{
background: #F8FAFB; background: #F8FAFB;
width: 100%; width: 100%;
min-height: 100%; height: 100%;
position: absolute;
padding: 20px 30px;
box-sizing: border-box;
} }
</style> </style>
This diff is collapsed.
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
<img style="width:10px;height:10px;margin-right:6px" src="../../assets/img/add.png" alt=""> <img style="width:10px;height:10px;margin-right:6px" src="../../assets/img/add.png" alt="">
新增</span> 新增</span>
</div> </div>
<div style="margin-top:10px"> <div style="margin-top:10px;position:relative">
<div class="TreeDiv"> <div class="TreeDiv overflowY">
<el-tree <el-tree
@node-click="Nodeclick" @node-click="Nodeclick"
:props="defaultProps" :props="defaultProps"
...@@ -27,7 +27,8 @@ ...@@ -27,7 +27,8 @@
</el-tree> </el-tree>
</div> </div>
<div class="rightTable"> <div class="rightTable">
<table style="margin-top:10px" class="myTable" v-loading="loading" border="0" cellspacing="0" cellpadding="0"> <div class="overflowY" :style='{"height":tableHeight+"px"}'>
<table class="myTable" v-loading="loading" border="0" cellspacing="0" cellpadding="0">
<thead> <thead>
<tr> <tr>
<th>ID</th> <th>ID</th>
...@@ -62,6 +63,7 @@ ...@@ -62,6 +63,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total='total'> layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total='total'>
</el-pagination> </el-pagination>
...@@ -115,6 +117,7 @@ export default { ...@@ -115,6 +117,7 @@ export default {
} }
} }
return{ return{
tableHeight:'',
loading:false, loading:false,
data :[], data :[],
dataList:[], dataList:[],
...@@ -188,6 +191,9 @@ export default { ...@@ -188,6 +191,9 @@ export default {
highList:[], highList:[],
} }
}, },
created(){
this.tableHeight=document.body.clientHeight-40-66-90;
},
mounted(){ mounted(){
this.getList(); this.getList();
this.getNode(); this.getNode();
...@@ -378,19 +384,18 @@ export default { ...@@ -378,19 +384,18 @@ export default {
.rightTable{ .rightTable{
width: 100%; width: 100%;
position: relative; position: relative;
padding-left: 280px; padding-left: 250px;
box-sizing: border-box; box-sizing: border-box;
} }
.Assetscation{ .Assetscation{
padding-top:30px;
position: relative; position: relative;
} }
.Assetscation .TreeDiv{ .Assetscation .TreeDiv{
width: 220px; width: 220px;
position: absolute; position: absolute;
left: 30px; left: 0px;
z-index: 10; z-index: 10;
height:100%; height:100%;
padding: 20px 10px; padding: 20px 10px;
......
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
<img style="width:10px;height:10px;margin-right:6px" src="../../assets/img/add.png" alt=""> <img style="width:10px;height:10px;margin-right:6px" src="../../assets/img/add.png" alt="">
新增</span> 新增</span>
</div> </div>
<div style="margin-top:10px"> <div style="margin-top:10px;position:relative">
<div class="TreeDiv"> <div class="TreeDiv overflowY">
<el-tree <el-tree
@node-click="Nodeclick" @node-click="Nodeclick"
:props="defaultProps" :props="defaultProps"
...@@ -27,7 +27,8 @@ ...@@ -27,7 +27,8 @@
</el-tree> </el-tree>
</div> </div>
<div class="rightTable"> <div class="rightTable">
<table style="margin-top:10px" class="myTable" v-loading="loading" border="0" cellspacing="0" cellpadding="0"> <div class="overflowY" :style='{"height":tableHeight+"px"}'>
<table class="myTable" v-loading="loading" border="0" cellspacing="0" cellpadding="0">
<thead> <thead>
<tr> <tr>
<th>ID</th> <th>ID</th>
...@@ -62,6 +63,8 @@ ...@@ -62,6 +63,8 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total='total'> layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total='total'>
</el-pagination> </el-pagination>
...@@ -117,6 +120,7 @@ export default { ...@@ -117,6 +120,7 @@ export default {
} }
} }
return{ return{
tableHeight:'',
loading:false, loading:false,
data :[], data :[],
dataList:[], dataList:[],
...@@ -190,6 +194,9 @@ export default { ...@@ -190,6 +194,9 @@ export default {
highList:[], highList:[],
} }
}, },
created(){
this.tableHeight=document.body.clientHeight-40-66-90;
},
mounted(){ mounted(){
this.getList(); this.getList();
this.getNode(); this.getNode();
...@@ -378,19 +385,18 @@ export default { ...@@ -378,19 +385,18 @@ export default {
.rightTable{ .rightTable{
width: 100%; width: 100%;
position: relative; position: relative;
padding-left: 280px; padding-left: 250px;
box-sizing: border-box; box-sizing: border-box;
} }
.Assetscation{ .Assetscation{
padding-top:30px;
position: relative; position: relative;
} }
.Assetscation .TreeDiv{ .Assetscation .TreeDiv{
width: 220px; width: 220px;
position: absolute; position: absolute;
left: 30px; left: 0px;
z-index: 10; z-index: 10;
height:100%; height:100%;
padding: 20px 10px; padding: 20px 10px;
......
...@@ -159,7 +159,7 @@ ...@@ -159,7 +159,7 @@
<el-input size="mini" v-model="addMsg.Money" placeholder="请输入"></el-input> <el-input size="mini" v-model="addMsg.Money" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="" prop="BuyDate"> <el-form-item label="" prop="BuyDate">
<p class="label">购置日期</p> <span class="label">购置日期</span>
<el-date-picker size="mini" <el-date-picker size="mini"
v-model="addMsg.BuyDate" v-model="addMsg.BuyDate"
type="date" type="date"
...@@ -737,9 +737,6 @@ export default { ...@@ -737,9 +737,6 @@ export default {
.assetsList{ .assetsList{
background: #F8FAFB; background: #F8FAFB;
width: 100%; width: 100%;
min-height: 100%; height: 100%;
position: absolute;
padding: 20px 30px;
box-sizing: border-box;
} }
</style> </style>
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
</div> </div>
<div style="margin-top:60px"> <div style="margin-top:60px">
<el-menu <el-menu
:unique-opened="true"
@select="selectActive" @select="selectActive"
:default-active="defaulActive" :default-active="defaulActive"
class="el-menu-vertical-demo"> class="el-menu-vertical-demo">
...@@ -42,6 +43,7 @@ ...@@ -42,6 +43,7 @@
<el-menu-item index="2-1"><span>物料仓库</span></el-menu-item> <el-menu-item index="2-1"><span>物料仓库</span></el-menu-item>
<el-menu-item index="2-2"><span>物料档案</span></el-menu-item> <el-menu-item index="2-2"><span>物料档案</span></el-menu-item>
<el-menu-item index="2-3"><span>入库单</span></el-menu-item> <el-menu-item index="2-3"><span>入库单</span></el-menu-item>
<el-menu-item index="2-4"><span>出库单</span></el-menu-item>
</el-menu-item-group> </el-menu-item-group>
</el-submenu> </el-submenu>
...@@ -87,6 +89,7 @@ export default { ...@@ -87,6 +89,7 @@ export default {
'2-1':'/Materialwarehouse', '2-1':'/Materialwarehouse',
'2-2':'/Archivesmaterials', '2-2':'/Archivesmaterials',
'2-3':'/rukudan', '2-3':'/rukudan',
'2-4':'/chukudan',
'3-1':'/AssetsClassification', '3-1':'/AssetsClassification',
'3-2':'/MaterialClassification', '3-2':'/MaterialClassification',
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</div> </div>
</div> </div>
<div class="routerContent"> <div class="routerContent">
<div :style='{"min-height":minHeight+"px"}'> <div :style='{"height":minHeight+"px"}'>
<router-view/> <router-view/>
</div> </div>
...@@ -67,6 +67,8 @@ export default { ...@@ -67,6 +67,8 @@ export default {
} }
.appContent .routerContent>div{ .appContent .routerContent>div{
position: relative; position: relative;
padding:20px 30px 10px 30px;
box-sizing: border-box;
} }
.nav{ .nav{
position: fixed; position: fixed;
......
...@@ -71,6 +71,12 @@ export default { ...@@ -71,6 +71,12 @@ export default {
name: 'rukudan', name: 'rukudan',
component: resolve => require(['@/components/Materialman/rukudan'], resolve), component: resolve => require(['@/components/Materialman/rukudan'], resolve),
}, },
// 出库单
{
path: '/chukudan',
name: 'chukudan',
component: resolve => require(['@/components/Materialman/chukudan'], resolve),
},
] ]
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment