Browse Source

feat:新增地址管理 银行卡管理

confidence
杜贤金 3 years ago
parent
commit
a31430fffe
  1. 50
      src/api/mallmanagement/address.js
  2. 50
      src/api/mallmanagement/bank.js
  3. 174
      src/views/mallmanagement/address/index.vue
  4. 185
      src/views/mallmanagement/bank/index.vue

50
src/api/mallmanagement/address.js

@ -0,0 +1,50 @@
import request from '@/router/axios';
//列表
export const getList = (current, size, params) => {
return request({
url: '/api/iot-system/useraddress/page',
method: 'get',
params: {
...params,
current,
size,
}
})
}
//删除
export const remove = (ids) => {
return request({
url: '/api/iot-system/useraddress/remove',
method: 'post',
params: {
ids,
}
})
}
//详情
export const getDetail = (id) => {
return request({
url: '/api/iot-system/useraddress/detail',
method: 'get',
params: {
id
}
})
}
//新增
export const add = (row) => {
return request({
url: '/api/iot-system/useraddress/save',
method: 'post',
data: row
})
}
//修改
export const update = (row) => {
return request({
url: '/api/iot-system/useraddress/update',
method: 'post',
data: row
})
}

50
src/api/mallmanagement/bank.js

@ -0,0 +1,50 @@
import request from '@/router/axios';
//列表
export const getList = (current, size, params) => {
return request({
url: '/api/iot-system/userbank/page',
method: 'get',
params: {
...params,
current,
size,
}
})
}
//删除
export const remove = (ids) => {
return request({
url: '/api/iot-system/userbank/remove',
method: 'post',
params: {
ids,
}
})
}
//详情
export const getDetail = (id) => {
return request({
url: '/api/iot-system/userbank/detail',
method: 'get',
params: {
id
}
})
}
//新增
export const add = (row) => {
return request({
url: '/api/iot-system/userbank/save',
method: 'post',
data: row
})
}
//修改
export const update = (row) => {
return request({
url: '/api/iot-system/userbank/update',
method: 'post',
data: row
})
}

174
src/views/mallmanagement/address/index.vue

@ -0,0 +1,174 @@
<template>
<basic-container>
<avue-crud
:option="option"
:table-loading="loading"
:data="data"
:page.sync="page"
:permission="permissionList"
:before-open="beforeOpen"
v-model="form"
ref="crud"
@row-update="rowUpdate"
@row-save="rowSave"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
>
</avue-crud>
</basic-container>
</template>
<script>
import { getDetail, getList } from "@/api/mallmanagement/address";
export default {
data() {
return {
form: {},
query: {},
loading: true,
page: {
pageSize: 10,
currentPage: 1,
total: 0,
},
option: {
tip: false,
searchShow: true,
searchMenuSpan: 6,
border: true,
index: true,
viewBtn: true,
columnBtn: true,
addBtn: false,
editBtn: false,
delBtn: false,
dialogClickModal: false,
dialogWidth: "59%",
labelWidth: 125,
column: [
{
label: "收件人",
prop: "linkman",
search: false,
rules: [
{
required: true,
message: "请输入分类名称",
trigger: "blur",
},
],
},
{
label: "收件人手机号",
prop: "phoneNum",
searchLabelWidth: 110,
search: true,
rules: [
{
required: true,
message: "请输入排序号",
trigger: "blur",
},
],
},
{
label: "地址",
prop: "shippingRegion",
rules: [
{
required: true,
message: "请输入排序号",
trigger: "blur",
},
],
},
{
label: "详细地址",
prop: "address",
rules: [
{
required: true,
message: "请输入排序号",
trigger: "blur",
},
],
},
{
label: "是否默认",
prop: "isDefault",
type: "select",
search: true,
dicData: [
{
label: "是",
value: 2,
},
{
label: "否",
value: 1,
},
],
rules: [
{
required: true,
message: "请选择是否显示",
trigger: "change",
},
],
},
],
},
data: [],
};
},
methods: {
beforeOpen(done, type) {
if (["edit", "view"].includes(type)) {
getDetail(this.form.id).then((res) => {
this.form = res.data.data;
});
}
done();
},
searchReset() {
this.query = {};
this.onLoad(this.page);
},
searchChange(params, done) {
this.query = params;
this.page.currentPage = 1;
this.onLoad(this.page, params);
done();
},
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
},
refreshChange() {
this.onLoad(this.page, this.query);
},
onLoad(page, params = {}) {
this.loading = true;
getList(
page.currentPage,
page.pageSize,
Object.assign(params, this.query)
).then((res) => {
const data = res.data.data;
this.page.total = data.total;
this.data = data.records;
this.loading = false;
});
},
},
};
</script>
<style></style>

185
src/views/mallmanagement/bank/index.vue

@ -0,0 +1,185 @@
<template>
<basic-container>
<avue-crud
:option="option"
:table-loading="loading"
:data="data"
:page.sync="page"
:permission="permissionList"
:before-open="beforeOpen"
v-model="form"
ref="crud"
@row-update="rowUpdate"
@row-save="rowSave"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
>
</avue-crud>
</basic-container>
</template>
<script>
import { getDetail, getList } from "@/api/mallmanagement/bank";
export default {
data() {
return {
form: {},
query: {},
loading: true,
page: {
pageSize: 10,
currentPage: 1,
total: 0,
},
option: {
tip: false,
searchShow: true,
searchMenuSpan: 6,
border: true,
index: true,
viewBtn: true,
columnBtn: true,
addBtn: true,
editBtn: false,
delBtn: false,
dialogClickModal: false,
dialogWidth: "59%",
labelWidth: 125,
column: [
{
label: "开户行名称",
prop: "bankName",
search: false,
rules: [
{
required: true,
message: "请输入分类名称",
trigger: "blur",
},
],
},
{
label: "银行卡号",
prop: "code",
search: true,
rules: [
{
required: true,
message: "请输入排序号",
trigger: "blur",
},
],
},
{
label: "姓名",
prop: "name",
rules: [
{
required: true,
message: "请输入排序号",
trigger: "blur",
},
],
},
{
label: "身份证号",
prop: "identityCard",
rules: [
{
required: true,
message: "请输入排序号",
trigger: "blur",
},
],
},
{
label: "手机号",
prop: "phoneNum",
search: true,
rules: [
{
required: true,
message: "请输入排序号",
trigger: "blur",
},
],
},
{
label: "是否默认",
prop: "isDefault",
type: "select",
search: true,
dicData: [
{
label: "是",
value: 2,
},
{
label: "否",
value: 1,
},
],
rules: [
{
required: true,
message: "请选择是否显示",
trigger: "change",
},
],
},
],
},
data: [],
};
},
methods: {
beforeOpen(done, type) {
if (["edit", "view"].includes(type)) {
getDetail(this.form.id).then((res) => {
this.form = res.data.data;
});
}
done();
},
searchReset() {
this.query = {};
this.onLoad(this.page);
},
searchChange(params, done) {
this.query = params;
this.page.currentPage = 1;
this.onLoad(this.page, params);
done();
},
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
},
refreshChange() {
this.onLoad(this.page, this.query);
},
onLoad(page, params = {}) {
this.loading = true;
getList(
page.currentPage,
page.pageSize,
Object.assign(params, this.query)
).then((res) => {
const data = res.data.data;
this.page.total = data.total;
this.data = data.records;
this.loading = false;
});
},
},
};
</script>
<style></style>
Loading…
Cancel
Save