bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

厂家管理

This commit is contained in:
syruan 2025-10-13 17:32:50 +08:00
parent eabddab4a6
commit 8e9cb36ff3
4 changed files with 133 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/api/ma/supplier.js
View File

@ -1,54 +1,45 @@
import request from '@/utils/request' import request from '@/utils/request'
//机具类型管理列表信息 //机具厂家管理列表信息
export function getListFacturer(query) { export function getListFacturer(query) {
return request({ return request({
url: '/material/ma_supplier_info/list', url: '/material-mall/ma_supplier_info/list',
method: 'get',
params: query,
})
}
//机具类型管理列表信息
export function getManufacturerSelect(query) {
return request({
url: '/material/ma_supplier_info/select',
method: 'get', method: 'get',
params: query, params: query,
}) })
} }
//查看机具类型管理列表详细信息 //查看机具厂家管理列表详细信息
export function getFacturerDetail(id) { export function getFacturerDetail(id) {
return request({ return request({
url: '/material/ma_supplier_info/'+ id, url: '/material-mall/ma_supplier_info/'+ id,
method: 'get', method: 'get',
}) })
} }
// 仓库管理--删除 // 删除
export function delFacturer(id) { export function delFacturer(id) {
return request({ return request({
url: '/material/ma_supplier_info/' + id, url: '/material-mall/ma_supplier_info/' + id,
method: 'delete', method: 'delete',
}) })
} }
// 仓库管理--修改 // 修改
export function editFacturer(data) { export function editFacturer(data) {
return request({ return request({
url: '/material/ma_supplier_info', url: '/material-mall/ma_supplier_info',
method: 'put', method: 'put',
data: data, data: data,
}) })
} }
// 仓库管理--新增 // 新增
export function addFacturer(data) { export function addFacturer(data) {
return request({ return request({
url: '/material/ma_supplier_info', url: '/material-mall/ma_supplier_info',
method: 'post', method: 'post',
data: data, data: data,
}) })

2
src/assets/styles/variables.scss
View File

@ -40,7 +40,7 @@ $base-sub-menu-background:#000c17;
$base-sub-menu-hover:#001528; $base-sub-menu-hover:#001528;
*/ */
$base-sidebar-width: 200px; $base-sidebar-width: 210px;
// the :export directive is the magic sauce for webpack // the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass

178
src/views/material/ma/supplier/index.vue
View File

@ -1,16 +1,53 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
<el-form-item prop="keyWord"> <el-form-item label="厂家编号" prop="supplierCode">
<el-input <el-input
v-model="queryParams.keyWord" v-model="queryParams.supplierCode"
placeholder="请输入关键词" placeholder="请输入厂家编号"
clearable clearable
maxlength="64"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
maxlength="20" />
/>
</el-form-item> </el-form-item>
<el-form-item label="厂家名称" prop="supplierName">
<el-input
v-model="queryParams.supplierName"
placeholder="请输入厂家名称"
clearable
maxlength="128"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="联系人" prop="contactPerson">
<el-input
v-model="queryParams.contactPerson"
placeholder="请输入联系人"
clearable
maxlength="64"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="联系电话" prop="contactPhone">
<el-input
v-model="queryParams.contactPhone"
placeholder="请输入联系电话"
clearable
maxlength="32"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable style="width: 120px;">
<el-option label="启用" :value="1" />
<el-option label="停用" :value="0" />
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@ -45,21 +82,29 @@
</el-row> </el-row>
<el-table v-loading="loading" :data="houseList" ref="multipleTable" row-key="teamId"> <el-table v-loading="loading" :data="houseList" ref="multipleTable" row-key="supplierId">
<!-- <el-table-column type="selection" width="55" align="center" :reserve-selection="true" /> --> <!-- <el-table-column type="selection" width="55" align="center" :reserve-selection="true" /> -->
<el-table-column label="序号" align="center" width="80" type="index"> <el-table-column label="序号" align="center" width="80" type="index">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span> <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="厂家名称" align="center" prop="supplier" sortable/> <!-- <el-table-column label="厂家ID" align="center" prop="supplierId" width="100" sortable/> -->
<el-table-column label="厂家地址" align="center" prop="address" sortable/> <el-table-column label="厂家编号" align="center" prop="supplierCode" sortable/>
<el-table-column label="法人代表" align="center" prop="legalPerson" sortable/> <el-table-column label="厂家名称" align="center" prop="supplierName" sortable/>
<el-table-column label="主要联系人" align="center" prop="primaryContact" sortable/> <el-table-column label="联系人" align="center" prop="contactPerson" sortable/>
<el-table-column label="联系电话" align="center" prop="phone" sortable/> <el-table-column label="联系电话" align="center" prop="contactPhone" sortable/>
<el-table-column label="主要经营范围" align="center" prop="businessScope" sortable/> <el-table-column label="地址" align="center" prop="address" sortable/>
<el-table-column label="备注" align="center" prop="remark" sortable> <el-table-column label="资质/执照编号" align="center" prop="qualification" sortable/>
<el-table-column label="状态" align="center" prop="status" width="100">
<template slot-scope="{ row }">
<el-tag size="small" type="success" v-if="row.status === 1">启用</el-tag>
<el-tag size="small" type="info" v-else>停用</el-tag>
</template>
</el-table-column> </el-table-column>
<el-table-column label="备注" align="center" prop="remark" sortable/>
<el-table-column label="创建时间" align="center" prop="createTime" sortable/>
<el-table-column label="更新时间" align="center" prop="updateTime" sortable/>
<el-table-column label="操作" align="center" width="180"> <el-table-column label="操作" align="center" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@ -97,20 +142,20 @@
<el-form ref="form" :model="form" :rules="rules" label-width="120px" > <el-form ref="form" :model="form" :rules="rules" label-width="120px" >
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="厂家名称" prop="supplier" > <el-form-item label="厂家编号" prop="supplierCode" >
<el-input <el-input
v-model="form.supplier" v-model="form.supplierCode"
placeholder="请输入厂家名称" placeholder="请输入厂家编号"
maxlength="30" maxlength="64"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="厂家地址" prop="address"> <el-form-item label="厂家名称" prop="supplierName" >
<el-input <el-input
v-model="form.address" v-model="form.supplierName"
placeholder="请输入厂家地址" placeholder="请输入厂家名称"
maxlength="30" maxlength="128"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -118,20 +163,20 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="法人代表" prop="legalPerson" > <el-form-item label="联系人" prop="contactPerson" >
<el-input <el-input
v-model="form.legalPerson" v-model="form.contactPerson"
placeholder="请输入法人代表" placeholder="请输入联系人"
maxlength="10" maxlength="64"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="主要联系人" prop="primaryContact"> <el-form-item label="联系电话" prop="contactPhone">
<el-input <el-input
v-model="form.primaryContact" v-model="form.contactPhone"
placeholder="请输入主要联系人" placeholder="请输入联系电话"
maxlength="30" maxlength="32"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -139,27 +184,32 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系电话" prop="phone" > <el-form-item label="厂家地址" prop="address">
<el-input <el-input
v-model="form.phone" v-model="form.address"
placeholder="请输入联系电话" placeholder="请输入厂家地址"
maxlength="11" maxlength="255"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="资质/执照编号" prop="qualification">
<el-input
v-model="form.qualification"
placeholder="请输入资质信息或执照编号"
maxlength="255"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row > <el-row >
<el-col :span="12"> <el-col :span="12">
<el-form-item label="主要联系范围" prop="businessScope"> <el-form-item label="状态" prop="status">
<el-input <el-select v-model="form.status" placeholder="请选择状态" style="width: 100%">
type="textarea" <el-option label="启用" :value="1" />
:rows="6" <el-option label="停用" :value="0" />
placeholder="输入内容" </el-select>
v-model="form.businessScope" </el-form-item>
show-word-limit
>
</el-input>
</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -169,7 +219,7 @@
:rows="6" :rows="6"
placeholder="请输入备注" placeholder="请输入备注"
v-model="form.remark" v-model="form.remark"
maxlength="100" maxlength="255"
show-word-limit show-word-limit
> >
</el-input> </el-input>
@ -283,7 +333,11 @@
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
keyWord:undefined supplierCode: undefined,
supplierName: undefined,
contactPerson: undefined,
contactPhone: undefined,
status: undefined
}, },
// 查询参数 // 查询参数
queryTeam: { queryTeam: {
@ -307,21 +361,27 @@
form: {}, form: {},
// 表单校验 // 表单校验
rules: { rules: {
supplier: [ supplierName: [
{ {
required: true, required: true,
message: "厂家名称不能为空", message: "厂家名称不能为空",
trigger: "blur" trigger: "blur"
} }
], ],
phone: [ contactPhone: [
{ {
required:false, required: false,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入联系电话",
message: "请输入正确的联系电话",
trigger: "blur" trigger: "blur"
} }
], ],
status: [
{
required: true,
message: "请选择状态",
trigger: "change"
}
]
}, },
//上传 //上传
@ -487,8 +547,8 @@
async getList() { async getList() {
this.loading = true; this.loading = true;
getListFacturer(this.queryParams).then(response => { getListFacturer(this.queryParams).then(response => {
this.houseList = response.rows; this.houseList = (response && response.data && response.data.rows) ? response.data.rows : [];
this.total = response.total; this.total = (response && response.data && typeof response.data.total !== 'undefined') ? response.data.total : 0;
this.loading = false; this.loading = false;
}); });
}, },
@ -541,7 +601,11 @@
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.resetForm("queryForm"); this.resetForm("queryForm");
this.queryParams.keyWord=null; this.queryParams.supplierCode = undefined;
this.queryParams.supplierName = undefined;
this.queryParams.contactPerson = undefined;
this.queryParams.contactPhone = undefined;
this.queryParams.status = undefined;
this.handleQuery(); this.handleQuery();
}, },

2
src/views/system/role/index.vue
View File

@ -660,4 +660,4 @@ export default {
.disabled-row:hover td { .disabled-row:hover td {
background-color: #f5f7fa !important; background-color: #f5f7fa !important;
} }
</style> </style>