Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
为 GitLab 提交贡献
登录
切换导航
S
shop-new
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分枝图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
分枝图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
王天霸
shop-new
Commits
83f2cd49
提交
83f2cd49
authored
6月 30, 2021
作者:
王天霸
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'dev' into test
上级
80c8178a
6a1747fb
全部展开
隐藏空白字符变更
内嵌
并排
正在显示
11 个修改的文件
包含
3446 行增加
和
44 行删除
+3446
-44
request.js
src/utils/request.js
+17
-36
index.vue
src/views/index.vue
+9
-6
goodsimg.vue
src/views/system/goods-wfl/add/components/goodsimg.vue
+424
-0
goodsinfomation.vue
...views/system/goods-wfl/add/components/goodsinfomation.vue
+547
-0
goodsinfomationhxz.vue
...ws/system/goods-wfl/add/components/goodsinfomationhxz.vue
+502
-0
goodsparameter.vue
src/views/system/goods-wfl/add/components/goodsparameter.vue
+142
-0
guide.vue
src/views/system/goods-wfl/add/components/guide.vue
+766
-0
index.vue
src/views/system/goods-wfl/add/index.vue
+403
-0
index.vue
src/views/system/goods-wfl/offsale/index.vue
+322
-0
index.vue
src/views/system/goods-wfl/onsale/index.vue
+312
-0
setpsd.vue
src/views/system/settings/setpsd.vue
+2
-2
没有找到文件。
src/utils/request.js
浏览文件 @
83f2cd49
...
...
@@ -19,7 +19,7 @@ service.interceptors.request.use(config => {
if
(
getToken
()
&&
!
isToken
)
{
config
.
headers
[
'Authorization'
]
=
'Bearer '
+
getToken
()
// 让每个请求携带自定义token 请根据实际情况自行修改
}
//config.hea
ders['Authorization'] = 'Bearer ' + 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJsb2dpbk5hbWUiOiIxNTcxMTEzOTg5NSIsInVpZCI6NTI4MjgsImN
oYW5uZWxJZCI6MCwiZXhwIjoxNjE5ODMzMzk3LCJpc3MiOiJnaW4tYmxvZyJ9.rh-WXSaFqgqY611Tm5dhba532OYEZvm06vUmgZknoy4'
//config.heaoYW5uZWxJZCI6MCwiZXhwIjoxNjE5ODMzMzk3LCJpc3MiOiJnaW4tYmxvZyJ9.rh-WXSaFqgqY611Tm5dhba532OYEZvm06vUmgZknoy4'
return
config
},
error
=>
{
console
.
log
(
"25reject"
);
...
...
@@ -28,33 +28,28 @@ service.interceptors.request.use(config => {
// 响应拦截器
service
.
interceptors
.
response
.
use
(
res
=>
{
// 未设置状态码则默认成功状态
const
code
=
res
.
data
.
code
||
200
;
// debugger
let
code
=
res
.
data
.
code
if
(
res
.
data
.
code
!==
0
)
{
code
=
res
.
data
.
code
||
200
;
}
else
{
code
=
0
;
}
// 返回所有数据的统一处理
const
data
=
res
.
data
;
// 获取错误信息
const
message
=
errorCode
[
code
]
||
res
.
data
.
msg
||
errorCode
[
'default'
];
// 200,1意味着成功返回数据
if
(
code
===
200
||
code
===
1
)
{
if
(
res
.
data
)
{
return
res
.
data
}
else
{
if
(
message
)
{
Message
({
message
:
message
,
type
:
'error'
});
}
else
{
Message
({
message
:
'后台数据出错啦!'
,
type
:
'error'
});
}
return
Promise
.
reject
(
'error'
);
}
}
else
if
(
code
===
500
)
{
const
message
=
errorCode
[
code
]
||
res
.
data
.
message
||
errorCode
[
'default'
];
if
(
code
===
1
||
code
===
200
)
{
return
res
.
data
}
else
if
(
code
===
500
||
code
===
0
)
{
Message
({
message
:
message
,
type
:
'error'
})
return
Promise
.
reject
(
new
Error
(
message
));
}
else
if
(
code
===
401
||
code
==
99999
)
{
}
else
if
(
code
===
401
||
code
==
99999
)
{
MessageBox
.
confirm
(
'登录状态已过期,您可以继续留在该页面,或者重新登录'
,
'系统提示'
,
{
confirmButtonText
:
'重新登录'
,
cancelButtonText
:
'取消'
,
...
...
@@ -64,30 +59,21 @@ service.interceptors.response.use(res => {
location
.
reload
()
// 为了重新实例化vue-router对象 避免bug
})
})
}
else
if
(
code
===
500
)
{
Message
({
message
:
message
,
type
:
'error'
})
return
Promise
.
reject
(
new
Error
(
message
))
}
else
if
(
code
!==
200
&&
code
!==
1
)
{
}
else
{
Notification
.
error
({
title
:
message
})
return
Promise
.
reject
(
'error'
)
store
.
dispatch
(
'LogOut'
).
then
(()
=>
{
var
ssa
=
window
.
location
.
host
;
// setTimeout(function (){
if
(
ssa
==
'localhost:1024'
)
{
window
.
location
.
href
=
'http://sso.jxhh.com/logout?redirect=http://'
+
ssa
}
else
{
window
.
location
.
href
=
'http://sso.jxhh.com/logout?redirect=http://'
+
ssa
}
// }, 1000)
// location.reload() // 为了重新实例化vue-router对象 避免bug
})
}
else
if
(
code
===
200
||
code
===
1
)
{
return
res
.
data
}
},
error
=>
{
// --- start ---- 开发时候用这段,把错误彻底抛出来 --- start ---
...
...
@@ -103,11 +89,8 @@ service.interceptors.response.use(res => {
message
:
message
,
type
:
"error"
});
// console.log(message);
// --- end ---- 开发时候用这段,把错误彻底抛出来 --- end ---
// --- start --- 正式上线,隐藏报错信息 ----- start ----
// let ssa = window.location.host;
// setTimeout(function () {
// if (ssa == 'localhost:1024') {
...
...
@@ -116,9 +99,7 @@ service.interceptors.response.use(res => {
// window.location.href = 'http://sso.jxhh.com/logout?redirect=http://' + ssa
// }
// }, 1000);
// --- end --- 正式上线,隐藏报错信息 ----- end ----
return
Promise
.
reject
(
error
)
}
)
...
...
src/views/index.vue
浏览文件 @
83f2cd49
...
...
@@ -149,11 +149,14 @@ export default {
let
money
=
[]
let
count
=
[]
let
actual
=
[]
response
.
data
.
line
.
forEach
(
function
(
item
,
index
)
{
money
.
unshift
(
item
.
price
)
actual
.
unshift
(
item
.
date
)
count
.
unshift
(
item
.
count
)
})
if
(
response
.
data
.
line
&&
response
.
data
.
line
.
length
>
0
)
{
response
.
data
.
line
.
forEach
(
function
(
item
,
index
)
{
money
.
unshift
(
item
.
price
)
actual
.
unshift
(
item
.
date
)
count
.
unshift
(
item
.
count
)
})
}
//最大订单数
var
maxOrderNum
=
this
.
lineChartData
.
maxChannelData
;
for
(
var
n
=
1
;
n
<
count
.
length
;
n
++
){
...
...
@@ -185,7 +188,7 @@ export default {
});
},
handleSetLineChartData
(
type
)
{
console
.
log
(
"type"
,
type
)
//
console.log("type",type)
this
.
lineChartData
=
lineChartData
[
type
]
}
}
...
...
src/views/system/goods-wfl/add/components/goodsimg.vue
0 → 100644
浏览文件 @
83f2cd49
差异被折叠。
点击展开。
src/views/system/goods-wfl/add/components/goodsinfomation.vue
0 → 100644
浏览文件 @
83f2cd49
差异被折叠。
点击展开。
src/views/system/goods-wfl/add/components/goodsinfomationhxz.vue
0 → 100644
浏览文件 @
83f2cd49
差异被折叠。
点击展开。
src/views/system/goods-wfl/add/components/goodsparameter.vue
0 → 100644
浏览文件 @
83f2cd49
<
template
>
<div
class=
"app-container"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"4"
>
<div
class=
"grid-content bg-purple"
>
<p>
参数
</p>
<p
style=
"font-size:12px;"
>
根据商品特性设置相符的商品参数
</p>
</div>
</el-col>
<el-col
:span=
"20"
style=
"border-left:2px solid #fff;"
>
<div
class=
'tablessst'
>
<p
class=
"col_p"
>
参数名称
</p>
<p
class=
'col_pr'
>
参数值 拖动行可进行排序
</p>
</div>
<div
v-for=
"(item,index) in goodsPram"
:key=
"index"
v-dragging=
"
{ list: goodsPram, item: item, group: 'knowTab' }" class='tablesss'>
<p
class=
"col_p"
><el-input
v-model=
"item.title"
placeholder=
"如尺码,颜色等"
style=
"width:calc(100% - 20px)"
></el-input></p>
<p
class=
'col_pr'
>
<el-input
v-model=
"item.value"
placeholder=
"根据参数进行设置, 如 S/M/L/XL/XXl, 或红/黄/蓝"
style=
"width:calc(100% - 200px)"
></el-input>
<el-button
icon=
"el-icon-close"
style=
"margin-left:10px;"
@
click=
"deletearrinput(index)"
></el-button>
<el-button
style=
"margin-left:10px;"
>
拖动排序
</el-button>
</p>
</div>
<el-button
@
click=
"addguild()"
icon=
"el-icon-plus"
style=
"margin-top:20px;"
>
添加参数
</el-button>
</el-col>
</el-row>
<!--
<el-button
type=
"primary"
@
click=
"handleinfomationclick('ruleForm')"
>
下一步
</el-button>
-->
<el-button
>
重置
</el-button>
</div>
</
template
>
<
script
>
export
default
{
name
:
'goodsmeter'
,
props
:
{
parameterdata
:
{
type
:
Object
,
required
:
true
}
},
data
()
{
return
{
goodsPram
:[{
id
:
0
,
title
:
''
,
value
:
''
}]
}
},
components
:{
'hello'
:{
render
:
function
(
createElement
){
return
createElement
(
'h'
+
this
.
level
,
this
.
$se
)
}
}
},
mounted
()
{
// this.driver = new Driver()
this
.
$dragging
.
$on
(
'dragged'
,
(
value
)
=>
{
//因为我这在排序的时候不需要做处理,所以空着就行
// debugger
})
},
watch
:{
goodsPram
:{
handler
(
val
,
oldVal
){
this
.
$emit
(
'parameterclicks'
,
val
)
},
deep
:
true
},
parameterdata
(
curVal
,
oldVal
){
if
(
curVal
){
this
.
goodsPram
=
curVal
}
}
},
methods
:
{
handleinfomationclick
(
formName
)
{
this
.
$emit
(
'parameterclicks'
,
this
.
goodsPram
)
},
addguild
(){
let
arrchild
=
{
id
:
0
,
title
:
''
,
value
:
''
}
this
.
$set
(
this
.
goodsPram
,
this
.
goodsPram
.
length
,
arrchild
)
},
deletearrinput
(
index
){
this
.
goodsPram
.
splice
(
index
,
1
)
},
}
}
</
script
>
<
style
scoped
>
.app-container
{
width
:
100%
;
height
:
100%
;
background
:
#f8f8f8
;
}
ul
,
li
{
list-style
:
none
;
margin
:
0
;
padding
:
0
;
}
.ullist
{
border
:
1px
solid
#e7eaec
;
padding
:
10px
;
margin-bottom
:
10px
;
}
.el-input-group
{
width
:
calc
(
100%
-
60px
);
}
.col_p
{
width
:
30%
;
float
:
left
;
}
.col_pr
{
width
:
70%
;
float
:
left
;
}
.tablesss
{
height
:
70px
;
border-bottom
:
1px
solid
#e6ebf5
;
}
.tablessst
{
height
:
50px
;
border-bottom
:
1px
solid
#e6ebf5
;
}
</
style
>
src/views/system/goods-wfl/add/components/guide.vue
0 → 100644
浏览文件 @
83f2cd49
差异被折叠。
点击展开。
src/views/system/goods-wfl/add/index.vue
0 → 100644
浏览文件 @
83f2cd49
差异被折叠。
点击展开。
src/views/system/goods-wfl/offsale/index.vue
0 → 100644
浏览文件 @
83f2cd49
<
template
>
<div
class=
"app-container"
>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<el-form
:inline=
"true"
class=
"queryFormInline"
>
<el-row
:span=
"24"
type=
"flex"
align=
"middle"
justify=
"space-between"
>
<el-col
:span=
"18"
>
<p
style=
"font-size: 18px; float:left;"
>
下架商品列表
</p>
</el-col>
<el-col
:span=
"6"
>
<el-form-item
style=
"float: right"
>
<el-button
type=
"primary"
icon=
"el-icon-plus"
size=
"mini"
@
click=
"handleAdd"
>
新增
</el-button>
<el-button
type=
"success"
icon=
"el-icon-edit"
size=
"mini"
@
click=
"handleOnsale"
>
申请上架
</el-button>
<el-button
type=
"danger"
icon=
"el-icon-delete"
size=
"mini"
:disabled=
"multiple"
@
click=
"handleDelete"
>
删除
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!--
<el-form
:model=
"queryParams"
ref=
"queryForm"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form-item
label=
"商品ID"
prop=
"goods_id"
>
<el-input
v-model=
"queryParams.goods_id"
placeholder=
"请输入商品ID"
clearable
size=
"small"
@
keyup
.
enter
.
native=
"handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type=
"cyan"
icon=
"el-icon-search"
size=
"mini"
@
click=
"handleQuery"
>
搜索
</el-button>
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetQuery"
>
重置
</el-button>
</el-form-item>
</el-form>
-->
<el-table
v-loading=
"loading"
:data=
"goodsList"
:height=
"tableHeight"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"55"
align=
"center"
/>
<el-table-column
label=
"商品主图"
align=
"center"
width=
"100"
prop=
"defaultImage"
>
<template
slot-scope=
"scope"
>
<el-image
style=
"width: 60px; height: 50px"
:src=
"scope.row.defaultImage"
></el-image>
</
template
>
</el-table-column>
<el-table-column
label=
"商品ID"
align=
"center"
prop=
"goodsId"
/>
<el-table-column
label=
"商品名称"
align=
"center"
prop=
"goodsName"
/>
<el-table-column
label=
"协议价"
align=
"center"
:formatter=
"formatePrice"
prop=
"jsPrice"
/>
<el-table-column
label=
"物流运费"
align=
"center"
:formatter=
"formatePrice"
prop=
"wlPrice"
/>
<el-table-column
label=
"市场售价"
align=
"center"
:formatter=
"formatePrice"
prop=
"scPrice"
/>
<el-table-column
label=
"操作"
align=
"center"
class-name=
"small-padding fixed-width"
>
<
template
slot-scope=
"scope"
>
<el-button
size=
"mini"
type=
"text"
@
click=
"handleUpdate(scope.row)"
>
编辑
</el-button>
<el-divider
direction=
"vertical"
></el-divider>
<el-button
size=
"mini"
type=
"text"
@
click=
"handleDelete(scope.row)"
>
删除
</el-button>
</
template
>
</el-table-column>
</el-table>
<pagination
v-show=
"total>0"
:total=
"total"
:page
.
sync=
"queryParams.pageNum"
:limit
.
sync=
"queryParams.pageSize"
@
pagination=
"getList"
/>
<!-- 添加或修改goods对话框 -->
<el-dialog
:title=
"title"
:visible
.
sync=
"open"
width=
"80%"
append-to-body
>
<IndexBtn
:option=
"form"
@
closeDialog=
"closeDialog"
/>
</el-dialog>
</el-card>
</div>
</template>
<
script
>
import
IndexBtn
from
'../add'
import
{
listGoods
,
getGoods
,
delGoods
,
addGoods
,
updateGoods
,
OffSaleList
,
Onsale
}
from
'@/api/module/goods'
export
default
{
name
:
"goods"
,
data
()
{
return
{
fullHeight
:
0
,
tableHeight
:
0
,
loading
:
true
,
// 选中数组
ids
:
[],
// 非单个禁用
single
:
true
,
// 非多个禁用
multiple
:
true
,
// 显示搜索条件
showSearch
:
true
,
// 总条数
total
:
0
,
// goods表格数据
goodsList
:
[],
// 弹出层标题
title
:
""
,
// 是否显示弹出层
open
:
false
,
// 查询参数
queryParams
:
{
isOnsale
:
0
},
// 表单参数
form
:
{},
// 表单校验
rules
:
{
goods_name
:
[
{
required
:
true
,
message
:
"商品名称不能为空"
,
trigger
:
"blur"
}
],
}
};
},
components
:
{
IndexBtn
},
created
()
{
this
.
getList
();
this
.
$nextTick
(()
=>
{
this
.
fullHeight
=
document
.
getElementsByClassName
(
'box-card'
)[
0
].
clientHeight
})
},
watch
:
{
fullHeight
(
val
)
{
let
formHeight
=
document
.
getElementsByClassName
(
'clearfix'
)[
0
].
clientHeight
this
.
tableHeight
=
val
-
formHeight
-
100
;
}
},
methods
:
{
//格式化价格
formatePrice
(
row
,
s
,
value
,
i
)
{
var
nm
=
0
var
money
=
value
if
(
money
>
0
)
{
nm
=
money
/
100
}
return
nm
},
/** 查询goods列表 */
getList
()
{
this
.
loading
=
true
;
listGoods
(
this
.
queryParams
).
then
(
res
=>
{
if
(
res
.
code
===
1
&&
res
.
data
)
{
this
.
goodsList
=
res
.
data
.
list
;
this
.
total
=
res
.
data
.
count
;
}
else
if
(
res
.
code
===
0
)
{
if
(
res
.
msg
)
{
this
.
$message
({
type
:
'error'
,
message
:
res
.
msg
});
}
else
{
this
.
$message
({
type
:
'error'
,
message
:
'数据出错啦!'
});
}
}
this
.
loading
=
false
;
});
},
// 取消按钮
cancel
()
{
this
.
open
=
false
;
this
.
reset
();
},
// 表单重置
reset
()
{
this
.
form
=
{};
this
.
resetForm
(
"form"
);
},
/** 搜索按钮操作 */
handleQuery
()
{
this
.
queryParams
.
pageNum
=
1
;
this
.
getList
();
},
/** 重置按钮操作 */
resetQuery
()
{
this
.
resetForm
(
"queryForm"
);
this
.
handleQuery
();
},
// 多选框选中数据
handleSelectionChange
(
selection
)
{
this
.
ids
=
selection
.
map
(
item
=>
item
.
goodsId
)
this
.
single
=
true
this
.
multiple
=
!
selection
.
length
},
/** 上架操作 */
handleOnsale
(
row
)
{
const
rowIds
=
row
.
goodsId
||
this
.
ids
;
let
params
=
{
"ids"
:
rowIds
,
"status"
:
1
};
if
(
!
rowIds
||
rowIds
.
length
===
0
)
{
this
.
$message
({
message
:
'请先选择要上架的商品数据'
,
type
:
'warning'
});
return
;
}
Onsale
(
params
).
then
(
res
=>
{
this
.
msgSuccess
(
"成功申请"
+
res
.
length
+
"个商品"
);
});
},
/** 新增按钮操作 */
handleAdd
()
{
this
.
$router
.
push
({
path
:
'/system/goods/add'
});
},
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
reset
();
const
goods_id
=
row
.
goodsId
this
.
$router
.
push
({
path
:
'/system/goods/add'
,
query
:
{
goodsId
:
goods_id
}
});
// getGoods(goods_id).then(response => {
// this.form = response.data;
// this.open = true;
// this.title = "修改goods";
// });
},
/** 提交按钮 */
submitForm
()
{
this
.
$refs
[
"form"
].
validate
(
valid
=>
{
if
(
valid
)
{
if
(
this
.
form
.
goods_id
!=
null
)
{
updateGoods
(
this
.
form
).
then
(
response
=>
{
if
(
response
.
code
===
0
)
{
this
.
msgSuccess
(
"修改成功"
);
this
.
open
=
false
;
this
.
getList
();
}
});
}
else
{
addGoods
(
this
.
form
).
then
(
response
=>
{
if
(
response
.
code
===
0
)
{
this
.
msgSuccess
(
"新增成功"
);
this
.
open
=
false
;
this
.
getList
();
}
});
}
}
});
},
/** 删除按钮操作 */
handleDelete
(
row
)
{
const
goods_ids
=
row
.
goodsId
||
this
.
ids
;
this
.
$confirm
(
'是否确认删除商品ID为"'
+
goods_ids
+
'"的数据项?'
,
"警告"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
type
:
"warning"
}).
then
(
function
()
{
return
delGoods
(
goods_ids
);
}).
then
(()
=>
{
this
.
getList
();
this
.
msgSuccess
(
"删除成功"
);
}).
catch
(
function
()
{
});
},
// 子组件关闭父组件对话框
closeDialog
(
params
)
{
this
.
open
=
params
;
}
}
//methods结束
};
</
script
>
<
style
scoped
>
.app-container
{
height
:
100%
;
}
.box-card
{
height
:
100%
;
}
.box-card
/
deep
/
.el-card__body
{
height
:
100%
;
overflow
:
hidden
;
}
.el-table
{
height
:
calc
(
100%
-
120px
);
}
/
deep
/
.el-dialog
{
height
:
90%
;
overflow
:
hidden
;
}
/
deep
/
.el-dialog__body
{
height
:
100%
;
//
height
:
calc
(
100%
-
20px
);
overflow-x
:
hidden
;
overflow-y
:
scroll
;
}
</
style
>
src/views/system/goods-wfl/onsale/index.vue
0 → 100644
浏览文件 @
83f2cd49
<
template
>
<div
class=
"app-container"
>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<el-form
:model=
"queryParams"
ref=
"queryForm"
:inline=
"true"
class=
"queryFormInline"
>
<el-row
:span=
"24"
type=
"flex"
align=
"middle"
justify=
"space-between"
>
<el-col
:span=
"20"
>
<el-form-item
label=
"商品Id"
prop=
"goodsId"
>
<el-input
size=
"small"
placeholder=
"请输入商品Id"
v-model=
"queryParams.goodsId"
></el-input>
</el-form-item>
<el-form-item
label=
"商品名称"
prop=
"goodsName"
>
<el-input
size=
"small"
placeholder=
"请输入商品名称"
v-model=
"queryParams.goodsName"
></el-input>
</el-form-item>
<el-form-item>
<el-button
size=
"mini"
type=
"primary"
icon=
"el-icon-search"
@
click=
"handleQuery"
>
搜索
</el-button>
<el-button
size=
"mini"
icon=
"el-icon-refresh"
@
click=
"resetQuery('queryForm')"
>
重置
</el-button>
</el-form-item>
</el-col>
<el-col
:span=
"4"
>
<el-form-item
style=
"float: right"
>
<el-button
type=
"primary"
icon=
"el-icon-plus"
size=
"mini"
@
click=
"handleAdd"
>
新增
</el-button>
<el-button
type=
"success"
icon=
""
size=
"mini"
@
click=
"handleOffGoods"
>
商品下架
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<el-table
v-loading=
"loading"
:data=
"goodsList"
:height=
"tableHeight"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"55"
align=
"center"
/>
<el-table-column
label=
"商品主图"
align=
"center"
width=
"100"
prop=
"defaultImage"
>
<template
slot-scope=
"scope"
>
<el-image
style=
"width: 60px; height: 50px"
:src=
"scope.row.defaultImage"
></el-image>
</
template
>
</el-table-column>
<el-table-column
label=
"商品ID"
align=
"center"
prop=
"goodsId"
/>
<el-table-column
label=
"商品名称"
align=
"center"
prop=
"goodsName"
/>
<el-table-column
label=
"协议价"
align=
"center"
:formatter=
"formatePrice"
prop=
"jsPrice"
/>
<el-table-column
label=
"物流运费"
align=
"center"
:formatter=
"formatePrice"
prop=
"wlPrice"
/>
<el-table-column
label=
"市场售价"
align=
"center"
:formatter=
"formatePrice"
prop=
"scPrice"
/>
<el-table-column
label=
"操作"
align=
"center"
class-name=
"small-padding fixed-width"
>
<
template
slot-scope=
"scope"
>
<el-button
size=
"mini"
type=
"text"
@
click=
"handleOffGoods(scope.row)"
>
下架
</el-button>
<el-divider
direction=
"vertical"
></el-divider>
<el-button
size=
"mini"
type=
"text"
@
click=
"handleUpdate(scope.row)"
>
编辑
</el-button>
</
template
>
</el-table-column>
</el-table>
<pagination
v-show=
"total>0"
:total=
"total"
:page
.
sync=
"queryParams.pageNum"
:limit
.
sync=
"queryParams.pageSize"
@
pagination=
"getList"
/>
<!-- 添加或修改goods对话框 -->
<el-dialog
:title=
"title"
:visible
.
sync=
"open"
:modal-append-to-body=
"false"
width=
"90%"
style=
"height:90%;overflow:hidden;"
append-to-body
>
<IndexBtn
:option=
"form"
/>
</el-dialog>
</el-card>
</div>
</template>
<
script
>
import
IndexBtn
from
'../add'
import
{
listGoods
,
getGoods
,
delGoods
,
addGoods
,
updateGoods
,
Onsale
}
from
'@/api/module/goods'
export
default
{
name
:
"goods"
,
data
()
{
return
{
fullHeight
:
0
,
tableHeight
:
0
,
// 遮罩层
loading
:
true
,
// 选中数组
ids
:
[],
// 非单个禁用
single
:
true
,
// 非多个禁用
multiple
:
true
,
// 显示搜索条件
showSearch
:
true
,
// 总条数
total
:
0
,
// goods表格数据
goodsList
:
[],
// 弹出层标题
title
:
""
,
// 是否显示弹出层
open
:
false
,
// 查询参数
queryParams
:
{
isOnsale
:
1
,
goodsId
:
''
,
goodsName
:
''
},
// 表单参数
form
:
{},
// 表单校验
rules
:
{
goods_name
:
[
{
required
:
true
,
message
:
"商品名称不能为空"
,
trigger
:
"blur"
}
],
}
};
},
components
:
{
IndexBtn
},
created
()
{
this
.
getList
();
this
.
$nextTick
(()
=>
{
this
.
fullHeight
=
document
.
getElementsByClassName
(
'box-card'
)[
0
].
clientHeight
})
},
watch
:
{
fullHeight
(
val
)
{
let
formHeight
=
document
.
getElementsByClassName
(
'clearfix'
)[
0
].
clientHeight
this
.
tableHeight
=
val
-
formHeight
-
100
;
}
},
methods
:
{
/*商品下架*/
handleOffGoods
(
row
)
{
const
rowIds
=
row
.
goodsId
||
this
.
ids
;
let
params
=
{
"ids"
:
rowIds
,
"status"
:
0
};
if
(
!
rowIds
||
rowIds
.
length
===
0
)
{
this
.
$message
({
message
:
'请先选择要下架的商品数据'
,
type
:
'warning'
});
return
;
}
this
.
$confirm
(
'是否确认下架商品ID为"'
+
rowIds
+
'"的数据项?'
,
"警告"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
type
:
"warning"
}).
then
(
function
()
{
return
Onsale
(
params
);
}).
then
(()
=>
{
this
.
getList
();
this
.
msgSuccess
(
"下架成功"
);
}).
catch
(()
=>
{
});
},
//格式化价格
formatePrice
(
row
,
s
,
value
,
i
)
{
var
nm
=
0
var
money
=
value
if
(
money
>
0
)
{
nm
=
money
/
100
}
return
nm
},
/** 查询goods列表 */
getList
()
{
this
.
loading
=
true
;
listGoods
(
this
.
queryParams
).
then
(
res
=>
{
if
(
res
.
code
===
1
&&
res
.
data
)
{
this
.
goodsList
=
res
.
data
.
list
;
this
.
total
=
res
.
data
.
count
;
}
else
if
(
res
.
code
===
0
)
{
if
(
res
.
msg
)
{
this
.
$message
({
type
:
'error'
,
message
:
res
.
msg
});
}
else
{
this
.
$message
({
type
:
'error'
,
message
:
'数据出错啦!'
});
}
}
this
.
loading
=
false
;
});
},
// 取消按钮
cancel
()
{
this
.
open
=
false
;
this
.
reset
();
},
// 表单重置
reset
()
{
this
.
form
=
{};
this
.
resetForm
(
"form"
);
},
/** 搜索按钮操作 */
handleQuery
()
{
this
.
queryParams
.
pageNum
=
1
;
this
.
getList
();
},
// 多选框选中数据
handleSelectionChange
(
selection
)
{
this
.
ids
=
selection
.
map
(
item
=>
item
.
goodsId
)
this
.
single
=
selection
.
length
!==
1
this
.
multiple
=
!
selection
.
length
},
/** 下架操作 */
handleOnsale
()
{
Onsale
({
"ids"
:
this
.
ids
,
"status"
:
0
}).
then
(
response
=>
{
this
.
msgSuccess
(
"成功申请"
+
response
.
data
.
length
+
"个商品"
);
});
},
/** 新增按钮操作 */
handleAdd
()
{
this
.
$router
.
push
({
path
:
'/system/goods/add'
});
},
/** 详情按钮操作 */
handleUpdate
(
row
)
{
const
goods_id
=
row
.
goodsId
this
.
$router
.
push
({
path
:
'/system/goods/add'
,
query
:
{
goodsId
:
goods_id
}
});
},
/** 提交按钮 */
submitForm
()
{
this
.
$refs
[
"form"
].
validate
(
valid
=>
{
if
(
valid
)
{
if
(
this
.
form
.
goodsId
!=
null
)
{
updateGoods
(
this
.
form
).
then
(
response
=>
{
if
(
response
.
code
===
0
)
{
this
.
msgSuccess
(
"修改成功"
);
this
.
open
=
false
;
this
.
getList
();
}
});
}
else
{
addGoods
(
this
.
form
).
then
(
response
=>
{
if
(
response
.
code
===
0
)
{
this
.
msgSuccess
(
"新增成功"
);
this
.
open
=
false
;
this
.
getList
();
}
});
}
}
});
},
// 重置
resetQuery
(
form
)
{
this
.
resetForm
(
"queryForm"
);
this
.
handleQuery
();
},
}
//methods结束
};
</
script
>
<
style
scoped
>
.app-container
{
height
:
100%
;
}
/
deep
/
.el-dialog
{
height
:
100%
;
}
/
deep
/
.el-dialog__body
{
height
:
80%
;
overflow-y
:
scroll
;
}
.box-card
{
height
:
100%
;
}
.box-card
/
deep
/
.el-card__body
{
height
:
100%
;
overflow
:
hidden
;
}
.el-table
{
height
:
calc
(
100%
-
120px
);
}
</
style
>
src/views/system/settings/setpsd.vue
浏览文件 @
83f2cd49
...
...
@@ -417,12 +417,12 @@
changePayPassword
(
this
.
payForm
).
then
(
res
=>
{
if
(
res
.
code
===
1
)
{
this
.
$message
({
type
:
"success"
,
message
:
'支付密码修改成功'
});
this
.
clearAccountCodeDown
();
this
.
isPay
=
false
;
}
else
{
let
msg
=
res
.
msg
||
'修改失败'
;
this
.
$message
({
type
:
"error"
,
message
:
msg
});
}
this
.
clearAccountCodeDown
();
this
.
isPay
=
false
;
});
}
});
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论