|
|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<!-- <changshang />--> |
|
|
|
<!-- <changshang />--> |
|
|
|
<div v-show="viewState == 1"> |
|
|
|
<button-bar view-title="厂商管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|
|
|
<div class="main-content"> |
|
|
|
@ -12,46 +12,46 @@ |
|
|
|
<el-select v-model="listQuery.params.manufacturerName" filterable class="filter-item" clearable |
|
|
|
placeholder="请选择厂商名称"> |
|
|
|
<el-option v-for="item in YongHu" :key="item.sid" :label="item.manufacturerName" |
|
|
|
:value="item.manufacturerName"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="厂商分类"> |
|
|
|
<el-select v-model="listQuery.params.supplierType" class="addinputw" placeholder="请选择厂商分类"> |
|
|
|
<el-option v-for="(item, index) in supplierType_list" :key="index.dictKey" :label="item.dictValue" |
|
|
|
:value="item.dictKey"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所属分公司"> |
|
|
|
<el-select v-model="listQuery.params.useOrgSid" class="filter-item" clearable placeholder="请选择所属分公司" |
|
|
|
style="width: 300px;"> |
|
|
|
<el-option v-for="item in useOrg_list" :key="item.sid" :label="item.name" |
|
|
|
:value="item.sid"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="厂商办公电话"> |
|
|
|
<el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" |
|
|
|
class="addinputw" clearable/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系人"> |
|
|
|
<el-input v-model="listQuery.params.contactName" maxlength="125" placeholder="" class="addinputw" |
|
|
|
clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div class="btn"> |
|
|
|
<el-button type="primary" size="medium" @click="handleFilter">查询</el-button> |
|
|
|
<el-button type="primary" size="medium" @click="handleReset">重置</el-button> |
|
|
|
:value="item.manufacturerName"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="厂商分类"> |
|
|
|
<el-select v-model="listQuery.params.supplierType" class="addinputw" placeholder="请选择厂商分类"> |
|
|
|
<el-option v-for="(item, index) in supplierType_list" :key="index.dictKey" :label="item.dictValue" |
|
|
|
:value="item.dictKey"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所属分公司"> |
|
|
|
<el-select v-model="listQuery.params.useOrgSid" class="filter-item" clearable placeholder="请选择所属分公司" |
|
|
|
style="width: 300px;"> |
|
|
|
<el-option v-for="item in useOrg_list" :key="item.sid" :label="item.name" |
|
|
|
:value="item.sid"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="厂商办公电话"> |
|
|
|
<el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" |
|
|
|
class="addinputw" clearable/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系人"> |
|
|
|
<el-input v-model="listQuery.params.contactName" maxlength="125" placeholder="" class="addinputw" |
|
|
|
clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div class="btn"> |
|
|
|
<el-button type="primary" size="medium" @click="handleFilter">查询</el-button> |
|
|
|
<el-button type="primary" size="medium" @click="handleReset">重置</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="listtop"> |
|
|
|
<div class="tit">厂商信息列表</div> |
|
|
|
<!-- 翻页分页 --> |
|
|
|
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|
|
|
class="pagination" @pagination="getList"/> |
|
|
|
</div> |
|
|
|
<div class="tit">厂商信息列表</div> |
|
|
|
<!-- 翻页分页 --> |
|
|
|
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|
|
|
class="pagination" @pagination="getList"/> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" border fit highlight-current-row |
|
|
|
style="width: 100%;" @selection-change="handleSelectionChange"> |
|
|
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" |
|
|
|
@selection-change="handleSelectionChange"> |
|
|
|
<el-table-column type="selection" align="center" width="50"/> |
|
|
|
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center"/> |
|
|
|
<el-table-column label="操作" fixed align="center" width="90px" class-name="small-padding fixed-width"> |
|
|
|
@ -97,22 +97,21 @@ |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div class="pages"> |
|
|
|
<!-- 翻页 --> |
|
|
|
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|
|
|
class="pagination" @pagination="getList"/> |
|
|
|
</div> |
|
|
|
<!-- 翻页 --> |
|
|
|
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|
|
|
class="pagination" @pagination="getList"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<changshangguanli-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" |
|
|
|
@reloadlist="handleFilter" /> |
|
|
|
<changshanglook v-show="viewState == 4" ref="divinfo" @doback="resetState" /> |
|
|
|
<changshangguanli-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" |
|
|
|
@reloadlist="handleFilter"/> |
|
|
|
<changshanglook v-show="viewState == 4" ref="divinfo" @doback="resetState"/> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import {mapGetters} from 'vuex' |
|
|
|
import {basefinbankExportExcel, deleteBySids, getNamesDownes, pagerList} from '@/api/jichuxinxi/basemanufacturer' //接口 |
|
|
|
import {setXiu} from '@/utils/baocun' //本地储存 |
|
|
|
import {typeValues} from '@/api/jichuxinxi/dictcommons' //数据字典的接口 |
|
|
|
@ -528,21 +527,21 @@ export default { |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
/deep/ .el-collapse { |
|
|
|
border-top: 0px solid #e6ebf5; |
|
|
|
border-bottom: 0px solid #e6ebf5; |
|
|
|
} |
|
|
|
/deep/ .el-collapse { |
|
|
|
border-top: 0px solid #e6ebf5; |
|
|
|
border-bottom: 0px solid #e6ebf5; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-collapse-item__content { |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
/deep/ .el-collapse-item__content { |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-collapse-item__wrap { |
|
|
|
border-bottom: 0px solid #ebeef5; |
|
|
|
} |
|
|
|
/deep/ .el-collapse-item__wrap { |
|
|
|
border-bottom: 0px solid #ebeef5; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-collapse-item__header { |
|
|
|
border-bottom: 0px solid #e6ebf5; |
|
|
|
} |
|
|
|
/deep/ .el-collapse-item__header { |
|
|
|
border-bottom: 0px solid #e6ebf5; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
Zhao Qiqi
3 years ago