Skip to content

T
tianjin
Commit 9c9828ae authored by 徐来柯's avatar 徐来柯
Browse files
Options

update

parent ff47d072
Hide whitespace changes
Inline Side-by-side
Showing with 1048 additions and 25 deletions
src/router/index.js
View file @ 9c9828ae
......@@ -101,27 +101,36 @@ const Customreport = () =>
import(`@/views/Customreport/Customreport.vue`);
const Line = () =>
import('@/views/education/LineBody.vue');
const wordProcedure = () =>
const wordProcedure = () =>
import('@/views/education/wordProcedure.vue');
const technology = () =>
const technology = () =>
import('@/views/education/technology.vue');
const materiel = () =>
const materiel = () =>
import('@/views/education/materiel.vue');
const productManage = () =>
const productManage = () =>
import('@/views/education/productManage.vue');
const ProductionPlan = () =>
const ProductionPlan = () =>
import('@/views/education/ProductionPlan.vue');
const ManageList = () =>
const ManageList = () =>
import('@/views/education/ManageList.vue');
const ProducSchedule = () =>
const ProducSchedule = () =>
import('@/views/education/ProducSchedule.vue');
const EquipmentAccount = () =>
const EquipmentAccount = () =>
import('@/views/education/EquipmentAccount.vue');
const Device = () =>
const Device = () =>
import('@/views/education/deviceManage.vue')
const MaterialWarehousingMoudle = () =>
const MaterialWarehousingMoudle = () =>
import('@/views/education/MaterialWarehousingMoudle.vue');
const ProductStorage = () =>
import('@/views/education/ProductStorage.vue')
const MaterialDelivery = () =>
import('@/views/education/MaterialDelivery.vue')
const ProductDelivery = () =>
import('@/views/education/ProductDelivery.vue')
const Materialinventory = () =>
import('@/views/education/materialinventory.vue')
const ProductHouseshow = () =>
import('@/views/education/ProductHouseshow.vue')
Vue.use(VueRouter);
......@@ -340,6 +349,26 @@ const routes = [{
path: '/MaterialWarehousingMoudle',
component: MaterialWarehousingMoudle
},
{
path: '/ProductStorage',
component: ProductStorage
},
{
path: '/MaterialDelivery',
component: MaterialDelivery
},
{
path: '/ProductDelivery',
component: ProductDelivery
},
{
path: '/Materialinventory',
component: Materialinventory
},
{
path: '/ProductHouseshow',
component: ProductHouseshow
},
{
path: '/*',
component: CustomerVue
......
src/views/education/MaterialDelivery.vue 0 → 100644
View file @ 9c9828ae
<template>
<div class="box-container">
<div class="wrap">
<search-form :formList="[1,2,3]" :btnList="[1,2]" @openDialog="openDialog" @delData="delData" />
<el-table
border
height="675"
ref="multipleTable"
:data="tableData"
class="table-style"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="60">
</el-table-column>
<el-table-column
label="序号"
:show-overflow-tooltip="true"
width="80"
prop="NO">
</el-table-column>
<el-table-column
label="出库编号"
:show-overflow-tooltip="true"
prop="SID"
width="180">
</el-table-column>
<el-table-column
prop="ProductName"
label="线体编号"
:show-overflow-tooltip="true"
width="180">
</el-table-column>
<el-table-column
label="线体名称"
:show-overflow-tooltip="true"
prop="ProductType"
width="180">
</el-table-column>
<el-table-column
label="物料编号"
:show-overflow-tooltip="true"
prop="PlanType"
width="180">
</el-table-column>
<el-table-column
label="物料名称"
:show-overflow-tooltip="true"
prop="PlanType"
width="180">
</el-table-column>
<el-table-column
label="物料描述"
:show-overflow-tooltip="true"
prop="PlanType"
width="210">
</el-table-column>
<el-table-column
label="单位"
:show-overflow-tooltip="true"
prop="LineName"
width="140">
</el-table-column>
<el-table-column
label="出库数量"
:show-overflow-tooltip="true"
prop="UserName"
width="180">
</el-table-column>
<el-table-column
label="出库时间"
:show-overflow-tooltip="true"
prop="StartDt"
>
</el-table-column>
</el-table>
<div class="page_bottom" >
<div class="bottom_text">
<span>共{{totalCount}}条记录 当前第{{pageIndex}}页 共{{totalPage}}页 每页{{pageSize}}条记录</span>
</div>
<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 || num <= 0 ? 'bottom_disabled' : 'bottom_next'" @click="next" >下一页</div>
<div class="bottom_end" @click="end" > 末页</div>
<span>第</span>
<input v-model="num" class="text" @input="handleBlur" type="text"/>
<span>页</span>
<div @click="jump" class="bottom_jump">跳转</div>
</div>
</div>
</div>
<store-dialog :titleText="'物料出库单'" :type="'out'" v-if="popShow" @closeDialog="closeDialog" @conserve="conserve" />
<delete-pop ref="delete" :deletetext="deletetext" :type="typeV" v-if="deleteShow"></delete-pop>
</div>
</template>
<script>
import searchForm from './component/searchForm'
import storeDialog from './component/storeDialog'
import deletePop from './component/deletePop'
export default {
components: { searchForm, storeDialog, deletePop },
data () {
return {
tableData: [],
AllTableData: [],
popShow: false,
checkList: [],
deletetext: '',
deleteShow: false,
typeV: '',
num: 1,
// 首字母已改为小写
totalCount: 1,
pageIndex: 1,
totalPage: 1,
pageSize: 50,
}
},
methods: {
handleSelectionChange (val) {
this.checkList = val
},
// 分页方法
pageFun(num){
if(num == 1){
this.tableData = this.AllTableData.slice(0,50)
}else{
this.tableData = this.AllTableData.slice((num-1)*this.pageSize + 1,this.pageSize*num)
}
},
//跳转
jump(){
if(this.pageIndex != this.num){
if(this.num>this.totalPage || this.num < 1){
this.typeV = '3'
this.deleteShow = true
}else{
this.pageIndex = this.num
this.pageFun(this.pageIndex)
}
}
},
// 首页
first () {
this.pageIndex = 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('首页')
},
//末页
end(){
this.pageIndex = this.totalPage
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('尾页')
},
//下一页
next(){
if(this.pageIndex<this.totalPage){
this.pageIndex = this.pageIndex + 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('下一页')
}
},
//上一页
last(){
if(this.pageIndex>1){
this.pageIndex = this.pageIndex - 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
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
this.typeV = 2
}
},
//关闭提示弹窗
cancel_delete(){
this.deleteShow = false
},
openDialog () {
this.popShow = true
},
closeDialog () {
this.popShow = false
},
conserve (data) {
console.log(data)
this.popShow = false
}
}
}
</script>
\ No newline at end of file
src/views/education/MaterialWarehousingMoudle.vue
View file @ 9c9828ae
......@@ -110,6 +110,7 @@ export default {
data () {
return {
tableData: [],
AllTableData: [],
popShow: false,
checkList: [],
deletetext: '',
......@@ -130,9 +131,9 @@ export default {
// 分页方法
pageFun(num){
if(num == 1){
this.tableData = this.tableData.slice(0,50)
this.tableData = this.AllTableData.slice(0,50)
}else{
this.tableData = this.tableData.slice((num-1)*this.pageSize + 1,this.pageSize*num)
this.tableData = this.AllTableData.slice((num-1)*this.pageSize + 1,this.pageSize*num)
}
},
//跳转
......
src/views/education/ProductDelivery.vue
View file @ 9c9828ae
<!--
* @Description: 这是产品出库页面（组件）
* @Date: 2021-01-04 09:51:59
* @Author: Tao
* @LastEditors: Tao
* @LastEditTime: 2021-01-04 09:52:13
-->
<template>
<div class="box-container">
<div class="wrap">
<search-form :formList="[1,2,3]" :btnList="[1,2]" @openDialog="openDialog" @delData="delData" />
<el-table
border
height="675"
ref="multipleTable"
:data="tableData"
class="table-style"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="60">
</el-table-column>
<el-table-column
label="序号"
:show-overflow-tooltip="true"
width="80"
prop="NO">
</el-table-column>
<el-table-column
label="出库编号"
:show-overflow-tooltip="true"
prop="SID"
width="180">
</el-table-column>
<el-table-column
prop="ProductName"
label="线体编号"
:show-overflow-tooltip="true"
width="180">
</el-table-column>
<el-table-column
label="线体名称"
:show-overflow-tooltip="true"
prop="ProductType"
width="180">
</el-table-column>
<el-table-column
label="产品编号"
:show-overflow-tooltip="true"
prop="PlanType"
width="180">
</el-table-column>
<el-table-column
label="产品名称"
:show-overflow-tooltip="true"
prop="PlanType"
width="180">
</el-table-column>
<el-table-column
label="产品描述"
:show-overflow-tooltip="true"
prop="PlanType"
width="210">
</el-table-column>
<el-table-column
label="单位"
:show-overflow-tooltip="true"
prop="LineName"
width="140">
</el-table-column>
<el-table-column
label="出库数量"
:show-overflow-tooltip="true"
prop="UserName"
width="180">
</el-table-column>
<el-table-column
label="出库时间"
:show-overflow-tooltip="true"
prop="StartDt"
>
</el-table-column>
</el-table>
<div class="page_bottom" >
<div class="bottom_text">
<span>共{{totalCount}}条记录 当前第{{pageIndex}}页 共{{totalPage}}页 每页{{pageSize}}条记录</span>
</div>
<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 || num <= 0 ? 'bottom_disabled' : 'bottom_next'" @click="next" >下一页</div>
<div class="bottom_end" @click="end" > 末页</div>
<span>第</span>
<input v-model="num" class="text" @input="handleBlur" type="text"/>
<span>页</span>
<div @click="jump" class="bottom_jump">跳转</div>
</div>
</div>
</div>
<store-dialog :titleText="'产品出库单'" :type="'out'" v-if="popShow" @closeDialog="closeDialog" @conserve="conserve" />
<delete-pop ref="delete" :deletetext="deletetext" :type="typeV" v-if="deleteShow"></delete-pop>
</div>
</template>
<script>
import searchForm from './component/searchForm'
import storeDialog from './component/storeDialog'
import deletePop from './component/deletePop'
export default {
components: { searchForm, storeDialog, deletePop },
data () {
return {
tableData: [],
AllTableData: [],
popShow: false,
checkList: [],
deletetext: '',
deleteShow: false,
typeV: '',
num: 1,
// 首字母已改为小写
totalCount: 1,
pageIndex: 1,
totalPage: 1,
pageSize: 50,
}
},
methods: {
handleSelectionChange (val) {
this.checkList = val
},
// 分页方法
pageFun(num){
if(num == 1){
this.tableData = this.AllTableData.slice(0,50)
}else{
this.tableData = this.AllTableData.slice((num-1)*this.pageSize + 1,this.pageSize*num)
}
},
//跳转
jump(){
if(this.pageIndex != this.num){
if(this.num>this.totalPage || this.num < 1){
this.typeV = '3'
this.deleteShow = true
}else{
this.pageIndex = this.num
this.pageFun(this.pageIndex)
}
}
},
// 首页
first () {
this.pageIndex = 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('首页')
},
//末页
end(){
this.pageIndex = this.totalPage
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('尾页')
},
//下一页
next(){
if(this.pageIndex<this.totalPage){
this.pageIndex = this.pageIndex + 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('下一页')
}
},
//上一页
last(){
if(this.pageIndex>1){
this.pageIndex = this.pageIndex - 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
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
this.typeV = 2
}
},
//关闭提示弹窗
cancel_delete(){
this.deleteShow = false
},
openDialog () {
this.popShow = true
},
closeDialog () {
this.popShow = false
},
conserve (data) {
console.log(data)
this.popShow = false
}
}
}
</script>
\ No newline at end of file
src/views/education/ProductHouseshow.vue 0 → 100644
View file @ 9c9828ae
<template>
<div class="box-container">
<div class="wrap">
<search-form :formList="[1]" />
<el-table
border
height="675"
ref="multipleTable"
:data="tableData"
class="table-style"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="60">
</el-table-column>
<el-table-column
label="序号"
:show-overflow-tooltip="true"
width="80"
prop="NO">
</el-table-column>
<el-table-column
label="线体编号"
:show-overflow-tooltip="true"
prop="SID"
>
</el-table-column>
<el-table-column
prop="ProductName"
label="线体名称"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
label="产品编号"
:show-overflow-tooltip="true"
prop="ProductType"
>
</el-table-column>
<el-table-column
label="产品名称"
:show-overflow-tooltip="true"
prop="PlanType"
>
</el-table-column>
<el-table-column
label="产品描述"
:show-overflow-tooltip="true"
prop="PlanType"
>
</el-table-column>
<el-table-column
label="单位"
:show-overflow-tooltip="true"
prop="LineName"
>
</el-table-column>
<el-table-column
label="库存数量"
:show-overflow-tooltip="true"
prop="UserName"
>
</el-table-column>
</el-table>
<div class="page_bottom" >
<div class="bottom_text">
<span>共{{totalCount}}条记录 当前第{{pageIndex}}页 共{{totalPage}}页 每页{{pageSize}}条记录</span>
</div>
<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 || num <= 0 ? 'bottom_disabled' : 'bottom_next'" @click="next" >下一页</div>
<div class="bottom_end" @click="end" > 末页</div>
<span>第</span>
<input v-model="num" class="text" @input="handleBlur" type="text"/>
<span>页</span>
<div @click="jump" class="bottom_jump">跳转</div>
</div>
</div>
</div>
<delete-pop ref="delete" :deletetext="deletetext" :type="typeV" v-if="deleteShow"></delete-pop>
</div>
</template>
<script>
import searchForm from './component/searchForm'
import deletePop from './component/deletePop'
export default {
components: { searchForm, deletePop },
data () {
return {
tableData: [],
AllTableData: [],
checkList: [],
deletetext: '',
deleteShow: false,
typeV: '',
num: 1,
// 首字母已改为小写
totalCount: 1,
pageIndex: 1,
totalPage: 1,
pageSize: 50,
}
},
methods: {
handleSelectionChange (val) {
this.checkList = val
},
// 分页方法
pageFun(num){
if(num == 1){
this.tableData = this.AllTableData.slice(0,50)
}else{
this.tableData = this.AllTableData.slice((num-1)*this.pageSize + 1,this.pageSize*num)
}
},
//跳转
jump(){
if(this.pageIndex != this.num){
if(this.num>this.totalPage || this.num < 1){
this.typeV = '3'
this.deleteShow = true
}else{
this.pageIndex = this.num
this.pageFun(this.pageIndex)
}
}
},
// 首页
first () {
this.pageIndex = 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('首页')
},
//末页
end(){
this.pageIndex = this.totalPage
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('尾页')
},
//下一页
next(){
if(this.pageIndex<this.totalPage){
this.pageIndex = this.pageIndex + 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('下一页')
}
},
//上一页
last(){
if(this.pageIndex>1){
this.pageIndex = this.pageIndex - 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('上一页')
}
},
handleBlur () {
if (this.num > this.totalPage) {
this.num = this.totalPage
} else if(Number(this.num <= 0)) {
this.num = 1
}
}
}
}
</script>
\ No newline at end of file
src/views/education/ProductStorage.vue 0 → 100644
View file @ 9c9828ae
<template>
<div class="box-container">
<div class="wrap">
<search-form :formList="[1,2,3]" :btnList="[1,2]" @openDialog="openDialog" @delData="delData" />
<el-table
border
height="675"
ref="multipleTable"
:data="tableData"
class="table-style"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="60">
</el-table-column>
<el-table-column
label="序号"
:show-overflow-tooltip="true"
width="80"
prop="NO">
</el-table-column>
<el-table-column
label="入库编号"
:show-overflow-tooltip="true"
prop="SID"
width="180">
</el-table-column>
<el-table-column
prop="ProductName"
label="线体编号"
:show-overflow-tooltip="true"
width="180">
</el-table-column>
<el-table-column
label="线体名称"
:show-overflow-tooltip="true"
prop="ProductType"
width="180">
</el-table-column>
<el-table-column
label="产品编号"
:show-overflow-tooltip="true"
prop="PlanType"
width="180">
</el-table-column>
<el-table-column
label="产品名称"
:show-overflow-tooltip="true"
prop="PlanType"
width="180">
</el-table-column>
<el-table-column
label="产品描述"
:show-overflow-tooltip="true"
prop="PlanType"
width="210">
</el-table-column>
<el-table-column
label="单位"
:show-overflow-tooltip="true"
prop="LineName"
width="140">
</el-table-column>
<el-table-column
label="入库数量"
:show-overflow-tooltip="true"
prop="UserName"
width="180">
</el-table-column>
<el-table-column
label="入库时间"
:show-overflow-tooltip="true"
prop="StartDt"
>
</el-table-column>
</el-table>
<div class="page_bottom" >
<div class="bottom_text">
<span>共{{totalCount}}条记录 当前第{{pageIndex}}页 共{{totalPage}}页 每页{{pageSize}}条记录</span>
</div>
<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 || num <= 0 ? 'bottom_disabled' : 'bottom_next'" @click="next" >下一页</div>
<div class="bottom_end" @click="end" > 末页</div>
<span>第</span>
<input v-model="num" class="text" @input="handleBlur" type="text"/>
<span>页</span>
<div @click="jump" class="bottom_jump">跳转</div>
</div>
</div>
</div>
<store-dialog :titleText="'产品入库单'" v-if="popShow" @closeDialog="closeDialog" @conserve="conserve" />
<delete-pop ref="delete" :deletetext="deletetext" :type="typeV" v-if="deleteShow"></delete-pop>
</div>
</template>
<script>
import searchForm from './component/searchForm'
import storeDialog from './component/storeDialog'
import deletePop from './component/deletePop'
export default {
components: { searchForm, storeDialog, deletePop },
data () {
return {
tableData: [],
AllTableData: [],
popShow: false,
checkList: [],
deletetext: '',
deleteShow: false,
typeV: '',
num: 1,
// 首字母已改为小写
totalCount: 1,
pageIndex: 1,
totalPage: 1,
pageSize: 50,
}
},
methods: {
handleSelectionChange (val) {
this.checkList = val
},
// 分页方法
pageFun(num){
if(num == 1){
this.tableData = this.AllTableData.slice(0,50)
}else{
this.tableData = this.AllTableData.slice((num-1)*this.pageSize + 1,this.pageSize*num)
}
},
//跳转
jump(){
if(this.pageIndex != this.num){
if(this.num>this.totalPage || this.num < 1){
this.typeV = '3'
this.deleteShow = true
}else{
this.pageIndex = this.num
this.pageFun(this.pageIndex)
}
}
},
// 首页
first () {
this.pageIndex = 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('首页')
},
//末页
end(){
this.pageIndex = this.totalPage
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('尾页')
},
//下一页
next(){
if(this.pageIndex<this.totalPage){
this.pageIndex = this.pageIndex + 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('下一页')
}
},
//上一页
last(){
if(this.pageIndex>1){
this.pageIndex = this.pageIndex - 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
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
this.typeV = 2
}
},
//关闭提示弹窗
cancel_delete(){
this.deleteShow = false
},
openDialog () {
this.popShow = true
},
closeDialog () {
this.popShow = false
},
conserve (data) {
console.log(data)
this.popShow = false
}
}
}
</script>
\ No newline at end of file
src/views/education/component/StoreDialog.vue
View file @ 9c9828ae
......@@ -35,9 +35,10 @@
</div>
<div class="centen_row" style="margin-top:10px">
<span class="centen_row_text" >入库数量:</span>
<span class="centen_row_text" v-if="type === 'in'" >入库数量:</span>
<span class="centen_row_text" v-if="type === 'out'" >出库数量:</span>
<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>
......@@ -66,7 +67,11 @@ export default {
titleText: {
type: String,
default: ''
}
},
type: {
type: String,
default: 'in',
},
},
directives: {
drag: function(el) {
......
src/views/education/materialinventory.vue 0 → 100644
View file @ 9c9828ae
<template>
<div class="box-container">
<div class="wrap">
<search-form :formList="[1]" />
<el-table
border
height="675"
ref="multipleTable"
:data="tableData"
class="table-style"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="60">
</el-table-column>
<el-table-column
label="序号"
:show-overflow-tooltip="true"
width="80"
prop="NO">
</el-table-column>
<el-table-column
label="线体编号"
:show-overflow-tooltip="true"
prop="SID"
>
</el-table-column>
<el-table-column
prop="ProductName"
label="线体名称"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
label="物料编号"
:show-overflow-tooltip="true"
prop="ProductType"
>
</el-table-column>
<el-table-column
label="物料名称"
:show-overflow-tooltip="true"
prop="PlanType"
>
</el-table-column>
<el-table-column
label="物料描述"
:show-overflow-tooltip="true"
prop="PlanType"
>
</el-table-column>
<el-table-column
label="单位"
:show-overflow-tooltip="true"
prop="LineName"
>
</el-table-column>
<el-table-column
label="库存数量"
:show-overflow-tooltip="true"
prop="UserName"
>
</el-table-column>
</el-table>
<div class="page_bottom" >
<div class="bottom_text">
<span>共{{totalCount}}条记录 当前第{{pageIndex}}页 共{{totalPage}}页 每页{{pageSize}}条记录</span>
</div>
<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 || num <= 0 ? 'bottom_disabled' : 'bottom_next'" @click="next" >下一页</div>
<div class="bottom_end" @click="end" > 末页</div>
<span>第</span>
<input v-model="num" class="text" @input="handleBlur" type="text"/>
<span>页</span>
<div @click="jump" class="bottom_jump">跳转</div>
</div>
</div>
</div>
<delete-pop ref="delete" :deletetext="deletetext" :type="typeV" v-if="deleteShow"></delete-pop>
</div>
</template>
<script>
import searchForm from './component/searchForm'
import deletePop from './component/deletePop'
export default {
components: { searchForm, deletePop },
data () {
return {
tableData: [],
AllTableData: [],
checkList: [],
deletetext: '',
deleteShow: false,
typeV: '',
num: 1,
// 首字母已改为小写
totalCount: 1,
pageIndex: 1,
totalPage: 1,
pageSize: 50,
}
},
methods: {
handleSelectionChange (val) {
this.checkList = val
},
// 分页方法
pageFun(num){
if(num == 1){
this.tableData = this.AllTableData.slice(0,50)
}else{
this.tableData = this.AllTableData.slice((num-1)*this.pageSize + 1,this.pageSize*num)
}
},
//跳转
jump(){
if(this.pageIndex != this.num){
if(this.num>this.totalPage || this.num < 1){
this.typeV = '3'
this.deleteShow = true
}else{
this.pageIndex = this.num
this.pageFun(this.pageIndex)
}
}
},
// 首页
first () {
this.pageIndex = 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('首页')
},
//末页
end(){
this.pageIndex = this.totalPage
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('尾页')
},
//下一页
next(){
if(this.pageIndex<this.totalPage){
this.pageIndex = this.pageIndex + 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('下一页')
}
},
//上一页
last(){
if(this.pageIndex>1){
this.pageIndex = this.pageIndex - 1
this.num = this.pageIndex
this.pageFun(this.pageIndex)
console.log('上一页')
}
},
handleBlur () {
if (this.num > this.totalPage) {
this.num = this.totalPage
} else if(Number(this.num <= 0)) {
this.num = 1
}
}
}
}
</script>
\ No newline at end of file
src/views/education/wordProcedure.vue
View file @ 9c9828ae
......@@ -32,7 +32,7 @@
<el-table-column
label="工序编号"
:show-overflow-tooltip="true"
prop="No"
prop="CellNuber"
width="300">
</el-table-column>
<el-table-column
......
vue.config.js
View file @ 9c9828ae
......@@ -19,7 +19,7 @@ module.exports = {
publicPath: './',
productionSourceMap: false, //生产环境是否生产syourceMap文件,设置为false可减小打包后的体积
devServer: {
open: true, //项目运行自动打开浏览器
proxy: {
'/api': {
//这里最好有一个 /
......
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