供应商
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user