Files
scrq-hd/.svn/pristine/b4/b49a74695f1b9ce6f94e4b3e25924a3dc650af44.svn-base
2025-07-03 10:34:04 +08:00

121 lines
2.8 KiB
Plaintext

<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="80px">
<el-form-item label="钢网编号" prop="materialId">
<el-input
v-model="queryParams.fixure_number"
placeholder="输入钢网编号"
clearable
size="small"
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" border :data="fixureList" @row-dblclick="handleDbClick" ref="list" height="400px">
<el-table-column
prop="fixureNumber"
align="center"
label="编号"
width="230">
</el-table-column>
<el-table-column
prop="fixureName"
align="center"
label="名称"
width="180">
</el-table-column>
<el-table-column
prop="customerCode"
align="center"
label="客户编码"
width="180">
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- <order-prod-form :propThis="propsThis" ref="orderForm"></order-prod-form>-->
</div>
</template>
<script>
export default {
name: 'getFixure',
props: {
layerid: {
type: String,
default: ""
},
},
data() {
return {
loading:false,
total:0,
fixureList:[],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 50,
code: undefined,
fixure_number: undefined
}
}
},
watch: {},
mounted() {
this.initData()
},
methods: {
//初始化表格
initData() {
this.getList()
},
handleDbClick(row, event, column) {
this.$parent.getSelectFixure(row);
this.$layer.close(this.layerid);
},
/** 查询订单列表 */
getList() {
this.loading = true
this.$fixure.getList(this.queryParams).then(resp => {
this.loading = false;
this.total = resp.data.data.recordsTotal
this.fixureList = resp.data.data.data
})
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.page = 1
this.getList()
},
/** 重置按钮操作 */
resetQuery() {
this.dateRange = []
this.resetForm('queryForm')
this.handleQuery()
},
}
}
</script>
<style scoped>
</style>