Skip to content

Commit 2df7342

Browse files
YunaiVYunaiV
committed
product：优化管理后台相关的接口
area：增加地区列表界面
1 parent 4830158 commit 2df7342

File tree

4 files changed

+139
-19
lines changed

4 files changed

+139
-19
lines changed

‎src/api/mall/product/spu.js

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -26,18 +26,10 @@ export function deleteSpu(id) {
2626
})
2727
}
2828

29-
// 获得商品spu
30-
export function getSpu(id) {
31-
return request({
32-
url: '/product/spu/get?id=' + id,
33-
method: 'get'
34-
})
35-
}
36-
3729
// 获得商品 SPU 详情
3830
export function getSpuDetail(id) {
3931
return request({
40-
url: '/product/spu/get/detail?id=' + id,
32+
url: '/product/spu/get-detail?id=' + id,
4133
method: 'get'
4234
})
4335
}

‎src/api/system/area.js

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import request from '@/utils/request'
2+
3+
// 获得地区树
4+
export function getAreaTree() {
5+
return request({
6+
url: '/system/area/tree',
7+
method: 'get'
8+
})
9+
}
10+
11+
// 获得 IP 对应的地区名
12+
export function getAreaByIp(ip) {
13+
return request({
14+
url: '/system/area/get-by-ip?ip=' + ip,
15+
method: 'get'
16+
})
17+
}

‎src/views/mall/product/spu/save.vue

Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,8 @@
44
<el-tabs v-model="activeName" class="tabs">
55
<!-- 基础设置 -->
66
<!-- TODO @luowenfeng：基础设置，分成基础信息、配送信息 -->
7-
<!-- TODO @luowenfeng：base=》basic 会更好哈 -->
8-
<el-tab-pane label="基础设置" name="base">
9-
<el-form ref="base" :model="baseForm" :rules="rules" label-width="100px" style="width: 95%">
7+
<el-tab-pane label="基础设置" name="basic">
8+
<el-form ref="basic" :model="baseForm" :rules="rules" label-width="100px" style="width: 95%">
109
<el-form-item label="商品名称" prop="name">
1110
<el-input v-model="baseForm.name" placeholder="请输入商品名称" />
1211
</el-form-item>
@@ -155,19 +154,17 @@
155154
</el-tab-pane>
156155

157156
<!-- 商品详情 -->
158-
<!-- TODO @luowenfeng：third=》detail 会更好哈 -->
159-
<el-tab-pane label="商品详情" name="third">
160-
<el-form ref="third" :model="baseForm" :rules="rules">
157+
<el-tab-pane label="商品详情" name="detail">
158+
<el-form ref="detail" :model="baseForm" :rules="rules">
161159
<el-form-item prop="description">
162160
<editor v-model="baseForm.description" :min-height="380"/>
163161
</el-form-item>
164162
</el-form>
165163
</el-tab-pane>
166164

167165
<!-- 销售设置 -->
168-
<!-- TODO @luowenfeng：fourth=》senior 会更好哈 -->
169-
<el-tab-pane label="高级设置" name="fourth">
170-
<el-form ref="fourth" :model="baseForm" :rules="rules" label-width="100px" style="width: 95%">
166+
<el-tab-pane label="高级设置" name="senior">
167+
<el-form ref="senior" :model="baseForm" :rules="rules" label-width="100px" style="width: 95%">
171168
<el-form-item label="排序字段">
172169
<el-input v-model="baseForm.sort" placeholder="请输入排序字段" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
173170
</el-form-item>
@@ -208,7 +205,7 @@ export default {
208205
data() {
209206
return {
210207
specSwitch: false,
211-
activeName: "base",
208+
activeName: "basic",
212209
propName: {
213210
checkStrictly: true,
214211
label: "name",

‎src/views/system/area/index.vue

Lines changed: 114 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
<template>
2+
<div class="app-container">
3+
4+
<!-- 操作工具栏 -->
5+
<el-row :gutter="10" class="mb8">
6+
<el-col :span="1.5">
7+
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">IP 查询
8+
</el-button>
9+
</el-col>
10+
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
11+
</el-row>
12+
13+
<!-- 列表 -->
14+
<el-table v-if="refreshTable" v-loading="loading" :data="list" row-key="id"
15+
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
16+
<el-table-column label="编号" prop="id"/>
17+
<el-table-column label="名字" prop="name"/>
18+
</el-table>
19+
20+
<!-- 对话框(添加 / 修改) -->
21+
<el-dialog title="IP 查询" :visible.sync="open" width="500px" append-to-body>
22+
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
23+
<el-form-item label="IP" prop="ip">
24+
<el-input v-model="form.ip" placeholder="请输入 IP 地址"/>
25+
</el-form-item>
26+
<el-form-item label="地址" prop="result">
27+
<el-input v-model="form.result" readonly placeholder="展示查询 IP 结果" />
28+
</el-form-item>
29+
</el-form>
30+
<div slot="footer" class="dialog-footer">
31+
<el-button type="primary" @click="submitForm">查 询</el-button>
32+
<el-button @click="cancel">取 消</el-button>
33+
</div>
34+
</el-dialog>
35+
</div>
36+
</template>
37+
38+
<script>
39+
import {getAreaByIp, getAreaTree} from "@/api/system/area";
40+
41+
export default {
42+
name: "Area",
43+
components: {
44+
},
45+
data() {
46+
return {
47+
// 遮罩层
48+
loading: true,
49+
// 显示搜索条件
50+
showSearch: true,
51+
// 地区列表
52+
list: [],
53+
// 弹出层标题
54+
title: "",
55+
// 是否显示弹出层
56+
open: false,
57+
// 重新渲染表格状态
58+
refreshTable: true,
59+
// 表单参数
60+
form: {
61+
ip: undefined,
62+
result: undefined,
63+
},
64+
// 表单校验
65+
rules: {
66+
ip: [{required: true, message: "IP 地址不能为控", trigger: "blur"}],
67+
}
68+
};
69+
},
70+
created() {
71+
this.getList();
72+
},
73+
methods: {
74+
/** 查询列表 */
75+
getList() {
76+
this.loading = true;
77+
getAreaTree().then(response => {
78+
this.list = response.data;
79+
this.loading = false;
80+
})
81+
},
82+
/** 取消按钮 */
83+
cancel() {
84+
this.open = false;
85+
this.reset();
86+
},
87+
/** 表单重置 */
88+
reset() {
89+
this.form = {
90+
ip: undefined,
91+
result: undefined,
92+
};
93+
this.resetForm("form");
94+
},
95+
/** 新增按钮操作 */
96+
handleAdd() {
97+
this.reset();
98+
this.open = true;
99+
},
100+
/** 提交按钮 */
101+
submitForm() {
102+
this.$refs["form"].validate(valid => {
103+
if (!valid) {
104+
return;
105+
}
106+
getAreaByIp(this.form.ip).then(response => {
107+
this.$modal.msgSuccess("查询成功");
108+
this.form.result = response.data
109+
});
110+
});
111+
}
112+
}
113+
};
114+
</script>

0 commit comments

Comments
 (0)