wangmingchuan
/
yanzong_vue_store
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
main
wanghousheng 9 months ago
parent bc1eeca755
commit d1ca89d77c
4 changed files with 113 additions and 86 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      src/components/Table/UserItem/UserItem.vue
  2. 118
      src/views/order/Index.vue
  3. 15
      src/views/order/modules/CancelForm.vue
  4. 64
      src/views/user/Index.vue

2
src/components/Table/UserItem/UserItem.vue
Unescape View File

@ -8,7 +8,7 @@
:src="user.avatar_url || user.avatar.preview_url" :src="user.avatar_url || user.avatar.preview_url"
alt="会员头像" alt="会员头像"
/> />
<img v-else src="~@/assets/img/default-avatar.png" alt="会员头像" /> <!-- <img v-else src="~@/assets/img/default-avatar.png" alt="会员头像" /> -->
</a-tooltip> </a-tooltip>
</div> </div>
<div class="in-right flex flex-dir-column flex-x-center"> <div class="in-right flex flex-dir-column flex-x-center">

118
src/views/order/Index.vue
Unescape View File

@ -157,44 +157,44 @@
v-if="$auth('/order/detail')" v-if="$auth('/order/detail')"
:to="{ path: '/order/detail', query: { orderId: item.order_id } }" :to="{ path: '/order/detail', query: { orderId: item.order_id } }"
target="_blank" target="_blank"
>详情</router-link >详情</router-link
> >
<a <a
v-action:deliver v-action:deliver
v-if=" v-if="
item.pay_status == PayStatusEnum.SUCCESS.value && item.pay_status == PayStatusEnum.SUCCESS.value &&
inArray(item.delivery_type, [ inArray(item.delivery_type, [
DeliveryTypeEnum.EXPRESS.value, DeliveryTypeEnum.EXPRESS.value,
DeliveryTypeEnum.NOTHING.value, DeliveryTypeEnum.NOTHING.value,
]) && ]) &&
item.delivery_status != DeliveryStatusEnum.DELIVERED.value && item.delivery_status != DeliveryStatusEnum.DELIVERED.value &&
!inArray(item.order_status, [ !inArray(item.order_status, [
OrderStatusEnum.CANCELLED.value, OrderStatusEnum.CANCELLED.value,
OrderStatusEnum.APPLY_CANCEL.value, OrderStatusEnum.APPLY_CANCEL.value,
]) ])
" "
@click="handleDelivery(item)" @click="handleDelivery(item)"
>发货</a >发货</a
> >
<a <a
v-action:extract v-action:extract
v-if=" v-if="
item.pay_status == PayStatusEnum.SUCCESS.value && item.pay_status == PayStatusEnum.SUCCESS.value &&
item.delivery_type == DeliveryTypeEnum.EXTRACT.value && item.delivery_type == DeliveryTypeEnum.EXTRACT.value &&
item.delivery_status != DeliveryStatusEnum.DELIVERED.value && item.delivery_status != DeliveryStatusEnum.DELIVERED.value &&
!inArray(item.order_status, [ !inArray(item.order_status, [
OrderStatusEnum.CANCELLED.value, OrderStatusEnum.CANCELLED.value,
OrderStatusEnum.APPLY_CANCEL.value, OrderStatusEnum.APPLY_CANCEL.value,
]) ])
" "
@click="handleExtract(item)" @click="handleExtract(item)"
>自提核销</a >自提核销</a
> >
<a <a
v-action:cancel v-action:cancel
v-if="item.order_status == OrderStatusEnum.APPLY_CANCEL.value" v-if="item.order_status == OrderStatusEnum.APPLY_CANCEL.value"
@click="handleCancel(item)" @click="handleCancel(item)"
>审核取消</a >审核取消</a
> >
<a v-action:delete @click="handleDelete(item)">删除</a> <a v-action:delete @click="handleDelete(item)">删除</a>
<a @click="copyText(item.copy_text)">复制</a> <a @click="copyText(item.copy_text)">复制</a>
@ -248,7 +248,7 @@ import {
OrderSourceEnum, OrderSourceEnum,
OrderStatusEnum, OrderStatusEnum,
PayStatusEnum, PayStatusEnum,
ReceiptStatusEnum, ReceiptStatusEnum
} from '@/common/enum/order' } from '@/common/enum/order'
import { PaymentMethodEnum } from '@/common/enum/payment' import { PaymentMethodEnum } from '@/common/enum/payment'
import { DeliveryForm, ExtractForm, CancelForm } from './modules' import { DeliveryForm, ExtractForm, CancelForm } from './modules'
@ -259,45 +259,45 @@ const columns = [
title: '商品信息', title: '商品信息',
align: 'center', align: 'center',
dataIndex: 'goods', dataIndex: 'goods',
scopedSlots: { customRender: 'goods' }, scopedSlots: { customRender: 'goods' }
}, },
{ {
title: '单价/数量', title: '单价/数量',
align: 'center', align: 'center',
scopedSlots: { customRender: 'unit_price' }, scopedSlots: { customRender: 'unit_price' }
}, },
{ {
title: '实付款', title: '实付款',
align: 'center', align: 'center',
dataIndex: 'pay_price', dataIndex: 'pay_price',
scopedSlots: { customRender: 'pay_price' }, scopedSlots: { customRender: 'pay_price' }
}, },
{ {
title: '买家', title: '买家',
dataIndex: 'user', dataIndex: 'user',
scopedSlots: { customRender: 'user' }, scopedSlots: { customRender: 'user' }
}, },
{ {
title: '支付方式', title: '支付方式',
dataIndex: 'pay_method', dataIndex: 'pay_method',
scopedSlots: { customRender: 'pay_method' }, scopedSlots: { customRender: 'pay_method' }
}, },
{ {
title: '配送方式', title: '配送方式',
dataIndex: 'delivery_type', dataIndex: 'delivery_type',
scopedSlots: { customRender: 'delivery_type' }, scopedSlots: { customRender: 'delivery_type' }
}, },
{ {
title: '交易状态', title: '交易状态',
dataIndex: 'status', dataIndex: 'status',
scopedSlots: { customRender: 'status' }, scopedSlots: { customRender: 'status' }
}, },
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: '180px', width: '180px',
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' }
}, }
] ]
// 搜索关键词类型枚举 // 搜索关键词类型枚举
@ -306,7 +306,7 @@ const SearchTypeEnum = [
{ name: '会员昵称', value: 20 }, { name: '会员昵称', value: 20 },
{ name: '会员ID', value: 30 }, { name: '会员ID', value: 30 },
{ name: '收货人姓名', value: 40 }, { name: '收货人姓名', value: 40 },
{ name: '收货人电话', value: 50 }, { name: '收货人电话', value: 50 }
] ]
export default { export default {
@ -317,9 +317,9 @@ export default {
UserItem, UserItem,
DeliveryForm, DeliveryForm,
ExtractForm, ExtractForm,
CancelForm, CancelForm
}, },
data() { data () {
return { return {
// 订单类型 // 订单类型
dataType: this.getDataType(), dataType: this.getDataType(),
@ -337,13 +337,13 @@ export default {
textToCopy: '', textToCopy: '',
// 列表数据 // 列表数据
orderList: { data: [], total: 0 }, orderList: { data: [], total: 0 },
pageSizeOptions: ['15', '30', '50', '100','200','300','400','500'], pageSizeOptions: ['15', '30', '50', '100', '200', '300', '400', '500'],
showTotal: (total) => `共 ${total} 条记录`, // 显示总数 showTotal: (total) => `共 ${total} 条记录`, // 显示总数
// 自提门店列表 // 自提门店列表
shopList: [], shopList: []
} }
}, },
beforeCreate() { beforeCreate () {
// 批量给当前实例赋值 // 批量给当前实例赋值
assignment(this, { assignment(this, {
inArray, inArray,
@ -355,16 +355,16 @@ export default {
ReceiptStatusEnum, ReceiptStatusEnum,
PaymentMethodEnum, PaymentMethodEnum,
SearchTypeEnum, SearchTypeEnum,
simpleImage: Empty.PRESENTED_IMAGE_SIMPLE, simpleImage: Empty.PRESENTED_IMAGE_SIMPLE
}) })
}, },
watch: { watch: {
// 监听路由变化 // 监听路由变化
$route() { $route () {
this.init() this.init()
}, }
}, },
created() { created () {
// 初始化页面 // 初始化页面
this.init() this.init()
// 获取门店列表 // 获取门店列表
@ -372,7 +372,7 @@ export default {
}, },
methods: { methods: {
// 初始化页面 // 初始化页面
init() { init () {
this.dataType = this.getDataType() this.dataType = this.getDataType()
this.searchForm.resetFields() this.searchForm.resetFields()
this.queryParam = {} this.queryParam = {}
@ -380,16 +380,16 @@ export default {
}, },
// 获取门店列表 // 获取门店列表
getShopList() { getShopList () {
ShopApi.all().then((result) => (this.shopList = result.data.list)) ShopApi.all().then((result) => (this.shopList = result.data.list))
}, },
// 获取当前标签 // 获取当前标签
getDataType() { getDataType () {
return this.$route.path.split('/')[3].replace('-', '_') return this.$route.path.split('/')[3].replace('-', '_')
}, },
async copyText(text) { async copyText (text) {
try { try {
const textToCopy = text const textToCopy = text
await navigator.clipboard.writeText(textToCopy) await navigator.clipboard.writeText(textToCopy)
@ -399,7 +399,7 @@ export default {
} }
}, },
// 获取列表数据 // 获取列表数据
getList() { getList () {
const { dataType, queryParam, page } = this const { dataType, queryParam, page } = this
this.isLoading = true this.isLoading = true
return Api.list({ dataType, ...queryParam, page, pageSize: this.pageSizes }) return Api.list({ dataType, ...queryParam, page, pageSize: this.pageSizes })
@ -410,13 +410,13 @@ export default {
}, },
// 渲染订单状态标签颜色 // 渲染订单状态标签颜色
renderOrderStatusColor(orderStatus) { renderOrderStatusColor (orderStatus) {
const { OrderStatusEnum } = this const { OrderStatusEnum } = this
const ColorEnum = { const ColorEnum = {
[OrderStatusEnum.NORMAL.value]: '', [OrderStatusEnum.NORMAL.value]: '',
[OrderStatusEnum.CANCELLED.value]: 'red', [OrderStatusEnum.CANCELLED.value]: 'red',
[OrderStatusEnum.APPLY_CANCEL.value]: 'red', [OrderStatusEnum.APPLY_CANCEL.value]: 'red',
[OrderStatusEnum.COMPLETED.value]: 'green', [OrderStatusEnum.COMPLETED.value]: 'green'
} }
return ColorEnum[orderStatus] return ColorEnum[orderStatus]
}, },
@ -425,13 +425,13 @@ export default {
* 刷新列表 * 刷新列表
* @param Boolean bool 强制刷新到第一页 * @param Boolean bool 强制刷新到第一页
*/ */
handleRefresh(bool = false) { handleRefresh (bool = false) {
bool && (this.page = 1) bool && (this.page = 1)
this.getList() this.getList()
}, },
// 确认搜索 // 确认搜索
handleSearch(e) { handleSearch (e) {
e.preventDefault() e.preventDefault()
this.searchForm.validateFields((error, values) => { this.searchForm.validateFields((error, values) => {
if (!error) { if (!error) {
@ -442,53 +442,53 @@ export default {
}, },
// 重置搜索表单 // 重置搜索表单
handleReset() { handleReset () {
this.searchForm.resetFields() this.searchForm.resetFields()
}, },
// 翻页事件 // 翻页事件
onChangePage(current, size) { onChangePage (current, size) {
this.page = current this.page = current
this.pageSizes = size this.pageSizes = size
this.handleRefresh() this.handleRefresh()
}, },
handleSizeChange(current, size) { handleSizeChange (current, size) {
this.page = current this.page = current
this.pageSizes = size this.pageSizes = size
this.handleRefresh() this.handleRefresh()
}, },
// 删除记录 // 删除记录
handleDelete(item) { handleDelete (item) {
const app = this const app = this
const modal = app.$confirm({ const modal = app.$confirm({
title: '您确定要删除该订单记录吗?', title: '您确定要删除该订单记录吗?',
content: '删除后不可恢复，请谨慎操作', content: '删除后不可恢复，请谨慎操作',
onOk() { onOk () {
return EventApi.deleted(item.order_id) return EventApi.deleted(item.order_id)
.then((result) => { .then((result) => {
app.$message.success(result.message, 1.5) app.$message.success(result.message, 1.5)
app.handleRefresh() app.handleRefresh()
}) })
.finally((result) => modal.destroy()) .finally((result) => modal.destroy())
}, }
}) })
}, },
// 订单发货 // 订单发货
handleDelivery(record) { handleDelivery (record) {
this.$refs.DeliveryForm.show(record) this.$refs.DeliveryForm.show(record)
}, },
// 自提核销 // 自提核销
handleExtract(record) { handleExtract (record) {
this.$refs.ExtractForm.show(record) this.$refs.ExtractForm.show(record)
}, },
// 审核取消订单 // 审核取消订单
handleCancel(record) { handleCancel (record) {
this.$refs.CancelForm.show(record) this.$refs.CancelForm.show(record)
}, }
}, }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

15
src/views/order/modules/CancelForm.vue
Unescape View File

@ -20,11 +20,14 @@
:wrapperCol="wrapperCol" :wrapperCol="wrapperCol"
extra="同意后将退回付款金额并关闭订单" extra="同意后将退回付款金额并关闭订单"
> >
<a-radio-group v-decorator="['status', { initialValue: 1, rules: [{ required: true }] }]"> <a-radio-group v-decorator="['status', { initialValue: 1, rules: [{ required: true }] }]" @change="handleStatus">
<a-radio :value="1">同意</a-radio> <a-radio :value="1">同意</a-radio>
<a-radio :value="0">拒绝</a-radio> <a-radio :value="0">拒绝</a-radio>
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
<a-form-item label="拒绝原因" :labelCol="labelCol" :wrapperCol="wrapperCol" v-if="refuse_show">
<a-textarea placeholder="拒绝原因" :rows="2" v-decorator="['remark', { initialValue: '', rules: [{ required: true,message: '拒绝原因不能为空' }] }]"/>
</a-form-item>
</a-form> </a-form>
</a-spin> </a-spin>
</a-modal> </a-modal>
@ -36,6 +39,7 @@ import * as Api from '@/api/order/event'
export default { export default {
data () { data () {
return { return {
refuse_show: false,
// 对话框标题 // 对话框标题
title: '审核取消订单', title: '审核取消订单',
// 标签布局属性 // 标签布局属性
@ -63,7 +67,14 @@ export default {
// 当前记录 // 当前记录
this.record = record this.record = record
}, },
handleStatus (e) {
if (e.target.value === 0) {
this.form.setFieldsValue({ refuse_text: '' })
this.refuse_show = true
} else {
this.refuse_show = false
}
},
// 确认按钮 // 确认按钮
handleSubmit (e) { handleSubmit (e) {
e.preventDefault() e.preventDefault()

64
src/views/user/Index.vue
Unescape View File

@ -25,7 +25,12 @@
</a-form> </a-form>
</a-row> </a-row>
</div> </div>
<s-table ref="table" rowKey="user_id" :loading="isLoading" :columns="columns" :data="loadData" <s-table
ref="table"
rowKey="user_id"
:loading="isLoading"
:columns="columns"
:data="loadData"
:pagination="pagination"> :pagination="pagination">
<!-- 会员头像 --> <!-- 会员头像 -->
<span slot="avatar_url" slot-scope="text"> <span slot="avatar_url" slot-scope="text">
@ -62,6 +67,10 @@
<span slot="platform" class="platform" slot-scope="text"> <span slot="platform" class="platform" slot-scope="text">
<platform-icon :name="text" :showTips="true" :iconSize="17" /> <platform-icon :name="text" :showTips="true" :iconSize="17" />
</span> </span>
<!-- 邀请信息 -->
<span slot="invite_user" slot-scope="text">
<UserItem :user="text" />
</span>
<!-- 操作 --> <!-- 操作 -->
<span class="actions" slot="action" slot-scope="item"> <span class="actions" slot="action" slot-scope="item">
<a v-if="$module('market-recharge')" v-action:recharge @click="handleRecharge(item)" title="会员充值">充值</a> <a v-if="$module('market-recharge')" v-action:recharge @click="handleRecharge(item)" title="会员充值">充值</a>
@ -75,6 +84,7 @@
</template> </template>
<script> <script>
import { UserItem } from '@/components/Table'
import { filterModules } from '@/core/app' import { filterModules } from '@/core/app'
import * as Api from '@/api/user' import * as Api from '@/api/user'
import * as GradeApi from '@/api/user/grade' import * as GradeApi from '@/api/user/grade'
@ -86,20 +96,25 @@ import { GradeForm, RechargeForm } from './modules'
const columns = filterModules([ const columns = filterModules([
{ {
title: '会员ID', title: '会员ID',
dataIndex: 'user_id', dataIndex: 'user_id'
}, },
{ {
title: '会员头像', title: '会员头像',
dataIndex: 'avatar_url', dataIndex: 'avatar_url',
scopedSlots: { customRender: 'avatar_url' }, scopedSlots: { customRender: 'avatar_url' }
}, },
{ {
title: '昵称/手机号', title: '昵称/手机号',
scopedSlots: { customRender: 'main_info' }, scopedSlots: { customRender: 'main_info' }
},
{
title: '邀请人',
dataIndex: 'invite_user',
scopedSlots: { customRender: 'invite_user' }
}, },
{ {
title: '会员身份', title: '会员身份',
dataIndex: 'user_type_text', dataIndex: 'user_type_text'
}, },
/* { /* {
title: '会员等级', title: '会员等级',
@ -110,28 +125,28 @@ const columns = filterModules([
{ {
title: '余额/积分', title: '余额/积分',
dataIndex: 'balance', dataIndex: 'balance',
scopedSlots: { customRender: 'balance' }, scopedSlots: { customRender: 'balance' }
}, },
{ {
title: '实际消费金额', title: '实际消费金额',
dataIndex: 'expend_money', dataIndex: 'expend_money',
scopedSlots: { customRender: 'expend_money' }, scopedSlots: { customRender: 'expend_money' }
}, },
{ {
title: '注册来源', title: '注册来源',
dataIndex: 'platform', dataIndex: 'platform',
scopedSlots: { customRender: 'platform' }, scopedSlots: { customRender: 'platform' }
}, },
{ {
title: '注册时间', title: '注册时间',
dataIndex: 'create_time', dataIndex: 'create_time'
}, },
{ {
title: '操作', title: '操作',
// dataIndex: 'action', // dataIndex: 'action',
width: '180px', width: '180px',
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' }
}, }
]) ])
export default { export default {
@ -141,8 +156,9 @@ export default {
GradeForm, GradeForm,
RechargeForm, RechargeForm,
PlatformIcon, PlatformIcon,
UserItem
}, },
data() { data () {
return { return {
// 当前表单元素 // 当前表单元素
searchForm: this.$form.createForm(this), searchForm: this.$form.createForm(this),
@ -157,50 +173,50 @@ export default {
return Api.list({ ...param, ...this.queryParam }).then((response) => response.data.list) return Api.list({ ...param, ...this.queryParam }).then((response) => response.data.list)
}, },
// 会员等级列表 // 会员等级列表
gradeList: [], gradeList: []
} }
}, },
created() { created () {
// 获取会员等级列表 // 获取会员等级列表
this.getGradeList() this.getGradeList()
}, },
methods: { methods: {
// 获取会员等级列表 // 获取会员等级列表
getGradeList() { getGradeList () {
GradeApi.all().then((result) => { GradeApi.all().then((result) => {
this.gradeList = result.data.list this.gradeList = result.data.list
}) })
}, },
// 修改会员等级 // 修改会员等级
handleGrade(item) { handleGrade (item) {
this.$refs.GradeForm.handle(item) this.$refs.GradeForm.handle(item)
}, },
// 会员充值 // 会员充值
handleRecharge(item) { handleRecharge (item) {
this.$refs.RechargeForm.handle(item) this.$refs.RechargeForm.handle(item)
}, },
// 删除记录 // 删除记录
handleDelete(item) { handleDelete (item) {
const app = this const app = this
const modal = this.$confirm({ const modal = this.$confirm({
title: '您确定要删除该记录吗?', title: '您确定要删除该记录吗?',
content: '删除后不可恢复', content: '删除后不可恢复',
onOk() { onOk () {
return Api.deleted({ userId: item.user_id }) return Api.deleted({ userId: item.user_id })
.then((result) => { .then((result) => {
app.$message.success(result.message, 1.5) app.$message.success(result.message, 1.5)
app.handleRefresh() app.handleRefresh()
}) })
.finally((result) => modal.destroy()) .finally((result) => modal.destroy())
}, }
}) })
}, },
// 确认搜索 // 确认搜索
handleSearch(e) { handleSearch (e) {
e.preventDefault() e.preventDefault()
this.searchForm.validateFields((error, values) => { this.searchForm.validateFields((error, values) => {
if (!error) { if (!error) {
@ -214,10 +230,10 @@ export default {
* 刷新列表 * 刷新列表
* @param Boolean bool 强制刷新到第一页 * @param Boolean bool 强制刷新到第一页
*/ */
handleRefresh(bool = false) { handleRefresh (bool = false) {
this.$refs.table.refresh(bool) this.$refs.table.refresh(bool)
}, }
}, }
} }
</script> </script>

Write Preview
Loading…
Cancel
Save