Skip to content

GitLab

Q
qk_admin
Commit 2bcb8eee authored by gaia's avatar gaia
Browse files
Options

Merge remote-tracking branch 'origin/feature/20240301_1544_sale' into release_pre_20240624175741

parents cc0e9642 0aec10f4
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2491 additions and 17 deletions
src/api/business/sale.js
View file @ 2bcb8eee
...@@ -53,3 +53,151 @@ export function irregularOff(data) { ...@@ -53,3 +53,151 @@ export function irregularOff(data) {
}) })
} }
/**
* 转拍品
* @param data
* @returns {*}
*/
export function collectorItemConvertToAuction(data) {
return request({
url: '/supplierItem/collectorItemConvertToAuction',
method: 'post',
data
})
}
/**
* 拍品列表
* @param data
* @returns {*}
*/
export function findAuctionList(data) {
return request({
url: '/supplierItem/findAuctionList',
method: 'post',
data
})
}
/**
* 拍品重新上架
* @param data
* @returns {*}
*/
export function auctionReSale(data) {
return request({
url: '/specialPerformance/reSale',
method: 'post',
data
})
}
/**
* 专场列表
* @param data
* @returns {*}
*/
export function findSpecialList(data) {
return request({
url: '/specialPerformance/findList',
method: 'post',
data
})
}
/**
* 添加专场
* @param data
* @returns {*}
*/
export function addSpecial(data) {
return request({
url: '/specialPerformance/create',
method: 'post',
data
})
}
/**
* 删除专场
* @param data
* @returns {*}
*/
export function deleteSpecial(data) {
return request({
url: '/specialPerformance/delete',
method: 'post',
data
})
}
/**
* 编辑专场
* @param data
* @returns {*}
*/
export function updateSpecial(data) {
return request({
url: '/specialPerformance/update',
method: 'post',
data
})
}
/**
* 专场详情
* @param data
* @returns {*}
*/
export function specialDetail(data) {
return request({
url: '/specialPerformance/findDetail',
method: 'post',
data
})
}
/**
* 专场下拍品
* @param data
* @returns {*}
*/
export function findSpecialListById(data) {
return request({
url: '/specialPerformance/findItemListById',
method: 'post',
data
})
}
/**
* 专场选择拍品
* @param data
* @returns {*}
*/
export function findSupplierItemForSpecialPerformance(data) {
return request({
url: '/supplierItem/findSupplierItemForSpecialPerformance',
method: 'post',
data
})
}
/**
* 删除专场下拍品
* @param data
* @returns {*}
*/
export function deleteSpecialItem(data) {
return request({
url: '/specialPerformance/deleteItem',
method: 'post',
data
})
}
/**
* 添加专场下拍品
* @param data
* @returns {*}
*/
export function addSpecialItem(data) {
return request({
url: '/specialPerformance/addItem',
method: 'post',
data
})
}
src/router/index.js
View file @ 2bcb8eee
...@@ -469,11 +469,87 @@ export const asyncRouterMap = [ ...@@ -469,11 +469,87 @@ export const asyncRouterMap = [
meta: { meta: {
perms: [], perms: [],
title: '用户藏品', title: '用户藏品',
icon: 'logininfor',
noCache: true,
keepAlive: true
}
},
{
path: 'auctionList',
component: () => import('@/views/sale/auctionList'),
name: 'auctionList',
meta: {
perms: [],
title: '拍卖管理',
icon: 'swagger',
noCache: true,
keepAlive: true
}
},
{
path: 'auctionDetail',
component: () => import('@/views/sale/auctionDetail'),
name: 'auctionDetail',
meta: {
perms: [],
title: '拍品详情',
icon: 'list',
noCache: true,
keepAlive: true
},
hidden: true
},
{
path: 'auctionAdd',
component: () => import('@/views/sale/auctionAdd'),
name: 'auctionAdd',
meta: {
perms: [],
title: '拍品编辑',
icon: 'list', icon: 'list',
noCache: true, noCache: true,
keepAlive: true keepAlive: true
},
hidden: true
},
{
path: 'specialList',
component: () => import('@/views/sale/specialList'),
name: 'specialList',
meta: {
perms: [],
title: '拍卖专场',
icon: 'tab',
noCache: true,
keepAlive: true
} }
}, },
{
path: 'specialAdd',
component: () => import('@/views/sale/specialAdd'),
name: 'specialAdd',
meta: {
perms: [],
title: '添加/编辑专场',
icon: 'list',
noCache: true,
keepAlive: true
},
hidden: true
},
{
path: 'specialDetail',
component: () => import('@/views/sale/specialDetail'),
name: 'specialDetail',
meta: {
perms: [],
title: '专场详情',
icon: 'list',
noCache: true,
keepAlive: true
},
hidden: true
},
{ {
path: 'itemDetail', path: 'itemDetail',
component: () => import('@/views/sale/itemDetail'), component: () => import('@/views/sale/itemDetail'),
......
src/views/order/saleOrderView.vue
View file @ 2bcb8eee
...@@ -157,7 +157,7 @@ export default { ...@@ -157,7 +157,7 @@ export default {
listQuery: { listQuery: {
page: 1, page: 1,
size: 20, size: 20,
type: 3 typeStr: '2,3'
}, },
list: [], list: [],
total: 0, total: 0,
...@@ -183,7 +183,7 @@ export default { ...@@ -183,7 +183,7 @@ export default {
this.listQuery = { this.listQuery = {
page: 1, page: 1,
limit: 20, limit: 20,
type: 3 typeStr: '2,3'
} }
this.getList() this.getList()
}, },
......
src/views/sale/auctionAdd.vue 0 → 100644
View file @ 2bcb8eee
This diff is collapsed.
src/views/sale/auctionDetail.vue 0 → 100644
View file @ 2bcb8eee
<template>
<div class="page_itemDetail">
<el-card class="box-card" style="margin: 16px">
<h3>拍品信息</h3>
<div class="user_info flex" >
<el-form ref="addInviteRef" label-width="120px">
<el-form-item label="商品名称：">
<div>{{ itemContent && itemContent.name || '-' }}</div>
</el-form-item>
<el-form-item label="商品详情：">
<div>{{ itemContent && itemContent.description || '-' }}</div>
</el-form-item>
<el-form-item label="商品图片/视频：">
<div v-if="itemContent && itemContent.imagelist && (typeof itemContent.imagelist === 'object')" class="image">
<div v-for="item in itemContent.imagelist" :key="item.url" class="image_item" @click="handleShowLargeDialog(item.type, item.url, item.videoUrl)">
<img :src="item.url" class="image_item_content" >
<img v-if="item.type === 1" class="image_content_video_icon" src="https://cdn.wanwudezhi.com/static/web-static/image/10651432d8c28651da81753c260d81b3_120x120.png">
</div>
</div>
</el-form-item>
<el-form-item label="起拍价：">
<div>{{ `${itemContent && itemContent.startPrice ? `¥ ${itemContent.startPrice}` : '-'}` }}</div>
</el-form-item>
<el-form-item label="加价幅度：">
<div>{{ `${itemContent && itemContent.addExtent ? `¥ ${itemContent.addExtent}` : '-'}` }}</div>
</el-form-item>
<el-form-item label="理想价：">
<div>{{ `${itemContent && itemContent.distributionPrice ? `¥ ${itemContent.distributionPrice}` : '-'}` }}</div>
</el-form-item>
<el-form-item label="中拍价：">
<div>{{ `${itemContent && itemContent.salePrice ? `¥ ${itemContent.salePrice}` : '-'}` }}</div>
</el-form-item>
</el-form>
</div>
</el-card>
<CheckLargeImageDialog
:show-large-dialog="showLargeDialog"
:image-url="imageUrl"
@closeLargeDialog="showLargeDialog = false"
/>
<CheckVideoDialog
:show-video-dialog="showVideoDialog"
:video-url="videosUrl"
@closeLargeDialog="showVideoDialog = false" />
</div>
</template>
<script>
import { findSaleDetail } from '../../api/business/sale'
import CheckLargeImageDialog from '../goods/components/CheckLargeImageDialog'
import CheckVideoDialog from '../goods/components/CheckVideoDialog'
export default {
name: 'AuctionDetail',
components: { CheckVideoDialog, CheckLargeImageDialog },
data() {
return {
id: '',
itemContent: {},
imageUrl: '',
showLargeDialog: false,
showVideoDialog: false,
videosUrl: ''
}
},
created() {
if (this.$route.query.id == null) {
return
}
this.id = this.$route.query.id
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
this.handleGetDetail(loading)
},
methods: {
/**
* 获取详情
* @param loading
*/
handleGetDetail(loading) {
findSaleDetail({ id: this.id })
.then(response => {
if (loading) {
loading.close()
}
console.log('====', response.data.data)
if (response.data.data) {
this.itemContent = response.data.data
this.itemContent.images = response.data.data.images ? response.data.data.images.split(';') : []
const imageList = []
if (this.itemContent.videos) {
const videoList = this.itemContent.videos.split(',')
if (videoList.length === 2) {
imageList.push({
url: videoList[1],
type: 1,
videoUrl: videoList[0]
})
}
}
if (this.itemContent.images && this.itemContent.images.length > 0) {
for (var i = 0; i < this.itemContent.images.length; i++) {
imageList.push({
url: this.itemContent.images[i],
videoUrl: '',
type: 2
})
}
}
this.itemContent.imagelist = imageList
}
})
.catch(response => {
console.log('====erro', response)
if (loading) {
loading.close()
}
})
},
/**
* 展示大图
* @param imageUrl
*/
handleShowLargeDialog(type, imageUrl, videoUrl) {
if (type === 1) {
this.videosUrl = videoUrl
this.showVideoDialog = true
} else {
this.imageUrl = imageUrl
this.showLargeDialog = true
}
}
}
}
</script>
<style lang="scss" scoped>
.page_itemDetail {
padding: 20px;
.image {
width: 100%;
display: flex;
flex-direction: row;
}
.image_item {
width: 100px;
height: 100px;
margin-right: 10px;
margin-top: 16px;
position: relative;
.image_item_content {
width: 100px;
height: 100px;
}
.image_content_video_icon {
position: absolute;
width: 30px;
height: 30px;
top: 10px;
left: 10px;
}
}
}
/deep/ .el-form-item {
margin-bottom: 0
}
</style>
src/views/sale/auctionList.vue 0 → 100644
View file @ 2bcb8eee
<template>
<div class="page_consignList">
<div class="filter-container">
<div class="button_left">
<el-input v-model="listQuery.name" clearable class="filter-item" style="width: 200px;" placeholder="请输入标题"/>
<el-select v-model="listQuery.auctionState" placeholder="请选择拍卖状态" class="filter-item" style="width: 200px;" clearable>
<el-option
v-for="item in options"
:key="item.label"
:label="item.label"
:value="item.value"
size="mini"/>
</el-select>
<el-button class="filter-item" type="primary" icon="el-icon-search" style="margin-left: 12px" @click="handleFilter">查找</el-button>
<el-button class="filter-item" type="primary" style="margin-left: 12px" @click="handleReset">重置</el-button>
</div>
</div>
<el-table
v-loading="listLoading"
:data="list"
size="small"
element-loading-text="正在查询中..."
border
fit
highlight-current-row>
<!-- <el-table-column align="center" label="排行" width="100px" type="index" />-->
<el-table-column align="center" min-width="100px" prop="id" label="拍卖ID" fixed="left"/>
<el-table-column align="center" label="封面图" prop="itemImg">
<template slot-scope="scope">
<div class="image_preview">
<el-image
:preview-src-list="scope.row.images.split(';')"
:src="scope.row.images.split(';')[0]"
class="table-td-thumb"
/>
</div>
</template>
</el-table-column>
<el-table-column align="center" label="拍卖名称" min-width="150px" prop="name">
<template slot-scope="scope">
<Line2Hidden :text="scope.row.name" />
</template>
</el-table-column>
<el-table-column align="center" label="起拍价" prop="startPrice">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.startPrice ? `¥ ${scope.row.startPrice}` : '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="加价幅度" prop="addExtent">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.addExtent ? `¥ ${scope.row.addExtent}` : '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="理想价格" prop="distributionPrice">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.distributionPrice ? `¥ ${scope.row.distributionPrice}` : '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="中拍价" prop="salePrice">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.salePrice ? `¥ ${scope.row.salePrice}` : '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="数量" prop="stock" />
<el-table-column align="center" label="发布者" prop="creatorName" />
<el-table-column align="center" label="更新时间" prop="updateTime" />
<el-table-column align="center" label="状态" prop="auctionStateName" width="100">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.auctionStateName || '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="操作" width="300" fixed="right">
<template slot-scope="scope">
<el-button
type="primary"
size="mini"
@click="handleToDetail(scope.row)">详情
</el-button>
<!-- 预展中，竞拍中，中拍未付款，成交 -->
<!-- (1, "待上架"), (2, "竞拍中"), (3, "已截拍"), (10, "预展中"), (30, "中拍未付款"), (40, "中拍未付款流拍"), (50, "无出价流拍"), (100, "成交"), -->
<el-button
:disabled="(scope.row.auctionState === 10 || scope.row.auctionState === 2 || scope.row.auctionState === 30 || scope.row.auctionState === 100)"
type="primary"
size="mini"
@click="handleToEdit(scope.row)">编辑
</el-button>
<el-button
v-if="(scope.row.auctionState === 40 || scope.row.auctionState === 50)"
type="danger"
size="mini"
@click="handleResale(scope.row)">重新上架
</el-button>
</template>
</el-table-column>
</el-table>
<Pagination
v-show="total>0"
:total="total"
:page.sync="listQuery.page"
:limit.sync="listQuery.limit"
@pagination="getList" />
</div>
</template>
<script>
import Line2Hidden from '@/components/line2Hidden'
import Pagination from '@/components/Pagination'
import { updateOnSale, findAuctionList, auctionReSale } from '@/api/business/sale'
import { MessageBox } from 'element-ui'
export default {
name: 'SaleList',
components: {
Pagination,
Line2Hidden
},
data() {
return {
itemKey: 0,
options: [{
value: 1,
label: '待上架'
}, {
value: 10,
label: '预展中'
}, {
value: 2,
label: '竞拍中'
}, {
value: 30,
label: '中拍未付款'
}, {
value: 100,
label: '成交'
}, {
value: 40,
label: '中拍未付款流拍'
}, {
value: 50,
label: '无出价流拍'
}],
listLoading: true,
listQuery: {
page: 1,
limit: 20
},
list: [],
total: 0,
// 图文估价
imageValueDialogShow: false,
// 建议寄售价
identifyValueDialogShow: false,
// 货品售出
finishDialogShow: false,
// 寄售凭证
finishSettlementDialogShow: false,
// 取消
cancelConsignDialogShow: false,
currentSaleId: ''
}
},
created() {
this.getList()
},
methods: {
handleFilter() {
this.listQuery.page = 1
this.getList()
},
handleReset() {
this.listQuery = {
page: 1,
limit: 20
}
this.getList()
},
handleSaleSwitch(e, item) {
const params = { id: item.id, isOnSale: e }
updateOnSale(params)
.then(response => {
this.$notify.success({
message: e ? '上架成功' : '下架成功'
})
})
.catch(response => {
item.isOnSale = !e
MessageBox.alert('业务错误：' + response.data.errmsg, '警告', {
confirmButtonText: '确定',
type: 'error'
})
})
},
handleCreate() {
this.$router.push({ path: '/sale/saleAdd' })
},
handlerGetList() {
this.listQuery.page = 1
this.getList()
},
handleClick(tab, event) {
this.listQuery.page = 1
this.getList()
},
getList() {
localStorage.setItem('systemState', '')
this.listLoading = true
findAuctionList(this.listQuery).then(response => {
this.list = response.data.data.dataList
this.total = response.data.data.total
this.listLoading = false
}).catch((e) => {
this.list = []
this.total = 0
this.listLoading = false
})
},
/**
* 详情
*/
handleToDetail(item) {
this.$router.push({ path: '/sale/AuctionDetail', query: { id: item.id }})
},
/**
* 详情
*/
handleToEdit(item) {
this.$router.push({ path: '/sale/AuctionAdd', query: { id: item.id }})
},
/**
* 重新上架
*/
handleResale(row) {
this.$confirm('确定将该拍品重新上架吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const data = {
itemId: row.id
}
auctionReSale(data).then((res) => {
this.list = this.list.filter((item) => {
if (item.id === row.id) {
item.auctionStateName = '待上架'
item.auctionState = 1
return item
}
return item
})
this.$notify.success({
title: '成功',
message: '上架成功'
})
this.getList()
}).catch(err => {
this.$notify.error({
title: '失败',
message: err.data.errmsg
})
})
})
}
}
}
</script>
<style lang="scss" scoped>
/deep/ .el-switch {
height: 30px;
}
/deep/ .cell {
display: flex;
justify-content: center;
}
.page_consignList {
padding: 20px;
.filter-container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.image_preview {
width: 60px;
height: 60px;
align-content: center;
justify-content: center;
}
}
</style>
src/views/sale/components/selectSpecialDialog.vue 0 → 100644
View file @ 2bcb8eee
<template>
<el-dialog
v-if="showAddSpecialDialog"
:visible.sync="showAddSpecialDialog"
:before-close="handleCancelConsignDialog"
width="1000px"
height="600px"
title="添加拍品">
<el-table
v-loading="listLoading"
:data="list"
:row-key="getRowKeys"
size="small"
element-loading-text="正在查询中..."
border
fit
height="600"
highlight-current-row
@selection-change="handleSelectionChange">
<el-table-column
:reserve-selection="true"
type="selection"
width="55"/>
<el-table-column align="center" min-width="100px" prop="id" label="拍卖ID" fixed="left"/>
<el-table-column align="center" label="拍品图片" prop="itemImg">
<template slot-scope="scope">
<div class="image_preview">
<el-image
:preview-src-list="scope.row.images.split(';')"
:src="scope.row.images.split(';')[0]"
class="table-td-thumb"
/>
</div>
</template>
</el-table-column>
<el-table-column align="center" label="拍卖标题" min-width="150px" prop="name">
<template slot-scope="scope">
<Line2Hidden :text="scope.row.name" />
</template>
</el-table-column>
<el-table-column align="center" label="起拍价" prop="startPrice">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.startPrice ? `¥ ${scope.row.startPrice}` : '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="加价幅度" prop="addExtent">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.addExtent ? `¥ ${scope.row.addExtent}` : '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="理想价格" prop="distributionPrice">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.distributionPrice ? `¥ ${scope.row.distributionPrice}` : '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="发布者" prop="creatorName" />
<el-table-column align="center" label="更新时间" prop="updateTime" />
<el-table-column align="center" label="状态" prop="auctionStateName" width="100">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.auctionStateName || '-'}` }}</span>
</template>
</el-table-column>
</el-table>
<Pagination
v-show="total>0"
:total="total"
:page.sync="listQuery.page"
:limit.sync="listQuery.limit"
@pagination="getList" />
<div slot="footer" class="dialog-footer">
<el-button @click="handleCancelConsignDialog">取 消</el-button>
<el-button type="primary" @click="handleSubmit">确 定</el-button>
</div>
</el-dialog>
</template>
<script>
import Line2Hidden from '@/components/line2Hidden'
import Pagination from '@/components/Pagination'
import { findSupplierItemForSpecialPerformance, addSpecialItem } from '@/api/business/sale'
export default {
name: 'SelectSpecialDialog',
components: {
Pagination,
Line2Hidden
},
props: {
showAddSpecialDialog: {
type: Boolean,
default: false
},
specialPerformanceId: {
type: Number,
default: 0
}
},
data() {
return {
listLoading: true,
listQuery: {
page: 1,
limit: 20
},
list: [],
total: 0
}
},
created() {
this.getList()
},
methods: {
getRowKeys(row) {
return row.id
},
/**
* 多选
*/
handleSelectionChange(val) {
if (val && val.length > 0) {
this.selectionIdList = val.map((item) => {
return item.id
})
} else {
this.selectionIdList = []
}
console.log('=====选中列表=', this.selectionIdList)
},
handleCancelConsignDialog() {
this.$emit('cancelDialog')
},
getList() {
this.listLoading = true
this.listQuery.specialPerformanceId = this.specialPerformanceId
findSupplierItemForSpecialPerformance(this.listQuery).then(response => {
this.list = response.data.data.dataList
this.total = response.data.data.total
this.listLoading = false
}).catch((e) => {
this.list = []
this.total = 0
this.listLoading = false
})
},
handleSubmit() {
if (!this.selectionIdList || this.selectionIdList.length === 0) {
this.$notify.warning({
message: '请选择藏品'
})
return
}
const params = {
itemIds: this.selectionIdList.join(','),
specialPerformanceId: this.specialPerformanceId
}
addSpecialItem(params).then(response => {
this.$notify.success({
message: '添加拍品成功'
})
this.$emit('refreshList')
this.$emit('cancelDialog')
this.listLoading = false
}).catch((e) => {
this.list = []
this.total = 0
this.listLoading = false
})
}
}
}
</script>
<style lang="scss" scoped>
.content {
width: 100%;
text-align: center;
}
.image_preview {
width: 90px;
height: 60px;
align-content: center;
justify-content: center;
display: flex;
.table-td-thumb {
width: 60px;
height: 60px;
}
}
.image {
width: 400px;
height: auto;
}
</style>
src/views/sale/itemList.vue
View file @ 2bcb8eee
...@@ -17,11 +17,18 @@ ...@@ -17,11 +17,18 @@
:key="item.label" :key="item.label"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
size="mini"/> size="mini" />
</el-select> </el-select>
<el-button class="filter-item" type="primary" icon="el-icon-search" style="margin-left: 12px" @click="handleFilter">查找</el-button> <el-button
class="filter-item"
type="primary"
icon="el-icon-search"
style="margin-left: 12px"
@click="handleFilter">查找
</el-button>
<el-button class="filter-item" type="primary" style="margin-left: 12px" @click="handleReset">重置</el-button> <el-button class="filter-item" type="primary" style="margin-left: 12px" @click="handleReset">重置</el-button>
</div> </div>
<el-button size="mini" class="filter-item" type="primary" icon="el-icon-edit" @click="handleMultiAuction">转拍卖</el-button>
</div> </div>
<el-table <el-table
v-loading="listLoading" v-loading="listLoading"
...@@ -30,10 +37,14 @@ ...@@ -30,10 +37,14 @@
element-loading-text="正在查询中..." element-loading-text="正在查询中..."
border border
fit fit
highlight-current-row> highlight-current-row
<!-- <el-table-column align="center" label="排行" width="100px" type="index" />--> @selection-change="handleSelectionChange">
<el-table-column align="center" min-width="100px" prop="id" label="商品ID" /> <el-table-column
<el-table-column align="center" label="封面图" prop="itemImg"> :selectable="checkboxInit"
type="selection"
width="55"/>
<el-table-column align="center" min-width="100px" prop="id" label="拍品ID" fixed="left"/>
<el-table-column align="center" label="封面图" prop="itemImg" min-width="100px">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <img v-if="scope.row.images" :src="scope.row.images.split(';')[0]" width="60px" height="60px" @click="handleShowPreview(scope.row.images)">--> <!-- <img v-if="scope.row.images" :src="scope.row.images.split(';')[0]" width="60px" height="60px" @click="handleShowPreview(scope.row.images)">-->
<div class="image_preview"> <div class="image_preview">
...@@ -68,24 +79,26 @@ ...@@ -68,24 +79,26 @@
</el-table-column> </el-table-column>
<el-table-column align="center" min-width="100px" prop="stock" label="库存" /> <el-table-column align="center" min-width="100px" prop="stock" label="库存" />
<el-table-column align="center" min-width="100px" prop="creatorName" label="作者" /> <el-table-column align="center" min-width="100px" prop="creatorName" label="作者" />
<el-table-column align="center" min-width="100px" prop="creatorId" label="用户ID">
<template slot-scope="scope">
<div class="user_self" @click="handleToSelf(scope.row)">{{ scope.row.creatorId }}</div>
</template>
</el-table-column>
<el-table-column align="center" min-width="100px" prop="updateTime" label="更新时间" /> <el-table-column align="center" min-width="100px" prop="updateTime" label="更新时间" />
<el-table-column align="center" min-width="100px" prop="statusName" label="状态"> <el-table-column align="center" min-width="100px" prop="statusName" label="状态">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.statusName || '-'}` }}</span> <span class="tooltip-span">{{ `${scope.row.statusName || '-'}` }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="操作" width="200"> <el-table-column align="center" label="操作" width="260">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
type="primary" type="primary"
size="mini" size="mini"
@click="handleToDetail(scope.row)">详情 @click="handleToDetail(scope.row)">详情
</el-button> </el-button>
<el-button
v-if="scope.row.status === 0"
:disabled="scope.row.isTransformAuction"
type="primary"
size="mini"
@click="handleToAuction(scope.row)">转拍卖
</el-button>
<el-button <el-button
v-if="scope.row.status === 0" v-if="scope.row.status === 0"
type="danger" type="danger"
...@@ -105,7 +118,7 @@ ...@@ -105,7 +118,7 @@
@pagination="getList" /> @pagination="getList" />
<ImagePreview <ImagePreview
v-if="isShowPreview" v-if="isShowPreview"
:imglist="imagesPreviewList"/> :imglist="imagesPreviewList" />
</div> </div>
</template> </template>
...@@ -113,7 +126,7 @@ ...@@ -113,7 +126,7 @@
<script> <script>
import Line2Hidden from '@/components/line2Hidden' import Line2Hidden from '@/components/line2Hidden'
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
import { getSaleList, updateOnSale, deleteSaleItem, irregularOff } from '@/api/business/sale' import { getSaleList, updateOnSale, deleteSaleItem, irregularOff, collectorItemConvertToAuction } from '@/api/business/sale'
import { MessageBox } from 'element-ui' import { MessageBox } from 'element-ui'
export default { export default {
...@@ -159,13 +172,55 @@ export default { ...@@ -159,13 +172,55 @@ export default {
cancelConsignDialogShow: false, cancelConsignDialogShow: false,
isShowPreview: false, isShowPreview: false,
currentSaleId: '', currentSaleId: '',
imagesPreviewList: [] imagesPreviewList: [],
selectionIdList: []
} }
}, },
created() { created() {
this.getList() this.getList()
}, },
methods: { methods: {
/**
* 设置不可选中
*/
checkboxInit(row) {
if (row.status === 0 && !row.isTransformAuction) {
return 1
} else {
return 0
}
},
/**
* 多选
*/
handleSelectionChange(val) {
if (val && val.length > 0) {
this.selectionIdList = val.map((item) => {
return item.id
})
} else {
this.selectionIdList = []
}
console.log('=====选中列表=', this.selectionIdList)
},
/**
* 批量拍卖
*/
handleMultiAuction() {
if (!this.selectionIdList || this.selectionIdList.length === 0) {
this.$notify.warning({
message: '请选择藏品'
})
return
}
this.$confirm('确定将选中的藏品设置成拍卖吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.handleRequestToAuction('')
})
},
handleFilter() { handleFilter() {
this.listQuery.page = 1 this.listQuery.page = 1
this.getList() this.getList()
...@@ -258,6 +313,50 @@ export default { ...@@ -258,6 +313,50 @@ export default {
}) })
}) })
}, },
/**
* 转拍卖
*/
handleToAuction(row) {
this.$confirm('确定将该藏品设置成拍卖吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.handleRequestToAuction(row.id)
})
},
/**
* 转拍品
* @param this.userDetail
*/
handleRequestToAuction(itemId) {
if (!itemId && this.selectionIdList.length === 0) {
return
}
const params = {
itemIdsStr: itemId ? String(itemId) : this.selectionIdList.join(',')
}
collectorItemConvertToAuction(params).then(response => {
if (itemId) {
this.list = this.list.filter((item) => {
if (item.id === itemId) {
item.isTransformAuction = true
return item
}
return item
})
} else {
this.getList()
this.selectionIdList = []
}
this.$notify.success({
message: '转拍品成功'
})
}).catch((e) => {
console.log('===报错=', e)
this.$message.error(e.data && e.data.errmsg || '请求失败， 请重试')
})
},
/** /**
* 违规下架 * 违规下架
* @param this.userDetail * @param this.userDetail
...@@ -307,17 +406,28 @@ export default { ...@@ -307,17 +406,28 @@ export default {
.page_consignList { .page_consignList {
padding: 20px; padding: 20px;
.red_button {
font-weight: 500;
color: #f56c6c;
}
.image_preview { .image_preview {
width: 60px; width: 60px;
height: 60px; height: 60px;
align-content: center; align-content: center;
justify-content: center; justify-content: center;
} }
.filter-auction {
margin-left: auto;
height: 40px;
}
.filter-container { .filter-container {
width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
.user_self { .user_self {
color: #409EFF; color: #409EFF;
} }
......
src/views/sale/specialAdd.vue 0 → 100644
View file @ 2bcb8eee
This diff is collapsed.
src/views/sale/specialDetail.vue 0 → 100644
View file @ 2bcb8eee
<template>
<div class="page_itemDetail">
<el-card class="box-card" style="margin: 16px">
<div class="user_info flex" >
<el-form ref="addInviteRef" label-width="120px">
<el-form-item label="专场标题：">
<div>{{ itemContent && itemContent.title || '-' }}</div>
</el-form-item>
<el-form-item label="时间：">
<div>{{ `${itemContent.startTime || '-'} 至 ${itemContent.endTime || '-'}` }}</div>
</el-form-item>
<el-form-item label="商品图片/视频：">
<div v-if="itemContent && itemContent.imageList" class="image">
<div v-for="item in itemContent.imageList" :key="item.url" class="image_item" @click="handleShowLargeDialog(item.type, item.url, item.videoUrl)">
<img :src="item.url" class="image_item_content" >
<img v-if="item.type === 1" class="image_content_video_icon" src="https://cdn.wanwudezhi.com/static/web-static/image/10651432d8c28651da81753c260d81b3_120x120.png">
</div>
</div>
</el-form-item>
</el-form>
</div>
</el-card>
<el-card v-if="id" class="box-card">
<div class="op-add">
<div class="item_num">{{ `${total > 0 ? `共计${total}件藏品` : ''}` }}</div>
</div>
<el-table
v-loading="listLoading"
:data="list"
size="small"
element-loading-text="正在查询中..."
border
fit
height="600"
highlight-current-row>
<el-table-column align="center" min-width="100px" prop="id" label="拍卖ID" fixed="left"/>
<el-table-column align="center" label="拍品图片" prop="itemImg">
<template slot-scope="scope">
<div class="image_preview">
<el-image
:preview-src-list="scope.row.images.split(';')"
:src="scope.row.images.split(';')[0]"
class="table-td-thumb"
/>
</div>
</template>
</el-table-column>
<el-table-column align="center" label="拍卖标题" min-width="150px" prop="name">
<template slot-scope="scope">
<Line2Hidden :text="scope.row.name" />
</template>
</el-table-column>
<el-table-column align="center" label="起拍价" prop="startPrice">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.startPrice ? `¥ ${scope.row.startPrice}` : '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="加价幅度" prop="addExtent">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.addExtent ? `¥ ${scope.row.addExtent}` : '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="理想价格" prop="distributionPrice">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.distributionPrice ? `¥ ${scope.row.distributionPrice}` : '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="发布者" prop="creatorName" />
<el-table-column align="center" label="状态" prop="auctionStateName" width="100">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.auctionStateName || '-'}` }}</span>
</template>
</el-table-column>
</el-table>
<Pagination
v-if="total > 0"
v-show="total>0"
:total="total"
:page.sync="listQuery.page"
:limit.sync="listQuery.limit"
@pagination="getList" />
</el-card>
<CheckLargeImageDialog
:show-large-dialog="showLargeDialog"
:image-url="imageUrl"
@closeLargeDialog="showLargeDialog = false"
/>
<CheckVideoDialog
:show-video-dialog="showVideoDialog"
:video-url="videosUrl"
@closeLargeDialog="showVideoDialog = false" />
</div>
</template>
<script>
import { findSpecialListById, specialDetail } from '../../api/business/sale'
import CheckLargeImageDialog from '../goods/components/CheckLargeImageDialog'
import CheckVideoDialog from '../goods/components/CheckVideoDialog'
import Line2Hidden from '@/components/line2Hidden'
import Pagination from '@/components/Pagination'
export default {
name: 'SpecialDetail',
components: { CheckVideoDialog, CheckLargeImageDialog, Line2Hidden, Pagination },
data() {
return {
id: '',
itemContent: {
imageList: []
},
imageUrl: '',
showLargeDialog: false,
showVideoDialog: false,
videosUrl: '',
listLoading: false,
listQuery: {
page: 1,
limit: 20
},
list: [],
total: 0
}
},
created() {
if (this.$route.query.id == null) {
return
}
this.id = this.$route.query.id
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
this.handleGetDetail(loading)
this.getList()
},
methods: {
/**
* 获取详情
* @param loading
*/
handleGetDetail(loading) {
specialDetail({ specialPerformanceId: this.id })
.then(response => {
if (loading) {
loading.close()
}
console.log('====', response.data.data)
if (response.data.data) {
this.itemContent = response.data.data
const list = []
list.push({
url: this.itemContent.backgroundImage,
videoUrl: '',
type: 2
})
this.itemContent.imageList = list
}
})
.catch(response => {
if (loading) {
loading.close()
}
})
},
/**
* 展示大图
* @param imageUrl
*/
handleShowLargeDialog(type, imageUrl, videoUrl) {
if (type === 1) {
this.videosUrl = videoUrl
this.showVideoDialog = true
} else {
this.imageUrl = imageUrl
this.showLargeDialog = true
}
},
getList() {
if (!this.id) {
return
}
localStorage.setItem('systemState', '')
this.listLoading = true
this.listQuery.specialPerformanceId = this.id
findSpecialListById(this.listQuery).then(response => {
this.list = response.data.data.data.dataList
this.total = response.data.data.data.total
this.listLoading = false
}).catch((e) => {
this.list = []
this.total = 0
this.listLoading = false
})
}
}
}
</script>
<style lang="scss" scoped>
.page_itemDetail {
padding: 20px;
.image_preview {
width: 90px;
height: 60px;
align-content: center;
justify-content: center;
display: flex;
.table-td-thumb {
width: 60px;
height: 60px;
}
}
.op-add {
display: flex;
justify-content: space-between;
align-content: baseline;
padding-bottom: 24px;
.item_num {
font-weight: 600;
padding-top: 15px;
}
}
.image {
width: 100%;
display: flex;
flex-direction: row;
}
.image_item {
width: 100px;
height: 100px;
margin-right: 10px;
margin-top: 16px;
position: relative;
.image_item_content {
width: 100px;
height: 100px;
}
.image_content_video_icon {
position: absolute;
width: 30px;
height: 30px;
top: 10px;
left: 10px;
}
}
}
/deep/ .el-form-item {
margin-bottom: 0
}
</style>
src/views/sale/specialList.vue 0 → 100644
View file @ 2bcb8eee
<template>
<div class="page_consignList">
<div class="filter-container">
<div class="button_left"/>
<el-button size="mini" class="filter-item" type="primary" icon="el-icon-edit" @click="handleCreate">新增专场</el-button>
</div>
<el-table
v-loading="listLoading"
:data="list"
size="small"
element-loading-text="正在查询中..."
border
fit
highlight-current-row>
<el-table-column align="center" label="专场标题" min-width="150px" prop="title">
<template slot-scope="scope">
<Line2Hidden :text="scope.row.title" />
</template>
</el-table-column>
<el-table-column align="center" label="竞拍时间" prop="updateTime" width="150" >
<template slot-scope="scope">
<span>{{ `${scope.row.startTime} 至 ${scope.row.endTime}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="藏品数" prop="itemNum" />
<el-table-column align="center" label="状态" prop="stateName" />
<el-table-column align="center" label="出价次数" prop="offerNum" />
<el-table-column align="center" label="更新时间" prop="updateTime" />
<el-table-column align="center" label="操作" width="300">
<template slot-scope="scope">
<el-button
type="primary"
size="mini"
@click="handleToDetail(scope.row)">详情
</el-button>
<el-button
:disabled="(scope.row.state === 2)"
type="primary"
size="mini"
@click="handleToEdit(scope.row)">编辑
</el-button>
<el-button
:disabled="(scope.row.state === 2)"
type="danger"
size="mini"
@click="handleDelete(scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table>
<Pagination
v-show="total>0"
:total="total"
:page.sync="listQuery.page"
:limit.sync="listQuery.limit"
@pagination="getList" />
</div>
</template>
<script>
import Line2Hidden from '@/components/line2Hidden'
import Pagination from '@/components/Pagination'
import { findSpecialList, deleteSpecial } from '@/api/business/sale'
export default {
name: 'SaleList',
components: {
Pagination,
Line2Hidden
},
data() {
return {
itemKey: 0,
options: [{
value: 1,
label: '上架'
}, {
value: 0,
label: '下架'
}],
listLoading: true,
listQuery: {
page: 1,
limit: 20
},
list: [],
total: 0,
// 图文估价
imageValueDialogShow: false,
// 建议寄售价
identifyValueDialogShow: false,
// 货品售出
finishDialogShow: false,
// 寄售凭证
finishSettlementDialogShow: false,
// 取消
cancelConsignDialogShow: false,
currentSaleId: ''
}
},
created() {
this.getList()
},
methods: {
handleFilter() {
this.listQuery.page = 1
this.getList()
},
handleReset() {
this.listQuery = {
page: 1,
limit: 20
}
this.getList()
},
handleCreate() {
this.$router.push({ path: '/sale/specialAdd' })
},
handlerGetList() {
this.listQuery.page = 1
this.getList()
},
handleClick(tab, event) {
this.listQuery.page = 1
this.getList()
},
getList() {
localStorage.setItem('systemState', '')
this.listLoading = true
findSpecialList(this.listQuery).then(response => {
this.list = response.data.data.dataList
this.total = response.data.data.total
this.listLoading = false
}).catch((e) => {
this.list = []
this.total = 0
this.listLoading = false
})
},
/**
* 详情
*/
handleToDetail(item) {
this.$router.push({ path: '/sale/specialDetail', query: { id: item.id }})
},
/**
* 编辑
*/
handleToEdit(item) {
this.$router.push({ path: '/sale/specialAdd', query: { id: item.id }})
},
/**
* 删除
*/
handleDelete(item) {
this.$confirm('确定要删除该专场吗？删除后不可恢复。', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const data = {
specialPerformanceId: item.id
}
deleteSpecial(data).then((res) => {
this.$notify.success({
title: '成功',
message: '删除成功'
})
this.getList()
}).catch(err => {
this.$notify.error({
title: '失败',
message: err.data.errmsg
})
})
})
}
}
}
</script>
<style lang="scss" scoped>
/deep/ .el-switch {
height: 30px;
}
/deep/ .cell {
display: flex;
justify-content: center;
}
.page_consignList {
padding: 20px;
.filter-container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.image_preview {
width: 90px;
height: 60px;
align-content: center;
justify-content: center;
display: flex;
.table-td-thumb {
width: 60px;
height: 60px;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment