95 lines
2.2 KiB
Vue
95 lines
2.2 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
|
|
<button @click="goToAbout">Go to About Page</button>
|
|
|
|
<el-card >
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
|
<el-form-item label="供应商名称" prop="supplierName">
|
|
<el-input
|
|
v-model="queryParams.supplierName"
|
|
placeholder="请输入供应商名称"
|
|
clearable
|
|
style="width: 240px;"
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
|
<!-- <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>-->
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-card>
|
|
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "list",
|
|
data() {
|
|
return {
|
|
|
|
|
|
// 弹出框标题
|
|
title:'',
|
|
// 显示搜索条件
|
|
showSearch: true,
|
|
disableInput: false, // 默认不禁用
|
|
// 是否显示弹出层
|
|
open: false,
|
|
// 总条数
|
|
total: 0,
|
|
// 查询参数
|
|
queryParams: {
|
|
supplierName: '',
|
|
page:null,
|
|
pageSize:null
|
|
},
|
|
// 遮罩层
|
|
loading: false,
|
|
// 默认排序
|
|
defaultSort: {prop: 'createTime', order: 'descending'},
|
|
// 表单校验
|
|
rules: {
|
|
supplierName: [
|
|
{ required: true, message: "供应商名称不能为空", trigger: "blur" },
|
|
],
|
|
// contactPerson: [
|
|
// { required: true, message: "联系人不能为空", trigger: "blur" },
|
|
// ],
|
|
// contactPhone: [
|
|
// { required: true, message: "联系电话不能为空", trigger: "blur" },
|
|
// ],
|
|
// contactAddress: [
|
|
// { required: true, message: "供应商地址不能为空", trigger: "blur" },
|
|
// ]
|
|
}
|
|
}
|
|
},
|
|
|
|
async created() {
|
|
},
|
|
methods: {
|
|
// 获取列表
|
|
getList(){
|
|
|
|
},
|
|
goToAbout() {
|
|
this.$router.push('/oilPurchase/purchaseOrder');
|
|
},
|
|
// 搜索按钮操作
|
|
handleQuery() {
|
|
this.queryParams.page = 1;
|
|
this.getList();
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|