|
|
@@ -7,10 +7,10 @@
|
|
|
v-model="listQuery.supplierName"></el-input>
|
|
|
<el-input clearable class="filter-item" style="width: 200px;" placeholder="供应商编号"
|
|
|
v-model="listQuery.supplierNum"></el-input>
|
|
|
- <el-select class="filter-item" style="width: 200px" v-model="listQuery.typeId" filterable placeholder="供应商类别">
|
|
|
+ <!-- <el-select class="filter-item" style="width: 200px" v-model="listQuery.typeId" filterable placeholder="供应商类别">
|
|
|
<el-option v-for="item in brandOptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
- </el-select>
|
|
|
+ </el-select> -->
|
|
|
<treeselect class="filter-item" default-expand-all v-model="listQuery.responsibleDept" :options="categoryOptions"
|
|
|
:normalizer="normalizer" placeholder="申请部门" style="width: 200px" />
|
|
|
|
|
|
@@ -35,8 +35,8 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" min-width="200px" label="供应商名称" prop="supplierName">
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" min-width="80px" label="供应商类别" prop="typeName">
|
|
|
- </el-table-column>
|
|
|
+ <!-- <el-table-column align="center" min-width="80px" label="供应商类别" prop="typeName">
|
|
|
+ </el-table-column> -->
|
|
|
<el-table-column align="center" min-width="80px" label="地域" prop="supplierPurchasAddress">
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" min-width="80px" label="联系人" prop="supplierContact">
|
|
|
@@ -54,6 +54,10 @@
|
|
|
<el-table-column align="center" label="操作" width="240px" class-name="small-padding fixed-width">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button type="primary" size="small" @click="handleUpdate(scope.row)">编辑</el-button>
|
|
|
+ <el-button v-if="scope.row.isEnable == 1" type="success" size="small"
|
|
|
+ @click="changeState(scope.row.id, scope.row.isEnable)">启用</el-button>
|
|
|
+ <el-button v-if="scope.row.isEnable == 0" type="warning" size="small"
|
|
|
+ @click="changeState(scope.row.id, scope.row.isEnable)">停用</el-button>
|
|
|
<el-button type="danger" size="small" @click="handleDelete(scope.row)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -74,60 +78,60 @@
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
<el-tab-pane label="基础信息" name="first">
|
|
|
<el-form-item label="供应商名称" prop="supplierName">
|
|
|
- <el-input v-model="dataForm.supplierName" placeholder="请输入"></el-input>
|
|
|
+ <el-input v-model="dataForm.supplierName" placeholder="请输入供应商名称"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item v-if="dataForm.supplierNum" label="供应商编号" prop="supplierNum">
|
|
|
<el-input disabled v-model="dataForm.supplierNum"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="类别" prop="typeId">
|
|
|
- <el-select style="width: 100%" v-model="dataForm.typeId" filterable placeholder="请选择">
|
|
|
+ <el-select style="width: 100%" v-model="dataForm.typeId" filterable placeholder="请选择类别">
|
|
|
<el-option v-for="item in brandOptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="地域" prop="supplierPurchasAddress">
|
|
|
- <el-input v-model="dataForm.supplierPurchasAddress" placeholder="请输入"></el-input>
|
|
|
+ <el-input v-model="dataForm.supplierPurchasAddress" placeholder="请输入地域"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="注册资本金" prop="registeredCapital">
|
|
|
<el-input v-model="dataForm.registeredCapital" placeholder="请输入注册资本金(万元)"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="银行卡号" prop="bankCardNo">
|
|
|
- <el-input v-model="dataForm.bankCardNo" placeholder="请输入"></el-input>
|
|
|
+ <el-input v-model="dataForm.bankCardNo" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="请输入银行卡号"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="银行名称" prop="bankCardName">
|
|
|
- <el-input v-model="dataForm.bankCardName" placeholder="请输入"></el-input>
|
|
|
+ <el-input v-model="dataForm.bankCardName" placeholder="请输入银行名称"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="纳税性质" prop="nature">
|
|
|
- <el-select style="width: 100%" v-model="dataForm.nature" filterable placeholder="请选择">
|
|
|
+ <el-select style="width: 100%" v-model="dataForm.nature" filterable placeholder="请选择纳税性质">
|
|
|
<el-option value="一般纳税人">一般纳税人</el-option>
|
|
|
<el-option value="小规模纳税人">小规模纳税人</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="税率" prop="taxrate">
|
|
|
- <el-select style="width: 100%" v-model="dataForm.taxrate" filterable placeholder="请选择">
|
|
|
+ <el-select style="width: 100%" v-model="dataForm.taxrate" filterable placeholder="请选择税率">
|
|
|
<el-option value="0%">0%</el-option>
|
|
|
<el-option value="1%">1%</el-option>
|
|
|
<el-option value="3%">3%</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="联系人" prop="supplierContact">
|
|
|
- <el-input v-model="dataForm.supplierContact" placeholder="请输入"></el-input>
|
|
|
+ <el-input v-model="dataForm.supplierContact" placeholder="请输入联系人"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="联系电话" prop="supplierPhone">
|
|
|
- <el-input v-model="dataForm.supplierPhone" placeholder="请输入"></el-input>
|
|
|
+ <el-input v-model="dataForm.supplierPhone" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="请输入联系电话"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="单位地址" prop="supplierAddress">
|
|
|
- <el-input v-model="dataForm.supplierAddress" placeholder="请输入"></el-input>
|
|
|
+ <el-input v-model="dataForm.supplierAddress" placeholder="请输入单位地址"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="申请部门" prop="responsibleDept">
|
|
|
<treeselect default-expand-all v-model="dataForm.responsibleDept" :options="categoryOptions"
|
|
|
- :normalizer="normalizer" placeholder="请选择" />
|
|
|
+ :normalizer="normalizer" placeholder="请选择申请部门" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="申请事由" prop="supplierRemark">
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
:autosize="{ minRows: 2, maxRows: 4}"
|
|
|
- placeholder="请输入"
|
|
|
+ placeholder="请输入申请事由"
|
|
|
v-model="dataForm.supplierRemark">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
@@ -135,7 +139,7 @@
|
|
|
<el-tab-pane label="营业执照" name="second">
|
|
|
|
|
|
<el-form-item label="名称" prop="businessName">
|
|
|
- <el-input v-model="dataForm.businessName" placeholder="请输入产地"></el-input>
|
|
|
+ <el-input v-model="dataForm.businessName" placeholder="请输入名称"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="开始日期" prop="businessStartTime">
|
|
|
<el-date-picker style="width: 100%;" v-model="dataForm.businessStartTime" type="date" value-format="yyyy-MM-dd"
|
|
|
@@ -176,7 +180,7 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="供应商资质信息" name="fourth">
|
|
|
<el-form-item label="名称" prop="qualifiedName">
|
|
|
- <el-input v-model="dataForm.qualifiedName" placeholder="请输入"></el-input>
|
|
|
+ <el-input v-model="dataForm.qualifiedName" placeholder="请输入名称"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="开始日期" prop="qualifiedStartTime">
|
|
|
<el-date-picker style="width: 100%;" v-model="dataForm.qualifiedStartTime" type="date" value-format="yyyy-MM-dd"
|
|
|
@@ -210,7 +214,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { createSupplier, updateSupplier, listSupplier, deleteSupplier, typeListSupplier } from "@/api/supplier";
|
|
|
+import { createSupplier, updateSupplier, listSupplier, deleteSupplier, typeListSupplier,setStateSupplier } from "@/api/supplier";
|
|
|
import { listDept } from "@/api/dept";
|
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
@@ -286,8 +290,8 @@ export default {
|
|
|
dialogFormVisible: false,
|
|
|
dialogStatus: '',
|
|
|
textMap: {
|
|
|
- update: "编辑",
|
|
|
- create: "创建",
|
|
|
+ update: "编辑供应商",
|
|
|
+ create: "添加供应商",
|
|
|
},
|
|
|
rules: {
|
|
|
supplierName: [{ required: true, message: "请填写供应商名称", trigger: "blur" }],
|
|
|
@@ -328,6 +332,17 @@ export default {
|
|
|
handleDownLoad(){
|
|
|
window.location.href = process.env.BASE_API + '/supplier-info/export';
|
|
|
},
|
|
|
+ changeState(id, isEnable) {
|
|
|
+ setStateSupplier({ id: id, isEnable: isEnable }).then(response => {
|
|
|
+ this.$notify({
|
|
|
+ title: '成功',
|
|
|
+ message: '状态修改成功',
|
|
|
+ type: 'success',
|
|
|
+ duration: 2000
|
|
|
+ })
|
|
|
+ this.getList()
|
|
|
+ })
|
|
|
+ },
|
|
|
getListDept() {
|
|
|
listDept().then(response => {
|
|
|
this.categoryOptions = this.handleTree(response.data.data, "deptId");
|