<template>
|
<section>
|
<!--工具条-->
|
<SearchBar
|
:buttonList="buttonList"
|
@callFunction="callFunction"
|
></SearchBar>
|
|
<div class="hideBox">
|
<!--列表-->
|
<el-table
|
:data="WMSupplier"
|
highlight-current-row
|
@current-change="selectCurrentRow"
|
v-loading="listLoading"
|
@selection-change="selsChange"
|
@select="selsChangeOne"
|
border
|
ref="multipleTable"
|
style="width: 100%"
|
>
|
<el-table-column type="selection" width="50"></el-table-column>
|
<el-table-column type="index" width="50"></el-table-column>
|
<el-table-column
|
prop="TypeNames"
|
label="供应商类型"
|
width="150"
|
sortable
|
>
|
<template slot-scope="scope">
|
<el-tag v-for="item in scope.row.TypeNames" :key="item.Id">{{
|
item
|
}}</el-tag> </template
|
><!--供应商名称，统一代码，供应商属性，供应商类型，支付方式，主营产品，结算方式-->
|
</el-table-column>
|
<el-table-column
|
prop="Name"
|
label="供应商名称"
|
width="200"
|
sortable
|
></el-table-column>
|
<!-- <el-table-column prop="ShortName" label="简称" width="150" sortable></el-table-column> -->
|
<el-table-column
|
prop="SupplierAttributes"
|
label="供应商属性"
|
width="150"
|
sortable
|
></el-table-column>
|
<el-table-column
|
prop="MainProducts"
|
label="主营产品"
|
width="150"
|
sortable
|
></el-table-column>
|
<!-- <el-table-column prop="LegalRepresentative" label="法定代表人" width="150" sortable></el-table-column>
|
<el-table-column prop="LegalTelephone" label="法定电话" width="150" sortable></el-table-column>
|
<el-table-column prop="Position" label="职位" width="150" sortable></el-table-column>
|
<el-table-column prop="WeChat" label="微信" width="150" sortable></el-table-column>
|
<el-table-column prop="LeadTime" label="交货周期" width="150" sortable></el-table-column> -->
|
<el-table-column
|
prop="SettlementmMethod"
|
label="结算方式"
|
width="80"
|
sortable
|
></el-table-column>
|
<el-table-column
|
prop="PayType"
|
label="支付方式"
|
width="150"
|
sortable
|
></el-table-column>
|
<!-- <el-table-column prop="TaxRate" label="税率" width="150" sortable></el-table-column>
|
<el-table-column prop="InvoiceType" label="发票类型" width="150" sortable></el-table-column>
|
<el-table-column prop="Grade" label="等级" width="150" sortable></el-table-column>
|
<el-table-column prop="IsCooperation" label="是否合作" width="150" sortable>
|
<template slot-scope="scope">
|
<el-tag
|
:type="scope.row.IsCooperation ? 'success' : 'danger'"
|
disable-transitions
|
>{{scope.row.IsCooperation ? "是":"否"}}</el-tag>
|
</template>
|
</el-table-column> -->
|
<!-- <el-table-column prop="DateofEstablishment" label="成立日期" width="150" sortable></el-table-column>
|
<el-table-column prop="RegisteredCapital" label="注册资本" width="150" sortable></el-table-column>
|
<el-table-column prop="BusinessScope" label="经营范围" width="300" sortable></el-table-column>
|
<el-table-column prop="ConstactPerson" label="联系人" width="100" sortable></el-table-column>
|
<el-table-column prop="Phone" label="手机" width="120" sortable></el-table-column>
|
<el-table-column prop="Address" label="地址" width sortable></el-table-column> -->
|
<el-table-column
|
prop="UnifiedCode"
|
label="统一代码"
|
width="120"
|
sortable
|
></el-table-column>
|
<el-table-column prop="FileUrl" label="合同" width="80" sortable>
|
<template slot-scope="scope">
|
<a
|
v-if="scope.row.FileUrl1"
|
:href="scope.row.FileUrl1"
|
target="_blank"
|
>查看1</a
|
>
|
<a
|
v-if="scope.row.FileUrl2"
|
:href="scope.row.FileUrl2"
|
target="_blank"
|
>查看2</a
|
>
|
<a
|
v-if="scope.row.FileUrl3"
|
:href="scope.row.FileUrl3"
|
target="_blank"
|
>查看3</a
|
>
|
<a
|
v-if="scope.row.FileUrl4"
|
:href="scope.row.FileUrl4"
|
target="_blank"
|
>查看4</a
|
>
|
<a
|
v-if="scope.row.FileUrl5"
|
:href="scope.row.FileUrl5"
|
target="_blank"
|
>查看5</a
|
>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="PostalCode"
|
label="单位邮箱"
|
width="120"
|
sortable
|
></el-table-column>
|
<el-table-column
|
prop="CreatedName"
|
label="创建人"
|
width="120"
|
sortable
|
></el-table-column>
|
<el-table-column
|
prop="CreatedTime"
|
label="创建时间"
|
:formatter="formatDateTime"
|
width="150"
|
sortable
|
></el-table-column>
|
<el-table-column prop="IsEnable" label="状态" width="100" sortable>
|
<template slot-scope="scope">
|
<el-tag
|
:type="scope.row.IsEnable ? 'success' : 'danger'"
|
disable-transitions
|
>{{ scope.row.IsEnable ? "启用" : "禁用" }}</el-tag
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
|
<!--工具条-->
|
<el-col :span="24" class="toolbar">
|
<!-- <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button> -->
|
<el-pagination
|
layout="prev, pager, next"
|
@current-change="handleCurrentChange"
|
:page-size="20"
|
:total="total"
|
style="float: right"
|
></el-pagination>
|
</el-col>
|
|
<!--编辑界面-->
|
<el-dialog
|
title="编辑"
|
:visible.sync="editFormVisible"
|
v-model="editFormVisible"
|
:close-on-click-modal="false"
|
>
|
<el-form
|
:model="editForm"
|
label-width="110px"
|
:rules="editFormRules"
|
ref="editForm"
|
>
|
<el-form-item label="供应商名称" prop="Name">
|
<el-input
|
v-model="editForm.Name"
|
placeholder="请输入供应商名称"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="简称" prop="ShortName">
|
<el-input
|
v-model="editForm.ShortName"
|
placeholder="请输入简称"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="供应商类型" prop="TypeIDs">
|
<el-select
|
multiple
|
v-model="editForm.TypeIDs"
|
placeholder="请选择供应商类型"
|
style="width: 800px"
|
>
|
<el-option
|
:key="0"
|
:label="'未选择供应商类型'"
|
:value="0"
|
></el-option>
|
<el-option
|
v-for="item in wMSupplierTypeModules"
|
:key="item.OASupplierTypeId"
|
:value="item.OASupplierTypeId"
|
:label="item.SupTypeName"
|
>
|
<span style="float: left">{{ item.SupTypeName }}</span>
|
<span style="float: right; color: #8492a6; font-size: 13px"
|
>{{ item.LevelId }}级</span
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="联系人" prop="ConstactPerson">
|
<el-input
|
v-model="editForm.ConstactPerson"
|
placeholder="请输入联系人"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="手机" prop="ConstactPerson">
|
<el-input
|
v-model="editForm.Phone"
|
placeholder="请输入手机"
|
oninput="value=value.replace(/[^\d]/g,'')"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="经营地址" prop="Address">
|
<el-input
|
v-model="editForm.Address"
|
placeholder="请输入经营地址"
|
></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="统一代码" prop="UnifiedCode">
|
<el-input
|
v-model="editForm.UnifiedCode"
|
placeholder="请输入统一代码"
|
></el-input>
|
</el-form-item> -->
|
<el-form-item label="供应商属性" prop="SupplierAttributes">
|
<el-input
|
v-model="editForm.SupplierAttributes"
|
placeholder="请输入供应商属性"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="支付方式" prop="PayType">
|
<el-input
|
v-model="editForm.PayType"
|
placeholder="请输入支付方式，例如：月结/现金"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="注册资本" prop="RegisteredCapital">
|
<el-input
|
v-model="editForm.RegisteredCapital"
|
placeholder="请输入注册资本"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="经营范围" prop="BusinessScope">
|
<el-input
|
v-model="editForm.BusinessScope"
|
placeholder="请输入经营范围"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="成立日期" prop="DateofEstablishment">
|
<el-input
|
v-model="editForm.DateofEstablishment"
|
placeholder="请输入成立日期"
|
></el-input>
|
</el-form-item>
|
|
<el-form-item label="是否合作" prop="IsCooperation">
|
<el-select
|
v-model="editForm.IsCooperation"
|
placeholder="请选择是否合作"
|
>
|
<el-option
|
v-for="item in CooperationList"
|
:key="item.value"
|
:label="item.name"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="等级" prop="Grade">
|
<el-input
|
v-model="editForm.Grade"
|
placeholder="请输入等级"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="发票类型" prop="InvoiceType">
|
<el-input
|
v-model="editForm.InvoiceType"
|
placeholder="请输入发票类型"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="税率" prop="TaxRate">
|
<el-input
|
v-model.number="editForm.TaxRate"
|
placeholder="请输入税率"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="结算方式" prop="SettlementmMethod">
|
<el-input
|
v-model="editForm.SettlementmMethod"
|
placeholder="请输入结算方式，例如：月结/现金"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="交货周期" prop="LeadTime">
|
<el-input
|
v-model="editForm.LeadTime"
|
placeholder="请输入交货周期"
|
oninput="value=value.replace(/[^\d]/g,'')"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="法定代表人" prop="LegalRepresentative">
|
<el-input
|
v-model="editForm.LegalRepresentative"
|
placeholder="请输入法定代表人"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="法定电话" prop="LegalTelephone">
|
<el-input
|
v-model="editForm.LegalTelephone"
|
placeholder="请输入法定电话"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="职位" prop="Position">
|
<el-input
|
v-model="editForm.Position"
|
placeholder="请输入职位"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="微信" prop="WeChat">
|
<el-input
|
v-model="editForm.WeChat"
|
placeholder="请输入微信"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="已合作产品" prop="MainProducts">
|
<el-input
|
v-model="editForm.MainProducts"
|
placeholder="请输入已合作产品"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="合同1" prop="FileUrl1">
|
<el-input
|
v-model="editForm.FileUrl1"
|
placeholder="请上传合同1"
|
style="width: 90%"
|
:disabled="true"
|
></el-input>
|
<el-upload
|
style="float: right"
|
action="/api/File/UploadFile"
|
:show-file-list="false"
|
:on-success="editUploadContract1"
|
:before-upload="uploadContractBefore"
|
>
|
<el-button>上传</el-button>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="合同2" prop="FileUrl2">
|
<el-input
|
v-model="editForm.FileUrl2"
|
placeholder="请上传合同2"
|
style="width: 90%"
|
:disabled="true"
|
></el-input>
|
<el-upload
|
style="float: right"
|
action="/api/File/UploadFile"
|
:show-file-list="false"
|
:on-success="editUploadContract2"
|
:before-upload="uploadContractBefore"
|
>
|
<el-button>上传</el-button>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="合同3" prop="FileUrl3">
|
<el-input
|
v-model="editForm.FileUrl3"
|
placeholder="请上传合同3"
|
style="width: 90%"
|
:disabled="true"
|
></el-input>
|
<el-upload
|
style="float: right"
|
action="/api/File/UploadFile"
|
:show-file-list="false"
|
:on-success="editUploadContract3"
|
:before-upload="uploadContractBefore"
|
>
|
<el-button>上传</el-button>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="合同4" prop="FileUrl4">
|
<el-input
|
v-model="editForm.FileUrl4"
|
placeholder="请上传合同4"
|
style="width: 90%"
|
:disabled="true"
|
></el-input>
|
<el-upload
|
style="float: right"
|
action="/api/File/UploadFile"
|
:show-file-list="false"
|
:on-success="editUploadContract4"
|
:before-upload="uploadContractBefore"
|
>
|
<el-button>上传</el-button>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="合同5" prop="FileUrl5">
|
<el-input
|
v-model="editForm.FileUrl5"
|
placeholder="请上传合同5"
|
style="width: 90%"
|
:disabled="true"
|
></el-input>
|
<el-upload
|
style="float: right"
|
action="/api/File/UploadFile"
|
:show-file-list="false"
|
:on-success="editUploadContract5"
|
:before-upload="uploadContractBefore"
|
>
|
<el-button>上传</el-button>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="单位邮箱" prop="PostalCode">
|
<el-input
|
v-model="editForm.PostalCode"
|
placeholder="请输入单位邮箱"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="状态" prop="IsEnable">
|
<el-select v-model="editForm.IsEnable" placeholder="请选择状态">
|
<el-option
|
v-for="item in statusList"
|
:key="item.value"
|
:label="item.name"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
<el-button @click.native="editFormVisible = false">取消</el-button>
|
<el-button
|
type="primary"
|
@click.native="editSubmit"
|
:loading="editLoading"
|
>提交</el-button
|
>
|
</div>
|
</el-dialog>
|
|
<!--新增界面-->
|
<el-dialog
|
title="新增"
|
:visible.sync="addFormVisible"
|
v-model="addFormVisible"
|
:close-on-click-modal="false"
|
>
|
<el-form
|
:model="addForm"
|
label-width="110px"
|
:rules="addFormRules"
|
ref="addForm"
|
>
|
<el-form-item label="供应商名称" prop="Name">
|
<el-input
|
v-model="addForm.Name"
|
placeholder="请输入供应商名称"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="简称" prop="ShortName">
|
<el-input
|
v-model="addForm.ShortName"
|
placeholder="请输入简称"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="供应商类型" prop="ArrayType">
|
<el-select
|
style="width: 100%"
|
multiple
|
v-model="addForm.ArrayType"
|
filterable
|
placeholder="请选择供应商类型"
|
>
|
<el-option
|
v-for="item in wMSupplierTypeModules"
|
:key="item.OASupplierTypeId"
|
:value="item.OASupplierTypeId"
|
:label="item.SupTypeName"
|
>
|
<span style="float: left">{{ item.SupTypeName }}</span>
|
<span style="float: right; color: #8492a6; font-size: 13px"
|
>{{ item.LevelId }}级</span
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="联系人" prop="ConstactPerson">
|
<el-input
|
v-model="addForm.ConstactPerson"
|
placeholder="请输入联系人"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="手机" prop="ConstactPerson">
|
<el-input
|
v-model="addForm.Phone"
|
placeholder="请输入手机"
|
oninput="value=value.replace(/[^\d]/g,'')"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="经营地址" prop="Address">
|
<el-input
|
v-model="addForm.Address"
|
placeholder="请输入经营地址"
|
></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="统一代码" prop="UnifiedCode">
|
<el-input
|
v-model="addForm.UnifiedCode"
|
placeholder="请输入统一代码"
|
></el-input>
|
</el-form-item> -->
|
<el-form-item label="供应商属性" prop="SupplierAttributes">
|
<el-input
|
v-model="addForm.SupplierAttributes"
|
placeholder="请输入供应商属性"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="支付方式" prop="PayType">
|
<el-input
|
v-model="addForm.PayType"
|
placeholder="请输入支付方式，例如：月结/现金"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="注册资本" prop="RegisteredCapital">
|
<el-input
|
v-model="addForm.RegisteredCapital"
|
placeholder="请输入注册资本"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="经营范围" prop="BusinessScope">
|
<el-input
|
type="textarea"
|
v-model="addForm.BusinessScope"
|
placeholder="请输入经营范围"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="成立日期" prop="DateofEstablishment">
|
<el-input
|
v-model="addForm.DateofEstablishment"
|
placeholder="请输入成立日期"
|
></el-input>
|
</el-form-item>
|
|
<el-form-item label="是否合作" prop="IsCooperation">
|
<el-radio-group v-model="addForm.IsCooperation">
|
<el-radio class="radio" :label="1">是</el-radio>
|
<el-radio class="radio" :label="0">否</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="等级" prop="Grade">
|
<el-input v-model="addForm.Grade" placeholder="请输入等级"></el-input>
|
</el-form-item>
|
<el-form-item label="发票类型" prop="InvoiceType">
|
<el-input
|
v-model="addForm.InvoiceType"
|
placeholder="请输入发票类型"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="税率" prop="TaxRate">
|
<el-input
|
v-model.number="addForm.TaxRate"
|
placeholder="请输入税率"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="结算方式" prop="SettlementmMethod">
|
<el-input
|
v-model="addForm.SettlementmMethod"
|
placeholder="请输入结算方式，例如：月结/现金"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="交货周期" prop="LeadTime">
|
<el-input
|
v-model="addForm.LeadTime"
|
placeholder="请输入交货周期"
|
oninput="value=value.replace(/[^\d]/g,'')"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="法定代表人" prop="LegalRepresentative">
|
<el-input
|
v-model="addForm.LegalRepresentative"
|
placeholder="请输入法定代表人"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="法定电话" prop="LegalTelephone">
|
<el-input
|
v-model="addForm.LegalTelephone"
|
placeholder="请输入法定电话"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="职位" prop="Position">
|
<el-input
|
v-model="addForm.Position"
|
placeholder="请输入职位"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="微信" prop="WeChat">
|
<el-input
|
v-model="addForm.WeChat"
|
placeholder="请输入微信"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="已合作产品" prop="MainProducts">
|
<el-input
|
v-model="addForm.MainProducts"
|
placeholder="请输入已合作产品"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="合同1" prop="FileUrl1">
|
<el-input
|
v-model="addForm.FileUrl1"
|
placeholder="请上传合同1"
|
style="width: 90%"
|
:disabled="true"
|
></el-input>
|
<el-upload
|
style="float: right"
|
action="/api/File/UploadFile"
|
:show-file-list="false"
|
:on-success="addUploadContract1"
|
:before-upload="uploadContractBefore"
|
>
|
<el-button>上传</el-button>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="合同2" prop="FileUrl2">
|
<el-input
|
v-model="addForm.FileUrl2"
|
placeholder="请上传合同2"
|
style="width: 90%"
|
:disabled="true"
|
></el-input>
|
<el-upload
|
style="float: right"
|
action="/api/File/UploadFile"
|
:show-file-list="false"
|
:on-success="addUploadContract2"
|
:before-upload="uploadContractBefore"
|
>
|
<el-button>上传</el-button>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="合同3" prop="FileUrl3">
|
<el-input
|
v-model="addForm.FileUrl3"
|
placeholder="请上传合同3"
|
style="width: 90%"
|
:disabled="true"
|
></el-input>
|
<el-upload
|
style="float: right"
|
action="/api/File/UploadFile"
|
:show-file-list="false"
|
:on-success="addUploadContract3"
|
:before-upload="uploadContractBefore"
|
>
|
<el-button>上传</el-button>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="合同4" prop="FileUrl4">
|
<el-input
|
v-model="addForm.FileUrl4"
|
placeholder="请上传合同4"
|
style="width: 90%"
|
:disabled="true"
|
></el-input>
|
<el-upload
|
style="float: right"
|
action="/api/File/UploadFile"
|
:show-file-list="false"
|
:on-success="addUploadContract4"
|
:before-upload="uploadContractBefore"
|
>
|
<el-button>上传</el-button>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="合同5" prop="FileUrl5">
|
<el-input
|
v-model="addForm.FileUrl5"
|
placeholder="请上传合同5"
|
style="width: 90%"
|
:disabled="true"
|
></el-input>
|
<el-upload
|
style="float: right"
|
action="/api/File/UploadFile"
|
:show-file-list="false"
|
:on-success="addUploadContract5"
|
:before-upload="uploadContractBefore"
|
>
|
<el-button>上传</el-button>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="单位邮箱" prop="PostalCode">
|
<el-input
|
v-model="addForm.PostalCode"
|
placeholder="请输入单位邮箱"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="状态" prop="IsEnable">
|
<el-radio-group v-model="addForm.IsEnable">
|
<el-radio class="radio" :label="1">启用</el-radio>
|
<el-radio class="radio" :label="0">禁用</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
<el-button @click.native="addFormVisible = false">取消</el-button>
|
<el-button
|
type="primary"
|
@click.native="addSubmit"
|
:loading="addLoading"
|
>提交</el-button
|
>
|
</div>
|
</el-dialog>
|
|
<!--导入界面-->
|
<el-dialog
|
title="导入"
|
:visible.sync="importFormVisible"
|
v-model="importFormVisible"
|
:close-on-click-modal="false"
|
>
|
<form id="upFileBox" style="display: inline-block">
|
<input
|
class="upload-demo"
|
id="inputId"
|
type="file"
|
ref="files"
|
style="width: 268px"
|
/>
|
</form>
|
|
<el-button
|
class="el-icon-upload"
|
type="primary"
|
@click="submitForm($event)"
|
v-loading.fullscreen.lock="uploading"
|
element-loading-text="拼命导入中....."
|
element-loading-spinner="el-icon-loading"
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
>导入表格</el-button
|
>
|
</el-dialog>
|
<el-dialog title="同步"
|
:visible.sync="OAIdFormVisible"
|
v-model="OAIdFormVisible"
|
:close-on-click-modal="false">
|
<el-button
|
class="el-icon-upload"
|
type="primary"
|
@click="editOASubmit($event)"
|
v-loading.fullscreen.lock="OAuploading"
|
element-loading-text="拼命同步中....."
|
element-loading-spinner="el-icon-loading"
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
>同步数据</el-button>
|
</el-dialog>
|
</section>
|
</template>
|
<style >
|
.hideBox .el-table thead .el-checkbox__input {
|
display: none !important;
|
}
|
</style>
|
|
<script>
|
import util from "../../../../util/date";
|
import SearchBar from "./SearchBar";
|
import {
|
testapi,
|
getWMSupplierListPage, //查询
|
removeWMSupplier, //删除
|
batchRemoveUser, //批量删除
|
editWMSupplier, //编辑
|
addWMSupplier, //增加
|
ExportWMSupplier, //导出
|
getSelectWMSupplierTypeListPage, //供应商分类
|
uploadSupplier, // 上传文件
|
editOAWMSupplier,//同步OA供应商
|
} from "../../../api/api";
|
import { getButtonList } from "../../../promissionRouter";
|
import date from "../../../../util/date";
|
export default {
|
components: { SearchBar },
|
data() {
|
return {
|
filters: {
|
name: "",
|
startdate: "", //开始时间
|
enddate: "", //结束时间
|
},
|
WMSupplier: [],
|
wMSupplierTypeModules: [], //供应商类型下拉框
|
total: 0,
|
buttonList: [],
|
statusList: [
|
{ name: "启用", value: true },
|
{ name: "禁用", value: false },
|
],
|
CooperationList: [
|
{ name: "是", value: true },
|
{ name: "否", value: false },
|
],
|
currentRow: null,
|
page: 1,
|
listLoading: false,
|
sels: [], //列表选中列
|
//编辑
|
editFormVisible: false, //编辑界面是否显示
|
editLoading: false,
|
editFormRules: {
|
Name: [
|
{ required: true, message: "请输入供应商名称!", trigger: "blur" },
|
],
|
// UnifiedCode: [
|
// { required: true, message: "请输入统一代码!", trigger: "blur" },
|
// ],
|
SupplierAttributes: [
|
{ required: true, message: "请输入供应商属性!", trigger: "blur" },
|
],
|
TypeIDs: [
|
{ required: true, message: "请输入供应类型!", trigger: "blur" },
|
],
|
PayType: [
|
{ required: true, message: "请输入支付方式!", trigger: "blur" },
|
],
|
MainProducts: [
|
{ required: true, message: "请输入已合作产品!", trigger: "blur" },
|
],
|
SettlementmMethod: [
|
{ required: true, message: "请输入结算方式!", trigger: "blur" },
|
],
|
InvoiceType: [
|
{ required: true, message: "请输入发票类型!", trigger: "blur" },
|
],
|
TaxRate: [{ required: true, message: "请输入税率!", trigger: "blur" }],
|
Phone: [{ required: true, message: "请输入手机号!", trigger: "blur" }],
|
|
IsCooperation: [
|
{ required: true, message: "请选择是否合作!", trigger: "blur" },
|
],
|
|
Address: [
|
{ required: true, message: "请输入经营地址!", trigger: "blur" },
|
],
|
RegisteredCapital: [
|
{ required: true, message: "请输入注册资本!", trigger: "blur" },
|
],
|
BusinessScope: [
|
{ required: true, message: "请输入经营范围!", trigger: "blur" },
|
],
|
DateofEstablishment: [
|
{ required: true, message: "请输入成立日期!", trigger: "blur" },
|
],
|
|
},
|
|
//编辑界面数据
|
editForm: {
|
IsEnable: -1,
|
},
|
//新增
|
addDialogFormVisible: false,
|
addFormVisible: false, //新增界面是否显示
|
addLoading: false,
|
addFormRules: {
|
Name: [
|
{ required: true, message: "请输入供应商名称!", trigger: "blur" },
|
],
|
// UnifiedCode: [
|
// { required: true, message: "请输入统一代码!", trigger: "blur" },
|
// ],
|
SupplierAttributes: [
|
{ required: true, message: "请输入供应商属性!", trigger: "blur" },
|
],
|
ArrayType: [
|
{ required: true, message: "请输入供应类型!", trigger: "blur" },
|
],
|
PayType: [
|
{ required: true, message: "请输入支付方式!", trigger: "blur" },
|
],
|
MainProducts: [
|
{ required: true, message: "请输入已合作产品!", trigger: "blur" },
|
],
|
SettlementmMethod: [
|
{ required: true, message: "请输入结算方式!", trigger: "blur" },
|
],
|
InvoiceType: [
|
{ required: true, message: "请输入发票类型!", trigger: "blur" },
|
],
|
TaxRate: [{ required: true, message: "请输入税率!", trigger: "blur" }],
|
Phone: [{ required: true, message: "请输入手机号!", trigger: "blur" }],
|
|
IsCooperation: [
|
{ required: true, message: "请选择是否合作!", trigger: "blur" },
|
],
|
Address: [
|
{ required: true, message: "请输入经营地址!", trigger: "blur" },
|
],
|
RegisteredCapital: [
|
{ required: true, message: "请输入注册资本!", trigger: "blur" },
|
],
|
BusinessScope: [
|
{ required: true, message: "请输入经营范围!", trigger: "blur" },
|
],
|
DateofEstablishment: [
|
{ required: true, message: "请输入成立日期!", trigger: "blur" },
|
],
|
|
},
|
//新增界面数据
|
addForm: {},
|
//导入
|
importFormVisible: false, //导入界面是否显示
|
uploading: false, //导入加载显示
|
OAIdFormVisible:false,//同步oaid按钮页面是否显示
|
OAuploading:false,
|
fileList: [],
|
//动态增减合同
|
dynamicValidateForm: {
|
domains: [
|
{
|
value: "",
|
num: 0,
|
},
|
],
|
},
|
};
|
},
|
methods: {
|
selsChangeOne(selection, row) {
|
this.currentRow = row;
|
this.$refs.multipleTable.clearSelection();
|
this.$refs.multipleTable.toggleRowSelection(row);
|
this.$refs.multipleTable.setCurrentRow(row);
|
this.selectCurrentRow(row);
|
},
|
selectCurrentRow(val) {
|
this.currentRow = val;
|
this.$refs.multipleTable.clearSelection();
|
this.$refs.multipleTable.toggleRowSelection(val);
|
},
|
callFunction(item) {
|
this.filters = {
|
name: item.nameSearch,
|
startdate: item.startdateSearch, //开始时间
|
enddate: item.enddateSearch, //结束时间
|
};
|
this[item.Func].apply(this, item);
|
},
|
formatDateTime: function (row, column) {
|
return !row.CreatedTime || row.CreatedTime == ""
|
? ""
|
: util.formatDate.format(new Date(row.CreatedTime), "yyyy-MM-dd hh:mm");
|
},
|
handleCurrentChange(val) {
|
this.page = val;
|
this.getWMSupplier();
|
},
|
//获取供应商列表
|
getWMSupplier() {
|
let para = {
|
page: this.page,
|
key: this.filters.name, //供应商名称
|
startdate: this.filters.startdate, //开始时间
|
enddate: this.filters.enddate, //结束时间
|
};
|
this.listLoading = true;
|
|
testapi();
|
//NProgress.start();
|
getWMSupplierListPage(para).then((res) => {
|
this.total = res.data.response.dataCount;
|
this.WMSupplier = res.data.response.data;
|
this.listLoading = false;
|
//NProgress.done();
|
});
|
},
|
//显示导入界面
|
handleImport() {
|
//上传成功清除文件
|
document.getElementById("upFileBox") &&
|
document.getElementById("upFileBox").reset();
|
this.importFormVisible = true;
|
},
|
submitForm() {
|
let fileVal = this.$refs.files.value;
|
if (fileVal == "" || fileVal == null || !fileVal) {
|
this.$message.error("请选择您要上传的文件");
|
return false;
|
}
|
this.uploading = true;
|
let file = this.$refs.files.files[0];
|
let dataFile = new FormData();
|
dataFile.append("file_upload", file);
|
uploadSupplier(dataFile)
|
.then((res) => {
|
this.uploading = false;
|
const data = res.data;
|
if (data.success) {
|
fileVal = ""; // 清空表单
|
this.$message.success("上传成功");
|
this.importFormVisible = false;
|
this.uploading = false;
|
|
return false;
|
} else {
|
console.log("王波波");
|
this.$message.error(data.msg);
|
this.importFormVisible = false;
|
this.uploading = false;
|
return false;
|
}
|
})
|
.catch((err) => {
|
this.$message.error("服务异常，请重试");
|
this.importFormVisible = false;
|
this.uploading = false;
|
return false;
|
});
|
},
|
|
//删除
|
handleDel() {
|
let row = this.currentRow;
|
if (!row) {
|
this.$message({
|
message: "请选择要删除的一行数据！",
|
type: "error",
|
});
|
|
return;
|
}
|
this.$confirm("确认删除该记录吗?", "提示", {
|
type: "warning",
|
})
|
.then(() => {
|
this.listLoading = true;
|
//NProgress.start();
|
let para = { id: row.Id };
|
removeWMSupplier(para).then((res) => {
|
if (util.isEmt.format(res)) {
|
this.listLoading = false;
|
return;
|
}
|
this.listLoading = false;
|
//NProgress.done();
|
if (res.data.success) {
|
this.$message({
|
message: "删除成功",
|
type: "success",
|
});
|
} else {
|
this.$message({
|
message: res.data.msg,
|
type: "error",
|
});
|
}
|
|
this.getWMSupplier();
|
});
|
})
|
.catch(() => {});
|
},
|
//显示编辑界面
|
handleEdit() {
|
let row = this.currentRow;
|
if (!row) {
|
this.$message({
|
message: "请选择要编辑的一行数据！",
|
type: "error",
|
});
|
|
return;
|
}
|
this.editFormVisible = true;
|
debugger;
|
this.editForm = Object.assign({}, row);
|
},
|
//显示新增界面
|
handleAdd() {
|
this.addFormVisible = true;
|
this.addForm = {
|
Name: "",
|
IsEnable: 1,
|
IsCooperation: 1,
|
ArrayType: "",
|
FileUrl1: "",
|
FileUrl2: "",
|
FileUrl3: "",
|
FileUrl4: "",
|
FileUrl5: "",
|
};
|
},
|
//编辑
|
editSubmit: function () {
|
this.$refs.editForm.validate((valid) => {
|
if (valid) {
|
this.$confirm("确认提交吗？", "提示", {}).then(() => {
|
this.editLoading = true;
|
//NProgress.start();
|
|
let para = Object.assign({}, this.editForm);
|
editWMSupplier(para).then((res) => {
|
if (util.isEmt.format(res)) {
|
this.editLoading = false;
|
return;
|
}
|
if (res.data.success) {
|
this.editLoading = false;
|
//NProgress.done();
|
this.$message({
|
message: res.data.msg,
|
type: "success",
|
});
|
this.$refs["editForm"].resetFields();
|
this.editFormVisible = false;
|
this.getWMSupplier();
|
} else {
|
this.editLoading = false;
|
this.$message({
|
message: res.data.msg,
|
type: "error",
|
});
|
}
|
});
|
});
|
}
|
});
|
},
|
//同步弹出框
|
handleOAId(){this.OAIdFormVisible=true;},
|
//同步
|
editOASubmit: function () {
|
this.$confirm("确认同步OA供应商吗？", "提示", {}).then(() => {
|
this.OAuploading = true;
|
editOAWMSupplier({}).then((res) => {
|
if (res.data.success) {
|
this.$message({
|
message: res.data.msg,
|
type: "success",
|
});
|
this.OAuploading = false;
|
this.OAIdFormVisible=false;
|
this.getWMSupplier();
|
} else {
|
this.$message({
|
message: res.data.msg,
|
type: "error",
|
});
|
this.OAuploading = false;
|
this.OAIdFormVisible=false;
|
}
|
});
|
});
|
},
|
//新增
|
addSubmit: function () {
|
this.$refs.addForm.validate((valid) => {
|
if (valid) {
|
this.$confirm("确认提交吗？", "提示", {}).then(() => {
|
this.addLoading = true;
|
//NProgress.start();
|
|
let para = Object.assign({}, this.addForm);
|
addWMSupplier(para).then((res) => {
|
if (util.isEmt.format(res)) {
|
this.addLoading = false;
|
return;
|
}
|
if (res.data.success) {
|
this.addLoading = false;
|
//NProgress.done();
|
this.$message({
|
message: res.data.msg,
|
type: "success",
|
});
|
this.$refs["addForm"].resetFields();
|
this.addFormVisible = false;
|
this.getWMSupplier();
|
} else {
|
this.addLoading = false;
|
this.$message({
|
message: res.data.msg,
|
type: "error",
|
});
|
}
|
});
|
});
|
}
|
});
|
},
|
selsChange: function (sels) {
|
this.sels = sels;
|
},
|
//批量删除
|
batchRemove: function () {
|
// return;
|
|
var ids = this.sels.map((item) => item.Id).toString();
|
this.$confirm("确认删除选中记录吗？", "提示", {
|
type: "warning",
|
})
|
.then(() => {
|
this.listLoading = true;
|
//NProgress.start();
|
let para = { ids: ids };
|
|
batchRemoveUser(para).then((res) => {
|
this.listLoading = false;
|
//NProgress.done();
|
this.$message({
|
message: "该功能未开放",
|
type: "warning",
|
});
|
});
|
})
|
.catch(() => {});
|
},
|
|
handleExport() {
|
ExportWMSupplier()
|
.then((res) => {
|
const blob = new Blob([res.data], {
|
type: "application/x-xls",
|
});
|
const url = window.URL.createObjectURL(blob);
|
const aLink = document.createElement("a");
|
aLink.style.display = "none";
|
aLink.href = url;
|
aLink.setAttribute(
|
"download",
|
"供应商" + new Date().getTime() + ".xlsx"
|
);
|
document.body.appendChild(aLink);
|
aLink.click();
|
document.body.removeChild(aLink); // 下载完成移除元素
|
window.URL.revokeObjectURL(url); // 释放掉blob对象
|
})
|
.catch((err) => {
|
console.log(err);
|
});
|
},
|
//新增合同上传
|
addUploadContract1: function (res, file) {
|
this.addForm.FileUrl1 = res.response;
|
},
|
addUploadContract2: function (res, file) {
|
this.addForm.FileUrl2 = res.response;
|
},
|
addUploadContract3: function (res, file) {
|
this.addForm.FileUrl3 = res.response;
|
},
|
addUploadContract4: function (res, file) {
|
this.addForm.FileUrl4 = res.response;
|
},
|
addUploadContract5: function (res, file) {
|
this.addForm.FileUrl5 = res.response;
|
},
|
//编辑合同上传
|
editUploadContract1: function (res, file) {
|
this.editForm.FileUrl1 = res.response;
|
},
|
editUploadContract2: function (res, file) {
|
this.editForm.FileUrl2 = res.response;
|
},
|
editUploadContract3: function (res, file) {
|
this.editForm.FileUrl3 = res.response;
|
},
|
editUploadContract4: function (res, file) {
|
this.editForm.FileUrl4 = res.response;
|
},
|
editUploadContract5: function (res, file) {
|
this.editForm.FileUrl5 = res.response;
|
},
|
//合同上传前
|
uploadContractBefore: function (file, b, c) {
|
const isLt2M = file.size / 1024 / 1024 < 2;
|
if (!isLt2M) {
|
this.$message.error("上传图片大小不能超过2MB!");
|
}
|
return isLt2M;
|
},
|
//增加合同文本框
|
// addDomain() {
|
// if (this.dynamicValidateForm.domains.length <= 4) {
|
// this.dynamicValidateForm.domains.push({
|
// value: "",
|
// key: Date.now(),
|
// });
|
// }
|
// },
|
//减去合同文本框
|
// removeDomain(item) {
|
// var index = this.dynamicValidateForm.domains.indexOf(item);
|
// if (index !== -1) {
|
// this.dynamicValidateForm.domains.splice(index, 1);
|
// }
|
// },
|
},
|
mounted() {
|
this.getWMSupplier();
|
|
let routers = window.localStorage.router
|
? JSON.parse(window.localStorage.router)
|
: [];
|
this.buttonList = getButtonList(this.$route.path, routers);
|
|
//供应商分类下拉列表
|
getSelectWMSupplierTypeListPage().then((res) => {
|
this.wMSupplierTypeModules = res.data.response.data;
|
});
|
},
|
};
|
</script>
|
