zhishifufei_php/public/kefu-assets/components/pc/right-menu/index.html

<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>