供应商

This commit is contained in:
chenjianan
2019-04-19 10:03:37 +08:00
parent 8f5926d08a
commit 341f195d98

View File

@@ -1,73 +1,64 @@
<template>
<div class="app-container">
<el-card>
<el-form ref="form1" :model="form1" label-position="right" label-width="110px" class="searchForm">
<el-form ref="form1" :model="form1" label-position="right" label-width="70px" class="searchForm">
<el-row>
<el-col style="width: 300px">
<el-form-item label="供应商名称">
<el-col style="width: 250px">
<el-form-item label="供应商">
<el-input v-model="supplierName" placeholder="供应商名称" size="small" clearable/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="企业性质">
<el-input v-model="businessNature" placeholder="企业性质" size="small" clearable/>
<el-col style="width: 250px">
<el-form-item label="法人">
<el-input v-model="businessNature" placeholder="法人" size="small" clearable/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="创立日期">
<el-date-picker v-model="creationDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" size="small" type="date" placeholder="选择日期"/>
<el-col style="width: 250px">
<el-form-item label="受托人">
<el-input v-model="registeredCapital" placeholder="受托人" size="small" clearable/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="注册资本">
<el-input v-model="registeredCapital" placeholder="注册资本" size="small" clearable/>
<el-col style="width: 250px">
<el-form-item label="邮编">
<el-input v-model="deliveryPeriod" placeholder="邮编" size="small" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 300px">
<el-col style="width: 250px">
<el-form-item label="税号">
<el-input v-model="taxNumber" placeholder="税号" size="small" clearable/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-col style="width: 250px">
<el-form-item label="电子信箱">
<el-input v-model="email" placeholder="电子信箱" size="small" clearable/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-col style="width: 250px">
<el-form-item label="电话号码">
<el-input v-model="telephone" placeholder="电话号码" size="small" clearable/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-col style="width: 250px">
<el-form-item label="开户行">
<el-input v-model="bank" placeholder="开户行" size="small" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 300px">
<el-col style="width: 250px">
<el-form-item label="帐号">
<el-input v-model="account" placeholder="帐号" size="small" clearable/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-col style="width: 250px">
<el-form-item label="地址">
<el-input v-model="address" placeholder="地址" size="small" clearable/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-col style="width: 250px">
<el-form-item label="传真">
<el-input v-model="fax" placeholder="传真" size="small" clearable/>
</el-form-item>
</el-col>
<el-col style="width: 350px">
<el-form-item label="货期">
<el-input v-model="deliveryPeriod" placeholder="货期" size="small" clearable/>
</el-form-item>
</el-col>
<el-col style="width: 300px;margin-top:2px">
<el-col style="width: 250px;margin:2px 0 0 15px">
<el-button type="success" size="small" icon="el-icon-search" @click="pageCurrent = 1;fetchData()">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-circle-plus-outline" style="margin-left:10px" @click="handleAdd()">增加</el-button>
</el-col>
@@ -78,22 +69,22 @@
<el-card>
<div style="display: inline-block;margin-bottom: 20px">供应商列表</div>
<el-table :data="List" highlight-current-row border style="width: 100%;max-height: 600px;" height="600" size="mini" @row-click="rowClick">
<el-table-column label="供应商名称" align="center" min-width="350">
<el-table-column label="供应商名称" align="center" fixed="left" min-width="250">
<template slot-scope="scope">
{{ scope.row.供应商名称 }}
</template>
</el-table-column>
<el-table-column label="主要产品" align="center" min-width="350">
<el-table-column label="主要产品" align="center" min-width="150">
<template slot-scope="scope">
{{ scope.row.主要产品 }}
</template>
</el-table-column>
<el-table-column label="开户行" align="center" width="250">
<el-table-column label="开户行" align="center" min-width="150">
<template slot-scope="scope">
{{ scope.row.开户行 }}
</template>
</el-table-column>
<el-table-column label="帐号" align="center" width="170">
<el-table-column label="帐号" align="center" min-width="100">
<template slot-scope="scope">
{{ scope.row.帐号 }}
</template>
@@ -113,39 +104,34 @@
{{ scope.row.电子信箱 }}
</template>
</el-table-column>
<el-table-column label="地址" align="center" min-width="100">
<el-table-column label="地址" align="center" min-width="150">
<template slot-scope="scope">
{{ scope.row.地址 }}
</template>
</el-table-column>
<el-table-column label="传真" align="center" width="100">
<el-table-column label="传真" align="center" min-width="120">
<template slot-scope="scope">
{{ scope.row.传真 }}
</template>
</el-table-column>
<el-table-column label="企业性质" align="center" min-width="100">
<el-table-column label="法人" align="center" min-width="80">
<template slot-scope="scope">
{{ scope.row.企业性质 }}
</template>
</el-table-column>
<el-table-column label="创立日期" align="center" min-width="100">
<template slot-scope="scope">
{{ scope.row.创立日期 }}
</template>
</el-table-column>
<el-table-column label="注册资本" align="center" min-width="100">
<el-table-column label="受托人" align="center" min-width="80">
<template slot-scope="scope">
{{ scope.row.注册资本 }}
</template>
</el-table-column>
<el-table-column label="货期" align="center">
<el-table-column label="邮编" align="center" min-width="80">
<template slot-scope="scope">
{{ scope.row.货期 }}
</template>
</el-table-column>
<el-table-column label="操作" align="center" fixed="right" width="200">
<el-table-column label="操作" align="center" fixed="right" width="190">
<template slot-scope="scope">
<el-button type="primary" size="mini" icon="el-icon-edit" style="margin-left:10px" @click="handleEdit(scope.row)">编辑</el-button>
<el-button type="primary" size="mini" icon="el-icon-edit" @click="handleEdit(scope.row)">编辑</el-button>
<el-button type="danger" size="mini" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
@@ -212,7 +198,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="企业性质" prop="企业性质">
<el-form-item label="法人" prop="企业性质">
<el-input
v-model="form.企业性质"
size="small"
@@ -223,18 +209,16 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="创立日期" prop="创立日期">
<el-date-picker
v-model="form.创立日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
<el-form-item label="邮编" prop="期">
<el-input
v-model="form.期"
size="small"
type="date"
placeholder="选择日期"/>
style="width: 200px;"
clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="注册资本" prop="注册资本">
<el-form-item label="受托人" prop="注册资本">
<el-input
v-model="form.注册资本"
size="small"
@@ -313,15 +297,6 @@
clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="货期" prop="货期">
<el-input
v-model="form.货期"
size="small"
style="width: 200px;"
clearable/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
@@ -449,11 +424,6 @@ export default {
this.fax ? this.check11 = 1 : this.check11 = 0
this.deliveryPeriod ? this.check12 = 1 : this.check12 = 0
searchData(this.check1, this.supplierName, this.check2, this.businessNature, this.check3, this.creationDate, this.check4, this.registeredCapital, this.check5, this.taxNumber, this.check6, this.bank, this.check7, this.account, this.check8, this.email, this.check9, this.address, this.check10, this.telephone, this.check11, this.fax, this.check12, this.deliveryPeriod, this.pageCurrent, this.pageSize).then(response => {
for (let j = 0; j < response.data.rows.length; j++) {
if (response.data.rows[j].创立日期 !== null) {
response.data.rows[j].创立日期 = response.data.rows[j].创立日期.substring(0, response.data.rows[j].创立日期.indexOf(' '))
}
}
this.List = response.data.rows
this.total = response.data.total
})
@@ -672,7 +642,7 @@ export default {
width:200px
}
.el-input{
width:200px
width:170px
}
span{
margin: 10px 0 10px 10px;