Skip to content

T
tianjin
Commit 60826c0e authored by 徐来柯's avatar 徐来柯
Browse files
Options

update

parent 896c3b7a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 121 additions and 111 deletions
src/assets/sass/common.scss
View file @ 60826c0e
......@@ -28,99 +28,6 @@
height: calc(100% - 110px) !important;
}
// 分页样式
.conterFool_bottom{
width:97%;
margin: auto;
height:50px;
padding-top:12px;
user-select: none;
display: flex;
justify-content: space-between;
.bottom_text{
line-height: 28px;
color:#929292;
font-size: 14px;
}
.bottom_btns{
display: flex;
color:#9C9C9C;
span {
line-height: 30px;
margin: 0 5px;
}
.text{
display: inline-block;
width:65px;
height:30px;
margin:0 5px;
text-align: center;
color:#FDA100;
}
.bottom_firest{
width:65px;
height:30px;
line-height: 28px;
text-align:center;
color:#FDA100;
border: 1px solid #FDA100;
box-sizing: border-box;
border-radius: 5px;
margin-left:10px;
cursor: pointer;
}
.bottom_disabled {
cursor: pointer;
pointer-events: none;
width:80px;
height:30px;
line-height: 28px;
text-align:center;
color:#F9D79C;
border: 1px solid #F8CA7A;
box-sizing: border-box;
background: #f9f9f9;
border-radius: 5px;
margin-left:10px;
}
.bottom_next{
cursor: pointer;
width:80px;
height:30px;
line-height: 28px;
text-align:center;
color:#FDA100;
border: 1px solid #FDA100;
box-sizing: border-box;
border-radius: 5px;
margin-left:10px;
}
.bottom_end{
cursor: pointer;
width:80px;
height:30px;
line-height: 28px;
text-align:center;
color:#FDA100;
border: 1px solid #FDA100;
box-sizing: border-box;
border-radius: 5px;
margin-left:10px;
}
.bottom_jump{
cursor: pointer;
width:80px;
height:30px;
line-height: 28px;
text-align:center;
color:#FDA100;
border: 1px solid #FDA100;
box-sizing: border-box;
border-radius: 5px;
margin-left:10px;
}
}
}
.el-table__header-wrapper{
background: #5A6C98;
}
......@@ -135,4 +42,98 @@
.el-table--border th{
border:1px solid #EBEEF5;
}
}
\ No newline at end of file
}
// 分页样式
.page_bottom{
width:97%;
margin: auto;
height:50px;
padding-top:12px;
user-select: none;
display: flex;
justify-content: space-between;
.bottom_text{
line-height: 28px;
color:#929292;
font-size: 14px;
}
.bottom_btns{
display: flex;
color:#9C9C9C;
span {
line-height: 30px;
margin: 0 5px;
}
.text{
display: inline-block;
width:65px;
height:30px;
margin:0 5px;
text-align: center;
color:#FDA100;
}
.bottom_firest{
width:65px;
height:30px;
line-height: 28px;
text-align:center;
color:#FDA100;
border: 1px solid #FDA100;
box-sizing: border-box;
border-radius: 5px;
margin-left:10px;
cursor: pointer;
}
.bottom_disabled {
cursor: pointer;
pointer-events: none;
width:80px;
height:30px;
line-height: 28px;
text-align:center;
color:#F9D79C;
border: 1px solid #F8CA7A;
box-sizing: border-box;
background: #f9f9f9;
border-radius: 5px;
margin-left:10px;
}
.bottom_next{
cursor: pointer;
width:80px;
height:30px;
line-height: 28px;
text-align:center;
color:#FDA100;
border: 1px solid #FDA100;
box-sizing: border-box;
border-radius: 5px;
margin-left:10px;
}
.bottom_end{
cursor: pointer;
width:80px;
height:30px;
line-height: 28px;
text-align:center;
color:#FDA100;
border: 1px solid #FDA100;
box-sizing: border-box;
border-radius: 5px;
margin-left:10px;
}
.bottom_jump{
cursor: pointer;
width:80px;
height:30px;
line-height: 28px;
text-align:center;
color:#FDA100;
border: 1px solid #FDA100;
box-sizing: border-box;
border-radius: 5px;
margin-left:10px;
}
}
}
\ No newline at end of file
src/views/education/MaterialWarehousingMoudle.vue
View file @ 60826c0e
......@@ -77,7 +77,7 @@
</el-table-column>
</el-table>
<div class="conterFool_bottom" >
<div class="page_bottom" >
<div class="bottom_text">
<span>共{{totalCount}}条记录 当前第{{pageIndex}}页 共{{totalPage}}页 每页{{pageSize}}条记录</span>
</div>
......@@ -85,10 +85,10 @@
<div class="bottom_btns">
<div class="bottom_firest" @click="first">首页</div>
<div ref="last" :class="num <= 1 ? 'bottom_disabled' : 'bottom_next'" @click="last" >上一页</div>
<div ref="next" :class="num === totalPage ? 'bottom_disabled' : 'bottom_next'" @click="next" >下一页</div>
<div ref="next" :class="num === totalPage || num <= 0 ? 'bottom_disabled' : 'bottom_next'" @click="next" >下一页</div>
<div class="bottom_end" @click="end" > 末页</div>
<span>第</span>
<input v-model="num" class="text" type="text"/>
<input v-model="num" class="text" @input="handleBlur" type="text"/>
<span>页</span>
<div @click="jump" class="bottom_jump">跳转</div>
</div>
......@@ -179,6 +179,13 @@ export default {
console.log('上一页')
}
},
handleBlur () {
if (this.num > this.totalPage) {
this.num = this.totalPage
} else if(Number(this.num <= 0)) {
this.num = 1
}
},
delData () {
if (this.checkList.length === 0) {
this.deleteShow = true
......
src/views/education/component/StoreDialog.vue
View file @ 60826c0e
......@@ -7,8 +7,8 @@
<div class="popCenten_box">
<div class="popCenten">
<div class="centen_row" style="margin-top: 10px" >
<span class="centen_row_text" style="margin-left: 30px" >线体编号:</span>
<div class="centen_row" >
<span class="centen_row_text">线体编号:</span>
<div class="centen_row_select">
<el-select v-model="value" placeholder="请选择">
<el-option
......@@ -21,7 +21,7 @@
</div>
</div>
<div class="centen_row" style="margin-top:10px">
<span class="centen_row_text" style="margin-left: 30px" >物料编号:</span>
<span class="centen_row_text" >物料编号:</span>
<div class="centen_row_select">
<el-select v-model="value1" placeholder="请选择">
<el-option
......@@ -35,7 +35,7 @@
</div>
<div class="centen_row" style="margin-top:10px">
<span class="centen_row_text" style="margin-left: 30px" >入库数量:</span>
<span class="centen_row_text" >入库数量:</span>
<div class="centen_row_select">
<el-input @change="numFun()" v-model="count" placeholder="请输入入库数量"></el-input>
</div>
......@@ -161,7 +161,7 @@ export default {
position: relative;
line-height: 60px;
text-align: center;
width:820px;
width: 100%;
height:60px;
background:rgba(37,92,193,1);
font-size:18px;
......@@ -181,20 +181,20 @@ export default {
cursor: pointer;
}
.popCenten_box{
height:480px;
width:100%;
height:480px;
background: #EEEEEE;
box-sizing: border-box;
padding: 30px 30px 20px 30px;
.popCenten{
width:737px;
height:380px;
width: 100%;
height: 86%;
background: #fff;
margin-top:30px;
margin-left:30px;
padding-top:42px;
.centen_row{
width: 60%;
margin: auto;
width: 55%;
height: 40px;
margin: 0 auto;
line-height: 40px;
}
.centen_row_text{
......@@ -211,7 +211,9 @@ export default {
width:100%;
height: 40px;
overflow: hidden;
margin:20px 0 0 280px;
display: flex;
justify-content: center;
margin-top: 20px;
.cancle{
width: 160px;
height: 40px;
......
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