Skip to content

GitLab

Q
qk_admin
Commit 4bae2b44 authored by xiami's avatar xiami
Browse files
Options

新增换藏订单

parent aaffc382
Show whitespace changes
Inline Side-by-side
Showing with 293 additions and 5 deletions
src/views/order/ChangeOrderView.vue 0 → 100644
View file @ 4bae2b44
<template>
<div class="page_consignList">
<div class="filter-container">
<div class="button_left">
<el-input
v-model="listQuery.distributionOrderId"
clearable
class="filter-item"
style="width: 200px;"
placeholder="请输入订单编号" />
<el-select v-model="listQuery.state" placeholder="请选择订单状态" class="filter-item" style="width: 200px;">
<el-option
v-for="item in options"
:key="item.label"
:label="item.label"
:value="item.value"
size="mini"/>
</el-select>
<el-input v-model="listQuery.itemName" clearable class="filter-item" style="width: 200px;" placeholder="请输入藏品名称"/>
<el-input v-model="listQuery.sellerName" clearable class="filter-item" style="width: 200px;" placeholder="请输入藏家名称"/>
<el-button class="filter-item" type="primary" icon="el-icon-search" style="margin-left: 12px" @click="handleFilter">查找</el-button>
<el-button class="filter-item" @click="resetSearchForm">重置</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="distributionOrderId" label="订单编号" />
<el-table-column align="center" label="藏家名称" min-width="100px" prop="sellerName">
<template slot-scope="scope">
<Line2Hidden :text="scope.row.sellerName || ''" />
</template>
</el-table-column>
<!-- <el-table-column align="center" label="藏家地址" prop="receiverName" min-width="160px">
<template slot-scope="scope">
<span v-if="scope.row.receiverName" >{{ scope.row.receiverName + ',' + scope.row.receiverPhone + ',' + scope.row.receiverAddress }}</span>
</template>
</el-table-column> -->
<el-table-column align="center" label="用户藏品ID" min-width="90px" prop="itemId" />
<el-table-column align="center" label="用户藏品图片" prop="homePageImage">
<template slot-scope="scope">
<img v-if="scope.row.homePageImage && scope.row.homePageImage.url" :src="scope.row.homePageImage.url" width="60px" height="60px">
</template>
</el-table-column>
<el-table-column align="center" label="用户藏品名称" min-width="150px" prop="itemName">
<template slot-scope="scope">
<!-- <Line2Hidden :text="scope.row.itemName" /> -->
<div class="user_self" @click="handleToDetailuser(scope.row)">{{ scope.row.itemName}}</div>
</template>
</el-table-column>
<el-table-column align="center" label="用户藏品估价" prop="userExchangeItemOfficalPrice" />
<el-table-column align="center" label="交换藏品ID" min-width="90px" prop="userExchangeItemId" />
<el-table-column align="center" label="交换藏品图片" prop="homePageImage">
<template slot-scope="scope">
<img v-if="scope.row.homePageImage && scope.row.homePageImage.url" :src="scope.row.homePageImage.url" width="60px" height="60px">
</template>
</el-table-column>
<!-- <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" label="交换藏品名称" min-width="150px" prop="userExchangeItemName">
<template slot-scope="scope">
<!-- <Line2Hidden :text="scope.row.userExchangeItemName" /> -->
<div class="user_self" @click="handleToDetail(scope.row)">{{ scope.row.userExchangeItemName}}</div>
</template>
</el-table-column>
<el-table-column align="center" label="交换藏品估价" prop="amount" />
<el-table-column align="center" label="数量" prop="itemNum" />
<el-table-column align="center" label="下单用户ID" min-width="90px" prop="buyerId" />
<!-- <el-table-column align="center" label="订单金额" prop="amount"> -->
<!-- <template slot-scope="scope">
<span class="tooltip-span">{{ `¥ ${scope.row.amount}` }}</span>
</template>
</el-table-column> -->
<el-table-column align="center" label="下单用户" prop="buyerName" />
<el-table-column align="center" label="下单时间" prop="createTime" />
<el-table-column align="center" label="收货信息" prop="receiverName" min-width="160px">
<template slot-scope="scope">
<span v-if="scope.row.receiverName" >{{ scope.row.receiverName + ',' + scope.row.receiverPhone + ',' + scope.row.receiverAddress }}</span>
</template>
</el-table-column>
<!-- <el-table-column align="center" label="介绍人" prop="introducerName">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.introducerName || '-'}` }}</span>
</template>
</el-table-column> -->
<el-table-column align="center" label="订单状态" prop="stateName" />
<el-table-column align="center" label="中转状态" prop="transferStateName" >
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.transferStateName || '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="物流公司" prop="logisticsName">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.logisticsName || '-'}` }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="快递单号" prop="waybill">
<template slot-scope="scope">
<span class="tooltip-span">{{ `${scope.row.waybill || '-'}` }}</span>
</template>
</el-table-column>
<!-- <el-table-column align="center" label="操作" width="300">
<template slot-scope="scope">
<el-button
:disabled="(!scope.row.editAble && scope.row.type === 2)"
type="primary"
size="mini"
@click="handleToDetail(scope.row)">编辑
</el-button>
<el-button
:disabled="(!scope.row.editAble && scope.row.type === 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 { requestOrderList } from '@/api/business/order'
export default {
name: 'ChangeOrderView',
components: {
Pagination,
Line2Hidden
},
data() {
return {
activeIndex: '1',
itemKey: 0,
options: [{
value: 1,
label: '待付款'
}, {
value: 10,
label: '待发货'
}, {
value: 20,
label: '待收货'
}, {
value: 30,
label: '售后中'
}, {
value: 80,
label: '退款受理中'
}, {
value: 100,
label: '已完成'
}, {
value: 101,
label: '已取消'
}, {
value: 6,
label: '待换货'
}],
listLoading: true,
listQuery: {
page: 1,
size: 20,
typeStr: '7'
},
list: [],
total: 0,
// 图文估价
imageValueDialogShow: false,
// 建议寄售价
identifyValueDialogShow: false,
// 货品售出
finishDialogShow: false,
// 寄售凭证
finishSettlementDialogShow: false,
// 取消
cancelConsignDialogShow: false,
currentSaleId: ''
}
},
created() {
this.getList()
},
methods: {
resetSearchForm() {
this.listQuery = {
page: 1,
limit: 20,
typeStr: '2,3,6'
}
this.getList()
},
handleFilter() {
this.listQuery.page = 1
this.getList()
},
handlerGetList() {
this.listQuery.page = 1
this.getList()
},
handleClick(tab, event) {
this.listQuery.page = 1
this.getList()
},
handleToDetail(item) {
this.$router.push({ path: '/sale/itemDetail', query: { id: item.userExchangeItemId }})
},
handleToDetailuser(item) {
this.$router.push({ path: '/sale/itemDetail', query: { id: item.itemId }})
},
getList() {
localStorage.setItem('systemState', '')
this.listLoading = true
requestOrderList(this.listQuery).then(response => {
this.list = response.data.data.dataList
this.total = response.data.data.total
this.listLoading = false
}).catch((e) => {
console.log('===报错=', e)
this.list = []
this.total = 0
this.listLoading = false
})
}
}
}
</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;
}
.user_self {
color: #409EFF;
}
.table-td-thumb {
width: 60px;
height: 60px;
}
</style>
src/views/order/itemOrderList.vue
View file @ 4bae2b44
......@@ -3,29 +3,35 @@
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1">藏馆订单</el-menu-item>
<el-menu-item index="2">平台中转</el-menu-item>
<el-menu-item index="3">换藏订单</el-menu-item>
</el-menu>
<div v-if="activeIndex === '1'">
<SaleOrderView />
</div>
<div v-else>
<div v-else-if="activeIndex === '2'">
<TransferOrderView />
</div>
<div v-else="activeIndex === '3'">
<ChangeOrderView />
</div>
</div>
</template>
<script>
import SaleOrderView from './saleOrderView'
import TransferOrderView from './transferOrderView'
import ChangeOrderView from './ChangeOrderView'
export default {
name: 'ItemOrderList',
components: {
TransferOrderView,
SaleOrderView
SaleOrderView,
ChangeOrderView
},
data() {
return {
activeIndex: '1',
activeIndex: '3',
listLoading: true
}
},
......
src/views/sale/itemList.vue
View file @ 4bae2b44
......@@ -52,7 +52,7 @@
<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">
<!-- <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">
<el-image
:preview-src-list="scope.row.images.split(';')"
......@@ -60,7 +60,6 @@
class="table-td-thumb"
/>
</div>
</template>
</el-table-column>
......
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