FeiDaBaoKai/wms_web_xugongteji
13
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
15066119699 2025-03-06 10:16:06 +08:00
parent d16fc3c23c
commit d3f1342f9d
2 changed files with 56 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/system/custom/index.vue
View File

@ -67,7 +67,11 @@
<el-table-column label="客户名称" align="center" prop="providerName" /> <el-table-column label="客户名称" align="center" prop="providerName" />
<el-table-column label="电话" align="center" prop="providerContact" /> <el-table-column label="电话" align="center" prop="providerContact" />
<el-table-column label="地址" align="center" prop="providerAddress" /> <el-table-column label="地址" align="center" prop="providerAddress" />
<el-table-column label="状态" align="center" prop="providerStatus" /> <el-table-column label="状态" align="center" prop="providerStatus" >
<template slot-scope="scope">
{{scope.row.providerStatus=='1'?'禁用':'启用'}}
</template>
</el-table-column>
<!--<el-table-column label="最近更新用户" align="center" prop="lastUpdateUser" />--> <!--<el-table-column label="最近更新用户" align="center" prop="lastUpdateUser" />-->
<!--<el-table-column label="最近更新时间" align="center" prop="lastUpdateTime" width="180">--> <!--<el-table-column label="最近更新时间" align="center" prop="lastUpdateTime" width="180">-->
<!--<template slot-scope="scope">--> <!--<template slot-scope="scope">-->
@ -105,25 +109,23 @@
<!-- 添加或修改【请填写功能名称】对话框 --> <!-- 添加或修改【请填写功能名称】对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="客户编码" prop="providerId">
<el-input v-model="form.providerId" placeholder="请输入客户编码" />
</el-form-item>
<el-form-item label="客户名称" prop="providerName"> <el-form-item label="客户名称" prop="providerName">
<el-input v-model="form.providerName" placeholder="请输入客户名称" /> <el-input v-model="form.providerName" placeholder="请输入客户名称" />
</el-form-item> </el-form-item>
<el-form-item label="联系方式" prop="providerContact"> <el-form-item label="电话" prop="providerContact">
<el-input v-model="form.providerContact" placeholder="请输入联系方式" /> <el-input v-model="form.providerContact" placeholder="请输入电话" />
</el-form-item> </el-form-item>
<el-form-item label="地址" prop="providerAddress"> <el-form-item label="地址" prop="providerAddress">
<el-input v-model="form.providerAddress" placeholder="请输入地址" /> <el-input v-model="form.providerAddress" placeholder="请输入地址" />
</el-form-item> </el-form-item>
<el-form-item label="最近更新用户" prop="lastUpdateUser"> <el-form-item label="状态" prop="isEnable">
<el-input v-model="form.lastUpdateUser" placeholder="请输入最近更新用户" /> <el-select v-model="form.providerStatus" placeholder="请选择启用状态" clearable :style="{width: '100%'}">
</el-form-item> <el-option v-for="(item, index) in providerStatusOptions" :key="index" :label="item.label"
<el-form-item label="最近更新时间" prop="lastUpdateTime"> :value="item.value" :disabled="item.disabled"></el-option>
<el-date-picker clearable </el-select>
v-model="form.lastUpdateTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择最近更新时间">
</el-date-picker>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -171,6 +173,13 @@ export default {
lastUpdateUser: null, lastUpdateUser: null,
lastUpdateTime: null lastUpdateTime: null
}, },
providerStatusOptions: [{
"label": "启用",
"value": 0
}, {
"label": "禁用",
"value": 1
}],
// 表单参数 // 表单参数
form: {}, form: {},
// 表单校验 // 表单校验
@ -202,12 +211,13 @@ export default {
// 表单重置 // 表单重置
reset() { reset() {
this.form = { this.form = {
id: null,
providerId: null, providerId: null,
providerName: null, providerName: null,
providerContact: null, providerContact: null,
providerAddress: null, providerAddress: null,
providerStatus: 2, providerStatus: null,
providerType: null, providerType: 2,
lastUpdateUser: null, lastUpdateUser: null,
lastUpdateTime: null lastUpdateTime: null
}; };
@ -225,7 +235,7 @@ export default {
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.providerId) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length!==1
this.multiple = !selection.length this.multiple = !selection.length
}, },
@ -238,7 +248,7 @@ export default {
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
const providerId = row.providerId || this.ids const providerId = row.id || this.ids
getProvider(providerId).then(response => { getProvider(providerId).then(response => {
this.form = response.data; this.form = response.data;
this.open = true; this.open = true;
@ -249,7 +259,7 @@ export default {
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
if (this.form.providerId != null) { if (this.form.id != null) {
updateProvider(this.form).then(response => { updateProvider(this.form).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;
@ -267,7 +277,7 @@ export default {
}, },
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const providerIds = row.providerId || this.ids; const providerIds = row.id || this.ids;
this.$modal.confirm('是否确认删除【请填写功能名称】编号为"' + providerIds + '"的数据项？').then(function() { this.$modal.confirm('是否确认删除【请填写功能名称】编号为"' + providerIds + '"的数据项？').then(function() {
return delProvider(providerIds); return delProvider(providerIds);
}).then(() => { }).then(() => {

44
src/views/system/provider/index.vue
View File

@ -67,7 +67,11 @@
<el-table-column label="供应商名称" align="center" prop="providerName" /> <el-table-column label="供应商名称" align="center" prop="providerName" />
<el-table-column label="电话" align="center" prop="providerContact" /> <el-table-column label="电话" align="center" prop="providerContact" />
<el-table-column label="地址" align="center" prop="providerAddress" /> <el-table-column label="地址" align="center" prop="providerAddress" />
<el-table-column label="状态" align="center" prop="providerStatus" /> <el-table-column label="状态" align="center" prop="providerStatus" >
<template slot-scope="scope">
{{scope.row.providerStatus=='1'?'禁用':'启用'}}
</template>
</el-table-column>
<!--<el-table-column label="最近更新用户" align="center" prop="lastUpdateUser" />--> <!--<el-table-column label="最近更新用户" align="center" prop="lastUpdateUser" />-->
<!--<el-table-column label="最近更新时间" align="center" prop="lastUpdateTime" width="180">--> <!--<el-table-column label="最近更新时间" align="center" prop="lastUpdateTime" width="180">-->
<!--<template slot-scope="scope">--> <!--<template slot-scope="scope">-->
@ -105,25 +109,23 @@
<!-- 添加或修改【请填写功能名称】对话框 --> <!-- 添加或修改【请填写功能名称】对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="供应商编码" prop="providerId">
<el-input v-model="form.providerId" placeholder="请输入供应商编码" />
</el-form-item>
<el-form-item label="供应商名称" prop="providerName"> <el-form-item label="供应商名称" prop="providerName">
<el-input v-model="form.providerName" placeholder="请输入供应商名称" /> <el-input v-model="form.providerName" placeholder="请输入供应商名称" />
</el-form-item> </el-form-item>
<el-form-item label="联系方式" prop="providerContact"> <el-form-item label="电话" prop="providerContact">
<el-input v-model="form.providerContact" placeholder="请输入联系方式" /> <el-input v-model="form.providerContact" placeholder="请输入电话" />
</el-form-item> </el-form-item>
<el-form-item label="地址" prop="providerAddress"> <el-form-item label="地址" prop="providerAddress">
<el-input v-model="form.providerAddress" placeholder="请输入地址" /> <el-input v-model="form.providerAddress" placeholder="请输入地址" />
</el-form-item> </el-form-item>
<el-form-item label="最近更新用户" prop="lastUpdateUser"> <el-form-item label="状态" prop="isEnable">
<el-input v-model="form.lastUpdateUser" placeholder="请输入最近更新用户" /> <el-select v-model="form.providerStatus" placeholder="请选择启用状态" clearable :style="{width: '100%'}">
</el-form-item> <el-option v-for="(item, index) in providerStatusOptions" :key="index" :label="item.label"
<el-form-item label="最近更新时间" prop="lastUpdateTime"> :value="item.value" :disabled="item.disabled"></el-option>
<el-date-picker clearable </el-select>
v-model="form.lastUpdateTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择最近更新时间">
</el-date-picker>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -171,6 +173,13 @@ export default {
lastUpdateUser: null, lastUpdateUser: null,
lastUpdateTime: null lastUpdateTime: null
}, },
providerStatusOptions: [{
"label": "启用",
"value": 0
}, {
"label": "禁用",
"value": 1
}],
// 表单参数 // 表单参数
form: {}, form: {},
// 表单校验 // 表单校验
@ -202,6 +211,7 @@ export default {
// 表单重置 // 表单重置
reset() { reset() {
this.form = { this.form = {
id: null,
providerId: null, providerId: null,
providerName: null, providerName: null,
providerContact: null, providerContact: null,
@ -225,7 +235,7 @@ export default {
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.providerId) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length!==1
this.multiple = !selection.length this.multiple = !selection.length
}, },
@ -238,7 +248,7 @@ export default {
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
const providerId = row.providerId || this.ids const providerId = row.id || this.ids
getProvider(providerId).then(response => { getProvider(providerId).then(response => {
this.form = response.data; this.form = response.data;
this.open = true; this.open = true;
@ -249,7 +259,7 @@ export default {
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
if (this.form.providerId != null) { if (this.form.id != null) {
updateProvider(this.form).then(response => { updateProvider(this.form).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;
@ -267,7 +277,7 @@ export default {
}, },
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const providerIds = row.providerId || this.ids; const providerIds = row.id || this.ids;
this.$modal.confirm('是否确认删除【请填写功能名称】编号为"' + providerIds + '"的数据项？').then(function() { this.$modal.confirm('是否确认删除【请填写功能名称】编号为"' + providerIds + '"的数据项？').then(function() {
return delProvider(providerIds); return delProvider(providerIds);
}).then(() => { }).then(() => {