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 @@ ...@@ -28,99 +28,6 @@
height: calc(100% - 110px) !important; 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{ .el-table__header-wrapper{
background: #5A6C98; background: #5A6C98;
} }
...@@ -135,4 +42,98 @@ ...@@ -135,4 +42,98 @@
.el-table--border th{ .el-table--border th{
border:1px solid #EBEEF5; 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 @@ ...@@ -77,7 +77,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="conterFool_bottom" > <div class="page_bottom" >
<div class="bottom_text"> <div class="bottom_text">
<span>共{{totalCount}}条记录 当前第{{pageIndex}}页 共{{totalPage}}页 每页{{pageSize}}条记录</span> <span>共{{totalCount}}条记录 当前第{{pageIndex}}页 共{{totalPage}}页 每页{{pageSize}}条记录</span>
</div> </div>
...@@ -85,10 +85,10 @@ ...@@ -85,10 +85,10 @@
<div class="bottom_btns"> <div class="bottom_btns">
<div class="bottom_firest" @click="first">首页</div> <div class="bottom_firest" @click="first">首页</div>
<div ref="last" :class="num <= 1 ? 'bottom_disabled' : 'bottom_next'" @click="last" >上一页</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> <div class="bottom_end" @click="end" > 末页</div>
<span>第</span> <span>第</span>
<input v-model="num" class="text" type="text"/> <input v-model="num" class="text" @input="handleBlur" type="text"/>
<span>页</span> <span>页</span>
<div @click="jump" class="bottom_jump">跳转</div> <div @click="jump" class="bottom_jump">跳转</div>
</div> </div>
...@@ -179,6 +179,13 @@ export default { ...@@ -179,6 +179,13 @@ export default {
console.log('上一页') console.log('上一页')
} }
}, },
handleBlur () {
if (this.num > this.totalPage) {
this.num = this.totalPage
} else if(Number(this.num <= 0)) {
this.num = 1
}
},
delData () { delData () {
if (this.checkList.length === 0) { if (this.checkList.length === 0) {
this.deleteShow = true this.deleteShow = true
......
src/views/education/component/StoreDialog.vue
View file @ 60826c0e
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
<div class="popCenten_box"> <div class="popCenten_box">
<div class="popCenten"> <div class="popCenten">
<div class="centen_row" style="margin-top: 10px" > <div class="centen_row" >
<span class="centen_row_text" style="margin-left: 30px" >线体编号:</span> <span class="centen_row_text">线体编号:</span>
<div class="centen_row_select"> <div class="centen_row_select">
<el-select v-model="value" placeholder="请选择"> <el-select v-model="value" placeholder="请选择">
<el-option <el-option
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
</div> </div>
</div> </div>
<div class="centen_row" style="margin-top:10px"> <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"> <div class="centen_row_select">
<el-select v-model="value1" placeholder="请选择"> <el-select v-model="value1" placeholder="请选择">
<el-option <el-option
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
</div> </div>
<div class="centen_row" style="margin-top:10px"> <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"> <div class="centen_row_select">
<el-input @change="numFun()" v-model="count" placeholder="请输入入库数量"></el-input> <el-input @change="numFun()" v-model="count" placeholder="请输入入库数量"></el-input>
</div> </div>
...@@ -161,7 +161,7 @@ export default { ...@@ -161,7 +161,7 @@ export default {
position: relative; position: relative;
line-height: 60px; line-height: 60px;
text-align: center; text-align: center;
width:820px; width: 100%;
height:60px; height:60px;
background:rgba(37,92,193,1); background:rgba(37,92,193,1);
font-size:18px; font-size:18px;
...@@ -181,20 +181,20 @@ export default { ...@@ -181,20 +181,20 @@ export default {
cursor: pointer; cursor: pointer;
} }
.popCenten_box{ .popCenten_box{
height:480px;
width:100%; width:100%;
height:480px;
background: #EEEEEE; background: #EEEEEE;
box-sizing: border-box;
padding: 30px 30px 20px 30px;
.popCenten{ .popCenten{
width:737px; width: 100%;
height:380px; height: 86%;
background: #fff; background: #fff;
margin-top:30px;
margin-left:30px;
padding-top:42px; padding-top:42px;
.centen_row{ .centen_row{
width: 60%; width: 55%;
margin: auto;
height: 40px; height: 40px;
margin: 0 auto;
line-height: 40px; line-height: 40px;
} }
.centen_row_text{ .centen_row_text{
...@@ -211,7 +211,9 @@ export default { ...@@ -211,7 +211,9 @@ export default {
width:100%; width:100%;
height: 40px; height: 40px;
overflow: hidden; overflow: hidden;
margin:20px 0 0 280px; display: flex;
justify-content: center;
margin-top: 20px;
.cancle{ .cancle{
width: 160px; width: 160px;
height: 40px; 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