|
|
|
|
@ -14,10 +14,33 @@
|
|
|
|
|
<el-input v-model="query.supplierName" placeholder="请输入" clearable> </el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="联系人">
|
|
|
|
|
<el-input v-model="query.contactName" placeholder="请输入" clearable> </el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<template v-if="showAll">
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="联系电话">
|
|
|
|
|
<el-input v-model="query.contactPhone" placeholder="请输入" clearable> </el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="供应商地点">
|
|
|
|
|
<el-input v-model="query.supplierSiteCode" placeholder="请输入" clearable> </el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</template>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
|
|
|
|
|
<el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
|
|
|
|
|
<el-button type="text" icon="el-icon-arrow-down" @click="showAll=true" v-if="!showAll">
|
|
|
|
|
展开
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button type="text" icon="el-icon-arrow-up" @click="showAll=false" v-else>
|
|
|
|
|
收起
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-form>
|
|
|
|
|
@ -43,17 +66,17 @@
|
|
|
|
|
<JNPF-table v-loading="listLoading" :data="list" @sort-change='sortChange' has-c @selection-change="handleSelectionChange">
|
|
|
|
|
<el-table-column prop="supplierCode" label="供应商编码" width="0" align="left"
|
|
|
|
|
sortable="custom" />
|
|
|
|
|
<el-table-column prop="supplierName" label="供应商名称" width="0" align="left"
|
|
|
|
|
sortable="custom" />
|
|
|
|
|
<el-table-column prop="supplierSiteId" label="供应商地点ID" width="0" align="left"
|
|
|
|
|
<el-table-column prop="companyId" label="所属公司" width="0" align="left"
|
|
|
|
|
sortable="custom" />
|
|
|
|
|
<el-table-column prop="supplierSiteCode" label="供应商地点名称" width="0" align="left"
|
|
|
|
|
sortable="custom" />
|
|
|
|
|
<el-table-column prop="companyId" label="公司名称" width="0" align="left"
|
|
|
|
|
<el-table-column prop="supplierName" label="供应商名称" width="0" align="left"
|
|
|
|
|
sortable="custom" />
|
|
|
|
|
<el-table-column prop="country" label="国家" width="0" align="left"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column prop="supply" label="供货指标" width="0" align="left"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column prop="province" label="省" width="0" align="left"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column prop="contactName" label="联系人" width="0" align="left"
|
|
|
|
|
sortable="custom" />
|
|
|
|
|
<el-table-column prop="contactPhone" label="联系电话" width="0" align="left"
|
|
|
|
|
sortable="custom" />
|
|
|
|
|
<el-table-column label="供应商等级" width="0" prop="supplierLevel" algin="left"
|
|
|
|
|
sortable="custom" >
|
|
|
|
|
@ -61,26 +84,66 @@
|
|
|
|
|
{{ scope.row.supplierLevel | dynamicText(supplierLevelOptions) }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="contactPhone" label="联系电话" width="0" align="left"
|
|
|
|
|
sortable="custom" />
|
|
|
|
|
<el-table-column label="供应商性质" width="0" prop="enterprise" algin="left"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.enterprise | dynamicText(enterpriseOptions) }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="address" label="地址" width="0" align="left"
|
|
|
|
|
sortable="custom" />
|
|
|
|
|
<el-table-column prop="status" label="启用" width="0" align="left" sortable="custom" >
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-tag type="success" disable-transitions v-if="scope.row.status == '1'">启用
|
|
|
|
|
</el-tag>
|
|
|
|
|
<el-tag type="danger" disable-transitions v-else>停用</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="供应商类型" width="0" prop="classification" algin="left"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.classification | dynamicText(classificationOptions) }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="bank" label="开户行" width="0" align="left"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column prop="vatRegistrationNum" label="纳税编号" width="0" align="left"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column prop="bankAccount" label="银行账户" width="0" align="left"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column label="默认税码" width="0" prop="taxCode" algin="left"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.taxCode | dynamicText(taxCodeOptions) }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="payable" label="应付科目" width="0" align="left"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column label="是否采购" width="0" prop="isPurchase" algin="left"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.isPurchase | dynamicText(isPurchaseOptions) }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="prepaid" label="预付科目" width="0" align="left"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column label="是否付款" width="0" prop="isPayment" algin="left"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.isPayment | dynamicText(isPaymentOptions) }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="是否启用" width="0" prop="status" algin="left"
|
|
|
|
|
sortable="custom" >
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.status | dynamicText(statusOptions) }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="supplierSiteCode" label="供应商地点" width="0" align="left"
|
|
|
|
|
sortable="custom" />
|
|
|
|
|
<el-table-column label="操作" fixed="right"
|
|
|
|
|
width="150" >
|
|
|
|
|
width="100" >
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button type="text"
|
|
|
|
|
@click="addOrUpdateHandle(scope.row.id)" >编辑
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button type="text" class="JNPF-table-delBtn" @click="handleDel(scope.row.id)">删除
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button type="text"
|
|
|
|
|
@click="goDetail(scope.row.id)">详情
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</JNPF-table>
|
|
|
|
|
@ -105,10 +168,14 @@ width="150" >
|
|
|
|
|
components: {JNPFForm, ExportBox,Detail},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
showAll: false,
|
|
|
|
|
detailVisible: false,
|
|
|
|
|
query: {
|
|
|
|
|
supplierCode:undefined,
|
|
|
|
|
supplierName:undefined,
|
|
|
|
|
contactName:undefined,
|
|
|
|
|
contactPhone:undefined,
|
|
|
|
|
supplierSiteCode:undefined,
|
|
|
|
|
},
|
|
|
|
|
treeProps: {
|
|
|
|
|
children: 'children',
|
|
|
|
|
@ -122,24 +189,48 @@ width="150" >
|
|
|
|
|
currentPage: 1,
|
|
|
|
|
pageSize: 20,
|
|
|
|
|
sort: "desc",
|
|
|
|
|
sidx: "supplierCode",
|
|
|
|
|
sidx: "creatorTime",
|
|
|
|
|
},
|
|
|
|
|
formVisible: false,
|
|
|
|
|
exportBoxVisible: false,
|
|
|
|
|
columnList: [
|
|
|
|
|
{prop: 'supplierCode', label: '供应商编码'},
|
|
|
|
|
{prop: 'companyId', label: '所属公司'},
|
|
|
|
|
{prop: 'supplierName', label: '供应商名称'},
|
|
|
|
|
{prop: 'supplierSiteId', label: '供应商地点ID'},
|
|
|
|
|
{prop: 'supplierSiteCode', label: '供应商地点名称'},
|
|
|
|
|
{prop: 'companyId', label: '公司名称'},
|
|
|
|
|
{prop: 'country', label: '国家'},
|
|
|
|
|
{prop: 'supply', label: '供货指标'},
|
|
|
|
|
{prop: 'province', label: '省'},
|
|
|
|
|
{prop: 'contactName', label: '联系人'},
|
|
|
|
|
{prop: 'contactPhone', label: '联系电话'},
|
|
|
|
|
{prop: 'supplierLevel', label: '供应商等级'},
|
|
|
|
|
{prop: 'contactPhone', label: '联系电话'},
|
|
|
|
|
{prop: 'enterprise', label: '供应商性质'},
|
|
|
|
|
{prop: 'address', label: '地址'},
|
|
|
|
|
{prop: 'status', label: '启用'},
|
|
|
|
|
{prop: 'classification', label: '供应商类型'},
|
|
|
|
|
{prop: 'bank', label: '开户行'},
|
|
|
|
|
{prop: 'vatRegistrationNum', label: '纳税编号'},
|
|
|
|
|
{prop: 'bankAccount', label: '银行账户'},
|
|
|
|
|
{prop: 'taxCode', label: '默认税码'},
|
|
|
|
|
{prop: 'payable', label: '应付科目'},
|
|
|
|
|
{prop: 'isPurchase', label: '是否采购'},
|
|
|
|
|
{prop: 'prepaid', label: '预付科目'},
|
|
|
|
|
{prop: 'isPayment', label: '是否付款'},
|
|
|
|
|
{prop: 'status', label: '是否启用'},
|
|
|
|
|
{prop: 'supplierSiteCode', label: '供应商地点'},
|
|
|
|
|
],
|
|
|
|
|
supplierLevelOptions:[{"fullName":"一级","id":"1"},{"fullName":"二级","id":"2"},{"fullName":"三级","id":"3"},{"fullName":"四级","id":"4"}],
|
|
|
|
|
supplierLevelProps:{"label":"fullName","value":"id"},
|
|
|
|
|
enterpriseOptions:[{"fullName":"民营","id":"0"},{"fullName":"私营","id":"1"}],
|
|
|
|
|
enterpriseProps:{"label":"fullName","value":"id"},
|
|
|
|
|
classificationOptions:[{"fullName":"国内","id":"0"},{"fullName":"国外","id":"1"}],
|
|
|
|
|
classificationProps:{"label":"fullName","value":"id"},
|
|
|
|
|
taxCodeOptions:[{"fullName":"13个点","id":"0"},{"fullName":"9个点","id":"1"},{"fullName":"6个点","id":"2"},{"fullName":"5个点","id":"3"}],
|
|
|
|
|
taxCodeProps:{"label":"fullName","value":"id"},
|
|
|
|
|
isPurchaseOptions:[{"fullName":"否","id":"0"},{"fullName":"是","id":"1"}],
|
|
|
|
|
isPurchaseProps:{"label":"fullName","value":"id"},
|
|
|
|
|
isPaymentOptions:[{"fullName":"否","id":"0"},{"fullName":"是","id":"1"}],
|
|
|
|
|
isPaymentProps:{"label":"fullName","value":"id"},
|
|
|
|
|
statusOptions:[{"fullName":"启用","id":"1"},{"fullName":"停用","id":"2"}],
|
|
|
|
|
statusProps:{"label":"fullName","value":"id"},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
@ -170,7 +261,7 @@ width="150" >
|
|
|
|
|
menuId:this.menuId
|
|
|
|
|
};
|
|
|
|
|
request({
|
|
|
|
|
url: `/api/supplier/Supplier/getList`,
|
|
|
|
|
url: `/api/example/Supplier/getList`,
|
|
|
|
|
method: 'post',
|
|
|
|
|
data: _query
|
|
|
|
|
}).then(res => {
|
|
|
|
|
@ -190,7 +281,7 @@ width="150" >
|
|
|
|
|
type: 'warning'
|
|
|
|
|
}).then(() => {
|
|
|
|
|
request({
|
|
|
|
|
url: `/api/supplier/Supplier/${id}`,
|
|
|
|
|
url: `/api/example/Supplier/${id}`,
|
|
|
|
|
method: 'DELETE'
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.$message({
|
|
|
|
|
@ -222,7 +313,7 @@ width="150" >
|
|
|
|
|
type: 'warning'
|
|
|
|
|
}).then(() => {
|
|
|
|
|
request({
|
|
|
|
|
url: `/api/supplier/Supplier/batchRemove/${ids}`,
|
|
|
|
|
url: `/api/example/Supplier/batchRemove/${ids}`,
|
|
|
|
|
method: 'DELETE'
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.$message({
|
|
|
|
|
@ -251,7 +342,7 @@ width="150" >
|
|
|
|
|
download(data) {
|
|
|
|
|
let query = {...data, ...this.listQuery, ...this.query,menuId:this.menuId}
|
|
|
|
|
request({
|
|
|
|
|
url: `/api/supplier/Supplier/Actions/Export`,
|
|
|
|
|
url: `/api/example/Supplier/Actions/Export`,
|
|
|
|
|
method: 'GET',
|
|
|
|
|
data: query
|
|
|
|
|
}).then(res => {
|
|
|
|
|
@ -266,7 +357,7 @@ width="150" >
|
|
|
|
|
currentPage: 1,
|
|
|
|
|
pageSize: 20,
|
|
|
|
|
sort: "desc",
|
|
|
|
|
sidx: "supplierCode",
|
|
|
|
|
sidx: "creatorTime",
|
|
|
|
|
}
|
|
|
|
|
this.initData()
|
|
|
|
|
},
|
|
|
|
|
|
chuang
2 years ago