|
@@ -22,20 +22,20 @@
|
|
|
</el-col>
|
|
|
|
|
|
<!--列表-->
|
|
|
- <el-table :data="list" highlight-current-row v-loading="listLoading" :height="tableHeight" style="width: 100%;" @selection-change="selectionChange">
|
|
|
+ <el-table :data="list" highlight-current-row v-loading="listLoading" :height="tableHeight" style="width: 100%;" @selection-change="selectionChange" @sort-change="tableSort">
|
|
|
<el-table-column type="selection" width="60">
|
|
|
<!-- <template slot-scope="scope" >
|
|
|
{{scope.$index+1+(page-1)*size}}
|
|
|
</template> -->
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="providerCode" label="供应商编码" width="200"></el-table-column>
|
|
|
- <el-table-column prop="providerName" label="供应商名称" width="200"></el-table-column>
|
|
|
- <el-table-column prop="providerCategoryName" label="供应商分类" width="200"></el-table-column>
|
|
|
+ <el-table-column prop="providerCode" label="供应商编码" width="200" sortable="custom"></el-table-column>
|
|
|
+ <el-table-column prop="providerName" label="供应商名称" width="200" sortable="custom"></el-table-column>
|
|
|
+ <el-table-column prop="providerCategoryName" label="供应商分类" width="200" sortable="custom"></el-table-column>
|
|
|
<el-table-column prop="contactName" label="联系人" width="120"></el-table-column>
|
|
|
<el-table-column prop="contactPhone" label="联系电话" width="150"></el-table-column>
|
|
|
<el-table-column prop="email" label="邮箱" width="180"></el-table-column>
|
|
|
<el-table-column prop="address" label="地址" width="200"></el-table-column>
|
|
|
- <el-table-column prop="remark" label="备注" width="300"></el-table-column>
|
|
|
+ <!-- <el-table-column prop="remark" label="备注" width="300"></el-table-column> -->
|
|
|
|
|
|
<el-table-column label="操作" width="150" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
@@ -86,7 +86,7 @@
|
|
|
<el-input v-model="addForm.address" :max="50" placeholder="请输入供应商联系地址" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="备注" prop="remark ">
|
|
|
- <el-input type="textarea" :rows="4" v-model="addForm.remark " maxlength="100" show-word-limit placeholder="请输入备注" clearable></el-input>
|
|
|
+ <el-input type="textarea" :rows="4" v-model="addForm.remark " maxlength="1000" show-word-limit placeholder="请输入备注" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-form>
|
|
@@ -215,7 +215,9 @@
|
|
|
showClfDialog: false,
|
|
|
baseClfList: [],
|
|
|
addClf: {providerCategoryName: '', companyId: ''},
|
|
|
- addClfDialog: false
|
|
|
+ addClfDialog: false,
|
|
|
+ sortOrder: '',
|
|
|
+ sortProp: ''
|
|
|
};
|
|
|
},
|
|
|
// 过滤器
|
|
@@ -240,6 +242,14 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 列表排序
|
|
|
+ tableSort({column, prop, order}){
|
|
|
+ if(prop == 'providerCode' || prop == 'providerName' || prop == 'providerCategoryName') {
|
|
|
+ this.sortOrder = order
|
|
|
+ this.sortProp = prop
|
|
|
+ this.getList()
|
|
|
+ }
|
|
|
+ },
|
|
|
// 新增/编辑 分类条目
|
|
|
addNewClf(row) {
|
|
|
this.addClfDialog = true;
|
|
@@ -593,11 +603,27 @@
|
|
|
//获取项目列表
|
|
|
getList() {
|
|
|
this.listLoading = true;
|
|
|
- this.http.post('/provider-info/list', {
|
|
|
+ let fomrs = {
|
|
|
pageIndex: this.page,
|
|
|
pageSize: this.size,
|
|
|
keyword:this.keyword
|
|
|
- },
|
|
|
+ }
|
|
|
+ if(this.sortOrder){
|
|
|
+ if(this.sortProp == 'providerCode'){
|
|
|
+ fomrs.sortProp = 'provider_code'
|
|
|
+ }else if(this.sortProp == 'providerName'){
|
|
|
+ fomrs.sortProp = 'provider_name'
|
|
|
+ }else if(this.sortProp == 'providerCategoryName'){
|
|
|
+ fomrs.sortProp = 'provider_category_name'
|
|
|
+ }
|
|
|
+
|
|
|
+ if(this.sortOrder == 'descending'){
|
|
|
+ fomrs.sortOrder = 0
|
|
|
+ }else if(this.sortOrder == 'ascending'){
|
|
|
+ fomrs.sortOrder = 1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.http.post('/provider-info/list', fomrs,
|
|
|
res => {
|
|
|
this.listLoading = false;
|
|
|
if (res.code == "ok") {
|