You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
183 lines
9.6 KiB
183 lines
9.6 KiB
10 months ago
|
<div class="right-menu-wrapper">
|
||
|
|
<template v-if="curStatus == 0">
|
||
|
|
<div class="user-wrapper" v-if="activeUserInfo">
|
||
|
|
<div class="user">
|
||
|
|
<div class="avatar">
|
||
|
|
<img :src="activeUserInfo.avatar" alt="" />
|
||
|
|
</div>
|
||
|
|
<div class="name line1">{{ activeUserInfo.nickname }}</div>
|
||
|
|
<div class="label">
|
||
|
|
<template v-if="webType == 2">
|
||
|
|
<span class="label routine">小程序</span>
|
||
|
|
</template>
|
||
|
|
<template v-if="webType == 3">
|
||
|
|
<span class="label H5">H5</span>
|
||
|
|
</template>
|
||
|
|
<template v-if="webType == 1">
|
||
|
|
<span class="label wechat">公众号</span>
|
||
|
|
</template>
|
||
|
|
<template v-if="webType == 0">
|
||
|
|
<span class="label pc">PC端</span>
|
||
|
|
</template>
|
||
|
|
<template v-if="webType == 9">
|
||
|
|
<span class="label pc">PC端</span>
|
||
|
|
</template>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<div class="item">
|
||
|
|
<span>手机号</span>
|
||
|
|
{{ activeUserInfo.phone || "暂无" }}
|
||
|
|
</div>
|
||
|
|
<!-- <div class="item">
|
||
|
|
<span>分组</span>
|
||
|
|
<Select v-model="activeUserInfo.group_id" size="small" @on-change="onChange" style="flex:1;">
|
||
|
|
<Option v-for="item in userGroup" :value="item.id" :key="item.value">{{ item.group_name }}</Option>
|
||
|
|
</Select>
|
||
|
|
</div> -->
|
||
|
|
<div class="label-list">
|
||
|
|
<span>分组</span>
|
||
|
|
<div class="con">
|
||
|
|
<div class="label-item">{{ activeUserInfo.group_name }}</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-icon" @click.stop="isUserGroup = true">
|
||
|
|
<Icon type="ios-arrow-forward" size="14" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="label-list">
|
||
|
|
<span>用户标签</span>
|
||
|
|
<div class="con">
|
||
|
|
<div class="label-item" v-for="(item, index) in activeUserInfo.labelNames" :key="index">
|
||
|
|
{{ item }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-icon" @click.stop="isUserLabel = true">
|
||
|
|
<Icon type="ios-arrow-forward" size="14" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<div class="item">
|
||
|
|
<span>用户等级</span>
|
||
|
|
{{ activeUserInfo.level_name }}
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<span>推荐人</span>
|
||
|
|
{{ activeUserInfo.spread_name }}
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<span>用户类型</span>
|
||
|
|
{{ activeUserInfo.user_type | typeFilters }}
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<span>余额</span>
|
||
|
|
{{ activeUserInfo.now_money }}
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<span>推广员</span>{{ activeUserInfo.is_promoter ? "是" : "否" }}
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<span>生日</span>
|
||
|
|
{{ activeUserInfo.birthday | getDay }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<empty v-else status="2" msg="暂无用户信息"></empty>
|
||
|
|
</template>
|
||
|
|
<template v-if="curStatus == 1">
|
||
|
|
<div class="order-wrapper">
|
||
|
|
<div class="tab-head">
|
||
|
|
<i-select v-model="orderType" @on-change="handleOrderTypeChange">
|
||
|
|
<i-option :value="item.id" v-for="item of orderTypeList" :key="item.id">{{ item.title }}</i-option>
|
||
|
|
</i-select>
|
||
|
|
</div>
|
||
|
|
<div class="search-box">
|
||
|
|
<Input class="search_box" prefix="ios-search" @on-enter="orderSearch" placeholder="搜索订单编号"
|
||
|
|
v-model="orderConfig.searchTxt" />
|
||
|
|
</div>
|
||
|
|
<div v-if="orderList.length > 0">
|
||
|
|
<Scroll :on-reach-bottom="orderReachBottom" height="650" class="right-scroll">
|
||
|
|
<div class="order-list">
|
||
|
|
<div class="order-item" v-for="(item, index) in orderList" :key="index">
|
||
|
|
<div class="head">
|
||
|
|
<div class="left">
|
||
|
|
<div class="font-box">
|
||
|
|
<span class="iconfont icondaishouhuo" v-if="item.status == 1"></span>
|
||
|
|
<span class="iconfont icondaifahuo" v-if="item.status == 0"></span>
|
||
|
|
<span class="iconfont icondaipingjia" v-if="item.status == 2"></span>
|
||
|
|
<span class="iconfont iconshouhou-tuikuan" v-if="item.status < 0"></span>
|
||
|
|
</div>
|
||
|
|
<div v-html="item.status_name">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="time">{{ item.add_time }}</div>
|
||
|
|
</div>
|
||
|
|
<div class="goods-list" :class="{ auto: !isOrderHidden }">
|
||
|
|
<div class="goods-item" v-for="goods in item.cartInfo" :key="goods.id">
|
||
|
|
<div class="img-box">
|
||
|
|
<img :src="goods.image" alt="" />
|
||
|
|
</div>
|
||
|
|
<div class="info">
|
||
|
|
<div class="name line1">
|
||
|
|
{{ goods.title }}
|
||
|
|
</div>
|
||
|
|
<div class="price">
|
||
|
|
¥{{ goods.money }} x {{ goods.cart_num }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="more-box" v-if="item.cartInfo.length > 2"
|
||
|
|
@click.stop="isOrderHidden = !isOrderHidden">
|
||
|
|
<span>{{ isOrderHidden ? "展开" : "合上" }}</span>
|
||
|
|
</div>
|
||
|
|
<div class="order-info">
|
||
|
|
<div class="info-item">
|
||
|
|
<span>订单编号：</span>{{ item.order_id }}
|
||
|
|
</div>
|
||
|
|
<div class="info-item">
|
||
|
|
<span>付款时间：</span>{{ item.pay_time }}
|
||
|
|
</div>
|
||
|
|
<div class="info-item">
|
||
|
|
<span>邮费：</span>¥ {{ item.pay_postage }}
|
||
|
|
</div>
|
||
|
|
<div class="info-item">
|
||
|
|
<span>实收款：</span>¥ {{ item.pay_price }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="btn-wrapper">
|
||
|
|
<Button class="btn" type="info" ghost style="color: #1890ff; border-color: #1890ff"
|
||
|
|
v-if="item.paid && ( orderConfig.type < 3 &&item.refund_status == 1 || orderConfig.type == 4 && item.refund_status != 2 || orderConfig.type == 5 && item.refund_status != 2 || orderConfig.type == 6 && item.refund_status != 2 || orderConfig.type == 7 && item.refund_status != 2)"
|
||
|
|
@click.stop="orderRecord(item.id)">退款</Button>
|
||
|
|
<Button class="btn" type="info" ghost style="color: #1890ff; border-color: #1890ff"
|
||
|
|
@click.stop="bindRemark(item)" v-if="orderConfig.type < 3">备注</Button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</Scroll>
|
||
|
|
</div>
|
||
|
|
<empty v-if="orderList.length == 0" status="3" msg="暂无订单信息"></empty>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<!-- 订单备注 -->
|
||
|
|
<Modal v-model="isRemarks" title="请修改内容" :footer-hide="true" :mask="true" width="520" :closable="false"
|
||
|
|
class="none-radius">
|
||
|
|
<remarks :remarkId="remarkId" :content="remarkOrderContent" :orderType="remarkOrderType" v-if="isRemarks"
|
||
|
|
@close="deliveryClose" @remarkSuccess="remarkSuccess"></remarks>
|
||
|
|
</Modal>
|
||
|
|
<!-- 用户标签 -->
|
||
|
|
<Modal v-model="isUserLabel" :footer-hide="true" width="320" class="label-box" :closable="false" :mask="true">
|
||
|
|
<p class="label-head" slot="header">
|
||
|
|
<span>选择用户标签</span>
|
||
|
|
</p>
|
||
|
|
<userLabel v-if="isUserLabel" @close="deliveryClose" :uid="uid" @editLabel="editLabel"></userLabel>
|
||
|
|
</Modal>
|
||
|
|
<!-- 用户分组 -->
|
||
|
|
<Modal v-model="isUserGroup" :footer-hide="true" width="320" class="label-box" :closable="false" :mask="true">
|
||
|
|
<p class="label-head" slot="header">
|
||
|
|
<span>选择分组</span>
|
||
|
|
</p>
|
||
|
|
<userGroup v-if="isUserGroup" :groupId="activeUserInfo.group_id" :groupList="userGroup" @close="deliveryClose"
|
||
|
|
:uid="uid" @editUserGroup="editUserGroup"></userGroup>
|
||
|
|
</Modal>
|
||
|
|
</div>
|